Hi Team,
I am trying to convert this file by apsose html to pdf api
but getting following error.
{
“message”: “Failed to parse URL: /testfolder/test-template2.pdf”,
“data”: {},
“innerException”: null,
“helpLink”: null,
“source”: “Aspose.HTML”,
“hResult”: -2146233088,
“stackTrace”:" at .\b [T](String , Object[] )\r\n at .(String , Object[] )\r\n at Aspose.Html.Url…ctor(String , String , )\r\n at Aspose.Html.Cloud.V4.Applications.Conversion.ConversionApplicationData…ctor(InputFormats from, OutputFormats to, ConversionRequest model) in C:\src\Aspose.HTML.Cloud.V4\Applications\Conversion\ConversionApplicationData.cs:line 55\r\n at Aspose.HTML.Cloud.Web.Controllers.ConversionController.ConvertAsync(InputFormats from, OutputFormats to, ConversionRequest request) in C:\src\Aspose.HTML.Cloud.Web\Controllers\ConversionController.cs:line 52\r\n at Aspose.HTML.Cloud.Web.Controllers.ConversionController.ConvertSync(InputFormats from, OutputFormats to, ConversionRequest request) in C:\src\Aspose.HTML.Cloud.Web\Controllers\ConversionController.cs:line 196"
}
My html file content
Quote PDF<style>
/* Define the Pilat font family */
@font-face {
font-family: 'Pilat';
src: url('https://assets-dev.cargoes.com/cargoes-nonprod-images/quotePDF/assets/fonts/Pilat/Pilat-Light.woff2') format('woff2');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Pilat';
/* src: url('./resource/fontFamily/Pilat/Pilat-Regular.woff2') format('woff2'); */
src: url('https://assets-dev.cargoes.com/cargoes-nonprod-images/quotePDF/assets/fonts/Pilat/Pilat-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Pilat';
src: url('https://assets-dev.cargoes.com/cargoes-nonprod-images/quotePDF/assets/fonts/Pilat/Pilat-Demi.woff2') format('woff2');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Pilat';
src: url('https://assets-dev.cargoes.com/cargoes-nonprod-images/quotePDF/assets/fonts/Pilat/Pilat-Bold.woff2') format('woff2');
font-weight: 700;
font-style: normal;
}
/* Define the Pilat Wide font family */
@font-face {
font-family: 'Pilat Wide';
src: url('https://assets-dev.cargoes.com/cargoes-nonprod-images/quotePDF/assets/fonts/Pilat-Wide/PilatWideHeavy.woff2') format('woff2');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Pilat Wide';
src: url('https://assets-dev.cargoes.com/cargoes-nonprod-images/quotePDF/assets/fonts/Pilat-Wide/PilatWideDemi.woff2') format('woff2');
font-weight: 600;
font-style: normal;
}
@media print {
body {
background: #fff;
}
th {
background: #EBEBF0;
}
.quote-id {
background: #3E3C90;
}
.divider {
background: linear-gradient(90deg, rgba(202, 202, 202, 0.50) 0%, rgba(0, 0, 0, 0.50) 50%, rgba(202, 202, 202, 0.50) 100%);
}
.cargo-details-box {
background: #FFF;
box-shadow: 0px 4px 16px -6px rgba(43, 46, 77, 0.12);
}
.cargo-details-box-highlighted {
background: #3E3C90;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12);
}
.terms-conditions-box {
background: #FFF;
box-shadow: 0px 8px 8px -6px rgba(15, 15, 25, 0.04);
}
.route-details-wrapper {
background: #FFF;
box-shadow: 0px 4px 16px -6px rgba(43, 46, 77, 0.12);
}
.route-details-container {
background: #FFF;
}
.route-path {
background: linear-gradient(90deg, #CACACA 0%, #000 50%, #CACACA 100%);
}
}
body {
font-family: 'Pilat', sans-serif;
margin: 0;
padding: 0;
background: #fff;
color: #0F0F19;
}
.container {
width: 210mm;
/* height: 297mm; */
margin: auto;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.title {
color: #3E3C90;
font-family: 'Pilat Wide', sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 24px;
letter-spacing: -0.09px;
text-transform: uppercase;
}
table {
width: 100%;
border-collapse: collapse;
}
th {
background: #EBEBF0;
overflow: hidden;
color: #3A3A42;
text-overflow: ellipsis;
font-family: 'Pilat', sans-serif;
font-size: 7px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
td {
border-bottom: 0.5px solid #D5D5DD;
overflow: hidden;
color: #0F0F19;
text-overflow: ellipsis;
font-family: 'Pilat', sans-serif;
font-size: 7px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
th, td {
padding: 8px;
text-align: left;
}
.section {
margin: 20px 0;
}
.sub-section {
margin-top: 8px;
}
.section-title, .dark-value {
color: #3E3C90;
font-family: 'Pilat Wide', sans-serif;
font-size: 8px;
font-style: normal;
font-weight: 900;
line-height: normal;
text-transform: uppercase;
}
.load-title-div {
display: flex;
justify-content: space-between;
align-items: center;
}
.label-value-div {
display: flex;
gap: 8px;
}
.label, .value, .label-light {
font-family: 'Pilat', sans-serif;
font-size: 7px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.label-light {
color: #6E6E72;
}
.value {
font-weight: 600;
}
.quote-id {
border-radius: 20px;
background: #3E3C90;
color: #fff;
font-size: 7px;
}
.divider-div {
position: relative;
padding-bottom: 1px;
}
.divider {
width: 100%;
height: 1px;
position: absolute;
background: linear-gradient(90deg, rgba(202, 202, 202, 0.50) 0%, rgba(0, 0, 0, 0.50) 50%, rgba(202, 202, 202, 0.50) 100%);
}
.header-left-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
flex: 1 0 0;
}
.header-left-container {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
align-self: stretch;
}
.header-left-company-details {
display: flex;
padding: 4px 0px;
flex-direction: column;
align-items: flex-start;
gap: 4px;
align-self: stretch;
}
.header-left-contact-details {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
align-self: stretch;
}
.company-name-address-details {
display: flex;
width: 210px;
justify-content: flex-end;
align-items: flex-start;
gap: 4px;
}
.company-name-details, .contact-name-details, .contact-address-details {
display: flex;
align-items: center;
gap: 2px;
flex: 1 0 0;
}
.company-address-details {
display: flex;
justify-content: flex-end;
align-items: flex-start;
gap: 2px;
flex: 1 0 0;
}
.contact-name-address-details {
display: flex;
width: 210px;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.contact-num-details {
display: flex;
align-items: center;
gap: 2px;
align-self: stretch;
}
.header-right-wrapper {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
flex: 1 0 0;
}
.header-right-container, .quote-details {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 6px;
align-self: stretch;
}
.quote-details {
gap: 4px;
}
.quote-version-validity-details {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 2px;
}
.quote-version-details, .quote-validity-details {
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
}
.quote-date-type-details {
display: flex;
width: 210px;
flex-direction: column;
align-items: flex-end;
gap: 6px;
}
.quote-date-details, .quote-type-details {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 2px;
}
.cargo-details-wrapper {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
align-self: stretch;
}
.cargo-details-box {
display: flex;
padding: 6px;
justify-content: center;
align-items: center;
gap: 6px;
border-radius: 8px;
border: 0.5px solid #D5D5DD;
background: #FFF;
box-shadow: 0px 4px 16px -6px rgba(43, 46, 77, 0.12);
}
.cargo-details-box-highlighted {
border-radius: 8px;
border: 0.1px solid #1E1450;
background: #3E3C90;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12);
}
.cargo-details-box-label-value {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 2px;
}
.terms-conditions-box {
padding: 8px 4px;
border-radius: 4px;
background: #FFF;
box-shadow: 0px 8px 8px -6px rgba(15, 15, 25, 0.04);
}
.route-details-wrapper {
display: flex;
padding: 8px 12px;
flex-direction: column;
justify-content: center;
align-items: center;
align-self: stretch;
border-radius: 8px;
border: 0.5px solid #D5D5DD;
background: #FFF;
box-shadow: 0px 4px 16px -6px rgba(43, 46, 77, 0.12);
}
.route-details-container {
display: flex;
align-items: center;
gap: 12px;
align-self: stretch;
border-radius: 8px;
background: #FFF;
}
.source-details-container, .destination-details-container {
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
}
.source-details, .destination-details {
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 100px;
}
.route-path-wrapper {
display: flex;
align-items: center;
gap: 12px;
flex: 1 0 0;
position: relative;
width: 568px;
}
.route-path {
width: 100%;
height: 1px;
background: linear-gradient(90deg, #CACACA 0%, #000 50%, #CACACA 100%);
}
.route-leg {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
bottom: -11.7px;
}
.route-middle-icon {
position: absolute;
left: 275.5px;
top: -8px;
}
</style>
<!-- Header section -->
<section class="section" style="margin-top: 0;">
<div style="display: flex; flex-direction: column; align-items: flex-start; gap: 8px;">
<div style="display: flex; align-items: flex-start; gap: 50px; align-self: stretch;">
<!-- Left section -->
<div class="header-left-wrapper">
<div>
<svg width="119" height="27" viewBox="0 0 119 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Logos" clip-path="url(#clip0_220_37384)">
<path id="Vector" d="M52.3436 9.19849C49.5431 9.19849 48.042 9.19849 48.042 9.19849V17.5676C48.042 17.5676 49.5902 17.5676 52.3436 17.5676C55.0971 17.5676 56.6683 15.5585 56.6683 13.3831C56.6683 11.2195 55.1441 9.19849 52.3436 9.19849ZM52.3316 15.7131C50.843 15.7131 50.0158 15.7131 50.0158 15.7131V11.0649C50.0158 11.0649 50.819 11.0649 52.3316 11.0649C53.8443 11.0649 54.6595 12.1824 54.6595 13.3949C54.6595 14.5956 53.8207 15.7131 52.3316 15.7131Z" fill="#0F0F19"/>
<path id="Vector_2" d="M113.85 9.19849C111.049 9.19849 109.548 9.19849 109.548 9.19849V17.5676C109.548 17.5676 111.097 17.5676 113.85 17.5676C116.603 17.5676 118.175 15.5585 118.175 13.3831C118.175 11.2195 116.65 9.19849 113.85 9.19849ZM113.838 15.7131C112.349 15.7131 111.522 15.7131 111.522 15.7131V11.0649C111.522 11.0649 112.325 11.0649 113.838 11.0649C115.351 11.0649 116.166 12.1824 116.166 13.3949C116.166 14.5956 115.327 15.7131 113.838 15.7131Z" fill="#0F0F19"/>
<path id="Vector_3" d="M57.5306 9.19849C57.5306 9.19849 60.627 9.19849 62.4231 9.19849C64.2311 9.19849 65.6372 10.4824 65.6372 12.3131C65.6372 14.1439 64.2191 15.4634 62.4111 15.4634C60.603 15.4634 59.5159 15.4634 59.5159 15.4634V17.5557H57.519V9.19849H57.5306ZM59.5279 11.0174V13.6208H62.3284C64.0654 13.6327 64.0539 11.0174 62.3284 11.0174H59.5279Z" fill="#0F0F19"/>
<path id="Vector_4" d="M79.8052 9.19849L78.0682 14.3222L76.201 9.19849C76.1895 9.19849 73.6959 9.19849 73.6724 9.19849L71.8052 14.3222L70.0682 9.19849H68.0474L70.6711 17.5676H72.656L74.9367 11.3145L77.2175 17.5676H79.1908L81.8141 9.19849H79.8052Z" fill="#0F0F19"/>
<path id="Vector_5" d="M91.7646 9.19849H96.917C97.8148 9.19849 98.6185 9.46003 99.2328 10.0426C100.509 11.2551 100.237 13.6802 98.7011 14.5362L100.249 17.5676H98.0632L96.8935 15.0592H93.762V17.5676H91.7767V9.19849H91.7646ZM93.738 11.0292V13.2523H96.7513C97.5079 13.2761 97.9805 12.8362 97.9921 12.1348C97.9921 11.3859 97.5194 11.0292 96.7513 11.0292C96.7633 11.0292 93.738 11.0292 93.738 11.0292Z" fill="#0F0F19"/>
<path id="Vector_6" d="M101.159 9.19849H103.156V15.6536H108.698V17.5676H101.159V9.19849Z" fill="#0F0F19"/>
<path id="Vector_7" d="M86.2937 9.10327C83.5993 9.10327 81.7441 10.7913 81.7441 13.3829C81.7441 15.9744 83.5993 17.6626 86.2937 17.6626C88.988 17.6626 90.8432 15.9744 90.8432 13.3829C90.8432 10.7913 88.988 9.10327 86.2937 9.10327ZM86.2937 15.701C84.781 15.701 83.7295 14.7857 83.7295 13.3829C83.7295 11.9801 84.7695 11.0648 86.2937 11.0648C87.8063 11.0648 88.8578 11.9801 88.8578 13.3829C88.8463 14.7857 87.8063 15.701 86.2937 15.701Z" fill="#0F0F19"/>
<path id="Vector_8" d="M29.9027 17.7101C26.334 19.0297 22.3398 19.1961 18.6648 18.2807C15.616 17.5793 12.8154 16.129 9.92025 15.1067C5.31166 13.4661 2.99554 15.1186 0.00585938 18.566C1.19937 15.6297 3.76364 12.2774 8.92763 12.6935C12.3309 12.9669 15.4388 13.9654 17.9203 14.3102C29.5836 15.9269 37.9382 9.30537 37.7845 2.37476C38.3754 5.82224 38.7181 13.9536 29.9027 17.7101Z" fill="url(#paint0_linear_220_37384)"/>
<path id="Vector_9" d="M27.7753 26.745C22.4105 27.0778 17.7428 24.403 15.2612 20.0996C23.6749 27.5652 40.2658 21.6807 39.4859 9.38867C42.0975 17.4605 36.2008 26.2219 27.7753 26.745Z" fill="url(#paint1_linear_220_37384)"/>
<path id="Vector_10" d="M17.9202 14.3102C17.6012 6.47604 24.6086 0.0446834 32.5496 1.32858C23.6632 -2.9154 13.5007 3.51594 13.4771 13.4185C15.1078 13.7633 16.5967 14.1318 17.9202 14.3102Z" fill="url(#paint2_linear_220_37384)"/>
<path id="Vector_11" opacity="0.5" d="M17.9202 14.3102C17.6012 6.47604 24.6086 0.0446834 32.5496 1.32858C23.6632 -2.9154 13.5007 3.51594 13.4771 13.4185C15.1078 13.7633 16.5967 14.1318 17.9202 14.3102Z" fill="url(#paint3_linear_220_37384)"/>
</g>
<defs>
<linearGradient id="paint0_linear_220_37384" x1="-0.260506" y1="18.8459" x2="39.3628" y2="8.79401" gradientUnits="userSpaceOnUse">
<stop stop-color="#00E68C" stop-opacity="0.3"/>
<stop offset="0.6" stop-color="#00E68C"/>
<stop offset="0.9641" stop-color="#00E68C" stop-opacity="0.3627"/>
<stop offset="1" stop-color="#00E68C" stop-opacity="0.3"/>
</linearGradient>
<linearGradient id="paint1_linear_220_37384" x1="16.663" y1="24.1944" x2="41.6269" y2="15.65" gradientUnits="userSpaceOnUse">
<stop stop-color="#0F0F19" stop-opacity="0.1"/>
<stop offset="0.6" stop-color="#0F0F19" stop-opacity="0.95"/>
<stop offset="1" stop-color="#0F0F19" stop-opacity="0.3"/>
</linearGradient>
<linearGradient id="paint2_linear_220_37384" x1="13.4767" y1="7.15311" x2="32.5472" y2="7.15311" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF2261"/>
<stop offset="0.9" stop-color="#FF2261" stop-opacity="0.1"/>
</linearGradient>
<linearGradient id="paint3_linear_220_37384" x1="21.1618" y1="15.7676" x2="22.4705" y2="9.41342" gradientUnits="userSpaceOnUse">
<stop stop-color="#68022C"/>
<stop offset="0.15" stop-color="#68022C" stop-opacity="0.75"/>
<stop offset="1" stop-color="#68022C" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0_220_37384">
<rect width="118.169" height="26.7727" fill="white" transform="translate(0.00585938)"/>
</clipPath>
</defs>
</svg>
</div>
<div class="header-left-container">
<div class="header-left-company-details">
<span id="company-name" class="section-title" style="font-size: 7px;">XYZ Company PVT Ltd</span>
<div class="company-name-address-details">
<div class="company-name-details">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="11" viewBox="0 0 10 11" fill="none">
<path d="M3.99961 7.57145H6.61836C6.83086 7.57145 7.00586 7.40432 7.00586 7.20137V7.02827C7.00586 6.1568 6.26211 5.44649 5.34961 5.44649H5.26836C4.35586 5.44649 3.61211 6.1568 3.61211 7.02827V7.20137C3.61211 7.41029 3.78711 7.57145 3.99961 7.57145ZM5.26836 6.04936H5.34961C5.89961 6.04936 6.34336 6.46122 6.37461 6.97455H4.23711C4.26836 6.46122 4.71836 6.04936 5.26836 6.04936Z" fill="#3E3C90"/>
<path d="M5.30586 5.31517C5.82461 5.31517 6.24336 4.91524 6.24336 4.41982C6.24336 3.92439 5.82461 3.52446 5.30586 3.52446C4.78711 3.52446 4.36836 3.92439 4.36836 4.41982C4.36836 4.91524 4.79336 5.31517 5.30586 5.31517ZM5.30586 4.12137C5.47461 4.12137 5.61836 4.25268 5.61836 4.41982C5.61836 4.58695 5.48086 4.71827 5.30586 4.71827C5.13711 4.71827 4.99336 4.58695 4.99336 4.41982C4.99336 4.25268 5.13711 4.12137 5.30586 4.12137Z" fill="#3E3C90"/>
<path d="M7.75586 1.96655H2.86211C2.54961 1.96655 2.29961 2.20531 2.29961 2.50376V3.23198H2.00586C1.83086 3.23198 1.69336 3.3633 1.69336 3.53043C1.69336 3.69757 1.83086 3.82888 2.00586 3.82888H2.29961V7.26703H2.00586C1.83086 7.26703 1.69336 7.39835 1.69336 7.56548C1.69336 7.73262 1.83086 7.86393 2.00586 7.86393H2.29961V8.59215C2.29961 8.8906 2.54961 9.12936 2.86211 9.12936H7.75586C8.06836 9.12936 8.31836 8.8906 8.31836 8.59215V2.50376C8.31836 2.20531 8.06836 1.96655 7.75586 1.96655ZM7.69336 8.53246H2.92461V7.86393H3.21836C3.39336 7.86393 3.53086 7.73262 3.53086 7.56548C3.53086 7.39835 3.39336 7.26703 3.21836 7.26703H2.92461V3.82888H3.21836C3.39336 3.82888 3.53086 3.69757 3.53086 3.53043C3.53086 3.3633 3.39336 3.23198 3.21836 3.23198H2.92461V2.56345H7.69336V8.53246Z" fill="#3E3C90"/>
</svg>
<span id="company-contact-name" class="value">Jane Smith</span>
</div>
<div class="company-address-details">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="11" viewBox="0 0 10 11" fill="none">
<path d="M3.91195 4.51529C3.91195 4.61677 3.9932 4.69436 4.09945 4.69436H5.91195C6.0182 4.69436 6.09945 4.61677 6.09945 4.51529C6.09945 4.41382 6.0182 4.33622 5.91195 4.33622H4.09945C3.9932 4.33622 3.91195 4.41382 3.91195 4.51529Z" fill="#3E3C90"/>
<path d="M8.6932 5.0346L5.3182 2.07994C5.14945 1.93071 4.8807 1.93071 4.71195 2.07994L2.23695 4.25266H2.22445V4.26459L1.3182 5.05847C1.2432 5.12413 1.23695 5.23754 1.3057 5.30917C1.3432 5.35095 1.3932 5.36886 1.4432 5.36886C1.48695 5.36886 1.53695 5.35095 1.5682 5.32111L2.22445 4.74808V8.70554C2.22445 8.93833 2.42445 9.12934 2.6682 9.12934H7.3307C7.57445 9.12934 7.77445 8.93833 7.77445 8.70554V4.72421L8.4307 5.3032C8.5057 5.36886 8.62445 5.36289 8.6932 5.29126C8.77445 5.21367 8.7682 5.10026 8.6932 5.0346ZM3.5932 7.04615H6.4182V7.73259H3.5932V7.04615ZM6.4182 6.68801H3.5932V6.04336H6.4182V6.68801ZM3.5932 8.0967H6.4182V8.7712H3.5932V8.0967ZM7.41195 8.70554C7.41195 8.74135 7.3807 8.77716 7.3432 8.77716H6.79945V5.86429C6.79945 5.76281 6.7182 5.68522 6.61195 5.68522H3.4057C3.29945 5.68522 3.2182 5.76281 3.2182 5.86429V8.77716H2.67445C2.63695 8.77716 2.6057 8.74732 2.6057 8.70554V4.41979L4.97445 2.34257C4.99945 2.3187 5.0432 2.3187 5.07445 2.34257L7.4182 4.39591V8.70554H7.41195Z" fill="#3E3C90"/>
</svg>
<span id="company-contact-address" class="value">JAFZA One, Block A, Floor 5, Jebel Ali Free Zone</span>
</div>
</div>
</div>
<div class="header-left-contact-details">
<span id="dpw-contact-details" class="section-title" style="font-size: 7px;">DP World Contact Details</span>
<div class="contact-name-address-details">
<div style="display: flex;
align-items: center;
gap: 4px;
align-self: stretch;">
<div class="contact-name-details">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="11" viewBox="0 0 10 11" fill="none">
<path d="M3.99961 7.57145H6.61836C6.83086 7.57145 7.00586 7.40432 7.00586 7.20137V7.02827C7.00586 6.1568 6.26211 5.44649 5.34961 5.44649H5.26836C4.35586 5.44649 3.61211 6.1568 3.61211 7.02827V7.20137C3.61211 7.41029 3.78711 7.57145 3.99961 7.57145ZM5.26836 6.04936H5.34961C5.89961 6.04936 6.34336 6.46122 6.37461 6.97455H4.23711C4.26836 6.46122 4.71836 6.04936 5.26836 6.04936Z" fill="#3E3C90"/>
<path d="M5.30586 5.31517C5.82461 5.31517 6.24336 4.91524 6.24336 4.41982C6.24336 3.92439 5.82461 3.52446 5.30586 3.52446C4.78711 3.52446 4.36836 3.92439 4.36836 4.41982C4.36836 4.91524 4.79336 5.31517 5.30586 5.31517ZM5.30586 4.12137C5.47461 4.12137 5.61836 4.25268 5.61836 4.41982C5.61836 4.58695 5.48086 4.71827 5.30586 4.71827C5.13711 4.71827 4.99336 4.58695 4.99336 4.41982C4.99336 4.25268 5.13711 4.12137 5.30586 4.12137Z" fill="#3E3C90"/>
<path d="M7.75586 1.96655H2.86211C2.54961 1.96655 2.29961 2.20531 2.29961 2.50376V3.23198H2.00586C1.83086 3.23198 1.69336 3.3633 1.69336 3.53043C1.69336 3.69757 1.83086 3.82888 2.00586 3.82888H2.29961V7.26703H2.00586C1.83086 7.26703 1.69336 7.39835 1.69336 7.56548C1.69336 7.73262 1.83086 7.86393 2.00586 7.86393H2.29961V8.59215C2.29961 8.8906 2.54961 9.12936 2.86211 9.12936H7.75586C8.06836 9.12936 8.31836 8.8906 8.31836 8.59215V2.50376C8.31836 2.20531 8.06836 1.96655 7.75586 1.96655ZM7.69336 8.53246H2.92461V7.86393H3.21836C3.39336 7.86393 3.53086 7.73262 3.53086 7.56548C3.53086 7.39835 3.39336 7.26703 3.21836 7.26703H2.92461V3.82888H3.21836C3.39336 3.82888 3.53086 3.69757 3.53086 3.53043C3.53086 3.3633 3.39336 3.23198 3.21836 3.23198H2.92461V2.56345H7.69336V8.53246Z" fill="#3E3C90"/>
</svg>
<span id="dpw-contact-name" class="value">Emily Brown</span>
</div>
<div class="contact-address-details">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="11" viewBox="0 0 10 11" fill="none">
<path d="M8.19336 2.86182H1.81836C1.50586 2.86182 1.25586 3.10058 1.25586 3.39903V7.69671C1.25586 7.99516 1.50586 8.23392 1.81836 8.23392H8.19336C8.50586 8.23392 8.75586 7.99516 8.75586 7.69671V3.39903C8.75586 3.10058 8.50586 2.86182 8.19336 2.86182ZM5.00586 6.04927L2.31836 3.45872H7.69961L5.00586 6.04927ZM3.55586 5.50012L1.88086 7.16547V3.88252L3.55586 5.50012ZM3.99336 5.92989L4.59961 6.51485C4.71211 6.61632 4.84961 6.67601 5.00586 6.67601C5.16211 6.67601 5.29961 6.61632 5.40586 6.51485L6.00586 5.94183L7.68711 7.63702H2.27461L3.99336 5.92989ZM6.44336 5.51803L8.13086 3.88849V7.21919L6.44336 5.51803Z" fill="#3E3C90"/>
</svg>
<span id="dpw-contact-email-id" class="value"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0441696d687d2a66766b736a446074736b7668602a676b69">[email protected]</a></span>
</div>
</div>
<div class="contact-num-details">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path d="M6.23113 8.67979C6.08738 8.67979 5.94988 8.66189 5.81238 8.62607C3.31238 7.9456 1.63738 5.62963 1.83113 3.12861C1.85613 2.80032 2.04363 2.48993 2.33738 2.28101L3.26238 1.63039C3.38738 1.54683 3.53113 1.51101 3.68113 1.52892C3.83113 1.55279 3.96238 1.63039 4.04988 1.7438L5.11863 3.15249C5.29988 3.39125 5.24363 3.73148 4.99988 3.90458L4.41238 4.32242C4.26863 4.41792 4.23738 4.60893 4.34363 4.74621L5.21238 5.89226C5.26238 5.95792 5.33738 5.99971 5.41863 6.01164C5.49988 6.02358 5.58113 6.00568 5.64988 5.95792L6.23738 5.54606C6.35613 5.4625 6.50613 5.42668 6.65613 5.44459C6.80613 5.46846 6.93738 5.54606 7.02488 5.65947L8.09363 7.06816C8.27488 7.30692 8.21863 7.64715 7.97488 7.82025L7.17488 8.38731C6.89363 8.57832 6.56238 8.67979 6.23113 8.67979ZM3.58113 2.13776L2.71238 2.75257C2.56238 2.85404 2.46863 3.00923 2.45613 3.1704C2.28113 5.39087 3.76863 7.44421 5.98113 8.05305C6.25613 8.13064 6.55613 8.07095 6.78738 7.90979L7.54363 7.37855L6.54988 6.06537L6.01863 6.44141C5.81863 6.58467 5.56863 6.64436 5.31863 6.60855C5.06863 6.57273 4.84988 6.44141 4.69988 6.25041L3.83738 5.09242C3.53113 4.69249 3.62488 4.13141 4.03738 3.83893L4.57488 3.45691L3.58113 2.13776Z" fill="#3E3C90"/>
</svg>
<span id="dpw-contact-phone" class="value">+1 (555) 765-4321</span>
</div>
</div>
</div>
</div>
</div>
<!-- Right section -->
<div class="header-right-wrapper">
<span id="quotation-title" class="title">Quotation</span>
<div class="header-right-container">
<div class="quote-details">
<div class="quote-id section-title" style="display: flex;
padding: 4px 8px;
justify-content: center;
align-items: center;
gap: 8px;">
<span id="quotation-id">DPWQ-123456-123456</span>
</div>
<div class="quote-version-validity-details">
<div style="display: flex;
align-items: flex-start;
gap: 8px;">
<div class="quote-version-details">
<span id="quote-version" class="label-light">Version</span>
<span id="quote-version-value" class="value">2</span>
</div>
<div class="quote-validity-details">
<span id="quote-validity" class="label-light">Validity</span>
<span id="quote-validity-value" class="value">15-Nov-2024</span>
</div>
</div>
</div>
</div>
<div class="quote-date-type-details">
<div style="display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;">
<div class="quote-date-details">
<span id="quote-created" class="label-light">Created On</span>
<span id="quote-created-value" class="value">15-Nov-2024</span>
</div>
<div class="quote-date-details">
<span id="quote-accepted-by" class="label-light">Accept By</span>
<span id="quote-qccepted-by-value" class="value">12-Jun-2025</span>
</div>
</div>
<div style="display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;">
<div class="quote-type-details">
<span id="payment-terms" class="label-light">Payment Terms</span>
<span id="payment-terms-value" class="value">Prepaid</span>
</div>
<div class="quote-type-details">
<span id="quote-type" class="label-light">Quote Type</span>
<span id="quote-type-value" class="value">Multi Usage</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="divider-div"><span class="divider"></span></div>
<!-- Route details section -->
<section class="section">
<section class="section">
<div class="route-details-wrapper">
<div class="route-details-container">
<!-- Route origin -->
<div class="source-details-container">
<div class="source-details">
<span class="section-title" style="font-size: 11px;">Bangalore</span>
<span class="label">Origin</span>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
<path d="M9.96596 18.3735C9.56596 18.3735 9.20596 18.1635 9.00596 17.8235C7.36596 15.0235 4.60596 10.0035 4.60596 7.80353C4.60596 4.81353 7.02596 2.37354 10.006 2.37354C12.986 2.37354 15.406 4.81353 15.406 7.80353C15.406 10.0035 12.596 15.0335 10.926 17.8335C10.716 18.1735 10.366 18.3735 9.96596 18.3735ZM10.006 3.37354C7.57596 3.37354 5.60596 5.36353 5.60596 7.80353C5.60596 9.21353 7.19596 12.7635 9.86596 17.3135C9.89596 17.3635 9.93596 17.3735 9.96596 17.3735C9.99596 17.3735 10.036 17.3635 10.066 17.3135C12.786 12.7635 14.406 9.21353 14.406 7.80353C14.406 5.36353 12.436 3.37354 10.006 3.37354Z" fill="#3E3C90"/>
<path d="M10.036 10.8735C8.62596 10.8735 7.47596 9.72354 7.47596 8.30353C7.47596 6.88353 8.62596 5.73354 10.036 5.73354C11.446 5.73354 12.596 6.88353 12.596 8.30353C12.596 9.72354 11.446 10.8735 10.036 10.8735ZM10.036 6.73354C9.17596 6.73354 8.47596 7.44353 8.47596 8.30353C8.47596 9.16354 9.17596 9.87354 10.036 9.87354C10.896 9.87354 11.596 9.16354 11.596 8.30353C11.596 7.44353 10.896 6.73354 10.036 6.73354Z" fill="#3E3C90"/>
</svg>
</div>
<!-- Route path -->
<div class="route-path-wrapper">
<span class="route-path"></span>
<!-- Route middle icon -->
<div class="route-middle-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
<rect width="16" height="16" transform="translate(0.755859 0.373535)" fill="white"/>
<path d="M14.716 12.5236C14.636 12.3736 14.456 12.3236 14.306 12.4036C13.776 12.7036 13.256 12.8336 12.756 12.8036C12.456 12.7836 12.256 12.7136 12.046 12.6336C12.006 12.6136 11.956 12.6036 11.906 12.5836C12.256 12.0636 12.646 11.3436 12.936 10.3636C13.136 9.68363 13.246 8.98363 13.276 8.26363C13.286 7.96363 13.106 7.69363 12.826 7.58363L11.566 7.09363V5.49363C11.566 5.10363 11.256 4.79363 10.866 4.79363H9.59595V3.92363C9.59595 3.53363 9.27595 3.22363 8.89595 3.22363H8.33595C7.94595 3.22363 7.63595 3.53363 7.63595 3.92363V4.79363H6.45595C6.06595 4.79363 5.75595 5.10363 5.75595 5.49363V7.09363L4.52595 7.57363C4.24595 7.67363 4.07595 7.94363 4.07595 8.22363C4.08595 9.00363 4.20595 9.77363 4.43595 10.5136C4.77595 11.6236 5.29595 12.4636 5.59595 12.9036C5.48595 12.9136 5.37595 12.9136 5.22595 12.8736C5.04595 12.8236 4.86595 12.7436 4.67595 12.6636C4.22595 12.4636 3.71595 12.2436 3.03595 12.3936C3.02595 12.3936 2.96595 12.4136 2.94595 12.4236C2.78595 12.4736 2.72595 12.6236 2.77595 12.7836C2.81595 12.9436 3.01595 13.0236 3.17595 12.9836C3.66595 12.8736 4.02595 13.0336 4.43595 13.2136C4.63595 13.3036 4.85595 13.3936 5.08595 13.4536C5.25595 13.4936 5.39595 13.5136 5.53595 13.5136C5.88595 13.5136 6.13595 13.3936 6.38595 13.2736C6.69595 13.1236 7.00595 12.9736 7.62595 13.0236C7.99595 13.0536 8.21595 13.1436 8.42595 13.2236C8.70595 13.3336 8.99595 13.4536 9.51595 13.4036C9.93595 13.3736 10.176 13.2736 10.386 13.1836C10.586 13.1036 10.746 13.0336 11.066 13.0236C11.426 13.0336 11.616 13.0936 11.846 13.1836C12.076 13.2736 12.336 13.3636 12.726 13.3936C13.336 13.4236 13.966 13.2736 14.606 12.9136C14.746 12.8536 14.796 12.6736 14.716 12.5236ZM12.686 8.25363C12.676 8.51363 12.646 8.77363 12.606 9.03363L8.93595 7.57363V6.72363L12.616 8.15363C12.656 8.17363 12.686 8.21363 12.686 8.25363ZM8.23595 3.92363C8.23595 3.86363 8.28595 3.82363 8.33595 3.82363H8.88595C8.94595 3.82363 8.98595 3.87363 8.98595 3.92363V4.79363H8.23595V3.92363ZM6.34595 5.49363C6.34595 5.44363 6.39595 5.39363 6.44595 5.39363H10.876C10.926 5.39363 10.976 5.44363 10.976 5.49363V6.87363L8.88595 6.06363C8.72595 6.00363 8.54595 6.00363 8.37595 6.06363L6.34595 6.85363V5.49363ZM4.73595 8.12363L8.32595 6.75363V7.59363L4.74595 8.96363C4.71595 8.71363 4.68595 8.47363 4.67595 8.21363C4.67595 8.18363 4.70595 8.14363 4.73595 8.12363ZM6.19595 12.7136C5.93595 12.3536 5.36595 11.5036 5.01595 10.3536C4.93595 10.0936 4.88595 9.83363 4.83595 9.57363L8.33595 8.26363V12.5736C8.15595 12.5136 7.95595 12.4636 7.66595 12.4436C6.94595 12.3736 6.52595 12.5536 6.19595 12.7136ZM11.046 12.4436C10.606 12.4536 10.366 12.5536 10.146 12.6436C9.96595 12.7236 9.78595 12.7936 9.46595 12.8136C9.23595 12.8336 9.07595 12.8036 8.93595 12.7736V8.22363L12.496 9.63363C12.456 9.82363 12.426 10.0136 12.366 10.2036C12.056 11.2436 11.626 11.9636 11.276 12.4636C11.206 12.4536 11.126 12.4436 11.046 12.4436Z" fill="#0F0F19"/>
</svg>
</div>
<!-- Route legs -->
<div class="route-leg" style="left: 22.25px;">
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="7" viewBox="0 0 7 7" fill="none">
<circle cx="3.75586" cy="3.07349" r="3" fill="#3E3C90"/>
</svg>
<span class="label">Mumbai</span>
</div>
<div class="route-leg" style="left: 66px;">
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="7" viewBox="0 0 7 7" fill="none">
<circle cx="3.75586" cy="3.07349" r="3" fill="#3E3C90"/>
</svg>
<span class="label">Nhava Sheva</span>
</div>
<div class="route-leg" style="right: 41.989px;">
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="7" viewBox="0 0 7 7" fill="none">
<circle cx="3.75586" cy="3.07349" r="3" fill="#3E3C90"/>
</svg>
<span class="label">Dubai</span>
</div>
<div class="route-leg" style="right: 79.989px;">
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="7" viewBox="0 0 7 7" fill="none">
<circle cx="3.75586" cy="3.07349" r="3" fill="#3E3C90"/>
</svg>
<span class="label">Jebel Ali</span>
</div>
</div>
<!-- Route destination -->
<div class="destination-details-container">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
<path d="M9.95375 18.3735C9.55375 18.3735 9.19375 18.1635 8.99375 17.8235C7.35375 15.0235 4.59375 10.0035 4.59375 7.80353C4.59375 4.81353 7.01375 2.37354 9.99375 2.37354C12.9738 2.37354 15.3937 4.81353 15.3937 7.80353C15.3937 10.0035 12.5838 15.0335 10.9138 17.8335C10.7038 18.1735 10.3538 18.3735 9.95375 18.3735ZM9.99375 3.37354C7.56375 3.37354 5.59375 5.36353 5.59375 7.80353C5.59375 9.21353 7.18375 12.7635 9.85375 17.3135C9.88375 17.3635 9.92375 17.3735 9.95375 17.3735C9.98375 17.3735 10.0238 17.3635 10.0538 17.3135C12.7738 12.7635 14.3937 9.21353 14.3937 7.80353C14.3937 5.36353 12.4237 3.37354 9.99375 3.37354Z" fill="#3E3C90"/>
<path d="M10.0237 10.8735C8.61375 10.8735 7.46375 9.72354 7.46375 8.30353C7.46375 6.88353 8.61375 5.73354 10.0237 5.73354C11.4337 5.73354 12.5838 6.88353 12.5838 8.30353C12.5838 9.72354 11.4337 10.8735 10.0237 10.8735ZM10.0237 6.73354C9.16375 6.73354 8.46375 7.44353 8.46375 8.30353C8.46375 9.16354 9.16375 9.87354 10.0237 9.87354C10.8837 9.87354 11.5838 9.16354 11.5838 8.30353C11.5838 7.44353 10.8837 6.73354 10.0237 6.73354Z" fill="#3E3C90"/>
</svg>
<div class="destination-details">
<span class="section-title" style="font-size: 11px;">Sharjah</span>
<span class="label">Destination</span>
</div>
</div>
</div>
</div>
</section>
<!-- Cargo details section -->
<section class="section">
<div class="cargo-details-wrapper">
<div class="cargo-details-box">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
<path d="M13.3 2.37354H2.7C2.31 2.37354 2 2.68354 2 3.07354V5.95354C2 6.33354 2.31 6.64354 2.69 6.65354V13.6735C2.69 14.0635 3 14.3735 3.39 14.3735H12.62C13.01 14.3735 13.32 14.0635 13.32 13.6735V6.65354C13.69 6.64354 14 6.33354 14 5.95354V3.07354C14 2.68354 13.69 2.37354 13.3 2.37354ZM12.71 13.6735C12.71 13.7235 12.67 13.7735 12.61 13.7735H3.38C3.33 13.7735 3.28 13.7335 3.28 13.6735V6.65354H12.71V13.6735ZM13.4 5.95354C13.4 6.01354 13.36 6.05353 13.3 6.05353H2.7C2.64 6.05353 2.6 6.01354 2.6 5.95354V3.07354C2.6 3.02354 2.64 2.97354 2.7 2.97354H13.3C13.36 2.97354 13.4 3.01354 13.4 3.07354V5.95354Z" fill="#3E3C90"/>
<path d="M5.1 9.14354H10.91C11.08 9.14354 11.21 9.01354 11.21 8.84354C11.21 8.67354 11.08 8.54354 10.91 8.54354H5.1C4.93 8.54354 4.8 8.67354 4.8 8.84354C4.8 9.01354 4.93 9.14354 5.1 9.14354Z" fill="#3E3C90"/>
</svg>
<div class="cargo-details-box-label-value">
<span class="label-light">Incoterm</span>
<span class="dark-value">CIF</span>
</div>
</div>
<div class="cargo-details-box">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
<path d="M13.9601 12.5236C13.8801 12.3736 13.7001 12.3236 13.5501 12.4036C13.0201 12.7036 12.5001 12.8336 12.0001 12.8036C11.7001 12.7836 11.5001 12.7136 11.2901 12.6336C11.2501 12.6136 11.2001 12.6036 11.1501 12.5836C11.5001 12.0636 11.8901 11.3436 12.1801 10.3636C12.3801 9.68363 12.4901 8.98363 12.5201 8.26363C12.5301 7.96363 12.3501 7.69363 12.0701 7.58363L10.8101 7.09363V5.49363C10.8101 5.10363 10.5001 4.79363 10.1101 4.79363H8.84009V3.92363C8.84009 3.53363 8.52009 3.22363 8.14009 3.22363H7.58009C7.19009 3.22363 6.88009 3.53363 6.88009 3.92363V4.79363H5.70009C5.31009 4.79363 5.00009 5.10363 5.00009 5.49363V7.09363L3.77009 7.57363C3.49009 7.67363 3.32009 7.94363 3.32009 8.22363C3.33009 9.00363 3.45009 9.77363 3.68009 10.5136C4.02009 11.6236 4.54009 12.4636 4.84009 12.9036C4.73009 12.9136 4.62009 12.9136 4.47009 12.8736C4.29009 12.8236 4.11009 12.7436 3.92009 12.6636C3.47009 12.4636 2.96009 12.2436 2.28009 12.3936C2.27009 12.3936 2.21009 12.4136 2.19009 12.4236C2.03009 12.4736 1.97009 12.6236 2.02009 12.7836C2.06009 12.9436 2.26009 13.0236 2.42009 12.9836C2.91009 12.8736 3.27009 13.0336 3.68009 13.2136C3.88009 13.3036 4.10009 13.3936 4.33009 13.4536C4.50009 13.4936 4.64009 13.5136 4.78009 13.5136C5.13009 13.5136 5.38009 13.3936 5.63009 13.2736C5.94009 13.1236 6.25009 12.9736 6.87009 13.0236C7.24009 13.0536 7.46009 13.1436 7.67009 13.2236C7.95009 13.3336 8.24009 13.4536 8.76009 13.4036C9.18009 13.3736 9.42009 13.2736 9.63009 13.1836C9.83009 13.1036 9.99009 13.0336 10.3101 13.0236C10.6701 13.0336 10.8601 13.0936 11.0901 13.1836C11.3201 13.2736 11.5801 13.3636 11.9701 13.3936C12.5801 13.4236 13.2101 13.2736 13.8501 12.9136C13.9901 12.8536 14.0401 12.6736 13.9601 12.5236ZM11.9301 8.25363C11.9201 8.51363 11.8901 8.77363 11.8501 9.03363L8.18009 7.57363V6.72363L11.8601 8.15363C11.9001 8.17363 11.9301 8.21363 11.9301 8.25363ZM7.48009 3.92363C7.48009 3.86363 7.53009 3.82363 7.58009 3.82363H8.13009C8.19009 3.82363 8.23009 3.87363 8.23009 3.92363V4.79363H7.48009V3.92363ZM5.59009 5.49363C5.59009 5.44363 5.64009 5.39363 5.69009 5.39363H10.1201C10.1701 5.39363 10.2201 5.44363 10.2201 5.49363V6.87363L8.13009 6.06363C7.97009 6.00363 7.79009 6.00363 7.62009 6.06363L5.59009 6.85363V5.49363ZM3.98009 8.12363L7.57009 6.75363V7.59363L3.99009 8.96363C3.96009 8.71363 3.93009 8.47363 3.92009 8.21363C3.92009 8.18363 3.95009 8.14363 3.98009 8.12363ZM5.44009 12.7136C5.18009 12.3536 4.61009 11.5036 4.26009 10.3536C4.18009 10.0936 4.13009 9.83363 4.08009 9.57363L7.58009 8.26363V12.5736C7.40009 12.5136 7.20009 12.4636 6.91009 12.4436C6.19009 12.3736 5.77009 12.5536 5.44009 12.7136ZM10.2901 12.4436C9.85009 12.4536 9.61009 12.5536 9.39009 12.6436C9.21009 12.7236 9.03009 12.7936 8.71009 12.8136C8.48009 12.8336 8.32009 12.8036 8.18009 12.7736V8.22363L11.7401 9.63363C11.7001 9.82363 11.6701 10.0136 11.6101 10.2036C11.3001 11.2436 10.8701 11.9636 10.5201 12.4636C10.4501 12.4536 10.3701 12.4436 10.2901 12.4436Z" fill="#3E3C90"/>
</svg>
<div class="cargo-details-box-label-value">
<span class="label-light">Carrier</span>
<span class="dark-value">DP WORLD CHOICE</span>
</div>
</div>
<div class="cargo-details-box">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
<path d="M11.8902 6.15354L12.5402 5.50354C12.7402 5.31354 12.7402 4.99354 12.5402 4.79354C12.3502 4.59354 12.0302 4.59354 11.8402 4.79354L11.1802 5.45354C10.4302 4.84353 9.5102 4.44354 8.5002 4.34354V3.37354H8.9702C9.2502 3.37354 9.4702 3.15354 9.4702 2.87354C9.4702 2.59354 9.2402 2.37354 8.9602 2.37354H7.0402C6.7602 2.37354 6.5402 2.59354 6.5402 2.87354C6.5402 3.15354 6.7602 3.37354 7.0402 3.37354H7.5002V4.34354C4.9502 4.60354 2.9502 6.72354 2.9502 9.33354C2.9502 12.1135 5.2202 14.3735 8.0002 14.3735C10.7802 14.3735 13.0502 12.1135 13.0502 9.33354C13.0502 8.12354 12.6002 7.02354 11.8902 6.15354ZM8.0002 13.3735C5.7702 13.3735 3.9502 11.5635 3.9502 9.33354C3.9502 7.10354 5.7702 5.29354 8.0002 5.29354C10.2302 5.29354 12.0502 7.10354 12.0502 9.33354C12.0502 11.5635 10.2302 13.3735 8.0002 13.3735Z" fill="#3E3C90"/>
<path d="M9.6302 7.00354L7.6502 8.98353C7.4602 9.18353 7.4502 9.49354 7.6502 9.69353C7.7402 9.78354 7.8702 9.83354 8.0002 9.83354C8.1302 9.83354 8.2502 9.78354 8.3502 9.68354L10.3302 7.70354C10.5202 7.50354 10.5302 7.19353 10.3302 6.99354C10.1402 6.80353 9.8202 6.80354 9.6302 7.00354Z" fill="#3E3C90"/>
</svg>
<div class="cargo-details-box-label-value">
<span class="label-light">Transit Time</span>
<span class="dark-value">35 DAYS</span>
</div>
</div>
<div class="cargo-details-box">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
<rect y="0.373535" width="16" height="16" rx="4" fill="#E2F6D2"/>
<path d="M8 2.37354C6.41 2.37354 4.91 2.98354 3.78 4.10354C2.63 5.24354 2 6.75354 2 8.37354C2 11.6835 4.69 14.3735 8 14.3735C11.31 14.3735 14 11.6835 14 8.37354C14 5.06354 11.31 2.37354 8 2.37354ZM6.08 8.16354C5.92 8.12354 5.75 8.22354 5.72 8.38354C5.68 8.55354 5.78 8.71353 5.95 8.74354C6.5 8.86353 7.06 9.14354 7.46 9.49354C7.03 9.87354 6.33 10.0235 5.59 9.64354C4.83 9.25354 4.34 8.04354 4.13 7.48354L4.15 7.47354C4.65 7.32353 5.99 6.92353 6.76 7.28354C7.29 7.53354 7.66 7.89354 7.8 8.29354C7.88 8.52354 7.86 8.75354 7.79 8.96354C7.31 8.58354 6.68 8.29354 6.08 8.16354ZM8.57 13.7435L8.59 11.0435C8.61 10.7435 8.77 10.4735 9.09 10.2235C9.24 10.4035 9.43 10.5535 9.66 10.6335C9.82 10.6935 9.99 10.7135 10.16 10.7135C10.46 10.7135 10.77 10.6335 11.08 10.4635C11.86 10.0335 12.41 8.87354 12.51 8.51354C12.56 8.34354 12.56 8.12354 12.28 7.99354C11.92 7.82353 10.71 7.40354 9.88 7.75354C9.25 8.01354 8.97 8.43353 8.85 8.73353C8.72 9.05353 8.7 9.39354 8.79 9.71354C8.69 9.79354 8.59 9.86353 8.51 9.95354C8.45 9.77354 8.35 9.61354 8.24 9.46354C8.25 9.44354 8.27 9.42353 8.28 9.40353C8.49 9.00353 8.52 8.54353 8.37 8.11353C8.17 7.55353 7.69 7.06354 7.01 6.74354C6.03 6.29353 4.59 6.72354 3.97 6.90354L3.83 6.95354C3.71 6.98354 3.6 7.07353 3.54 7.18354C3.48 7.30353 3.47 7.44354 3.52 7.58354C3.71 8.09354 4.28 9.64354 5.31 10.1735C5.7 10.3735 6.09 10.4635 6.46 10.4635C7.01 10.4635 7.48 10.2535 7.84 9.94353C7.92 10.0835 7.98 10.2335 7.98 10.3835V11.0235C7.98 11.0335 7.98 11.0335 7.98 11.0435C7.98 11.0435 7.98 11.0435 7.98 11.0535L7.97 13.7735C5 13.7535 2.6 11.3435 2.6 8.37354C2.6 6.91354 3.17 5.55353 4.2 4.53354C5.22 3.52354 6.57 2.97354 8 2.97354C10.98 2.97354 13.4 5.39354 13.4 8.37354C13.4 11.1635 11.28 13.4635 8.57 13.7435ZM9.4 8.96354C9.48 8.76354 9.66 8.49354 10.08 8.32353C10.23 8.26354 10.41 8.23354 10.6 8.23354C11.05 8.23354 11.56 8.37354 11.86 8.49354C11.71 8.88353 11.27 9.67353 10.77 9.95354C10.45 10.1335 10.11 10.1735 9.84 10.0835C9.74 10.0535 9.66 9.99354 9.59 9.93354C9.83 9.81354 10.12 9.70354 10.45 9.59354C10.61 9.54354 10.7 9.37354 10.65 9.21354C10.6 9.05354 10.44 8.96354 10.27 9.01354C9.92 9.12354 9.61 9.24354 9.34 9.37354C9.33 9.23354 9.35 9.09354 9.4 8.96354Z" fill="#417B13"/>
</svg>
<div class="cargo-details-box-label-value">
<span class="label-light">Carbon Footprint</span>
<span class="dark-value">720 <span class="label-light">kg CO2</span></span>
</div>
</div>
</div>
</section>
<!-- Charges box section -->
<section class="section">
<div class="cargo-details-wrapper">
<div class="cargo-details-box">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
<rect y="0.373535" width="16" height="16" rx="4" fill="#F7F6FF"/>
<path d="M7.9699 14.3735C7.6399 14.3735 7.3499 14.2035 7.1899 13.9235C5.9599 11.8535 3.8999 8.12354 3.8999 6.47354C3.8999 4.21354 5.7399 2.37354 7.9999 2.37354C10.2599 2.37354 12.0999 4.21354 12.0999 6.47354C12.0999 8.12354 9.9999 11.8535 8.7499 13.9335C8.5799 14.2035 8.2899 14.3735 7.9699 14.3735ZM7.9999 3.37354C6.2899 3.37354 4.8999 4.76354 4.8999 6.47354C4.8999 7.46354 6.0699 10.0635 7.9699 13.2835C9.8999 10.0635 11.0999 7.46354 11.0999 6.47354C11.0999 4.76354 9.7099 3.37354 7.9999 3.37354Z" fill="#3E3C90"/>
<path d="M8.0199 8.85353C6.9099 8.85353 6.0099 7.95354 6.0099 6.84353C6.0099 5.73353 6.9099 4.83354 8.0199 4.83354C9.1299 4.83354 10.0299 5.73353 10.0299 6.84353C10.0299 7.95354 9.1299 8.85353 8.0199 8.85353ZM8.0199 5.82353C7.4599 5.82353 7.0099 6.28354 7.0099 6.83354C7.0099 7.38354 7.4699 7.84353 8.0199 7.84353C8.5799 7.84353 9.0299 7.38354 9.0299 6.83354C9.0299 6.28354 8.5799 5.82353 8.0199 5.82353Z" fill="#3E3C90"/>
</svg>
<div class="cargo-details-box-label-value">
<span class="label-light">Origin Charges</span>
<span class="dark-value"><span class="label-light">INR</span> 1,123,1234*</span>
</div>
</div>
<div class="cargo-details-box">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
<rect y="0.373535" width="16" height="16" rx="4" fill="#F7F6FF"/>
<path d="M13.6405 9.8736C13.4805 9.8236 13.3105 9.9036 13.2605 10.0636C12.7505 11.6136 11.5805 12.8336 10.0505 13.4136C8.53045 13.9936 6.83045 13.8436 5.38045 13.0136C3.60045 11.9836 2.55045 9.8936 2.78045 7.8336C2.97045 6.1736 3.87045 4.7136 5.24045 3.8336C6.61045 2.9536 8.29045 2.7436 9.83045 3.2536C11.1005 3.6736 12.1505 4.5536 12.8105 5.7136H12.0005C11.8305 5.7136 11.7004 5.8436 11.7004 6.0136C11.7004 6.1836 11.8305 6.3136 12.0005 6.3136H13.4804C13.5604 6.3136 13.6404 6.2836 13.6904 6.2236C13.7505 6.1636 13.7804 6.0936 13.7804 6.0136V4.5336C13.7804 4.3636 13.6504 4.2336 13.4804 4.2336C13.3104 4.2336 13.1805 4.3636 13.1805 4.5336V5.1736C12.4405 4.0136 11.3504 3.1236 10.0304 2.6836C8.31045 2.1136 6.45045 2.3436 4.92045 3.3236C3.39045 4.3036 2.39045 5.9236 2.18045 7.7636C1.92045 10.0636 3.09045 12.3836 5.09045 13.5436C6.05045 14.0936 7.10045 14.3736 8.16045 14.3736C8.87045 14.3736 9.59045 14.2436 10.2705 13.9836C11.9705 13.3336 13.2704 11.9836 13.8305 10.2536C13.8905 10.1036 13.8005 9.9336 13.6405 9.8736Z" fill="#3E3C90"/>
<path d="M11.3105 7.5736C11.1805 7.5736 11.0604 7.6236 10.9704 7.7036L10.4404 8.2236H10.3504V6.3936C10.3504 6.1436 10.1705 5.9436 9.93045 5.8936V4.6336C9.93045 4.3436 9.70045 4.1136 9.41045 4.1136H7.58045C7.29045 4.1136 7.06045 4.3436 7.06045 4.6336V5.8936C6.82045 5.9436 6.64045 6.1436 6.64045 6.3936V8.2236H6.12045V7.3136C6.12045 7.0536 5.89045 6.8436 5.59045 6.8436H5.13045V5.9836C5.13045 5.8136 5.00045 5.6836 4.83045 5.6836C4.66045 5.6836 4.53045 5.8136 4.53045 5.9836V6.8436H3.93045C3.63045 6.8436 3.40045 7.0436 3.40045 7.3136V8.2936C3.34045 8.3236 3.28045 8.3636 3.24045 8.4236C3.15045 8.5536 3.13045 8.7236 3.20045 8.8836L4.04045 11.0736C4.13045 11.3236 4.38045 11.4836 4.64045 11.4836H11.6104C11.8305 11.4836 12.0604 11.3436 12.1604 11.1536L13.8005 8.0636C13.8205 8.0136 13.8805 7.8636 13.7905 7.7236C13.7704 7.7036 13.7404 7.6536 13.6705 7.6136C13.6104 7.5736 13.5505 7.5736 13.5205 7.5736C12.7905 7.5736 12.0505 7.5736 11.3105 7.5736ZM9.76045 6.4736V8.2036H7.24045V6.4736H9.76045ZM7.66045 4.7136H9.35045V5.8136H7.66045V4.7136ZM5.52045 7.4436V8.2236H4.00045V7.4436H5.52045ZM11.6104 10.8836L4.60045 10.8636L3.81045 8.8236H10.4504C10.5804 8.8236 10.7004 8.7736 10.8004 8.6936L11.3604 8.1736H13.0805L11.6104 10.8836Z" fill="#3E3C90"/>
</svg>
<div class="cargo-details-box-label-value">
<span class="label-light">Freight Charges</span>
<span class="dark-value"><span class="label-light">INR</span> 1,123,1234*</span>
</div>
</div>
<div class="cargo-details-box">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
<rect y="0.373535" width="16" height="16" rx="4" fill="#F7F6FF"/>
<path d="M7.97039 14.3735C7.64039 14.3735 7.35039 14.2035 7.19039 13.9235C5.96039 11.8535 3.90039 8.12354 3.90039 6.47354C3.90039 4.21354 5.74039 2.37354 8.00039 2.37354C10.2604 2.37354 12.1004 4.21354 12.1004 6.47354C12.1004 8.12354 10.0004 11.8535 8.75039 13.9335C8.58039 14.2035 8.29039 14.3735 7.97039 14.3735ZM8.00039 3.37354C6.29039 3.37354 4.90039 4.76354 4.90039 6.47354C4.90039 7.46354 6.07039 10.0635 7.97039 13.2835C9.90039 10.0635 11.1004 7.46354 11.1004 6.47354C11.1004 4.76354 9.71039 3.37354 8.00039 3.37354Z" fill="#3E3C90"/>
<path d="M8.02039 8.85353C6.91039 8.85353 6.01039 7.95354 6.01039 6.84353C6.01039 5.73353 6.91039 4.83354 8.02039 4.83354C9.13039 4.83354 10.0304 5.73353 10.0304 6.84353C10.0304 7.95354 9.13039 8.85353 8.02039 8.85353ZM8.02039 5.82353C7.46039 5.82353 7.01039 6.28354 7.01039 6.83354C7.01039 7.38354 7.47039 7.84353 8.02039 7.84353C8.58039 7.84353 9.03039 7.38354 9.03039 6.83354C9.03039 6.28354 8.58039 5.82353 8.02039 5.82353Z" fill="#3E3C90"/>
</svg>
<div class="cargo-details-box-label-value">
<span class="label-light">Destination Charges</span>
<span class="dark-value"><span class="label-light">INR</span> 1,123,1234*</span>
</div>
</div>
<div class="cargo-details-box cargo-details-box-highlighted">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="11" viewBox="0 0 12 11" fill="none">
<path d="M11.25 2.24358H8.77V1.17358C8.77 0.763584 8.43 0.423584 8.02 0.423584H3.99C3.58 0.423584 3.24 0.763584 3.24 1.17358V2.24358H0.75C0.34 2.24358 0 2.58358 0 2.99358V5.78358C0 6.09358 0.19 6.36358 0.48 6.48358L0.53 6.50358V9.57358C0.53 9.98358 0.87 10.3236 1.28 10.3236H10.72C11.13 10.3236 11.47 9.98358 11.47 9.57358V6.58358C11.47 6.57358 11.46 6.57358 11.46 6.57358C11.48 6.56358 11.49 6.56358 11.51 6.55358C11.81 6.43358 12 6.15358 12 5.84358V2.99358C12 2.58358 11.66 2.24358 11.25 2.24358ZM3.84 1.17358C3.84 1.09358 3.91 1.02358 3.99 1.02358H8.02C8.1 1.02358 8.17 1.09358 8.17 1.17358V2.24358H3.84V1.17358ZM0.6 2.99358C0.6 2.91358 0.67 2.84358 0.75 2.84358H11.25C11.33 2.84358 11.4 2.91358 11.4 2.99358V5.85358C11.4 5.91358 11.36 5.97358 11.3 5.99358C10.66 6.24358 10.61 6.27358 10.05 6.45358C9.17 6.80358 8.25 7.02358 7.31 7.13358V6.46358C7.31 6.15358 7.06 5.91358 6.76 5.91358H5.26C4.95 5.91358 4.7 6.16358 4.7 6.46358V7.09358C3.8 6.98358 2.91 6.77358 2.05 6.43358C1.77 6.35358 1.55 6.26358 1.2 6.12358L0.7 5.92358C0.64 5.90358 0.6 5.84358 0.6 5.78358V2.99358ZM5.27 7.41358L5.25 6.51358L6.71 6.47358V8.21358L5.3 8.25358L5.28 7.51358M10.87 9.57358C10.87 9.65358 10.8 9.72358 10.72 9.72358H1.28C1.2 9.72358 1.13 9.65358 1.13 9.57358V6.73358C1.41 6.84358 1.63 6.93358 1.85 6.99358C2.76 7.35358 3.72 7.58358 4.69 7.70358V8.25358C4.69 8.56358 4.94 8.81358 5.25 8.81358H6.75C7.06 8.81358 7.3 8.56358 7.3 8.25358V7.73358C8.32 7.62358 9.31 7.38358 10.24 7.01358C10.53 6.92358 10.69 6.86358 10.86 6.80358V9.57358H10.87Z" fill="white"/>
</svg>
<div class="cargo-details-box-label-value">
<span class="label-light" style="color: #fff;">Estimated Grand Total</span>
<span class="dark-value" style="color: #fff;"><span class="label-light" style="color: #fff;">INR</span> 3,36,93,702*</span>
</div>
</div>
</div>
</section>
</section>
<div class="divider-div"><span class="divider"></span></div>
<!-- Charges section -->
<section id="charge-details" class="section">
<!-- Origin Charges -->
<section id="origin-charges" class="sub-section">
<h3 class="section-title">ORIGIN CHARGES</h3>
<table>
<tr><th>Charges</th><th>Equipment | Range</th><th>Chargable Unit</th><th>Rate</th><th>Total</th><th>Remark</th></tr>
<tr><td>Storage Charges</td><td>0 - 100</td><td></td><td>EUR 40 + EUR 10/SFT/day</td><td>EUR 345</td><td>Remark 1</td></tr>
<tr><td></td><td>100 - 200</td><td></td><td>EUR 40 + EUR 10/SFT/day</td><td>EUR 345</td><td>Remark2</td></tr>
<tr><td>Pick Up Charges</td><td></td><td></td><td>INR 15/KM</td><td>EUR 60</td><td>Remark3</td></tr>
<tr><td></td><td></td><td class="section-title">SUBTOTAL</td><td>EUR 750</td><td></td><td></td></tr>
</table>
</section>
<!-- Frieght Charges -->
<section id="Freight-charges" class="sub-section">
<h3 class="section-title">FREIGHT CHARGES</h3>
<table>
<tr><th>Charges</th><th>Equipment | Range</th><th>Chargable Unit</th><th>Rate</th><th>Total</th><th>Remark</th></tr>
<tr><td>Storage Charges</td><td>0 - 100</td><td></td><td>EUR 40 + EUR 10/SFT/day</td><td>EUR 345</td><td>Remark 1</td></tr>
<tr><td></td><td>100 - 200</td><td></td><td>EUR 40 + EUR 10/SFT/day</td><td>EUR 345</td><td>Remark2</td></tr>
<tr><td>Pick Up Charges</td><td></td><td></td><td>INR 15/KM</td><td>EUR 60</td><td>Remark3</td></tr>
<tr><td></td><td></td><td class="section-title">SUBTOTAL</td><td>EUR 750</td><td></td><td></td></tr>
</table>
</section>
<!-- Destination Charges -->
<section id="destination-charges" class="sub-section">
<h3 class="section-title">DESTINATION CHARGES</h3>
<table>
<tr><th>Charges</th><th>Equipment | Range</th><th>Chargable Unit</th><th>Rate</th><th>Total</th><th>Remark</th></tr>
<tr><td>Storage Charges</td><td>0 - 100</td><td></td><td>EUR 40 + EUR 10/SFT/day</td><td>EUR 345</td><td>Remark 1</td></tr>
<tr><td></td><td>100 - 200</td><td></td><td>EUR 40 + EUR 10/SFT/day</td><td>EUR 345</td><td>Remark2</td></tr>
<tr><td>Pick Up Charges</td><td></td><td></td><td>INR 15/KM</td><td>EUR 60</td><td>Remark3</td></tr>
<tr><td></td><td></td><td class="section-title">SUBTOTAL</td><td>EUR 750</td><td></td><td></td></tr>
</table>
</section>
</section>
<div class="divider-div"><span class="divider"></span></div>
<!-- Load details section -->
<section class="section">
<div class="load-title-div">
<h3 class="section-title">LOAD DETAILS</h3>
<div class="label-value-div">
<span class="label" style="color: #6E6E72;">Commodity</span>
<span class="value">FREIGHT ALL KINDS - FAK</span>
</div>
</div>
<table>
<tr><th>Load</th><th>Package Type</th><th>Quantity</th><th>Weight (kg)</th><th>Length (cm)</th><th>Width (cm)</th><th>Height (cm)</th></tr>
<tr><td>1</td><td>Boxes</td><td>5</td><td>5</td><td>5</td><td>5</td><td>5</td></tr>
<tr><td>2</td><td>Trunk</td><td>15</td><td>15</td><td>59</td><td>95</td><td>53</td></tr>
</table>
</section>
<!-- Exchange rates section -->
<section class="section" id="exchange-rates">
<h3 class="section-title">Exchange Rates</h3>
<div style="display: flex; justify-content: space-between; align-items: center;">
<div class="value" style="display: flex; gap: 12px;">
<span>1 USD = 82.50 INR</span>
<span>1 EUR = 88.75 INR</span>
<span>1 GBP = 101.20 INR</span>
</div>
<div>
<span class="label">Disclaimer: All exchange rates subject to change without notice. Rates are indicative only.</span>
</div>
</div>
</section>
<!-- Additional Information section -->
<section id="additional-information" class="section">
<h3 class="section-title">Additional information</h3>
<ul class="label" style="padding-left: 24px;">
<li>* The totals are subject to change based on actual load details</li>
<li>The price quoted is based upon the weight and cubic metres shown above and is chargeable per consignment.</li>
<li>1 Cubic Metre = 1000kgs</li>
<li>Unless otherwise stated collection is based on our standard cartage tariff. Goods will be collected 1-2 working days after booking.</li>
<li>Applicable only to shipments where charges are payable in Czechia.</li>
<li>This price is based on prevailing rates of exchange and surcharge and are subject to change without notice.</li>
<li>All services are provided exclusively subject to the DPW Standard Conditions for Freight Forwarding and Logistics Services, which are available at https://www.dpworld.com/supply-chain-solutions/freight-forwarding-services/documentation-centre</li>
</ul>
</section>
<!-- Terms & Conditions section -->
<section id="terms-and-conditions" class="section">
<h3 class="section-title">Terms & Condition</h3>
<div class="label">
<p>
The customer’s acceptance of this Quote is effective only if DP World successfully completes denied party screening and validates that neither the customer, nor any beneficial owner, director and/or officer of the Customer is identified on any applicable denied party list (e.g., designation on the “Specially Designated Nationals” (“SDN”) List maintained by the United States Office of Foreign Assets Control).
</p>
<p>
This Quote is made on the basis that it will be accepted without variations to the DP World – Standard Trading Conditions for Freight Forwarding and Logistics Services or applicable DP World local terms and conditions (the “Conditions”) that accompany this Quote. The tender of goods by the customer to DP World shall be deemed an acceptance of the Conditions without any variations.
</p>
<p>
We operate exclusively in accordance with BRITISH INTERNATIONAL FREIGHT ASSOCIATION (BIFA) STANDARD TRADING CONDITIONS which can be downloaded from
<a style="color: #1667FF;" target="_blank" href="https://bifa.org/wp-content/uploads/2023/06/bifa-stc-2021-england-edition.pdf">https://bifa.org/wp-content/uploads/2023/06/bifa-stc-2021-england-edition.pdf</a>
</p>
</p>
</div>
</section>
</div>