Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/Quickex/builty/assets/css/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
@charset "UTF-8"; /* Theme Name: Trucker Author: Website_Stock Author URI: https://themeforest.net/user/website_stock Discription: Transport Courier & Logistics Html5 Template Version: 1.0.0 Developed By : MD Saiful Islam Tamim */ /************************************** base css **************************************/ /* Author CSS */ @import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Heebo:wght@100..900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap"); * { box-sizing: border-box; margin: 0; padding: 0; } html { overflow: hidden; overflow-y: auto; scroll-behavior: smooth; margin: 0; padding: 0; } body { margin: 0; padding: 0; position: relative; font-family: "DM Sans", serif; color: #062E39; overflow-x: hidden; -ms-word-wrap: break-word; word-wrap: break-word; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; } ul { margin: 0; padding: 0; list-style: none; } a:hover, a:focus { text-decoration: none; outline: none; } a { text-decoration: none; } input:focus, textarea:focus, select:focus, button:focus { outline: none; } button { cursor: pointer; } img { max-width: 100%; height: auto; display: block; } h1, h2, h3, h4, h5, h5 { font-family: "DM Sans", serif; margin: 0; } p { margin: 0; } h1, h2, h3, h4, h5, h5, p, a, article, aside, span, li, button, input, textarea { text-wrap: auto; list-style-type: none; } p, a, article, aside, span, li, a, button, input, textarea { font-family: "DM Sans", serif; } .trucker__container { max-width: 1296px; margin: 0 auto; padding: 0 20px; } /***************** spacing padding *************/ .trucker__ptb-140 { padding: 140px 0; } .trucker__pt-140 { padding-top: 140px; } .trucker__pb-140 { padding-bottom: 140px; } .trucker__pt-120 { padding-top: 120px; } .trucker__ptb-120 { padding: 120px 0; } .trucker__pt-100 { padding-top: 100px; } .trucker__ptb-60 { padding: 60px 0; } .trucker__pt-20 { padding-top: 20px; } .trucker__pt-25 { padding-top: 25px; } .trucker__pb-20 { padding-bottom: 20px; } .trucker__pt-40 { padding-top: 40px; } .trucker__pt-30 { padding-top: 30px; } .trucker__pt-32 { padding-top: 32px; } .trucker__pb-30 { padding-bottom: 30px; } .trucker__pb-32 { padding-bottom: 32px; } .trucker__pb-40 { padding-bottom: 40px; } .trucker__pb-100 { padding-bottom: 100px; } .trucker__pb-140 { padding-bottom: 140px; } .trucker__py-20 { padding-top: 20px; padding-bottom: 20px; } .trucker__px-20 { padding-left: 20px; padding-right: 20px; } .trucker__px-25 { padding-left: 25px; padding-right: 25px; } .trucker__px-28 { padding-left: 28px; padding-right: 28px; } .trucker__px-32 { padding-left: 32px; padding-right: 32px; } .trucker__py-32 { padding-top: 32px; padding-bottom: 32px; } .trucker__px-40 { padding-left: 40px; padding-right: 40px; } .trucker__py-40 { padding-top: 40px; padding-bottom: 40px; } /*********************** spacing margin ***********************/ .trucker__mt-10 { margin-top: 10px; } .trucker__mt-20 { margin-top: 20px; } .trucker__mt-30 { margin-top: 30px; } .trucker__mt-32 { margin-top: 32px; } .trucker__mt-40 { margin-top: 40px; } .trucker__mt-48 { margin-top: 48px; } .trucker__mt-50 { margin-top: 50px; } .trucker__mt-60 { margin-top: 60px; } .trucker__mt-70 { margin-top: 70px; } .trucker__mt-80 { margin-top: 80px; } .trucker__mb-10 { margin-bottom: 10px; } .trucker__mb-20 { margin-bottom: 20px; } .trucker__mb-30 { margin-bottom: 30px; } .trucker__mb-32 { margin-bottom: 32px; } .trucker__mb-40 { margin-bottom: 40px; } .trucker__mb-50 { margin-bottom: 50px; } .trucker__mb-60 { margin-bottom: 60px; } .trucker__mb-70 { margin-bottom: 70px; } .trucker__mb-100 { margin-bottom: 100px; } .trucker__mx-32 { margin-left: 32px; margin-right: 32px; } .trucker__mx-40 { margin-left: 40px; margin-right: 40px; } .trucker__my-32 { margin-top: 32px; margin-bottom: 32px; } .trucker__my-40 { margin-top: 40px; margin-bottom: 40px; } .trucker__mt-120 { margin-top: 120px; } /******************************* theme css **********************************/ .scroll-up { cursor: pointer; display: block; border-radius: 50px; box-shadow: inset 0 0 0 2px #2A9D8F; z-index: 99; opacity: 0; visibility: hidden; transform: translateY(15px); position: fixed; right: 25px; bottom: 35px; height: 50px; width: 50px; transition: all 0.3s ease-in-out; } .scroll-up::after { position: absolute; font-family: "Font Awesome 6 Pro"; content: "\f062"; text-align: center; line-height: 50px; font-weight: 700; font-size: 18px; color: #2A9D8F; left: 0; top: 0; height: 50px; width: 50px; cursor: pointer; display: block; z-index: 1; transition: all 0.3s ease-in-out; } .scroll-up svg path { fill: none; } .scroll-up svg.scroll-circle path { stroke: #062E39; stroke-width: 4px; box-sizing: border-box; transition: all 0.3s ease-in-out; } .scroll-up.active-scroll { opacity: 1; visibility: visible; transform: translateY(0); } .trucker__align-center { text-align: center; } .trucker__align-left { text-align: left; } .trucker__align-right { text-align: right; } .trucker__title-wrapper .trucker__main-title { font-size: 45px; font-weight: 700; color: #062E39; } @media (max-width: 767px) { .trucker__title-wrapper .trucker__main-title { font-size: 30px; line-height: 40px; } .trucker__title-wrapper .trucker__main-title br { display: none; } } @media (max-width: 439px) { .trucker__title-wrapper .trucker__main-title { font-size: 25px; line-height: 35px; } } .trucker__title-wrapper .trucker__sub-titel { color: #2A9D8F; font-size: 24px; font-weight: 700; line-height: 30px; margin-bottom: 34px; } @media (max-width: 767px) { .trucker__title-wrapper .trucker__sub-titel { font-size: 18px; line-height: 28px; margin-bottom: 20px; } .trucker__title-wrapper .trucker__sub-titel br { display: none; } } .range-input { width: 100%; background: linear-gradient(to right, #062E39 70%, #FFFFFF 70%); height: 6px; border-radius: 10px; appearance: none; cursor: pointer; } .range-input::-webkit-slider-runnable-track { height: 4px; background: transparent; } .range-input::-webkit-slider-thumb { -webkit-appearance: none; height: 16px; width: 16px; border-radius: 50%; background: #062E39; margin-top: -6px; cursor: pointer; } .range-input::-moz-range-track { height: 6px; background: transparent; } .range-input::-moz-range-thumb { height: 16px; width: 16px; border-radius: 50%; background: #062E39; cursor: pointer; } @keyframes trucker__headerStickyAnimations { 0% { transform: translateY(-100px); } 100% { transform: translateY(0px); } } @keyframes trucker__bounceY { 0% { transform: translateY(0) translateX(0); } 50% { transform: translateY(7px) translateX(15px); } to { transform: translateY(0) translateX(0); } } @keyframes trucker__bounceX { 0% { transform: translateY(0) translateX(0); } 50% { transform: translateY(15px) translateX(7px); } to { transform: translateY(0) translateX(0); } } @keyframes trucker__bounceX1 { 0% { transform: translateX(0) translateY(0); } 50% { transform: translateX(15px) translateY(7px); } to { transform: translateX(0) translateY(0); } } @keyframes scalingAnimation { 0% { scale: 100%; } 33.333% { scale: 0.5; } 50% { scale: 0.7; } 66.666% { scale: 0.9; } 100% { scale: 100%; } } @keyframes scalingAnimation1 { 0% { scale: 100%; } 20% { scale: 95%; } 50% { scale: 101%; } 100% { scale: 100%; } } @keyframes trucker__rotingAnimation { 100% { transform: rotate(360deg); } } @keyframes trucker__LeftBesiteAnimation { 0% { left: 0; } 25% { left: 5px; } 75% { left: 8px; } 100% { left: 0; } } @keyframes trucker__ImgFlowingAnimation { 100% { left: 125%; } } @keyframes trucker__banner-slide { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes trucker__circle-text-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes trucker__scalingAnimation { 0% { scale: 100%; } 33.333% { scale: 0.5; } 50% { scale: 0.7; } 66.666% { scale: 0.9; } 100% { scale: 100%; } } .trucker__slider-arrow { display: flex; align-items: center; justify-content: space-between; top: 50%; position: absolute; width: 100%; z-index: 1; } @media (max-width: 767px) { .trucker__slider-arrow { top: 39%; transform: translateY(-50%); } } @media (max-width: 575px) { .trucker__slider-arrow { justify-content: center; gap: 25px; left: 50%; transform: translateX(-50%); bottom: -65px; margin-top: 25px; } } .trucker__slider-btn { position: relative; width: 80px; height: 80px; border-radius: 50%; line-height: 80px; display: inline-block; text-align: center; background-color: #FFFFFF; color: #2A9D8F; font-size: 30px; transition: linear 0.4s; } @media (max-width: 767px) { .trucker__slider-btn { width: 50px; height: 50px; line-height: 50px; font-size: 18px; } } .trucker__slider-btn:hover { background-color: #2A9D8F; color: #FFFFFF; } .trucker__slider-btn::before { width: 90px; height: 90px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; content: ""; border-radius: 50%; border: 1px solid #2A9D8F; } @media (max-width: 767px) { .trucker__slider-btn::before { width: 60px; height: 60px; } } .trucker__slider-btn.trucker__next-slider-btn { left: 38px; } @media (max-width: 767px) { .trucker__slider-btn.trucker__next-slider-btn { left: 20px; } } @media (max-width: 575px) { .trucker__slider-btn.trucker__next-slider-btn { left: 0; } } .trucker__slider-btn.trucker__prev-slider-btn { right: 38px; } @media (max-width: 767px) { .trucker__slider-btn.trucker__prev-slider-btn { left: -20px; } } @media (max-width: 575px) { .trucker__slider-btn.trucker__prev-slider-btn { left: 0; } } .jarallax { position: relative; z-index: 0; } .jarallax > .jarallax-img, picture.jarallax-img img { position: absolute; object-fit: cover; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .trucker__delivary-bullet-point { text-align: center; margin-top: 45px; } @media (max-width: 767px) { .trucker__delivary-bullet-point { margin-top: 30px; } } .trucker__delivary-bullet-point .swiper-pagination-bullet { background-color: #88C2BB; width: 20px; height: 20px; border-radius: 50%; } .trucker__delivary-bullet-point .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 25px; height: 25px; border-radius: 50%; background-color: #2A9D8F; } .trucker__slider-arrow-testimonial-home-2 { display: flex; align-items: center; justify-content: space-between; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 1296px; left: 50%; } @media (max-width: 1399px) { .trucker__slider-arrow-testimonial-home-2 { position: unset; left: 0; top: 0; bottom: 50px; transform: unset; justify-content: center; gap: 15px; margin-top: 30px; width: 100%; } } .trucker__slider-arrow-testimonial-home-2 .trucker__slider-testimonial-btn { width: 56px; height: 56px; border-radius: 50%; border: 1px solid #747474; line-height: 56px; display: inline-block; text-align: center; transition: linear 0.4s; } .trucker__slider-arrow-testimonial-home-2 .trucker__slider-testimonial-btn:hover { background-color: #2A9D8F; color: #FFFFFF; border-color: transparent; } .trucker__slider-arrow-testimonial-home-2 .trucker__slider-testimonial-btn::before { display: none; } .trucker__slider-arrow-testimonial-home-2 .trucker__next-slider-testimonial-btn { position: relative; left: -65px; } @media (max-width: 1499px) { .trucker__slider-arrow-testimonial-home-2 .trucker__next-slider-testimonial-btn { left: -30px; } } @media (max-width: 1399px) { .trucker__slider-arrow-testimonial-home-2 .trucker__next-slider-testimonial-btn { left: 0; } } .trucker__slider-arrow-testimonial-home-2 .trucker__prev-slider-testimonial-btn { position: relative; right: -65px; } @media (max-width: 1499px) { .trucker__slider-arrow-testimonial-home-2 .trucker__prev-slider-testimonial-btn { right: -30px; } } @media (max-width: 1399px) { .trucker__slider-arrow-testimonial-home-2 .trucker__prev-slider-testimonial-btn { right: 0; } } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: unset; } .mtFadeInUp { opacity: 0; /* Start invisible */ animation: mtFadeInUp 2s ease-out forwards; /* 2 seconds duration, ease-out effect */ } @keyframes mtFadeInUp { 0% { opacity: 0; transform: translateY(30px); /* Start slightly below */ } 100% { opacity: 1; transform: translateY(0); /* End at original position */ } } @keyframes mtslideInUp { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .mtfadeInLeft { opacity: 0; /* Start invisible */ animation: mtfadeInLeft 2s ease-out forwards; /* 2 seconds duration, ease-out effect */ } @keyframes mtfadeInLeft { 0% { opacity: 0; transform: translateX(-20px); /* Start slightly to the left */ } 100% { opacity: 1; transform: translateX(0); /* End at original position */ } } .mtSkillInLeft { opacity: 0; /* Start invisible */ animation: mtSkillInLeft 2s ease-out forwards; /* 2 seconds duration, ease-out effect */ } @keyframes mtSkillInLeft { 0% { opacity: 0; transform: translateX(-300px); /* Start slightly to the left */ } 100% { opacity: 1; transform: translateX(0); /* End at original position */ } } .slideinup { -webkit-animation-name: slideinup; animation-name: slideinup; } @keyframes slideinup { 0% { opacity: 0; transform: translateY(70px); } 100% { transform: translateY(0); } } @keyframes slideinright { 0% { opacity: 0; transform: translateX(70px); } 100% { transform: translateX(0); } } @keyframes slideindown { 0% { opacity: 0; transform: translateY(-70px); } 100% { transform: translateY(0); } } .slideinleft { -webkit-animation-name: slideinleft; animation-name: slideinleft; } @keyframes slideinleft { 0% { opacity: 0; transform: translateX(-70px); } 100% { transform: translateX(0); } } @keyframes slidebottomright { 0% { opacity: 0; transform: translateX(100px) translateY(100px); } 100% { transform: translateX(0) translateY(0); } } @keyframes slidetopleft { 0% { opacity: 0; transform: translateX(-100px) translateY(-100px); } 100% { transform: translateX(0) translateY(0); } } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } 0% { border-right-color: transparent; border-bottom-color: transparent; border-top-color: transparent; border-left-color: transparent; } 75% { border-top-color: #fff; border-left-color: #fff; border-right-color: #fff; border-bottom-color: transparent; } 100% { border-right-color: transparent; border-bottom-color: transparent; border-top-color: transparent; border-left-color: transparent; } } /*img-animation**********************/ .img-custom-anim-right { animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; opacity: 0; } @keyframes img-anim-right { 0% { transform: translateX(5%); clip-path: inset(0 0 0 100%); opacity: 0; } 100% { transform: translateX(0); clip-path: inset(0 0 0 0); opacity: 1; } } .img-custom-anim-left { animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; opacity: 0; } @keyframes img-anim-left { 0% { transform: translateX(-5%); clip-path: inset(0 100% 0 0); opacity: 0; } 100% { transform: translateX(0); clip-path: inset(0 0 0 0); opacity: 1; } } .img-custom-anim-top { animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 0; } @keyframes img-anim-top { 0% { transform: translateY(-5%); clip-path: inset(0 0 100% 0); opacity: 0; } 100% { transform: translateY(0); clip-path: inset(0 0 0 0); opacity: 1; } } /******************************** components ******************************/ .trucker__header-area-home-1 .trucker__header-topbar { background-color: #062E39; padding-top: 6px; padding-bottom: 6px; } .trucker__header-area-home-1 .trucker__header-topbar .trucker__header-wrapper { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 650px) { .trucker__header-area-home-1 .trucker__header-topbar .trucker__header-wrapper { display: block; } } .trucker__header-area-home-1 .trucker__header-topbar .trucker__header-wrapper .trucker__topbar-left { display: flex; align-items: center; gap: 87px; } @media (max-width: 767px) { .trucker__header-area-home-1 .trucker__header-topbar .trucker__header-wrapper .trucker__topbar-left { gap: 30px; } } @media (max-width: 650px) { .trucker__header-area-home-1 .trucker__header-topbar .trucker__header-wrapper .trucker__topbar-left { display: none; } } .trucker__header-area-home-1 .trucker__header-topbar .trucker__header-wrapper .trucker__topbar-left .trucker__header-topbar-info { transition: linear 0.4s; } .trucker__header-area-home-1 .trucker__header-topbar .trucker__header-wrapper .trucker__topbar-left .trucker__header-topbar-info:hover { color: #2A9D8F; } .trucker__header-area-home-1 .trucker__header-topbar .trucker__header-wrapper .trucker__topbar-right { display: flex; align-items: center; gap: 68px; position: relative; } .trucker__header-area-home-1 .trucker__header-topbar .trucker__header-wrapper .trucker__topbar-right::before { content: ""; background: rgba(255, 255, 255, 0.2); position: absolute; left: 50%; transform: translateX(-50%); top: 50%; transform: translateY(-50%); width: 1px; height: 20.741px; } @media (max-width: 650px) { .trucker__header-area-home-1 .trucker__header-topbar .trucker__header-wrapper .trucker__topbar-right::before { display: none; } } @media (max-width: 767px) { .trucker__header-area-home-1 .trucker__header-topbar .trucker__header-wrapper .trucker__topbar-right { gap: 20px; } } @media (max-width: 650px) { .trucker__header-area-home-1 .trucker__header-topbar .trucker__header-wrapper .trucker__topbar-right { justify-content: space-between; } } .trucker__header-area-home-1 .trucker__header-topbar .trucker__header-wrapper .trucker__topbar-right .trucker__topbar-lan-select .nice-select { background-color: transparent; border: none; color: #FFFFFF; font-size: 15px; font-weight: 500; } .trucker__header-area-home-1 .trucker__header-topbar .trucker__header-wrapper .trucker__topbar-right .trucker__topbar-lan-select .nice-select::after { border-bottom: 2px solid #fff; border-right: 2px solid #fff; width: 8px; height: 8px; top: 45%; } .trucker__header-area-home-1 .trucker__header-topbar .trucker__header-wrapper .trucker__topbar-right .trucker__topbar-lan-select .nice-select .list { color: #061316; z-index: 99999; } .trucker__header-area-home-1 .trucker__header-topbar .trucker__header-wrapper .trucker__topbar-right .trucker__topbar-social-media { display: flex; align-items: center; gap: 15px; } .trucker__header-area-home-1 .trucker__header-topbar .trucker__header-wrapper .trucker__topbar-right .trucker__topbar-social-media a { transition: linear 0.4s; } .trucker__header-area-home-1 .trucker__header-topbar .trucker__header-wrapper .trucker__topbar-right .trucker__topbar-social-media a:hover { color: #2A9D8F; } .trucker__header-area-home-1 .trucker__header-menu { position: absolute; left: 0; width: 100%; z-index: 999; } .trucker__header-area-home-1 .trucker__header-menu.trucker__header-sticky { position: fixed !important; top: 0; animation: trucker__headerStickyAnimations 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; display: block; width: 100%; z-index: 999; max-width: 100%; box-shadow: 10px 10px 42px -1px rgba(65, 63, 63, 0.15); background-color: #fff; } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper { background-color: #FFFFFF; display: flex; align-items: center; justify-content: space-between; padding: 22px 22px; } @media (max-width: 1099px) { .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__menu__inner { display: none; } } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__menu__inner .trucker__menu { display: flex; align-items: center; gap: 69px; } @media (max-width: 1299px) { .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__menu__inner .trucker__menu { gap: 45px; } } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__menu__inner .trucker__menu li { position: relative; } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__menu__inner .trucker__menu li a { transition: linear 0.4s; position: relative; } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__menu__inner .trucker__menu li a.trucker__submenu-open-here::after { content: ""; position: absolute; background-color: #062E39; width: 2px; height: 10px; right: -12px; top: 54%; transform: translateY(-50%); transition: linear 0.3s; } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__menu__inner .trucker__menu li a.trucker__submenu-open-here::before { content: ""; position: absolute; background-color: #062E39; width: 10px; height: 2px; right: -16px; top: 54%; transform: translateY(-50%); transition: linear 0.3s; } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__menu__inner .trucker__menu li a:hover { color: #2A9D8F; } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__menu__inner .trucker__menu li .trucker__sub-menu { left: 0; position: absolute; transform: translateY(-25px) scaleY(0.8); top: 135%; background: #FFFFFF; transition: all ease 0.3s; opacity: 0; visibility: hidden; padding: 15px 20px; box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); margin: 0px auto; width: 180px; right: unset; display: block; transform: linear 0.4s; } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__menu__inner .trucker__menu li .trucker__sub-menu::before { content: ""; position: absolute; width: 0; height: 2px; left: 0; top: 0; background-color: #2A9D8F; transition: linear 0.4s; } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__menu__inner .trucker__menu li .trucker__sub-menu li { display: block; margin-bottom: 5px; } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__menu__inner .trucker__menu li .trucker__sub-menu li a { transition: linear 0.4s; } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__menu__inner .trucker__menu li .trucker__sub-menu li a:hover { color: #2A9D8F; } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__menu__inner .trucker__menu li:hover .trucker__submenu-open-here { color: #2A9D8F; } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__menu__inner .trucker__menu li:hover .trucker__submenu-open-here::after { display: none; } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__menu__inner .trucker__menu li:hover .trucker__submenu-open-here::before { background-color: #2A9D8F; } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__menu__inner .trucker__menu li:hover .trucker__sub-menu { opacity: 1; visibility: visible; transform: translateY(0px) scaleY(1); } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__menu__inner .trucker__menu li:hover .trucker__sub-menu::before { width: 100%; } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__header-menu-right { display: flex; align-items: center; gap: 33px; } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__header-menu-right .trucker-search-mobile-menu-btn { display: flex; align-items: center; gap: 47px; position: relative; } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__header-menu-right .trucker-search-mobile-menu-btn::before { content: ""; background: rgba(223, 223, 223, 0.55); position: absolute; left: 45%; transform: translateX(-50%); top: 50%; transform: translateY(-50%); width: 1px; height: 43px; } @media (max-width: 575px) { .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__header-menu-right .trucker-search-mobile-menu-btn::before { display: none; } } @media (max-width: 1299px) { .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__header-menu-right .trucker-search-mobile-menu-btn { gap: 20px; } } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__header-menu-right .trucker-search-mobile-menu-btn .trucker__search-icon { transition: linear 0.4s; } @media (max-width: 575px) { .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__header-menu-right .trucker-search-mobile-menu-btn .trucker__search-icon { display: none; } } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__header-menu-right .trucker-search-mobile-menu-btn .trucker__search-icon:hover { color: #2A9D8F; } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__header-menu-right .trucker-search-mobile-menu-btn .trucker__mobile-menu-bar svg path { transition: linear 0.4s; } .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__header-menu-right .trucker-search-mobile-menu-btn .trucker__mobile-menu-bar:hover svg path { fill: #062E39; } @media (max-width: 575px) { .trucker__header-area-home-1 .trucker__header-menu .trucker__menu-wrapper .trucker__header-menu-right .trucker__header-btn { display: none; } } @media (max-width: 650px) { .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__header-topbar .trucker__header-wrapper .trucker__topbar-left { display: block; text-align: center; } } .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__header-topbar .trucker__header-wrapper .trucker__topbar-left .trucker__header-topbar-info:hover { color: #FFFFFF; } @media (max-width: 650px) { .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__header-topbar .trucker__header-wrapper .trucker__topbar-right { display: none; } } .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__header-topbar .trucker__header-wrapper .trucker__topbar-right::before { display: none; } .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__midel-bar { background-color: #2A9D8F; padding-top: 25px; padding-bottom: 50px; } @media (max-width: 650px) { .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__midel-bar { display: none; } } .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__midel-bar .trucker__midel-bar-wrapper { display: flex; align-items: center; justify-content: space-between; } .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__midel-bar .trucker__midel-logo { width: 25%; } @media (max-width: 1099px) { .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__midel-bar .trucker__midel-logo { display: none; } } .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__midel-bar .trucker__midel-contact-info-wrapper { width: 75%; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 1099px) { .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__midel-bar .trucker__midel-contact-info-wrapper { width: 100%; } } .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__midel-bar .trucker__midel-contact-info-wrapper .trucker__midel-contact-info-item { display: flex; align-items: center; gap: 10px; } .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__midel-bar .trucker__midel-contact-info-wrapper .trucker__midel-contact-info-item .trucker__midel-contact-info-icon span { color: #FFFFFF; font-size: 30px; } .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__midel-bar .trucker__midel-bar-line { background: rgba(219, 219, 219, 0.65); width: 1px; height: 45px; } .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__header-menu { top: 140px; } @media (max-width: 650px) { .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__header-menu { top: unset; } } .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__header-menu.trucker__header-sticky { top: 0; } .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__header-menu.trucker__header-sticky .trucker__menu-wrapper .trucker__logo { display: block; } .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__header-menu .trucker__menu-wrapper { display: flex; align-items: center; justify-content: space-between; padding-top: 30px; padding-bottom: 30px; } .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__header-menu .trucker__menu-wrapper .trucker__logo { display: none; } @media (max-width: 1099px) { .trucker__header-area-home-1.trucker__header-area-home-2 .trucker__header-menu .trucker__menu-wrapper .trucker__logo { display: block; } } .trucker__btn-style-1 { background-color: #2A9D8F; color: #FFFFFF; padding: 20px 37px 20px 28px; border-radius: 4px; transition: linear 0.4s; } .trucker__btn-style-1:hover { background-color: #062E39; } .trucker__btn-style-1 i { right: -5px; position: relative; } .trucker__footer-area-home-2 { background-repeat: no-repeat; background-position: center center; background-size: cover; padding-top: 130px; } @media (max-width: 991px) { .trucker__footer-area-home-2 { padding-top: 100px; } } @media (max-width: 767px) { .trucker__footer-area-home-2 { padding-top: 80px; } } .trucker__footer-area-home-2 .trucker__footer-wrapper { display: flex; align-items: start; justify-content: space-between; } @media (max-width: 991px) { .trucker__footer-area-home-2 .trucker__footer-wrapper { display: grid; grid-template-columns: 50% 50%; grid-template-rows: auto auto; row-gap: 30px; } } @media (max-width: 767px) { .trucker__footer-area-home-2 .trucker__footer-wrapper { grid-template-columns: 100%; } } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo { width: 26.33%; } @media (max-width: 1299px) { .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo { width: 29.33%; } } @media (max-width: 991px) { .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo { width: 71.33%; } } @media (max-width: 575px) { .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo { width: 100%; } } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo .trucker__footer-logo-bottom-text { color: #FFFFFF; font-size: 16px; font-weight: 500; line-height: 26px; color: #B4B4B4; margin-top: 20px; margin-bottom: 32px; } @media (max-width: 1199px) { .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo .trucker__footer-logo-bottom-text br { display: none; } } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo .trucker__footer-location, .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo .trucker__footer-email-phone { display: flex; align-items: flex-start; gap: 25px; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo .trucker__footer-location .trucker__footer-location-icon, .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo .trucker__footer-email-phone .trucker__footer-location-icon { position: relative; top: 7px; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo .trucker__footer-location .trucker__footer-location-text, .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo .trucker__footer-email-phone .trucker__footer-location-text { color: #B4B4B4; font-size: 16px; font-weight: 500; line-height: 34px; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo .trucker__footer-location .trucker__footer-email-phone-icon, .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo .trucker__footer-email-phone .trucker__footer-email-phone-icon { position: relative; top: 7px; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo .trucker__footer-location .trucker__footer-email-phone-text .trucker__footer-email-text, .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo .trucker__footer-location .trucker__footer-email-phone-text .trucker__footer-phone-text, .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo .trucker__footer-email-phone .trucker__footer-email-phone-text .trucker__footer-email-text, .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo .trucker__footer-email-phone .trucker__footer-email-phone-text .trucker__footer-phone-text { color: #B4B4B4; font-size: 16px; font-weight: 500; line-height: 34px; display: block; transition: linear 0.3s; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo .trucker__footer-location .trucker__footer-email-phone-text .trucker__footer-email-text:hover, .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo .trucker__footer-location .trucker__footer-email-phone-text .trucker__footer-phone-text:hover, .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo .trucker__footer-email-phone .trucker__footer-email-phone-text .trucker__footer-email-text:hover, .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-logo .trucker__footer-email-phone .trucker__footer-email-phone-text .trucker__footer-phone-text:hover { color: #2A9D8F; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-menu-wrapper { width: 33.33%; display: flex; align-items: start; justify-content: space-between; } @media (max-width: 991px) { .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-menu-wrapper { width: 87.33%; } } @media (max-width: 767px) { .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-menu-wrapper { width: 60.33%; } } @media (max-width: 650px) { .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-menu-wrapper { width: 100%; } } @media (max-width: 439px) { .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-menu-wrapper { display: block; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-menu-wrapper .trucker__footer-menu { margin-bottom: 30px; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-menu-wrapper .trucker__footer-menu:last-child { margin-bottom: 0; } } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-menu-wrapper .trucker__footer-menu-title { font-size: 22px; font-weight: 500; color: #fff; line-height: 32px; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-menu-wrapper .trucker__footer-menu-list { position: relative; left: -14px; margin-top: 20px; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-menu-wrapper .trucker__footer-menu-list li a { font-size: 16px; font-weight: 500; color: #B4B4B4; transition: linear 0.3s; line-height: 46px; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-menu-wrapper .trucker__footer-menu-list li a svg { position: relative; left: -8px; opacity: 0; visibility: hidden; transition: 0.3 ease-in; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-menu-wrapper .trucker__footer-menu-list li a:hover { color: #2A9D8F; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-menu-wrapper .trucker__footer-menu-list li a:hover svg { opacity: 1; visibility: visible; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-newslatter { width: 25.33%; } @media (max-width: 1299px) { .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-newslatter { width: 30.33%; } } @media (max-width: 1099px) { .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-newslatter { width: 35.33%; } } @media (max-width: 991px) { .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-newslatter { width: 100%; grid-column: 1/-1; } } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-newslatter .trucker__footer-newlatter-title { font-size: 22px; font-weight: 500; color: #fff; line-height: 32px; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-newslatter .trucker__footer-newslatter-wrapper { background: rgba(255, 255, 255, 0.02); padding: 44px 20px 48px 20px; margin-top: 38px; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-newslatter .trucker__footer-newslatter-wrapper form { position: relative; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-newslatter .trucker__footer-newslatter-wrapper input { background-color: transparent; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid rgba(237, 237, 237, 0.17); color: #fff; padding-bottom: 20px; width: 100%; transition: 0.3s ease; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-newslatter .trucker__footer-newslatter-wrapper input:focus { border-color: #2A9D8F; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-newslatter .trucker__footer-newslatter-wrapper button { background-color: unset; border: none; position: absolute; right: 0; rotate: 45deg; color: #fff; transition: linear 0.3s; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-newslatter .trucker__footer-newslatter-wrapper button:hover { color: #2A9D8F; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-newslatter .trucker__footer-newslatter-wrapper .trucker__footer-input-text-point { margin-top: 30px; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-newslatter .trucker__footer-newslatter-wrapper .trucker__footer-input-text-point .trucker__agreement-container { display: flex; align-items: center; gap: 3px; cursor: pointer; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-newslatter .trucker__footer-newslatter-wrapper .trucker__footer-input-text-point .trucker__checkbox { width: 20px; height: 20px; border: 1px solid #4E545F; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-newslatter .trucker__footer-newslatter-wrapper .trucker__footer-input-text-point .trucker__checkbox.trucker__checked { background-color: #2A9D8F; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-newslatter .trucker__footer-newslatter-wrapper .trucker__footer-input-text-point .trucker__checkbox.trucker__checked::after { content: "✓"; color: #fff; font-size: 15px; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-newslatter .trucker__footer-newslatter-wrapper .trucker__footer-input-text-point .trucker__text { font-size: 15px; font-weight: 500; color: #B4B4B4; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-newslatter .trucker__footer-newslatter-wrapper .trucker__footer-newslatter-icons { display: flex; align-items: center; gap: 23px; margin-top: 30px; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-newslatter .trucker__footer-newslatter-wrapper .trucker__footer-newslatter-icons a { color: #fff; transition: linear 0.3s; } .trucker__footer-area-home-2 .trucker__footer-wrapper .trucker__footer-newslatter .trucker__footer-newslatter-wrapper .trucker__footer-newslatter-icons a:hover { color: #2A9D8F; } .trucker__footer-area-home-2 .trucker__footer-info-hilight { display: flex; align-items: center; margin-top: 62px; } @media (max-width: 991px) { .trucker__footer-area-home-2 .trucker__footer-info-hilight { display: block; margin-top: 35px; } } .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-left { background-color: #2A9D8F; position: relative; padding: 58px 62px; width: 50%; } @media (max-width: 991px) { .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-left { width: 100%; } } @media (max-width: 1299px) { .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-left { padding: 35px 20px; } } .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-left .trucker__footer-icon-1 { position: absolute; left: 0; bottom: 0; } .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-left .trucker__footer-info-email-text-wrapper { display: flex; align-items: center; gap: 35px; justify-content: center; } @media (max-width: 1299px) { .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-left .trucker__footer-info-email-text-wrapper { gap: 20px; } } @media (max-width: 575px) { .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-left .trucker__footer-info-email-text-wrapper { display: block; text-align: center; } } .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-left .trucker__footer-info-email-text-wrapper .trucker__footer-info-email-text { color: #fff; font-size: 22px; font-weight: 600; font-family: "Jost", serif; border-radius: 66.5px; border: 1px solid rgba(255, 255, 255, 0.4); padding: 15px 15px; display: block; } @media (max-width: 1299px) { .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-left .trucker__footer-info-email-text-wrapper .trucker__footer-info-email-text { font-size: 18px; } } @media (max-width: 575px) { .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-left .trucker__footer-info-email-text-wrapper .trucker__footer-info-email-text { margin-top: 15px; } } .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-left .trucker__footer-info-email-text-wrapper .trucker__footer-info-email-text:hover a { color: #062E39; } .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-left .trucker__footer-info-email-text-wrapper .trucker__footer-info-email-text a { text-decoration: underline; color: #fff; font-size: 22px; font-weight: 600; font-family: "Jost", serif; transition: linear 0.3s; } @media (max-width: 1299px) { .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-left .trucker__footer-info-email-text-wrapper .trucker__footer-info-email-text a { font-size: 18px; } } .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-right { background-color: #061316; position: relative; padding: 58px 62px; width: 50%; } @media (max-width: 991px) { .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-right { width: 100%; } } @media (max-width: 1299px) { .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-right { padding: 35px 20px; } } .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-right .trucker__footer-info-right-wrapper { display: flex; align-items: center; gap: 35px; } @media (max-width: 1299px) { .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-right .trucker__footer-info-right-wrapper { gap: 20px; } } @media (max-width: 991px) { .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-right .trucker__footer-info-right-wrapper { justify-content: center; } } @media (max-width: 575px) { .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-right .trucker__footer-info-right-wrapper { display: block; text-align: center; } } @media (max-width: 575px) { .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-right .trucker__footer-info-right-wrapper .trucker__footer-info-headset-text br { display: none; } } .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-right .trucker__footer-info-right-wrapper .trucker__footer-info-color-text, .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-right .trucker__footer-info-right-wrapper .trucker__footer-info-green-text { font-size: 18px; font-weight: 600; line-height: 34px; font-weight: "Jost", serif; color: #fff; text-transform: uppercase; } .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-right .trucker__footer-info-right-wrapper .trucker__footer-info-color-text.trucker__footer-info-green-text, .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-right .trucker__footer-info-right-wrapper .trucker__footer-info-green-text.trucker__footer-info-green-text { color: #2A9D8F; } .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-right .trucker__footer-info-right-wrapper .trucker__footer-info-number { font-size: 18px; font-weight: 600; line-height: 34px; font-weight: "Jost", serif; color: #2A9D8F; transition: linear 0.3s; } .trucker__footer-area-home-2 .trucker__footer-info-hilight .trucker__footer-info-right .trucker__footer-info-right-wrapper .trucker__footer-info-number:hover { color: #fff; } .trucker__footer-area-home-2 .trucker__footer-copyright-text-wrapper { display: flex; align-items: center; justify-content: space-between; margin-top: 72px; border-top: 1px solid rgba(242, 242, 242, 0.07); padding: 18px 0; } @media (max-width: 991px) { .trucker__footer-area-home-2 .trucker__footer-copyright-text-wrapper { display: grid; text-align: center; grid-template-columns: 1fr; } } .trucker__footer-area-home-2 .trucker__footer-copyright-text-wrapper .trucker__footer-copyright-text { font-size: 18px; font-weight: 500; color: #B4B4B4; font-family: "Jost", serif; } @media (max-width: 991px) { .trucker__footer-area-home-2 .trucker__footer-copyright-text-wrapper .trucker__footer-copyright-text { order: 3; } } .trucker__footer-area-home-2 .trucker__footer-copyright-text-wrapper .trucker__footer-copyright-text .trucker__copyright-text-highlight { color: #2A9D8F; font-size: 18px; font-weight: 500; font-family: "Jost", serif; } .trucker__footer-area-home-2 .trucker__footer-copyright-text-wrapper .trucker__footer-copyright-icons { display: flex; align-items: center; gap: 22px; } @media (max-width: 991px) { .trucker__footer-area-home-2 .trucker__footer-copyright-text-wrapper .trucker__footer-copyright-icons { justify-content: center; order: 2; margin-bottom: 10px; } } .trucker__footer-area-home-2 .trucker__footer-copyright-text-wrapper .trucker__footer-copyright-icons a { background: rgba(251, 251, 253, 0.08); color: rgba(255, 255, 255, 0.61); width: 38px; height: 38px; border-radius: 50%; text-align: center; line-height: 40px; display: inline-block; font-size: 13px; transition: linear 0.3s; } .trucker__footer-area-home-2 .trucker__footer-copyright-text-wrapper .trucker__footer-copyright-icons a:hover { background-color: #2A9D8F; color: #fff; } .trucker__footer-area-home-2 .trucker__footer-copyright-text-wrapper .trucker__footer-copyright-menu { display: flex; align-items: center; position: relative; gap: 30px; max-width: max-content; } @media (max-width: 991px) { .trucker__footer-area-home-2 .trucker__footer-copyright-text-wrapper .trucker__footer-copyright-menu { margin-left: auto; margin-right: auto; margin-bottom: 10px; } } .trucker__footer-area-home-2 .trucker__footer-copyright-text-wrapper .trucker__footer-copyright-menu::before { content: ""; position: absolute; left: 49%; transform: translateX(-50%); width: 1px; height: 65%; background-color: rgba(255, 255, 255, 0.79); } .trucker__footer-area-home-2 .trucker__footer-copyright-text-wrapper .trucker__footer-copyright-menu a { color: rgba(255, 255, 255, 0.79); font-size: 18px; font-weight: 500; font-family: "Jost", serif; transition: linear 0.3s; } .trucker__footer-area-home-2 .trucker__footer-copyright-text-wrapper .trucker__footer-copyright-menu a:hover { color: #2A9D8F; } .trucker__main-sitebar { width: 35%; } @media (max-width: 1299px) { .trucker__main-sitebar { width: 43%; } } @media (max-width: 991px) { .trucker__main-sitebar { width: 100%; margin-top: 35px; } } .trucker__main-sitebar .trucker__blog-details-under-line-title { padding-bottom: 10px; margin-bottom: 14px; } .trucker__main-sitebar .trucker__blog-details-under-line-title::after { height: 2px; } .trucker__main-sitebar .trucker__search-field { padding: 22px; border-radius: 4px; background: #F7F9FB; position: relative; } .trucker__main-sitebar .trucker__search-field input[type=text] { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border: 1px solid #2A9D8F; padding: 14px 20px; width: 100%; transition: linear 0.4s; } .trucker__main-sitebar .trucker__search-field input[type=text]:focus-visible { border-color: #062E39; } .trucker__main-sitebar .trucker__search-field input[type=text]::placeholder { font-size: 16px; font-weight: 700; color: #2A9D8F; } .trucker__main-sitebar .trucker__search-field button[type=submit] { background-color: #2A9D8F; border: none; padding: 15px 20px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; position: absolute; right: 20px; transition: linear 0.4s; } .trucker__main-sitebar .trucker__search-field button[type=submit] svg path { transition: linear 0.4s; fill: #FFFFFF; } .trucker__main-sitebar .trucker__search-field button[type=submit]:hover { background-color: #062E39; } .trucker__main-sitebar .trucker__category-wrapper { border-radius: 4px; background: #F7F9FB; padding-top: 38px; padding-bottom: 50px; padding-left: 32px; padding-right: 32px; margin-top: 26px; } .trucker__main-sitebar .trucker__category-wrapper .trucker__category-text { display: block; border-bottom: 1px solid #000; position: relative; padding-top: 33px; padding-bottom: 16px; transition: linear 0.4s; } .trucker__main-sitebar .trucker__category-wrapper .trucker__category-text:hover { border-color: #2A9D8F; color: #2A9D8F; } .trucker__main-sitebar .trucker__category-wrapper .trucker__category-text:hover i { color: #2A9D8F; } .trucker__main-sitebar .trucker__category-wrapper .trucker__category-text i { position: absolute; right: 0; top: 60%; transform: translateY(-50%); transition: linear 0.4s; } .trucker__main-sitebar .trucker__sitebar-banner { margin-top: 30px; } .trucker__main-sitebar .trucker__sitebar-short-blog-wrapper { border-radius: 4px; background: #F7F9FB; margin-top: 30px; padding-top: 38px; padding-bottom: 50px; padding-left: 27px; padding-right: 27px; } .trucker__main-sitebar .trucker__sitebar-short-blog-wrapper .trucker__sitebar-short-blog-inner { margin-top: 28px; } .trucker__main-sitebar .trucker__sitebar-short-blog-wrapper .trucker__sitebar-short-blog-inner .trucker__sitebar-short-blog-item { display: flex; align-items: center; gap: 20px; margin-bottom: 24px; } @media (max-width: 1199px) { .trucker__main-sitebar .trucker__sitebar-short-blog-wrapper .trucker__sitebar-short-blog-inner .trucker__sitebar-short-blog-item img { width: 25%; } } .trucker__main-sitebar .trucker__sitebar-short-blog-wrapper .trucker__sitebar-short-blog-inner .trucker__sitebar-short-blog-item:last-child { margin-bottom: 0; } .trucker__main-sitebar .trucker__sitebar-short-blog-wrapper .trucker__sitebar-short-blog-inner .trucker__sitebar-short-blog-item .trucker__sitebar-short-blog-info .trucker__sitebar-short-blog-date-wrapper { display: flex; align-items: center; gap: 26px; margin-bottom: 14px; } .trucker__main-sitebar .trucker__sitebar-short-blog-wrapper .trucker__sitebar-short-blog-inner .trucker__sitebar-short-blog-item .trucker__sitebar-short-blog-info .trucker__sitebar-short-blog-title a { transition: linear 0.4s; } .trucker__main-sitebar .trucker__sitebar-short-blog-wrapper .trucker__sitebar-short-blog-inner .trucker__sitebar-short-blog-item .trucker__sitebar-short-blog-info .trucker__sitebar-short-blog-title a:hover { color: #2A9D8F; } @media (max-width: 1099px) { .trucker__main-sitebar .trucker__sitebar-short-blog-wrapper .trucker__sitebar-short-blog-inner .trucker__sitebar-short-blog-item .trucker__sitebar-short-blog-info .trucker__sitebar-short-blog-title a br { display: none; } } .trucker__main-sitebar .trucker__sitebar-tags-wrapper { margin-top: 26px; border-radius: 4px; background: #F7F9FB; padding-top: 28px; padding-bottom: 45px; padding-left: 30px; padding-right: 30px; } .trucker__main-sitebar .trucker__sitebar-tags-wrapper .trucker__sitebar-tag-inner { display: flex; align-items: center; row-gap: 14px; column-gap: 10px; flex-wrap: wrap; } .trucker__main-sitebar .trucker__sitebar-tags-wrapper .trucker__sitebar-tag-inner a { padding: 10px 22px; border-radius: 4px; background: #F7F9FB; border: 1px solid #2A9D8F; display: inline-block; transition: linear 0.4s; } .trucker__main-sitebar .trucker__sitebar-tags-wrapper .trucker__sitebar-tag-inner a:hover { background-color: #2A9D8F; color: #FFFFFF; border-color: transparent; } .trucker__hero-area { position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; height: 1047px; z-index: 1; background-color: #E7F8F8; } .trucker__hero-area.trucker__breadcrumb-area { height: 452px; } .trucker__hero-area.trucker__breadcrumb-area .trucker__breadcrumb-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .trucker__hero-area.trucker__breadcrumb-area .trucker__breadcrumb-wrapper .trucker__breadcrumb-menu { display: flex; align-items: center; justify-content: center; gap: 22px; margin-top: 19px; } .trucker__hero-area.trucker__breadcrumb-area .trucker__breadcrumb-wrapper .trucker__breadcrumb-menu a { font-size: 18px; font-weight: 600; color: #FFFFFF; line-height: 28px; transition: linear 0.4s; font-family: "Jost", serif; } .trucker__hero-area.trucker__breadcrumb-area .trucker__breadcrumb-wrapper .trucker__breadcrumb-menu a:hover { color: #2A9D8F; } .trucker__hero-area.trucker__breadcrumb-area .trucker__breadcrumb-wrapper .trucker__breadcrumb-menu .trucker__breadcrumb-icon { color: #FFFFFF; } .trucker__hero-area::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(6, 46, 57, 0.55); } .trucker__hero-area .trucker__hero-text-content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } @media (max-width: 575px) { .trucker__hero-area .trucker__hero-text-content { top: 35%; } } .trucker__hero-area .trucker__hero-text-content .trucker__hero-sub-title { margin-bottom: 36px; } @media (max-width: 767px) { .trucker__hero-area .trucker__hero-text-content .trucker__hero-sub-title { margin-bottom: 25px; } } @media (max-width: 439px) { .trucker__hero-area .trucker__hero-text-content .trucker__hero-sub-title { font-size: 20px; margin-bottom: 10px; } } @media (max-width: 767px) { .trucker__hero-area .trucker__hero-text-content .trucker__hero-title { font-size: 45px; line-height: 55px; } } @media (max-width: 439px) { .trucker__hero-area .trucker__hero-text-content .trucker__hero-title { font-size: 30px; line-height: 40px; } } .trucker__hero-area .trucker__hero-features-wrapper { display: flex; align-items: center; justify-content: center; gap: 55px; background: rgba(42, 157, 143, 0.65); padding: 45px 55px; position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); } @media (max-width: 1499px) { .trucker__hero-area .trucker__hero-features-wrapper { gap: 40px; } } @media (max-width: 1299px) { .trucker__hero-area .trucker__hero-features-wrapper { gap: 20px; } } @media (max-width: 1099px) { .trucker__hero-area .trucker__hero-features-wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr; place-content: center; row-gap: 20px; } } @media (max-width: 575px) { .trucker__hero-area .trucker__hero-features-wrapper { grid-template-columns: 1fr 1fr; } } .trucker__hero-area .trucker__hero-features-wrapper .trucker__hero-features-item { position: relative; } .trucker__hero-area .trucker__hero-features-wrapper .trucker__hero-features-item img { margin-left: auto; margin-right: auto; } .trucker__hero-area .trucker__hero-features-wrapper .trucker__hero-features-item .trucker__hero-features-item-name { text-align: center; margin-top: 14px; } .trucker__hero-area .trucker__hero-features-wrapper .trucker__hero-features-item .trucker__hero-features-item-name a { white-space: nowrap; transition: linear 0.4s; } .trucker__hero-area .trucker__hero-features-wrapper .trucker__hero-features-item .trucker__hero-features-item-name a:hover { color: #062E39; } .trucker__hero-area .trucker__hero-features-wrapper .trucker__hero-item-border-line { background: rgba(224, 224, 224, 0.55); width: 1px; height: 100px; } @media (max-width: 1099px) { .trucker__hero-area .trucker__hero-features-wrapper .trucker__hero-item-border-line { display: none; } } .trucker__hero-area-home-2 { position: relative; z-index: 1; background-color: #E7F8F8; } @media (max-width: 1920px) { .trucker__hero-area-home-2 { background-color: unset; } } .trucker__hero-area-home-2 .trucker__hero-item { height: 950px; background-size: cover; background-position: center center; position: relative; } .trucker__hero-area-home-2 .trucker__hero-item .trucker__hero-item-shep { position: absolute; top: 45%; transform: translateY(-50%); left: 17%; } @media (max-width: 1920px) { .trucker__hero-area-home-2 .trucker__hero-item .trucker__hero-item-shep { left: 6%; } } @media (max-width: 1499px) { .trucker__hero-area-home-2 .trucker__hero-item .trucker__hero-item-shep { left: 50%; transform: translate(-50%, -50%); top: 45%; } } @media (max-width: 575px) { .trucker__hero-area-home-2 .trucker__hero-item .trucker__hero-item-shep { display: none; } } .trucker__hero-area-home-2 .trucker__hero-item .trucker__hero-content-wrapper { position: absolute; top: 45%; transform: translateY(-50%); } @media (max-width: 1499px) { .trucker__hero-area-home-2 .trucker__hero-item .trucker__hero-content-wrapper { left: 50%; top: 45%; width: 100%; text-align: center; transform: translate(-50%, -50%); } } .trucker__hero-area-home-2 .trucker__hero-item .trucker__hero-content-wrapper .trucker__hero-sub-title { margin-bottom: 34px; } .trucker__hero-area-home-2 .trucker__hero-item .trucker__hero-content-wrapper .trucker__hero-title { margin-bottom: 75px; } @media (max-width: 767px) { .trucker__hero-area-home-2 .trucker__hero-item .trucker__hero-content-wrapper .trucker__hero-title { font-size: 45px; line-height: 55px; } .trucker__hero-area-home-2 .trucker__hero-item .trucker__hero-content-wrapper .trucker__hero-title br { display: none; } } @media (max-width: 439px) { .trucker__hero-area-home-2 .trucker__hero-item .trucker__hero-content-wrapper .trucker__hero-title { font-size: 30px; line-height: 40px; } } .trucker__mobile-menu { position: fixed; top: 0; right: -100%; width: 80%; max-width: 400px; height: 100%; background: white; padding: 20px; z-index: 1000; box-shadow: 10px 10px 42px -1px rgb(65, 63, 63); transition: right 0.3s ease-in-out; } .trucker__mobile-menu.trucker__active { right: 0; } .trucker__overlay { position: fixed; top: 0; right: -100%; width: 0%; height: 100%; background: rgba(255, 255, 255, 0.52); padding: 20px; z-index: 999; transition: right 0.7s ease-in-out; } .trucker__overlay:hover { cursor: url(../images/icon/cursor-close.svg), pointer; } .trucker__overlay.trucker__active { right: 0; width: 100%; } .trucker__overlay::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at var(--x) var(--y), transparent 0%, rgba(0, 0, 0, 0.5) 100%); opacity: 0; transition: opacity 0.5s ease-in-out; } .trucker__overlay.trucker__animating::before { opacity: 1; } .trucker__menu-header { display: flex; align-items: center; justify-content: space-between; } .trucker__logo { font-size: 24px; font-weight: bold; } .trucker__close-btn { font-size: 25px; background: none; border: none; cursor: pointer; border: 1px solid #062E39; width: 45px; height: 45px; line-height: 45px; color: #062E39; } .trucker__close-btn i { transition: 0.9s; } .trucker__close-btn:hover { color: #2A9D8F; border-color: #2A9D8F; } .trucker__close-btn:hover i { rotate: 90deg; } .trucker__mobile-menu-search { margin-top: 30px; } .trucker__mobile-menu-search form { display: flex; align-items: center; gap: 5px; } .trucker__mobile-menu-search input[type=text] { width: 85%; background-color: transparent; border: 1px solid #062E39; padding: 14px 12px; transition: linear 0.3s; } .trucker__mobile-menu-search input[type=text]:focus { border-color: #2A9D8F; } .trucker__mobile-menu-search input[type=text]::placeholder { color: #062E39; font-size: 16px; } .trucker__mobile-menu-search button[type=submit] { padding: 14px 12px; border: 1px solid transparent; background-color: #2A9D8F; color: #fff; width: 15%; display: inline-block; text-align: center; transition: linear 0.4s; } .trucker__mobile-menu-search button[type=submit]:hover { background-color: #062E39; } .trucker__mobile-menu-btn { margin-top: 30px; margin-bottom: 30px; } .trucker__mobile-menu-btn .trucker__btn-style-1 { display: block; text-align: center; } .mobile-menu-contact-info { margin-top: 30px; } .mobile-menu-contact-info .trucker__header-topbar-info { display: block; color: #062E39; font-size: 18px; transition: linear 0.4s; margin-bottom: 15px; } .mobile-menu-contact-info .trucker__header-topbar-info:last-child { margin-bottom: 0; } .mobile-menu-contact-info .trucker__header-topbar-info:hover { color: #2A9D8F; } .mobile-menu-social-media { display: flex; margin-top: 30px; align-items: center; gap: 10px; } .mobile-menu-social-media a { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background-color: #062E39; color: #fff; display: inline-block; text-align: center; transition: linear 0.4s; } .mobile-menu-social-media a:hover { background-color: #2A9D8F; } .trucker__mobile-menu-copyright { margin-top: 30px; } .trucker__mobile-menu-copyright .trucker__mobile-menu-copyright-text { font-size: 16px; font-weight: 500; color: #062E39; } .trucker__mobile-menu-copyright .trucker__mobile-menu-copyright-text:hover a { color: #062E39; } .trucker__mobile-menu-copyright .trucker__mobile-menu-copyright-text a { font-weight: 700; color: #2A9D8F; transition: linear 0.4s; } .trucker__nav-list { list-style: none; } .trucker__nav-item { margin-bottom: 20px; opacity: 0; transform: translateX(-20px); transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; } .trucker__mobile-menu.trucker__active .trucker__nav-item { opacity: 1; transform: translateX(0); } .trucker__nav-link { display: flex; justify-content: space-between; align-items: center; font-size: 18px; color: #062E39; text-decoration: none; padding: 5px 0; font-weight: 500; transition: linear 0.4s; } .trucker__nav-link:hover { color: #2A9D8F; } .trucker__nav-link:hover .trucker__toggle-btn::after, .trucker__nav-link:hover .trucker__toggle-btn::before { background-color: #2A9D8F; } .trucker__toggle-btn { width: 24px; height: 24px; position: relative; background: none; border: none; cursor: pointer; } .trucker__toggle-btn::before, .trucker__toggle-btn::after { content: ""; position: absolute; background: #062E39; transition: transform 0.4s ease; } .trucker__toggle-btn::before { width: 2px; height: 12px; top: 6px; left: 11px; } .trucker__toggle-btn::after { width: 12px; height: 2px; top: 11px; left: 6px; } .trucker__toggle-btn.trucker__active::before { transform: rotate(90deg); } .trucker__submenu { display: none; padding-left: 20px; margin-top: 10px; } .trucker__submenu.trucker__active { display: block; } .trucker__submenu-item { margin-bottom: 10px; opacity: 0; transform: translateY(-10px); transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; } .trucker__submenu.trucker__active .trucker__submenu-item { opacity: 1; transform: translateY(0); } .trucker__submenu-link { color: #062E39; text-decoration: none; font-size: 18px; font-weight: 500; transition: linear 0.4s; } .trucker__submenu-link:hover { color: #2A9D8F; } .trucker__header-bottom-leftsite-menu-line-shep { cursor: pointer; } @keyframes fadeInRight { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } } @keyframes fadeInDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .trucker__toggle-btn { width: 24px; height: 24px; position: relative; background: none; border: none; cursor: pointer; } .trucker__toggle-btn::before, .trucker__toggle-btn::after { content: ""; position: absolute; background: #333; transition: transform 0.3s ease; } .trucker__toggle-btn::before { width: 2px; height: 12px; top: 6px; left: 11px; } .trucker__toggle-btn::after { width: 12px; height: 2px; top: 11px; left: 6px; } .trucker__toggle-btn.trucker__active::before { transform: rotate(90deg); } .trucker__toggle-btn.trucker__active::after { transform: rotate(180deg); } .search-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: none; justify-content: center; align-items: flex-start; padding: 20px; z-index: 1000; } .search-popup.active { display: flex; } .search-container { width: 80%; background: white; border-radius: 8px; overflow: hidden; opacity: 0; transition: all 0.3s ease; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; } .search-popup.active .search-container { opacity: 1; } .search-form { display: flex; align-items: center; padding: 16px; border-bottom: 1px solid #eee; gap: 10px; flex-wrap: wrap; } .search-input { flex: 1; min-width: 200px; padding: 12px; font-size: 16px; border: 1px solid #ddd; border-radius: 4px; outline: none; transition: border-color 0.2s; } .search-input:focus { border-color: #248277; } .search-submit { background: #248277; color: white; border: none; padding: 12px 24px; border-radius: 4px; cursor: pointer; font-weight: 500; transition: background-color 0.2s; white-space: nowrap; } .search-submit:hover { background: #248277; } .close-search { position: absolute; top: 20px; right: 20px; background: none; border: none; color: white; cursor: pointer; padding: 8px; z-index: 1001; transition: transform 0.2s; } .close-search:hover { transform: scale(1.1); } .close-search svg { width: 24px; height: 24px; } /* Responsive Styles */ @media (max-width: 480px) { .search-container { margin-top: 60px; } .search-form { padding: 12px; } .search-input { padding: 10px; font-size: 14px; } .search-submit { width: 100%; padding: 10px; } .close-search { top: 10px; right: 10px; } } @media (max-width: 320px) { .search-popup { padding: 10px; } .search-container { margin-top: 40px; } .search-form { padding: 8px; } .search-input { padding: 8px; font-size: 14px; } } #trucker__preloader { -webkit-box-pack: center; -webkit-box-align: center; display: -webkit- flex; display: -ms- flex; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; height: 100vh; position: fixed; z-index: 999999; width: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; } .trucker__loader_logo { position: absolute; width: 130px; } #trucker__circle_loader { width: 200px; height: 200px; border-style: solid; border-width: 5px; border-color: #2A9D8F #000 #616161 #062E39; border-radius: 50%; -webkit-animation: spinLoader 2s linear infinite; animation: spinLoader 2s linear infinite; } @-webkit-keyframes spinLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /******************************** Custom Class ******************************/ .trucker__fs-12 { font-size: 12px; line-height: 22px; } .trucker__fs-13 { font-size: 13px; line-height: 23px; } .trucker__fs-14 { font-size: 14px; line-height: 24px; } .trucker__fs-15 { font-size: 15px; line-height: 25px; } .trucker__fs-16 { font-size: 16px; line-height: 26px; } .trucker__fs-17 { font-size: 17px; line-height: 27px; } .trucker__fs-18 { font-size: 18px; line-height: 28px; } .trucker__fs-19 { font-size: 19px; line-height: 29px; } .trucker__fs-20 { font-size: 20px; line-height: 30px; } .trucker__fs-21 { font-size: 21px; line-height: 31px; } .trucker__fs-22 { font-size: 22px; line-height: 32px; } .trucker__fs-23 { font-size: 23px; line-height: 33px; } .trucker__fs-24 { font-size: 24px; line-height: 34px; } .trucker__fs-25 { font-size: 25px; line-height: 35px; } .trucker__fs-26 { font-size: 26px; line-height: 36px; } .trucker__fs-27 { font-size: 27px; line-height: 37px; } .trucker__fs-28 { font-size: 28px; line-height: 38px; } .trucker__fs-29 { font-size: 29px; line-height: 39px; } .trucker__fs-30 { font-size: 30px; line-height: 40px; } .trucker__fs-31 { font-size: 31px; line-height: 41px; } .trucker__fs-32 { font-size: 32px; line-height: 42px; } .trucker__fs-33 { font-size: 33px; line-height: 43px; } .trucker__fs-34 { font-size: 34px; line-height: 44px; } .trucker__fs-35 { font-size: 35px; line-height: 45px; } .trucker__fs-36 { font-size: 36px; line-height: 46px; } .trucker__fs-37 { font-size: 37px; line-height: 47px; } .trucker__fs-38 { font-size: 38px; line-height: 48px; } .trucker__fs-39 { font-size: 39px; line-height: 49px; } .trucker__fs-40 { font-size: 40px; line-height: 50px; } .trucker__fs-41 { font-size: 41px; line-height: 51px; } .trucker__fs-42 { font-size: 42px; line-height: 52px; } .trucker__fs-43 { font-size: 43px; line-height: 53px; } .trucker__fs-44 { font-size: 44px; line-height: 54px; } .trucker__fs-45 { font-size: 45px; line-height: 55px; } .trucker__fs-46 { font-size: 46px; line-height: 56px; } .trucker__fs-47 { font-size: 47px; line-height: 57px; } .trucker__fs-48 { font-size: 48px; line-height: 58px; } .trucker__fs-49 { font-size: 49px; line-height: 59px; } .trucker__fs-50 { font-size: 50px; line-height: 60px; } .trucker__fs-51 { font-size: 51px; line-height: 61px; } .trucker__fs-52 { font-size: 52px; line-height: 62px; } .trucker__fs-53 { font-size: 53px; line-height: 63px; } .trucker__fs-54 { font-size: 54px; line-height: 64px; } .trucker__fs-55 { font-size: 55px; line-height: 65px; } .trucker__fs-56 { font-size: 56px; line-height: 66px; } .trucker__fs-57 { font-size: 57px; line-height: 67px; } .trucker__fs-58 { font-size: 58px; line-height: 68px; } .trucker__fs-59 { font-size: 59px; line-height: 69px; } .trucker__fs-60 { font-size: 60px; line-height: 70px; } .trucker__fs-61 { font-size: 61px; line-height: 71px; } .trucker__fs-62 { font-size: 62px; line-height: 72px; } .trucker__fs-63 { font-size: 63px; line-height: 73px; } .trucker__fs-64 { font-size: 64px; line-height: 74px; } .trucker__fs-65 { font-size: 65px; line-height: 75px; } .trucker__fs-66 { font-size: 66px; line-height: 76px; } .trucker__fs-67 { font-size: 67px; line-height: 77px; } .trucker__fs-68 { font-size: 68px; line-height: 78px; } .trucker__fs-69 { font-size: 69px; line-height: 79px; } .trucker__fs-70 { font-size: 70px; line-height: 80px; } .trucker__fs-71 { font-size: 71px; line-height: 81px; } .trucker__fs-72 { font-size: 72px; line-height: 82px; } .trucker__fs-73 { font-size: 73px; line-height: 83px; } .trucker__fs-74 { font-size: 74px; line-height: 84px; } .trucker__fs-75 { font-size: 75px; line-height: 85px; } .trucker__fs-76 { font-size: 76px; line-height: 86px; } .trucker__fs-77 { font-size: 77px; line-height: 87px; } .trucker__fs-78 { font-size: 78px; line-height: 88px; } .trucker__fs-79 { font-size: 79px; line-height: 89px; } .trucker__fs-80 { font-size: 80px; line-height: 90px; } .trucker__fs-81 { font-size: 81px; line-height: 91px; } .trucker__fs-82 { font-size: 82px; line-height: 92px; } .trucker__fs-83 { font-size: 83px; line-height: 93px; } .trucker__fs-84 { font-size: 84px; line-height: 94px; } .trucker__fs-85 { font-size: 85px; line-height: 95px; } .trucker__fs-86 { font-size: 86px; line-height: 96px; } .trucker__fs-87 { font-size: 87px; line-height: 97px; } .trucker__fs-88 { font-size: 88px; line-height: 98px; } .trucker__fs-89 { font-size: 89px; line-height: 99px; } .trucker__fs-90 { font-size: 90px; line-height: 100px; } .trucker__fs-91 { font-size: 91px; line-height: 101px; } .trucker__fs-92 { font-size: 92px; line-height: 102px; } .trucker__fs-93 { font-size: 93px; line-height: 103px; } .trucker__fs-94 { font-size: 94px; line-height: 104px; } .trucker__fs-95 { font-size: 95px; line-height: 105px; } .trucker__fs-96 { font-size: 96px; line-height: 106px; } .trucker__fs-97 { font-size: 97px; line-height: 107px; } .trucker__fs-98 { font-size: 98px; line-height: 108px; } .trucker__fs-99 { font-size: 99px; line-height: 109px; } .trucker__fs-100 { font-size: 100px; line-height: 110px; } .trucker__green { color: #2A9D8F; } .trucker__gray { color: #747474; } .trucker__white { color: #fff; } .trucker__deep-sea-blue { color: #062E39; } .trucker__black { color: #000; } .trucker__gray-2 { color: #899AA2; } .trucker__gray-3 { color: #909090; } .trucker__gray-4 { color: #5E5F63; } .trucker__gray-5 { color: #616161; } .trucker__fm-jost { font-family: "Jost", serif; } .trucker__glow-black { color: #18191D; } .trucker__fw-100 { font-weight: 100; } .trucker__fw-200 { font-weight: 200; } .trucker__fw-300 { font-weight: 300; } .trucker__fw-400 { font-weight: 400; } .trucker__fw-500 { font-weight: 500; } .trucker__fw-600 { font-weight: 600; } .trucker__fw-700 { font-weight: 700; } .trucker__fw-800 { font-weight: 800; } .trucker__fw-900 { font-weight: 900; } /****************************** page styles ******************************/ .trucker__brand-area-home-1 { padding-top: 85px; padding-bottom: 85px; } .trucker__brand-area-home-1 .swiper-wrapper { align-items: center; } .trucker__brand-area-home-1 .trucker__brand-item img { margin-left: auto; margin-right: auto; } .trucker__map-area-home-1 .trucker__map-wrapper { position: relative; } .trucker__map-area-home-1 .trucker__map-wrapper .trucker__office-map { width: 100%; height: 655px; } @media (max-width: 767px) { .trucker__map-area-home-1 .trucker__map-wrapper .trucker__office-map { height: 1050px; } } .trucker__map-area-home-1 .trucker__map-wrapper .trucker__office-location-text-wrapper { background: rgba(6, 46, 57, 0.8); padding-top: 46px; padding-bottom: 50px; position: absolute; width: 100%; top: 0; left: 0; } .trucker__map-area-home-1 .trucker__map-wrapper .trucker__office-location-text-wrapper .trucker__office-location-text-inner { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 767px) { .trucker__map-area-home-1 .trucker__map-wrapper .trucker__office-location-text-wrapper .trucker__office-location-text-inner { justify-content: center; gap: 60px; flex-wrap: wrap; row-gap: 30px; } } .trucker__map-area-home-1 .trucker__map-wrapper .trucker__office-location-text-wrapper .trucker__office-location-text-inner .trucker__office-location-item .trucker__office-location-title { position: relative; } .trucker__map-area-home-1 .trucker__map-wrapper .trucker__office-location-text-wrapper .trucker__office-location-text-inner .trucker__office-location-item .trucker__office-location-title::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 60px; height: 2px; background-color: #2A9D8F; } .trucker__map-area-home-1 .trucker__map-wrapper .trucker__office-location-text-wrapper .trucker__office-location-text-inner .trucker__office-location-item .trucker__branch-wrapper { margin-top: 32px; } .trucker__map-area-home-1 .trucker__map-wrapper .trucker__office-location-text-wrapper .trucker__office-location-text-inner .trucker__office-location-item .trucker__branch-wrapper .trucker__branch-map, .trucker__map-area-home-1 .trucker__map-wrapper .trucker__office-location-text-wrapper .trucker__office-location-text-inner .trucker__office-location-item .trucker__branch-wrapper .trucker__branch-info { display: flex; align-items: start; gap: 20px; margin-bottom: 15px; } .trucker__map-area-home-1 .trucker__map-wrapper .trucker__office-location-text-wrapper .trucker__office-location-text-inner .trucker__office-location-item .trucker__branch-wrapper .trucker__branch-map.trucker__branch-info:last-child, .trucker__map-area-home-1 .trucker__map-wrapper .trucker__office-location-text-wrapper .trucker__office-location-text-inner .trucker__office-location-item .trucker__branch-wrapper .trucker__branch-info.trucker__branch-info:last-child { margin-bottom: 0; } .trucker__map-area-home-1 .trucker__map-wrapper .trucker__office-location-text-wrapper .trucker__office-location-text-inner .trucker__office-location-item .trucker__branch-wrapper .trucker__branch-map .trucker__branch-map-icon, .trucker__map-area-home-1 .trucker__map-wrapper .trucker__office-location-text-wrapper .trucker__office-location-text-inner .trucker__office-location-item .trucker__branch-wrapper .trucker__branch-info .trucker__branch-map-icon { color: #2A9D8F; } .trucker__map-area-home-1 .trucker__map-wrapper .trucker__office-location-text-wrapper .trucker__office-location-text-inner .trucker__office-location-item .trucker__branch-wrapper .trucker__branch-map .trucker__branch-number a, .trucker__map-area-home-1 .trucker__map-wrapper .trucker__office-location-text-wrapper .trucker__office-location-text-inner .trucker__office-location-item .trucker__branch-wrapper .trucker__branch-info .trucker__branch-number a { display: block; transition: linear 0.4s; } .trucker__map-area-home-1 .trucker__map-wrapper .trucker__office-location-text-wrapper .trucker__office-location-text-inner .trucker__office-location-item .trucker__branch-wrapper .trucker__branch-map .trucker__branch-number a:hover, .trucker__map-area-home-1 .trucker__map-wrapper .trucker__office-location-text-wrapper .trucker__office-location-text-inner .trucker__office-location-item .trucker__branch-wrapper .trucker__branch-info .trucker__branch-number a:hover { color: #2A9D8F; } .trucker__blog-area-home-1 { position: relative; padding: 130px 0; } @media (max-width: 991px) { .trucker__blog-area-home-1 { padding-top: 100px; padding-bottom: 100px; } } @media (max-width: 767px) { .trucker__blog-area-home-1 { padding-top: 80px; padding-bottom: 80px; } } .trucker__blog-area-home-1 .trucker__blog-inner { display: flex; align-items: center; gap: 30px; margin-top: 65px; } @media (max-width: 1199px) { .trucker__blog-area-home-1 .trucker__blog-inner { display: block; } } .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-left-items .trucker__blog-left-item { display: flex; align-items: center; margin-bottom: 30px; } .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-left-items .trucker__blog-left-item:last-child { margin-bottom: 0; } @media (max-width: 767px) { .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-left-items .trucker__blog-left-item:last-child { display: flex; flex-direction: column-reverse; } .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-left-items .trucker__blog-left-item:last-child img { order: 1; } } @media (max-width: 767px) { .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-left-items .trucker__blog-left-item { display: block; } } .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-left-items .trucker__blog-left-item img { width: 50%; } @media (max-width: 1199px) { .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-left-items .trucker__blog-left-item img { margin-left: auto; margin-right: auto; } } @media (max-width: 767px) { .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-left-items .trucker__blog-left-item img { width: unset; } } .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-left-items .trucker__blog-left-item .trucker__blog-info-box { width: 50%; padding: 45.5px 30px; } @media (max-width: 1199px) { .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-left-items .trucker__blog-left-item .trucker__blog-info-box { width: 70%; margin: 0 auto; padding: 62px 30px; } } @media (max-width: 865px) { .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-left-items .trucker__blog-left-item .trucker__blog-info-box { padding: 40px 30px; } } @media (max-width: 767px) { .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-left-items .trucker__blog-left-item .trucker__blog-info-box { width: 100%; } } @media (max-width: 575px) { .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-left-items .trucker__blog-left-item .trucker__blog-info-box { padding: 40px 20px; } } .trucker__blog-area-home-1 .trucker__blog-inner img { width: 100%; } @media (max-width: 1299px) { .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-right-item { width: 36%; } } @media (max-width: 1199px) { .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-right-item { display: flex; align-items: center; width: unset; margin-top: 30px; } } @media (max-width: 767px) { .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-right-item { display: block; width: 100%; } } @media (max-width: 1199px) { .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-right-item img { width: unset; } } @media (max-width: 767px) { .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-right-item img { margin-left: auto; margin-right: auto; } } .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-info-box { background: #FFFFFF; box-shadow: 0px 5px 50px 0px rgba(234, 234, 234, 0.7); padding: 20px 30px; } @media (max-width: 1199px) { .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-info-box { padding: 50px 30px; } } @media (max-width: 1099px) { .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-info-box { padding: 25px 30px; } } @media (max-width: 439px) { .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-info-box { padding: 25px 20px; } } .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-info-box .trucker__blog-publish-date { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; } .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-info-box .trucker__blog-title a { transition: linear 0.4s; } .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-info-box .trucker__blog-title a:hover { color: #2A9D8F; } .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-info-box .trucker__blog-btn { position: relative; color: #2A9D8F; margin-top: 25px; display: inline-block; padding-right: 30px; } .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-info-box .trucker__blog-btn i { position: absolute; top: 54%; right: 2px; transform: translateY(-50%); } .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-info-box .trucker__blog-peragraph { margin-top: 20px; } @media (max-width: 1299px) { .trucker__blog-area-home-1 .trucker__blog-inner .trucker__blog-info-box .trucker__blog-peragraph br { display: none; } } .trucker__testimonial-area-home-1 { background-color: #F8FBFB; padding: 130px 0; } @media (max-width: 991px) { .trucker__testimonial-area-home-1 { padding-top: 100px; padding-bottom: 100px; } } @media (max-width: 767px) { .trucker__testimonial-area-home-1 { padding-top: 80px; padding-bottom: 80px; } } .trucker__testimonial-area-home-1 .trucker__testimonial-inner { margin-top: 65px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; justify-content: center; } @media (max-width: 767px) { .trucker__testimonial-area-home-1 .trucker__testimonial-inner { margin-top: 40px; } } .trucker__testimonial-area-home-1 .trucker__testimonial-inner .trucker__testimonial-item { border-radius: 3px; border: 1px solid #2A9D8F; background: #FFF; padding: 25px 25px 40px 25px; } @media (max-width: 390px) { .trucker__testimonial-area-home-1 .trucker__testimonial-inner .trucker__testimonial-item { padding: 20px; } } @media (max-width: 767px) { .trucker__testimonial-area-home-1 .trucker__testimonial-inner .trucker__testimonial-item .trucker__client-comment br { display: none; } } .trucker__testimonial-area-home-1 .trucker__testimonial-inner .trucker__testimonial-item .trucker__client-info { display: flex; align-items: start; justify-content: space-between; margin-top: 25px; } .trucker__testimonial-area-home-1 .trucker__testimonial-inner .trucker__testimonial-item .trucker__client-info .trucker__client-picture { display: flex; align-items: center; gap: 16px; } @media (max-width: 390px) { .trucker__testimonial-area-home-1 .trucker__testimonial-inner .trucker__testimonial-item .trucker__client-info .trucker__client-name { font-size: 18px; line-height: 28px; } } .trucker__pricing-area-home-1 { position: relative; padding: 130px 0; } @media (max-width: 991px) { .trucker__pricing-area-home-1 { padding-top: 100px; padding-bottom: 100px; } } @media (max-width: 767px) { .trucker__pricing-area-home-1 { padding-top: 80px; padding-bottom: 80px; } } .trucker__pricing-area-home-1 .trucker__pricing-inner { display: flex; align-items: center; justify-content: center; gap: 24px; margin-top: 65px; } @media (max-width: 991px) { .trucker__pricing-area-home-1 .trucker__pricing-inner { flex-wrap: wrap; } } .trucker__pricing-area-home-1 .trucker__pricing-inner .trucker__pricing-itme { position: relative; filter: drop-shadow(0px 0px 45px rgba(6, 2, 2, 0.1)); border-radius: 15px; background: #FFF; padding: 15px 15px 38px 15px; } .trucker__pricing-area-home-1 .trucker__pricing-inner .trucker__pricing-itme .trucker__pricng-title { text-align: center; margin-top: 8px; } .trucker__pricing-area-home-1 .trucker__pricing-inner .trucker__pricing-itme .trucker__price { position: relative; text-align: center; margin-top: 12px; } .trucker__pricing-area-home-1 .trucker__pricing-inner .trucker__pricing-itme .trucker__price .trucker__item-date { position: absolute; top: 50%; transform: translateY(-50%); } .trucker__pricing-area-home-1 .trucker__pricing-inner .trucker__pricing-itme .trucker__price-plan-option-wrapper { max-width: max-content; margin-left: auto; margin-right: auto; margin-top: 24px; } .trucker__pricing-area-home-1 .trucker__pricing-inner .trucker__pricing-itme .trucker__price-plan-option-wrapper .trucker__price-plan-option { margin-bottom: 12px; } .trucker__pricing-area-home-1 .trucker__pricing-inner .trucker__pricing-itme .trucker__price-plan-option-wrapper .trucker__price-plan-option:last-child { margin-bottom: 12px; } .trucker__pricing-area-home-1 .trucker__pricing-inner .trucker__pricing-itme .trucker__pricing-btn { text-align: center; margin-top: 25px; } .trucker__pricing-area-home-1 .trucker__pricing-inner .trucker__pricing-itme .trucker__pricing-btn .trucker__item-order-btn { display: inline-block; padding-top: 12px; padding-bottom: 12px; background-color: #062E39; } .trucker__pricing-area-home-1 .trucker__pricing-inner .trucker__pricing-itme .trucker__pricing-btn .trucker__item-order-btn:hover { background-color: #2A9D8F; } .trucker__faq-area-home-1 { position: relative; } .trucker__faq-area-home-1 .trucker__faq-wrapper { display: flex; } @media (max-width: 1710px) { .trucker__faq-area-home-1 .trucker__faq-wrapper { align-items: center; } } @media (max-width: 1399px) { .trucker__faq-area-home-1 .trucker__faq-wrapper { display: block; } } .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-left { background: rgba(42, 157, 143, 0.08); width: 83%; padding-top: 96px; padding-bottom: 80px; } @media (max-width: 1920px) { .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-left { width: 50%; } } @media (max-width: 1399px) { .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-left { width: 100%; } } @media (max-width: 767px) { .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-left { padding-top: 50px; } } .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-left .trucker__faq-inner { margin-top: 66px; } @media (max-width: 767px) { .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-left .trucker__faq-inner { margin-top: 40px; } } .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-left .trucker__faq-left-wrapper { width: 70%; margin-left: auto; margin-right: auto; } @media (max-width: 1710px) { .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-left .trucker__faq-left-wrapper { width: 90%; } } @media (max-width: 767px) { .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-left .trucker__faq-left-wrapper .trucker__faq-title h2 { font-size: 30px; line-height: 40px; } } @media (max-width: 575px) { .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-left .trucker__faq-left-wrapper .trucker__faq-title h2 br { display: none; } } .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-right { width: 50%; position: relative; } @media (max-width: 1399px) { .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-right { width: 100%; } } .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-right .trucker__faq-contact { position: absolute; background-color: #2A9D8F; width: 537px; padding-top: 54px; right: 0; top: 0; padding-bottom: 51px; } @media (max-width: 575px) { .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-right .trucker__faq-contact { width: 300px; padding-top: 30px; padding-bottom: 20px; } } .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-right .trucker__faq-contact .trucker__faq-phone-number, .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-right .trucker__faq-contact .trucker__support-text { text-align: center; display: block; } .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-right .trucker__faq-contact .trucker__faq-phone-number.trucker__faq-phone-number, .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-right .trucker__faq-contact .trucker__support-text.trucker__faq-phone-number { margin-top: 12px; } .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-right .trucker__faq-contact .trucker__faq-icon { margin-left: auto; margin-right: auto; margin-bottom: 15px; } .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-right .trucker__faq-contact .trucker__faq-send-btn-wrapper { text-align: center; margin-top: 20px; } .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-right .trucker__faq-contact .trucker__faq-send-btn-wrapper .trucker__faq-send-btn { background-color: #FFFFFF; color: #062E39; display: inline-block; padding: 18px 37px 18px 28px; } .trucker__faq-area-home-1 .trucker__faq-wrapper .trucker__faq-right .trucker__faq-contact .trucker__faq-send-btn-wrapper .trucker__faq-send-btn:hover { background-color: #062E39; color: #FFFFFF; } .trucker__work-system-home-1 { position: relative; padding-bottom: 130px; } @media (max-width: 991px) { .trucker__work-system-home-1 { padding-bottom: 100px; } } @media (max-width: 767px) { .trucker__work-system-home-1 { padding-bottom: 80px; } } .trucker__work-system-home-1 .trucker__work-system-main-wrapper { position: relative; z-index: 1; } .trucker__work-system-home-1 .trucker__work-system-main-wrapper .trucker__work-system-shep { position: absolute; top: 25%; z-index: -1; transform: translateY(-50%); } @media (max-width: 1099px) { .trucker__work-system-home-1 .trucker__work-system-main-wrapper .trucker__work-system-shep { top: 50%; } } .trucker__work-system-home-1 .trucker__work-system-inner { display: flex; align-items: center; justify-content: space-between; margin-top: 65px; } @media (max-width: 767px) { .trucker__work-system-home-1 .trucker__work-system-inner { margin-top: 40px; } } @media (max-width: 1099px) { .trucker__work-system-home-1 .trucker__work-system-inner { display: grid; grid-template-columns: 50% 50%; column-gap: 40px; row-gap: 20px; justify-content: center; } } @media (max-width: 575px) { .trucker__work-system-home-1 .trucker__work-system-inner { display: grid; grid-template-columns: 100%; } } .trucker__work-system-home-1 .trucker__work-system-inner .trucker__work-system-item { text-align: center; } .trucker__work-system-home-1 .trucker__work-system-inner .trucker__work-system-item:hover { cursor: pointer; } .trucker__work-system-home-1 .trucker__work-system-inner .trucker__work-system-item:hover .trucker__work-system-icon-box { background-color: #2A9D8F; transform: rotateY(360deg); } .trucker__work-system-home-1 .trucker__work-system-inner .trucker__work-system-item:hover .trucker__work-system-icon-box img { filter: invert(116%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(200%) contrast(158%); } .trucker__work-system-home-1 .trucker__work-system-inner .trucker__work-system-item:hover .trucker__work-system-title a { color: #2A9D8F; } .trucker__work-system-home-1 .trucker__work-system-inner .trucker__work-system-item .trucker__work-system-icon-box { width: 143px; height: 143px; background-color: #FFF; border-radius: 10px; filter: drop-shadow(0px 0px 45px rgba(6, 2, 2, 0.1)); line-height: 143px; margin-left: auto; margin-right: auto; position: relative; transition: linear 0.3s; } .trucker__work-system-home-1 .trucker__work-system-inner .trucker__work-system-item .trucker__work-system-icon-box img { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .trucker__work-system-home-1 .trucker__work-system-inner .trucker__work-system-item .trucker__work-system-title { margin-top: 26px; } .trucker__work-system-home-1 .trucker__work-system-inner .trucker__work-system-item .trucker__work-system-title a { transition: linear 0.4s; } .trucker__work-system-home-1 .trucker__work-system-inner .trucker__work-system-item .trucker__work-system-peragraph { margin-top: 11px; } @media (max-width: 1099px) { .trucker__work-system-home-1 .trucker__work-system-inner .trucker__work-system-item .trucker__work-system-peragraph br { display: none; } } .trucker__team-area-home-1 { position: relative; padding-top: 130px; } .trucker__team-area-home-1.trucker__team-area-inner-page { padding-bottom: 130px; } @media (max-width: 991px) { .trucker__team-area-home-1.trucker__team-area-inner-page { padding-bottom: 100px; } } @media (max-width: 767px) { .trucker__team-area-home-1.trucker__team-area-inner-page { padding-bottom: 80px; } } .trucker__team-area-home-1.trucker__team-area-inner-page .trucker__team-inner:last-child { margin-top: 24px; } .trucker__team-area-home-1.trucker__team-area-inner-about-page { padding-bottom: 130px; } @media (max-width: 991px) { .trucker__team-area-home-1.trucker__team-area-inner-about-page { padding-bottom: 100px; } } @media (max-width: 767px) { .trucker__team-area-home-1.trucker__team-area-inner-about-page { padding-bottom: 80px; } } @media (max-width: 991px) { .trucker__team-area-home-1 { padding-top: 100px; } } @media (max-width: 767px) { .trucker__team-area-home-1 { padding-top: 80px; } } .trucker__team-area-home-1 .trucker__team-inner { display: flex; align-items: center; justify-content: center; gap: 24px; margin-top: 65px; } @media (max-width: 767px) { .trucker__team-area-home-1 .trucker__team-inner { margin-top: 40px; } } @media (max-width: 1199px) { .trucker__team-area-home-1 .trucker__team-inner { flex-wrap: wrap; } } .trucker__team-area-home-1 .trucker__team-inner .trucker__team-item .trucker__team-picture-wrapper { padding-left: 63px; background-color: #FFFFFF; box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1); } .trucker__team-area-home-1 .trucker__team-inner .trucker__team-item .trucker__team-info { padding-left: 63px; background-color: #FFFFFF; box-shadow: 16px 20px 45px 0px rgba(0, 0, 0, 0.1); padding-top: 25px; padding-bottom: 25px; padding-right: 37px; display: flex; align-items: center; justify-content: space-between; position: relative; } .trucker__team-area-home-1 .trucker__team-inner .trucker__team-item .trucker__team-info:hover .trucker__team-social-media-wrapper { opacity: 1; } .trucker__team-area-home-1 .trucker__team-inner .trucker__team-item .trucker__team-info:hover .trucker__team-member-name a { color: #2A9D8F; } .trucker__team-area-home-1 .trucker__team-inner .trucker__team-item .trucker__team-info .trucker__team-member-name a { transition: linear 0.4s; } @media (max-width: 439px) { .trucker__team-area-home-1 .trucker__team-inner .trucker__team-item .trucker__team-info .trucker__team-member-name a { font-size: 18px; line-height: 28px; } } .trucker__team-area-home-1 .trucker__team-inner .trucker__team-item .trucker__team-info .trucker__team-member-social-media-share-btn { width: 50px; height: 50px; line-height: 45px; display: inline-block; text-align: center; background-color: #062E39; line-height: 45px; border-radius: 50%; border: 4px solid #2A9D8F; color: #FFFFFF; } .trucker__team-area-home-1 .trucker__team-inner .trucker__team-item .trucker__team-info .trucker__team-social-media-wrapper { position: absolute; top: -175px; right: 45px; opacity: 0; transition: 0.6s ease-in; } .trucker__team-area-home-1 .trucker__team-inner .trucker__team-item .trucker__team-info .trucker__team-social-media-wrapper ul { background-color: #2A9D8F; width: 40px; } .trucker__team-area-home-1 .trucker__team-inner .trucker__team-item .trucker__team-info .trucker__team-social-media-wrapper ul li { text-align: center; padding: 7px 0px; } .trucker__team-area-home-1 .trucker__team-inner .trucker__team-item .trucker__team-info .trucker__team-social-media-wrapper ul li a { color: #FFFFFF; transition: linear 0.4s; } .trucker__team-area-home-1 .trucker__team-inner .trucker__team-item .trucker__team-info .trucker__team-social-media-wrapper ul li a:hover { color: #062E39; } .trucker__team-area-home-1 .trucker__team-inner .trucker__team-item.trucker__team-item-mid .trucker__team-info { box-shadow: -9px -20px 45px 0px rgba(0, 0, 0, 0.1); } .trucker__team-area-home-1 .trucker__team-inner .trucker__team-item.trucker__team-item-mid .trucker__team-info .trucker__team-social-media-wrapper { top: 135px; } .trucker__team-area-home-1 .trucker__team-inner .trucker__team-item.trucker__team-item-mid .trucker__team-picture-wrapper { box-shadow: 19px 20px 45px 0px rgba(0, 0, 0, 0.1); } .trucker__transport-system-home-1 { position: relative; padding-bottom: 130px; padding-top: 30px; } @media (max-width: 991px) { .trucker__transport-system-home-1 { padding-bottom: 100px; } } @media (max-width: 767px) { .trucker__transport-system-home-1 { padding-bottom: 80px; padding-top: 20px; } } .trucker__transport-system-home-1 .trucker__transport-system-inner { display: flex; align-items: center; gap: 24px; margin-top: 65px; justify-content: center; } @media (max-width: 767px) { .trucker__transport-system-home-1 .trucker__transport-system-inner { margin-top: 40px; } } @media (max-width: 1299px) { .trucker__transport-system-home-1 .trucker__transport-system-inner { flex-wrap: wrap; } } .trucker__transport-system-home-1 .trucker__transport-system-inner .trucker__transport-system-item { position: relative; filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.1)); z-index: 1; } .trucker__transport-system-home-1 .trucker__transport-system-inner .trucker__transport-system-item:hover .trucker__transport-system-item-text-box img.trucker__transport-shep-hover { opacity: 1; } .trucker__transport-system-home-1 .trucker__transport-system-inner .trucker__transport-system-item:hover .trucker__transport-system-item-text-box img.trucker__transport-shep { opacity: 0; } .trucker__transport-system-home-1 .trucker__transport-system-inner .trucker__transport-system-item:hover .trucker__transport-system-item-text-box .trucker__transport-system-item-text-info .trucker__transport-system-title a { color: #FFFFFF; } .trucker__transport-system-home-1 .trucker__transport-system-inner .trucker__transport-system-item:hover .trucker__transport-system-item-text-box .trucker__transport-system-item-text-info .trucker__transport-system-peragraph { color: #FFFFFF; } .trucker__transport-system-home-1 .trucker__transport-system-inner .trucker__transport-system-item:hover .trucker__transport-system-item-text-box .trucker__transport-system-icon { background-color: #FFFFFF; } .trucker__transport-system-home-1 .trucker__transport-system-inner .trucker__transport-system-item:hover .trucker__transport-system-item-text-box .trucker__transport-system-icon svg path { fill: #2A9D8F; } .trucker__transport-system-home-1 .trucker__transport-system-inner .trucker__transport-system-item .trucker__transport-system-item-text-box img { position: absolute; top: 0; left: 0; } @media (max-width: 439px) { .trucker__transport-system-home-1 .trucker__transport-system-inner .trucker__transport-system-item .trucker__transport-system-item-text-box img { width: 100%; height: 160px; } } .trucker__transport-system-home-1 .trucker__transport-system-inner .trucker__transport-system-item .trucker__transport-system-item-text-box img.trucker__transport-shep-hover { opacity: 0; transition: 0.3s; } .trucker__transport-system-home-1 .trucker__transport-system-inner .trucker__transport-system-item .trucker__transport-system-item-text-box img.trucker__transport-shep { opacity: 1; transition: 0.3s; } .trucker__transport-system-home-1 .trucker__transport-system-inner .trucker__transport-system-item .trucker__transport-system-item-text-box .trucker__transport-system-item-text-info { position: absolute; top: 24px; left: 26px; z-index: 1; } @media (max-width: 439px) { .trucker__transport-system-home-1 .trucker__transport-system-inner .trucker__transport-system-item .trucker__transport-system-item-text-box .trucker__transport-system-item-text-info { width: 100%; } } .trucker__transport-system-home-1 .trucker__transport-system-inner .trucker__transport-system-item .trucker__transport-system-item-text-box .trucker__transport-system-item-text-info .trucker__transport-system-title { margin-bottom: 6px; } .trucker__transport-system-home-1 .trucker__transport-system-inner .trucker__transport-system-item .trucker__transport-system-item-text-box .trucker__transport-system-item-text-info .trucker__transport-system-title a { transition: linear 0.4s; } .trucker__transport-system-home-1 .trucker__transport-system-inner .trucker__transport-system-item .trucker__transport-system-item-text-box .trucker__transport-system-item-text-info .trucker__transport-system-peragraph { transition: linear 0.4s; } .trucker__transport-system-home-1 .trucker__transport-system-inner .trucker__transport-system-item .trucker__transport-system-item-text-box .trucker__transport-system-icon { width: 70px; height: 70px; line-height: 70px; border-radius: 50%; display: inline-block; text-align: center; background-color: #062E39; position: absolute; right: -108px; top: 85%; transition: linear 0.4s; } @media (max-width: 439px) { .trucker__transport-system-home-1 .trucker__transport-system-inner .trucker__transport-system-item .trucker__transport-system-item-text-box .trucker__transport-system-icon { right: 10%; } } .trucker__transport-system-home-1 .trucker__transport-system-inner .trucker__transport-system-item .trucker__transport-system-item-text-box .trucker__transport-system-icon svg path { transition: linear 0.4s; } .trucker__booking-system-area { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; padding-bottom: 124px; padding-top: 120px; } .trucker__booking-system-area .trucker__booking-system-wrapper { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 1199px) { .trucker__booking-system-area .trucker__booking-system-wrapper { display: block; } } @media (max-width: 1199px) { .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-info { margin-bottom: 45px; } } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-info .trucker__booking-sub-title { margin-bottom: 77px; } @media (max-width: 575px) { .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-info .trucker__booking-title { font-size: 35px; line-height: 45px; } } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-info .trucker__booking-peragraph { margin-top: 32px; } @media (max-width: 650px) { .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-info .trucker__booking-peragraph br { display: none; } } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-info .trucker__booking-faselity { display: grid; grid-template-columns: 1fr 1fr; row-gap: 16px; margin-top: 43px; } @media (max-width: 650px) { .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-info .trucker__booking-faselity { grid-template-columns: 1fr; } } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-info .trucker__booking-faselity li { display: flex; align-items: center; gap: 6px; } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-info .trucker__booking-faselity li .trucker__booking-faselity-icon { width: 22px; height: 22px; line-height: 22px; display: inline-block; text-align: center; border-radius: 50%; background-color: #2A9D8F; color: #FFFFFF; font-size: 12px; } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-info .trucker__application-download-btn { margin-top: 64px; display: flex; align-items: center; gap: 30px; } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form { background-color: #2A9D8F; padding: 43px 53px 58px 53px; box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1); border-radius: 5px; } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form label { display: block; margin-bottom: 7px; } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-form-full-width-input-field input, .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-from-colums-input-field input { height: 48px; border: none; border-radius: 3px; background-color: #FFFFFF; padding: 0 10px; } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-form-full-width-input-field input { width: 100%; } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-from-colums-input-field { display: flex; align-items: center; gap: 16px; margin-top: 14px; } @media (max-width: 575px) { .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-from-colums-input-field { display: block; } } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-from-colums-input-field .trucker__booking-from-colums-input-item { width: 50%; } @media (max-width: 575px) { .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-from-colums-input-field .trucker__booking-from-colums-input-item { width: 100%; } } @media (max-width: 575px) { .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-from-colums-input-field .trucker__booking-from-colums-input-item:last-child { margin-top: 14px; } } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-from-colums-input-field .trucker__booking-from-colums-input-item input { width: 100%; } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-select-box-wrapper { display: flex; align-items: center; gap: 16px; justify-content: center; } @media (max-width: 439px) { .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-select-box-wrapper { display: block; margin-top: 14px; } } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-select-box-wrapper .trucker__booking-select-box-item { width: 50% !important; } @media (max-width: 439px) { .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-select-box-wrapper .trucker__booking-select-box-item { width: 100% !important; } } @media (max-width: 439px) { .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-select-box-wrapper .trucker__booking-select-box-item:last-child { margin-top: 14px; } } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-select-box-wrapper .trucker__booking-select-box-item .trucker__booking-system-select-title { display: block; margin-bottom: 7px; } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-select-box-wrapper .trucker__booking-select-box-item .trucker__booking-type-one, .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-select-box-wrapper .trucker__booking-select-box-item .trucker__booking-type-two { float: unset; border-radius: 3px; } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-select-box-wrapper .trucker__booking-select-box-item .trucker__booking-type-one.nice-select::after, .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-select-box-wrapper .trucker__booking-select-box-item .trucker__booking-type-two.nice-select::after { width: 10px; height: 10px; border-bottom: 1px solid #747474; border-right: 1px solid #747474; margin-top: -7px; } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-select-box-wrapper .trucker__booking-select-box-item .trucker__booking-type-one.nice-select.open .list, .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-select-box-wrapper .trucker__booking-select-box-item .trucker__booking-type-two.nice-select.open .list { width: 100%; } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-select-box-wrapper .trucker__booking-system-select-title { display: block; } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-submit-btn { display: block; margin-top: 32px; } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-submit-btn .trucker__booking-submit-button { display: inline-block; background-color: #FFFFFF; color: #062E39; font-size: 18px; font-weight: 500; font-family: "DM Sans", serif; padding: 18px 28px 18px 28px; } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__booking-submit-btn .trucker__booking-submit-button:hover { background-color: #062E39; color: #FFFFFF; } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__range-bar { margin-top: 23px; } .trucker__booking-system-area .trucker__booking-system-wrapper .trucker__booking-form .trucker__range-bar .range-label { display: flex; align-items: center; justify-content: space-between; } .trucker__booking-system-area .trucker__booking-form .nav-pills { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; margin-bottom: 45px; } .trucker__booking-system-area .trucker__booking-form .nav-pills::after { background-color: #FFFFFF; content: ""; position: absolute; left: 0; bottom: 2px; width: 100%; height: 2px; z-index: -1; } .trucker__booking-system-area .trucker__booking-form button { background-color: transparent; } .trucker__booking-system-area .trucker__booking-form button.nav-link { border-radius: unset; font-size: 12px; font-weight: 400; color: #FFFFFF; line-height: 22px; } .trucker__booking-system-area .trucker__booking-form button.nav-link.active { background-color: #062E39; border-bottom: 1px solid #062E39; } .trucker__booking-system-area .trucker__booking-form button .trucker__booking-system-tab-btn-icon { margin-right: 5px; } .trucker__counter-area-home-1 { position: relative; } .trucker__counter-area-home-1 .trucker__banner-counter-home-1-wrapper { position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; padding-bottom: 215px; padding-top: 150px; } @media (max-width: 767px) { .trucker__counter-area-home-1 .trucker__banner-counter-home-1-wrapper { padding-top: 80px; padding-bottom: 130px; } } .trucker__counter-area-home-1 .trucker__banner-counter-home-1-wrapper .trucker__counter-banner-wrapper { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 650px) { .trucker__counter-area-home-1 .trucker__banner-counter-home-1-wrapper .trucker__counter-banner-wrapper { display: block; } } @media (max-width: 650px) { .trucker__counter-area-home-1 .trucker__banner-counter-home-1-wrapper .trucker__counter-banner-wrapper .trucker__counter-banner-info { margin-bottom: 30px; } } .trucker__counter-area-home-1 .trucker__banner-counter-home-1-wrapper .trucker__counter-banner-wrapper .trucker__counter-banner-info .trucker__counter-banner-title-area { display: flex; align-items: center; gap: 20px; } @media (max-width: 439px) { .trucker__counter-area-home-1 .trucker__banner-counter-home-1-wrapper .trucker__counter-banner-wrapper .trucker__counter-banner-info .trucker__counter-banner-title-area { display: block; } } @media (max-width: 767px) { .trucker__counter-area-home-1 .trucker__banner-counter-home-1-wrapper .trucker__counter-banner-wrapper .trucker__counter-banner-info .trucker__counter-banner-title-area .trucker__counter-banner-title { font-size: 30px; line-height: 40px; } } @media (max-width: 439px) { .trucker__counter-area-home-1 .trucker__banner-counter-home-1-wrapper .trucker__counter-banner-wrapper .trucker__counter-banner-info .trucker__counter-banner-title-area .trucker__counter-banner-title { margin-top: 20px; } } .trucker__counter-area-home-1 .trucker__banner-counter-home-1-wrapper .trucker__counter-banner-wrapper .trucker__counter-banner-info .trukcer__counter-banner-peragraph { margin-top: 20px; } @media (max-width: 767px) { .trucker__counter-area-home-1 .trucker__banner-counter-home-1-wrapper .trucker__counter-banner-wrapper .trucker__counter-banner-info .trukcer__counter-banner-peragraph br { display: none; } } .trucker__counter-area-home-1 .trucker__banner-counter-home-1-wrapper .trucker__counter-banner-wrapper .trucker__counter-banner-info .trucker__counter-banner-contact-info { margin-top: 28px; } .trucker__counter-area-home-1 .trucker__banner-counter-home-1-wrapper .trucker__counter-banner-wrapper .trucker__counter-banner-info .trucker__counter-banner-contact-info a { display: flex; align-items: center; gap: 15px; } .trucker__counter-area-home-1 .trucker__banner-counter-home-1-wrapper .trucker__counter-banner-wrapper .trucker__counter-banner-info .trucker__counter-banner-contact-info a:hover .trucker__counter-banner-contact-number { color: #062E39; } .trucker__counter-area-home-1 .trucker__banner-counter-home-1-wrapper .trucker__counter-banner-wrapper .trucker__counter-banner-info .trucker__counter-banner-contact-info a:hover .trucker__counter-banner-contact-icon { background-color: #062E39; } .trucker__counter-area-home-1 .trucker__banner-counter-home-1-wrapper .trucker__counter-banner-wrapper .trucker__counter-banner-info .trucker__counter-banner-contact-info a .trucker__counter-banner-contact-icon { width: 45px; height: 45px; line-height: 45px; display: inline-block; text-align: center; border-radius: 3px; background-color: #2A9D8F; transition: linear 0.4s; } .trucker__counter-area-home-1 .trucker__banner-counter-home-1-wrapper .trucker__counter-banner-wrapper .trucker__counter-banner-info .trucker__counter-banner-contact-info a .trucker__counter-banner-contact-number { transition: linear 0.4s; } .trucker__counter-area-home-1 .trucker__banner-counter-home-1-wrapper .trucker__counter-banner-wrapper .trucker__counter-play-button .trucker__counter-banner-btn { width: 120px; height: 120px; border-radius: 50%; line-height: 120px; display: inline-block; text-align: center; border: 2px solid #FFFFFF; font-size: 20px; font-weight: 500; color: #FFFFFF; text-transform: uppercase; transition: linear 0.4s; } .trucker__counter-area-home-1 .trucker__banner-counter-home-1-wrapper .trucker__counter-banner-wrapper .trucker__counter-play-button .trucker__counter-banner-btn:hover { border-color: #2A9D8F; color: #2A9D8F; } .trucker__counter-area-home-1 .trucker__counter-wrapper-home-1 { position: relative; top: -100px; } .trucker__counter-area-home-1 .trucker__counter-wrapper-home-1 .trucker__counter-items { padding-top: 40px; padding-bottom: 50px; background-color: #FFFFFF; filter: drop-shadow(0px 7px 23px rgba(0, 0, 0, 0.09)); border-radius: 3px; display: flex; align-items: center; justify-content: space-between; padding-left: 50px; padding-right: 50px; position: relative; background-color: #FFF; fill: #fff; z-index: 1; } @media (max-width: 865px) { .trucker__counter-area-home-1 .trucker__counter-wrapper-home-1 .trucker__counter-items { flex-wrap: wrap; row-gap: 25px; } } .trucker__counter-area-home-1 .trucker__counter-wrapper-home-1 .trucker__counter-items .trucker__counter-item { width: 25%; position: relative; } @media (max-width: 865px) { .trucker__counter-area-home-1 .trucker__counter-wrapper-home-1 .trucker__counter-items .trucker__counter-item { width: 50%; } } @media (max-width: 575px) { .trucker__counter-area-home-1 .trucker__counter-wrapper-home-1 .trucker__counter-items .trucker__counter-item { width: 100%; } } .trucker__counter-area-home-1 .trucker__counter-wrapper-home-1 .trucker__counter-items .trucker__counter-item:last-child::after { display: none; } @media (max-width: 865px) { .trucker__counter-area-home-1 .trucker__counter-wrapper-home-1 .trucker__counter-items .trucker__counter-item:nth-child(even)::after { display: none; } } .trucker__counter-area-home-1 .trucker__counter-wrapper-home-1 .trucker__counter-items .trucker__counter-item .trucker__counter-item-shep-1 { width: 33px; height: 33px; background-color: rgba(242, 59, 59, 0.3490196078); border-radius: 50%; position: absolute; top: 0; left: 68%; z-index: -1; animation: trucker__bounceX 4s linear infinite; } .trucker__counter-area-home-1 .trucker__counter-wrapper-home-1 .trucker__counter-items .trucker__counter-item::after { content: ""; position: absolute; right: 0; top: 0; background-color: rgba(56, 54, 54, 0.1490196078); width: 1px; height: 100%; } @media (max-width: 575px) { .trucker__counter-area-home-1 .trucker__counter-wrapper-home-1 .trucker__counter-items .trucker__counter-item::after { display: none; } } .trucker__counter-area-home-1 .trucker__counter-wrapper-home-1 .trucker__counter-items .trucker__counter-shep-1 { position: absolute; left: 0; bottom: 0; z-index: -1; opacity: 0.4; } .trucker__counter-area-home-1 .trucker__counter-wrapper-home-1 .trucker__counter-items .trucker__counter-shep-2 { position: absolute; right: 0; bottom: 0; z-index: -1; opacity: 0.4; } .trucker__counter-area-home-1 .trucker__counter-wrapper-home-1 .trucker__counter-items .trucker__counter-item-number-wrapper { display: flex; align-items: center; justify-content: center; } .trucker__counter-area-home-1 .trucker__counter-wrapper-home-1 .trucker__counter-items .trucker__counter-item-number-wrapper .trucker__counter-item-number { overflow: hidden; padding-right: 6px; } .trucker__counter-area-home-1 .trucker__counter-wrapper-home-1 .trucker__counter-items .trucker__counter-item-name { text-align: center; margin-top: 12px; } .trucker__about-area-home-1 { position: relative; padding: 100px 0 108px 0; } @media (max-width: 991px) { .trucker__about-area-home-1 { padding: 70px 0 78px 0; } } @media (max-width: 767px) { .trucker__about-area-home-1 { padding: 50px 0 58px 0; } } .trucker__about-area-home-1 .trucker__about-wrapper { display: flex; align-items: center; justify-content: center; gap: 10px; } @media (max-width: 991px) { .trucker__about-area-home-1 .trucker__about-wrapper { display: block; } } @media (max-width: 991px) { .trucker__about-area-home-1 .trucker__about-wrapper .trucker__about-left-site { margin-bottom: 35px; max-width: max-content; margin-left: auto; margin-right: auto; } } @media (max-width: 991px) { .trucker__about-area-home-1 .trucker__about-wrapper .trucker__about-right-site { text-align: center; } } .trucker__about-area-home-1 .trucker__about-wrapper .trucker__about-some-info-wrapper { display: flex; align-items: center; gap: 21px; margin-left: -10px; margin-top: 22px; margin-bottom: 4px; } @media (max-width: 991px) { .trucker__about-area-home-1 .trucker__about-wrapper .trucker__about-some-info-wrapper { margin-left: 0; justify-content: center; } } @media (max-width: 575px) { .trucker__about-area-home-1 .trucker__about-wrapper .trucker__about-some-info-wrapper { display: block; } } .trucker__about-area-home-1 .trucker__about-wrapper .trucker__about-some-info-wrapper .trucker__about-some-info-item { display: flex; align-items: center; } @media (max-width: 991px) { .trucker__about-area-home-1 .trucker__about-wrapper .trucker__about-some-info-wrapper .trucker__about-some-info-item .trucker__about-some-info-title { text-align: left; } } .trucker__about-area-home-1 .trucker__about-wrapper .trucker__about-title { margin-bottom: 17px; } @media (max-width: 1099px) { .trucker__about-area-home-1 .trucker__about-wrapper .trucker__about-sub-titel br { display: none; } } .trucker__about-area-home-1 .trucker__about-wrapper .trucker__about-info-point { margin-bottom: 30px; } @media (max-width: 991px) { .trucker__about-area-home-1 .trucker__about-wrapper .trucker__about-info-point { max-width: max-content; margin-left: auto; margin-right: auto; } } .trucker__about-area-home-1 .trucker__about-wrapper .trucker__about-info-point li { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; } .trucker__about-area-home-1 .trucker__about-wrapper .trucker__about-info-point li:last-child { margin-bottom: 0; } .trucker__about-area-home-1 .trucker__about-wrapper .trucker__about-info-point li .trucker__about-info-point-icon { width: 22px; height: 22px; line-height: 22px; display: inline-block; text-align: center; background-color: #2A9D8F; border-radius: 50%; color: #FFFFFF; font-size: 13px; } @media (max-width: 991px) { .trucker__about-area-home-1 .trucker__about-wrapper .trucker__about-info-point li .trucker__about-info-point-text { text-align: left; } } .trucker__about-area-home-1 .trucker__about-wrapper .trucker__about-writer-info-wrapper { display: flex; align-items: center; gap: 65px; } @media (max-width: 991px) { .trucker__about-area-home-1 .trucker__about-wrapper .trucker__about-writer-info-wrapper { justify-content: center; } } @media (max-width: 575px) { .trucker__about-area-home-1 .trucker__about-wrapper .trucker__about-writer-info-wrapper { display: block; } } .trucker__about-area-home-1 .trucker__about-wrapper .trucker__about-writer-info-wrapper .trucker__about-writer-info-name { margin-bottom: 4px; } .trucker__about-area-home-1 .trucker__about-wrapper .trucker__about-writer-info-wrapper .trucker__about-writer-info-inner { display: flex; align-items: center; gap: 14px; } .trucker__brand-area-home-2 { background-color: #E7F8F8; padding-top: 98px; padding-bottom: 77px; position: relative; } @media (max-width: 1920px) { .trucker__brand-area-home-2 { top: -164px; } } .trucker__brand-area-home-2 .trucker__brand-title { margin-bottom: 58px; } @media (max-width: 439px) { .trucker__brand-area-home-2 .trucker__brand-title { font-size: 25px; line-height: 35px; } } @media (max-width: 991px) { .trucker__brand-area-home-2 .trucker__brand-item img { margin-left: auto; margin-right: auto; } } .trucker__about-area_home-2 { position: relative; padding-bottom: 70px; padding-top: 70px; } @media (max-width: 1920px) { .trucker__about-area_home-2 { top: -31px; padding-top: 0; } } @media (max-width: 767px) { .trucker__about-area_home-2 { top: -65px; padding-bottom: 60px; } } .trucker__about-area_home-2 .trucker__about-wrapper { display: flex; align-items: center; gap: 70px; justify-content: center; } @media (max-width: 1199px) { .trucker__about-area_home-2 .trucker__about-wrapper { gap: 30px; } } @media (max-width: 991px) { .trucker__about-area_home-2 .trucker__about-wrapper { display: block; } } @media (max-width: 1099px) { .trucker__about-area_home-2 .trucker__about-wrapper .trucker__about-left-site { width: 50%; } } @media (max-width: 991px) { .trucker__about-area_home-2 .trucker__about-wrapper .trucker__about-left-site { width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 35px; max-width: max-content; } } @media (max-width: 1099px) { .trucker__about-area_home-2 .trucker__about-wrapper .trucker__about-right-site { width: 50%; } } @media (max-width: 991px) { .trucker__about-area_home-2 .trucker__about-wrapper .trucker__about-right-site { width: 100%; } } .trucker__about-area_home-2 .trucker__about-wrapper .trucker__about-right-site .trucker__about-title { margin-bottom: 28px; } @media (max-width: 991px) { .trucker__about-area_home-2 .trucker__about-wrapper .trucker__about-right-site .trucker__about-title { text-align: center; } } @media (max-width: 575px) { .trucker__about-area_home-2 .trucker__about-wrapper .trucker__about-right-site .trucker__about-title { font-size: 35px; line-height: 45px; } .trucker__about-area_home-2 .trucker__about-wrapper .trucker__about-right-site .trucker__about-title br { display: none; } } @media (max-width: 390px) { .trucker__about-area_home-2 .trucker__about-wrapper .trucker__about-right-site .trucker__about-title { font-size: 30px; line-height: 40px; } } @media (max-width: 991px) { .trucker__about-area_home-2 .trucker__about-wrapper .trucker__about-right-site .trucker__about-sub-title { text-align: center; } } @media (max-width: 575px) { .trucker__about-area_home-2 .trucker__about-wrapper .trucker__about-right-site .trucker__about-sub-title br { display: none; } } .trucker__about-area_home-2 .trucker__about-wrapper .trucker__about-right-site .trucker__about-items-wrapper { margin-top: 34px; } .trucker__about-area_home-2 .trucker__about-wrapper .trucker__about-right-site .trucker__about-items-wrapper .trucker__about-items-inner { display: flex; align-items: start; gap: 15px; margin-bottom: 39px; } @media (max-width: 991px) { .trucker__about-area_home-2 .trucker__about-wrapper .trucker__about-right-site .trucker__about-items-wrapper .trucker__about-items-inner { justify-content: center; } } .trucker__about-area_home-2 .trucker__about-wrapper .trucker__about-right-site .trucker__about-items-wrapper .trucker__about-items-inner:last-child { margin-bottom: 0; } .trucker__about-area_home-2 .trucker__about-wrapper .trucker__about-right-site .trucker__about-items-wrapper .trucker__about-items-inner:hover .trucker__about-item-icon span img { transform: rotateY(360deg); } .trucker__about-area_home-2 .trucker__about-wrapper .trucker__about-right-site .trucker__about-items-wrapper .trucker__about-items-inner .trucker__about-item-icon span img { transition: linear 0.4s; } @media (max-width: 439px) { .trucker__about-area_home-2 .trucker__about-wrapper .trucker__about-right-site .trucker__about-items-wrapper .trucker__about-items-inner .trucker__about-item-text .trucker__about-item-title { font-size: 20px; line-height: 30px; } } .trucker__about-area_home-2 .trucker__about-wrapper .trucker__about-right-site .trucker__about-items-wrapper .trucker__about-items-inner .trucker__about-item-text .trucker__about-item-short-info { margin-top: 13px; } @media (max-width: 575px) { .trucker__about-area_home-2 .trucker__about-wrapper .trucker__about-right-site .trucker__about-items-wrapper .trucker__about-items-inner .trucker__about-item-text .trucker__about-item-short-info br { display: none; } } .trucker__banner-area-home-2 { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 92px; padding-bottom: 88px; } @media (max-width: 767px) { .trucker__banner-area-home-2 { padding-top: 60px; padding-bottom: 60px; } } .trucker__banner-area-home-2 .trucker__banner-btn a { display: inline-block; } @media (max-width: 575px) { .trucker__banner-area-home-2 .trucker__banner-title br { display: none; } } @media (max-width: 439px) { .trucker__banner-area-home-2 .trucker__banner-title { font-size: 30px; line-height: 40px; } } .trucker__banner-area-home-2 .trucker__banner-sub-title { margin-top: 21px; margin-bottom: 51px; } @media (max-width: 575px) { .trucker__banner-area-home-2 .trucker__banner-sub-title { margin-top: 15px; margin-bottom: 35px; } .trucker__banner-area-home-2 .trucker__banner-sub-title br { display: none; } } @media (max-width: 439px) { .trucker__banner-area-home-2 .trucker__banner-sub-title { font-size: 16px; line-height: 26px; } } .trucker__feature-area-home-2 { position: relative; padding-top: 125px; padding-bottom: 130px; } @media (max-width: 991px) { .trucker__feature-area-home-2 { padding-top: 100px; padding-bottom: 100px; } } @media (max-width: 767px) { .trucker__feature-area-home-2 { padding-top: 80px; padding-bottom: 80px; } } .trucker__feature-area-home-2 .trucker__feature-inner { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 24px; row-gap: 24px; margin-top: 67px; } @media (max-width: 1099px) { .trucker__feature-area-home-2 .trucker__feature-inner { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .trucker__feature-area-home-2 .trucker__feature-inner { grid-template-columns: 1fr; margin-top: 45px; } } .trucker__feature-area-home-2 .trucker__feature-inner .trucker__feature-items { border-radius: 2px; background: #FFFFFF; box-shadow: 0px 0px 55px 0px rgba(0, 0, 0, 0.1); padding: 46px 30px 66px 30px; } @media (max-width: 1299px) { .trucker__feature-area-home-2 .trucker__feature-inner .trucker__feature-items { padding-left: 25px; padding-right: 25px; } } .trucker__feature-area-home-2 .trucker__feature-inner .trucker__feature-items .trucker__feature-icons-btn-wrapper { display: flex; align-items: center; justify-content: space-between; padding-bottom: 38px; border-bottom: 1px solid #DDDDDD; margin-bottom: 36px; } .trucker__feature-area-home-2 .trucker__feature-inner .trucker__feature-items .trucker__feature-icons-btn-wrapper .trucker__feature-btn { background-color: #062E39; display: inline-block; text-align: center; padding: 9px 30px; border-radius: 35px; transition: linear 0.4s; font-family: "Jost", serif; } .trucker__feature-area-home-2 .trucker__feature-inner .trucker__feature-items .trucker__feature-icons-btn-wrapper .trucker__feature-btn:hover { background-color: #2A9D8F; } .trucker__feature-area-home-2 .trucker__feature-inner .trucker__feature-items .trucker__feature-item-title { margin-bottom: 24px; } .trucker__feature-area-home-2 .trucker__feature-inner .trucker__feature-items .trucker__feature-item-title a { transition: linear 0.4s; } .trucker__feature-area-home-2 .trucker__feature-inner .trucker__feature-items .trucker__feature-item-title a:hover { color: #2A9D8F; } .trucker__feature-area-home-2 .trucker__feature-inner .trucker__feature-items .trucker__feature-item-discriptiions { margin-top: 25px; } @media (max-width: 1299px) { .trucker__feature-area-home-2 .trucker__feature-inner .trucker__feature-items .trucker__feature-item-discriptiions br { display: none; } } .trucker__skill-area-home-2 { background-color: #F6F9FA; position: relative; } @media (max-width: 1499px) { .trucker__skill-area-home-2 { padding-top: 130px; padding-bottom: 130px; padding-left: 20px; padding-right: 20px; } } @media (max-width: 991px) { .trucker__skill-area-home-2 { padding-top: 100px; padding-bottom: 100px; } } @media (max-width: 767px) { .trucker__skill-area-home-2 { padding-top: 80px; padding-bottom: 80px; } } .trucker__skill-area-home-2 .trucker__skill-bar-top { display: flex; align-items: center; } @media (max-width: 1499px) { .trucker__skill-area-home-2 .trucker__skill-bar-top .trucker__skill-bar-top-bar-wrapper { text-align: center; } .trucker__skill-area-home-2 .trucker__skill-bar-top .trucker__skill-bar-top-bar-wrapper br { display: none; } } .trucker__skill-area-home-2 .trucker__skill-bar-top .trucker__skill-bar-top-bar-wrapper .trucker__skill-bar-title { margin-bottom: 32px; } @media (max-width: 767px) { .trucker__skill-area-home-2 .trucker__skill-bar-top .trucker__skill-bar-top-bar-wrapper .trucker__skill-bar-title { font-size: 30px; line-height: 40px; } } @media (max-width: 575px) { .trucker__skill-area-home-2 .trucker__skill-bar-top .trucker__skill-bar-top-bar-wrapper .trucker__skill-bar-title { font-size: 22px; line-height: 32px; } } @media (max-width: 767px) { .trucker__skill-area-home-2 .trucker__skill-bar-top .trucker__skill-bar-top-bar-wrapper .trucker__skill-bar-sub-title br { display: none; } } @media (max-width: 1710px) { .trucker__skill-area-home-2 .trucker__skill-bar-top .trucker__skill-bar-top-img { width: 40%; } } @media (max-width: 1499px) { .trucker__skill-area-home-2 .trucker__skill-bar-top .trucker__skill-bar-top-img { display: none; } } .trucker__skill-area-home-2 .trucker__skill-bar-bottom { display: flex; align-items: center; justify-content: space-between; } .trucker__skill-area-home-2 .trucker__skill-bar-bottom .trucker__skill-bar-bottom-bar-wrapper { display: flex; align-items: center; width: 45%; margin-left: 70px; justify-content: space-between; } @media (max-width: 1710px) { .trucker__skill-area-home-2 .trucker__skill-bar-bottom .trucker__skill-bar-bottom-bar-wrapper { width: 70%; } } @media (max-width: 1499px) { .trucker__skill-area-home-2 .trucker__skill-bar-bottom .trucker__skill-bar-bottom-bar-wrapper { width: 100%; gap: 25px; margin-left: 0; justify-content: center; margin-top: 50px; } } @media (max-width: 865px) { .trucker__skill-area-home-2 .trucker__skill-bar-bottom .trucker__skill-bar-bottom-bar-wrapper { display: block; } } @media (max-width: 767px) { .trucker__skill-area-home-2 .trucker__skill-bar-bottom .trucker__skill-bar-bottom-bar-wrapper { margin-top: 35px; } } .trucker__skill-area-home-2 .trucker__skill-bar-bottom .trucker__skill-bar-bottom-bar-wrapper .trucker__progress-item { display: flex; align-items: center; gap: 18px; } @media (max-width: 865px) { .trucker__skill-area-home-2 .trucker__skill-bar-bottom .trucker__skill-bar-bottom-bar-wrapper .trucker__progress-item { justify-content: center; } } @media (max-width: 865px) { .trucker__skill-area-home-2 .trucker__skill-bar-bottom .trucker__skill-bar-bottom-bar-wrapper .trucker__progress-item:last-child { margin-top: 25px; } } .trucker__skill-area-home-2 .trucker__skill-bar-bottom .trucker__skill-bar-bottom-bar-wrapper .trucker__progress-item .trucker__circular-progress { position: relative; width: 118px; height: 118px; border-radius: 50%; background: conic-gradient(#2A9D8F 0deg, #E1E1E1 0deg); display: inline-block; text-align: center; z-index: 1; } .trucker__skill-area-home-2 .trucker__skill-bar-bottom .trucker__skill-bar-bottom-bar-wrapper .trucker__progress-item .trucker__circular-progress::before { content: ""; position: absolute; width: 110px; z-index: -1; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 110px; border-radius: 50%; background-color: #F6F9FA; } .trucker__skill-area-home-2 .trucker__skill-bar-bottom .trucker__skill-bar-bottom-bar-wrapper .trucker__progress-item .trucker__circular-progress .trucker__progress-inner-text { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .trucker__skill-area-home-2 .trucker__skill-bar-bottom .trucker__skill-bar-bottom-bar-wrapper .trucker__progress-item .trucker__circular-progress .trucker__progress-inner-text span { display: block; text-align: center; } .trucker__skill-area-home-2 .trucker__skill-bar-bottom .trucker__skill-bar-bottom-bar-wrapper .trucker__progress-item .trucker__circular-progress .trucker__progress-inner-text span.trucker__progress-value { font-size: 30px; font-weight: 500; font-family: "Jost", serif; line-height: 40px; } @media (max-width: 767px) { .trucker__skill-area-home-2 .trucker__skill-bar-bottom .trucker__skill-bar-bottom-bar-wrapper .trucker__progress-item .trucker__circular-progress .trucker__progress-inner-text span.trucker__progress-value { font-size: 20px; line-height: 30px; } } .trucker__skill-area-home-2 .trucker__skill-bar-bottom .trucker__skill-bar-bottom-bar-wrapper .trucker__progress-item .trucker__progress-text-wrapper .trucker__progress-name { margin-bottom: 2px; } @media (max-width: 767px) { .trucker__skill-area-home-2 .trucker__skill-bar-bottom .trucker__skill-bar-bottom-bar-wrapper .trucker__progress-item .trucker__progress-text-wrapper .trucker__progress-name { font-size: 20px; line-height: 30px; } } @media (max-width: 767px) { .trucker__skill-area-home-2 .trucker__skill-bar-bottom .trucker__skill-bar-bottom-bar-wrapper .trucker__progress-item .trucker__progress-text-wrapper .trucker__progress-short-info { font-size: 15px; line-height: 25px; } } @media (max-width: 1499px) { .trucker__skill-area-home-2 .trucker__skill-bar-bottom .trucker__skill-bar-bottom-img { display: none; } } .trucker__team-area-home-2 { position: relative; padding-top: 125px; padding-bottom: 130px; } @media (max-width: 991px) { .trucker__team-area-home-2 { padding-top: 100px; padding-bottom: 100px; } } @media (max-width: 767px) { .trucker__team-area-home-2 { padding-top: 80px; padding-bottom: 80px; } } .trucker__team-area-home-2 .trucker__team-wrapper { display: flex; align-items: center; justify-content: center; gap: 24px; margin-top: 65px; } @media (max-width: 1299px) { .trucker__team-area-home-2 .trucker__team-wrapper { flex-wrap: wrap; row-gap: 24px; } } @media (max-width: 767px) { .trucker__team-area-home-2 .trucker__team-wrapper { margin-top: 40px; } } .trucker__team-area-home-2 .trucker__team-wrapper .trucker__team-inner { position: relative; } .trucker__team-area-home-2 .trucker__team-wrapper .trucker__team-inner .trucker__team-image { position: relative; } .trucker__team-area-home-2 .trucker__team-wrapper .trucker__team-inner .trucker__team-info-wrapper { border-radius: 0px 0px 3px 3px; background: #FFFFFF; box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1); padding: 28px 25px; display: flex; align-items: center; justify-content: space-between; overflow: hidden; } .trucker__team-area-home-2 .trucker__team-wrapper .trucker__team-inner .trucker__team-info-wrapper .trucker__team-icons .trucker__team-plus-icon { width: 40px; height: 40px; background-color: #062E39; color: #FFFFFF; display: inline-block; text-align: center; line-height: 40px; transition: linear 0.4s; } .trucker__team-area-home-2 .trucker__team-wrapper .trucker__team-inner .trucker__team-info-wrapper .trucker__team-icons .trucker__team-plus-icon:hover { background-color: #2A9D8F; cursor: pointer; } .trucker__team-area-home-2 .trucker__team-wrapper .trucker__team-inner .trucker__team-info-wrapper .trucker__team-icons:hover .trucker__social-media-icons { top: 50%; visibility: visible; opacity: 1; } .trucker__team-area-home-2 .trucker__team-wrapper .trucker__team-inner .trucker__team-info-wrapper .trucker__team-icons .trucker__social-media-icons { position: absolute; border-radius: 2px; top: 55%; transform: translateY(-50%); background: #2A9D8F; padding: 20px 15px; visibility: hidden; opacity: 0; transition: linear 0.4s; } .trucker__team-area-home-2 .trucker__team-wrapper .trucker__team-inner .trucker__team-info-wrapper .trucker__team-icons .trucker__social-media-icons a { display: block; text-align: center; color: #FFFFFF; margin-bottom: 16px; transition: linear 0.4s; } .trucker__team-area-home-2 .trucker__team-wrapper .trucker__team-inner .trucker__team-info-wrapper .trucker__team-icons .trucker__social-media-icons a:hover { color: #062E39; } .trucker__team-area-home-2 .trucker__team-wrapper .trucker__team-inner .trucker__team-info-wrapper .trucker__team-icons .trucker__social-media-icons a:last-child { margin-bottom: 0; } .trucker__team-area-home-2 .trucker__team-wrapper .trucker__team-inner .trucker__team-info-wrapper .trucker__team-text .trucker__team-member-name a { transition: linear 0.4s; } .trucker__team-area-home-2 .trucker__team-wrapper .trucker__team-inner .trucker__team-info-wrapper .trucker__team-text .trucker__team-member-name a:hover { color: #2A9D8F; } .trucker__counter-area-home-2 { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; padding: 130px 0; } @media (max-width: 991px) { .trucker__counter-area-home-2 { padding-top: 100px; padding-bottom: 100px; } } @media (max-width: 767px) { .trucker__counter-area-home-2 { padding-top: 80px; padding-bottom: 80px; } } .trucker__counter-area-home-2 .trucker__counter-wrapper { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991px) { .trucker__counter-area-home-2 .trucker__counter-wrapper { flex-wrap: wrap; row-gap: 25px; justify-content: center; column-gap: 25px; } } .trucker__counter-area-home-2 .trucker__counter-wrapper .trucker__counter-item { position: relative; } .trucker__counter-area-home-2 .trucker__counter-wrapper .trucker__counter-item::after { content: ""; position: absolute; width: 70px; height: 160%; background-color: #2A9D8F; top: 50%; transform: translateY(-50%); left: 0; z-index: -1; border-radius: 2px; } @media (max-width: 767px) { .trucker__counter-area-home-2 .trucker__counter-wrapper .trucker__counter-item::after { height: 100%; } } .trucker__counter-area-home-2 .trucker__counter-wrapper .trucker__counter-item .trucker__counter-value { overflow: hidden; padding-right: 6px; } @media (max-width: 991px) { .trucker__counter-area-home-2 .trucker__counter-wrapper .trucker__counter-item .trucker__counter-value { text-align: center; } } @media (max-width: 991px) { .trucker__counter-area-home-2 .trucker__counter-wrapper .trucker__counter-item .trucker__counter-label { text-align: center; } } .trucker__pricing-area-home-2 { position: relative; padding-top: 130px; padding-bottom: 130px; } @media (max-width: 991px) { .trucker__pricing-area-home-2 { padding-top: 100px; padding-bottom: 100px; } } @media (max-width: 767px) { .trucker__pricing-area-home-2 { padding-top: 80px; padding-bottom: 80px; } } .trucker__pricing-area-home-2 .trucker__pricing-inner { display: flex; align-items: center; gap: 24px; margin-top: 60px; justify-content: center; } @media (max-width: 1099px) { .trucker__pricing-area-home-2 .trucker__pricing-inner { flex-wrap: wrap; row-gap: 24px; } } .trucker__pricing-area-home-2 .trucker__pricing-inner .trucker__pricing-options { background-color: rgba(234, 239, 238, 0.49); padding-top: 62px; padding-bottom: 60px; } .trucker__pricing-area-home-2 .trucker__pricing-inner .trucker__pricing-options ul { max-width: max-content; margin-left: auto; margin-right: auto; } .trucker__pricing-area-home-2 .trucker__pricing-inner .trucker__pricing-options ul li { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; } .trucker__pricing-area-home-2 .trucker__pricing-inner .trucker__pricing-options ul li:last-child { margin-bottom: 0; } .trucker__pricing-area-home-2 .trucker__pricing-inner .trucker__pricing-options ul li .trucker__pricing-option-text { font-size: 16px; font-weight: 500; color: #747474; } .trucker__pricing-area-home-2 .trucker__pricing-inner .trucker__prcing-btn-wrapper { display: flex; align-items: center; justify-content: space-between; background-color: #062E39; border-radius: 0px 0px 10px 10px; padding: 32px; transition: linear 0.4s; } .trucker__pricing-area-home-2 .trucker__pricing-inner .trucker__prcing-btn-wrapper:hover { background-color: #2A9D8F; } .trucker__pricing-area-home-2 .trucker__pricing-inner .trucker__prcing-btn-wrapper .trucker__pricing-btn { color: #FFFFFF; text-decoration: underline; } .trucker__map-area { position: relative; padding-top: 220px; padding-bottom: 130px; } @media (max-width: 767px) { .trucker__map-area { padding-top: 130px; } } @media (max-width: 439px) { .trucker__map-area { padding-top: 50px; padding-bottom: 50px; } } .trucker__map-area .trucker__map-wrapper { position: relative; } .trucker__map-area .trucker__map-wrapper .trucker__map-text { margin: 0 auto; background-position: center center; background-repeat: no-repeat; background-size: 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 130px; font-weight: 600; text-align: center; } @media (max-width: 650px) { .trucker__map-area .trucker__map-wrapper .trucker__map-text { font-size: 90px; } } @media (max-width: 439px) { .trucker__map-area .trucker__map-wrapper .trucker__map-text { font-size: 75px; } } .trucker__map-area .trucker__map-wrapper img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; } .trucker__delivary-system { position: relative; padding-top: 230px; padding-bottom: 130px; } @media (max-width: 991px) { .trucker__delivary-system { padding-top: 200px; padding-bottom: 100px; } } @media (max-width: 767px) { .trucker__delivary-system { padding-top: 80px; padding-bottom: 80px; } } .trucker__delivary-system.trucker__delivary-system-home-1 { padding-top: 130px; padding-bottom: 117px; } @media (max-width: 991px) { .trucker__delivary-system.trucker__delivary-system-home-1 { padding-top: 100px; padding-bottom: 100px; } } @media (max-width: 767px) { .trucker__delivary-system.trucker__delivary-system-home-1 { padding-top: 80px; padding-bottom: 80px; } } .trucker__delivary-system .trucker__delivary-items { position: relative; overflow: hidden; } @media (max-width: 767px) { .trucker__delivary-system .trucker__delivary-items img { margin-left: auto; margin-right: auto; } } .trucker__delivary-system .trucker__delivary-items:hover .trucker__delivary-item-hover { width: 100%; top: 0; } .trucker__delivary-system .trucker__delivary-items .trucker__delivary-item-hover { position: absolute; top: 105%; left: 0; border-radius: 4px; background: rgba(6, 46, 57, 0.85); width: 0; height: 100%; overflow: hidden; transition: 0.6s ease; } .trucker__delivary-system .trucker__delivary-items .tucker__delivary-item-text { position: absolute; bottom: 46px; left: 30px; } @media (max-width: 1499px) { .trucker__delivary-system .trucker__delivary-items .tucker__delivary-item-text .trucker__delivary-sub-title br { display: none; } } .trucker__delivary-system .trucker__delivary-items .tucker__delivary-item-text .trucker__delivary-title a { transition: linear 0.4s; } .trucker__delivary-system .trucker__delivary-items .tucker__delivary-item-text .trucker__delivary-title a:hover { color: #2A9D8F; } @media (max-width: 1199px) { .trucker__delivary-system .trucker__delivary-items .tucker__delivary-item-text .trucker__delivary-title a br { display: none; } } .trucker__delivary-system .trucker__delivary-items .tucker__delivary-item-text .trucker__delivary-btn { width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; background-color: #2A9D8F; border: 2px solid #FFFFFF; border-radius: 50%; color: #FFFFFF; margin-top: 23px; } .trucker__testimonial-area-home-2 { position: relative; padding-bottom: 130px; } .trucker__testimonial-area-home-2.trucker__testimonial-area-about-inner-page { padding-top: 130px; } @media (max-width: 991px) { .trucker__testimonial-area-home-2.trucker__testimonial-area-about-inner-page { padding-top: 100px; } } @media (max-width: 767px) { .trucker__testimonial-area-home-2.trucker__testimonial-area-about-inner-page { padding-top: 80px; } } @media (max-width: 991px) { .trucker__testimonial-area-home-2 { padding-bottom: 100px; } } @media (max-width: 767px) { .trucker__testimonial-area-home-2 { padding-bottom: 80px; } } .trucker__testimonial-area-home-2 .trucker__testimonial-inner { margin-top: 35px; } .trucker__testimonial-area-home-2 .trucker__testimonial-inner .trucker__testimonial-item { padding: 55px 35px; box-shadow: 0px 7px 32px 0px rgba(0, 0, 0, 0.08); margin: 15px; } @media (max-width: 767px) { .trucker__testimonial-area-home-2 .trucker__testimonial-inner .trucker__testimonial-item { padding: 30px 20px; } } .trucker__testimonial-area-home-2 .trucker__testimonial-inner .trucker__testimonial-item .trucker__testimonial-items-wrapper { display: flex; align-items: center; justify-content: space-between; margin-bottom: 37px; } @media (max-width: 575px) { .trucker__testimonial-area-home-2 .trucker__testimonial-inner .trucker__testimonial-item .trucker__testimonial-items-wrapper { display: block; margin-bottom: 20px; } } .trucker__testimonial-area-home-2 .trucker__testimonial-inner .trucker__testimonial-item .trucker__testimonial-items-wrapper .trucker__testimonial-img-inner { display: flex; gap: 17px; align-items: center; } @media (max-width: 575px) { .trucker__testimonial-area-home-2 .trucker__testimonial-inner .trucker__testimonial-item .trucker__testimonial-items-wrapper .trucker__testimonial-img-inner { display: block; } } @media (max-width: 575px) { .trucker__testimonial-area-home-2 .trucker__testimonial-inner .trucker__testimonial-item .trucker__testimonial-items-wrapper .trucker__testimonial-quets { position: absolute; top: 0; right: 0; } } @media (max-width: 1299px) { .trucker__testimonial-area-home-2 .trucker__testimonial-inner .trucker__testimonial-item .trucker__testimonial-peragraph br { display: none !important; } } .trucker__blog-area-home-2 { background-color: #F8FBFB; position: relative; padding-top: 130px; padding-bottom: 30px; } @media (max-width: 1250px) { .trucker__blog-area-home-2 { padding-bottom: 50px; } } @media (max-width: 1199px) { .trucker__blog-area-home-2 { padding-bottom: 100px; } } @media (max-width: 991px) { .trucker__blog-area-home-2 { padding-top: 100px; padding-bottom: 100px; } } @media (max-width: 767px) { .trucker__blog-area-home-2 { padding-top: 80px; padding-bottom: 80px; } } .trucker__blog-area-home-2 .trucker__blog-inner { display: flex; gap: 60px; margin-top: 63px; } @media (max-width: 1199px) { .trucker__blog-area-home-2 .trucker__blog-inner { display: block; } } .trucker__blog-area-home-2 .trucker__blog-details-left-inner { width: 90%; margin-left: auto; margin-right: auto; top: -100px; position: relative; } .trucker__blog-area-home-2 .trucker__blog-details { filter: drop-shadow(0px 3px 10px rgba(57, 106, 191, 0.16)); background-color: #FFFFFF; padding: 31px 30px; border-radius: 5px; } @media (max-width: 575px) { .trucker__blog-area-home-2 .trucker__blog-details { padding: 25px 15px; } } .trucker__blog-area-home-2 .trucker__blog-date-tag { display: flex; align-items: center; gap: 33px; } .trucker__blog-area-home-2 .trucker__blog-tag, .trucker__blog-area-home-2 .trucker__blog-date { display: flex; align-items: center; gap: 8px; } .trucker__blog-area-home-2 .tucker__blog-title { margin-top: 15px; } .trucker__blog-area-home-2 .tucker__blog-title a { font-size: 22px; font-weight: 700; line-height: 32px; color: #062E39; transition: linear 0.4s; } .trucker__blog-area-home-2 .tucker__blog-title a:hover { color: #2A9D8F; } @media (max-width: 1199px) { .trucker__blog-area-home-2 .tucker__blog-title a br { display: none; } } .trucker__blog-area-home-2 .trucker__blog-btn { margin-top: 16px; } .trucker__blog-area-home-2 .trucker__blog-btn a { display: flex; align-items: center; gap: 33px; font-family: "Heebo", serif; } .trucker__blog-area-home-2 .trucker__blog-btn a .trucker__read-icon { opacity: 0; transition: 0.4s ease-in-out; } .trucker__blog-area-home-2 .trucker__blog-btn a:hover .trucker__read-icon { opacity: 1; } .trucker__blog-area-home-2 .trucker__blog-right-site { width: 50%; } @media (max-width: 1199px) { .trucker__blog-area-home-2 .trucker__blog-right-site { width: 60%; margin-left: auto; margin-right: auto; } } @media (max-width: 1099px) { .trucker__blog-area-home-2 .trucker__blog-right-site { width: 100%; } } .trucker__blog-area-home-2 .trucker__blog-right-site .trucker__blog-right-item { display: flex; align-items: center; margin-bottom: 30px; } @media (max-width: 650px) { .trucker__blog-area-home-2 .trucker__blog-right-site .trucker__blog-right-item { display: block; } .trucker__blog-area-home-2 .trucker__blog-right-site .trucker__blog-right-item img { margin-left: auto; margin-right: auto; } } .trucker__blog-area-home-2 .trucker__blog-right-site .trucker__blog-right-item:last-child { margin-bottom: 0px; } .trucker__blog-area-home-2 .trucker__blog-right-site .trucker__blog-right-item .trucker__blog-details { padding: 15px 25px; position: relative; left: -25px; } @media (max-width: 650px) { .trucker__blog-area-home-2 .trucker__blog-right-site .trucker__blog-right-item .trucker__blog-details { left: 0; } } .trucker__blog-area-home-2 .trucker__blog-right-site .trucker__blog-right-item .trucker__blog-details .tucker__blog-title { margin-top: 8px; } .trucker__blog-area-home-2 .trucker__blog-right-site .trucker__blog-right-item .trucker__blog-details .trucker__blog-btn { margin-top: 8px; } .trucker__blog-area-home-2 .trucker__blog-left-site { width: 50%; } @media (max-width: 1199px) { .trucker__blog-area-home-2 .trucker__blog-left-site { margin-left: auto; margin-right: auto; } } @media (max-width: 991px) { .trucker__blog-area-home-2 .trucker__blog-left-site { width: 80%; } .trucker__blog-area-home-2 .trucker__blog-left-site img { margin-left: auto; margin-right: auto; } } @media (max-width: 767px) { .trucker__blog-area-home-2 .trucker__blog-left-site { width: 100%; } } .trucker__blog-details-area { position: relative; padding-top: 120px; padding-bottom: 120px; } @media (max-width: 991px) { .trucker__blog-details-area { padding-top: 90px; padding-bottom: 90px; } } @media (max-width: 767px) { .trucker__blog-details-area { padding-top: 70px; padding-bottom: 70px; } } .trucker__blog-details-wrapper { display: flex; align-items: start; justify-content: center; gap: 30px; position: relative; } @media (max-width: 991px) { .trucker__blog-details-wrapper { display: block; } } .trucker__blog-details-wrapper .trucker__fast-box-icon-wrapper { display: flex; align-items: center; gap: 32px; margin-bottom: 26px; } @media (max-width: 575px) { .trucker__blog-details-wrapper .trucker__fast-box-icon-wrapper { margin-bottom: 12px; } } .trucker__blog-details-wrapper .trucker__fast-box-icon-wrapper .trucker__fast-box-icon-inner { display: flex; align-items: center; gap: 8px; } .trucker__fast-box-blog-details .trucker__fast-box-title { margin-top: 32px; margin-bottom: 20px; } .trucker__fast-box-blog-details .trucker__fast-box-title.trucker__fast-box-title-blog-standard { margin-top: 22px; } @media (max-width: 575px) { .trucker__fast-box-blog-details .trucker__fast-box-title { margin-top: 20px; margin-bottom: 12px; font-size: 25px; line-height: 35px; } } .trucker__blog-details-left-site { width: 65%; } @media (max-width: 991px) { .trucker__blog-details-left-site { width: 100%; } } .trucker__second-box-blog-details { margin-top: 38px; } .trucker__second-box-blog-details .trucker__second-box-title { margin-top: 36px; margin-bottom: 14px; } .trucker__second-box-img-link-wrapper { display: flex; align-items: center; gap: 30px; } @media (max-width: 1299px) { .trucker__second-box-img-link-wrapper { gap: 15px; } } @media (max-width: 1099px) { .trucker__second-box-img-link-wrapper { display: block; } } .trucker__second-box-img-link-wrapper .trucker__second-box-img-responsive { display: none; } @media (max-width: 1099px) { .trucker__second-box-img-link-wrapper .trucker__second-box-img-responsive { display: block; margin-bottom: 20px; } } .trucker__second-box-img-link-wrapper .trucker__second-box-img-desktop { display: block; } @media (max-width: 1099px) { .trucker__second-box-img-link-wrapper .trucker__second-box-img-desktop { display: none; } } @media (max-width: 1299px) { .trucker__second-box-img-link-wrapper .trucker__second-box-link-inner { width: 65%; } } @media (max-width: 1099px) { .trucker__second-box-img-link-wrapper .trucker__second-box-link-inner { width: 100%; } } .trucker__second-box-img-link-wrapper .trucker__second-box-link { display: block; position: relative; margin-bottom: 23px; transition: linear 0.4s; } @media (max-width: 1299px) { .trucker__second-box-img-link-wrapper .trucker__second-box-link { font-size: 16px; line-height: 26px; } .trucker__second-box-img-link-wrapper .trucker__second-box-link svg { width: 20px; } } .trucker__second-box-img-link-wrapper .trucker__second-box-link.trucker__second-box-link-no-hover:hover { color: #062E39; } .trucker__second-box-img-link-wrapper .trucker__second-box-link:hover { color: #2A9D8F; } .trucker__second-box-img-link-wrapper .trucker__second-box-link:last-child { margin-bottom: 0; } .trucker__second-box-img-link-wrapper .trucker__second-box-link .trucker__second-box-link-icon { position: relative; top: -1px; margin-right: 10px; } .trucker__second-box-two-img-wrapper { display: flex; align-items: center; gap: 34px; margin-top: 38px; margin-bottom: 38px; } @media (max-width: 1299px) { .trucker__second-box-two-img-wrapper { gap: 15px; } } @media (max-width: 1299px) { .trucker__second-box-two-img-wrapper img { width: 45%; } } .trucker__third-box-blog-details .trucker__third-box-wrapper:last-child { margin-top: 30px; margin-bottom: 38px; } .trucker__third-box-blog-details .trucker__third-box-wrapper .trucker__third-box-title { margin-bottom: 16px; } .trucker__blog-details-tag-line-wrapper { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; padding: 40px 0; } @media (max-width: 1099px) { .trucker__blog-details-tag-line-wrapper { gap: 20px; flex-wrap: wrap; } } .trucker__blog-details-tag-line-wrapper .trucker__blog-details-tag-line-inner { display: flex; align-items: center; gap: 40px; } @media (max-width: 575px) { .trucker__blog-details-tag-line-wrapper .trucker__blog-details-tag-line-inner { gap: 15px; flex-wrap: wrap; } } .trucker__blog-details-tag-line-wrapper .trucker__blog-details-tag-line-button-box { display: flex; align-items: center; gap: 20px; } @media (max-width: 575px) { .trucker__blog-details-tag-line-wrapper .trucker__blog-details-tag-line-button-box { flex-wrap: wrap; } } .trucker__blog-details-tag-line-wrapper .trucker__blog-details-tag-line-button-box a { padding: 9px 21px; background-color: #F8F8F8; transition: linear 0.4s; } .trucker__blog-details-tag-line-wrapper .trucker__blog-details-tag-line-button-box a:hover { background-color: #2A9D8F; color: #FFFFFF; } .trucker__blog-details-tag-line-icons { display: flex; align-items: center; gap: 10px; } .trucker__blog-details-tag-line-icon, .trucker__blog-details-writer-icon { width: 40px; height: 40px; line-height: 40px; background-color: #FFFFFF; color: #2A9D8F; border: 1px solid #2A9D8F; border-radius: 50%; display: inline-block; text-align: center; transition: linear 0.4s; } .trucker__blog-details-tag-line-icon:hover, .trucker__blog-details-writer-icon:hover { background-color: #2A9D8F; border-color: transparent; color: #FFFFFF; } .trucker__blog-details-tag-line-icon.trucker__blog-details-writer-icon, .trucker__blog-details-writer-icon.trucker__blog-details-writer-icon { width: 45px; height: 45px; background-color: #F8FAFA; border-color: #E7E7E7; line-height: 45px; } .trucker__blog-details-tag-line-icon.trucker__blog-details-writer-icon:hover, .trucker__blog-details-writer-icon.trucker__blog-details-writer-icon:hover { background-color: #2A9D8F; border-color: transparent; color: #FFFFFF; } .trucker__blog-details-about-writer { display: flex; align-items: center; gap: 42px; border-bottom: 1px solid #E3E3E3; padding-top: 46px; padding-bottom: 27px; } @media (max-width: 1299px) { .trucker__blog-details-about-writer { gap: 20px; } } @media (max-width: 767px) { .trucker__blog-details-about-writer { align-items: start; } } @media (max-width: 439px) { .trucker__blog-details-about-writer { display: block; } } .trucker__blog-details-about-writer .trucker__blog-details-about-writer-img { width: 50%; } @media (max-width: 1199px) { .trucker__blog-details-about-writer .trucker__blog-details-about-writer-img { width: 70%; } } @media (max-width: 991px) { .trucker__blog-details-about-writer .trucker__blog-details-about-writer-img { width: 100%; max-width: max-content; } } @media (max-width: 767px) { .trucker__blog-details-about-writer .trucker__blog-details-about-writer-img { width: 100%; } } .trucker__blog-details-about-writer .trucker__blog-writer-discription { margin-top: 17px; margin-bottom: 37px; } @media (max-width: 767px) { .trucker__blog-details-about-writer .trucker__blog-writer-discription { margin-top: 10px; margin-bottom: 20px; } } .trucker__blog-details-next-prev-wrapper { display: flex; align-items: center; gap: 24px; margin-top: 42px; margin-bottom: 45px; } @media (max-width: 1099px) { .trucker__blog-details-next-prev-wrapper { display: block; } } @media (max-width: 991px) { .trucker__blog-details-next-prev-wrapper { display: flex; } } @media (max-width: 767px) { .trucker__blog-details-next-prev-wrapper { display: block; } } .trucker__blog-details-next-prev-wrapper .trucker__blog-details-prev-inner, .trucker__blog-details-next-prev-wrapper .trucker__blog-details-next-inner { background-color: #F8F8F8; padding: 37px 27px; width: 50%; } @media (max-width: 1099px) { .trucker__blog-details-next-prev-wrapper .trucker__blog-details-prev-inner, .trucker__blog-details-next-prev-wrapper .trucker__blog-details-next-inner { width: 100%; max-width: max-content; } } @media (max-width: 991px) { .trucker__blog-details-next-prev-wrapper .trucker__blog-details-prev-inner, .trucker__blog-details-next-prev-wrapper .trucker__blog-details-next-inner { width: 50%; max-width: unset; } } @media (max-width: 767px) { .trucker__blog-details-next-prev-wrapper .trucker__blog-details-prev-inner, .trucker__blog-details-next-prev-wrapper .trucker__blog-details-next-inner { width: 100%; } } @media (max-width: 1099px) { .trucker__blog-details-next-prev-wrapper .trucker__blog-details-prev-inner.trucker__blog-details-next-inner, .trucker__blog-details-next-prev-wrapper .trucker__blog-details-next-inner.trucker__blog-details-next-inner { margin-top: 20px; } } @media (max-width: 991px) { .trucker__blog-details-next-prev-wrapper .trucker__blog-details-prev-inner.trucker__blog-details-next-inner, .trucker__blog-details-next-prev-wrapper .trucker__blog-details-next-inner.trucker__blog-details-next-inner { margin-top: unset; } } @media (max-width: 767px) { .trucker__blog-details-next-prev-wrapper .trucker__blog-details-prev-inner.trucker__blog-details-next-inner, .trucker__blog-details-next-prev-wrapper .trucker__blog-details-next-inner.trucker__blog-details-next-inner { margin-top: 20px; } } .trucker__blog-details-next-prev-wrapper .trucker__blog-details-prev-inner.trucker__blog-details-next-inner .trucker__blog-details-tranding-blog-wrapper, .trucker__blog-details-next-prev-wrapper .trucker__blog-details-next-inner.trucker__blog-details-next-inner .trucker__blog-details-tranding-blog-wrapper { justify-content: end; } .trucker__blog-details-next-prev-wrapper .trucker__blog-details-prev-inner.trucker__blog-details-next-inner .trucker__blog-details-tranding-blog-wrapper .trucker__blog-details-tranding-arrows a, .trucker__blog-details-next-prev-wrapper .trucker__blog-details-next-inner.trucker__blog-details-next-inner .trucker__blog-details-tranding-blog-wrapper .trucker__blog-details-tranding-arrows a { display: block; text-align: right; } .trucker__blog-details-next-prev-wrapper .trucker__blog-details-prev-inner.trucker__blog-details-next-inner .trucker__blog-details-tranding-blog-wrapper .trucker__blog-details-tranding-peragraph, .trucker__blog-details-next-prev-wrapper .trucker__blog-details-next-inner.trucker__blog-details-next-inner .trucker__blog-details-tranding-blog-wrapper .trucker__blog-details-tranding-peragraph { text-align: right; } .trucker__blog-details-next-prev-wrapper .trucker__blog-details-tranding-blog-wrapper { display: flex; align-items: center; gap: 20px; } @media (max-width: 1199px) { .trucker__blog-details-next-prev-wrapper .trucker__blog-details-tranding-blog-wrapper .trucker__blog-details-tranding-blog-info { width: 100%; } } @media (max-width: 1199px) { .trucker__blog-details-next-prev-wrapper .trucker__blog-details-tranding-blog-wrapper .trucker__blog-details-tranding-blog-info .trucker__blog-details-tranding-peragraph br { display: none; } } .trucker__blog-details-under-line-title { position: relative; padding-bottom: 16px; } .trucker__blog-details-under-line-title::after { content: ""; position: absolute; bottom: 0; background-color: #2A9D8F; width: 70px; height: 3px; left: 0; border-radius: 2px; } .trucker__comment-box-inner { justify-content: space-between; display: flex; align-items: start; border-bottom: 1px solid #E4E4E4; margin-top: 30px; padding-bottom: 28px; } .trucker__comment-box-inner:last-child { border-bottom: none; margin-top: 0; padding-bottom: 0; margin-top: 30px; margin-left: 50px; } .trucker__comment-box-inner .trucker__comment-date { margin-top: 13px; display: block; margin-bottom: 8px; } .trucker__comment-left-content { display: flex; align-items: start; gap: 15px; } @media (max-width: 575px) { .trucker__comment-left-content { display: block; } } .trucker__comment-left-content .trucker__comment-left-content-img { width: 50%; max-width: max-content; } @media (max-width: 767px) { .trucker__comment-left-content .trucker__comment-left-content-img { width: 100%; } } @media (max-width: 575px) { .trucker__comment-left-content .trucker__comment-left-content-img { margin-bottom: 15px; } } .trucker__comment-right-content .trucker__comment-reply-btn { padding: 8px 26px; background-color: #EFEFEF; border-radius: 3px; color: #2A9D8F; display: inline-block; text-align: center; transition: linear 0.4s; font-size: 15px; font-weight: 500; line-height: 25px; } .trucker__comment-right-content .trucker__comment-reply-btn:hover { background-color: #062E39; color: #FFFFFF; } .trucker__blog-details-comment-post-wrapper { margin-top: 40px; } .trucker__blog-details-comment-form { margin-top: 40px; } .trucker__blog-details-comment-form .trucker__blog-details-comment-flexing-input { display: flex; align-items: center; gap: 20px; } .trucker__blog-details-comment-form input { border-radius: 3px; border: 1px solid #DDD; background: #F8F8F8; font-size: 16px; font-weight: 400; line-height: 26px; width: 100%; padding: 14px 17px; margin-bottom: 23px; transition: linear 0.4s; } .trucker__blog-details-comment-form input::placeholder { color: #B1B1B1; font-size: 16px; font-weight: 400; line-height: 26px; } .trucker__blog-details-comment-form input:focus-visible { border-color: #2A9D8F; } .trucker__blog-details-comment-form textarea { border-radius: 3px; border: 1px solid #DDD; background: #F8F8F8; font-size: 16px; font-weight: 400; line-height: 26px; width: 100%; min-height: 145px; padding: 14px 17px; transition: linear 0.4s; } .trucker__blog-details-comment-form textarea::placeholder { color: #B1B1B1; font-size: 16px; font-weight: 400; line-height: 26px; } .trucker__blog-details-comment-form textarea:focus-visible { border-color: #2A9D8F; } .trucker__blog-details-comment-form button[type=submit] { border: unset; padding: 17px 40px 17px 30px; display: inline-block; margin-top: 22px; } .trucker__team-member-info-area { position: relative; padding-top: 120px; } @media (max-width: 991px) { .trucker__team-member-info-area { padding-top: 90px; } } @media (max-width: 767px) { .trucker__team-member-info-area { padding-top: 70px; } } .trucker__team-member-info-area .trucker__team-member-details { width: 25%; } @media (max-width: 1199px) { .trucker__team-member-info-area .trucker__team-member-details { width: 45%; } } @media (max-width: 767px) { .trucker__team-member-info-area .trucker__team-member-details { margin-left: auto; margin-right: auto; margin-top: 25px; width: 60%; } } @media (max-width: 575px) { .trucker__team-member-info-area .trucker__team-member-details { width: 80%; } } @media (max-width: 439px) { .trucker__team-member-info-area .trucker__team-member-details { width: 100%; } } @media (max-width: 767px) { .trucker__team-member-info-area .trucker__team-member-details .trucker__team-member-name { text-align: center; } } .trucker__team-member-info-area .trucker__team-member-info-wrapper { border-bottom: 1px solid #CCFF00; padding-bottom: 60px; } @media (max-width: 767px) { .trucker__team-member-info-area .trucker__team-member-info-wrapper { padding-bottom: 50px; } } .trucker__team-member-info-area .trucker__team-member-info-wrapper .trucker__team-member-info-inner { display: flex; align-items: center; gap: 38px; justify-content: start; } @media (max-width: 767px) { .trucker__team-member-info-area .trucker__team-member-info-wrapper .trucker__team-member-info-inner { display: block; } } @media (max-width: 767px) { .trucker__team-member-info-area .trucker__team-member-info-wrapper .trucker__team-member-info-inner .trucker__team-member-img { max-width: max-content; margin-left: auto; margin-right: auto; } } .trucker__team-member-info-area .trucker__team-member-info-wrapper .trucker__team-member-info-inner .trucker__team-member-more-info-inner { display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px; } .trucker__team-member-info-area .trucker__team-member-info-wrapper .trucker__team-member-info-inner .trucker__team-member-more-info-inner:last-child { margin-bottom: 0; } .trucker__team-member-info-area .trucker__team-member-info-wrapper .trucker__team-member-info-inner .trucker__team-member-more-info-inner .trucker__team-member-regi-name { margin-left: 30px; } .trucker__team-member-info-area .trucker__team-member-info-wrapper .trucker__team-member-info-inner .trucker__team-member-name { margin-bottom: 26px; } .trucker__team-member-info-area .trucker__team-member-info-wrapper .trucker__team-member-info-inner .trucker__team-member-social-media-wrapper { margin-top: 44px; } @media (max-width: 767px) { .trucker__team-member-info-area .trucker__team-member-info-wrapper .trucker__team-member-info-inner .trucker__team-member-social-media-wrapper { text-align: center; } } .trucker__team-member-info-area .trucker__team-member-info-wrapper .trucker__team-member-info-inner .trucker__team-member-social-media-wrapper .trucker__blog-details-writer-icon { background-color: transparent; border-color: #2A9D8F; } .trucker__team-member-info-area .trucker__team-member-info-wrapper .trucker__team-member-info-inner .trucker__team-member-social-media-wrapper .trucker__blog-details-writer-icon:hover { background-color: #2A9D8F; color: #FFFFFF; } .trucker__team-member-info-area .trucker__team-member-info-wrapper .trucker__team-member-details-summary-title { margin-top: 34px; margin-bottom: 22px; } .trucker__team-member-skill-area { position: relative; padding-top: 76px; } @media (max-width: 767px) { .trucker__team-member-skill-area { padding-top: 50px; } } .trucker__team-member-skill-area .trucker__team-memeber-skill-wrapper { border-bottom: 1px solid #CCFF00; padding-bottom: 82px; } @media (max-width: 767px) { .trucker__team-member-skill-area .trucker__team-memeber-skill-wrapper { padding-bottom: 60px; } } .trucker__team-member-skill-area .trucker__team-memeber-skill-wrapper .trucker__team-member-skill-inner { display: flex; justify-content: space-between; align-items: start; } @media (max-width: 767px) { .trucker__team-member-skill-area .trucker__team-memeber-skill-wrapper .trucker__team-member-skill-inner { display: block; } } .trucker__team-member-skill-area .trucker__team-memeber-skill-wrapper .trucker__team-member-skill-inner .trucker__team-member-skill { width: 40%; } @media (max-width: 767px) { .trucker__team-member-skill-area .trucker__team-memeber-skill-wrapper .trucker__team-member-skill-inner .trucker__team-member-skill { width: 100%; margin-bottom: 30px; } } .trucker__team-member-skill-area .trucker__team-memeber-skill-wrapper .trucker__team-member-skill-inner .trucker__team-member-skill .trucker__team-member-skill-bar-wrapper { margin-top: 26px; } .trucker__team-member-skill-area .trucker__team-memeber-skill-wrapper .trucker__team-member-skill-inner .trucker__team-member-skill .trucker__team-member-skill-bar-wrapper .trucker__team-member-skill-bar-inner { margin-bottom: 34px; } .trucker__team-member-skill-area .trucker__team-memeber-skill-wrapper .trucker__team-member-skill-inner .trucker__team-member-skill .trucker__team-member-skill-bar-wrapper .trucker__team-member-skill-bar-inner:nth-child(1) { width: 85%; } .trucker__team-member-skill-area .trucker__team-memeber-skill-wrapper .trucker__team-member-skill-inner .trucker__team-member-skill .trucker__team-member-skill-bar-wrapper .trucker__team-member-skill-bar-inner:nth-child(2) { width: 93%; } .trucker__team-member-skill-area .trucker__team-memeber-skill-wrapper .trucker__team-member-skill-inner .trucker__team-member-skill .trucker__team-member-skill-bar-wrapper .trucker__team-member-skill-bar-inner:last-child { width: 72%; margin-bottom: 0; } .trucker__team-member-skill-area .trucker__team-memeber-skill-wrapper .trucker__team-member-skill-inner .trucker__team-member-skill .trucker__team-member-skill-bar-wrapper .trucker__team-member-skill-name-persentege { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; } .trucker__team-member-skill-area .trucker__team-memeber-skill-wrapper .trucker__team-member-skill-inner .trucker__team-member-skill .trucker__team-member-skill-bar-wrapper .trucker__team-member-skill-bar { width: 100%; background-color: #2A9D8F; height: 3px; display: block; } .trucker__team-member-skill-area .trucker__team-memeber-skill-wrapper .trucker__team-member-skill-inner .trucker__team-member-experience-wrapper { width: 50%; } @media (max-width: 767px) { .trucker__team-member-skill-area .trucker__team-memeber-skill-wrapper .trucker__team-member-skill-inner .trucker__team-member-experience-wrapper { width: 100%; } } .trucker__team-member-skill-area .trucker__team-memeber-skill-wrapper .trucker__team-member-skill-inner .trucker__team-member-experience-wrapper .trucker__team-member-experience-inner { margin-top: 26px; } .trucker__team-member-skill-area .trucker__team-memeber-skill-wrapper .trucker__team-member-skill-inner .trucker__team-member-experience-wrapper .trucker__team-member-experience-inner .trucker__team-member-position-items { display: flex; align-items: start; justify-content: space-between; margin-bottom: 25px; } .trucker__team-member-skill-area .trucker__team-memeber-skill-wrapper .trucker__team-member-skill-inner .trucker__team-member-experience-wrapper .trucker__team-member-experience-inner .trucker__team-member-position-items:last-child { margin-bottom: 0; } .trucker__team-member-edu-awards-area { position: relative; padding-bottom: 120px; padding-top: 76px; } @media (max-width: 991px) { .trucker__team-member-edu-awards-area { padding-bottom: 90px; } } @media (max-width: 767px) { .trucker__team-member-edu-awards-area { padding-bottom: 70px; padding-top: 50px; } } .trucker__team-member-edu-awards-area .trucker__team-member-edu-awards-wrapper .trucker__team-member-edu-awards-inner { display: flex; justify-content: space-between; align-items: start; } @media (max-width: 767px) { .trucker__team-member-edu-awards-area .trucker__team-member-edu-awards-wrapper .trucker__team-member-edu-awards-inner { display: block; } } .trucker__team-member-edu-awards-area .trucker__team-member-edu-awards-wrapper .trucker__team-member-edu-awards-inner .trucker__team-memeber-edu-items { width: 40%; } @media (max-width: 767px) { .trucker__team-member-edu-awards-area .trucker__team-member-edu-awards-wrapper .trucker__team-member-edu-awards-inner .trucker__team-memeber-edu-items { width: 100%; margin-bottom: 30px; } } .trucker__team-member-edu-awards-area .trucker__team-member-edu-awards-wrapper .trucker__team-member-edu-awards-inner .trucker__team-memeber-awards-items { width: 50%; } @media (max-width: 767px) { .trucker__team-member-edu-awards-area .trucker__team-member-edu-awards-wrapper .trucker__team-member-edu-awards-inner .trucker__team-memeber-awards-items { width: 100%; } } .trucker__team-member-edu-awards-area .trucker__team-member-edu-awards-wrapper .trucker__team-member-edu-awards-inner .trucker__team-memeber-awards-items .trucker__team-member-position-items-wrapper { position: relative; margin-bottom: 26px; border-bottom: 1px solid #CCFF00; padding-bottom: 21px; position: relative; } .trucker__team-member-edu-awards-area .trucker__team-member-edu-awards-wrapper .trucker__team-member-edu-awards-inner .trucker__team-memeber-awards-items .trucker__team-member-position-items-wrapper:last-child { margin-bottom: 0; padding-bottom: 21px; } .trucker__team-member-edu-awards-area .trucker__team-member-edu-awards-wrapper .trucker__team-member-edu-awards-inner .trucker__team-memeber-awards-items .trucker__team-member-position-items-wrapper img { position: absolute; left: 50%; top: 0%; display: none; opacity: 0; position: absolute; transition: linear 0.4s; } @media (max-width: 439px) { .trucker__team-member-edu-awards-area .trucker__team-member-edu-awards-wrapper .trucker__team-member-edu-awards-inner .trucker__team-memeber-awards-items .trucker__team-member-position-items-wrapper img { width: 70px; height: 85px; transform: translateX(45%); top: 45%; } } .trucker__team-member-edu-awards-area .trucker__team-member-edu-awards-wrapper .trucker__team-member-edu-awards-inner .trucker__team-memeber-awards-items .trucker__team-member-position-items-wrapper:hover img { opacity: 1; display: block; } .trucker__team-member-edu-awards-area .trucker__team-member-edu-awards-wrapper .trucker__team-member-edu-awards-inner .trucker__team-memeber-awards-items .trucker__team-member-position-items-wrapper .trucker__team-member-position-items { margin-bottom: 0; } .trucker__team-member-edu-awards-area .trucker__team-member-edu-awards-wrapper .trucker__team-member-edu-item { margin-top: 26px; } .trucker__team-member-edu-awards-area .trucker__team-member-edu-awards-wrapper .trucker__team-member-position-items { display: flex; align-items: start; justify-content: space-between; margin-bottom: 25px; position: relative; } .trucker__team-member-edu-awards-area .trucker__team-member-edu-awards-wrapper .trucker__team-member-position-items:last-child { margin-bottom: 0; } .trucker__faq-style-1 .trucker__faq-item { background-color: #fff; border: 1px solid #EBEBEB; transition: linear 0.3s ease-in; margin-bottom: 24px; } .trucker__faq-style-1 .trucker__faq-item:last-child { margin-bottom: 0; } .trucker__faq-style-1 .trucker__faq-item h3 { transition: linear 0.3s; } .trucker__faq-style-1 .trucker__faq-item:hover h3 { color: #2A9D8F; } .trucker__faq-style-1 .trucker__faq-item:hover svg { color: #2A9D8F; } .trucker__faq-question { display: flex; justify-content: space-between; align-items: center; cursor: pointer; width: 100%; padding: 1rem; } .trucker__faq-answer { display: none; padding: 5px 1rem 20px 1rem; } .trucker__icon svg { width: 20px; height: 20px; color: rgb(6, 46, 57); } .trucker__hidden { display: none; } .trucker__faq-area-inner { position: relative; padding-top: 120px; padding-bottom: 120px; } @media (max-width: 991px) { .trucker__faq-area-inner { padding-top: 90px; padding-bottom: 90px; } } @media (max-width: 767px) { .trucker__faq-area-inner { padding-top: 70px; padding-bottom: 70px; } } .trucker__faq-area-inner .trucker__faq-area-inner-wrapper .trucker__faq-area-items-wrapper { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991px) { .trucker__faq-area-inner .trucker__faq-area-inner-wrapper .trucker__faq-area-items-wrapper { display: block; } } .trucker__faq-area-inner .trucker__faq-area-inner-wrapper .trucker__faq-area-items-wrapper .trucker__faq-area-item-left-site { width: 46%; } @media (max-width: 1099px) { .trucker__faq-area-inner .trucker__faq-area-inner-wrapper .trucker__faq-area-items-wrapper .trucker__faq-area-item-left-site { width: 55%; } } @media (max-width: 991px) { .trucker__faq-area-inner .trucker__faq-area-inner-wrapper .trucker__faq-area-items-wrapper .trucker__faq-area-item-left-site { width: 100%; } } .trucker__faq-area-inner .trucker__faq-area-inner-wrapper .trucker__faq-area-items-wrapper .trucker__faq-area-item-left-site .trucker__faq-item .trucker__faq-question { border-bottom: 1px solid rgba(42, 157, 143, 0.5); padding-left: 0; padding-right: 0; padding-bottom: 16px; } .trucker__faq-area-inner .trucker__faq-area-inner-wrapper .trucker__faq-area-items-wrapper .trucker__faq-area-item-left-site .trucker__faq-item .trucker__faq-answer { padding-left: 0; padding-right: 0; padding-top: 25px; } .trucker__faq-area-inner .trucker__faq-area-inner-wrapper .trucker__faq-area-items-wrapper .trucker__faq-area-item-right-site { width: 50%; } @media (max-width: 1099px) { .trucker__faq-area-inner .trucker__faq-area-inner-wrapper .trucker__faq-area-items-wrapper .trucker__faq-area-item-right-site { width: 40%; } } @media (max-width: 991px) { .trucker__faq-area-inner .trucker__faq-area-inner-wrapper .trucker__faq-area-items-wrapper .trucker__faq-area-item-right-site { width: 100%; margin-top: 30px; max-width: max-content; margin-left: auto; margin-right: auto; } } .trucker__all-contact-area { position: relative; padding-top: 120px; padding-bottom: 110px; } @media (max-width: 991px) { .trucker__all-contact-area { padding-top: 90px; padding-bottom: 80px; } } @media (max-width: 767px) { .trucker__all-contact-area { padding-top: 70px; padding-bottom: 60px; } } .trucker__all-contact-area .trucker__all-contact-wrapper { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } @media (max-width: 1199px) { .trucker__all-contact-area .trucker__all-contact-wrapper { flex-wrap: wrap; row-gap: 30px; column-gap: 50px; justify-content: center; } } .trucker__all-contact-area .trucker__all-contact-wrapper .trucker__all-contact-item { text-align: center; } .trucker__all-contact-area .trucker__all-contact-wrapper .trucker__all-contact-item img { margin-left: auto; margin-right: auto; margin-bottom: 27px; } .trucker__all-contact-area .trucker__all-contact-wrapper .trucker__all-contact-item .trucker__all-contact-title { margin-bottom: 20px; } .trucker__all-contact-area .trucker__all-contact-wrapper .trucker__all-contact-item .trucker__contact-text { display: block; transition: linear 0.4s; margin-bottom: 8px; } .trucker__all-contact-area .trucker__all-contact-wrapper .trucker__all-contact-item .trucker__contact-text:last-child { margin-bottom: 0; } .trucker__all-contact-area .trucker__all-contact-wrapper .trucker__all-contact-item .trucker__contact-text:hover { color: #2A9D8F; } .trucker__all-contact-area .trucker__all-contact-wrapper .trucker__all-contact-item .trucker__contact-text-day { display: block; margin-bottom: 8px; } .trucker__all-contact-area .trucker__all-contact-wrapper .trucker__all-contact-item .trucker__contact-text-time { margin-left: 46px; } .trucker__all-contact-area .trucker__all-contact-wrapper .trucker__all-contact-item .trucker__contact-text-adress { line-height: 35px; } .trucker__contact-form-area { position: relative; padding-top: 120px; padding-bottom: 120px; background-color: #F7F8FD; } @media (max-width: 991px) { .trucker__contact-form-area { padding-top: 90px; padding-bottom: 90px; } } @media (max-width: 767px) { .trucker__contact-form-area { padding-top: 70px; padding-bottom: 70px; } } .trucker__contact-form-area .trucker__contact-form-inner { margin-top: 62px; } @media (max-width: 767px) { .trucker__contact-form-area .trucker__contact-form-inner { margin-top: 45px; } } .trucker__contact-form-area .trucker__contact-form-inner .trucker__input-flexing { display: flex; align-items: center; gap: 30px; justify-content: center; margin-bottom: 20px; } @media (max-width: 767px) { .trucker__contact-form-area .trucker__contact-form-inner .trucker__input-flexing { display: block; } } .trucker__contact-form-area .trucker__contact-form-inner .trucker__input-flexing .trucker__input-flexing-item { width: 100%; } @media (max-width: 767px) { .trucker__contact-form-area .trucker__contact-form-inner .trucker__input-flexing .trucker__input-flexing-item .trucker__input-field-name { margin-top: 15px; } } .trucker__contact-form-area .trucker__contact-form-inner input, .trucker__contact-form-area .trucker__contact-form-inner textarea { width: 100%; background-color: #fff; border-radius: 5px; border: 1px solid #DDD; padding: 15.5px 17px; transition: linear 0.4s; } .trucker__contact-form-area .trucker__contact-form-inner input:focus, .trucker__contact-form-area .trucker__contact-form-inner textarea:focus { border-color: #2A9D8F; } .trucker__contact-form-area .trucker__contact-form-inner input::placeholder, .trucker__contact-form-area .trucker__contact-form-inner textarea::placeholder { color: #646464; font-size: 16px; font-weight: 400; line-height: 26px; font-family: "Jost", serif; } .trucker__contact-form-area .trucker__contact-form-inner .trucker__input-field-name { display: block; margin-bottom: 15px; } .trucker__contact-form-area .trucker__contact-form-inner textarea { min-height: 100px; } .trucker__contact-form-area .trucker__contact-form-inner .trucker__input-form-submit { margin-top: 40px; } .trucker__contact-form-area .trucker__contact-form-inner button { border: none; font-size: 18px; font-weight: 500; line-height: 28px; padding: 16px 41px 16px 41px; } .trucker__contact-form-area .trucker__contact-form-inner button i { font-weight: 500; } .trucker__office-map-area .trucker__contact-map { width: 100%; height: 654px; } @media (max-width: 767px) { .trucker__office-map-area .trucker__contact-map { height: 350px; } } .trucker__404-area { position: relative; padding-top: 120px; padding-bottom: 120px; } @media (max-width: 991px) { .trucker__404-area { padding-top: 90px; padding-bottom: 90px; } } @media (max-width: 767px) { .trucker__404-area { padding-top: 70px; padding-bottom: 70px; } } .trucker__404-area .trucker__404-img-part { max-width: max-content; margin-left: auto; margin-right: auto; } .trucker__404-area .trucker__404-text-content { padding-top: 120px; } @media (max-width: 991px) { .trucker__404-area .trucker__404-text-content { padding-top: 90px; } } @media (max-width: 767px) { .trucker__404-area .trucker__404-text-content { padding-top: 70px; } } .trucker__404-area .trucker__404-text-content .trucker__input-wrapper { display: flex; align-items: center; gap: 26px; justify-content: center; } @media (max-width: 650px) { .trucker__404-area .trucker__404-text-content .trucker__input-wrapper { display: block; } } .trucker__404-area .trucker__404-text-content .trucker__input-wrapper input { border: 1px solid #2A9D8F; transition: linear 0.4s; border-radius: 5px; padding: 13.5px 25px; width: 30%; } @media (max-width: 1099px) { .trucker__404-area .trucker__404-text-content .trucker__input-wrapper input { width: 50%; } } @media (max-width: 767px) { .trucker__404-area .trucker__404-text-content .trucker__input-wrapper input { width: 70%; } } @media (max-width: 650px) { .trucker__404-area .trucker__404-text-content .trucker__input-wrapper input { width: 100%; } } .trucker__404-area .trucker__404-text-content .trucker__input-wrapper input::placeholder { font-size: 16px; font-weight: 400; color: #062E39; line-height: 26px; } .trucker__404-area .trucker__404-text-content .trucker__input-wrapper button { border: none; font-size: 16px; font-weight: 600; padding: 16.5px 40px; } @media (max-width: 650px) { .trucker__404-area .trucker__404-text-content .trucker__input-wrapper button { width: 100%; margin-top: 20px; } } .trucker__404-area .trucker__404-text-content .trucker__input-wrapper button i { font-weight: 600; } .trucker__404-area .trucker__404-text-content .trucker__404-sub-title { margin-top: 24px; margin-bottom: 32px; } @media (max-width: 767px) { .trucker__404-area .trucker__404-text-content .trucker__404-sub-title br { display: none; } } .trucker__img-blog-standard-wrapper { position: relative; } .trucker__img-blog-standard-wrapper .trucker__blog-standard-video-play { width: 90px; height: 90px; background-color: #2A9D8F; line-height: 90px; display: inline-block; text-align: center; border-radius: 50%; color: #FFFFFF; font-size: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .trucker__img-blog-standard-wrapper .trucker__blog-standard-video-play svg { position: absolute; top: -12%; left: -12%; transform: translate(-50%, -50%); animation: trucker__circle-text-rotate 9s linear infinite; } .trucker__blog-standard-meta-wrapper { display: flex; align-items: center; gap: 15px; margin-top: 30px; } .trucker__blog-standard-btn { margin-top: 29px; } .trucker__blog-standard-btn a { display: inline-block; border-radius: 0; font-family: "Jost", serif; font-size: 18px; font-weight: 700; padding: 19px 44px 19px 44px; } .trucker__blog-standard-btn a i { rotate: 44deg; position: relative; right: -8px; top: 1px; font-weight: 700; } .trucker__blog-starndard-quets-wrapper { padding: 40px 32px; border-radius: 4px; background: #FFF; box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1); margin-bottom: 40px; } .trucker__blog-starndard-quets-wrapper .trucker__blog-standard-quets-icon { margin-bottom: 16px; display: block; } .trucker__blog-starndard-quets-wrapper .trucker__blog-standard-quets-writer-name { position: relative; margin-left: 55px; margin-top: 15px; } .trucker__blog-starndard-quets-wrapper .trucker__blog-standard-quets-writer-name .trucker__blog-standard-quets-name-line { width: 40px; height: 3px; background-color: #2A9D8F; display: inline-block; top: 50%; transform: translateY(-50%); position: absolute; left: -55px; } .trucker__blog-details-left-site .trucker__fast-box-blog-standard { margin-bottom: 40px; } .trucker__blog-details-left-site .trucker__fast-box-blog-standard:last-child { margin-bottom: 0; } .trucker__blog-details-left-site .trucker__blog-page-swiching-wrapper { display: flex; align-items: center; justify-content: center; gap: 20px; } .trucker__blog-details-left-site .trucker__blog-page-swiching-wrapper .trucker__blog-page-swiching { width: 41px; height: 41px; font-size: 20px; color: #C8C8C8; line-height: 41px; border-radius: 50%; display: inline-block; text-align: center; border: 1px solid #C8C8C8; transition: linear 0.4s; } .trucker__blog-details-left-site .trucker__blog-page-swiching-wrapper .trucker__blog-page-swiching:hover { background-color: #2A9D8F; color: #fff; border-color: transparent; } .trucker__blog-details-left-site .trucker__blog-page-swiching-wrapper .trucker__blog-page-swiching.trucker__current { background-color: #2A9D8F; color: #fff; border-color: transparent; } .logo{ height: 68px; } /*# sourceMappingURL=style.css.map */