/* 
Theme Name: OceanWp child Theme
Description: OceanWP is the perfect theme for your project.Lightweight and highly extendable,it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/ 
Template: oceanwp 
Version: 1.0.0
License: GNU General Public License v2.0 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags:two-columns, right-sidebar, footer-widgets, blog, news, custom-background, custom-menu, post-formats, rtl-language-support, sticky-post, editor-style, threaded-comments, translation-ready, buddypress, custom-colors, featured-images, full-width-template, theme-options, e-commerce, block-styles, wide-blocks, accessibility-ready
*/

/*============================*/
@font-face {
  font-family: 'Gotham';
  src: local('Gotham-Bold'), url('assets/fonts/fonts_family/Gotham-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: local('Gotham-Book'), url('assets/fonts/fonts_family/Gotham-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: local('Gotham-Medium'), url('assets/fonts/fonts_family/Gotham-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Futura';
    src: local('Futura Bold'), url('assets/fonts/fonts_family/Futura-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SpaceGrotesk';
    src: local('SpaceGrotesk-Bold'), url('assets/fonts/font-SpaceGrotesk/SpaceGrotesk-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SpaceGrotesk';
    src: local('SpaceGrotesk-SemiBold'), url('assets/fonts/font-SpaceGrotesk/SpaceGrotesk-SemiBold.ttf') format('truetype');
    font-weight: Semibold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SpaceGrotesk';
    src: local('SpaceGrotesk-Light'), url('assets/fonts/font-SpaceGrotesk/SpaceGrotesk-Light.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SpaceGrotesk';
    src: local('SpaceGrotesk-Regular'), url('assets/fonts/font-SpaceGrotesk/SpaceGrotesk-Regular.ttf') format('truetype');
    font-weight: Regular;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SpaceGrotesk';
    src: local('SpaceGrotesk-Medium'), url('assets/fonts/font-SpaceGrotesk/SpaceGrotesk-Medium.ttf') format('truetype');
    font-weight: Medium;
    font-style: normal;
    font-display: swap;
}
/*================================*/
body{
    max-width: 2100px;
    width: 100%;
    margin: auto !important;
   font-family: 'Lato', sans-serif !important; 
}
.elementor-section.elementor-section-boxed > .elementor-container,
footer .container, footer .social_icon_footer .elementor-container,
#site-header .container, #top-bar-wrap .container {
    width: 100% !important;
    max-width: 2100px !important;
    padding: 0 15px;
    margin: auto;
}
.ptb-80{
  padding: 80px 0;
}
.ptb-60{
  padding: 60px 0 !important;
}
.ptb-40{
    padding: 40px 0 !important;
}
.h-pb-30{
    padding-bottom: 30px !important; 
}
p,h1,h2,h3,h4{
    margin-bottom: 0px;
}
.container_space {
    overflow: hidden;
}
/* --======= Top Bar =======-- */
#top-bar-wrap{
    height: 80px;
    display: flex;
    align-items: center;
}
#top-bar-wrap, .oceanwp-top-bar-sticky{
    background-color: #00A09A !important;
}
.topbar-content{
    
}
.topbar-content .top_info {
    display: flex;
    column-gap: 50px;
}
#top-bar-inner {
    width: calc(100% - 0px);
    margin: auto;
}
.topbar-content .top_info .cont {
    font-size: 18px;
    display: flex;
    align-items: center;
    color: #fff !important;
}
#top-bar-content a, #top-bar-social-alt a {
    color: #fff !important;
}
.topbar-content .top_info .cont .fa {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    background: #fff;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    font-size: 10px;
    color: #0c3635;
}
.top-bar-right ul {
    display: flex;
    column-gap: 13px;
}
#top-bar-social.top-bar-right{
    height: auto !important;
    transform: translateY(-50%);
}
.top-bar-right ul .fab {
    font-size: 26px;
    color: #fff !important;
}
/* --======= Header =======-- */
header{
    position: relative; 
    height: 90px;
    background-color: transparent !important;
    background-image: url('https://uniqc.uk/staging/cg-website/wp-content/uploads/2023/09/header-bg-2.png');
    background-size: cover;
    z-index: 999;
}
#site-header-inner {
    padding-left: 55px !important;
    padding-right: 55px !important;
}
header #site-navigation-wrap{
    top: 50%;
    transform: translate(-50%, -50%) !important;
}
header #site-logo {
    max-width: 320px;
}
header #site-logo img{
    min-height: auto !important;
    max-width: 100%!important;
    max-height: 100% !important;
}
header .icon_pr {
    display: inline-block;
    width: 20%;
    line-height: 40px;
    height: 100%;
    text-align: center;
    background: #00A09A ;
    color: #fff !important;
}
header .hd_right a {
    width: 190px;
    background: #fff;
    height: 40px;
    display: flex !important;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
    font-size: 13px;
    color: #0c3635;
    font-weight: 600;
    border: 1px solid #00a09a;
}
header .text {
    width: 80%;
    text-align: center;
}
header .icon_pr .fa {
    display: inline-block;
    color: #0C3635;
    transform: rotate(90deg);
    font-size: 15px;
    line-height: 40px;
}
#site-navigation-wrap .dropdown-menu>li>a {
    font-family: "Gotham";
    font-size: 18px !important;
    font-weight: normal !important;
    width: 100%;
    letter-spacing: 1px !important;
    line-height: 40px !important;
}
#site-navigation-wrap .dropdown-menu>li:first-child>a,
#site-navigation-wrap .dropdown-menu>li>a:hover {
    font-weight: normal !important;
}
#site-navigation-wrap .dropdown-menu>li>a span {
    text-transform: uppercase;
    -webkit-text-stroke: 1.3px transparent;
}
#site-navigation-wrap .dropdown-menu>li:first-child>a span,
#site-navigation-wrap .dropdown-menu>li>a:hover span {
    -webkit-text-stroke: 1.3px #00A09A ;
}
#site-navigation-wrap .dropdown-menu>li>a:focus {
    outline: none !important;
}
#site-navigation-wrap .dropdown-menu>li>a:hover {
    color: #00A09A fbdd85 !important;
    font-weight: 600;
}
#site-navigation-wrap .dropdown-menu>li:first-child>a {
    color: #00A09A  !important;
    font-weight: 600;
}
#site-header .search-dropdown-toggle {
    display: none !important;
}
.oceanwp-mobile-menu-icon a:focus {
    outline: none !important;
}
#site-navigation-wrap .dropdown-menu >.current-menu-item >a,
#site-navigation-wrap a.glink.nturl.notranslate{
    color: #000 !important;
}
.page-template-default #site-header {
    box-shadow: 0px 0px 10px 5px #f5eeee;
}
.page-template-default .menu-link{
    color: #000 !important;
}
.home  #site-header{
    box-shadow: none !important;
}

/*=========== Home Banner Slider ============*/
.banner_slider {
    max-width: 2100px;
    margin: 0 auto !important;
    left: 0 !important;
}
.home_banner_slider .nextend-arrow {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    --widget-offset: 0px !important;
}
.home_banner_slider .nextend-arrow img {
    width: 60px !important;
}
/*=========== Banner Text Section ============*/
.banner_left_inner_sec {
    position: absolute !important;
    top: calc(50% + 40px);
    left: 100px;
    transform: translateY(-50%);
    z-index: 99;
    width: 70% !important;
    background: #00000075;
    border-radius: 40px 0px 0px 40px;
    padding: 50px 80px;
}
.home_banner_head * {
    font-family: 'Futura';
    font-size: 70px !important;
    line-height: 1.2 !important;
    margin-bottom: 30px !important;
}
.home_banner_btn a {
    padding: 20px 30px;
    font-family: 'Futura';
    font-size: 20px !important;
    line-height: 1 !important;
    transition: .4s all ease;
}
.home_banner_btn a:hover {
    background: #fff !important;
    transition: .4s all ease;
}
.home_banner_btn .elementor-button {
    fill: #00A09A;
    color: #fff !important;
    background-color: #00A09A  !important;
}
.home_banner_btn .elementor-button:hover {
    color: #000 !important;
}
/*=========== Brands Slider Section ============*/
.brands_slider_sec {
    background: #fff url(https://uniqc.uk/staging/cg-website/wp-content/uploads/2023/07/map_slider.png);
    position: absolute !important;
    width: 580px !important;
    max-width: 100%;
    top: calc(50% + 40px);
    right: 100px;
    transform: translateY(-50%);
/*    z-index: 9999;*/
    border-radius: 50px;
}
.brands_slider_sec > .elementor-container {
    display: flex !important;
    flex-direction: column !important;
    padding: 40px !important;
}
.brands_slider_sec > .elementor-container > .elementor-column {
    width: 100% !important;
}
.brands_slider_box .elementor-widget-image-box .elementor-image-box-img {
    display: none !important;
}
.brands_slider_box .elementor-widget-image-box .elementor-image-box-content {
    display: flex;
    flex-direction: column-reverse;
    row-gap: 30px;
}
.brands_slider_box .elementor-widget-image-box .elementor-image-box-content .elementor-image-box-description {
    font-family: "Gotham";
    font-size: 22px !important;
    font-weight: normal !important;
    width: 100%;
    letter-spacing: 0px !important;
    line-height: 36px !important;
}
.brands_slider_box .elementor-widget-image-box .elementor-image-box-content .elementor-image-box-title {
    font-family: "Gotham";
    font-size: 32px !important;
    font-weight: bold !important;
    width: 100%;
    color: #707070 !important;
    letter-spacing: 0px !important;
    line-height: 42px !important;
    margin-bottom: 0;
}
/*-========== Brands Slider Thumbnail ==========-*/
.brands_slider .slick-list.draggable {
    padding: 30px 0 !important;
}
.brands_slider .slick-slide {
    margin: 0 25px;
}
.brands_slider .slick-current {
    transform: scale(1.3);
    width: 100%;
    transition: 0.8s ease all;
}
.brands_slider_sec .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
}
.brands_slider .slick-slide figure.gallery-item {
    padding: 0;
}
.brands_slider_sec .gallery-item .gallery-icon {
    padding: 20px;
    box-shadow: 7px 7px 20px #00000021;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    background: #fff;
}
.brands_slider .gallery-item .gallery-icon img {
    max-height: 70px;
    width: auto;
}
/*================= our team sec =========================*/
.container_space > .elementor-container {
    padding: 0 5% !important;
    max-width: 1600px !important;
}
.section_head .elementor-heading-title {
    position: relative;
    font-family: "Gotham";
    font-size: 41px !important;
    font-weight: bold !important;
    width: 100%;
    letter-spacing: 0px !important;
    line-height: 42px !important;
    margin-bottom: 0;
}
.section_head .elementor-heading-title:before {
    content: '';
    position: absolute;
    border: 1px solid;
    width: 50vw;
    right: calc(64% + 0px);
    top: 50%;
    transform: translateY(-50%);
    border-color: #fff;
}
.section_head .elementor-heading-title:after {
    content: '';
    position: absolute;
    border: 1px solid;
    width: 50vw;
    left: calc(64% + 0px);
    top: 50%;
    transform: translateY(-50%);
    border-color: #fff;
}
.section_head.green_line .elementor-heading-title:before,
.section_head.green_line .elementor-heading-title:after {
    border-color: #0c3635;
}
.our_team_sec > .elementor-container > .elementor-column > div {
    column-gap: 40px;
    align-items: stretch !important;
}
.team_content_sec {
    width: 35% !important;
    overflow: hidden;
}
.team_img_sec {
    width: calc(65% - 40px) !important;
}
.content_head {
    margin-bottom: 10px !important;
}
.content_head * {
    font-family: "Gotham";
    font-size: 26px !important;
    font-weight: bold !important;
    width: 100%;
    letter-spacing: 0px !important;
    line-height: 36px !important;
    margin-bottom: 0;
}
.content_mhead * {
    font-family: "Gotham";
    font-size: 22px !important;
    font-weight: 500 !important;
    width: 100%;
    letter-spacing: 0px !important;
    line-height: 36px !important;
    margin-bottom: 0;
}
.content_para {
    margin-bottom: 0px !important;
}
.content_para * {
    font-family: 'Lato', sans-serif !important;
    font-size: 20px;
    line-height: 32px;
    color: #000000;
}
.content_head {
    margin-bottom: 10px !important;
}
.content_head_small * {
    font-family: "Gotham";
    font-size: 20px !important;
    font-weight: bold !important;
    width: 100%;
    letter-spacing: 0px !important;
    line-height: 30px !important;
    margin-bottom: 0;
}
.content_mhead * {
    font-family: "Gotham";
    font-size: 22px !important;
    font-weight: 500 !important;
    width: 100%;
    letter-spacing: 0px !important;
    line-height: 36px !important;
    margin-bottom: 0;
}
.content_para {
    margin-bottom: 0px !important;
}
.content_para_small * {
    font-family: 'Lato', sans-serif !important;
    font-size: 18px;
    line-height: 32px;
    color: #000000;
}
#team_slider {
    background: #fff;
    width: 240px;
    padding: 20px 20px;
    position: relative;
    margin-top: 40px;
    transform: translateX(-120%);
    transition: .5s all ease;
}
#team_slider:before{
 content: '';
 border: 2px solid #fff;
 position: absolute;
 width: calc(100% + 25px);
 height: 120%;
 top: 50%;
 left: calc(50% + 5px);
 transform: translate(-50%, -50%);
}
.slide-in {
    animation: slide-in 0.8s forwards;
    -webkit-animation: slide-in 0.8s forwards;
}
.slide-out {
    animation: slide-out 0.8s forwards;
    -webkit-animation: slide-out 0.8s forwards;
} 
@keyframes slide-in {
    100% { transform: translateX(0%); }
}
@keyframes slide-out {
    0% { transform: translateX(0%); }
}
#team_slider h3 {
    font-family: "Gotham";
    font-size: 20px !important;
    font-weight: bold !important;
    width: 100%;
    letter-spacing: 0px !important;
    line-height: 36px !important;
    margin-bottom: 0;
}
#team_slider p {
    font-family: 'Lato', sans-serif !important;
    font-size: 18px;
    line-height: 32px;
    color: #000000;
    margin-bottom: 0px !important;
}
#team_slider a {
    font-family: 'Lato', sans-serif !important;
    font-size: 18px;
    line-height: 32px;
    color: #1381E1;
}
/*-========== Team Image Section ==========-*/
.team_img_sec .elementor-container {
    flex-wrap: wrap;
}
.team_member img {
    aspect-ratio: 1;
    object-fit: cover;
    transform: scale(1);
    transition: 0.8s ease all;
}
.team_member .elementor-widget-wrap {
    justify-content: center;
    padding: 0 !important;
}
.team_member .elementor-widget-text-editor {
    display: none;
}
.team_member {
    position: relative;
    width: 50% !important;
    z-index: 9;
    margin-top: -40px;
}
.team_member.member-1 {
    width: 100% !important;
    margin-top: 0;
}
.team_member .elementor-widget-image {
    margin: 0 !important;
    width: 280px !important;
}
.team_member  .elementor-widget-image:before {
    content: '';
    border: 3px solid #fff;
    position: absolute;
    width: calc(100%);
    height: 100%;
    top: -25px;
    left: 25px;
    z-index: 1;
}
.team_member .elementor-widget-image .elementor-widget-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.team_member .elementor-widget-image:hover img {
    transform: scale(1.2);
}
.team_member .elementor-widget-image .elementor-widget-container:before {
   content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 7;
    right: 0;
    bottom: 0;
    transition: 0.5s ease all;
}
.team_member.member-1 .elementor-widget-image:hover .elementor-widget-container:before {
    clip-path: polygon(100% 100%, 1000% 0%, 0% 0%);
    background: #ffffff6e;
    transition: 0.5s ease all;
}
.team_member.member-2 .elementor-widget-image:hover .elementor-widget-container:before,
.team_member.member-3 .elementor-widget-image:hover .elementor-widget-container:before {
   clip-path: polygon(0 0, 0 100%, 100% 100%);
   background: #ffffff6e;
   transition: 0.5s ease all;
}
/*============== Cta section =======================*/
.cta_section_home{
    background-color: #989898 !important;
}
.cta_section_home .elementor-image-box-description {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    max-width: 150px;
    margin: auto !important;
    line-height: 1.3;
}
.cta_section_home .elementor-image-box-img {
    background: #fff;
    width: 100px !important;
    height: 100px;
    border-radius: 50%;
    position: relative;
    margin-bottom: 0px !important;
}
.cta_section_home .elementor-image-box-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    padding: 19px;
    object-fit: contain;
}
/*==================== our services sec ========================*/
.our_services_sec{
    padding: 40px 0 60px !important;
}
.our_services_sec h2:before, 
.our_services_sec h2:after {
    width: 35%;
}
.service_item .elementor-widget-wrap {
    text-align: center;
    padding: 20px 20px !important;
    box-shadow: 0px 3px 40px #0000001C;
    border-radius: 18px;
    background: #fff;
    position: relative;
    overflow: hidden;
    width: 340px;
    margin: auto;
}
.service_item .elementor-widget-wrap:hover:before{
    height: 55%; 
    transition: 0.5s ease all;
}
.service_item .elementor-widget-wrap:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 45%;
    background: #00a09a29;
    top: -25%;
    left: 0;
    right: 0;
    border-radius: 50%;
    transition: 0.5s ease all;
}
.service_item h3 {
    line-height: 1.4 !important;
    margin-bottom: 15px;
    height: 68px;
}
.service_item .elementor-widget-wrap p{
    margin-bottom: 0px;
    color: #000;
}
.our_services_sec {
    background-position: bottom -60px center !important;
}
.our_services_sec .elementor-inner-section .elementor-container{
    column-gap:15px;
}
.service_item .elementor-widget-wrap .elementor-button-link,
.service_item .elementor-widget-wrap .elementor-align-icon-right{
    transition: 0.5s ease all;
}
.service_item .elementor-widget-wrap:hover .elementor-button-link{
    color: #000 !important;
    transition: 0.5s ease all;
    text-decoration: underline;
    font-weight: bold;
}
.service_item .elementor-widget-wrap .elementor-align-icon-right {
    position: absolute;
    left: 100%;
}
.service_item .elementor-widget-wrap .elementor-button-content-wrapper {
    position: relative;
}
.service_item .elementor-widget-wrap:hover .elementor-align-icon-right{
  margin-left: 15px;  
  transition: 0.5s ease all;
}
.our_services_sec .elementor-inner-section .elementor-container {
    column-gap: 15px;
}
.our_services_sec section{
    margin-top: 30px;
}
/*================ Logistics team ====================*/
.logistics_team {
  padding: 0px 0 60px;
  position: relative;
  background-position: 50% center;
  background-size: 150% 100% !important;
  animation: animatedBackground 3s linear infinite alternate;
}
@keyframes animatedBackground {
  from {
    background-position: 25% center;
  }
  to {
    background-position: 75% center;
  }
}
.logistics_team::before {
    content: '';
    width: 100%;
    position: absolute;
    height: 100%;
    background-color: #00000073;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.logistic_van img {
    width: 60vw !important;
    margin-left: 15px;
}
.logistic_van .elementor-widget-wrap {
    padding: 0 !important;
}
.logistics_team h2:before,.logistics_team h2:after {
    display: none !important;
}
.logistics_team h2 {
    font-size: 30px !important;
    line-height: 1.3;
    color: #fff;
}
.logistics_team p{
    color: #fff;
}
.logistics_content_box .elementor-widget-wrap {
    padding-top: 60px !important;
    align-content: center;
}
.logistics_content_box {
    display: flex !important;
    align-items: center;
}
.logos_logistics {
    margin-right: 30px;
    margin-bottom: 30px !important;
    max-width: 170px !important;
    width: 170px !important;
}
.logos_logistics .elementor-widget-container {
    background: #fff;
    padding: 10px;
}
.logistics_team .logistic_van {
    width: 60vw !important;
    transform: translateX(8%);
}
.logistic_para * {
    font-family: 'Lato', sans-serif !important;
    font-size: 18px;
    line-height: 26px;
}
/*=================== Testimonial  =========================*/
.testimonial_section_slider {
    max-width: 1100px;
    margin: 0 auto;
}
.testimonial_section_slider .elementor-testimonial-image {
    position: absolute;
    top: -110px;
    left: 50%;
    transform: translateX(-50%);
}
.testimonial_section_slider .elementor-testimonial-image img{
    width: 100px !important;
    height: 100px !important;
    position: relative;
}
.testimonial_section_slider .elementor-testimonial-name {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin-bottom: 5px;
}

.testimonial_section_slider .elementor-testimonial-job {
    color: #000;
    font-size: 15px !important;
}
.testimonial_box {
    padding: 100px 50px 0;
    margin: 50px auto;
    padding-left: 40px;
    padding-right: 43px;
}
.testimonial_section_slider .slick-arrow {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    border-radius: 50%;
    border: none;
    color: #000;
    background: transparent;
}

.testimonial_section_slider  .prev_slick {
    left: 0;
}

.testimonial_section_slider  .next_slick {
    right: 0;
}
.testimonial_section_slider .arrow_span {
    width: 30px;
    height: 30px;
    border: 2px solid;
    display: block;
    border-radius: 50%;
}
.testimonial_section_slider  .arrow_span .fa {
    font-size: 20px;
    line-height: 26px;
    text-align: center;
}
.testimonial_section_slider .elementor-testimonial-image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #d6f0ef;
    top: -25%;
    left: -35%;
    bottom: 0;
    right: 0;
    border-radius: 50%;
}
/*============== Contact Form ==================*/
.contact_section {
    padding: 60px 0;
}

.contact_info_sec .info_block {
    position: absolute;
    z-index: 1;
    max-width: 290px;
}

.contact_info_sec .contact_form_block {
    width: 90% !important;
    margin-left: auto;
}

.contact_info_sec .contact_form_block .elementor-widget-wrap {
    background: #fff;
    padding: 60px 60px 60px 0 !important;
}
.contact_info_sec .contact_form_block .elementor-widget-wrap .elementor-element {
    max-width: calc(100% - 200px);
    margin: 0 0 0 auto;
}
.contact_info_sec .info_block .elementor-widget-wrap {
    background: #00A09A ;
    padding: 40px 30px !important;
}
.contact_info_sec .info_block .email_info {
    margin-top: 30px;
}
.contact_info_sec .elementor-container {
    align-items: center;
}
.contact_info_sec .info_block .elementor-widget-wrap h3 {
    color: #fff;
    line-height: 1.3;
}
.contact_info_sec .address p {
    margin-bottom: 0px;
    color: #fff;
}
.contact_info_sec .cont_num a,.contact_info_sec .email_info a  {
    color: #fff;
}
.contact_info_sec .contact_form_block .elementor-widget-wrap h3 {
    font-size: 35px;
    max-width: 90%;
    color: #000 !important;
}
.contact_info_sec button {
    font-family: 'Lato', sans-serif !important;
    font-size: 18px !important;
    background-color: #707070 !important;
    font-weight: 400 !important;
    padding: 10px 15px!important;
    line-height: 2px !important;
}
.name_box input, .phone_number input {
    border: none !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0px !important;
    padding:0px !important;
}
.contact_info_sec .phone_number input {
    width: 50% !important;
}  
.contact_info_sec form input:focus {
    box-shadow: none !important;
}  
.contact_info_sec form ::placeholder {
    color: #000 !important;
}
.contact_info_sec button{
    height: auto !important;
}
.contact_info_sec button:hover {
    padding: 10px 15px !important;
    background: #00A09A  !important;
    text-decoration: underline !important;
    color: #fff !important;
}
.contact_info_sec .elementor-heading-title {
    color: #fff !important;
}
/*============= footer  ==============*/
#footer {
    border-top: 20px solid #00a09a;
}
#footer-widgets{
    padding: 0px !important;
}
.logo_foot_col .elementor-widget-wrap {
    column-gap: 20px;
    row-gap: 20px;
}

.logo_foot_col .elementor-widget-wrap .icon_box {
    width: 75px !important;
}
.footer_section h3 {
    font-size: 20px;
}
.footer_section .insight_col ul,.footer_section  h3,
.company_widget ul,.company_widget .gtranslate_wrapper {
    list-style: none;
    margin: 0 auto !important;
    max-width: 60%;
}
.company_widget .gtranslate_wrapper {
   float: none;
}
.company_widget .gtranslate_wrapper .glink{
    font-size: 14px !important;
    color: #fff !important;
    font-family: 'Lato' !important;
}
.footer_section .insight_col ul li a,
.footer_section .company_widget ul li a{
    color: #fff;
}
.logo_foot_col .elementor-widget-wrap {
    max-width: 350px;
    margin: auto;
}
.footer_section .icon_box .elementor-widget-container {
    width: 80px;
    height: 80px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    overflow: hidden;
}
.footer_section .icon_box .elementor-widget-container:hover img {
    transform: scale(1.1);
    transition: 0.5s ease all;
}

.footer_section .icon_box .elementor-widget-container img {
    transition: 0.5s ease all;
}
/*============ copyright ==============*/
.social_icon_footer {
    padding: 5px 80px;
}
.social_icon_footer {
    background: #fff !important;
    color: #000 !important;
}
.social_icon_footer .elementor-container p{
    margin-bottom: 0px;
}
.social_icon_footer .elementor-social-icon {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50%;
    border: 1px solid #000;
}
.social_icon_footer .elementor-social-icon i{
    font-size: 18px !important;
}
.insight_col {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.social_icon_footer .elementor-social-icon:hover,
.social_icon_footer .elementor-social-icon:hover i{
    border-color: #fff;
    color: #fff !important;
}
footer .social_icon_footer {
    left: 50% !important;
    transform: translateX(-50%);
}
/*=============== About Sec =====================*/
.about_us_sec {
    position: relative;
    padding: 60px 0;
}

.box_img {
    position: absolute;
    width: 100%;
    max-width: 380px;
}

.img_box_1 {
    left: 22%;
    max-width: 230px;
    top: 50%;
    transform: translate(-50%, -50%);
}

.img_box_2 {
    left: 60%;
    transform: translateX(-50%);
}

.img_box_3 {
    bottom: -20px;
    left: 75%;
    transform: translateX(-50%);
}

.img_box_brands {
    width: 200px;
    height: 120px;
    margin: 20px;
    border: 13px solid #00a09a;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 0;
    position: absolute;
    background: #fff;
}

.img_box_brands img {
    width: 100%;
    max-width: 35px !important;
    object-fit: cover;
}

.img_box_brands span {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

.img_man .outer_back img {
    border-radius: 50%;
    object-fit: cover;
    position: absolute;
    width: 90%;
    height: 90%;
    top: 52%;
    left: 49%;
    transform: translate(-50%, -50%);
    bottom: 0;
}
.img_man .outer_back{
    width: 240px;
    height: 240px;
    border-radius: 50%;
    content: '';
    position: absolute;
    top: 275px;
    left: 45%;
    transform: translate(-50%, -50%);
}

.img_man .outer_back:before {
    content: '';
    position: absolute;
    background: #00a09a;
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

.logo_bn-1 {
    left: 12%;
    top: 18%;
    background: #fff;
    transform: translateX(-50%);
}

.animated_box_container {
    width: 100%;
    margin: auto;
    height: 100%;
    position: relative;
    transition: 0.8s ease all;
}
.logo_bn-4 {
    left: 75%;
    top: 0;
    transform: translateX(-50%);
}
.logo_bn-3 {
    top: 60%;
    left: 19%;
    transform: translateX(-50%);
}

.logo_bn-2 {
    top: 35%;
    left: 78%;
    transform: translateX(-75%);
}

.content_about_box {
    position: absolute;
    background: #fff;
    width: 500px;
    padding: 20px 20px;
    bottom: 0px;
    left: 55%;
    transform: translateX(-50%);
}
.content_about_box h3 {
    color: #0C3635;
    font-size: 26px;
}
.devide_two {
    display: flex;
    justify-content: space-between;
    column-gap: 36px;
    position: relative;
}
.about_us_contents .devide_two * {
    font-family: 'Lato', sans-serif !important;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}
.devide_two:before {
    content: '';
    position: absolute;
    border-right: 1px solid;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.about_us_sec .elementor-widget-container {
    height: 700px;
    max-width: 1600px;
    margin: auto;
}

.about_us_sec:hover .animated_box_container {
    width: calc(100% - 50px);
    height: calc(700px - 50px);
    transition: 0.8s ease all;
}
.about_us_sec:hover .img_box_brands{
    z-index: 1;
}
.logo_bn-1,.logo_bn-3,.content_about_box,.img_man .outer_back, .img_box_1{
    transition: 0.5s ease all;
} 
.about_us_sec:hover .logo_bn-1 {
    top: 0;
    left: 22%;
    transition: 0.8s ease all;
}
.about_us_sec:hover .logo_bn-3 {
    top: 35%;
    transform: translateY(0);
    left: 14%;
    transition: 0.8s ease all;
}
.about_us_sec:hover .content_about_box {
    left: 50%;
    transition: 0.8s ease all;
}
.about_us_sec:hover .img_man .outer_back {
    left: 50%;
    top: 35%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: 0.8s ease all;
}
.about_us_sec:hover  .img_box_1 {
    left: 32%;
    top: 48%;
    transition: 0.8s ease all;
}
.wpforms-form input::placeholder {
    opacity:1 !important;
}
/*-========== 13-july============-*/
.our_team_sec {
    display: none;
}
.page-id-1263 #main #content-wrap,
.page-id-1266 #main #content-wrap,
.page-id-1271 #main #content-wrap,
.page-id-1275 #main #content-wrap{
    margin-top: 100px !important;
}
.page-id-1263 #main #content-wrap p,
.page-id-1263 #main #content-wrap ul li{
  font-weight: 400 !important;  
}
.page-id-1263 #main #content-wrap .content-area,
.page-id-1266 #main #content-wrap .content-area,
.page-id-1271 #main #content-wrap .content-area,
.page-id-1275 #main #content-wrap .content-area{
    width: 100% !important;
}
.page-id-1263 #main #content-wrap .widget-area,
.page-id-1266 #main #content-wrap .widget-area,
.page-id-1271 #main #content-wrap .widget-area,
.page-id-1275 #main #content-wrap .widget-area{
    display: none;
}
.footer_logo .elementor-widget-container {
    max-width: 120px;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
}
#footer-widgets, .footer_section {
    background-color: #000000 !important;
}
.logos_logistics1 .elementor-widget-container {
    padding: 3px;
}
/*============ October 12================*/
#site-header .hd_right .text {
    padding: 5px;
    line-height: 1.3 !important;
}
.home #site-header {
    background-color: #fff !important;
    box-shadow: 0px 0px 12px 0px #000 !important;
    display: block !important;
}
.home_banner_new{
   box-shadow: 0px 0px 12px 0px #000; 
}
.home_banner_new .brands_slider_sec {
    position: relative !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    border-radius: 0;
    margin: auto;
}
#site-header .hd_right .text,
.home_banner_new  .elementor-widget-image-box
.elementor-image-box-content .elementor-image-box-title {
    font-family: 'SpaceGrotesk' !important;
    font-weight: 500 !important;
}

.home_banner_new .brands_slider_box  .elementor-image-box-description {
    font-family: 'SpaceGrotesk' !important;
}
.banner_slider_block {
    padding: 80px 0;
    background: #fff;
}
#site-navigation-wrap .dropdown-menu>li>a span {
    font-family: SpaceGrotesk;
    font-weight: 600;
}
.mobile-menu i.fa, .mobile-menu .oceanwp-text,.mobile-menu .oceanwp-close-text {
    color: #000 !important;
}
#mobile-dropdown {
    background: #12a7a1 !important;
}

#mobile-dropdown a {
    color: #fff;
    font-size: 18px;
}
#mobile-dropdown ul li {
    border-bottom: 1px solid #fff !important;
}
#mobile-dropdown #mobile-menu-search {
    margin-top: 15px;
}
footer .logo_foot_col .icon_box {
    display: none;
}

.banner_slider,#top-bar-social.top-bar-right,.display_on_mobile,
footer .logo_foot_col .icon_box {
    display: none !important;
}

#top-bar-content{
    float: none;
    width: calc(100% - 60px) !important;
    margin: auto;
}
.topbar-content .top_info{
    justify-content: space-between;
}
#top-bar-wrap{
    height: 50px !important;
}
.copyright_text_block {
    width: 100% !important;
    text-align: center;
}
.social_media_copyright{
    display: none !important;
}
.img_man .outer_back img{
    width: 75% !important;
    height: 75% !important;
}
.img_man .outer_back:before{
    background: #fff !important;
    box-shadow: 0px 0px 0px 3px #00a19b;
}

/*========= 16 October ==========*/
#trp-floater-ls {
    display: none !important;
}
.contact_info_sec button[type="submit"] {
    line-height: 1.3 !important;
}
.center-menu #site-navigation-wrap{
    left: 54% !important;
}
.menu-item.hidden{
    display: none;
}
.banner_slider_bx .heading_content{
    font-size: 32px !important;
    font-weight: bold !important;
    width: 100%;
    color: #707070 !important;
    letter-spacing: 0px !important;
    line-height: 42px !important;
    margin-bottom: 0;
    font-family: 'SpaceGrotesk' !important;
    font-weight: 500 !important;
    text-align: center !important;
}   
.our_services_sec .content_para * {
    font-size: 15px !important;
    line-height: 1.8 !important;
    height: 110px;
    overflow: hidden;
    transition: 0.5s ease all;
} 
.our_services_sec .elementor-inner-section .elementor-container > div {
    height: 100% !important;
    align-content: stretch;
}
.our_services_sec .content_para.readmore *{
    height: 100%;
    visibility: visible;
    transition: 0.5s ease all;
}
.our_services_sec .elementor-button:focus{
    border: none !important;
    outline: none !important;
}

/*-========== Responsive ==========-*/
h2.elementor-heading-title {
    color: #000 !important;
}
.logistics_team h2.elementor-heading-title {
    color: #fff !important;
}
.heading_background {
    background: #fff !important;
    position: relative;
    z-index: 1;
    padding: 0 15px;
}
.hd_right .text font {
    display: block !important;
    line-height: 1.2 !important;
}
.info_block font {
    color: #fff !important;
}
button[type=submit]:focus{
    outline: none !important;
}
@media screen and (min-width: 1600px){
    header #site-logo {
        max-width: 450px;
    }
}

@media screen and (max-width: 1600px) {
    header #site-logo {
     max-width: 320px;
    }
  .home_banner_head * {
    font-size: 50px !important;
  }
  .brands_slider_sec {
    width: 480px !important;
  }
  .home_banner_new .brands_slider_sec{
    width: 100% !important;
    margin: auto;
  }
  .brands_slider_sec > .elementor-container {
    padding: 20px !important;
  }
  .brands_slider_box .elementor-widget-image-box .elementor-image-box-content {
    row-gap: 20px;
  }
  .brands_slider_box .elementor-widget-image-box .elementor-image-box-content .elementor-image-box-description {
    font-size: 20px !important;
    line-height: 32px !important;
  }
  .brands_slider .slick-slide {
    margin: 0 18px;
  }
  .content_head * {
    font-size: 22px !important;
    line-height: 32px !important;
  }
  .about_us_contents .devide_two * {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 1299px) {
   .banner_left_inner_sec {
    padding: 30px 30px;
  } 
  .home_banner_head * {
    font-size: 45px !important;
    margin-bottom: 20px !important;
  }
  .our_team_sec > .elementor-container > .elementor-column > div {
    column-gap: 20px;
  }
  .team_content_sec {
    width: 38% !important;
  }
  .team_img_sec {
    width: calc(62% - 20px) !important;
  }
  .team_member .elementor-widget-image {
    width: 225px !important;
  }
  .team_member .elementor-widget-image:before {
    top: -18px;
    left: 18px;
  }
  .content_para * {
    font-size: 18px;
    line-height: 30px;
  }
  .heading_background {
    background: #fff !important;
    position: relative;
    z-index: 1;
    padding: 0 15px;
  }
}
@media screen and (max-width: 1280px){
    header .gtranslate_wrapper {
        width: 100%;
        padding: 12px 40px;
        text-align: left;
    }
}
@media screen and (max-width: 1200px) {
    #site-navigation-wrap .dropdown-menu>li>a {
        padding: 0 10px;
    }
    #site-navigation-wrap .dropdown-menu>li>a span {
        font-size: 16px;
    }
    .banner_left_inner_sec {
        width: 50% !important;
    }
    .brands_slider_sec {
        width: 400px !important;
    }
    .home_banner_head * {
        font-size: 35px !important;
    }
    .home_banner_btn a {
        padding: 15px 20px;
    }
    .brands_slider_box .elementor-widget-image-box .elementor-image-box-content .elementor-image-box-description {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }
    .brands_slider_sec .gallery-item .gallery-icon {
        padding: 10px;
    }

    .brands_slider_sec .slick-dots {
        left: 50%;
        transform: translateX(-50%);
    }
    .our_services_sec .elementor-inner-section .elementor-container {
        column-gap: 30px;
        flex-wrap: nowrap;
        justify-content: center;
    }
    .our_services_sec .service_item {
        width: calc(33% - 15px) !important;
    }
    .logistics_team .elementor-container {
        flex-wrap: nowrap !important;
    }
    .logos_logistics {
        max-width: 150px !important;
        margin: 0 5px 20px 0 !important;
    }
    .contact_info_sec .contact_form_block .elementor-widget-wrap .elementor-element {
        max-width: calc(100% - 230px);
    }
    /*============ about us animated ============*/
    .about_us_sec .logo_bn-3 {
        left: 0% !important;
    }
    .about_us_sec .logo_bn-2 {
        left: calc(100% - 90px);
    }
    .about_us_sec .animated_box_container {
        width: calc(100% - 50px);
        height: calc(700px - 50px);
    }
    .about_us_sec .img_box_brands{
        z-index: 1;
    }
    .about_us_sec .logo_bn-1 {
        top: 0;
        left: 22%;
        transition: 0.8s ease all;
    }
    .about_us_sec .logo_bn-3 {
        top: 35%;
        transform: translateY(0);
        left: 14%;
        transition: 0.8s ease all;
    }
    .about_us_sec .content_about_box {
        left: 50%;
        transition: 0.8s ease all;
    }
    .about_us_sec .img_man .outer_back {
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
    .about_us_sec  .img_box_1 {
        left: 32%;
        top: 48%;
        transition: 0.8s ease all;
    }
}
@media screen and (max-width: 991px) {
    .brands_slider_sec {
        top: calc(100% + 60px);
        left: 50%;
        transform: translateX(-50%);
        max-width: 580px !important;
        width: 100% !important;
    }
    /*.banner_slider {
        margin-bottom: 550px !important;
    }*/
    .banner_left_inner_sec {
        max-width: 600px;
        width: 100% !important;
        left: 50%;
        transform: translate(-50%, -50%);
        top: 60%;
    }
    .about_us_sec {
        border-top: 1px solid #000;
    }
    .banner_left_inner_sec{
        border-radius: 40px;
    }
     .our_services_sec .elementor-inner-section .elementor-container {
        column-gap: 10px;
    }
    .our_services_sec .service_item {
        width: calc(33% - 0px) !important;
    }
    .contact_info_sec .contact_form_block .elementor-widget-wrap {
        padding: 40px 15px 40px 0 !important;
    }
    .contact_info_sec .info_block {
        max-width: 260px;
    }
    .contact_info_sec .contact_form_block .elementor-widget-wrap h3 {
        font-size: 25px;
    }
    .contact_info_sec button[type="submit"] {
        font-size: 16px !important;
    }
    .logistics_content_box{
        width: 70% !important;
    }
    .footer_section .insight_col ul, .footer_section h3, .company_widget ul,.company_widget .gtranslate_wrapper {
        max-width: 90% !important;
    }
    .footer_section .icon_box .elementor-widget-container {
        width: 40px;
        height: 40px;
        margin: auto;
        border-radius: 10px;
    }
    .footer_section .icon_box .elementor-widget-container img {
        width: 25px;
    }
    .logo_foot_col .elementor-widget-wrap {
        column-gap: 0px !important;
    }
    .social_icon_footer {
        padding: 0px;
    }
    .footer_section .elementor-container,
    .social_icon_footer .elementor-container{
        flex-wrap: nowrap !important;
    }
     .service_item .elementor-widget-wrap {
        height: 100% !important;
        min-height: auto;
    }
    .our_services_sec .elementor-inner-section .elementor-container {
        flex-direction: column;
        row-gap: 20px;
    }
    .our_services_sec .service_item,.service_item .elementor-widget-wrap {
        width: 100% !important;
    }
}
@media screen and (max-width: 767px){
    #site-header-inner{
        padding: 0 15px !important;
    }
    .banner_slider_block{
        padding: 40px 0;
    }
    .display_on_mobile{
        display: block;
    }
    .cta_section_home .elementor-container {
        flex-wrap: nowrap !important;
    }
    .service_item .elementor-widget-wrap {
        height: 100% !important;
        min-height: auto;
    }
    .our_services_sec .elementor-inner-section .elementor-container {
        flex-direction: column;
        row-gap: 20px;
    }
    .our_services_sec .service_item,.service_item .elementor-widget-wrap {
        width: 100% !important;
    }
    .logistics_team .logistic_van {
        display: none;
    }
    .logistics_content_box {
        width: 100% !important;
    }
    .logos_logistics {
        margin: 0 20px 20px 0 !important;
    }
    .testimonial_section_slider .slick-dots {
        left: 50%;
        transform: translateX(-50%);
    }
    .contact_info_sec .info_block {
        position: relative;
        max-width: 100%;
    }
    .contact_info_sec .contact_form_block {
        width: 100% !important;
    }
    .contact_info_sec .contact_form_block .elementor-widget-wrap .elementor-element {
        max-width: 100%;
    }
    .contact_info_sec .contact_form_block .elementor-widget-wrap {
        padding: 40px 20px  !important;
    }
    .contact_info_sec .elementor-container {
        flex-direction: column-reverse;
        row-gap: 10px;
    }
    #top-bar-inner {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .banner_left_inner_sec {
        padding: 10px 30px;
        max-width: calc(100% - 80px);
        top: 64%;
    }
    .topbar-content .top_info .cont {
        font-size: 16px;
    }
    #top-bar-social li a i {
        font-size: 18px;
    }
    .top-bar-right ul {
        column-gap: 5px;
        justify-content: space-between;
    }
    .topbar-content .top_info {
        column-gap: 20px;
    }
    #top-bar-content {
        width: 75%;
    }
    #top-bar-social {
        width: 25% !important;
    }

    .top-bar-right ul::after {
        display: none;
    }
    #top-bar-wrap {
        height: 50px;
    }
    #top-bar-social.top-bar-right {
        position: relative;
        height: 10px !important;
    }
    .box_img, .img_box_brands {
        display: none;
    }
    .about_us_sec .img_man .outer_back, .about_us_sec:hover .img_man .outer_back {
        position: relative;
        left: 0;
        top: 0px !important;
        transform: translate(0);
        margin: auto;
    }
    .about_us_sec .content_about_box {
        position: relative;
    }
    .about_us_sec .elementor-widget-container,
    .about_us_sec .animated_box_container{
        height: auto !important;
    }
    .banner_slider .n2-ss-slider-controls{
        display: none;
    }
    font {
        line-height: 1.2 !important;
    }
    .logistics_content_box .elementor-widget-wrap{
        column-gap: 15px !important;
    }
}
@media screen and (max-width: 576px){
    header{
        height: auto !important;
    }
    #top-bar-wrap{
        display: none;
    }
    .testimonial_box {
        padding: 120px 0px 0px;
        margin-bottom: 25px;
    }
    .testimonial_box .elementor-testimonial-content {
        font-size: 15px;
        line-height: 1.5;
    }
    .our_services_sec .elementor-inner-section .elementor-container {
        padding: 0px !important;
    }
    .contact_info_sec .elementor-container {
        padding: 0px !important;
    }
    .cta_section_home .elementor-image-box-description{
        font-size: 14px;
    }
    .cta_section_home .elementor-image-box-img{
        width: 70px !important;
        height: 70px !important;
    }
    .cta_section_home .elementor-container{
        padding: 0px !important;
    }
    .contact_info_sec button:hover {
     padding: 10px 15px !important;
    }

}
@media screen and (max-width: 480px){
    .footer_section .elementor-container {
        flex-wrap: wrap !important;
        row-gap: 20px;
    }
    .logo_foot_col .elementor-widget-wrap {
        max-width: 100%;
    }
    .insight_col {
        border: none;
    }
    .home_banner_head * {
        font-size: 20px !important;
        margin-bottom: 0px !important;
    }
    .home_banner_btn a {
        padding: 10px 20px;
        font-size: 16px !important;
    }
    .brands_slider_sec{
        max-width: 320px !important;
    }
    .brands_slider_sec > .elementor-container {
        padding: 20px 0px !important;
    }
    .section_head .elementor-heading-title {
        font-size: 25px !important;
    }
    .section_head {
        margin-bottom: 0px !important;
    }
    .banner_left_inner_sec {
        padding: 10px 10px;
        max-width: calc(100% - 20px);
    }
    #top-bar-wrap {
        display: none;
    }
    header {
        position: relative !important;
    }
    .about_us_sec .devide_two {
        flex-direction: column !important;
    }

    .about_us_sec .devide_two:before {
        display: none;
    }
    .content_about_box {
        width: 100%;
        margin-top: 20px;
        padding: 0;
    }
    .animated_box_container{
        margin-bottom: 0px !important;
    }
    header {
        background-color: #0c3635 !important;
        background-image: none;
    }
    header #site-header-inner {
        padding: 0 15px !important;
    }
    .banner_left_inner_sec {
        border-radius: 10px;
        top: 50% !important;
    }
    .about_us_sec:hover .animated_box_container,
    .about_us_sec .animated_box_container{
        width: 100% !important;
    }
    .logos_logistics {
        max-width: 100% !important;
        margin: 10px 0 !important;
    }
    .contact_info_sec .phone_number input{
        width: 100% !important;
    }
    .contact_info_sec button{
        padding: 10px 15px !important;
        width: 100% !important;
    }
    .contact_info_sec button[type="submit"]{
        font-size: 14px !important;
    }
    .testimonial_box {
        padding: 120px 0px 0px;
        margin-bottom: 25px;
    }

    .testimonial_box 
     .elementor-testimonial-content {
        font-size: 15px;
        line-height: 1.5;
    }
    .our_services_sec .elementor-inner-section .elementor-container {
        padding: 0px !important;
    }
    .contact_info_sec .elementor-container {
        padding: 0px !important;
    }
    .cta_section_home .elementor-container .elementor-column {
        flex: 4;
    }
    .contact_info_sec .contact_form_block .elementor-widget-wrap h3{
        max-width: 100%!important;
    }
    .contact_form_block .wpforms-one-half {
        width: 100% !important;
        padding: 0px !important;
        margin-bottom: 0px !important;
    }
    .contact_form_block .wpforms-field {
        padding: 0px !important;
    }
    .contact_form_block .phone_number {
        padding-top: 0px !important;
    }
    .social_icon_footer .elementor-container {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .social_icon_footer .elementor-container .elementor-column {
        width: 100% !important;
    }

    .social_icon_footer .elementor-social-icons-wrapper {
        text-align: center;
    }
    header #site-logo{
        max-width: 200px;
    }
}


