:root {
    --primary: #0acf83;
    --secondary: #ffc518;
}

html { scroll-behavior: smooth; }

body.megamenu-open { overflow: hidden; }

* { margin: 0; padding: 0; }

h1 { font-size: 70px; font-family: 'Open sans', sans-serif; font-weight: bold; line-height: 1.2; }

h2 { font-size: 39px; font-family: 'Open sans', sans-serif; font-weight: bold; line-height: 1.2; }

h3 { font-size: 30px; font-family: 'Open sans', sans-serif; font-weight: bold; line-height: 1.2; }

h4 { font-size: 20px; font-family: 'Open sans', sans-serif; font-weight: 400; }

li { list-style: none; }

ul { margin: 0; padding: 0; }

p, a, li, button, select, input, textarea, span, label, td, th, small { font-family: 'Open sans', sans-serif; font-size: 16px; font-weight: 400; color: #000; line-height: 1.3; }

select { line-height: 1.3; background: #fff; }

small { font-size: 14px; }

table { width: 100%; background: #fff; padding: 0 12px; border-collapse: collapse; }

table tr { border-bottom: 1px solid #c5c8cb; }

table tr:last-child { border-bottom: 0; }

table td { padding: 15px 6px; }

a, button { text-decoration: none; cursor: pointer; transition: all 0.6s; }

img, iframe, figure { display: block; }

button[disabled] { opacity: 0.5; pointer-events: none; }

.container { width: 80%; max-width: 1200px; margin: auto; }

.d-flex { display: flex; }

.justify-content-center { justify-content: center; }

.justify-content-between { justify-content: space-between; }

.justify-content-end { justify-content: flex-end; }

.align-items-start { align-items: flex-start; }

.align-items-center { align-items: center; }

.align-items-end { align-items: flex-end; }

.flex-wrap { flex-wrap: wrap; }

.text-center { text-align: center; }

.text-uppercase { text-transform: uppercase; }

.light { font-weight: 300; }

.regular { font-weight: 400; }

.medium { font-weight: 500; }

.semibold { font-weight: 600; }

.bold { font-weight: 700; }

.italic { font-style: italic; }

.position-relative { position: relative; }

.inherit { font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; }

.btn { padding: 10px 22px; border-radius: 10px; display: table; }

.btn-primary { background: var(--primary); color: #fff; }

.btn-primary:hover { background: var(--secondary); }

.btn-secondary { background: var(--secondary); color: #fff; }

.btn-secondary:hover { background: var(--primary); }

.loading { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; top: 0; }

.loading img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: 50px; }

.swal2-container.swal2-shown { z-index: 99999; }

.swal2-popup #swal2-content { font-family: 'Open sans', sans-serif; font-weight: 400; font-size: 16px !important; }

.swal2-popup .swal2-title { font-size: 30px !important; font-weight: bold !important; color: #000 !important; font-family: 'Open sans', sans-serif; }

.swal2-popup .swal2-styled.swal2-confirm { padding: 10px 22px !important; background: var(--primary) !important; font-weight: bold !important; min-width: 100px; }

.swal2-popup .swal2-styled.swal2-confirm:hover { background: var(--secondary) !important; }

.swal2-container *:focus { border: none !important; outline: none !important; box-shadow: none !important; }

.custom-paginator { margin-top: 20px; }

.custom-paginator .pagination { display: flex; column-gap: 10px; }

.custom-paginator .pagination .page-link { font-size: 16px; }

.custom-paginator .pagination .page-item.active .page-link { color: var(--primary); }

.hide-content { display: none !important; }

/* home page styles */

.header { transition: box-shadow 0.3s ease, padding 0.3s ease; background: transparent; }

.header .desktop-menu { padding: 20px 0; }

.header.fixed-header { position: fixed !important; background: #fff; width: 100%; z-index: 9999; box-shadow: 0 2px 5px rgb(0 0 0 / 10%); --webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%); }

.header.fixed-header .desktop-menu { padding: 10px 0; }

.header.internal-menu { box-shadow: 0 2px 20px rgb(0 0 0 / 5%); --webkit-box-shadow: 0 2px 20px rgba(0 0 0 / 5%); }

.header .cart-header { padding: 12px 0; background: var(--secondary); }

.header .cart-header a:hover { color: #fff; }

.header .cart-header .inner-content { column-gap: 10px; }

.header .cart-header .inner-content .divider-vertical-line { width: 1px; height: 18px; background: #000; display: block; }

.header .cart-header .inner-content .cart-link { column-gap: 12px; }

.header .cart-header .inner-content .cart-link .cart-items-counter { position: absolute; right: -5px; top: 0; color: #fff; background: var(--primary); font-size: 10px; border-radius: 50%; width: 12px; height: 12px; min-width: 12px; line-height: 12px; text-align: center; }

.header .mobile-menu { display: none; }

.header .desktop-menu .row .first-column img { max-width: 70px; }

.header .desktop-menu .row .second-column ul { column-gap: 20px; }

.header .desktop-menu .row .second-column a.btn { padding: 5px 22px; }

.header .desktop-menu .row .second-column a:not(.btn):hover { color: var(--primary); }

.header .desktop-menu .row .second-column .has-subitems a { padding-bottom: 55px; }

.header .desktop-menu { position: relative; z-index: 9999; }

.header .desktop-menu .row .second-column .subitems.megamenu-container { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; z-index: 999; }

.header .desktop-menu .row .second-column .subitems.megamenu-container .content-row { max-width: 1200px; width: 80%; margin: auto; border-top: 1px solid #eee; padding-top: 50px; padding-bottom: 50px; }

.header .desktop-menu .row .second-column .subitems.megamenu-container .content-row .title-content { column-gap: 5px; }

.header .desktop-menu .row .second-column .subitems.megamenu-container .content-row .title-content img { max-width: 22px; }

.header .desktop-menu .row .second-column .subitems.megamenu-container .content-row .content-column { width: 25%; border-right: 1px solid #eee; padding-left: 30px; padding-right: 30px; box-sizing: border-box; }

.header .desktop-menu .row .second-column .subitems.megamenu-container .content-row .content-column:first-child { padding-left: 0; }

.header .desktop-menu .row .second-column .subitems.megamenu-container .content-row .content-column:last-child { border-right: 0; padding-right: 0; }

.header .desktop-menu .row .second-column .subitems.megamenu-container .content-row .content-column h4,
.header .desktop-menu .row .second-column .subitems.megamenu-container .content-row .content-column p { transition: all 0.6s; }

.header .desktop-menu .row .second-column .subitems.megamenu-container .content-row .content-column:hover h4,
.header .desktop-menu .row .second-column .subitems.megamenu-container .content-row .content-column:hover p { color: var(--primary); }

.header .desktop-menu .row .second-column .subitems.megamenu-container .content-row a { margin-top: 0; }

.header .desktop-menu .row .second-column .subitems.megamenu-container .content-row p { color: #aaa; font-size: 13px; margin-top: 5px; }

#megamenu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #5b627166; z-index: 99999; }

#megamenu-overlay ~ .header { background: #fff; position: relative; z-index: 99999; }

.header .desktop-menu .row .second-column .subitems h4 { font-size: 16px; }

.header .desktop-menu .row .second-column .subitems a { display: block; width: 100%; padding-bottom: 0; margin-top: 20px; }

.header .desktop-menu .row .second-column .subitems li:first-child a { margin-top: 0; }

.header .desktop-menu .row .second-column .social-networks-item { column-gap: 5px; }

.home-banner-section { background-image: url('../images/home-banner-image.jpeg'); height: calc(100vh - 100px); background-size: cover; background-position: center; background-repeat: no-repeat; }

.home-banner-section .row h3 { font-size: 44px; }

.home-banner-section .row .column { width: 80%; max-width: 1200px; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }

.home-banner-section .row form { border-radius: 10px; margin-top: 40px; background: var(--primary); padding: 20px 25px; box-sizing: border-box; }

.home-banner-section .row form .form-group-container { background: #fff; border-radius: 10px; }

.home-banner-section .row form .form-group { position: relative; padding: 10px; box-sizing: border-box; width: 34%; }

.home-banner-section .row form .form-group.service-form-group { width: 42%; }

.home-banner-section .row form .form-group .divider-vertical-line { position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 40px; background: rgba(0,0,0,0.7); display: inline-block; }

.home-banner-section .row form label { margin-left: 3px; }

.home-banner-section .row form select { outline: none; display: block; border: 0; width: 100%; }

.home-banner-section .row form button { padding: 20px; border: 2px solid #fff; min-width: 170px; height: 100%; }

.home-banner-section .row img { margin: auto; margin-top: 50px; max-width: 210px; }

.services-section { background: #f5f5f5; padding: 70px 0; }

.services-section h2 { font-size: 56px; }

.services-section h4 { max-width: 650px; margin: auto; margin-top: 7px; }

.services-section h3 { margin-top: 40px; }

.services-section .row { margin-top: 40px; }

.services-section .row .divider-horizontal-line { display: block; margin-top: 10px; margin-bottom: 15px; height: 3px; width: 50px; background: var(--primary); }

.services-section .row .service-slider-item { display: flex; flex-direction: column; align-items: flex-start; }

.services-section .row p.bold { margin-bottom: 3px; }

.services-section .row p:not(.bold) { margin-bottom: 20px; }

.services-section .row a { width: 100%; margin-top: auto; padding: 10px 15px; box-sizing: border-box; text-align: center; }

.services-section .row .slick-track { display: flex !important; align-items: stretch !important; }

.services-section .row .slick-slide > div { display: flex !important; flex-direction: column; align-items: flex-start; height: 100%; }

.services-section .row .slick-slide { margin: 0 15px;  height: auto !important; }

.services-section .row .slick-list { margin: 0 -15px; }

.services-section .row .slick-prev,
.services-section .row .slick-next { z-index: 999; }

.services-section .row .slick-prev { left: -65px; }

.services-section .row .slick-next { right: -65px; }

.services-section .row .slick-arrow { width: 30px; min-width: 30px; height: 30px; border-radius: 50%; background: var(--primary); }

.services-section .row .slick-arrow:hover { background: var(--secondary); }

.services-section .row .slick-arrow i { color: #fff; font-size: 12px; }

.services-section .row .slick-prev:before,
.services-section .row .slick-next:before { content: none !important; }

.purchase-in-china-section h3 { max-width: 700px; margin: auto; padding-top: 60px; padding-bottom: 40px; }

.purchase-in-china-section .row .column { width: 50%; }

.purchase-in-china-section .row .first-column img { width: 100%; min-height: 400px; max-height: 400px; height: 400px; object-fit: cover; }

.purchase-in-china-section .row .second-column .column-content { margin-left: 55px; margin-right: calc((100vw - min(1200px, 80vw)) / 2); }

.purchase-in-china-section .row .second-column p { margin-top: 15px; }

.purchase-in-china-section .row .second-column a { margin: auto; margin-top: 25px; }

.purchase-in-usa-section .row .column { width: 50%; }

.purchase-in-usa-section .row .first-column .column-content { margin-right: 55px; margin-left: calc((100vw - min(1200px, 80vw)) / 2); }

.purchase-in-usa-section .row .first-column p { margin-top: 15px; }

.purchase-in-usa-section .row .first-column a { margin: auto; margin-top: 25px; }

.purchase-in-usa-section .row .second-column img { width: 100%; min-height: 400px; max-height: 400px; height: 400px; object-fit: cover; }

.our-testimonials-section { padding: 70px 0; background: #f5f5f5; }

.our-testimonials-section .row { margin-top: 40px; }

.our-testimonials-section .slick-track { margin: 50px 0; display: flex; }

.our-testimonials-section .slick-slide { margin: 0 10px; height: auto; }

.our-testimonials-section .slick-list { margin: 0 -10px; }

.our-testimonials-section .slick-dotted { margin-bottom: 0; }

.our-testimonials-section .testimonial-slider-item.slick-current img { content: url(../images/active-testimonial-icon.png); }

.our-testimonials-section .testimonial-slider-item.slick-current { opacity: 1; transform: scale(1); }

.our-testimonials-section .testimonial-slider-item { transform: scale(0.9); opacity: 0.5; border-radius: 50px; padding: 35px; box-sizing: border-box; background: #fff; }

.our-testimonials-section .testimonial-slider-item img { margin: auto; margin-top: -80px; margin-bottom: 30px; }

.our-testimonials-section .testimonial-slider-item .testimonials-score { margin-top: 25px; margin-bottom: 5px; column-gap: 2px; }

.our-testimonials-section .testimonial-slider-item .testimonials-score i { color: var(--secondary); }

.our-testimonials-section .slick-dots { position: relative; }

.our-testimonials-section .slick-dots li button:before { font-size: 15px; opacity: 1; color: #929392; }

.our-testimonials-section .slick-dots li.slick-active button:before { color: var(--primary); }

.our-testimonials-section .slick-prev,
.our-testimonials-section .slick-next { z-index: 999; }

.our-testimonials-section .slick-prev { left: -65px; }

.our-testimonials-section .slick-next { right: -65px; }

.our-testimonials-section .slick-arrow { width: 30px; min-width: 30px; height: 30px; border-radius: 50%; background: var(--primary); }

.our-testimonials-section .slick-arrow:hover { background: var(--secondary); }

.our-testimonials-section .slick-arrow i { color: #fff; font-size: 12px; }

.our-testimonials-section .slick-prev:before,
.our-testimonials-section .slick-next:before { content: none !important; }

.logistics-partner-section { padding: 70px 0; }

.logistics-partner-section .row .column { width: 50%; }

.logistics-partner-section .row .first-column img { width: 100%; object-fit: cover; }

.logistics-partner-section .row .second-column h4 { margin-top: 20px; }

.logistics-partner-section .row .second-column a { margin: auto; margin-top: 20px; }

.logistics-partner-section .row .second-column .column-content { margin-left: 55px; }

.featured-benefits-section { padding-bottom: 70px; }

.featured-benefits-section .row { margin-top: 30px; column-gap: 50px; }

.featured-benefits-section .row .column { width: calc(25% - 25px); }

.featured-benefits-section .row .column .divider-horizontal-line { display: block; margin-top: 10px; margin-bottom: 15px; height: 3px; width: 50px; background: var(--primary); }

.featured-benefits-section .row .column p.bold { margin-bottom: 3px; }

.featured-benefits-section a { margin: auto; margin-top: 30px; }

.newsletter-form-section { background: var(--primary); }

.newsletter-form-section .row .column { width: 50%; }

.newsletter-form-section .row .first-column .column-content { margin-left: calc((100vw - min(1200px, 80vw)) / 2); margin-right: 90px; }

.newsletter-form-section .row .first-column h3,
.newsletter-form-section .row .first-column p { color: #fff; }

.newsletter-form-section .row .first-column h3 { font-size: 36px; }

.newsletter-form-section .row .first-column p { margin-top: 5px; }

.newsletter-form-section .row .first-column form { display: grid; gap: 15px; margin-top: 30px; }

.newsletter-form-section .row .first-column form input,
.newsletter-form-section .row .first-column form textarea { outline: none; width: 100%; border-radius: 10px; padding: 12px 20px; border: 0; box-sizing: border-box; }

.newsletter-form-section .row .first-column form textarea { height: 130px; resize: none; }

.newsletter-form-section .row .first-column form input::placeholder,
.newsletter-form-section .row .first-column form textarea::placeholder { color: #000; }

.newsletter-form-section .row .first-column form button { border-radius: 10px; padding: 10px 22px; border: 3px solid #fff; background: transparent; color: #fff; margin-top: 5px; }

.newsletter-form-section .row .first-column form button:hover { background: var(--secondary); border-color: var(--secondary) }

.newsletter-form-section .row .first-column .form-group.d-flex { column-gap: 15px; }

.newsletter-form-section .row .second-column img { width: 100%; min-height: 660px; max-height: 660px; object-position: top; object-fit: cover; }

.footer .footer-main-content { padding: 50px 0; background: #fff; }

.footer .footer-main-content .row { column-gap: 50px; }

.footer .footer-main-content .divider-horizontal-line { display: block; margin-top: 10px; margin-bottom: 10px; height: 3px; width: 100%; background: var(--primary); }

.footer .footer-main-content .first-column { width: 10%; }

.footer .footer-main-content .first-column img { width: 100%; }

.footer .footer-main-content .second-column,
.footer .footer-main-content .third-column,
.footer .footer-main-content .fourth-column,
.footer .footer-main-content .fifth-column { width: 22.5%; }

.footer .footer-main-content .second-column a,
.footer .footer-main-content .third-column a,
.footer .footer-main-content .fourth-column a,
.footer .footer-main-content .fifth-column a { display: block; line-height: 1.5; }

.footer .footer-main-content .second-column a:hover,
.footer .footer-main-content .third-column a:hover,
.footer .footer-main-content .fourth-column a:hover,
.footer .footer-main-content .fifth-column a:hover { color: var(--primary); }

.footer .footer-main-content .fifth-column ul { margin-top: 15px; column-gap: 7px; }

.footer .contact-schedule-content { margin-top: 10px; }

.footer .contact-schedule-content p.bold { margin-bottom: 2px; }

.footer .footer-copyright-content { padding: 15px 0; background: var(--primary); }

.footer .footer-copyright-content p { width: 80%; max-width: 1200px; margin: auto; color: #fff; }

.footer .footer-copyright-content a { position: absolute; right: 0; color: #fff; margin-right: calc((100vw - min(1200px, 80vw)) / 2); }

.footer .footer-copyright-content a:hover { color: var(--secondary); }

@media (max-width: 1380px) {
    .swal2-popup .swal2-title { font-size: 24px !important; }

    .swal2-popup #swal2-content { font-size: 15px !important; }

    h1 { font-size: 54px; }

    h2 { font-size: 31px; }

    h3 { font-size: 24px; }

    h4 { font-size: 18px; }

	p, a, li, td, th, small, button, select, input, textarea, span, label { font-size: 15px; }

	.header .desktop-menu .row .first-column img { max-width: 60px; }

    .header .desktop-menu .row .second-column ul { column-gap: 15px; }

    .header .desktop-menu .row .second-column .subitems { margin-top: 0; }

    .header.fixed-header .desktop-menu .row .second-column .subitems { margin-top: 0; }

    .home-banner-section { height: calc(100vh - 90px); }

    .home-banner-section .row h3 { font-size: 35px; }

    .services-section h2 { font-size: 45px; }

    .newsletter-form-section .row .first-column h3 { font-size: 29px; }
}

@media (max-width: 1300px) {
	.header .desktop-menu .row .second-column .subitems.megamenu-container .content-row { flex-wrap: wrap; row-gap: 30px; }

    .header .desktop-menu .row .second-column .subitems.megamenu-container .content-row .content-column { width: calc(50% - 15px); } 
}

@media (max-width: 992px) {
    .header .desktop-menu { display: none; }

    .header.fixed-header .mobile-menu .second-row { margin-top: 10px; }

    .header .mobile-menu { padding: 10px 0; display: block; }

    .header .mobile-menu .first-row .first-column img { max-width: 60px; }

    .header .mobile-menu .first-row .second-column .menu-burguer { cursor: pointer; display: grid; gap: 4px; }

    .header .mobile-menu .first-row .second-column .menu-burguer .bar { width: 33px; height: 4px; background: var(--primary); display: block; } 

    .header .mobile-menu .second-row { display: none; z-index: 999; background: #fff; box-shadow: 0 2px 5px rgb(0 0 0 / 10%); --webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%); position: absolute; left: 50%; transform: translateX(-50%); width: 80%; margin-top: 10px; border-top: 3px solid var(--primary); }

    .header .mobile-menu .second-row .navbar a { padding: 18px 30px; box-sizing: border-box; display: block; border-bottom: 1px solid #eee; width: 100%; }

    .header .mobile-menu .second-row .navbar a:hover { border-color: var(--primary); background: var(--primary); color: #fff; }

    .header .mobile-menu .second-row .navbar a:hover ~ i { color: #fff; }

    .header .mobile-menu .second-row .navbar .has-subitems i { transition: all 0.6s; position: absolute; height: 100%; width: 40px; line-height: 58px; top: 0; right: 10px; cursor: pointer; }

    .header .mobile-menu .second-row .navbar a.make-shipment-button { background: var(--primary); color: #fff; }

    .header .mobile-menu .second-row .navbar a.make-shipment-button:hover { border-color: var(--secondary); background: var(--secondary); }

    .header .mobile-menu .second-row .social-networks-item { column-gap: 10px; }

    .header .mobile-menu .second-row .social-networks-item a { padding: 18px 0; width: auto; border-bottom: none; }

    .header .mobile-menu .second-row .social-networks-item a:first-child { padding-left: 30px; }

    .header .mobile-menu .second-row .social-networks-item a:hover { background: transparent; color: var(--primary); }

    .header .mobile-menu .second-row .subitems { display: none; }

    .header .mobile-menu .second-row .subitems a { padding: 18px 30px; }

    .header .mobile-menu .second-row .subitems a .title-content { column-gap: 5px; }

    .header .mobile-menu .second-row .subitems a .title-content h4 { font-size: 15px; }    

    .header .mobile-menu .second-row .subitems a p { font-size: 13px; color: #aaa; max-width: 60%; margin-top: 5px; }

    .header .mobile-menu .second-row .subitems a:hover { background: #fff; border-bottom: 1px solid #eee; }

    .header .mobile-menu .second-row .subitems a h4,
    .header .mobile-menu .second-row .subitems a p { transition: all 0.6s; }

    .header .mobile-menu .second-row .subitems a:hover h4,
    .header .mobile-menu .second-row .subitems a:hover p { color: var(--primary); }

    .header .mobile-menu .second-row .subitems img { max-width: 22px; }

    .footer .footer-main-content .row { flex-wrap: wrap; }

    .footer .footer-main-content .row .first-column { width: 100%; margin-bottom: 30px; }

    .footer .footer-main-content .row .first-column img { max-width: 60px; margin: auto; }

    .footer .footer-main-content .row .second-column,
    .footer .footer-main-content .row .third-column,
    .footer .footer-main-content .row .fourth-column,
    .footer .footer-main-content .row .fifth-column { width: 20%; }

    .footer .footer-copyright-content a { position: relative; margin-right: auto; margin-top: 10px; }

    .footer .footer-copyright-content .d-flex { flex-wrap: wrap; }

    .footer .footer-copyright-content p,
    .footer .footer-copyright-content a { width: 100%; text-align: center; }
}

@media (max-width: 992px) {
    .home-banner-section { height: 800px; }

    .home-banner-section .row form .form-group-container { flex-wrap: wrap; }

    .home-banner-section .row form .form-group.service-form-group,
    .home-banner-section .row form .form-group { width: 100%; }

    .home-banner-section .row form .form-group .divider-vertical-line { display: none; }

    .home-banner-section .row form button { width: 100%; }

    .purchase-in-china-section h3 { width: 80%; max-width: 1200px; }

    .purchase-in-china-section .row { flex-wrap: wrap; width: 80%; max-width: 1200px; margin: auto; }

    .purchase-in-china-section .row .column { width: 100%; text-align: center; }

    .purchase-in-china-section .row .second-column { margin: auto; margin-top: 40px; }

    .purchase-in-china-section .row .second-column a { margin: auto; margin-top: 25px; }

    .purchase-in-china-section .row .second-column .column-content { margin: auto; }

    .purchase-in-china-section .row .first-column img { min-height: auto; height: auto; }

    .purchase-in-usa-section { padding-top: 70px; padding-bottom: 70px; }

    .purchase-in-usa-section .row { flex-wrap: wrap; flex-direction: column-reverse; width: 80%; max-width: 1200px; margin: auto; }

    .purchase-in-usa-section .row .column { width: 100%; text-align: center; }

    .purchase-in-usa-section .row .first-column { margin-top: 40px; }

    .purchase-in-usa-section .row .first-column a { margin: auto; margin-top: 25px; }

    .purchase-in-usa-section .row .first-column .column-content { margin: auto; }

    .purchase-in-usa-section .row .second-column img { min-height: auto; height: auto; }

    .our-testimonials-section .slick-arrow { display: none !important; }

    .our-testimonials-section .slick-dots { bottom: 0; }

    .logistics-partner-section .row { flex-wrap: wrap; }

    .logistics-partner-section .row .column { width: 100%; }

    .logistics-partner-section .row .second-column { margin-top: 40px; text-align: center; }

    .logistics-partner-section .row .second-column .column-content { margin-left: 0; }

    .logistics-partner-section .row .second-column a { margin: auto; margin-top: 20px; }

    .featured-benefits-section .row { flex-wrap: wrap; row-gap: 50px; }

    .featured-benefits-section .row .column { width: calc(50% - 25px); }

    .newsletter-form-section .row { flex-wrap: wrap; }

    .newsletter-form-section .row .column { width: 100%; }

    .newsletter-form-section .row .first-column { padding: 50px 0; text-align: center; }

    .newsletter-form-section .row .second-column img { min-height: auto; }

    .newsletter-form-section .row .first-column .column-content { margin-right: calc((100vw - min(1200px, 80vw)) / 2); }

    .footer .footer-main-content .row .second-column, 
    .footer .footer-main-content .row .third-column, 
    .footer .footer-main-content .row .fourth-column, 
    .footer .footer-main-content .row .fifth-column { width: calc(50% - 25px); }

    .footer .footer-main-content .row .fourth-column,
    .footer .footer-main-content .row .fifth-column { margin-top: 30px; }
}

@media (max-width: 768px) {
    .services-section .row .service-slider-item { text-align: center; }

    .services-section .row img { margin: auto; }

    .services-section .row p.bold { margin: auto; margin-bottom: 3px; }

    .services-section .row .divider-horizontal-line { margin: auto; margin-top: 10px; margin-bottom: 15px; }

    .services-section .row .slick-arrow { display: none !important; }

    .services-section .slick-dotted { margin-bottom: 0; }

    .services-section .slick-dots { position: relative; bottom: 0; margin-top: 50px; }

    .services-section .slick-dots li button:before { font-size: 15px; opacity: 1; color: #929392; }

    .services-section .slick-dots li.slick-active button:before { color: var(--primary); }
}

@media (max-width: 575px) {
	.header .mobile-menu .second-row .subitems a p { max-width: 100%; }

    .featured-benefits-section .row .column { width: 100%; text-align: center; }

    .featured-benefits-section .row .column img { margin: auto; }

    .featured-benefits-section .row .column .divider-horizontal-line { margin: auto; margin-top: 10px; margin-bottom: 15px; }

    .newsletter-form-section .row .first-column .form-group.d-flex { row-gap: 15px; flex-wrap: wrap; flex-direction: column; }

    .footer .footer-main-content .row .second-column, 
    .footer .footer-main-content .row .third-column, 
    .footer .footer-main-content .row .fourth-column, 
    .footer .footer-main-content .row .fifth-column { width: 100%; text-align: center; }

    .footer .footer-main-content .row .third-column { margin-top: 30px; }

    .footer .footer-main-content .fifth-column ul { justify-content: center; }
}

/* end home page styles */



/* shipment page styles */

.shipment-form-section { padding: 50px 0; }

.panel-control-section .full-column { width: 80%; background: #fff; border-radius: 10px; padding: 40px; box-sizing: border-box; }

.shipment-form-section .subtitle { margin-top: 2px; }

.shipment-form-section .form-options-menu-container.mobile-form-options-menu-container { display: none; }

.shipment-form-section .form-options-menu-container .divider-horizontal-line-container { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); z-index: 0; }

.shipment-form-section .form-options-menu-container .divider-horizontal-line-container .full-line { width: 100%; height: 2px; display: block; background: #d2d2d2; }

.shipment-form-section .form-options-menu-container .divider-horizontal-line-container .full-line .progress { background: var(--primary); width: 20%; height: 2px; display: block; }

.shipment-form-section .form-options-menu-container { padding-top: 40px; }

.shipment-form-section .form-options-menu-container .row .column .column-content { margin: auto; background: #d2d2d2; width: 50px; min-width: 50px; height: 50px; border-radius: 50%; }

.shipment-form-section .form-options-menu-container .row .column { width: 20%; }

.is-client-shipping-form-section.shipment-form-section .form-options-menu-container .row .column { width: 25%; }

.shipment-form-section .form-options-menu-container .row .column img { margin: auto; max-width: 40px; position: relative; top: 6px; }

.shipment-form-section .form-options-menu-container .row .column p { font-size: 18px; color: #d2d2d2; margin-top: 20px; }

.shipment-form-section .form-options-menu-container .row .column.active .column-content { background: var(--primary); }

.shipment-form-section .form-options-menu-container .row .column.active p { color: #000; }

.shipment-form-section .form-container { margin-top: 35px; }

.shipment-form-section .form-container .form-content { display: none; }

.shipment-form-section .form-container .form-content.active { display: block; }

.shipment-form-section .form-container .profile-link { outline: none; margin-left: auto; border: none; transition: all 0.6s; cursor: pointer; color: var(--primary); display: block; padding: 0 6px; }

.shipment-form-section .form-container .form-groups-container { margin-top: 25px; display: grid; row-gap: 15px; }

.shipment-form-section .package-content-container { display: none; }

.shipment-form-section .fedex-information-container { margin-top: 30px; }

.shipment-form-section .fedex-information-container .row { margin-top: 25px; column-gap: 20px; }

.shipment-form-section .fedex-information-container h4 { max-width: 600px; margin: auto; }

.shipment-form-section .fedex-information-container .row .column { width: calc(50% - 10px); }

.shipment-form-section .fedex-information-container .row .column select { outline: none; color: #000; width: 100%; border: 1px solid #d6d6d6; border-radius: 10px; padding: 12px 20px; box-sizing: border-box; }

.shipment-form-section .fedex-information-container .row .column select { -webkit-appearance: none; -moz-appearance: none; background-image: url(../images/select-arrow-icon.svg) !important; background-repeat: no-repeat !important; background-position-x: calc(100% - 20px) !important; background-size: 12px; background-position-y: 19px !important; }

.shipment-form-section .form-container .form-groups-container .form-group,
.shipment-form-section .form-container .form-groups-container .package-input-content { column-gap: 15px; }

.shipment-form-section .form-container .form-groups-container .packages-inputs-content,
.shipment-form-section .package-content-container .form-group-content { display: grid; row-gap: 15px; }

.shipment-form-section .form-container .form-groups-container .packages-inputs-content .fa-remove,
.shipment-form-section .package-content-container .fa-remove { color: #ff0000; cursor: pointer; position: absolute; right: -35px; }

.shipment-form-section .form-container .form-groups-container .form-group input,
.shipment-form-section .form-container .form-groups-container .form-group select,
.shipment-form-section .form-container .form-groups-container .form-group textarea { outline: none; color: #000; width: 100%; border: 1px solid #d6d6d6; border-radius: 10px; padding: 12px 20px; box-sizing: border-box; }

.shipment-form-section .form-container .form-groups-container .form-group select { -webkit-appearance: none; -moz-appearance: none; background-image: url(../images/select-arrow-icon.svg) !important; background-repeat: no-repeat !important; background-position-x: calc(100% - 20px) !important; background-size: 12px; background-position-y: 19px !important; }

.shipment-form-section .form-container .form-groups-container .form-group input::placeholder,
.shipment-form-section .form-container .form-groups-container .form-group textarea::placeholder { color: #000; }

.shipment-form-section .form-container .form-groups-container .form-group textarea { resize: none; height: 120px; }

.shipment-form-section .form-container .form-groups-container .form-group .checkbox-label { column-gap: 10px; }

.shipment-form-section .form-container .form-groups-container .form-group input[type="checkbox"] { width: auto; }

.shipment-form-section .form-container .buttons-group { column-gap: 12px; margin-top: 20px; }

.shipment-form-section .form-container .buttons-group .back-button { border: 1px solid var(--primary); background: #fff; color: var(--primary); }

.shipment-form-section .form-container .buttons-group .back-button:hover { background: var(--primary); color: #fff; }

.shipment-form-section .form-container .total-shipping-cost-content { margin-bottom: 20px; }

.shipment-form-section .form-container .buttons-group .next-button { border: 1px solid var(--primary); }

.shipment-form-section .form-container .buttons-group .next-button:hover { background: #fff; border: 1px solid var(--primary); color: var(--primary); }

.shipment-form-section .form-container .buttons-group button { min-width: 200px; }

.shipment-form-section .form-container .buttons-group button i { font-size: 12px; }

.shipment-form-section .form-container .quantity-block { margin-right: 24px; width: 100%; column-gap: 12px; }

.shipment-form-section .form-container .quantity-block .quantity-amount .fa { font-size: 12px; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; }

.shipment-form-section .form-container .quantity-block .quantity-amount .fa-minus { left: 15px; }

.shipment-form-section .form-container .quantity-block .quantity-amount .fa-plus { right: 15px; }

.shipment-form-section .form-container .quantity-block .quantity-amount input[type="number"] { max-width: 110px; width: 110px; }

.shipment-form-section .form-container .quantity-block .quantity-amount input[type="number"]::-webkit-outer-spin-button,
.shipment-form-section .form-container .quantity-block .quantity-amount input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.shipment-form-section .form-container .quantity-block .quantity-amount input[type="number"] { -moz-appearance: textfield; }

.shipment-form-section .form-container .quantity-block .quantity-amount input[type="number"] { text-align: center; }

.shipment-form-section .form-container .add-package-button,
.shipment-form-section .form-container .add-article-button { display: inline-block; color: var(--primary); cursor: pointer; transition: all 0.6s; }

.shipment-form-section .form-container .add-package-button:hover,
.shipment-form-section .form-container .add-article-button:hover { color: var(--secondary); }

.shipment-form-section .form-container .package-content-container,
.shipment-form-section .form-container .shipment-type-container { margin-top: 30px; }

.shipment-form-section .form-container .form-groups-container .personal-documents-text { margin-top: 20px; }

.shipment-form-section .form-container .form-groups-container .form-group .article-description-textarea { height: 100px; }

.shipment-form-section .form-container .shipment-type-container p { width: 100%; margin-right: 24px; }

.shipment-form-section .form-container .resume-form-container { background: var(--primary); border-radius: 10px; padding: 30px; box-sizing: border-box; }

.shipment-form-section .form-container .resume-form-container .resume-form-content { background: #fff; padding: 30px; box-sizing: border-box; }

.shipment-form-section .form-container .resume-form-container .resume-form-content:first-child { border-top-left-radius: 10px; border-top-right-radius: 10px; }

.shipment-form-section .form-container .resume-form-container .resume-form-content:last-child { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.shipment-form-section .form-container .resume-form-container .resume-form-content .row { column-gap: 20px; }

.shipment-form-section .form-container .resume-form-container .resume-form-content .row .column { width: calc(33.33% - 10px); }

.shipment-form-section .form-container .resume-form-container .resume-form-content .row .column .divider-vertical-line { width: 100%; height: 1px; background: #c0c0c0; display: block; margin: 10px 0; }

.shipment-form-section .form-container .resume-form-container .resume-form-content .row .column p { margin-bottom: 7px; }

.shipment-form-section .form-container .resume-form-container .resume-form-content .row .column p:last-child { margin-bottom: 0; }

.shipment-form-section .form-container .resume-form-container .total-quote-content { display: none; padding-top: 0; }

.shipment-form-section .form-container .resume-form-container .total-quote-content h3 { font-size: 22px; font-weight: 600; }

.shipment-form-section .form-container .resume-form-container .total-quote-content p { margin-top: 5px; font-size: 14px; font-weight: 400; }

.shipment-form-section .form-container .quick-edition-button { cursor: pointer; transition: 0.6s; }

.shipment-form-section .form-container .quick-edition-button:hover { color: var(--primary); }

.shipment-form-section .form-container .payment-options-container { max-width: 640px; margin: auto; border-bottom: 1px solid #c0c0c0; padding-top: 25px; box-sizing: border-box; }

.shipment-form-section .form-container .payment-options-container .payment-option { cursor: pointer; width: 100%; }

.shipment-form-section .form-container .payment-options-container .payment-name { width: 100%; cursor: pointer; }

.shipment-form-section .form-container .payment-options-container .payment-name label { cursor: pointer; width: 100%; column-gap: 15px; }

.shipment-form-section .form-container .payment-options-container .payment-name input[type="radio"] { transform: scale(1.4); }

.shipment-form-section .form-container .payment-options-container i { font-size: 12px; }

.shipment-form-section .form-container .payment-option-block { margin: 30px 0; }

.shipment-form-section .form-container .payment-option-description-block { display: none; padding-top: 20px; box-sizing: border-box; }

.shipment-form-section .form-container .payment-option-block:first-child .payment-option-description-block { display: block; }

.shipment-form-section .form-container .payment-option-description-block .buttons-group { margin-top: 30px; }

.shipment-form-section .form-container .payment-option-description-block .buttons-group .first-button { background: var(--secondary); border: 2px solid var(--secondary); color: #fff; }

.shipment-form-section .form-container .payment-option-description-block .buttons-group .first-button:hover { background: #fff; color: #000; }

.shipment-form-section .form-container .payment-option-description-block .buttons-group .second-button { background: #fff; border: 2px solid var(--secondary); color: #000; }

.shipment-form-section .form-container .payment-option-description-block .buttons-group .second-button:hover { background: var(--secondary); color: #fff; }

.shipment-form-section .form-container .finish-block { margin-top: 60px; }

@media (max-width: 1380px) {
    .shipment-form-section .form-options-menu-container .row .column p { font-size: 16px; }

    .shipment-form-section .form-container .payment-options-container { max-width: 610px; }

    .shipment-form-section .fedex-information-container h4 { max-width: 550px; }

    .shipment-form-section .form-container .resume-form-container .total-quote-content h3 { font-size: 19px; }
}

@media (max-width: 1120px) {
    .shipment-form-section .form-container .resume-form-container .resume-form-content .row { flex-wrap: wrap; row-gap: 35px; }

    .shipment-form-section .form-container .resume-form-container .resume-form-content .row .column,
    .shipment-form-section .form-container .resume-form-container .resume-form-content .row .column:last-child { width: 50%; }

    .shipment-form-section .form-container .resume-form-container .resume-form-content .row .column, .shipment-form-section .form-container .resume-form-container .resume-form-content .row .column:last-child { width: 100%; }

    .shipment-form-section .form-container .resume-form-container { display: flex; flex-direction: column; flex-direction: column-reverse; }

    .shipment-form-section .form-container .resume-form-container .resume-form-content:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; padding-top: 30px; padding-bottom: 0; }

    .shipment-form-section .form-container .resume-form-container .resume-form-content:first-child { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
}

@media (max-width: 820px) {
	.shipment-form-section .form-options-menu-container.desktop-form-options-menu-container { display: none; }

	.shipment-form-section .form-options-menu-container.mobile-form-options-menu-container { display: block; }

    .shipment-form-section .form-options-menu-container.mobile-form-options-menu-container .column { display: none; }

    .shipment-form-section .form-options-menu-container.mobile-form-options-menu-container .column.active { display: block; }

    .shipment-form-section .form-options-menu-container.mobile-form-options-menu-container .row .column { width: 100%; }

    .shipment-form-section .form-options-menu-container .row { justify-content: center; }

    .shipment-form-section .form-options-menu-container .row .column { display: none; }

    .shipment-form-section .form-options-menu-container .row .column.active { position: relative; z-index: 0; display: block; }

    .shipment-form-section .form-container .form-groups-container .form-group,
    .form-container .form-groups-container .package-input-content { flex-wrap: wrap; row-gap: 15px; }

    .shipment-form-section .form-container .form-groups-container .package-type-selector-group { flex-wrap: nowrap; }

    .shipment-form-section .form-container .resume-form-container .resume-form-content .row .column { width: 100%; }

    .shipment-form-section .form-container .payment-option-description-block .buttons-group { flex-wrap: wrap; flex-direction: column; row-gap: 12px; text-align: center; }

    .shipment-form-section .form-container .form-groups-container .packages-inputs-content .fa-remove, .shipment-form-section .package-content-container .fa-remove { position: relative; right: auto; }

    .shipment-form-section .form-container .form-groups-container .packages-inputs-content .fa-remove::after,
    .shipment-form-section .package-content-container .fa-remove::after { content: 'Eliminar'; color: red; font-weight: bold; cursor: pointer; margin-left: 8px; font-family: 'Open sans'; }
}

@media (max-width: 575px) {
    .shipment-form-section .form-container .buttons-group { flex-direction: column; row-gap: 12px; }

    .shipment-form-section .form-container .form-groups-container .package-type-selector-group { flex-wrap: wrap; }

    .shipment-form-section .fedex-information-container .row { flex-wrap: wrap; }

    .shipment-form-section .fedex-information-container .row .column { width: 100%; }
}

/* end shipment page styles */



/* pymes (export) page styles */

.pymes-banner-section { background-image: url(../images/pymes-banner-background.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; height: calc(100vh - 100px); }

.pymes-banner-section .row .column { position:  absolute; top: 30%; transform: translateY(-30%); width: 80%; max-width: 1200px; }

.pymes-banner-section .row .column .column-content { max-width: 830px; margin: auto; }

.pymes-banner-section .row .column h1 { font-size: 47px; }

.pymes-banner-section .row .column h3 { font-size: 26px; margin-top: 12px; }

.pymes-banner-section .row .column a { margin: auto; margin-top: 20px; }

.how-does-boxfly-works-for-pymes-section { padding: 70px 0; background: #f5f5f5; }

.how-does-boxfly-works-for-pymes-section .row { column-gap: 50px; }

.how-does-boxfly-works-for-pymes-section .row .column { width: 50%; }

.how-does-boxfly-works-for-pymes-section .row .second-column { height: 525px; box-shadow: 0 2px 5px rgb(0 0 0 / 10%); --webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%); padding: 25px 40px; box-sizing: border-box; border-radius: 20px; }

.how-does-boxfly-works-for-pymes-section .row .first-column h4 { margin-top: 12px; }

.how-does-boxfly-works-for-pymes-section .row .first-column h4 .bold { font-weight: bold; }

.how-does-boxfly-works-for-pymes-section .row .first-column p { margin-top: 20px; }

.how-does-boxfly-works-for-pymes-section .row .second-column .tab-content .tab-header { cursor: pointer; padding: 13px 0; border-bottom: 1px solid #ccc; }

.how-does-boxfly-works-for-pymes-section .row .second-column .tab-content:first-child .tab-header { border-bottom: none; }

.how-does-boxfly-works-for-pymes-section .row .second-column .tab-content:first-child .tab-header h4 { color: var(--primary); }

.how-does-boxfly-works-for-pymes-section .row .second-column .tab-content:first-child .tab-body { border-bottom: 1px solid #ccc; }

.how-does-boxfly-works-for-pymes-section .row .second-column .tab-content .tab-header h4 { transition: all 0.6s; font-weight: bold; margin-right: 30px; }

.how-does-boxfly-works-for-pymes-section .row .second-column .tab-content:last-child .tab-header { border-bottom: 0; }

.how-does-boxfly-works-for-pymes-section .row .second-column .tab-content .tab-header:hover h4 { color: var(--primary); }

.how-does-boxfly-works-for-pymes-section .row .second-column .tab-content .tab-header i { color: var(--primary); }

.how-does-boxfly-works-for-pymes-section .row .second-column .tab-content .tab-body { display: none; min-height: 220px; padding-top: 10px; padding-bottom: 25px; }

.how-does-boxfly-works-for-pymes-section .row .second-column .tab-content:last-child .tab-body { border-bottom: 0 !important; }

.how-does-boxfly-works-for-pymes-section .row .second-column .tab-content .tab-body .bold { font-weight: bold; }

.how-does-boxfly-works-for-pymes-section .row .second-column .tab-content .tab-body ul { margin: 20px 0; }

.how-does-boxfly-works-for-pymes-section .row .second-column .tab-content .tab-body ul li i { color: var(--primary); }

.how-does-boxfly-works-for-pymes-section .row .second-column .tab-content:first-child .tab-body { display: block; }

.optimize-company-logistic-section { padding: 70px 0; background-image: url(../images/optimize-company-logistic-image.jpeg); background-size: cover; background-repeat: no-repeat; }

.optimize-company-logistic-section .row .column h2,
.optimize-company-logistic-section .row .column h4 { color: #fff; }

.optimize-company-logistic-section .row .column h4 { margin-top: 12px; }

.optimize-company-logistic-section .row .column a { margin: auto; margin-top: 20px; }

.customized-solutions-section { padding: 70px 0; }

.customized-solutions-section .first-row h4 { margin-top: 12px; }

.customized-solutions-section .second-row { margin-top: 40px; }

.customized-solutions-section .second-row .item img { width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px; }

.customized-solutions-section .second-row .item .text-content { display: flex; flex-direction: column; border: 1px solid #e2e2e2; border-top: 0; padding: 30px; box-sizing: border-box; min-height: 280px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }

.customized-solutions-section .second-row .item .text-content ul { margin-top: 12px; margin-bottom: 20px; }

.customized-solutions-section .second-row .item .text-content ul li i { color: var(--primary); }

.customized-solutions-section .second-row .item .text-content a { margin-top: auto; text-align: center; }

.customized-solutions-section .second-row .slick-slide { margin: 0 12px; }

.customized-solutions-section .second-row .slick-list { margin: 0 -12px; }

.customized-solutions-section .second-row .slick-prev,
.customized-solutions-section .second-row .slick-next { z-index: 999; }

.customized-solutions-section .second-row .slick-prev { left: -65px; }

.customized-solutions-section .second-row .slick-next { right: -65px; }

.customized-solutions-section .second-row .slick-arrow { width: 30px; min-width: 30px; height: 30px; border-radius: 50%; background: var(--primary); }

.customized-solutions-section .second-row .slick-arrow:hover { background: var(--secondary); }

.customized-solutions-section .second-row .slick-arrow i { color: #fff; font-size: 12px; }

.customized-solutions-section .second-row .slick-prev:before,
.customized-solutions-section .second-row .slick-next:before { content: none !important; }

.customized-solutions-section .third-row { column-gap: 35px; margin-top: 50px; }

.customized-solutions-section .third-row .first-column { width: 72%; }

.customized-solutions-section .third-row .first-column h4 { margin-top: 12px; }

.customized-solutions-section .third-row .second-column { width: 28%; }

.customized-solutions-section .third-row .second-column a { padding: 25px 22px; margin-left: auto; }

.why-choosing-boxfly-for-your-company-section { background: #f5f5f5; padding: 70px 0; }

.why-choosing-boxfly-for-your-company-section .row { column-gap: 35px; }

.why-choosing-boxfly-for-your-company-section .row .column { width: 50%; }

.why-choosing-boxfly-for-your-company-section .row .first-column h4 { margin-top: 12px; }

.why-choosing-boxfly-for-your-company-section .row .first-column p { margin-top: 25px; }

.why-choosing-boxfly-for-your-company-section .row .first-column a { margin: auto; margin-top: 20px; }

.why-choosing-boxfly-for-your-company-section .row .second-column .inner-row { column-gap: 20px; row-gap: 20px; }

.why-choosing-boxfly-for-your-company-section .row .second-column .inner-row .inner-column { width: calc(50% - 10px); }

.why-choosing-boxfly-for-your-company-section .row .second-column .inner-row .inner-column .divider-horizontal-line { width: 50px; height: 3px; background: var(--primary); display: block; margin-top: 5px; margin-bottom: 10px; }

.additional-services-for-your-business-section .row .column { width: 50%; }

.additional-services-for-your-business-section .row .first-column img { width: 100%; height: 590px; object-fit: cover; }

.additional-services-for-your-business-section .row .second-column .column-content { margin-left: 50px; margin-right: calc((100vw - min(1200px, 80vw)) / 2); }

.additional-services-for-your-business-section .row .second-column h4,
.additional-services-for-your-business-section .row .second-column p { margin-top: 12px; }

.additional-services-for-your-business-section .row .second-column ul { margin-top: 15px; }

.additional-services-for-your-business-section .row .second-column ul li i { color: var(--primary); }

.additional-services-for-your-business-section .row .second-column a { margin: auto; margin-top: 20px; }

.integration-with-tiendanube-section .row .column { width: 50%; }

.integration-with-tiendanube-section .row .first-column .column-content { margin-left: calc((100vw - min(1200px, 80vw)) / 2); margin-right: 50px; }

.integration-with-tiendanube-section .row .first-column h4,
.integration-with-tiendanube-section .row .first-column p { margin-top: 12px; }

.integration-with-tiendanube-section .row .first-column ul { margin-top: 15px; }

.integration-with-tiendanube-section .row .first-column ul li i { color: var(--primary); }

.integration-with-tiendanube-section .row .first-column a { margin: auto; margin-top: 20px; }

.integration-with-tiendanube-section .row .second-column img { width: 100%; height: 490px; object-fit: cover; }

.successful-testimonials-section .slick-dots { display: none !important; }

.successful-testimonials-section a { margin: auto; margin-top: 20px; }

.transform-the-logistics-of-your-business-section { padding: 100px 0; background-image: url(../images/transform-the-logistics-of-your-business-image.jpeg); background-size: cover; background-repeat: no-repeat; }

.transform-the-logistics-of-your-business-section .row .column { max-width: 730px; margin: auto; }

.transform-the-logistics-of-your-business-section .row .column h2,
.transform-the-logistics-of-your-business-section .row .column p { color: #fff; }

.transform-the-logistics-of-your-business-section .row .column p { margin-top: 12px; }

.transform-the-logistics-of-your-business-section .row .column a { margin: auto; margin-top: 20px; }

@media (max-width: 1500px) {
    .customized-solutions-section .second-row .item .text-content { min-height: 240px; }

    .customized-solutions-section .third-row .first-column { width: 60%; }

    .customized-solutions-section .third-row .second-column { width: 40%; }
}

@media (max-width: 1380px) {
	.pymes-banner-section { height: calc(100vh - 90px); }

    .pymes-banner-section .row .column .column-content { max-width: 730px; }

    .pymes-banner-section .row .column h1 { font-size: 38px; }

    .pymes-banner-section .row .column h3 { font-size: 21px; }

    .how-does-boxfly-works-for-pymes-section .row .second-column { height: 510px; }

    .transform-the-logistics-of-your-business-section .row .column { max-width: 675px; }
}

@media (max-width: 1200px) {
	.how-does-boxfly-works-for-pymes-section .row .second-column { height: 100%; }
}

@media (max-width: 992px) {
    .pymes-banner-section { background-image: url(../images/mobile-export-banner-image.jpg); height: auto; }

    .pymes-banner-section .row .column { position: relative; transform: none; padding-top: 70px; padding-bottom: 70px; width: 100%; }

    .pymes-banner-section .row .column h1 { font-size: 30px; }

    .how-does-boxfly-works-for-pymes-section .row { flex-wrap: wrap; }

    .how-does-boxfly-works-for-pymes-section .row .column { width: 100%; }

    .how-does-boxfly-works-for-pymes-section .row .second-column { margin-top: 30px; }

    .customized-solutions-section .second-row .slick-arrow { display: none !important; }

    .customized-solutions-section .second-row .slick-dotted { margin-bottom: 0; }

    .customized-solutions-section .second-row .slick-dots { position: relative; bottom: 0; margin-top: 50px; }

    .customized-solutions-section .second-row .slick-dots li button:before { font-size: 15px; opacity: 1; color: #929392; }

    .customized-solutions-section .second-row .slick-dots li.slick-active button:before { color: var(--primary); }

    .customized-solutions-section .third-row { flex-wrap: wrap; }

    .customized-solutions-section .third-row .column { width: 100%; text-align: center; }

    .customized-solutions-section .third-row .second-column { margin-top: 20px; }

    .customized-solutions-section .third-row .second-column a { padding: 10px 22px; margin: auto; }

    .why-choosing-boxfly-for-your-company-section .row { flex-wrap: wrap; }

    .why-choosing-boxfly-for-your-company-section .row .column { width: 100%; }

    .why-choosing-boxfly-for-your-company-section .row .first-column { text-align: center; }

    .why-choosing-boxfly-for-your-company-section .row .first-column a { margin: auto; margin-top: 20px; }

    .why-choosing-boxfly-for-your-company-section .row .second-column { margin-top: 35px; }

    .additional-services-for-your-business-section { padding-top: 70px; }

    .additional-services-for-your-business-section .row { width: 80%; max-width: 1200px; margin: auto; flex-wrap: wrap; }

    .additional-services-for-your-business-section .row .column { width: 100%; text-align: center; }

    .additional-services-for-your-business-section .row .first-column img { max-width: 100%; height: auto; margin: auto; }

    .additional-services-for-your-business-section .row .second-column { margin-top: 35px; }

    .additional-services-for-your-business-section .row .second-column a { margin: auto; margin-top: 20px; }

    .additional-services-for-your-business-section .row .second-column .column-content { margin: auto; }

    .integration-with-tiendanube-section { padding-top: 70px; padding-bottom: 70px; }

    .integration-with-tiendanube-section .row { width: 80%; max-width: 1200px; margin: auto; flex-wrap: wrap; flex-direction: column-reverse; }

    .integration-with-tiendanube-section .row .column { width: 100%; }

    .integration-with-tiendanube-section .row .second-column img { max-width: 100%; height: auto; margin: auto; }

    .integration-with-tiendanube-section .row .first-column { margin-top: 35px; text-align: center; }

    .integration-with-tiendanube-section .row .first-column a { margin: auto; margin-top: 20px; }

    .integration-with-tiendanube-section .row .first-column .column-content { margin: auto; }
}

@media (max-width: 575px) {
	.pymes-banner-section .row .column h1 { font-size: 23px; }

	.pymes-banner-section .row .column h3 { font-size: 18px; }

	.why-choosing-boxfly-for-your-company-section .row .second-column { text-align: center; }

	.why-choosing-boxfly-for-your-company-section .row .second-column img { margin: auto; }

	.why-choosing-boxfly-for-your-company-section .row .second-column .inner-row .inner-column .divider-horizontal-line { margin: auto; margin-top: 5px; margin-bottom: 10px; }

    .why-choosing-boxfly-for-your-company-section .row .second-column .inner-row .inner-column { width: 100%; }
}

/* end pymes (export) page styles */



/* moving page styles */

.moving-banner-section { background-image: url(../images/moving-banner-background.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; height: calc(100vh - 100px); }

.moving-banner-section .row .column { position: absolute; top: 30%; transform: translateY(-30%); width: 80%; max-width: 1200px; }

.moving-banner-section .row .column h1 { font-size: 47px; }

.moving-banner-section .row .column h3 { font-size: 26px; max-width: 700px; margin: auto; margin-top: 12px; }

.moving-banner-section .row .column a { margin: auto; margin-top: 20px; }

.how-does-removal-works-section { padding: 70px 0; background: #f5f5f5; }

.how-does-removal-works-section .row { margin-top: 40px; column-gap: 30px; row-gap: 30px; }

.how-does-removal-works-section .row .column { width: calc(25% - 22.5px); }

.how-does-removal-works-section .row .column .divider-horizontal-line { display: block; margin-top: 10px; margin-bottom: 15px; height: 3px; width: 50px; background: var(--primary); }

.removal-benefits-with-boxfly-section { padding: 70px 0; }

.removal-benefits-with-boxfly-section .row { column-gap: 30px; }

.removal-benefits-with-boxfly-section .row .first-column { width: 40%; }

.removal-benefits-with-boxfly-section .row .first-column h4 { margin-top: 12px; }

.removal-benefits-with-boxfly-section .row .first-column a { margin: auto; margin-top: 20px; }

.removal-benefits-with-boxfly-section .row .second-column { width: 60%; }

.removal-benefits-with-boxfly-section .row .second-column .inner-row { column-gap: 25px; row-gap: 25px; }

.removal-benefits-with-boxfly-section .row .second-column .inner-row .inner-column { background: #f5f5f5; padding: 15px; box-sizing: border-box; border-radius: 20px; column-gap: 10px; width: calc(50% - 12.5px); }

.faqs-section { padding: 70px 0; background: var(--primary); }

.faqs-section .not-found-results { margin-top: 30px; }

.faqs-section .not-found-results p { margin-top: 10px; }

.faqs-section h2 { color: #fff; }

.faqs-section .row { margin-top: 15px; column-gap: 50px; }

.faqs-section .row h4,
.faqs-section .row i,
.faqs-section .row p { color: #fff; }

.faqs-section .row a { color: var(--secondary); border: 0; }

.international-moving-faqs-section a:hover { color: #fff !important; border-color: var(--secondary); }

.faqs-section .row ul { margin-top: 20px; }

.faqs-section .row ul li { color: #fff; }

.faqs-section .row h4 { margin-right: 30px; }

.faqs-section .row i { margin-top: 7px; font-size: 18px; }

.faqs-section .row .column { width: 50%; }

.faqs-section .row .column .tab-container { border-bottom: 1px solid #fff; padding: 25px 0; box-sizing: border-box; }

.faqs-section .row .column .tab-container .tab-header { cursor: pointer; }

.faqs-section .row .column .tab-container .tab-body { display: none; margin-top: 12px; }

.faqs-section .row .column .tab-container .tab-body ul { margin-left: 20px; }

.faqs-section .row .column .tab-container .tab-body li { list-style: initial; }

.faqs-section a { margin: auto; margin-top: 40px; border: 1px solid #fff; text-align: center; background: #fff; color: var(--primary); }

.faqs-section a:hover { color: var(--primary); }

.removals-testimonials-section .slick-dots { display: none !important; }

.removals-testimonials-section a { margin: auto; }

.removals-featured-benefits-section { padding-top: 70px; }

@media (max-width: 1380px) {
    .moving-banner-section { height: calc(100vh - 90px); }

    .moving-banner-section .row .column h1 { font-size: 38px; }

    .moving-banner-section .row .column h3 { font-size: 21px; max-width: 570px; }
}

@media (max-width: 992px) {
	.moving-banner-section { background-image: url(../images/mobile-export-banner-image.jpg); height: auto; }

    .moving-banner-section .row .column { position: relative; transform: none; padding-top: 70px; padding-bottom: 70px; width: 100%; }

    .moving-banner-section .row .column h1 { font-size: 30px; }

    .how-does-removal-works-section .row .column { width: calc(50% - 15px); }

    .removal-benefits-with-boxfly-section .row { flex-wrap: wrap; }

    .removal-benefits-with-boxfly-section .row .column { width: 100%; }

    .removal-benefits-with-boxfly-section .row .first-column { text-align: center; }

    .removal-benefits-with-boxfly-section .row .first-column a { margin: auto; margin-top: 20px; }

    .removal-benefits-with-boxfly-section .row .second-column { margin-top: 40px; }

    .removal-benefits-with-boxfly-section .row .second-column .inner-row { justify-content: center; }

    .faqs-section .row { flex-wrap: wrap; }

    .faqs-section .row .column { width: 100%; }
}

@media (max-width: 575px) {
	.moving-banner-section .row .column h1 { font-size: 23px; }

	.moving-banner-section .row .column h3 { font-size: 18px; }

    .how-does-removal-works-section .row .column { width: 100%; text-align: center; }

    .how-does-removal-works-section .row .column img { margin: auto; }

    .how-does-removal-works-section .row .column .divider-horizontal-line { margin: auto; margin-top: 10px; margin-bottom: 15px; }

    .removal-benefits-with-boxfly-section .row .second-column .inner-row .inner-column { flex-direction: column; justify-content: center; width: 100%; text-align: center; }

    .removal-benefits-with-boxfly-section .row .second-column .inner-row .inner-column .text-content { margin-top: 20px; }
}

/* end removal page styles */



/* export packages page styles */

.how-does-shipments-works-section a:not(.custom-link) { margin: auto; margin-top: 40px; }

.how-does-shipments-works-section .row .column .custom-link { color: var(--primary); }

.how-does-shipments-works-section .row .column .custom-link:hover { color: var(--secondary); }

.export-packages-faqs-section .row .column { width: 70%; }

.contact-form-section { background: #f5f5f5; }

.contact-form-section .row .first-column h3,
.contact-form-section .row .first-column p { color: #000; }

.contact-form-section .row .first-column form button { background: var(--primary); border-color: var(--primary); }

@media (max-width: 992px) {
    .export-packages-faqs-section .row .column { width: 100%; }
}

/* end export packages page styles */



/* export documents page styles */

.export-banner-section { background-image: url(../images/export-banner-image.jpeg); }

.export-banner-section h1 { font-size: 47px; margin: auto; max-width: 900px; }

.export-banner-section h3 { font-size: 26px !important; margin: auto; max-width: 700px; }

.export-banner-section .row .column { top: 30%; transform: translateY(-30%) translateX(-50%); }

.export-banner-section .row .column h3 { margin-top: 10px; }

.documents-shipment-service-section { background: var(--primary); }

.documents-shipment-service-section .row { column-gap: 50px; }

.documents-shipment-service-section .row .column { width: 50%; }

.documents-shipment-service-section .row .first-column img { width: 100%; height: 465px; object-fit: cover; }

.documents-shipment-service-section .row .second-column .column-content { margin-right: calc((100vw - min(1200px, 80vw)) / 2); }

.documents-shipment-service-section .row .second-column h2,
.documents-shipment-service-section .row .second-column h4,
.documents-shipment-service-section .row .second-column li { color: #fff; }

.documents-shipment-service-section .row .second-column h4 { margin-top: 12px; }

.documents-shipment-service-section .row .second-column ul { margin-top: 20px; display: grid; row-gap: 5px; }

@media (max-width: 1380px) {
    .export-banner-section h1 { font-size: 37px; max-width: 740px; }

    .export-banner-section h3 { font-size: 21px !important; max-width: 580px; }

    .how-does-removal-works-section .row .column img,
    .removal-benefits-with-boxfly-section .row .second-column .inner-row .inner-column img { max-width: 54px; }

    .featured-benefits-section .row .column img { max-width: 60px; }
}

@media (max-width: 992px) {
    .export-banner-section { background-image: url(../images/mobile-export-banner-image.jpg); height: auto; padding: 70px 0; }

    .export-banner-section .row .column { position: relative; top: auto; transform: translateX(-50%); width: 100%; }

	.home-banner-section .row form { background: none; margin-top: 5px; }

	.home-banner-section .row img { margin-top: 15px; }

	.export-banner-section h1 { font-size: 30px; }   

    .documents-shipment-service-section .row { flex-wrap: wrap; }

    .documents-shipment-service-section .row .column { width: 100%; text-align: center; }

    .documents-shipment-service-section .row .first-column img { height: 400px; }

    .documents-shipment-service-section .row .second-column { padding: 70px 0; max-width: 80%; margin: auto; }

    .documents-shipment-service-section .row .second-column .column-content { margin: auto; }
}

@media (max-width: 575px) {
	.export-banner-section h1 { font-size: 23px; }

	.export-banner-section h3 { font-size: 18px !important; }
}

/* end export documents page styles */



/* usa (import) page styles */

.purchase-in-the-exterior-banner-section { position: relative; padding-top: 20px; background-image: url(../images/purchase-in-the-exterior-banner.jpeg); background-size: cover; background-repeat: no-repeat; background-position: center center; height: calc(100vh - 100px); }

.purchase-in-the-exterior-banner-section .row { column-gap: 30px; }

.purchase-in-the-exterior-banner-section .row .first-column { width: 50%; position: absolute; top: 50%; transform: translateY(-50%); max-width: 720px; }

.purchase-in-the-exterior-banner-section .row .first-column h1 { font-size: 47px; }

.purchase-in-the-exterior-banner-section .row .first-column h3 { font-size: 26px; margin-top: 12px; }

.purchase-in-the-exterior-banner-section .row .first-column a { margin-top: 20px; }

.purchase-in-the-exterior-banner-section .row .first-column .important-stores-logos { margin-top: 30px; }

.purchase-in-the-exterior-banner-section .row .second-column img { width: 100%; }

.import-calculator-section { padding: 70px 0; }

.import-calculator-section .row { column-gap: 30px; }

.import-calculator-section .row .column { width: calc(50% - 15px); }

.import-calculator-section .row .first-column .form-container { display: grid; row-gap: 15px; margin-top: 20px; }

.import-calculator-section .row .first-column .form-container .form-group { column-gap: 15px; }

.import-calculator-section .row .first-column .form-container .form-group label { margin-bottom: 7px; display: block; }

.import-calculator-section .row .first-column .form-container .form-group .item-block { width: 100%; }

.import-calculator-section .row .first-column .form-container input,
.import-calculator-section .row .first-column .form-container select { outline: none; color: #000; width: 100%; border: 1px solid #d6d6d6; border-radius: 10px; padding: 12px 20px; box-sizing: border-box; }

.import-calculator-section .row .first-column .form-container select { -webkit-appearance: none; -moz-appearance: none; background-image: url(../images/select-arrow-icon.svg) !important; background-repeat: no-repeat !important; background-position-x: calc(100% - 20px) !important; background-size: 12px; background-position-y: 19px !important; }

.import-calculator-section .row .first-column .form-container input::placeholder { color: #000; }

.import-calculator-section .row .first-column .form-container button { border: 0; }

.import-calculator-section .row .first-column .text-content p { margin-top: 20px; }

.import-calculator-section .row .first-column .text-content a { color: var(--primary); }

.import-calculator-section .row .first-column .text-content a:hover { color: var(--secondary); }

.import-calculator-section .row .first-column .usa-calculator-text-content p,
.import-calculator-section .row .first-column .usa-calculator-text-content a { font-size: 13px; }

.import-calculator-section .row .second-column { max-height: 550px; overflow-y: auto; display: flex; flex-direction: column; box-shadow: 0 2px 25px rgb(0 0 0 / 10%); --webkit-box-shadow: 0 2px 25px rgb(0 0 0 / 10%); padding: 40px; box-sizing: border-box; border-radius: 20px; }

.import-calculator-section .row .second-column .added-products-content { margin-top: 30px; }

.import-calculator-section .row .second-column .added-products-content:first-child { margin-top: 0; }

.import-calculator-section .row .second-column .added-products-content .category-result { font-size: 18px; }

.import-calculator-section .row .second-column .added-products-content .fa-remove { transition: all 0.6s; border: 1px solid #000; min-width: 20px; width: 20px; height: 20px; line-height: 20px; font-size: 12px; cursor: pointer; border-radius: 50%; }

.import-calculator-section .row .second-column .added-products-content .fa-remove:hover { color: #ff0000; border-color: #ff0000; }

.import-calculator-section .row .second-column .added-products-content .freight-content { margin-top: 20px; }

.import-calculator-section .row .second-column .added-products-content .taxes-content { margin-top: 5px; }

.import-calculator-section .row .second-column .divider-horizontal-line { display: block; margin: 20px 0; background: #ddd; width: 100%; height: 1px; }

.import-calculator-section .row .second-column .total-taxes-text,
.import-calculator-section .row .second-column .total-handling-text,
.import-calculator-section .row .second-column .delivery-place-text { margin-top: 5px; }

.import-calculator-section .row .second-column .total-container { margin-top: auto; }

.import-calculator-section .row .second-column .total-container h3 { font-size: 24px; color: var(--primary); }

.import-calculator-section .row .second-column { display: none; }

.import-calculator-section .row .first-column { width: 100%; }

.purchase-in-china-banner-section { background-image: url(../images/import-from-china-banner.jpeg); }

.china-import-calculator-section .china-import-calculator-button { border: 0; cursor: pointer; margin: auto; margin-top: 25px; }

.china-import-calculator-section .other-group { display: none; width: calc(33.33% - 10px); }

.how-does-usa-import-works-section { background: #f5f5f5; padding: 70px 0; }

.how-does-usa-import-works-section .row { column-gap: 40px; }

.how-does-usa-import-works-section .row .column { width: 50%; }

.how-does-usa-import-works-section .row .first-column img { width: 100%; }

.how-does-usa-import-works-section .row .second-column h4 { margin-top: 12px; }

.how-does-usa-import-works-section .row .second-column a { margin: auto; margin-top: 25px; }

.how-does-usa-import-works-section .row .second-column p.bold { margin-top: 20px; }

.how-does-usa-import-works-section .row .second-column p.bold:first-child { margin-top: 0; }

.how-does-usa-import-works-section .row .second-column .list-item { margin-top: 15px; column-gap: 10px; }

.where-to-buy-in-boxfly-section { padding: 70px 0; }

.where-to-buy-in-boxfly-section .first-row { max-width: 750px; margin: auto; }

.where-to-buy-in-boxfly-section .first-row h4,
.where-to-buy-in-boxfly-section .first-row p { margin-top: 12px; }

.where-to-buy-in-boxfly-section .second-row { margin-top: 40px; }

.where-to-buy-in-boxfly-section .second-row img { margin: auto; max-width: 180px; }

.where-to-buy-in-boxfly-section .second-row.slick-initialized .slick-slide { float: inherit; display: inline-block !important; vertical-align: middle; }

.where-to-buy-in-boxfly-section a { margin: auto; margin-top: 30px; }

.international-strategic-imports-section { background: #f5f5f5; }

.international-strategic-imports-section .first-column p { margin-top: 12px; }

.international-strategic-imports-section .row .second-column .inner-row .inner-column { background: #fff; }

.international-strategic-imports-section a { margin: auto; margin-top: 40px; }

.ready-to-import-from-china-section { padding: 100px 0; background-image: url(../images/transform-the-logistics-of-your-business-image.jpeg); background-size: cover; background-repeat: no-repeat; background-position: center center; }

.parcel-shipping-main-content .ready-to-import-from-china-section { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/document-shipment-banner.jpg); }

.document-shipping-main-content .ready-to-import-from-china-section { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/document-shipment-banner.jpg); }

.international-moving-main-content .ready-to-import-from-china-section { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/international-moving-banner.jpg); }

.ready-to-import-from-china-section .row .column h2,
.ready-to-import-from-china-section .row .column h3,
.ready-to-import-from-china-section .row .column h4,
.ready-to-import-from-china-section .row .column p { color: #fff; }

.ready-to-import-from-china-section .row .column h4 { margin-top: 10px; }

.ready-to-import-from-china-section .row .column h3 { margin-top: 12px; }

.ready-to-import-from-china-section .row .column p { max-width: 620px; margin: auto; margin-top: 10px; }

.ready-to-import-from-china-section .row .column a { margin: auto; margin-top: 20px; }

@media (max-width: 1380px) {
	.purchase-in-the-exterior-banner-section .row .first-column { max-width: 585px; }

    .purchase-in-the-exterior-banner-section .row .first-column h1 { font-size: 38px; }

    .purchase-in-the-exterior-banner-section .row .first-column h3 { font-size: 21px; }

    .import-calculator-section .row .second-column .added-products-content .category-result { font-size: 16px; }

    .import-calculator-section .row .second-column .total-container h3 { font-size: 20px; }

    .ready-to-import-from-china-section .row .column p { max-width: 580px; }

    .where-to-buy-in-boxfly-section .first-row { max-width: 675px; }
}

@media (max-width: 992px) {
	.usa-purchase-in-the-exterior-banner-section { background-image: url(../images/mobile-purchase-in-the-exterior-banner.jpg) !important; }

    .purchase-in-the-exterior-banner-section .row .first-column .important-stores-logos { margin: auto; margin-top: 30px; }

    .purchase-in-the-exterior-banner-section { background-image: url(../images/mobile-import-from-china-banner.jpg); padding-top: 0; height: 525px; }

    .purchase-in-the-exterior-banner-section .row { flex-wrap: wrap; }

    .purchase-in-the-exterior-banner-section .row .column { width: 80%; max-width: 100%; text-align: center; }

    .purchase-in-the-exterior-banner-section .row .first-column h1 { font-size: 30px; }

    .purchase-in-the-exterior-banner-section .row .first-column a { margin: auto; margin-top: 20px; }

    .import-calculator-section .row { flex-wrap: wrap; }

    .import-calculator-section .row .column { width: 100% !important; }

    .import-calculator-section .row .second-column { margin-top: 40px; }

    .how-does-usa-import-works-section .row { flex-wrap: wrap; }

    .how-does-usa-import-works-section .row .column { width: 100%; }

    .how-does-usa-import-works-section .row .second-column { margin-top: 40px; }

    .how-does-usa-import-works-section .row .second-column h2,
    .how-does-usa-import-works-section .row .second-column h4 { text-align: center; }

    .how-does-usa-import-works-section .row .second-column a { margin: auto; margin-top: 20px; }

    .china-import-calculator-section .row .column .form-group.d-flex { flex-wrap: wrap; row-gap: 15px; }
}

@media (max-width: 575px) {
    .parcel-shipping-main-content .ready-to-import-from-china-section,
    .document-shipping-main-content .ready-to-import-from-china-section,
    .international-moving-main-content .ready-to-import-from-china-section { background-image: url(../images/mobile-document-shipment-banner.jpg); }

    .ready-to-import-from-china-section { background-image: url(../images/mobile-transform-the-logistics-of-your-business-image.jpg); }

    .transform-the-logistics-of-your-business-section { background-image: url(../images/mobile-transform-the-logistics-of-your-business-image.jpg); }

    .optimize-company-logistic-section { background-image: url(../images/mobile-optimize-company-logistic-image.jpg); background-position: center; }

	.purchase-in-the-exterior-banner-section .row .first-column h1 { font-size: 23px; }

	.purchase-in-the-exterior-banner-section .row .first-column h3 { font-size: 18px; }
}

/* end usa (import) page styles */



/* login page styles */

.login-menu { background: #fff; padding: 10px 0; }

.login-menu img { max-width: 70px; }

.user-registration-section .row .column { width: 50%; }

.user-registration-section .row .first-column img { width: 100%; height: 550px; object-fit: cover; object-position: top; }

.user-registration-section .row .second-column .column-content { max-width: 560px; margin: auto; margin-left: 100px; margin-right: calc((100vw - min(1200px,80vw)) / 2); }

.user-registration-section .row .second-column form { margin-top: 30px; display: grid; row-gap: 15px; }

.user-registration-section .row .second-column form .form-group { column-gap: 15px; }

.user-registration-section .row .second-column form input,
.user-registration-section .row .second-column form select { outline: none; background: #f5f5f5; width: 100%; border-radius: 10px; padding: 12px 20px; border: 0; box-sizing: border-box; }

.user-registration-section .row .second-column form input::placeholder { color: #000; }

.user-registration-section .row .second-column form input[type="checkbox"] { width: auto; }

.user-registration-section .row .second-column form select { -webkit-appearance: none; -moz-appearance: none; background-image: url(../images/select-dropdown-icon.png); background-repeat: no-repeat; background-position-x: calc(100% - 20px); background-position-y: 20px; }

.user-registration-section .row .second-column form label { column-gap: 5px; font-size: 14.5px; }

.user-registration-section .row .second-column form label a { font-size: 14.5px; color: var(--primary); }

.user-registration-section .row .second-column form button { border: 3px solid var(--primary); }

.user-registration-section .row .second-column form button:hover { border-color: var(--secondary); }

.save-money-with-boxfly-pro-section { background: #f5f5f5; padding: 70px 0; }

.save-money-with-boxfly-pro-section h2 { max-width: 800px; margin: auto; }

.save-money-with-boxfly-pro-section .row { margin-top: 50px; column-gap: 40px; row-gap: 40px; }

.save-money-with-boxfly-pro-section .row .column { width: 20%; }

.save-money-with-boxfly-pro-section .row .column img { margin: auto; }

.save-money-with-boxfly-pro-section .row .column p { margin-top: 12px; }

@media (max-width: 1380px) {
    .save-money-with-boxfly-pro-section .row .column img { max-width: 40px; }
}

@media (max-width: 992px) {
    .user-registration-section .row { flex-wrap: wrap; }

    .user-registration-section .row .column { width: 100%; }

    .user-registration-section .row .first-column img { height: auto; max-height: 330px; }

    .user-registration-section .row .second-column { padding: 70px 0; }

    .user-registration-section .row .second-column .column-content { max-width: 80%; margin-left: auto; }

    .save-money-with-boxfly-pro-section .row { flex-wrap: wrap; }

    .save-money-with-boxfly-pro-section .row .column { width: calc(33.33% - 30px); }
}

@media (max-width: 768px) {
    .save-money-with-boxfly-pro-section .row .column { width: calc(50% - 25px); }
}

@media (max-width: 480px) {
    .save-money-with-boxfly-pro-section .row .column { width: 100%; }

    .user-registration-section .row .second-column form .form-group { flex-wrap: wrap; row-gap: 15px; }
}

/* end registration page styles */



/* login page styles */

.user-login-section .row .column { width: 50%; }

.user-login-section .row .first-column .main-image { width: 100%; height: 100vh; object-fit: cover; }

.user-login-section .row .first-column .boxfly-logo { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); max-width: 120px; }

.user-login-section .row .second-column .column-content { max-width: 560px; margin: auto; margin-left: 100px; margin-right: calc((100vw - min(1200px,80vw)) / 2); }

.user-login-section .row .second-column .not-account-text { margin-top: 10px; }

.user-login-section .row .second-column .not-account-text a { color: var(--primary); }

.user-login-section .row .second-column .not-account-text a:hover { color: var(--secondary); }

.user-login-section .row .second-column form { margin-top: 30px; display: grid; row-gap: 15px; }

.user-login-section .row .second-column form input { outline: none; background: #f5f5f5; width: 100%; border-radius: 10px; padding: 12px 20px; border: 0; box-sizing: border-box; }

.user-login-section .row .second-column form input::placeholder { color: #000; }

.user-login-section .row .second-column form input[type="checkbox"] { width: auto; }

.user-login-section .row .second-column form label { column-gap: 10px; font-size: 14.5px; }

.user-login-section .row .second-column form button { border: 3px solid var(--primary); }

.user-login-section .row .second-column form button:hover { border-color: var(--secondary); }

.user-login-section .row .second-column .forgot-password-link { display: table; margin: auto; margin-top: 15px; }

.user-login-section .row .second-column .forgot-password-link:hover { color: var(--primary); }

@media (max-width: 992px) {
    .user-login-section .row { flex-wrap: wrap; }

    .user-login-section .row .column { width: 100%; }

    .user-login-section .row .first-column img { height: auto; max-height: 500px; }

    .user-login-section .row .second-column { padding: 70px 0; }

    .user-login-section .row .second-column .column-content { max-width: 80%; margin-left: auto; }
}

/* end login page styles */



/* account confirmation page styles */

.account-confirmation-section { padding: 70px 0; }

.account-confirmation-section .row { max-width: 300px; margin: auto; }

.account-confirmation-section .row img { max-width: 80px; margin: auto; }

.account-confirmation-section .row h3 { margin-top: 20px; }

.account-confirmation-section .row p { margin-top: 5px; }

.account-confirmation-section .row a { margin: auto; margin-top: 20px; width: 100%; box-sizing: border-box; }


/* end account confirmation page styles */



/* recommended stores page styles */

.recommended-stores-main-banner-section { height: 475px; background-image: url(../images/recommended-stores-main-banner-image.png); background-size: cover; background-repeat: no-repeat; background-position: center center; }

.recommended-stores-main-banner-section .text-content { position: absolute; top: 20%; left: 50%; transform: translateY(-20%) translateX(-50%); width: 80%; max-width: 1200px; }

.recommended-stores-main-banner-section .text-content h1 { font-size: 47px; max-width: 650px; margin: auto; }

.stores-to-purchase-woman-articles-section { padding: 70px 0; }

.stores-to-purchase-woman-articles-section .first-row h2 { max-width: 700px; margin: auto; }

.stores-to-purchase-woman-articles-section .first-row h4 { max-width: 800px; margin: auto; margin-top: 12px; }

.stores-to-purchase-woman-articles-section .second-row { margin-top: 50px; column-gap: 20px; row-gap: 20px; }

.stores-to-purchase-woman-articles-section .second-row .column { width: calc(25% - 15px); }

.stores-to-purchase-woman-articles-section .second-row .column img { width: 100%; }

.stores-to-purchase-electronic-articles-section { padding: 70px 0; background: #f5f5f5; }

.stores-to-purchase-electronic-articles-section .first-row h2 { max-width: 700px; margin: auto; }

.stores-to-purchase-electronic-articles-section .first-row h4 { max-width: 800px; margin: auto; margin-top: 12px; }

.stores-to-purchase-electronic-articles-section .second-row { margin-top: 50px; column-gap: 20px; row-gap: 20px; }

.stores-to-purchase-electronic-articles-section .second-row .column { width: calc(25% - 15px); }

.stores-to-purchase-electronic-articles-section .second-row .column img { width: 100%; }

.stores-to-purchase-books-articles-section { padding: 70px 0; }

.stores-to-purchase-books-articles-section .first-row h2 { max-width: 700px; margin: auto; }

.stores-to-purchase-books-articles-section .first-row h4 { max-width: 700px; margin: auto;  margin-top: 12px; }

.stores-to-purchase-books-articles-section .second-row { margin-top: 50px; column-gap: 20px; row-gap: 20px; }

.stores-to-purchase-books-articles-section .second-row .column { width: calc(25% - 15px); }

.stores-to-purchase-books-articles-section .second-row .column img { width: 100%; }

.stores-to-purchase-tools-articles-section { padding: 90px 0; background-image:  linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/stores-to-purchase-tools-banner-image.png); background-size: cover; background-repeat: no-repeat; background-position: center center; }

.stores-to-purchase-tools-articles-section .first-row h2,
.stores-to-purchase-tools-articles-section .first-row h4 { color: #fff; }

.stores-to-purchase-tools-articles-section .first-row h2 { max-width: 730px; margin: auto; }

.stores-to-purchase-tools-articles-section .first-row h4 { max-width: 760px; margin: auto; margin-top: 12px; }

.stores-to-purchase-tools-articles-section .second-row { margin-top: 50px; }

.stores-to-purchase-tools-articles-section .second-row img { margin: auto; }

.stores-to-purchase-tools-articles-section .second-row .slick-prev,
.stores-to-purchase-tools-articles-section .second-row .slick-next { z-index: 999; }

.stores-to-purchase-tools-articles-section .second-row .slick-prev { left: -65px; }

.stores-to-purchase-tools-articles-section .second-row .slick-next { right: -65px; }

.stores-to-purchase-tools-articles-section .second-row .slick-arrow { width: 30px; min-width: 30px; height: 30px; border-radius: 50%; background: var(--primary); }

.stores-to-purchase-tools-articles-section .second-row .slick-arrow:hover { background: var(--secondary); }

.stores-to-purchase-tools-articles-section .second-row .slick-arrow i { color: #fff; font-size: 12px; }

.stores-to-purchase-tools-articles-section .second-row .slick-prev:before,
.stores-to-purchase-tools-articles-section .second-row .slick-next:before { content: none !important; }

.stores-to-purchase-notebooks-articles-section { padding: 70px 0; }

.stores-to-purchase-notebooks-articles-section .first-row h2 { max-width: 700px; margin: auto; }

.stores-to-purchase-notebooks-articles-section .first-row h4 { max-width: 780px; margin: auto; margin-top: 12px; }

.stores-to-purchase-notebooks-articles-section .second-row { margin-top: 50px; column-gap: 20px; row-gap: 20px; }

.stores-to-purchase-notebooks-articles-section .second-row .column { width: calc(25% - 15px); }

.stores-to-purchase-notebooks-articles-section .second-row .column img { width: 100%; }

.stores-to-purchase-cards-and-bikes-articles-section { padding: 70px 0; background: #f5f5f5; }

.stores-to-purchase-cards-and-bikes-articles-section .first-row h2 { max-width: 700px; margin: auto; }

.stores-to-purchase-cards-and-bikes-articles-section .first-row h4 { max-width: 680px; margin: auto; margin-top: 12px; }

.stores-to-purchase-cards-and-bikes-articles-section .second-row { margin-top: 50px; column-gap: 20px; row-gap: 20px; }

.stores-to-purchase-cards-and-bikes-articles-section .second-row .column { width: calc(25% - 15px); }

.stores-to-purchase-cards-and-bikes-articles-section .second-row .column img { width: 100%; }

.stores-to-purchase-babies-articles-section { padding: 70px 0; }

.stores-to-purchase-babies-articles-section .first-row h2 { max-width: 700px; margin: auto; }

.stores-to-purchase-babies-articles-section .first-row h4 { max-width: 630px; margin: auto; margin-top: 12px; }

.stores-to-purchase-babies-articles-section .second-row { margin-top: 50px; column-gap: 20px; row-gap: 20px; }

.stores-to-purchase-babies-articles-section .second-row .column { width: calc(25% - 15px); }

.stores-to-purchase-babies-articles-section .second-row .column img { width: 100%; }

.how-does-it-works-section { padding: 70px 0; background: #f5f5f5; }

.how-does-it-works-section .row { column-gap: 50px; }

.how-does-it-works-section .row .column { width: 50%; }

.how-does-it-works-section .row .first-column img { width: 100%; }

.how-does-it-works-section .row .second-column h4 { margin-top: 12px; }

.how-does-it-works-section .row .second-column .item-block { margin-top: 15px; column-gap: 15px; }

.how-does-it-works-section .row .second-column .item-block p:last-child { margin-top: 3px; }

.how-does-it-works-section .row .second-column a { margin-top: 25px; }

@media (max-width: 1380px) {
    .recommended-stores-main-banner-section .text-content h1 { font-size: 39px; max-width: 560px; }

    .stores-to-purchase-woman-articles-section .first-row h2 { max-width: 550px; }

    .stores-to-purchase-woman-articles-section .first-row h4 { max-width: 705px; }

    .stores-to-purchase-electronic-articles-section .first-row h4 { max-width: 730px; }

    .stores-to-purchase-tools-articles-section .first-row h4 { max-width: 690px; }

    .stores-to-purchase-tools-articles-section .second-row img { transform: scale(0.8); }

    .stores-to-purchase-notebooks-articles-section .first-row h4 { max-width: 740px; }

    .stores-to-purchase-cards-and-bikes-articles-section .first-row h4 { max-width: 660px; }

    .stores-to-purchase-babies-articles-section .first-row h4 { max-width: 560px; }
}

@media (max-width: 992px) {
    .stores-to-purchase-woman-articles-section .second-row .column,
    .stores-to-purchase-electronic-articles-section .second-row .column,
    .stores-to-purchase-books-articles-section .second-row .column,
    .stores-to-purchase-notebooks-articles-section .second-row .column,
    .stores-to-purchase-cards-and-bikes-articles-section .second-row .column,
    .stores-to-purchase-babies-articles-section .second-row .column { width: calc(50% - 15px); }

    .how-does-it-works-section .row { flex-wrap: wrap; }

    .how-does-it-works-section .row .column { width: 100%; }

    .how-does-it-works-section .row .first-column img { max-width: 500px; margin: auto; }

    .how-does-it-works-section .row .second-column { margin-top: 40px; }

    .how-does-it-works-section .row .second-column h2,
    .how-does-it-works-section .row .second-column h4 { text-align: center; }

    .how-does-it-works-section .row .second-column a { margin: auto; margin-top: 25px; text-align: center; }
}

@media (max-width: 768px) {
    .stores-to-purchase-tools-articles-section .second-row .slick-prev { left: 0; }

    .stores-to-purchase-tools-articles-section .second-row .slick-next { right: 0; }
}

@media (max-width: 575px) {
    .stores-to-purchase-woman-articles-section .second-row .column,
    .stores-to-purchase-electronic-articles-section .second-row .column,
    .stores-to-purchase-books-articles-section .second-row .column,
    .stores-to-purchase-notebooks-articles-section .second-row .column,
    .stores-to-purchase-cards-and-bikes-articles-section .second-row .column,
    .stores-to-purchase-babies-articles-section .second-row .column { width: 100%; }
}

/* end recommended stores page styles */



/* about us page styles */

.about-us-legend-section { padding: 100px 0; background: var(--primary); }

.about-us-legend-section .row { max-width: 600px; margin: auto; }

.about-us-legend-section .row .column h1,
.about-us-legend-section .row .column h3 { color: #fff; }

.about-us-legend-section .row .column h1 { margin-top: 5px; font-size: 45px; }

.about-us-legend-section .row .column h3 { font-size: 26px; }

.about-us-tabs-section .tabs-container { margin-top: 60px; }

.about-us-tabs-section .tabs-container .tabs-content { column-gap: 40px; }

.about-us-tabs-section .tabs-container .tabs-content p { font-size: 18px; cursor: pointer; padding-bottom: 7px; }

.about-us-tabs-section .tabs-container .tabs-content p.active { border-bottom: 3px solid var(--primary); }

.about-us-tabs-section .tabs-body-container { margin-top: 40px; }

.about-us-tabs-section .tabs-body-container .tab-body { display: none; margin-top: 50px; }

.about-us-tabs-section .tabs-body-container .tab-body.active { display: block; }

.about-us-tabs-section .tabs-body-container .first-tab-body .inner-row { column-gap: 50px; }

.about-us-tabs-section .tabs-body-container .first-tab-body .inner-row .inner-column { width: 50%; }

.about-us-tabs-section .tabs-body-container .first-tab-body .inner-row .first-inner-column img { width: 100%; }

.about-us-tabs-section .tabs-body-container .first-tab-body .inner-row .second-inner-column h4 { margin-top: 12px; }

.about-us-tabs-section .tabs-body-container .first-tab-body .inner-row .second-inner-column p { margin-top: 12px; }

.about-us-tabs-section .tabs-body-container .first-tab-body .expand-world-content { padding-top: 30px; padding-bottom: 40px; background: var(--secondary); margin-top: 60px; }

.about-us-tabs-section .tabs-body-container .second-tab-body .inner-row { margin-top: 50px; column-gap: 40px; row-gap: 40px; }

.about-us-tabs-section .tabs-body-container .second-tab-body .inner-row .inner-column { width: calc(33.33% - 35px); }

.about-us-tabs-section .tabs-body-container .second-tab-body .inner-row .inner-column img { margin: auto; }

.about-us-tabs-section .tabs-body-container .second-tab-body .inner-row .inner-column .divider-horizontal-line { display: block; margin: auto; margin-top: 10px; margin-bottom: 15px; height: 3px; width: 50px; background: var(--primary); }

.about-us-tabs-section .tabs-body-container .second-tab-body .expand-world-content { padding-top: 30px; padding-bottom: 40px; background: var(--secondary); margin-top: 60px; }

.about-us-tabs-section .tabs-body-container .third-tab-body .inner-row { column-gap: 50px; }

.about-us-tabs-section .tabs-body-container .third-tab-body .inner-row .inner-column { width: 50%; }

.about-us-tabs-section .tabs-body-container .third-tab-body .inner-row .first-inner-column h4 { margin-top: 12px; }

.about-us-tabs-section .tabs-body-container .third-tab-body .inner-row .first-inner-column ul { display: grid; row-gap: 12px; margin-top: 15px; }

.about-us-tabs-section .tabs-body-container .third-tab-body .inner-row .first-inner-column li img { position: relative; top: 3px; max-width: 16px; display: inline-block; margin-right: 3px; }

.about-us-tabs-section .tabs-body-container .third-tab-body .inner-row .second-inner-column img { width: 100%; min-height: 285px; object-fit: cover; }

.about-us-tabs-section .tabs-body-container .third-tab-body .expand-world-content { padding-top: 30px; padding-bottom: 40px; background: var(--secondary); margin-top: 60px; }

.about-us-tabs-section .tabs-body-container .fourth-tab-body .inner-row { column-gap: 50px; }

.about-us-tabs-section .tabs-body-container .fourth-tab-body .inner-row .inner-column { width: 50%; }

.about-us-tabs-section .tabs-body-container .fourth-tab-body .inner-row .first-inner-column h4 { margin-top: 12px; }

.about-us-tabs-section .tabs-body-container .fourth-tab-body .inner-row .first-inner-column ul { display: grid; row-gap: 12px; margin-top: 15px; }

.about-us-tabs-section .tabs-body-container .fourth-tab-body .inner-row .first-inner-column li img { position: relative; top: 3px; max-width: 16px; display: inline-block; margin-right: 3px; }

.about-us-tabs-section .tabs-body-container .fourth-tab-body .inner-row .second-inner-column img { width: 100%; min-height: 285px; object-fit: cover; }

.about-us-tabs-section .tabs-body-container .fourth-tab-body .our-clients-success-content { padding-top: 30px; padding-bottom: 40px; background: var(--secondary); margin-top: 60px; }

.about-us-tabs-section .tabs-body-container .fifth-tab-body .first-inner-row { max-width: 550px; margin: auto; }

.about-us-tabs-section .tabs-body-container .fifth-tab-body .first-inner-row h4 { margin-top: 12px; }

.about-us-tabs-section .tabs-body-container .fifth-tab-body .second-inner-row { column-gap: 30px; row-gap: 30px; margin-top: 50px; }

.about-us-tabs-section .tabs-body-container .fifth-tab-body .second-inner-row .inner-column { width: calc(33.33% - 15px); }

.about-us-tabs-section .tabs-body-container .fifth-tab-body .second-inner-row .inner-column img { width: 100%; border: 1px solid transparent; border-bottom: none; }

.about-us-tabs-section .tabs-body-container .fifth-tab-body .second-inner-row .inner-column .text-content { padding: 30px; box-sizing: border-box; border: 1px solid #ccc; border-top: none; min-height: 154px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }

.about-us-tabs-section .tabs-body-container .fifth-tab-body .second-inner-row .inner-column .text-content h4 { margin-bottom: 5px; }

.about-us-tabs-section .tabs-body-container .fifth-tab-body .second-inner-row .inner-column .text-content p:not(.bold) { margin-top: 3px; }

.about-us-tabs-section .tabs-body-container .fifth-tab-body .second-inner-row .inner-column .text-content a { display: table; margin: auto; }

.about-us-tabs-section .tabs-body-container .fifth-tab-body .second-inner-row .inner-column .text-content a:hover { color: var(--primary); }

.about-us-tabs-section .tabs-body-container .fifth-tab-body .apis-integration-content { padding: 40px 0; background: var(--primary); margin-top: 60px; }

.about-us-tabs-section .tabs-body-container .fifth-tab-body .apis-integration-content .text-content { column-gap: 50px; }

.about-us-tabs-section .tabs-body-container .fifth-tab-body .apis-integration-content h4 { color: #fff; width: 70%; }

.about-us-tabs-section .tabs-body-container .fifth-tab-body .apis-integration-content a { border: 2px solid #fff; text-align: center; color: #fff; }

.about-us-tabs-section .tabs-body-container .fifth-tab-body .apis-integration-content a:hover { background: #fff; color: var(--primary); }

.about-us-tabs-section .tabs-body-container .sixth-tab-body .ready-to-connect-world-content { padding: 80px 0; background: linear-gradient(rgba(0,0,0,0.6),  rgba(0,0,0,0.6)), url(../images/ready-to-connect-world-image.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }

.about-us-tabs-section .tabs-body-container .sixth-tab-body .ready-to-connect-world-content h3,
.about-us-tabs-section .tabs-body-container .sixth-tab-body .ready-to-connect-world-content h4 { color: #fff; }

.about-us-tabs-section .tabs-body-container .sixth-tab-body .first-inner-row h4 { margin-top: 12px; }

.about-us-tabs-section .tabs-body-container .sixth-tab-body .second-inner-row { margin-top: 40px; margin-bottom: 60px; column-gap: 40px; row-gap: 40px; }

.about-us-tabs-section .tabs-body-container .sixth-tab-body .second-inner-row .inner-column { width: calc(25% - 20px); }

.about-us-tabs-section .tabs-body-container .sixth-tab-body .second-inner-row .inner-column img { max-height: 70px; }

.about-us-tabs-section .tabs-body-container .sixth-tab-body .second-inner-row .inner-column .divider-horizontal-line { display: block; margin-top: 10px; margin-bottom: 15px; height: 3px; width: 50px; background: var(--primary); }

.about-us-tabs-section .tabs-body-container .sixth-tab-body .ready-to-connect-world-content h4 { margin-top: 12px; }

.about-us-tabs-section .tabs-body-container .sixth-tab-body .ready-to-connect-world-content a { margin: auto; margin-top: 20px; }

.about-us-tabs-section .tabs-body-container .first-tab-body,
.about-us-tabs-section .tabs-body-container .second-tab-body { margin-bottom: 60px; }

@media (max-width: 1380px) {
    .about-us-legend-section .row { max-width: 475px; }

    .about-us-legend-section .row .column h3 { font-size: 22px; }

    .about-us-legend-section .row .column h1 { font-size: 36px; }

    .about-us-tabs-section .tabs-container .tabs-content p { font-size: 16px; }

    .about-us-tabs-section .tabs-body-container .second-tab-body .inner-row .inner-column img { max-width: 54px; }

    .about-us-tabs-section .tabs-body-container .sixth-tab-body .second-inner-row .inner-column img { max-width: 54px; }
}

@media (max-width: 1180px) {
    .about-us-tabs-section .tabs-container .tabs-content { flex-wrap: wrap; justify-content: center; row-gap: 15px; }

    .about-us-tabs-section .tabs-container .tabs-content p { text-align: center; }

    .panel-control-section .full-column { margin-top: 40px; }
}

@media (max-width: 992px) {
    .about-us-tabs-section .tabs-body-container .first-tab-body .inner-row { flex-wrap: wrap; }

    .about-us-tabs-section .tabs-body-container .first-tab-body .inner-row .inner-column { width: 100%; text-align: center; }

    .about-us-tabs-section .tabs-body-container .first-tab-body .inner-row .second-inner-column { margin-top: 40px; }

    .about-us-tabs-section .tabs-body-container .first-tab-body .inner-row .first-inner-column img { max-width: 500px; margin: auto; }

    .about-us-tabs-section .tabs-body-container .second-tab-body .inner-row .inner-column { width: calc(50% - 35px); }

    .about-us-tabs-section .tabs-body-container .third-tab-body .inner-row { flex-wrap: wrap; }

    .about-us-tabs-section .tabs-body-container .third-tab-body .inner-row .inner-column { width: 100%; text-align: center; }

    .about-us-tabs-section .tabs-body-container .third-tab-body .inner-row .second-inner-column { margin-top: 40px; }

    .about-us-tabs-section .tabs-body-container .third-tab-body .inner-row .second-inner-column img { max-width: 500px; margin: auto; min-height: auto; }

    .about-us-tabs-section .tabs-body-container .fourth-tab-body .inner-row { flex-wrap: wrap; }

    .about-us-tabs-section .tabs-body-container .fourth-tab-body .inner-row .inner-column { width: 100%; text-align: center; }

    .about-us-tabs-section .tabs-body-container .fourth-tab-body .inner-row .second-inner-column { margin-top: 40px; }

    .about-us-tabs-section .tabs-body-container .fourth-tab-body .inner-row .second-inner-column img { max-width: 500px; margin: auto; min-height: auto; }

    .about-us-tabs-section .tabs-body-container .fifth-tab-body .second-inner-row { flex-wrap: wrap; }

    .about-us-tabs-section .tabs-body-container .fifth-tab-body .second-inner-row .inner-column { width: calc(50% - 15px); }

    .about-us-tabs-section .tabs-body-container .fifth-tab-body .apis-integration-content .text-content { flex-wrap: wrap; justify-content: center; }

    .about-us-tabs-section .tabs-body-container .fifth-tab-body .apis-integration-content h4 { width: 100%; text-align: center; }

    .about-us-tabs-section .tabs-body-container .fifth-tab-body .apis-integration-content a { margin-top: 30px; }

    .about-us-tabs-section .tabs-body-container .sixth-tab-body .second-inner-row { flex-wrap: wrap; }

    .about-us-tabs-section .tabs-body-container .sixth-tab-body .second-inner-row .inner-column { width: calc(50% - 20px); }
}

@media (max-width: 768px) {
    .about-us-tabs-section .tabs-container .tabs-content { row-gap: 0; }

    .about-us-tabs-section .tabs-container .tabs-content p { width: 100%; padding: 18px; border-bottom: 1px solid #eee; }

    .about-us-tabs-section .tabs-container .tabs-content p:last-child { border-bottom: none; }

    .about-us-tabs-section .tabs-container .tabs-content p.active { border: none; background: var(--primary); color: #fff; border-radius: 10px; }

    .about-us-tabs-section .tabs-body-container .fifth-tab-body .second-inner-row .inner-column { width: 100%; }
}

@media (max-width: 575px) {
    .about-us-tabs-section .tabs-body-container .second-tab-body .inner-row .inner-column { width: 100%; }

    .about-us-tabs-section .tabs-body-container .sixth-tab-body .second-inner-row .inner-column img { margin: auto; }

    .about-us-tabs-section .tabs-body-container .sixth-tab-body .second-inner-row .inner-column .divider-horizontal-line { margin: auto; margin-top: 10px; margin-bottom: 15px; }

    .about-us-tabs-section .tabs-body-container .sixth-tab-body .second-inner-row .inner-column { width: 100%; text-align: center; }
}

/* end about us page styles */



/* contact us page styles */

.contact-us-banner-section { background-image: url(../images/contact-background-image.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }

.contact-us-banner-section .row .first-column { width: 65%; }

.contact-us-banner-section .row .second-column { width: 35%; }

.contact-us-banner-section .row .column h1 { font-size: 47px; max-width: 730px; }

.contact-us-banner-section .row .column h3 { font-size: 26px; max-width: 500px; margin-top: 12px; }

.contact-us-banner-section .row .column a { margin-top: 20px; }

.contact-us-banner-section .row .second-column img { width: 100%; }

.contact-us-page-form-section { padding: 70px 0; background: #eeeced; }

.contact-us-page-form-section p { margin-top: 5px; }

.contact-us-page-form-section .row form { display: grid; gap: 15px; margin-top: 30px; }

.contact-us-page-form-section .row form .form-group.d-flex { column-gap: 15px; }

.contact-us-page-form-section .row form input, .contact-us-page-form-section .row form textarea, .contact-us-page-form-section .row form select { outline: none; width: 100%; border-radius: 10px; padding: 12px 20px; border: 0; box-sizing: border-box; }

.contact-us-page-form-section .row form  textarea { height: 130px; resize: none; }

.contact-us-page-form-section .row form select { -webkit-appearance: none; -moz-appearance: none; background-image: url(../images/select-arrow-icon.svg) !important; background-repeat: no-repeat !important; background-position-x: calc(100% - 20px) !important; background-size: 12px; background-position-y: 19px !important; }

.contact-us-page-form-section .row form .file-wrapper { position: relative; display: inline-block; width: 100%; }

.contact-us-page-form-section .row form .fake-input { cursor: pointer; }

.contact-us-page-form-section .row form input[type="file"] { display: none; }

.contact-us-page-form-section .row form input::placeholder, .contact-us-page-form-section .row form textarea::placeholder { color: #000; }

.contact-us-page-form-section .row form button { border: 0; }

.contact-us-page-not-found-section { padding: 70px 0; }

.contact-us-page-not-found-section h4 { margin-top: 5px; }

.contact-us-page-not-found-section .row { margin-top: 40px; column-gap: 20px; row-gap: 40px; }

.contact-us-page-not-found-section .row .column { width: calc(25% - 15px); }

.contact-us-page-not-found-section .row .column img { max-width: 50px; margin: auto; margin-bottom: 10px; }

.contact-us-page-not-found-section .row .column p:last-child { margin-top: 15px; }

.contact-us-page-not-found-section .row .column p a:hover { color: var(--primary); }

@media (max-width: 1380px) {
    .contact-us-banner-section .row .column h1 { font-size: 37px; max-width: 580px; }

    .contact-us-banner-section .row .column h3 { font-size: 21px; max-width: 395px; }

    .contact-us-page-not-found-section .row .column img { max-width: 40px; }
}

@media (max-width: 992px) {
    .contact-us-banner-section .row { flex-wrap: wrap; }

    .contact-us-banner-section .row .column { width: 100%; text-align: center; }

    .contact-us-banner-section .row .first-column { padding: 70px 0; }

    .contact-us-banner-section .row .first-column h1,
    .contact-us-banner-section .row .first-column h3 { max-width: 100%; }

    .contact-us-banner-section .row .first-column a { margin: auto; margin-top: 20px; }

    .contact-us-banner-section .row .second-column img { max-width: 350px; margin: auto; }

    .contact-us-page-not-found-section .row .column { width: calc(50% - 15px); }
}

@media (max-width: 768px) {
    .contact-us-page-form-section .row form .form-group.d-flex { flex-wrap: wrap; row-gap: 15px; }
}

@media (max-width: 575px) {
    .contact-us-page-not-found-section .row .column { width: 100%; }
}

/* end contact us page styles */



/* guaranteed minimum price page styles */

.guaranteed-minimum-price-section { background-color: #eeeced; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.guaranteed-minimum-price-section .row .column { width: 50%; }

.guaranteed-minimum-price-section .row .column h1 { font-size: 47px; max-width: 700px; }

.guaranteed-minimum-price-section .row .column h3 { font-size: 26px; max-width: 540px; margin-top: 12px; }

.guaranteed-minimum-price-section .row .column a { margin-top: 20px; }

.guaranteed-minimum-price-section .row .second-column img { width: 100%; }

.guaranteed-minimum-price .row .first-column { width: 65%; }

.boxfly-commitment-section { padding: 70px 0; }

.boxfly-commitment-section .row { column-gap: 50px; }

.boxfly-commitment-section .row .column { width: 50%; }

.boxfly-commitment-section .row .first-column img { width: 100%; }

.boxfly-commitment-section .row .second-column h4 { margin-top: 20px; }

.boxfly-commitment-section .row .second-column p { margin-top: 10px; }

.boxfly-commitment-section .row .second-column p.bold { margin-top: 20px; }

.how-does-guaranteed-minimum-price-works-section { padding: 70px 0; background: #eeeced; }

.how-does-guaranteed-minimum-price-works-section .subtitle { margin-top: 5px; }

.how-does-guaranteed-minimum-price-works-section .row { margin-top: 40px; column-gap: 100px; }

.how-does-guaranteed-minimum-price-works-section .row .column { width: calc(33.33% - 100px); }

.how-does-guaranteed-minimum-price-works-section .row .column h2 { color: var(--primary); font-weight: 900; font-size: 87px; }

.how-does-guaranteed-minimum-price-works-section .row .column h4 { margin-top: 5px; }

.guaranteed-minimum-price-conditions-section .row .column { width: 50%; }

.guaranteed-minimum-price-conditions-section .row .first-column .column-content { margin-left: calc((100vw - min(1200px, 80vw)) / 2); margin-right: 60px; }

.guaranteed-minimum-price-conditions-section .row .first-column h4 { margin-top: 10px; }

.guaranteed-minimum-price-conditions-section .row .first-column ul { margin-top: 30px; }

.guaranteed-minimum-price-conditions-section .row .first-column ul li { flex-wrap: wrap; column-gap: 6px; margin-top: 18px; }

.guaranteed-minimum-price-conditions-section .row .first-column ul li:first-child { margin-top: 0; }

.guaranteed-minimum-price-conditions-section .row .first-column ul li img { display: inline-block; max-width: 16px; position: relative; top: 3px; margin-right: 6px; }

.guaranteed-minimum-price-conditions-section .row .second-column img { width: 100%; height: 690px; object-fit: cover; }

@media (max-width: 1380px) {
    .guaranteed-minimum-price-section .row .column h1 { font-size: 37px; max-width: 550px; }

    .guaranteed-minimum-price-section .row .column h3 { font-size: 21px; max-width: 430px; }

    .how-does-guaranteed-minimum-price-works-section .row .column h2 { font-size: 70px; }    
}

@media (max-width: 992px) {
    .guaranteed-minimum-price-section .row { flex-wrap: wrap; }

    .guaranteed-minimum-price-section .row .column { width: 100%; text-align: center; }

    .guaranteed-minimum-price-section .row .column h1,
    .guaranteed-minimum-price-section .row .column h3 { max-width: 100%; }

    .guaranteed-minimum-price-section .row .first-column { padding-top: 70px; padding-bottom: 70px; }

    .guaranteed-minimum-price-section .row .first-column a { margin: auto; margin-top: 20px; }

    .boxfly-commitment-section .row { flex-wrap: wrap; }

    .boxfly-commitment-section .row .column { width: 100%; text-align: center; }

    .boxfly-commitment-section .row .first-column img { max-width: 500px; margin: auto; }

    .boxfly-commitment-section .row .second-column { margin-top: 30px; }

    .how-does-guaranteed-minimum-price-works-section .row { column-gap: 50px; row-gap: 40px; flex-wrap: wrap; }

    .how-does-guaranteed-minimum-price-works-section .row .column { width: calc(50% - 25px); row-gap: 40px; }

    .guaranteed-minimum-price-conditions-section .row { flex-wrap: wrap; }

    .guaranteed-minimum-price-conditions-section .row .column { width: 100%; text-align: center; }

    .guaranteed-minimum-price-conditions-section .row .first-column { padding: 70px 0; }

    .guaranteed-minimum-price-conditions-section .row .first-column .column-content { max-width: 80%; margin: auto; }

    .guaranteed-minimum-price-conditions-section .row .second-column img { height: auto; }
}

@media (max-width: 575px) {
    .how-does-guaranteed-minimum-price-works-section .row .column { width: 100%; }
}

/* end guaranteed minimum price page styles */



/* control panel page styles */

.panel-control-section { padding: 30px 0; background: #f3f6fb; }

.panel-control-section .mobile-menu { display: none; }

.panel-control-section .row { column-gap: 20px; }

.panel-control-section .row .first-column { width: 20%; }

.panel-control-section .row .first-column .logo { max-width: 70px; }

.panel-control-section .row .first-column .logged-user-content { column-gap: 7px; margin-top: 20px; }

.panel-control-section .row .first-column .logged-user-content .logged-user { font-size: 18px; }

.panel-control-section .row .first-column .panel-control-navbar { margin-top: 30px; }

.panel-control-section .row .first-column .panel-control-navbar li { width: 100%; column-gap: 12px; border-bottom: 1px solid #c5c8cb; }

.panel-control-section .row .first-column .panel-control-navbar li:last-child { border-bottom: 0; }

.panel-control-section .row .first-column .panel-control-navbar a { padding: 24px 0; width: 100%; }

.panel-control-section .row .first-column .panel-control-navbar a:hover { color: var(--primary); }

.panel-control-section .row .second-column { width: 80%; }

.panel-control-section .row .second-column .inner-row { margin-top: 20px; column-gap: 15px; }

.panel-control-section .row .second-column .inner-row .inner-column { padding: 20px; box-sizing: border-box; background: #fff; border-radius: 10px; } 

.panel-control-section .row .second-column .first-inner-row .inner-column { width: calc(33.33% - 8px); }

.panel-control-section .row .second-column .first-inner-row .inner-column.next-collection-inner-column { display: flex; flex-direction: column; justify-content: space-between; }

.panel-control-section .row .second-column .first-inner-row .inner-column .make-collection-button { border: 0; }

.panel-control-section .row .second-column .first-inner-row .inner-column a.btn { width: 100%; box-sizing: border-box; }

.panel-control-section .row .second-column .first-inner-row .inner-column:first-child a:not(.btn) { color: var(--primary); }

.panel-control-section .row .second-column .first-inner-row .inner-column:first-child a:first-child { width: 190px; }

.panel-control-section .row .second-column .first-inner-row .inner-column:first-child a:first-child:not(.new-shipment-link):hover { color: var(--secondary); }

.panel-control-section .row .second-column .first-inner-row .inner-column h3 { margin-top: 5px; margin-bottom: 10px; }

.panel-control-section .row .second-column .second-inner-row .inner-column { column-gap: 30px; row-gap: 15px; }

.panel-control-section .row .second-column .second-inner-row .inner-column .inner-column-content { padding: 10px 15px; box-sizing: border-box; width: calc(50% - 17px); border: 1px solid #c6c4c4; border-radius: 10px; }

.panel-control-section .row .second-column .second-inner-row .inner-column .inner-column-content select { position: relative; left: -3px; border: 0; width: 100%; margin-top: 3px; outline: none; }

.panel-control-section .row .second-column .second-inner-row .inner-column .inner-column-content:last-child { border: 0; padding: 0; }

.panel-control-section .row .second-column .second-inner-row .inner-column .inner-column-content:last-child button { border: 0; width: 100%; height: 100%; }

.panel-control-section .row .second-column .second-inner-row form { width: 67.5%; }

.panel-control-section .row .second-column .second-inner-row .first-inner-column { width: 100%; }

.panel-control-section .row .second-column .second-inner-row .second-inner-column { width: 32.5%; }

.panel-control-section .row .second-column .second-inner-row .second-inner-column .inner-column-content { margin-top: 20px; width: 100%; }

.panel-control-section .row .second-column .second-inner-row .second-inner-column .inner-column-content ul { display: grid; row-gap: 20px; }

.panel-control-section .row .second-column .second-inner-row .second-inner-column .inner-column-content li { width: 100%; column-gap: 20px; }

.panel-control-section .row .second-column .second-inner-row .second-inner-column .inner-column-content li img { display: inline-block; }

.panel-control-section .row .second-column .third-inner-row .inner-column-content { column-gap: 15px; margin-top: 15px; }

.panel-control-section .row .second-column .third-inner-row .inner-column-content input { outline: none; width: 100%; border-radius: 10px; padding: 12px 20px; border: 1px solid #d6d6d6; box-sizing: border-box; }

.panel-control-section .row .second-column .third-inner-row .inner-column-content input::placeholder { color: #000; }

.panel-control-section .row .second-column .third-inner-row .inner-column-content button { border: 0; width: 260px; }

.panel-control-section .row .second-column .fourth-inner-row .inner-column { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.panel-control-section .row .second-column .fourth-inner-row .table-responsive { width: 100%; padding: 0 12px; box-sizing: border-box; background: #fff; }

.panel-control-section .row .second-column .fourth-inner-row a { color: var(--primary); }

.panel-control-section .row .second-column .fourth-inner-row a:hover { color: var(--secondary); }

.panel-control-section .row .second-column .fourth-inner-row table select { -webkit-appearance: none; -moz-appearance: none; background-image: url(../images/select-arrow-icon.svg) !important; background-repeat: no-repeat !important; background-position-x: calc(100% - 20px) !important; background-size: 12px; background-position-y: 19px !important; outline: none; color: #000; width: 100%; border: 1px solid #d6d6d6; border-radius: 10px; padding: 12px 20px; box-sizing: border-box; }

.shipment-payment-popup,
.process-collection-popup,
.shipment-collection-popup { display: none; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; z-index: 9999; }

.shipment-payment-popup .popup-modal,
.process-collection-popup .popup-modal,
.shipment-collection-popup .popup-modal { transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; background: #fff; padding: 40px; box-sizing: border-box; border-radius: 10px; min-width: 800px; }

.process-collection-popup .popup-modal,
.shipment-collection-popup .popup-modal { min-width: 80%; }

.shipment-payment-popup .popup-modal .popup-header .fa-remove,
.process-collection-popup .popup-modal .popup-header .fa-remove,
.shipment-collection-popup .popup-modal .popup-header .fa-remove { cursor: pointer; position: absolute; right: 15px; top: 15px; color: #ff0000; cursor: pointer; }

.shipment-payment-popup .popup-modal .popup-header .fa-remove:hover,
.process-collection-popup .popup-modal .popup-header .fa-remove:hover,
.shipment-collection-popup .popup-modal .popup-header .fa-remove:hover { opacity: 0.8; }

.shipment-payment-popup .popup-modal .popup-body .mt-10,
.process-collection-popup .popup-modal .popup-body .mt-10,
.shipment-collection-popup .popup-modal .popup-body .mt-10 { margin-top: 10px; }

.shipment-payment-popup .popup-modal .popup-body .mt-20,
.process-collection-popup .popup-modal .popup-body .mt-20,
.shipment-collection-popup .popup-modal .popup-body .mt-20 { margin-top: 20px; }

.shipment-payment-popup .popup-modal .popup-body .shipment-transfer-bank-content { display: none; }

.shipment-payment-popup .popup-modal .popup-body .shipment-confirm-payment-button { border: none; margin-top: 20px; margin-left: auto; }

.process-collection-popup .popup-modal { max-height: 600px; overflow-y: auto; }

.process-collection-popup .popup-modal .popup-body input,
.process-collection-popup .popup-modal .popup-body textarea { color: #000; outline: none; width: 100%; border-radius: 10px; padding: 12px 20px; border: 0; box-sizing: border-box; border: 1px solid #d6d6d6; }

.process-collection-popup .popup-modal .popup-body textarea { resize: none; }

.process-collection-popup .popup-modal .popup-body input::placeholder,
.process-collection-popup .popup-modal .popup-body textarea::placeholder { color: #000; }

.process-collection-popup .popup-modal .popup-body small { font-size: 14px; }

.process-collection-popup .popup-modal .popup-body .search-collection-availability-range-button { display: table; color: var(--primary); }

.process-collection-popup .popup-modal .popup-body .search-collection-availability-range-button:hover { color: var(--secondary); }

.process-collection-popup .popup-modal .popup-body .warning-text { color: #ff0000; }

.process-collection-popup .popup-modal .popup-body .process-collection-button { margin-left: auto; border: 0; margin-top: 30px; }

.process-collection-popup .popup-modal .popup-body .collection-availability-range-response { display: flex; flex-wrap: wrap; row-gap: 20px; margin-top: 20px; margin-bottom: 20px; }

.process-collection-popup .popup-modal .popup-body .collection-availability-range-response .inner-column { box-shadow: 0 2px 5px rgb(0 0 0 / 10%); --webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%); }

.process-collection-popup .popup-modal .popup-body .collection-availability-range-response .inner-column input[type="radio"] { width: auto; }

.process-collection-popup .popup-modal .popup-body .collection-availability-range-response .inner-column select { -webkit-appearance: none; -moz-appearance: none; background-image: url(../images/select-arrow-icon.svg) !important; background-repeat: no-repeat !important; background-position-x: calc(100% - 20px) !important; background-size: 12px; background-position-y: 19px !important; outline: none; color: #000; width: 100%; border: 1px solid #d6d6d6; border-radius: 10px; padding: 12px 20px; box-sizing: border-box; margin-top: 15px; }

.view-shipment-collection-button { display: block; margin-top: 10px; }

.current-account-enabled { color: #ff0000; font-size: 13px; margin-top: 5px; }

.problem-with-shipment-link { display: block; margin-top: 5px; }

@media (max-width: 1380px) {
    .panel-control-section .row .first-column .logo { max-width: 60px; }

    .panel-control-section .row .first-column .logged-user-content img { max-width: 32px; }

    .panel-control-section .row .first-column .logged-user-content .logged-user { font-size: 16px; }

    .table-responsive { width: 100%; overflow-x: auto; }

    .table-responsive table { width: 992px; }
}

@media (max-width: 1330px) {
    .panel-control-section .row .second-column .first-inner-row .inner-column { display: flex; flex-direction: column; }

    .panel-control-section .row .second-column .first-inner-row .inner-column a.btn { margin-top: auto; }

    .panel-control-section .row .second-column .first-inner-row .inner-column .buttons-row { flex-wrap: wrap; justify-content: center; }

    .panel-control-section .row .second-column .first-inner-row .inner-column .buttons-row * { width: 100%; text-align: center; }

    .panel-control-section .row .second-column .first-inner-row .inner-column .buttons-row a.btn { margin-top: 10px; }
}

@media (max-width: 1180px) {
    .panel-control-section .desktop-menu { display: none; }

    .panel-control-section .mobile-menu { display: block; }

    .panel-control-section .mobile-menu .menu-burguer { cursor: pointer; display: grid; row-gap: 4px; }

    .panel-control-section .mobile-menu .menu-burguer .bar { width: 32px; height: 5px; display: block; background: var(--primary); }

    .panel-control-section .mobile-menu .second-inner-row { display: none; position: absolute; margin-top: 20px; border-top: 3px solid var(--primary); z-index: 9999; width: 100%; background: #fff; box-shadow: 0 2px 5px rgb(0 0 0 / 10%); --webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%); }
 
    .panel-control-section .mobile-menu .second-inner-row li { transition: all 0.6s; padding: 0 30px; width: 100%; column-gap: 12px; border-bottom: 1px solid #c5c8cb; box-sizing: border-box; }

    .panel-control-section .mobile-menu .second-inner-row li img { transition: all 0.6s; }

    .panel-control-section .mobile-menu .second-inner-row li:hover { background: var(--primary); }

    .panel-control-section .mobile-menu .second-inner-row li:hover a { color: #fff; }

    .panel-control-section .mobile-menu .second-inner-row li:hover img { filter: brightness(0) invert(1); }

    .panel-control-section .mobile-menu .second-inner-row li:last-child { border-bottom: 0; }

    .panel-control-section .mobile-menu .second-inner-row a { display: block; padding: 18px; width: 100%; }

    .panel-control-section .row { flex-wrap: wrap; }

    .panel-control-section .row .column { width: 100%; }

    .panel-control-section .row .second-column { margin-top: 30px; }
}

@media (max-width: 992px) {
    .panel-control-section .row .second-column .inner-row { flex-wrap: wrap; row-gap: 15px; }

    .panel-control-section .row .second-column .first-inner-row .inner-column { width: 100%; }

    .panel-control-section .row .second-column .second-inner-row .first-inner-column,
    .panel-control-section .row .second-column .second-inner-row .second-inner-column { width: 100%; }

    .panel-control-section .row .second-column .third-inner-row .inner-column-content { flex-wrap: wrap; row-gap: 15px; }

    .panel-control-section .row .second-column .third-inner-row .inner-column-content button { width: 100%; }

    .panel-control-section .row .second-column .first-inner-row .inner-column .make-collection-button { margin-top: 15px; }

    .shipment-payment-popup .popup-modal,
    .process-collection-popup .popup-modal { min-width: 80%; }

    .process-collection-popup .popup-body { max-height: 345px; overflow-y: auto; }
}

@media (max-width: 575px) {
    .panel-control-section .row .second-column .second-inner-row .first-inner-column { flex-wrap: wrap; }

    .panel-control-section .row .second-column .second-inner-row .inner-column .inner-column-content { width: 100%; }
}

/* end control panel page styles */



/* all shipments page styles */

.filter-shipments-container { display: none; border-bottom: 1px solid #ddd; padding: 20px 0; }

.filter-shipments-container .form-groups { column-gap: 20px; row-gap: 20px; }

.filter-shipments-container .form-groups .form-group { width: calc(33.33% - 10px); }

.filter-shipments-container .form-groups .form-group input { display: block; outline: none; width: 100%; border-radius: 10px; padding: 12px 20px; border: 1px solid #d6d6d6; box-sizing: border-box; margin-top: 10px; }

.filter-shipments-container .form-groups .form-group input::placeholder { color: #000; }

.filter-shipments-container .buttons-row { column-gap: 10px; margin-top: 20px; }

.filter-shipments-container button { border: 0; }

.filter-shipments-container .clear-filters-button { background: var(--secondary); color: #fff !important; }

.filter-shipments-container .clear-filters-button:hover { background: var(--primary); }

.not-shipments-found-text { margin-top: 20px; }

/* end all shipments page styles */



/* user profile page styles */

.user-profile-section .inner-row { column-gap: 20px; }

.user-profile-section .inner-row .inner-column { width: calc(50% - 10px); }

.user-profile-section .inner-row .inner-column form { display: grid; row-gap: 15px; margin-top: 30px; }

.user-profile-section .inner-row .inner-column form input { outline: none; width: 100%; border-radius: 10px; padding: 12px 20px; border: 1px solid #d6d6d6; box-sizing: border-box; }

.user-profile-section .inner-row .inner-column form input::placeholder { color: #000; }

.user-profile-section .inner-row .inner-column form button { border: 0; }

/* end user profile page styles */



/* user books page styles */

.user-books-section .link { color: var(--primary); }

.user-books-section .link:hover { color: var(--secondary); }

.user-books-section .inner-row { background: #fff; border-radius: 10px; }

.user-books-section .first-inner-row .inner-column { cursor: pointer; width: auto !important; }

.user-books-section .first-inner-row .inner-column p { width: fit-content; }

.user-books-section .first-inner-row .inner-column:hover p { border-bottom: 2px solid var(--primary); }

.user-books-section .first-inner-row .first-inner-column p { border-bottom: 2px solid var(--primary); }

.user-books-section .second-inner-row[data-tab-id="2"] { display: none; }

.user-books-section .table-responsive { width: 100%; overflow-x: auto; }

.user-books-section .books-table { width: 1380px; }

.user-books-section .books-table a { color: var(--primary); }

.user-books-section .books-table a:hover { color: var(--secondary); }

.user-books-section .books-table a.popup-book-edition-button { margin-right: 5px; }

.user-books-section .book-edition-popup,
.user-books-section .book-delete-popup { display: none; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; z-index: 9999; }

.user-books-section .book-edition-popup .popup-modal,
.user-books-section .book-delete-popup .popup-modal { transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; background: #fff; padding: 40px; box-sizing: border-box; border-radius: 10px; min-width: 800px; }

.user-books-section .book-edition-popup .popup-modal .popup-header .fa-remove,
.user-books-section .book-delete-popup .popup-modal .popup-header .fa-remove { cursor: pointer; position: absolute; right: 15px; top: 15px; color: #ff0000; cursor: pointer; }

.user-books-section .book-edition-popup .popup-modal .popup-header .fa-remove:hover,
.user-books-section .book-delete-popup .popup-modal .popup-header .fa-remove:hover { opacity: 0.8; }

.user-books-section .book-edition-popup .popup-modal,
.user-books-section .book-delete-popup .popup-modal { max-height: 600px; overflow-y: auto; }

.user-books-section .book-edition-popup .popup-modal .popup-body .inputs-content { display: flex; flex-wrap: wrap; column-gap: 15px; row-gap: 15px; margin-top: 20px; }

.user-books-section .book-edition-popup .popup-modal .popup-body input,
.user-books-section .book-edition-popup .popup-modal .popup-body select { width: calc(50% - 7.5px); color: #000; outline: none; border-radius: 10px; padding: 12px 20px; border: 0; box-sizing: border-box; border: 1px solid #d6d6d6; }

.user-books-section .book-edition-popup .popup-modal .popup-body input::placeholder { color: #000; }

.user-books-section .book-edition-popup .popup-modal .popup-body select { -webkit-appearance: none; -moz-appearance: none; background-image: url(../images/select-arrow-icon.svg) !important; background-repeat: no-repeat !important; background-position-x: calc(100% - 20px) !important; background-size: 12px; background-position-y: 19px !important; outline: none; padding: 12px 17px; box-sizing: border-box; }

.user-books-section .book-edition-popup .popup-modal .popup-body button,
.user-books-section .book-delete-popup .popup-modal .popup-body button { border: 0; max-width: 120px; margin-left: auto; }

.user-books-section .book-delete-popup .popup-modal .popup-body p,
.user-books-section .book-delete-popup .popup-modal .popup-body button { margin-top: 20px; }

@media (max-width: 992px) {
    .user-books-section .book-edition-popup .popup-modal,
    .user-books-section .book-delete-popup .popup-modal { min-width: 80%; }
}

@media (max-width: 768px) {
    .user-books-section .book-edition-popup .popup-modal .popup-body input,
    .user-books-section .book-edition-popup .popup-modal .popup-body select { width: 100%; }
}

/* end user books page styles */



/* recover password page styles */

.login-paragraph { column-gap: 4px; margin-top: 20px; }

.login-link { color: var(--primary); }

.login-link:hover { color: var(--secondary); }

/* end recover password page styles */



/* terms and conditions page styles */

.terms-and-conditions-section { padding-top: 70px; padding-bottom: 40px; }

.terms-and-conditions-section h4 { max-width: 630px; margin: auto; margin-top: 10px; }

.terms-and-conditions-section .row { max-width: 80%; margin: auto; margin-top: 55px; column-gap: 50px; }

.terms-and-conditions-section .row .column { width: 50%; }

.terms-and-conditions-section .row .first-column p { margin-top: 20px; }

.terms-and-conditions-section .row .first-column p:first-child { margin-top: 0; }

.terms-and-conditions-section .row .second-column a { display: block; color: var(--primary); }

.item-section { padding: 10px 0; }

.item-section .row { max-width: 80%; margin: auto; }

.item-section:last-child { padding-bottom: 70px; }

.item-section h4 { font-weight: bold; }

.item-section p { margin-top: 20px; }

.item-section p:first-child { margin-top: 0; }

@media (max-width: 992px) {
    .terms-and-conditions-section .row { max-width: 100%; flex-wrap: wrap; }

    .terms-and-conditions-section .row .column { width: 100%; }

    .terms-and-conditions-section .row .second-column { margin-top: 40px; }

    .item-section .row { max-width: 100%; }
}

/* end terms and conditions page styles */



/* shipping created successfully page styles */

.shipping-created-successfully-section { padding: 70px 0; }

.shipping-created-successfully-section .row h4 { margin-top: 10px; }

.shipping-created-successfully-section .row .buttons-row { margin-top: 20px; margin-bottom: 20px; column-gap: 20px; row-gap: 20px; }

.shipping-created-successfully-section .row .buttons-row button { border: 0; }

.shipping-created-successfully-section .shipment-payment-method { -webkit-appearance: none; -moz-appearance: none; background-image: url(../images/select-arrow-icon.svg) !important; background-repeat: no-repeat !important; background-position-x: calc(100% - 20px) !important; background-size: 12px; background-position-y: 19px !important; outline: none; color: #000; width: 100%; border: 1px solid #d6d6d6; border-radius: 10px; padding: 12px 20px; box-sizing: border-box; }

@media (max-width: 768px) {
    .shipping-created-successfully-section .row .buttons-row { flex-direction: column; text-align: center; }    
}

/* end shipping created successfully page styles */



/* help center page styles */

.help-center-contact-us-page-form-section { background: var(--primary); }

.help-center-contact-us-page-form-section h2,
.help-center-contact-us-page-form-section p,
.help-center-contact-us-page-form-section .aditional-note { color: #fff; }

.help-center-contact-us-page-form-section button { background: #fff; color: var(--primary); }

.help-center-contact-us-page-form-section button:hover { color: #fff; }

.help-center-section { background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url(../images/help-center-banner.png); background-size: cover; background-position: center center; background-repeat: no-repeat; height: calc(100vh - 100px); }

.help-center-section .row { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); max-width: 1200px; width: 70%; }

.help-center-section .row h3 { font-size: 26px; }

.help-center-section .row h2 { font-size: 45px; max-width: 700px; margin: auto; margin-top: 5px; }

.help-center-section form { border-radius: 10px; background: var(--primary); margin-top: 30px; padding: 15px 25px; box-sizing: border-box; }

.help-center-section form input { outline: none; width: 100%; height: 60px; font-weight: bold; color: #000; padding: 10px 15px 30px 15px; box-sizing: border-box; border: 1px solid transparent; }

.help-center-section form input::placeholder { white-space: normal;
  word-wrap: break-word; color: #000; }

.help-center-section form button { background: var(--primary); color: #fff; border: 2px solid #fff; min-width: 150px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.help-center-section form button:hover { background: var(--secondary); }

.help-center-main-content .faqs-section { background: #fff; }

.help-center-main-content .faqs-section h2 { color: #000; }

.help-center-main-content .faqs-section h4, .help-center-main-content .faqs-section p { color: #000; }

.help-center-main-content .faqs-section p { margin-bottom: 20px; }

.help-center-main-content .faqs-section p:last-child { margin-bottom: 0; }

.help-center-main-content .faqs-section i { color: var(--primary); }

.help-center-main-content .faqs-section a { color: var(--primary); }

.help-center-main-content .tab-body h2,
.help-center-main-content .tab-body h3 { margin-bottom: 10px; }

.help-center-main-content .faqs-section ul, .help-center-main-content .faqs-section ol { margin-left: 20px; margin-bottom: 20px; }

.help-center-main-content .faqs-section a.link.bold { margin: initial; margin-top: 20px; display: table; }

.help-center-main-content .faqs-section a:hover { color: var(--secondary); }

.help-center-main-content .faqs-section .row ul li { color: #000; }

.help-center-main-content .faqs-section .row .column .tab-container { border-bottom-color: #ccc; }

.help-center-main-content .logistics-partner-section, .help-center-main-content .featured-benefits-section { background: #f5f5f5; }

.featured-articles-section { padding: 70px 0; }

.featured-articles-section h4 { margin-top: 10px; }

.featured-articles-section .row { column-gap: 25px; row-gap: 25px; margin-top: 40px; }

.featured-articles-section .row .column { width: calc(25% - 20px); display: flex; flex-direction: column; }

.featured-articles-section .row .column img { width: 100%; border: 1px solid transparent; border-top-left-radius: 20px; border-top-right-radius: 20px; }

.featured-articles-section .row .column .text-content { display: flex; flex-direction: column; border: 1px solid #ccc; border-top: 0; padding: 25px 15px; box-sizing: border-box; height: 100%; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }

.featured-articles-section .row .column .text-content p.bold { margin-bottom: 5px; }

.featured-articles-section .row .column .text-content p:not(.bold) { margin-bottom: 20px; }

.featured-articles-section .row .column .text-content a { margin: auto; margin-top: auto; margin-bottom: 0; }

.help-center-main-content .contact-us-page-not-found-section { background: var(--primary); }

.help-center-main-content .contact-us-page-not-found-section h2,
.help-center-main-content .contact-us-page-not-found-section h4,
.help-center-main-content .contact-us-page-not-found-section p,
.help-center-main-content .contact-us-page-not-found-section a { color: #fff; }

.help-center-main-content .contact-us-page-not-found-section a:hover { color: var(--secondary) !important; }

.help-center-main-content .contact-us-page-not-found-section img { filter: brightness(0) saturate(100%) invert(1); }

.breadcrumb-section { padding-top: 60px; }

.breadcrumb-section .row { column-gap: 5px; }

.breadcrumb-section .row a:hover { color: var(--primary); }

.breadcrumb-section .row i { position: relative; top: 1px; color: var(--primary); font-size: 12px; }

@media (max-width: 1380px) {
    .help-center-section { height: calc(100vh - 90px); }    

    .help-center-section .row h3 { font-size: 21px; }

    .help-center-section .row h2 { font-size: 36px; }
}

@media (max-width: 992px) {
    .help-center-section { height: 600px; }

    .help-center-section .row { width: 80%; }

    .help-center-section form .form-group { flex-wrap: wrap; }

    .help-center-section form button { width: 100%; height: 60px; }

    .featured-articles-section .row .column { width: calc(50% - 20px); }    
}

@media (max-width: 575px) {
    .featured-articles-section .row .column { width: 100%; }
}

/* end help center page styles */



/* shipping quote calculator page styles */

.shipping-quote-calculator-section .global-container { margin: auto; }

.shipping-quote-calculator-section .shipping-quote-calculator-user-information-content { margin-top: 20px; }

.shipping-quote-calculator-section .shipping-quote-calculator-user-information-content h3 { font-size: 26px; margin-bottom: 20px; }

.shipping-quote-calculator-section .shipping-quote-calculator-user-information-content .form-group { column-gap: 12px; row-gap: 12px; }

.shipping-quote-calculator-section .shipping-quote-calculator-user-information-content .form-group:last-child { margin-top: 12px; }

.shipping-quote-calculator-section .shipping-quote-calculator-user-information-content input { outline: none; color: #000; width: 100%; border: 1px solid #d6d6d6; border-radius: 10px; padding: 12px 20px; box-sizing: border-box; }

.shipping-quote-calculator-section .shipping-quote-calculator-user-information-content input::placeholder { color: #000; }

.shipping-quote-calculator-section .destination-content { border-radius: 10px; position: relative; margin-top: 30px; background: var(--primary); padding: 18px 25px; box-sizing: border-box; }

.shipping-quote-calculator-section .destination-content .content { padding: 10px 20px; box-sizing: border-box; background: #fff; width: 50%; }

.shipping-quote-calculator-section .destination-content .content:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }

.shipping-quote-calculator-section .destination-content .content:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

.shipping-quote-calculator-section .destination-content .divider-vertical-line { width: 1px; height: 40px; background: #ccc; display: block; position: absolute; left: 50%; transform: translateX(-50%); }

.shipping-quote-calculator-section .destination-content .content select { border: 0; width: 100%; padding-top: 2px; padding-bottom: 2px; outline: none; }

.shipping-quote-calculator-section .destination-content .content select { -webkit-appearance: none; -moz-appearance: none; background-image: url(../images/shipping-search-icon.png) !important; background-repeat: no-repeat !important; background-position-x: 100% !important; background-size: 14px; background-position-y: 3px !important; }

.shipping-quote-calculator-section .package-content,
.shipment-form-section .package-content { margin: 17px 0; background: #f5f5f5; padding: 10px 25px; box-sizing: border-box; }

.shipment-form-section .row-content:first-child .package-content { margin-top: 0; }

.shipping-quote-calculator-section .package-content .icon-content,
.shipment-form-section .package-content .icon-content { column-gap: 10px; }

.shipping-quote-calculator-section .input-quantity-content input,
.shipment-form-section .input-quantity-content input { background: transparent; border: 0; outline: none; text-align: center; }

.shipping-quote-calculator-section .input-quantity-content input::-webkit-outer-spin-button,
.shipping-quote-calculator-section .input-quantity-content input::-webkit-inner-spin-button,
.shipment-form-section-section .input-quantity-content input::-webkit-outer-spin-button,
.shipment-form-section-section .input-quantity-content input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.shipping-quote-calculator-section .input-quantity-content i,
.shipment-form-section .input-quantity-content i { font-size: 12px; cursor: pointer; }

.shipping-quote-calculator-section .packages-features-content,
.shipment-form-section .packages-features-content { display: grid; row-gap: 12px; }

.shipping-quote-calculator-section .packages-features-content .package-length,
.shipment-form-section .packages-features-content .package-length { column-gap: 12px; row-gap: 12px; }

.shipping-quote-calculator-section .packages-features-content input,
.shipment-form-section .packages-features-content input { width: calc(50% - 6px); outline: none; color: #000; border: 1px solid #d6d6d6; border-radius: 10px; padding: 12px 20px; box-sizing: border-box; }

.shipping-quote-calculator-section .packages-features-content input::placeholder,
.shipment-form-section .packages-features-content input::placeholder { color: #000; }

.shipping-quote-calculator-section .packages-features-content .w-100,
.shipment-form-section .packages-features-content .w-100 { width: 100%; }

.shipping-quote-calculator-section .remove-package-button,
.shipment-form-section .remove-package-button { color: #ff0000; cursor: pointer; }

.shipping-quote-calculator-section .notes-text,
.shipment-form-section .notes-text { margin: 15px 15px; }

.shipping-quote-calculator-section .add-package-button,
.shipment-form-section .add-package-button { background: transparent; color: var(--primary); border: 1px solid var(--primary); width: 100%; }

.shipping-quote-calculator-section .add-package-button:hover,
.shipment-form-section .add-package-button:hover { background: var(--primary); color: #fff !important; }

.shipping-quote-calculator-section .add-package-button i,
.shipment-form-section .add-package-button i { font-size: 12px; }

.shipping-quote-calculator-section .calculate-shipping-quote-button { margin: auto; border: 1px solid var(--primary); }

.shipping-quote-calculator-section .calculate-shipping-quote-button:hover { border-color: var(--secondary); }

.shipping-quote-calculator-section .divider-horizontal-line { width: 100%; height: 1px; background: #ccc; display: block; margin: 20px 0; }

.shipping-quote-calculator-section .shipping-quotes-rates-options { margin: auto; margin-top: 25px; }

.shipping-quote-calculator-section .shipping-quote-main-information-content,
.shipping-quote-calculator-section .shipping-quote-transmitter-person-information-content,
.shipping-quote-calculator-section .shipping-quote-receiver-person-information-content,
.shipping-quote-calculator-section .shipping-quote-products-content,
.shipping-quote-calculator-section .shipping-quote-payment-method-information-content { margin-left: calc((100vw - min(1200px, 80vw)) / 2); margin: auto; padding: 70px 0; width: 800px; }

.shipping-quote-calculator-section .shipping-quote-transmitter-person-information-content,
.shipping-quote-calculator-section .shipping-quote-receiver-person-information-content,
.shipping-quote-calculator-section .shipping-quote-products-content,
.shipping-quote-calculator-section .shipping-quote-payment-method-information-content { display: none; }

.shipping-quote-calculator-section .shipping-quoter-data .form-group { margin-top: 30px; column-gap: 15px; }

.shipping-quote-calculator-section .shipping-quoter-data .form-group input { outline: none; color: #000; width: 100%; border: 1px solid #d6d6d6; border-radius: 10px; padding: 12px 20px; box-sizing: border-box; }

.shipping-quote-calculator-section .shipping-quoter-data .form-group input::placeholder { color: #000; }

.shipping-quote-calculator-section .shipping-quote-transmitter-person-information-content .prev-button { border: 0; margin-top: 15px; width: fit-content; }

.shipping-quote-calculator-section .shipping-quote-receiver-person-information-content .prev-button { border: 0; margin-top: 0; width: fit-content; }

.shipping-quote-calculator-section .shipping-quote-products-content .form-container { margin-top: 30px; }

.shipping-quote-calculator-section .shipping-quote-products-content .form-groups-container,
.shipping-quote-calculator-section .shipping-quote-products-content .package-content-container { margin-top: 20px; }

.shipping-quote-calculator-section .shipping-quote-products-content .package-content-container { display: none; }

.shipping-quote-calculator-section .shipping-quote-products-content .personal-documents-text { margin-top: 20px; }

.shipping-quote-calculator-section .shipping-quote-products-content .form-group { column-gap: 15px; }

.shipping-quote-calculator-section .shipping-quote-products-content select { outline: none; color: #000; width: 100%; border: 1px solid #d6d6d6; border-radius: 10px; padding: 12px 20px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-image: url(../images/select-arrow-icon.svg) !important; background-repeat: no-repeat !important; background-position-x: calc(100% - 20px) !important; background-size: 12px; background-position-y: 19px !important; }

.shipping-quote-calculator-section .shipping-quote-products-content .shipment-type-container p { width: 100%; margin-right: 24px; }

.shipping-quote-calculator-section .shipping-quote-products-content input { outline: none; color: #000; width: 100%; border: 1px solid #d6d6d6; border-radius: 10px; padding: 12px 20px; box-sizing: border-box; }

.shipping-quote-calculator-section .shipping-quote-products-content input::placeholder { color: #000; }

.shipping-quote-calculator-section .shipping-quote-products-content .form-group-content { display: grid; row-gap: 15px; }

.shipping-quote-calculator-section .shipping-quote-products-content .fa-remove { color: #ff0000; cursor: pointer; position: absolute; right: -35px; }

.shipping-quote-calculator-section .shipping-quote-products-content .add-article-row { margin-top: 20px; }

.shipping-quote-calculator-section .shipping-quote-products-content .add-article-row .add-article-button { display: inline-block; color: var(--primary); cursor: pointer; transition: all 0.6s; }

.shipping-quote-calculator-section .shipping-quote-products-content .add-article-row .add-article-button:hover { color: var(--secondary); }

.shipping-quote-calculator-section .shipping-quote-products-content .fedex-information-container { margin-top: 30px; }

.shipping-quote-calculator-section .shipping-quote-products-content .fedex-information-container .row { column-gap: 15px; row-gap: 15px; }

.shipping-quote-calculator-section .shipping-quote-products-content .fedex-information-container .row .column { width: calc(50% - 7.5px); }

.shipping-quote-calculator-section .shipping-quote-products-content .prev-button { border: 0; margin-top: 15px; width: fit-content; }

.shipping-quote-calculator-section .shipping-quote-payment-method-information-content .form-container { margin-top: 20px; box-shadow: 0 2px 20px rgb(0 0 0 / 5%); --webkit-box-shadow: 0 2px 20px rgba(0 0 0 / 5%); padding: 30px 40px; border-radius: 20px; }

.shipping-quote-calculator-section .shipping-quote-payment-method-information-content .form-container label { display: flex; margin-top: 5px; }

.shipping-quote-calculator-section .shipping-quote-payment-method-information-content .form-container label img { margin-left: 10px; margin-right: 5px; max-width: 35px; }

.shipping-quote-calculator-section .shipping-quote-payment-method-information-content .form-container .prev-button { border: 0; width: fit-content; margin-top: 20px; }

.shipping-quote-calculator-section .shipping-quote-payment-method-information-content .mercadopago-content,
.shipping-quote-calculator-section .shipping-quote-payment-method-information-content .bank-transfer-content { display: none; padding: 20px 0; }

.shipping-quote-calculator-section .shipping-quote-payment-method-information-content .mercadopago-content button,
.shipping-quote-calculator-section .shipping-quote-payment-method-information-content .bank-transfer-content button { border: 0; margin-top: 20px; }

.shipping-quote-calculator-section .shipping-quote-rate-content { cursor: pointer; margin-top: 20px; box-shadow: 0 2px 20px rgb(0 0 0 / 5%); padding: 20px 40px; box-sizing: border-box; border-radius: 10px; }

.shipping-quote-calculator-section .shipping-quote-rate-content label { cursor: pointer; }

.shipping-quote-calculator-section .shipping-quote-rate-content h3 { font-size: 18px; }

.shipping-quote-calculator-section .shipping-quote-rate-content { background: var(--primary); }

.shipping-quote-calculator-section .shipping-quote-rate-content h3,
.shipping-quote-calculator-section .shipping-quote-rate-content label,
.shipping-quote-calculator-section .shipping-quote-rate-content span { color: #fff; }

.shipping-quote-calculator-section .shipping-quotes-rates-options { display: none; }

.shipping-resume-content { position: relative; background: #fff; padding: 30px; box-sizing: border-box; box-shadow: 0 2px 20px rgb(0 0 0 / 5%); --webkit-box-shadow: 0 2px 20px rgba(0 0 0 / 5%); }

.panel-control-section .shipping-quote-inner-content { flex-wrap: wrap; }

.panel-control-section.shipping-quote-calculator-section .shipping-quote-main-information-content, .panel-control-section.shipping-quote-calculator-section .panel-control-section.shipping-quote-transmitter-person-information-content, .panel-control-section.shipping-quote-calculator-section .shipping-quote-receiver-person-information-content, .panel-control-section.shipping-quote-calculator-section .shipping-quote-products-content, .panel-control-section.shipping-quote-calculator-section .shipping-quote-payment-method-information-content { padding: 30px 0; }

.panel-control-section .shipping-resume-content { width: 100%; }

.shipping-resume-content h3 { font-size: 26px; }

.shipping-resume-content .delivery-and-pickup-content { margin-top: 15px; column-gap: 15px; }

.shipping-resume-content .delivery-and-pickup-content h3 { font-size: 18px; }

.shipping-resume-content .delivery-and-pickup-content i { font-size: 12px; }

.shipping-resume-content .divider-horizontal-line { width: 100%; height: 1px; background: #eee; display: block; margin: 20px 0; }

.shipping-resume-content .delivery-price-option, .shipping-resume-content .delivery-option { margin-top: 5px; }

.shipping-resume-content .total-shipment-value h3 { font-size: 20px; color: var(--primary); }

.shipping-resume-content .next-button { width: 100%; margin-top: 30px; border: 0; }

.shipping-quote-calculator-section .shipping-quote-transmitter-person-information-content .form-container,
.shipping-quote-calculator-section .shipping-quote-receiver-person-information-content .form-container { margin-top: 20px; row-gap: 15px; display: grid; }

.shipping-quote-calculator-section .shipping-quote-transmitter-person-information-content .form-group,
.shipping-quote-calculator-section .shipping-quote-receiver-person-information-content .form-group { column-gap: 15px; }

.shipping-quote-calculator-section .shipping-quote-transmitter-person-information-content input,
.shipping-quote-calculator-section .shipping-quote-receiver-person-information-content input { outline: none; color: #000; width: 100%; border: 1px solid #d6d6d6; border-radius: 10px; padding: 12px 20px; box-sizing: border-box; }

.shipping-quote-calculator-section .shipping-quote-transmitter-person-information-content input::placeholder,
.shipping-quote-calculator-section .shipping-quote-receiver-person-information-content input::placeholder { color: #000; }

.shipping-quote-calculator-section .shipping-quote-transmitter-person-information-content select,
.shipping-quote-calculator-section .shipping-quote-receiver-person-information-content select { outline: none; color: #000; width: 100%; border: 1px solid #d6d6d6; border-radius: 10px; padding: 12px 20px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-image: url(../images/select-arrow-icon.svg) !important; background-repeat: no-repeat !important; background-position-x: calc(100% - 20px) !important; background-size: 12px; background-position-y: 19px !important; }

.shipping-quote-calculator-section .shipping-quote-receiver-person-information-content textarea { resize: none; height: 120px; outline: none; color: #000; width: 100%; border: 1px solid #d6d6d6; border-radius: 10px; padding: 12px 20px; box-sizing: border-box; }

.shipping-quote-calculator-section .shipping-quote-receiver-person-information-content textarea::placeholder { color: #000; }

.shipping-quote-calculator-section .input-quantity-content { display: flex; align-items: center; }

.shipping-quote-calculator-section .input-quantity-content input { padding: 0; background: transparent; border: 0; outline: none; text-align: center; }

.shipping-quote-calculator-section .shipping-quote-products-content h2 { margin-bottom: 30px; }

.shipping-quote-calculator-section .finish-order-button { display: none; width: 100%; margin-top: 20px; border: 0; }

.shipment-charges-note { font-style: italic; font-weight: bold; margin-top: 20px; }

@media (max-width: 1380px) {
    .shipping-quote-calculator-section .shipping-quote-calculator-user-information-content h3 { font-size: 21px; }

    .shipping-quote-calculator-section .shipping-quote-rate-content h3 { font-size: 18px; }
}

@media (max-width: 1200px) {
    .shipping-quote-calculator-section .shipping-quote-inner-content { flex-wrap: wrap; }

    .shipping-quote-calculator-section .shipping-quote-inner-content .shipping-resume-content { width: 100%; }

    .shipping-quote-calculator-section .shipping-quote-main-information-content, .shipping-quote-calculator-section .shipping-quote-transmitter-person-information-content, .shipping-quote-calculator-section .shipping-quote-receiver-person-information-content, .shipping-quote-calculator-section .shipping-quote-products-content, .shipping-quote-calculator-section .shipping-quote-payment-method-information-content { width: 80%; }

    .panel-control-section.shipping-quote-calculator-section .shipping-quote-main-information-content, .panel-control-section.shipping-quote-calculator-section .shipping-quote-transmitter-person-information-content, .panel-control-section.shipping-quote-calculator-section .shipping-quote-receiver-person-information-content, .panel-control-section.shipping-quote-calculator-section .shipping-quote-products-content, .panel-control-section.shipping-quote-calculator-section .shipping-quote-payment-method-information-content { width: 100%; }
}

@media (max-width: 992px) {
    .shipment-form-section .packages-features-content .package-length { flex-wrap: wrap; }

    .shipping-quote-calculator-section .packages-features-content .package-length, .shipment-form-section .packages-features-content .package-length { flex-wrap: wrap; }

    .shipping-quote-calculator-section .item-block { width: 100%; }

    .shipping-quote-calculator-section .shipping-quote-products-content .form-group { flex-wrap: wrap; row-gap: 15px; }
}

@media (max-width: 768px) {
    .shipping-quote-calculator-section .shipping-quote-calculator-user-information-content .form-group { flex-wrap: wrap; }

    .shipping-quote-calculator-section .shipping-quote-calculator-user-information-content .form-group input { width: 100%; }

    .shipping-quote-calculator-section .destination-content { flex-wrap: wrap; position: relative; }

    .shipping-quote-calculator-section .destination-content .content { border-radius: 0 !important; width: 100%; }

    .shipping-quote-calculator-section .destination-content .divider-vertical-line { width: 100%; height: 1px; position: relative; }

    .shipping-quote-calculator-section .packages-features-content input { width: 100%; }

    .shipping-quote-calculator-section .shipping-quote-products-content .form-group { flex-wrap: wrap; }

    .shipping-quote-calculator-section .shipping-quote-products-content .shipment-type-container p { margin-top: 20px; }
}

@media (max-width: 575px) {
	.shipping-quote-calculator-section .shipping-quoter-data .form-group { flex-wrap: wrap; row-gap: 15px; }

	.shipping-quote-calculator-section .shipping-quoter-data .form-group input { width: 100%; }
    
    .shipment-form-section .packages-features-content input { width: 100%; }
}

/* end shipping quote calculator page styles */



/* checkout page styles */

.checkout-section { padding: 70px 0; }

.checkout-section.panel-control-section { padding: 30px 0; }

.checkout-section .order-resume-content { box-shadow: 0 2px 5px rgb(0 0 0 / 10%); --webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%); padding: 40px; box-sizing: border-box; border-radius: 20px; margin-top: 30px; }

.checkout-section .order-resume-content .row { margin-top: 20px; column-gap: 20px; }

.checkout-section .order-resume-content .column { width: calc(50% - 10px); background: #fafafa; padding: 20px; border-radius: 20px; }

.checkout-section .order-resume-content .column p { margin-top: 10px; }

.checkout-section .order-details-content { box-shadow: 0 2px 5px rgb(0 0 0 / 10%); --webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%); padding: 40px; box-sizing: border-box; border-radius: 20px; margin-top: 30px; }

.checkout-section .order-details-content .row { margin-top: 20px; }

.checkout-section .order-details-content .row table { text-align: left; }

.checkout-section .order-details-content .row table th { font-weight: bold; }

.checkout-section .order-details-content .row table td { padding-left: 0; }

.checkout-section .order-subtotal-cost-content { box-shadow: 0 2px 5px rgb(0 0 0 / 10%); --webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%); padding: 40px; box-sizing: border-box; border-radius: 20px; }

.checkout-section .order-subtotal-cost-content .row { margin-top: 20px; column-gap: 20px; }

.checkout-section .order-subtotal-cost-content .row .column { background: #fafafa; padding: 20px; box-sizing: border-box; border-radius: 20px; width: calc(33.33% - 10px); }

.checkout-section .order-subtotal-cost-content .row .column p.bold { margin-bottom: 15px; }

.checkout-section .order-subtotal-cost-content .row .column:last-child { background: var(--primary); }

.checkout-section .order-subtotal-cost-content .row .column:last-child * { color: #fff; font-weight: bold; }

.checkout-section .order-total-cost-content { box-shadow: 0 2px 5px rgb(0 0 0 / 10%); --webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%); padding: 40px; box-sizing: border-box; border-radius: 20px; margin-top: 30px; }

.checkout-section .order-total-cost-content .row { margin-top: 15px; }

.checkout-section .process-payment-content { box-shadow: 0 2px 5px rgb(0 0 0 / 10%); --webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%); padding: 40px; box-sizing: border-box; border-radius: 20px; margin-top: 30px; }

.checkout-section .process-payment-content .first-column { width: auto; }

.checkout-section .process-payment-content .row { background: var(--primary); padding: 20px; border-radius: 20px; box-sizing: border-box; margin-top: 20px; column-gap: 20px; }

.checkout-section .process-payment-content .row i,
.checkout-section .process-payment-content .row p { font-size: 20px; color: #fff; }

.checkout-section .step-01-content,
.checkout-section .step-02-content,
.checkout-section .step-03-content { margin-top: 20px; }

.checkout-section .step-02-content a,
.checkout-section .step-03-content a { color: var(--primary); }

.checkout-section .step-02-content a:hover,
.checkout-section .step-03-content a:hover { color: var(--secondary); }

.checkout-section .process-order-payment-button { margin-top: 10px; border: 1px solid var(--secondary); }

.checkout-section .process-order-payment-button:hover { border-color: #fff; }

@media (max-width: 1380px) {
	.checkout-section .process-payment-content .row i, .checkout-section .process-payment-content .row p { font-size: 16px; }
}

@media (max-width: 992px) {
	.checkout-section .order-resume-content .row { flex-wrap: wrap; row-gap: 20px; }

	.checkout-section .order-resume-content .row .column { width: 100%; }

	.checkout-section .order-subtotal-cost-content .row { flex-wrap: wrap; row-gap: 20px; }

	.checkout-section .order-subtotal-cost-content .row .column { width: 100%; }
}

@media (max-width: 575px) {
	.checkout-section .order-total-cost-content .row { flex-wrap: wrap; }

	.checkout-section .order-total-cost-content .row h3 { text-align: left; width: 100% }

	.checkout-section .process-payment-content .row { flex-wrap: wrap; }

	.checkout-section .process-payment-content .row .column { width: 100%; text-align: center; }

	.checkout-section .process-payment-content .row p { font-size: 13px; }
}

/* end checkout page styles */



/* extra styles */

.is-control-panel-body { display: flex; flex-direction: column; height: 100vh; background: #f3f6fb; }

.item-block input { width: 100% !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-right: 0 !important; }

.item-block span { background: #f5f5f5; border: 1px solid #f5f5f5; border-left: 0; color: #000; height: calc(100% - 4px); line-height: 44px; width: 78px; text-align: center; border-top-right-radius: 10px; border-bottom-right-radius: 10px; font-size: 14px; }

.has-white-item-block input { width: 50% !important; }

.item-block.white-item-block { width: 50%; height: 100%; }

.item-block.white-item-block span { font-size: 16px; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0; border: 0; }

.has-white-item-block .item-block.white-item-block input { padding-left: 0 !important; width: 100% !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important; }

.full-white-item-block .item-block.white-item-block { width: 100% !important; }

.full-white-item-block .item-block.white-item-block span { height: calc(100% - 4px); border: 1px solid #f5f5f5; }

.full-white-item-block .item-block.white-item-block input { border-right: 1px solid #d6d6d6 !important; padding-left: 12px !important; border-left: 0 !important; }

.full-white-item-block.has-white-item-block { width: 100%; }

body .form-group.inner .has-white-item-block.full-white-item-block,
body .form-group.inner input { width: 50% !important; }

.shipping-quote-calculator-section .item-block { width: calc(50% - 6px); }

.discount-applied { font-style: 20px !important; }

.whatsapp-button { padding: 10px; display: inline-block; font-weight: 400; position: fixed; line-height: 100%; bottom: 45px; right: 30px; background: #25d366; color: #fff; border-radius: 50px; text-align: center; font-size: 15px; box-shadow: 2px 2px 3px #999; z-index: 999; }

.whatsapp-button:hover { background: #fff; color: #0DC152; } 

.whatsapp-button:hover span { color: #0DC152; }

.whatsapp-button .button-icon { font-size: 20px; }

.whatsapp-button span { transition: all 0.6s; position: relative; top: -2px; color: #fff; font-weight: bold; font-size: 15px; }

.whatsapp-popup { display: none; position: fixed; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; }

.whatsapp-popup .popup-content { background: #fff; position: absolute; bottom: 90px; right: 30px; min-width: 500px; border-radius: 20px; }

.whatsapp-popup .popup-content .popup-header { background: #0DC152; padding: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; }

.whatsapp-popup .popup-content .popup-header h4 { font-size: 20px; color: #fff; }

.whatsapp-popup .popup-content .popup-header .close-popup { cursor: pointer; }

.whatsapp-popup .popup-content .popup-header .close-popup:hover .bar { background: #000; }

.whatsapp-popup .popup-content .popup-header .bar { transition: all 0.6s; width: 25px; height: 2px; background: #fff; display: block; }

.whatsapp-popup .popup-content .popup-header .bar-01 { transform: rotate(45deg); }

.whatsapp-popup .popup-content .popup-header .bar-02 { transform: rotate(-45deg); position: relative; top: -2px; }

.whatsapp-popup .popup-content .popup-body a { padding: 20px; column-gap: 20px; }

.whatsapp-popup .popup-content .popup-body a p { transition: all 0.6s; }

.whatsapp-popup .popup-content .popup-body a:first-child { margin-top: 0; border-bottom: 1px solid #eee; }

.whatsapp-popup .popup-content .popup-body a:hover p.bold { color: #0DC152; }

.whatsapp-popup .popup-content .popup-body i { color: #0DC152; font-size: 35px; }

.contact-buttons-group { position: fixed; right: 20px; bottom: 65px; column-gap: 20px; }

.contact-buttons-group .report-issue-button { background: var(--secondary); }

.contact-buttons-group .report-issue-button i { transition: all 0.6s; }

.contact-buttons-group .report-issue-button:hover { background: #fff; }

.contact-buttons-group .report-issue-button:hover span { color: var(--secondary); }

.contact-buttons-group .report-issue-button:hover i { color: var(--secondary); }

.contact-buttons-group .whatsapp-button { position: relative; bottom: auto; right: auto; }

.form-group.is-password-group input,
.form-group.is-password-group .password-content-block { width: 50% !important; }

.password-content-block { position: relative; }

.form-group .password-content-block input { width: 100% !important; }

.password-content-block i { position: absolute; font-size: 12px; right: 18px; top: 15px; cursor: pointer; }

.control-panel-footer { position: relative; bottom: 0; width: 100%; margin-top: auto; }

.panel-control-section.terms-and-conditions-full-section .row { width: 100%; max-width: 100%; }

.panel-control-section.terms-and-conditions-full-section .row .container { width: 100%; max-width: 100%; }

.panel-control-section.terms-and-conditions-full-section .terms-and-conditions-section { padding-top: 0; }

.panel-control-section.terms-and-conditions-full-section .item-section:last-child { padding-bottom: 0; }

.package-type-selector-group .in-quote-package-type { margin-top: 20px; outline: none; color: #000; width: 100%; border: 1px solid #d6d6d6; border-radius: 10px; padding: 12px 20px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-image: url(../images/select-arrow-icon.svg) !important; background-repeat: no-repeat !important; background-position-x: calc(100% - 20px) !important; background-size: 12px; background-position-y: 19px !important; }

.calendly-popup { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 99999; }

.calendly-popup .popup-content { background: #fff; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 560px; padding: 45px; box-sizing: border-box; }

.calendly-popup .popup-header .popup-close { cursor: pointer; }

.calendly-popup .popup-header .popup-close .bar { display: block; background: #000; width: 2px; height: 24px; position: absolute; right: 30px; top: 10px; }

.calendly-popup .popup-header .popup-close .bar-01 { transform: rotate(45deg); }

.calendly-popup .popup-header .popup-close .bar-02 { transform: rotate(-45deg); }

body main .shipping-quote-calculator-section .form-group .error-placeholder,
.shipping-quote-calculator-section .error-placeholder { border-color: #ff0000 !important; }

.error-placeholder::placeholder { color: #ff0000 !important; }

@media (max-width: 1380px) {
	.item-block span { line-height: 45px; }

	.whatsapp-popup .popup-content .popup-header h4 { font-size: 16px; }

	.item-block.white-item-block span { font-size: 15px; height: calc(100% - 1.5px); }
}

@media (max-width: 1200px) {
	.control-panel-footer { position: relative; }
}

@media (max-width: 1180px) {
	.panel-control-section.shipment-form-section .form-options-menu-container .row { justify-content: center; }

	.panel-control-section.shipment-form-section .form-options-menu-container .row .column { display: none; }

	.panel-control-section.shipment-form-section .form-options-menu-container .row .column.active { position: relative; z-index: 0; display: block; }
}

@media (max-width: 992px) {
	.item-block { width: calc(50% - 6px); }

	.panel-control-section .row .second-column .second-inner-row form { width: 100%; }
}

@media (max-width: 820px) {
	body .shipment-form-section .form-group.inner .has-white-item-block.full-white-item-block, body .shipment-form-section  .form-group.inner input { width: 100% !important; }
}

@media (max-width: 768px) {
	.calendly-popup .popup-content { width: 80%; padding: 45px 0; }

	.calendly-popup .popup-content iframe { width: 100%; }

	.calendly-popup .popup-content .calendly-mobile { min-width: 100%; }

	.user-profile-section .inner-row .inner-column { width: 100%; }
}

@media (max-width: 575px) {
	.item-block,
	.shipping-quote-calculator-section .item-block { width: 100%; }

	.whatsapp-popup .popup-content { min-width: auto; margin-left: 30px; }

	.whatsapp-popup .popup-content .popup-header h4 { font-size: 15px; }

	.whatsapp-popup .popup-content .popup-body a p { font-size: 14px; }

	.contact-buttons-group { flex-wrap: wrap; flex-direction: column; row-gap: 15px; }

	.item-block.white-item-block { width: 100% !important; height: auto; }

	.has-white-item-block input { width: 100% !important; }

	.shipping-quote-calculator-section .shipping-quote-transmitter-person-information-content .form-group, .shipping-quote-calculator-section .shipping-quote-receiver-person-information-content .form-group { flex-wrap: wrap; row-gap: 15px; }

	body .form-group.inner .has-white-item-block.full-white-item-block, body .form-group.inner input { width: 100% !important; }
}

@media (max-width: 480px) {
	.form-group.is-password-group input, .form-group.is-password-group .password-content-block { width: 100% !important; }
}

/* end extra styles */