.shipping-page{padding-top:30px}.shipping-page .method-wrapper{justify-content:space-between}.shipping-page .shipping-method{display:flex;align-items:center;cursor:pointer;gap:8px;padding:5px;border-radius:10px;transition:background-color .3s ease}.shipping-page .shipping-method .shipping-method-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid;border-radius:8px;transition:all .3s ease;flex-shrink:0}.shipping-page .shipping-method .shipping-method-icon svg{width:22px;height:22px;transition:fill .3s ease}.shipping-page .shipping-method .label{font-weight:500;transition:color .3s ease}.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:transparent}.shipping-page .shipping-method.active .label,.shipping-page .shipping-method.active svg{fill:#fff;color:#fff}.shipping-page .header-shipment{padding-bottom:5px}.shipping-page .form-shipment{height:45px;background-color:#fff}.shipping-page .form-shipment .shipment-input-wrapper{padding:0 6px 0 0}.shipping-page .form-shipment svg{position:absolute;font-weight:700;font-size:22px;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{outline:none;box-shadow:none;border:none}.shipping-page .form-shipment .ant-select-selector input:focus{--tw-ring-color:#fff}.shipping-page .date-form-wrapper,.shipping-page .type-shipment-wrapper{height:50px;display:flex;flex-direction:column;justify-content:center;background-color:#fff;padding:0 3px}.shipping-page .date-form-wrapper .react-dropdown-select,.shipping-page .type-shipment-wrapper .react-dropdown-select{height:45px;border:1px solid #29378f;border-radius:5px}.shipping-page .date-form-wrapper input{border-radius:5px;min-height:50px}.shipping-page .date-form-wrapper input[type=date]{position:relative;padding-left:35px}.shipping-page .date-form-wrapper input[type=date]::-webkit-calendar-picker-indicator{position:absolute;left:10px;top:50%;transform:translateY(-50%)}.shipping-page .search-button-wrapper{height:50px;display:flex;flex-direction:column;background-color:#fff;border-bottom-right-radius:5px;border-top-right-radius:5px}.shipping-page .search-button-wrapper button{display:flex;justify-content:center}.shipping-page .search-button-wrapper i{display:flex;width:43px;height:43px;background-color:#29378f;border-radius:5px;justify-content:center;align-items:center}.shipping-page .search-button-wrapper svg{color:#fff;width:30px;height:25px}.shipping-page .main-shipment{margin-top:20px}.shipping-page .main-shipment .included-services,.shipping-page .main-shipment .shipping-line,.shipping-page .main-shipment .type-container,.shipping-page .main-shipment .type-container-wrapper{margin-bottom:20px}.shipping-page .main-shipment .left-wrapper h3{font-weight:700;font-size:15px;margin-bottom:15px}.shipping-page .background-custom{background-color:#fff;border-radius:10px;padding:13.5px 20px;box-shadow:0 0 20px rgba(105,126,157,.1)}.shipping-page .background-custom.type-container{padding:20px 10px}.shipping-page .background-custom.type-container .method-wrapper{display:flex;flex-wrap:wrap;gap:8px}.shipping-page .right-wrapper .list-button-header{box-shadow:0 0 20px rgba(105,126,157,.1);background-color:#e7eef6;border-radius:20px;margin-bottom:20px}.shipping-page .right-wrapper .list-button-header button{height:40px;text-transform:uppercase;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 rgba(105,126,157,.1)}.shipping-page .right-wrapper .tab-wrapper{background-color:#fff;border-radius:5px;box-shadow:0 0 20px rgba(105,126,157,.1);margin-bottom:20px;padding:15px 20px;flex-wrap:wrap}.shipping-page .right-wrapper .end-tab{width:100%;background-color:#f7f7f8;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s .5s;height:0;padding-top:8px;padding-bottom:8px}.shipping-page .right-wrapper .end-tab.view-detail{opacity:1;visibility:visible;transition:opacity .5s ease,visibility 0s;height:auto}.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-radius:5px;border:1px solid #c22138;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{display:flex;width:43px;height:43px;background-color:#29378f;justify-content:center;align-items:center;border-radius:5px}.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{padding:6px 14px;margin:6px 16px 46px 0;border-left:1px solid #29378f;border-right:1px solid #29378f}.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{position:relative;border:2px solid #0b8a17;width:18px;height:18px;border-radius:50%;cursor:pointer}.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{position:relative;flex:1;display:flex;align-items:center}.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{position:absolute;top:-20px;left:14px;right:0;margin:0 auto;width:-moz-max-content;width:max-content}.shipping-page .center-tab .center-content .port-wrapper .method-icon-name-wrapper span{margin-left:8px;color:#0b8a17}.shipping-page .center-tab .center-content .port-wrapper .center-method-icon-name-wrapper{position:absolute;left:50%;top:-20px}.shipping-page .center-tab .center-content .port-wrapper .total-day{position:absolute;left:calc(50% - 10px);top:20px}.shipping-page .center-tab .center-content .port-wrapper .total-day span{font-size:12px}.shipping-page .center-tab .center-content .port-wrapper:after{content:"";position:absolute;left:30px;width:calc(100% - 42px);height:1px;background:#0b8a17}.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{display:flex;width:50px;height:50px;background-color:#ececec;border:1px solid #29378f;justify-content:center;align-items:center;border-radius:5px}.shipping-page .right-tab .center-right .button-book-now-wrapper .book-now-wrapper{background-color:#29378f;border-radius:5px;color:#fff;font-weight:600;text-align:center;padding:6px 16px;width:-moz-max-content;width:max-content}.shipping-page .right-tab .end-right{margin-top:15px}.shipping-page .radio-button-wrapper .input-radio{display:flex;align-items:center;margin-bottom:12px}.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{height:16px;margin:0 6px;width:16px}.shipping-page .radio-button-wrapper label{display:flex;align-items:center}.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{height:45px;border-radius:5px}.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{border:none;background:none}.shipping-page .select-content-wrapper .box-input div span.ant-select-arrow{display:none}.shipping-page .select-content-wrapper.error input::-moz-placeholder{color:rgba(250,84,84,.686)}.shipping-page .select-content-wrapper.error input::placeholder{color:rgba(250,84,84,.686)}.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{padding-left:0;min-height:38px;max-height:38px}.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) translateX(0)}.shipping-page .container-shipping .ant-select-open.ant-select.dropdown.up .ant-select-arrow svg{transform:rotate(180deg) translateX(0)}.shipping-page .parent-container{display:grid;max-height:158px;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:"box1" "box2" "box3"}.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%;padding:6px 8px;margin:6px 0 46px}.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{max-height:46px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"box1 box2" "box3 box2"}.shipping-page .parent-container .box-1{grid-area:box1;justify-self:left}.shipping-page .parent-container .box-2{grid-area:box2;display:flex;justify-content:right}.shipping-page .parent-container .box-3{grid-area:box3;justify-self:left}.shipping-page .center-tab .center-content .port-wrapper .method-icon-name-wrapper{top:-20px;left:14px;right:0;margin:0 auto;width:-moz-max-content;width:max-content}.shipping-page .center-tab .center-content .port-wrapper .total-day{left:22px;right:0;margin:0 auto;width:-moz-max-content;width:max-content}.tab-wrapper .center-tab,.tab-wrapper .left-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{width:100%;display:flex;justify-content:center}.form-shipment{flex-wrap:wrap;position:relative}.param-search,.type-container{margin-bottom:20px}.param-search{flex-wrap:wrap;width:100%}.shipping-page .parent-container{max-height:46px;padding:0 24px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"box1 box2" "box3 box2"}.shipping-page .parent-container .box-1{grid-area:box1;justify-self:left}.shipping-page .parent-container .box-2{grid-area:box2;display:flex;justify-content:center}.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{position:absolute;right:15px;top:auto;z-index:1;bottom:42px}.shipping-page .search-form-wrapper .swap-button-wrapper button{border-radius:50%}.shipping-page .center-tab .center-content .port-wrapper .total-day{left:22px;right:0;margin:0 auto;width:-moz-max-content;width:max-content}.shipping-page .center-tab .top-header span,.shipping-page .left-tab .date-info span,.shipping-page span{font-size:12px}.shipping-page .search-form-wrapper{padding-bottom:0;width:100%}.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{margin-top:0;flex-wrap:wrap;padding:0 12px}.shipping-page .main-shipment .included-services,.shipping-page .main-shipment .left-wrapper,.shipping-page .main-shipment .shipping-line,.shipping-page .main-shipment .type-container-wrapper{width:100%}.tab-wrapper .center-tab{padding:0;border:none}.tab-wrapper .center-tab,.tab-wrapper .left-tab,.tab-wrapper .right-tab{width:100%;min-height:86px;padding:8px 6px}.tab-wrapper .center-tab,.tab-wrapper .left-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{padding-right:0;padding-left:0;flex-wrap:wrap;border:1px solid #29378f}.center-tab img{width:15px;height:15px}.collapse-wrapper{margin-bottom:20px;font-size:14px;color:#29378f;width:100%}.left-wrapper{opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s .5s;height:0}.left-wrapper.show-filter{opacity:1;visibility:visible;transition:opacity .5s ease,visibility 0s;height:auto}}.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{position:absolute!important;bottom:-14px;font-size:12px!important}