/* ===================================================================================

* Theme Name: Logistify Child
* Theme URI: https://themexriver.com/wp/logistify
* Author: ThemeXriver
* Author URI: https://themeforest.net/user/themexriver
* Description: Transportation & Logistics WordPress Theme
* Version: 1.0.1
* Template: logistify
* Text Domain: logistify-child
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready
* Tested up to: 6.6
* Requires PHP: 7.4

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of logistify updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/.pickup-contact-frm.nominate.a.business .laa-form-1-label

====================================================================================== */
 
body.elementor-page-5350 section.log-breadcrumb-section.position-relative.tx-breadcrumb.tx-section-margin {
    display: none;
}
/* =========================================
   NOMINATE A BUSINESS FORM
   ========================================= */

.pickup-contact-frm.nominate.a.business {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* -----------------------------------------
   SECTION HEADINGS
   ----------------------------------------- */

.pickup-contact-frm.nominate.a.business h6,
.pickup-contact-frm.nominate.a.business + .your-details h6 {
    position: relative;
    margin: 0 0 14px;
    padding-left: 26px;
    color: #173d5d;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 0.2px;
}

/* Business section number */
.pickup-contact-frm.nominate.a.business h6::before {
    content: "1";
    position: absolute;
    left: 0;
    top: 1px;

    width: 18px;
    height: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #236c90;
    color: #fff;

    font-size: 10px;
    font-weight: 700;
}

/* Your details section number */
.pickup-contact-frm.nominate.a.business + .your-details h6::before {
    content: "2";
    position: absolute;
    left: 0;
    top: 1px;

    width: 18px;
    height: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #236c90;
    color: #fff;

    font-size: 10px;
    font-weight: 700;
}


/* -----------------------------------------
   INPUT GROUP
   ----------------------------------------- */

.pickup-contact-frm.nominate.a.business .laa-form-1-input-box,
.your-details .laa-form-1-input-box {
    width: 100%;
    margin-bottom: 11px;
}


/* -----------------------------------------
   LABELS
   ----------------------------------------- */

.pickup-contact-frm.nominate.a.business .laa-form-1-label,
.your-details .laa-form-1-label {
    display: block;
    margin: 0 0 5px;

    color: #000;

    font-size: 13px;
    font-weight: 700;
    line-height: 13px;

    text-transform: uppercase;
    letter-spacing: 0.2px;
}


/* -----------------------------------------
   INPUTS + TEXTAREAS
   ----------------------------------------- */

.pickup-contact-frm.nominate.a.business .laa-form-1-input,
.your-details .laa-form-1-input {
    width: 100%;
    height: 35px;

    padding: 0 12px;

    box-sizing: border-box;

    border: 1px solid #d7e0e7;
    border-radius: 9px;

    background: #fff;

    color: #273640;

    font-family: inherit;
    font-size: 11px;
    font-weight: 400;

    outline: none;

    box-shadow: 0 1px 3px rgba(20, 50, 70, 0.06);

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* Textarea */
.pickup-contact-frm.nominate.a.business textarea.laa-form-1-input {
    height: 61px;
    min-height: 61px;

    padding: 10px 12px;

    line-height: 1.4;

    resize: vertical;
}


/* -----------------------------------------
   PLACEHOLDER
   ----------------------------------------- */

.pickup-contact-frm.nominate.a.business .laa-form-1-input::placeholder,
.your-details .laa-form-1-input::placeholder {
    color: #7b8790;
    opacity: 1;
}


/* -----------------------------------------
   FOCUS
   ----------------------------------------- */

.pickup-contact-frm.nominate.a.business .laa-form-1-input:focus,
.your-details .laa-form-1-input:focus {
    border-color: #236c90;
    box-shadow: 0 0 0 2px rgba(35, 108, 144, 0.08);
}


/* -----------------------------------------
   YOUR DETAILS SECTION
   ----------------------------------------- */

.pickup-contact-frm.nominate.a.business + .your-details {
    margin-top: 26px;
    padding-top: 15px;

    border-top: 1px solid #edf0f2;
}


/* -----------------------------------------
   EMAIL + PHONE
   ----------------------------------------- */

.your-details .common-div-wrap {
    display: flex;
    gap: 10px;
    width: 100%;
}

.your-details .common-div-wrap .email,
.your-details .common-div-wrap .telephone {
    width: 50%;
    flex: 1;
}


/* -----------------------------------------
   REQUIRED ERROR MESSAGES
   ----------------------------------------- */

.pickup-contact-frm.nominate.a.business .wpcf7-not-valid-tip,
.your-details .wpcf7-not-valid-tip {
    margin-top: 3px;
    font-size: 9px;
}


/* -----------------------------------------
   RADAR BUTTON
   ----------------------------------------- */

.pickup-contact-frm.nominate.a.business
~ .laa-pr-btn-1.has-form {
    position: relative;

    width: 100%;
    min-height: 44px;

    margin-top: 7px;
    padding: 0 45px 0 15px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 0;
    border-radius: 9px;

    background: #fbbb00 !important;

    color: #111 !important;

    font-family: inherit;
    font-size: 13px;
    font-weight: 800;

    line-height: 1;

    cursor: pointer;

    box-shadow:
        0 3px 6px rgba(0, 0, 0, 0.12);

    transition:
        background 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


/* Remove original pink SVG */
.pickup-contact-frm.nominate.a.business
~ .laa-pr-btn-1.has-form svg {
    display: none;
}

button.laa-pr-btn-1.has-form{
    width:50% !important;
    margin-top:20px !important;
    margin-left:150px;
}
@media (max-width: 767px) {
    .pickup-contact-frm.nominate.a.business ~ .laa-pr-btn-1.has-form {
        width: 100% !important;
        margin: 0px;
        margin-top: 10px;
    }
}
/* Remove original button sections */
.pickup-contact-frm.nominate.a.business
~ .laa-pr-btn-1.has-form .laa-pr-btn-1-left,
.pickup-contact-frm.nominate.a.business
~ .laa-pr-btn-1.has-form .laa-pr-btn-1-right {
    display: none;
}


/* Button text */
.pickup-contact-frm.nominate.a.business
~ .laa-pr-btn-1.has-form::before {
    content: "PUT THEM ON OUR RADAR";
    display: block;

    color: #111;

    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
}


/* Round arrow */
.pickup-contact-frm.nominate.a.business
~ .laa-pr-btn-1.has-form::after {
    content: "→";

    position: absolute;
    right: 16px;
    top: 50%;

    width: 18px;
    height: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translateY(-50%);

    border-radius: 50%;

    background: rgba(0, 0, 0, 0.10);

    color: #111;

    font-size: 14px;
    font-weight: 700;
}


/* Hover */
.pickup-contact-frm.nominate.a.business
~ .laa-pr-btn-1.has-form:hover {
    background: #f5b600 !important;

    box-shadow:
        0 5px 10px rgba(0, 0, 0, 0.15);

    transform: translateY(-1px);
}


/* -----------------------------------------
   CF7 RESPONSE
   ----------------------------------------- */

.pickup-contact-frm.nominate.a.business
~ .wpcf7-response-output {
    margin: 10px 0 0 !important;
    padding: 8px 10px !important;

    border-radius: 6px;

    font-size: 11px;
}


/* -----------------------------------------
   MOBILE
   ----------------------------------------- */

@media (max-width: 767px) {

    .pickup-contact-frm.nominate.a.business h6,
    .pickup-contact-frm.nominate.a.business + .your-details h6 {
        font-size: 12px;
    }

    .pickup-contact-frm.nominate.a.business .laa-form-1-input,
    .your-details .laa-form-1-input {
        height: 40px;
        font-size: 12px;
    }

    .pickup-contact-frm.nominate.a.business textarea.laa-form-1-input {
        height: 75px;
        min-height: 75px;
    }

    .your-details .common-div-wrap {
        display: block;
    }

    .your-details .common-div-wrap .email,
    .your-details .common-div-wrap .telephone {
        width: 100%;
    }

    .pickup-contact-frm.nominate.a.business
    ~ .laa-pr-btn-1.has-form {
        min-height: 46px;
    }
}
/* =========================================
   YOUR DETAILS
   ========================================= */

.your-details {
    width: 100% !important;
    padding-top: 16px !important;
    border-top: 1px solid #edf0f2 !important;
    box-sizing: border-box !important;
}

/* Your Details heading */
.your-details h6 {
    position: relative !important;

    margin: 0 0 14px 0 !important;
    padding-left: 26px !important;

    color: #173d5d !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 20px !important;

    text-transform: uppercase !important;
    letter-spacing: 0.2px !important;
}

/* Number 2 circle */
.your-details h6::before {
    content: "2";

    position: absolute;
    left: 0;
    top: 1px;

    width: 18px;
    height: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #236C90;
    color: #fff;

    font-size: 10px;
    font-weight: 700;
    line-height: 18px;
}


/* =========================================
   YOUR DETAILS FIELD BOX
   ========================================= */

.your-details .laa-form-1-input-box {
    width: 100% !important;
    margin-bottom: 11px !important;
    box-sizing: border-box !important;
}


/* =========================================
   YOUR DETAILS LABEL
   ========================================= */

.your-details .laa-form-1-label {
    display: block !important;

    margin: 0 0 5px 0 !important;

    color: #000 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 13px !important;

    text-transform: uppercase !important;
    letter-spacing: 0.2px !important;
}


/* =========================================
   YOUR DETAILS INPUT
   ========================================= */

.your-details input.laa-form-1-input {
    width: 100% !important;
    height: 35px !important;

    display: block !important;

    padding: 0 12px !important;

    box-sizing: border-box !important;

    border: 1px solid #d7e0e7 !important;
    border-radius: 9px !important;

    background: #fff !important;

    color: #273640 !important;

    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 400 !important;

    outline: none !important;

    box-shadow: 0 1px 3px rgba(20, 50, 70, 0.06) !important;

    transition: all 0.2s ease !important;
}


/* =========================================
   EMAIL + CONTACT NUMBER
   ========================================= */

.your-details .common-div-wrap {
    width: 100% !important;

    display: flex !important;
    flex-wrap: nowrap !important;

    gap: 10px !important;

    box-sizing: border-box !important;
}


/* Email */
.your-details .common-div-wrap .email {
    width: 50% !important;
    flex: 1 1 50% !important;
    margin: 0 !important;
}


/* Telephone */
.your-details .common-div-wrap .telephone {
    width: 50% !important;
    flex: 1 1 50% !important;
    margin: 0 !important;
}


/* =========================================
   EMAIL + PHONE INPUT
   ========================================= */

.your-details .common-div-wrap input {
    width: 100% !important;
    height: 35px !important;

    padding: 0 12px !important;

    box-sizing: border-box !important;

    border: 1px solid #d7e0e7 !important;
    border-radius: 9px !important;

    background: #fff !important;

    font-size: 11px !important;

    outline: none !important;

    box-shadow: 0 1px 3px rgba(20, 50, 70, 0.06) !important;
}


/* =========================================
   PLACEHOLDER
   ========================================= */

.your-details input::placeholder {
    color: #7b8790 !important;
    opacity: 1 !important;
}


/* =========================================
   INPUT FOCUS
   ========================================= */

.your-details input:focus {
    border-color: #236C90 !important;

    box-shadow:
        0 0 0 2px rgba(35, 108, 144, 0.08) !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .your-details {
        margin-top: 20px !important;
        padding-top: 14px !important;
    }

    .your-details h6 {
        font-size: 12px !important;
    }

    .your-details input.laa-form-1-input,
    .your-details .common-div-wrap input {
        height: 40px !important;
        font-size: 12px !important;
    }

    .your-details .common-div-wrap {
        display: block !important;
    }

    .your-details .common-div-wrap .email,
    .your-details .common-div-wrap .telephone {
        width: 100% !important;
        flex: none !important;
    }
}
/**********************************/
.page-id-4974 section.log-breadcrumb-section.position-relative.tx-breadcrumb.tx-section-margin {
    display: none;
}
.title_promo_class .subtitle.text-uppercase.wow.fadeInRight {
    color: #144b95;
}

.what_we_do .elementor-swiper-button-next, 
.what_we_do .elementor-swiper-button-prev {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    position: relative;
    z-index: 1;
    transition: 0.5s var(--laa-cube-1);
    cursor: pointer;
     
}

.what_we_do .elementor-swiper-button-next:hover, .what_we_do .elementor-swiper-button-prev:hover {
    background: rgb(255, 255, 255);
}

.what_we_do .elementor-swiper-button-next {
    position: absolute;
    right: 0;
    top: 30px;
    right:0;
}

.what_we_do .elementor-swiper-button-prev {
    position: absolute;
    top: 32px;
    left:0;
}

.laa-right-btn-2:hover {
    background: rgb(255, 255, 255);
}


.client-work-class .laa-client-1-slider-item img{
    width:100% !important;
}
.client-work-class .laa-client-1-slider {
    padding: 0px 42px;
}
.client-work-class .swiper-slide {
 width:350px !important;
}
.client-work-class .laa-client-1-wrap {
    background: #7293be96;
    padding: 20px 20px 25px;
    border-radius: 16px;
}
.client-work-class .laa-client-1-title.laa-heading-1 {
    color: #000;
}
.about_us_class .ceo-name {
    color: #144B95;
}
.statistics_class .increase-percentage {
	position: relative;
}
.statistics_class .increase-percentage:after {
    position: absolute;
    top: -100px;
    right: 0%;
    content: url('https://yatco.hexagoninfosoft.in/wp-content/uploads/2024/10/Note.png');
}
.statistics_class span.stat3 {
    color: #144b95;
    position: absolute;
    bottom: -47px;
    width: 100%;
    right: 0;
     font-family: cursive;
     color: #f4cf11;
}
.statistics_class .log-counter-item-4 h3 {
    font-size: 55px;
}

.statistics_class .log-counter-item-4 h3:before {
    top: 0px;
}
.statistics_class .log-counter-item-4.justify-content-between{
    justify-content: flex-start !important;
}
.three_services .log-service-item-3 .service-text{
        padding: 26px 50px;
}
.process_class a {
    color: #144b95;
}
.mobile_menu .mobile_menu_close {
    top: 25px;
    right: 25px;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    position: absolute;
}
.mbl-cta-btn.text-uppercase.d-flex.justify-content-center a {
    color: #144b95;
}
.team_class .item-hover-text.href-underline.position-absolute.text-center.headline span {
    color: #144b95;
}
.log-breadcrumb-section .breadcrumb-content ul li:before {
    top: 7px;
    right: -52px;
    position: absolute;
    color: var(--laa-clr-sd-1);
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url('https://yatco1.hexagoninfosoft.in/wp-content/uploads/2024/11/YATCO_Logo-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.about_us_class .log-about-section-2 .log-about-img-2:before {
    
    background-color: #f4cf117a;
}
.log-breadcrumb-section .breadcrumb-content ul {
    
    background-color: #144b95;
    
}
.log-breadcrumb-section .background_overlay {
   
    background-color: #144b95e8;
    
}
.log-breadcrumb-section .breadcrumb-content {
    padding: 30px 0px 30px;
}

.log-breadcrumb-section .breadcrumb-content .breadcrumb_title {
    padding-bottom: 0 !important;
}
.contact_page .comment-respond input, .comment-respond textarea, .log-team-contact-form input, .log-team-contact-form textarea {
   
    background-color: #F7F7F7;
}
.header_class nav.laa-main-navigation.d-none.d-lg-block.laa-mr-auto {
    margin-right: 0px;
}
.faq_class a.laa-phone {
    margin-bottom: 250px;
    
}
.faq_class .laa-accordion-item:not(:last-child) {
    margin-bottom: 25px;
}
.header_class ul.laa-header-1-top-contact li a:hover {
    color: #f4cf11;
}
.vehicle_class p.item-disc.laa-para-1 {
    height: 112px;
}
.laa-subtitle-1 {
    color: #fff;
    background: #144B95;
    
}
.cust-process-section .log-process-item-6 .inner-icon span {  
    background-color: #FFC107;
}

.cust-process-section .log-process-item-6 .tx-shape, .log-process-item-6:before {  
    right: -70px;
}
.cust-process-section  .log-process-item-6 .inner-text h3 {
    font-size: 20px;
}
body.home {
    background-image: url(https://yatco1.hexagoninfosoft.in/wp-content/uploads/2024/11/body-bg-scaled-1.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contact-us-btn .laa-pr-btn-1:is(.has-red-white):hover .laa-pr-btn-1-left {
    background: #1a2d4e;
    color:#fff;
}
.contact-us-btn .laa-pr-btn-1:is(.has-red-white):hover .laa-pr-btn-1-right {
    border-color: #1a2d4e;
    background: #fff;
    color: #1a2d4e;;
}

.contact-us-btn .laa-pr-btn-1:is(.has-header):hover .laa-pr-btn-1-right {   
    color: #1a2d4e;
}
.contact-us-btn .laa-pr-btn-1:is(.has-red-white):hover .text::after {
    color: #fff;
}

.contact-frm-section .common-div-wrap {
    display: flex;
    column-gap: 1rem;
    justify-content: space-between;
}
.contact-frm-section .laa-form-1 {
    padding-top: 30px;
    padding-bottom: 15px;
}
.contact-frm-section .laa-form-1-title {
    margin-bottom: 20px;
}
.contact-frm-section .dates {
    width: 100%;
}
.contact-frm-section .tx-description {
    color: #fff;
    margin: 16px 0;
}
.contact-frm-section .laa-form-1 .title-line {
    margin-bottom: 30px;
}
.contact_footer_class .laa-footer-1-widget-single-contact li i {
    font-size: 22px;
}

#get-in-touch .laa-pr-btn-1 .text {
    overflow: unset;
}
#get-in-touch .laa-blog-1-all-btn.text-center {
    text-align: left !important;
}
.team_class #log-team-1 a {
    color: #000;
}
.what_we_do .laa-services-1-slider-item .item-subtitle {
    font-size: 25px;
    color: #000;
    margin-bottom: 28px;
}
.contact-frm-section .wpcf7-not-valid-tip {
   
    font-size: 14px;
    
}
.contact-frm-section .wpcf7 form .wpcf7-response-output {
    font-size: 14px;
    
}
.contact-frm-section .laa-form-1-box {
    max-width: 500px;
}
@media (max-width: 1300px){
.statistics_class .stats .increase-percentage:after {
    top: -141px;
    right: 50%;
	transform: translateX(50%) rotate(313deg) ;
}
}
@media only screen and (max-width: 1023px) {
 .faq_class a.laa-phone {
    margin-bottom: auto;
}
.three_services .log-service-item-3 .service-text {
    
    padding: 10px;
    
}
.three_services h3.port_title.href-underline a {
    font-size: 18px;
}
.team_class #log-team-1 {
    padding: 120px 0px 0px 0px;
   
}
.statistics_class span.stat3 {
    bottom: -67px;
}
}
@media only screen and (max-width: 767px) {
 .contact-frm-section .common-div-wrap {
    display: block;
    
}
.telephone.laa-form-1-input-box {
    margin-bottom: 28px;
}
.address.laa-form-1-input-box {
    margin-bottom: 28px;
}
.dates.laa-form-1-input-box {
    margin-bottom: 28px;
}
.faq_class .laa-faq-1-img img {
    height: auto;
    max-width: 280px;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
}
@media only screen and (max-width: 575px) {
.laa-hero-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .laa-hero-1-slider-item-bg .item-bg img {
    transform: translateX(26%);
}
}