.di {
    display: inline-block;
    width: 24px; 
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.di-2x {
    width: 48px; 
    height: 48px;
}

.di-3x {
    width: 72px; 
    height: 72px;
}

.di-wallet {
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 8.50001V5.00067C16 4.16893 16 3.75306 15.8248 3.49748C15.6717 3.27419 15.4346 3.12251 15.1678 3.07709C14.8623 3.02511 14.4847 3.19938 13.7295 3.54793L4.85901 7.642C4.18551 7.95285 3.84875 8.10828 3.60211 8.34933C3.38406 8.56243 3.21762 8.82256 3.1155 9.10984C3 9.4348 3 9.80569 3 10.5475V15.5M16.5 15H16.51M3 11.7L3 18.3C3 19.4201 3 19.9802 3.21799 20.408C3.40973 20.7843 3.71569 21.0903 4.09202 21.282C4.51984 21.5 5.07989 21.5 6.2 21.5H17.8C18.9201 21.5 19.4802 21.5 19.908 21.282C20.2843 21.0903 20.5903 20.7843 20.782 20.408C21 19.9802 21 19.4201 21 18.3V11.7C21 10.5799 21 10.0199 20.782 9.59203C20.5903 9.21571 20.2843 8.90975 19.908 8.718C19.4802 8.50001 18.9201 8.50001 17.8 8.50001L6.2 8.50001C5.0799 8.50001 4.51984 8.50001 4.09202 8.718C3.7157 8.90974 3.40973 9.21571 3.21799 9.59203C3 10.0199 3 10.5799 3 11.7ZM17 15C17 15.2762 16.7761 15.5 16.5 15.5C16.2239 15.5 16 15.2762 16 15C16 14.7239 16.2239 14.5 16.5 14.5C16.7761 14.5 17 14.7239 17 15Z" stroke="%234370CD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.di-luggage {
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 21.5V7.5C8 6.57003 8 6.10504 8.10222 5.72354C8.37962 4.68827 9.18827 3.87962 10.2235 3.60222C10.605 3.5 11.07 3.5 12 3.5C12.93 3.5 13.395 3.5 13.7765 3.60222C14.8117 3.87962 15.6204 4.68827 15.8978 5.72354C16 6.10504 16 6.57003 16 7.5V14M16 18V21.5M6.8 21.5H17.2C18.8802 21.5 19.7202 21.5 20.362 21.173C20.9265 20.8854 21.3854 20.4265 21.673 19.862C22 19.2202 22 18.3802 22 16.7V12.3C22 10.6198 22 9.77976 21.673 9.13803C21.3854 8.57354 20.9265 8.1146 20.362 7.82698C19.7202 7.5 18.8802 7.5 17.2 7.5H6.8C5.11984 7.5 4.27976 7.5 3.63803 7.82698C3.07354 8.1146 2.6146 8.57354 2.32698 9.13803C2 9.77976 2 10.6198 2 12.3V16.7C2 18.3802 2 19.2202 2.32698 19.862C2.6146 20.4265 3.07354 20.8854 3.63803 21.173C4.27976 21.5 5.11984 21.5 6.8 21.5ZM12.8 18H17.7C17.98 18 18.12 18 18.227 17.9455C18.3211 17.8976 18.3976 17.8211 18.4455 17.727C18.5 17.62 18.5 17.48 18.5 17.2V14.8C18.5 14.52 18.5 14.38 18.4455 14.273C18.3976 14.1789 18.3211 14.1024 18.227 14.0545C18.12 14 17.98 14 17.7 14H12.8C12.52 14 12.38 14 12.273 14.0545C12.1789 14.1024 12.1024 14.1789 12.0545 14.273C12 14.38 12 14.52 12 14.8V17.2C12 17.48 12 17.62 12.0545 17.727C12.1024 17.8211 12.1789 17.8976 12.273 17.9455C12.38 18 12.52 18 12.8 18Z" stroke="%234370CD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.di-circuit {
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.5 5.5H11.9344C14.9816 5.5 16.5053 5.5 17.0836 6.04729C17.5836 6.52037 17.8051 7.21728 17.6702 7.89221C17.514 8.67302 16.2701 9.55285 13.7823 11.3125L9.71772 14.1875C7.2299 15.9471 5.98599 16.827 5.82984 17.6078C5.69486 18.2827 5.91642 18.9796 6.41636 19.4527C6.99474 20 8.51836 20 11.5656 20H12.5M8 5.5C8 7.15685 6.65685 8.5 5 8.5C3.34315 8.5 2 7.15685 2 5.5C2 3.84315 3.34315 2.5 5 2.5C6.65685 2.5 8 3.84315 8 5.5ZM22 19.5C22 21.1569 20.6569 22.5 19 22.5C17.3431 22.5 16 21.1569 16 19.5C16 17.8431 17.3431 16.5 19 16.5C20.6569 16.5 22 17.8431 22 19.5Z" stroke="%234370CD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.di-hotel {
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 7.5H10.25M7.5 11.5H10.25M7.5 15.5H10.25M13.75 7.5H16.5M13.75 11.5H16.5M13.75 15.5H16.5M20 21.5V6.7C20 5.5799 20 5.01984 19.782 4.59202C19.5903 4.21569 19.2843 3.90973 18.908 3.71799C18.4802 3.5 17.9201 3.5 16.8 3.5H7.2C6.07989 3.5 5.51984 3.5 5.09202 3.71799C4.71569 3.90973 4.40973 4.21569 4.21799 4.59202C4 5.01984 4 5.5799 4 6.7V21.5M22 21.5H2" stroke="%234370CD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.di-flight {
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.7448 3.31286C18.7095 2.31638 20.3036 2.30349 21.2843 3.28424C22.2382 4.23811 22.2559 5.77908 21.3243 6.75469L18.5456 9.66445C18.3278 9.89252 18.219 10.0066 18.1518 10.1401C18.0924 10.2584 18.0571 10.3872 18.0478 10.5192C18.0374 10.6683 18.0728 10.8219 18.1438 11.1292L19.8717 18.6168C19.9444 18.9322 19.9808 19.0899 19.9691 19.2425C19.9587 19.3775 19.921 19.509 19.8582 19.629C19.7873 19.7646 19.6729 19.879 19.444 20.1079L19.0732 20.4787C18.4671 21.0848 18.164 21.3879 17.8538 21.4428C17.583 21.4907 17.3043 21.4249 17.0835 21.2609C16.8306 21.0731 16.695 20.6665 16.424 19.8533L14.4142 13.824L11.0689 17.1693C10.8692 17.369 10.7694 17.4689 10.7026 17.5864C10.6434 17.6906 10.6034 17.8045 10.5846 17.9228C10.5633 18.0564 10.5789 18.1967 10.61 18.4774L10.7937 20.1308C10.8249 20.4115 10.8405 20.5518 10.8192 20.6853C10.8004 20.8036 10.7604 20.9176 10.7012 21.0217C10.6344 21.1393 10.5346 21.2392 10.3349 21.4388L10.1374 21.6363C9.66434 22.1094 9.42781 22.3459 9.16496 22.4144C8.93442 22.4745 8.68999 22.4503 8.47571 22.3462C8.2314 22.2275 8.04585 21.9491 7.67475 21.3925L6.10643 19.04C6.04013 18.9406 6.00698 18.8908 5.96849 18.8457C5.9343 18.8057 5.89701 18.7684 5.85694 18.7342C5.81184 18.6957 5.76212 18.6626 5.66267 18.5963L3.31018 17.0279C2.75354 16.6568 2.47521 16.4713 2.35649 16.227C2.25236 16.0127 2.22816 15.7683 2.28824 15.5377C2.35674 15.2749 2.59327 15.0383 3.06633 14.5653L3.26384 14.3678C3.46352 14.1681 3.56337 14.0682 3.68095 14.0015C3.78511 13.9423 3.89906 13.9023 4.01736 13.8834C4.15089 13.8622 4.29123 13.8777 4.5719 13.9089L6.22529 14.0926C6.50596 14.1238 6.6463 14.1394 6.77983 14.1181C6.89813 14.0993 7.01208 14.0593 7.11624 14.0001C7.23382 13.9333 7.33366 13.8335 7.53335 13.6338L10.8787 10.2885L4.84939 8.27872C4.03616 8.00764 3.62955 7.8721 3.44176 7.61919C3.27777 7.39836 3.212 7.11972 3.2599 6.84886C3.31477 6.53867 3.61784 6.2356 4.22399 5.62945L4.59476 5.25868C4.82365 5.02979 4.9381 4.91534 5.07369 4.84445C5.1937 4.78171 5.3252 4.74399 5.46023 4.73359C5.61278 4.72184 5.77049 4.75824 6.0859 4.83103L13.545 6.55236C13.855 6.62389 14.01 6.65966 14.1596 6.64902C14.3041 6.63874 14.4446 6.59721 14.5714 6.5273C14.7028 6.45488 14.8134 6.34062 15.0347 6.11208L17.7448 3.31286Z" stroke="%234370CD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.di-globe {
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 2.9578C14.053 2.66035 13.0452 2.5 12 2.5C6.47715 2.5 2 6.97715 2 12.5C2 18.0228 6.47715 22.5 12 22.5C17.5228 22.5 22 18.0228 22 12.5C22 10.7847 21.5681 9.17022 20.8071 7.75945M17 6.25H17.005M10.5001 22.3883L10.5002 20.1849C10.5002 20.0656 10.5429 19.9502 10.6205 19.8596L13.1063 16.9594C13.3106 16.7211 13.2473 16.3556 12.9748 16.1999L10.1185 14.5677C10.0409 14.5234 9.97663 14.4591 9.93234 14.3814L8.07046 11.1186C7.97356 10.9488 7.78657 10.8511 7.59183 10.8684L2.06418 11.3607M21 6.5C21 8.70914 19 10.5 17 12.5C15 10.5 13 8.70914 13 6.5C13 4.29086 14.7909 2.5 17 2.5C19.2091 2.5 21 4.29086 21 6.5ZM17.25 6.25C17.25 6.38807 17.1381 6.5 17 6.5C16.8619 6.5 16.75 6.38807 16.75 6.25C16.75 6.11193 16.8619 6 17 6C17.1381 6 17.25 6.11193 17.25 6.25Z" stroke="%234370CD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.di-recent-search {
    background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_3865_18061)"><path d="M8.00001 14.6668C11.6819 14.6668 14.6667 11.6821 14.6667 8.00016C14.6667 4.31826 11.6819 1.3335 8.00001 1.3335C4.31811 1.3335 1.33334 4.31826 1.33334 8.00016C1.33334 11.6821 4.31811 14.6668 8.00001 14.6668Z" stroke="%234370CD" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" /><path d="M9.81475 5.51081C10.1404 5.40224 10.3033 5.34796 10.4116 5.38657C10.5058 5.42018 10.58 5.49434 10.6136 5.58858C10.6522 5.69688 10.5979 5.85973 10.4894 6.18543L9.49767 9.16051C9.46675 9.25327 9.45129 9.29965 9.42494 9.33817C9.40161 9.37228 9.37213 9.40176 9.33802 9.4251C9.2995 9.45144 9.25312 9.4669 9.16036 9.49782L6.18527 10.4895C5.85957 10.5981 5.69673 10.6524 5.58843 10.6138C5.49419 10.5801 5.42003 10.506 5.38642 10.4117C5.3478 10.3034 5.40209 10.1406 5.51065 9.8149L6.50235 6.83981C6.53327 6.74705 6.54873 6.70067 6.57508 6.66216C6.59841 6.62804 6.62789 6.59857 6.662 6.57523C6.70052 6.54888 6.7469 6.53342 6.83966 6.5025L9.81475 5.51081Z" stroke="%234370CD" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" /></g><defs><clipPath id="clip0_3865_18061"><rect width="16" height="16" fill="white" /></clipPath></defs></svg>');
}

.di-search {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001a1.007 1.007 0 0 0 .057.07l3.85 3.85a1 1 0 0 0 1.415-1.415l-3.85-3.85a1.007 1.007 0 0 0-.07-.057zm-5.344 1.398a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11z" /></svg>');
}

.di-search-gray {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20"><path d="M17.5 17.5L12.5001 12.5M14.1667 8.33333C14.1667 11.555 11.555 14.1667 8.33333 14.1667C5.11167 14.1667 2.5 11.555 2.5 8.33333C2.5 5.11167 5.11167 2.5 8.33333 2.5C11.555 2.5 14.1667 5.11167 14.1667 8.33333Z" stroke="%23667085" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.di-destination {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none" viewBox="0 0 24 25"><path d="M16 13.8744C19.5318 14.5688 22 16.1547 22 18C22 20.4853 17.5228 22.5 12 22.5C6.47715 22.5 2 20.4853 2 18C2 16.1547 4.46819 14.5688 8 13.8744M12 17.5V9.5M12 9.5C13.6569 9.5 15 8.15685 15 6.5C15 4.84315 13.6569 3.5 12 3.5C10.3431 3.5 9 4.84315 9 6.5C9 8.15685 10.3431 9.5 12 9.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.di-departure {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none" viewBox="0 0 24 25"><path d="M5 14.7864C3.14864 15.6031 2 16.7412 2 18C2 20.4853 6.47715 22.5 12 22.5C17.5228 22.5 22 20.4853 22 18C22 16.7412 20.8514 15.6031 19 14.7864M18 8.5C18 12.5637 13.5 14.5 12 17.5C10.5 14.5 6 12.5637 6 8.5C6 5.18629 8.68629 2.5 12 2.5C15.3137 2.5 18 5.18629 18 8.5ZM13 8.5C13 9.05228 12.5523 9.5 12 9.5C11.4477 9.5 11 9.05228 11 8.5C11 7.94772 11.4477 7.5 12 7.5C12.5523 7.5 13 7.94772 13 8.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.di-calendar {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none" viewBox="0 0 24 25"><path d="M21 10.5H3M16 2.5V6.5M8 2.5V6.5M10.5 14.5L12 13.5V18.5M10.75 18.5H13.25M7.8 22.5H16.2C17.8802 22.5 18.7202 22.5 19.362 22.173C19.9265 21.8854 20.3854 21.4265 20.673 20.862C21 20.2202 21 19.3802 21 17.7V9.3C21 7.61984 21 6.77976 20.673 6.13803C20.3854 5.57354 19.9265 5.1146 19.362 4.82698C18.7202 4.5 17.8802 4.5 16.2 4.5H7.8C6.11984 4.5 5.27976 4.5 4.63803 4.82698C4.07354 5.1146 3.6146 5.57354 3.32698 6.13803C3 6.77976 3 7.61984 3 9.3V17.7C3 19.3802 3 20.2202 3.32698 20.862C3.6146 21.4265 4.07354 21.8854 4.63803 22.173C5.27976 22.5 6.11984 22.5 7.8 22.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.di-travellers {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none" viewBox="0 0 24 25"><path d="M16 3.96776C17.4817 4.70411 18.5 6.23314 18.5 8C18.5 9.76686 17.4817 11.2959 16 12.0322M18 17.2664C19.5115 17.9503 20.8725 19.065 22 20.5M2 20.5C3.94649 18.0226 6.58918 16.5 9.5 16.5C12.4108 16.5 15.0535 18.0226 17 20.5M14 8C14 10.4853 11.9853 12.5 9.5 12.5C7.01472 12.5 5 10.4853 5 8C5 5.51472 7.01472 3.5 9.5 3.5C11.9853 3.5 14 5.51472 14 8Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.di-pin {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path d="M7.99984 8.33325C9.10441 8.33325 9.99984 7.43782 9.99984 6.33325C9.99984 5.22868 9.10441 4.33325 7.99984 4.33325C6.89527 4.33325 5.99984 5.22868 5.99984 6.33325C5.99984 7.43782 6.89527 8.33325 7.99984 8.33325Z" stroke="%234370CD" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.99984 14.6666C9.33317 11.9999 13.3332 10.2788 13.3332 6.66659C13.3332 3.72107 10.9454 1.33325 7.99984 1.33325C5.05432 1.33325 2.6665 3.72107 2.6665 6.66659C2.6665 10.2788 6.6665 11.9999 7.99984 14.6666Z" stroke="%234370CD" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}