.shipping-page{padding-top:30px}.shipping-page .method-wrapper{justify-content:space-between}.shipping-page .shipping-method{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:5px;transition:background-color .3s;display:flex}.shipping-page .shipping-method .shipping-method-icon{border:1px solid;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.shipping-page .shipping-method .shipping-method-icon svg{width:22px;height:22px;transition:fill .3s}.shipping-page .shipping-method .label{font-weight:500;transition:color .3s}.shipping-page .shipping-method.sea .shipping-method-icon{border-color:#29378f}.shipping-page .shipping-method.sea svg{fill:#29378f}.shipping-page .shipping-method.sea .label{color:#29378f}.shipping-page .shipping-method.land .shipping-method-icon{border-color:#0b8a17}.shipping-page .shipping-method.land svg{fill:#0b8a17}.shipping-page .shipping-method.land .label{color:#0b8a17}.shipping-page .shipping-method.air .shipping-method-icon{border-color:#ffc700}.shipping-page .shipping-method.air svg{fill:#ffc700}.shipping-page .shipping-method.air .label{color:#ffc700}.shipping-page .shipping-method.railway .shipping-method-icon{border-color:#f76900}.shipping-page .shipping-method.railway svg{fill:#f76900}.shipping-page .shipping-method.railway .label{color:#f76900}.shipping-page .shipping-method.gom .shipping-method-icon{border-color:#c22138}.shipping-page .shipping-method.gom svg{fill:#c22138}.shipping-page .shipping-method.gom .label{color:#c22138}.shipping-page .shipping-method.active.sea{background-color:#29378f}.shipping-page .shipping-method.active.land{background-color:#0b8a17}.shipping-page .shipping-method.active.air{background-color:#ffc700}.shipping-page .shipping-method.active.railway{background-color:#f76900}.shipping-page .shipping-method.active.gom{background-color:#c22138}.shipping-page .shipping-method.active .shipping-method-icon{border-color:#0000}.shipping-page .shipping-method.active svg,.shipping-page .shipping-method.active .label{fill:#fff;color:#fff}.shipping-page .header-shipment{padding-bottom:5px}.shipping-page .form-shipment{background-color:#fff;height:45px}.shipping-page .form-shipment .shipment-input-wrapper{padding:0 6px 0 0}.shipping-page .form-shipment svg{font-size:22px;font-weight:700;position:absolute;left:20px}.shipping-page .form-shipment .ant-select.ant-select-focused .ant-select-selector{box-shadow:none!important}.shipping-page .form-shipment .ant-select-selector{border:none;border-radius:0;position:relative}.shipping-page .form-shipment .ant-select-selector input.ant-select-selection-search-input{border:none}.shipping-page .form-shipment .ant-select-selector span.ant-select-selection-search{position:absolute}.shipping-page .form-shipment .ant-select-selector:focus-visible{box-shadow:none;border:none;outline:none}.shipping-page .form-shipment .ant-select-selector input:focus{--tw-ring-color:white}.shipping-page .date-form-wrapper,.shipping-page .type-shipment-wrapper{background-color:#fff;flex-direction:column;justify-content:center;height:50px;padding:0 3px;display:flex}.shipping-page .date-form-wrapper .react-dropdown-select,.shipping-page .type-shipment-wrapper .react-dropdown-select{border:1px solid #29378f;border-radius:5px;height:45px}.shipping-page .date-form-wrapper input{border-radius:5px;min-height:50px}.shipping-page .date-form-wrapper input[type=date]{padding-left:35px;position:relative}.shipping-page .date-form-wrapper input[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:50%;left:10px;transform:translateY(-50%)}.shipping-page .search-button-wrapper{background-color:#fff;border-top-right-radius:5px;border-bottom-right-radius:5px;flex-direction:column;height:50px;display:flex}.shipping-page .search-button-wrapper button{justify-content:center;display:flex}.shipping-page .search-button-wrapper i{background-color:#29378f;border-radius:5px;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.shipping-page .search-button-wrapper svg{color:#fff;width:30px;height:25px}.shipping-page .main-shipment{margin-top:20px}.shipping-page .main-shipment .type-container,.shipping-page .main-shipment .included-services,.shipping-page .main-shipment .shipping-line,.shipping-page .main-shipment .type-container-wrapper{margin-bottom:20px}.shipping-page .main-shipment .left-wrapper h3{margin-bottom:15px;font-size:15px;font-weight:700}.shipping-page .background-custom{background-color:#fff;border-radius:10px;padding:13.5px 20px;box-shadow:0 0 20px #697e9d1a}.shipping-page .background-custom.type-container{padding:20px 10px}.shipping-page .background-custom.type-container .method-wrapper{flex-wrap:wrap;gap:8px;display:flex}.shipping-page .right-wrapper .list-button-header{background-color:#e7eef6;border-radius:20px;margin-bottom:20px;box-shadow:0 0 20px #697e9d1a}.shipping-page .right-wrapper .list-button-header button{text-transform:uppercase;height:40px;font-weight:600}.shipping-page .right-wrapper .list-button-header button.active{color:#0139ff;background-color:#fff;border-radius:20px;box-shadow:0 0 20px #697e9d1a}.shipping-page .right-wrapper .tab-wrapper{background-color:#fff;border-radius:5px;flex-wrap:wrap;margin-bottom:20px;padding:15px 20px;box-shadow:0 0 20px #697e9d1a}.shipping-page .right-wrapper .end-tab{opacity:0;visibility:hidden;background-color:#f7f7f8;width:100%;height:0;padding-top:8px;padding-bottom:8px;transition:opacity .5s,visibility 0s .5s}.shipping-page .right-wrapper .end-tab.view-detail{opacity:1;visibility:visible;height:auto;transition:opacity .5s,visibility}.shipping-page .right-wrapper .end-tab .MuiButtonBase-root-MuiAccordionSummary-root{background-color:#f7f7f8}.shipping-page .right-wrapper .end-tab .radio-button-wrapper:not(:last-child){border-bottom:1px solid #8b8b8b}.shipping-page .right-content.gom-color-wrapper .gom-img-wrapper{border:1px solid #c22138;border-radius:5px;width:40%;padding:12px 14px}.shipping-page .right-content.gom-color-wrapper .top-header span{color:#c22138}.shipping-page .right-content.gom-color-wrapper .center-content .port{border-color:#c22138}.shipping-page .right-content.gom-color-wrapper .center-content .port-wrapper:after{background:#c22138}.shipping-page .right-content.gom-color-wrapper .center-content .port-wrapper .total-day span{color:#c22138}.shipping-page .right-content.gom-color-wrapper .center-right .button-book-now-wrapper .book-now-wrapper{background-color:#c22138}.shipping-page .right-content.gom-color-wrapper .center-right .button-book-now-wrapper .button-freight{border-color:#c22138}.shipping-page .search-form-wrapper{margin-bottom:20px}.shipping-page .search-form-wrapper .param-search .dropdown-header{width:200px}@media (max-width:767px){.shipping-page .search-form-wrapper .param-search .dropdown-header{width:100%}}.shipping-page .search-form-wrapper .param-search .ant-select-selection-item{overflow:unset!important}.shipping-page .search-form-wrapper .swap-button-wrapper button{background-color:#29378f;border-radius:5px;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.shipping-page .left-tab{padding-right:24px}.shipping-page .left-tab .img-label-wrapper{padding-bottom:16px}.shipping-page .left-tab p{margin-bottom:5px}.shipping-page .left-tab .date-info span{font-size:13px}.shipping-page .center-tab{border-left:1px solid #29378f;border-right:1px solid #29378f;margin:6px 16px 46px 0;padding:6px 14px}.shipping-page .center-tab .top-header span{font-size:18px}.shipping-page .center-tab .center-content{padding:32px 0}.shipping-page .center-tab .center-content .group.inactive .port:not(.color-primary-key){border:2px solid #d2d2d2}.shipping-page .center-tab .center-content .port{cursor:pointer;border:2px solid #0b8a17;border-radius:50%;width:18px;height:18px;position:relative}.shipping-page .center-tab .center-content .port.color-primary-key{border-color:#29378f}.shipping-page .center-tab .center-content .port.inactive{border:2px solid #d2d2d2}.shipping-page .center-tab .center-content .port-wrapper{flex:1;align-items:center;display:flex;position:relative}.shipping-page .center-tab .center-content .port-wrapper .port-name{position:absolute;top:35px;left:-26%}.shipping-page .center-tab .center-content .port-wrapper .method-icon-name-wrapper{width:max-content;margin:0 auto;position:absolute;top:-20px;left:14px;right:0}.shipping-page .center-tab .center-content .port-wrapper .method-icon-name-wrapper span{color:#0b8a17;margin-left:8px}.shipping-page .center-tab .center-content .port-wrapper .center-method-icon-name-wrapper{position:absolute;top:-20px;left:50%}.shipping-page .center-tab .center-content .port-wrapper .total-day{position:absolute;top:20px;left:calc(50% - 10px)}.shipping-page .center-tab .center-content .port-wrapper .total-day span{font-size:12px}.shipping-page .center-tab .center-content .port-wrapper:after{content:"";background:#0b8a17;width:calc(100% - 42px);height:1px;position:absolute;left:30px}.shipping-page .center-tab .center-content .port-wrapper.group.inactive:after{background:#d2d2d2}.shipping-page .center-tab .center-content .port-wrapper.color-primary-key:after{background:#29378f}.shipping-page .center-tab .center-content .port-wrapper:last-child{flex:0}.shipping-page .right-tab .top-right span{margin-left:12px}.shipping-page .right-tab .center-right .button-book-now-wrapper{margin-top:10px}.shipping-page .right-tab .center-right .button-book-now-wrapper .button-freight{background-color:#ececec;border:1px solid #29378f;border-radius:5px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.shipping-page .right-tab .center-right .button-book-now-wrapper .book-now-wrapper{color:#fff;text-align:center;background-color:#29378f;border-radius:5px;width:max-content;padding:6px 16px;font-weight:600}.shipping-page .right-tab .end-right{margin-top:15px}.shipping-page .radio-button-wrapper .input-radio{align-items:center;margin-bottom:12px;display:flex}.shipping-page .radio-button-wrapper .input-radio span{font-size:14px}.shipping-page .radio-button-wrapper label span{color:#5f5f5f}.shipping-page .radio-button-wrapper img{width:16px;height:16px;margin:0 6px}.shipping-page .radio-button-wrapper label{align-items:center;display:flex}.shipping-page .radio-button-wrapper input{border:2px solid #29378f}.shipping-page .select-content-wrapper{margin-bottom:20px}.shipping-page .select-content-wrapper .react-dropdown-select{border-radius:5px;height:45px}.shipping-page .select-content-wrapper p.error{color:#ff2424;padding:2px 0}.shipping-page .select-content-wrapper .box-input{border:1px solid #c6c7c7}.shipping-page .select-content-wrapper .box-input div{position:relative}.shipping-page .select-content-wrapper .box-input div div.ant-select-selector{background:0 0;border:none}.shipping-page .select-content-wrapper .box-input div span.ant-select-arrow{display:none}.shipping-page .select-content-wrapper.error input::placeholder{color:#fa5454af}.shipping-page .select-content-wrapper.error span{color:#ff2424}.shipping-page .select-content-wrapper.error .box-input{border-color:#ff2424}.shipping-page .react-dropdown-select-input{font-size:14px}.shipping-page .radio-button-wrapper{margin-bottom:12px}.shipping-page .radio-button-wrapper .MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded{box-shadow:none}.shipping-page .radio-button-wrapper .MuiButtonBase-root.MuiAccordionSummary-root{min-height:38px;max-height:38px;padding-left:0}.shipping-page .container-shipping .ant-select.dropdown svg{transition:transform .3s}.shipping-page .container-shipping .ant-select.dropdown.down .ant-select-arrow svg{transform:rotate(0)translate(0)}.shipping-page .container-shipping .ant-select-open.ant-select.dropdown.up .ant-select-arrow svg{transform:rotate(180deg)translate(0)}.shipping-page .parent-container{grid-template:"box1"1fr"box2"1fr"box3"1fr/1fr;max-height:158px;display:grid}.shipping-page .parent-container .box-1{grid-area:box1;justify-self:center}.shipping-page .parent-container .box-2{grid-area:box2}.shipping-page .parent-container .box-3{grid-area:box3;justify-self:center}@media (max-width:1024px){.shipping-page span{font-size:12px}.shipping-page .left-tab{width:25%}.shipping-page .left-tab .date-info span{font-size:12px}.shipping-page .center-tab{width:75%;margin:6px 0 46px;padding:6px 8px}.shipping-page .center-tab .top-header span{font-size:14px!important}.shipping-page .right-tab{width:100%}.shipping-page .right-tab .center-right .button-book-now-wrapper{margin-top:0}.shipping-page .parent-container{grid-template:"box1 box2""box3 box2"/1fr 1fr;max-height:46px}.shipping-page .parent-container .box-1{grid-area:box1;justify-self:left}.shipping-page .parent-container .box-2{grid-area:box2;justify-content:right;display:flex}.shipping-page .parent-container .box-3{grid-area:box3;justify-self:left}.shipping-page .center-tab .center-content .port-wrapper .method-icon-name-wrapper{width:max-content;margin:0 auto;top:-20px;left:14px;right:0}.shipping-page .center-tab .center-content .port-wrapper .total-day{width:max-content;margin:0 auto;left:22px;right:0}.tab-wrapper .left-tab,.tab-wrapper .center-tab,.tab-wrapper .right-tab{min-height:74px}}@media (max-width:768px){.header-shipping{flex-wrap:wrap}.header-shipping .left-header,.header-shipping .right-header{justify-content:center;width:100%;display:flex}.form-shipment{flex-wrap:wrap;position:relative}.type-container{margin-bottom:20px}.param-search{flex-wrap:wrap;width:100%;margin-bottom:20px}.shipping-page .parent-container{grid-template:"box1 box2""box3 box2"/1fr 1fr;max-height:46px;padding:0 24px}.shipping-page .parent-container .box-1{grid-area:box1;justify-self:left}.shipping-page .parent-container .box-2{grid-area:box2;justify-content:center;display:flex}.shipping-page .parent-container .box-3{grid-area:box3;justify-self:left}.shipping-page .center-tab{margin:6px 0 46px}.shipping-page .search-form-wrapper .swap-button-wrapper{z-index:1;position:absolute;top:auto;bottom:42px;right:15px}.shipping-page .search-form-wrapper .swap-button-wrapper button{border-radius:50%}.shipping-page .center-tab .center-content .port-wrapper .total-day{width:max-content;margin:0 auto;left:22px;right:0}.shipping-page span,.shipping-page .center-tab .top-header span,.shipping-page .left-tab .date-info span{font-size:12px}.shipping-page .search-form-wrapper{width:100%;padding-bottom:0}.param-search-wrapper{flex-wrap:wrap}.shipping-page .search-button-wrapper{height:auto;margin:0}.shipping-page .param-search{margin-right:0!important;padding-right:0!important}.shipping-page .search-button-wrapper i{margin:0;width:100%!important}.shipping-page .form-shipment{height:auto}.shipping-page .form-shipment .shipment-input-wrapper{width:100%;padding-right:0!important}.shipping-page .form-shipment .shipment-input-wrapper:first-child{margin-bottom:20px}.shipping-page .main-shipment{flex-wrap:wrap;margin-top:0;padding:0 12px}.shipping-page .main-shipment .left-wrapper,.shipping-page .main-shipment .type-container-wrapper,.shipping-page .main-shipment .included-services,.shipping-page .main-shipment .shipping-line{width:100%}.tab-wrapper .center-tab{border:none;padding:0}.tab-wrapper .left-tab,.tab-wrapper .center-tab,.tab-wrapper .right-tab{width:100%;min-height:86px;padding:8px 6px}.tab-wrapper .left-tab,.tab-wrapper .center-tab{border-bottom:1px solid #d9d9d9;margin-bottom:6px;padding-bottom:8px}.tab-wrapper .left-tab{flex-direction:row;justify-content:space-between}.tab-wrapper .right-tab{flex-direction:row}.shipping-page .left-tab .img-label-wrapper{width:40%}.date-info{width:38%}.shipping-page .right-wrapper{width:100%}.shipping-page .right-wrapper .tab-wrapper{border:1px solid #29378f;flex-wrap:wrap;padding-left:0;padding-right:0}.center-tab img{width:15px;height:15px}.collapse-wrapper{color:#29378f;width:100%;margin-bottom:20px;font-size:14px}.left-wrapper{opacity:0;visibility:hidden;height:0;transition:opacity .5s,visibility 0s .5s}.left-wrapper.show-filter{opacity:1;visibility:visible;height:auto;transition:opacity .5s,visibility}}.autocomplete-address .ant-form-item.ant-form-item-has-error,.autocomplete-address .ant-form-item.ant-form-item-has-success{width:100%!important;margin:6px 0 0!important}.autocomplete-address .ant-form-item-explain{bottom:-14px;font-size:12px!important;position:absolute!important}