/*
Version 240926
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
    --black: #000;
    --white: #fff;

    /* Primary color */
    --primary-900: #091E43;
    --primary-800: #003B73;
    --primary-700: #004D94;
    --primary-600: #0062BE;
    --primary-500: #006CD1;
    --primary-400: #3389DA;
    --primary-300: #A7CAEA;
    --primary-200: #C1D9F0;
    --primary-100: #D7E8F9;
    --primary-50: #E6F3FF;

    /* Gray */
    --gray-900: #131921;
    --gray-800: #252C31;
    --gray-700: #465663;
    --gray-600: #5B6977;
    --gray-500: #647484;
    --gray-400: #7C8EA2;
    --gray-300: #C0C8D0;
    --gray-200: #DADEE3;
    --gray-100: #EBEDF0;
    --gray-50: #F6F7F8;

    /* Blue */
    --blue-900: #19438F;
    --blue-800: #174DB6;
    --blue-700: #145FE1;
    --blue-600: #1B76F5;
    --blue-500: #248EFF;
    --blue-400: #59B5FF;
    --blue-300: #8ED1FF;
    --blue-200: #BCE2FF;
    --blue-100: #D9EEFF;
    --blue-50: #EEF8FF;

    --typeface-display: 'DM Serif Display', serif;
    --typeface-text: 'Open Sans', sans-serif;

    --plus-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10.0013 9.99999H4.16797Z' fill='white'/%3E%3Cpath d='M10.0013 4.16666V9.99999M10.0013 9.99999V15.8333M10.0013 9.99999H15.8346M10.0013 9.99999H4.16797' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --phone-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.9257 21C14.3966 20.9979 13.8692 20.9382 13.353 20.822C10.9334 20.1397 8.75588 18.7884 7.07097 16.9238C5.20444 15.2399 3.85188 13.0634 3.16911 10.6449C2.89754 9.43803 2.95386 8.18051 3.33225 7.00268C3.71063 5.82485 4.39732 4.76956 5.32114 3.94618C5.60312 3.63704 5.9487 3.39254 6.33416 3.22945C6.71961 3.06636 7.13582 2.98855 7.5542 3.00136C8.31133 3.05625 9.02017 3.39349 9.54015 3.94618L10.9408 5.34592C11.4993 5.90556 11.8129 6.66367 11.8129 7.45403C11.8129 8.24439 11.4993 9.00249 10.9408 9.56213L10.2405 10.262C10.0566 10.4464 9.95343 10.6961 9.95343 10.9564C9.95343 11.2167 10.0566 11.4663 10.2405 11.6507L12.3415 13.7504C12.5263 13.9339 12.7763 14.0369 13.0368 14.0369C13.2974 14.0369 13.5473 13.9339 13.7321 13.7504L14.4325 13.0505C14.9925 12.4921 15.7514 12.1785 16.5425 12.1785C17.3336 12.1785 18.0924 12.4921 18.6525 13.0505L20.0532 14.4502C20.6062 14.9695 20.9436 15.6775 20.9986 16.4339C21.0116 16.8521 20.9338 17.2682 20.7706 17.6536C20.6074 18.039 20.3626 18.3845 20.0532 18.6664C19.4013 19.3823 18.6107 19.9583 17.7292 20.3594C16.8478 20.7606 15.894 20.9785 14.9257 21ZM7.42214 5.00299C7.15349 5.02773 6.90562 5.15788 6.73281 5.36492C6.05225 5.95365 5.54362 6.71532 5.26077 7.56929C4.97792 8.42326 4.93137 9.33777 5.12605 10.216C5.73163 12.2606 6.89618 14.0958 8.48865 15.515C9.90876 17.1065 11.7452 18.2703 13.7912 18.8754C14.6707 19.0691 15.5863 19.0218 16.4412 18.7387C17.2962 18.4555 18.0588 17.947 18.6485 17.2667C18.7553 17.1789 18.8425 17.0698 18.9047 16.9463C18.9669 16.8229 19.0026 16.6878 19.0097 16.5498C18.9739 16.2898 18.8457 16.0513 18.6485 15.878L17.2478 14.4782C17.063 14.2947 16.813 14.1917 16.5525 14.1917C16.2919 14.1917 16.042 14.2947 15.8572 14.4782L15.1568 15.1781C14.5965 15.736 13.8378 16.0493 13.0468 16.0493C12.2559 16.0493 11.4971 15.736 10.9368 15.1781L8.83581 13.0785C8.27753 12.5185 7.96406 11.7603 7.96406 10.9699C7.96406 10.1794 8.27753 9.42121 8.83581 8.86127L9.53615 8.1614C9.71992 7.97717 9.82311 7.72765 9.82311 7.46753C9.82311 7.2074 9.71992 6.95788 9.53615 6.77366L8.13548 5.37392C7.96178 5.17695 7.72331 5.04857 7.46316 5.01198L7.42214 5.00299Z' fill='%23647484'/%3E%3C/svg%3E");
    --info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21C10.22 21 8.47991 20.4722 6.99987 19.4832C5.51983 18.4943 4.36628 17.0887 3.68509 15.4442C3.0039 13.7996 2.82567 11.99 3.17294 10.2442C3.5202 8.49836 4.37737 6.89471 5.63604 5.63604C6.89471 4.37737 8.49836 3.5202 10.2442 3.17294C11.99 2.82567 13.7996 3.0039 15.4442 3.68509C17.0887 4.36628 18.4943 5.51983 19.4832 6.99987C20.4722 8.47991 21 10.22 21 12C20.9974 14.3861 20.0483 16.6738 18.3611 18.3611C16.6738 20.0483 14.3861 20.9974 12 21ZM12 4.8C10.576 4.8 9.18393 5.22228 7.9999 6.01342C6.81586 6.80457 5.89302 7.92905 5.34807 9.24468C4.80312 10.5603 4.66054 12.008 4.93835 13.4047C5.21616 14.8013 5.9019 16.0842 6.90883 17.0912C7.91577 18.0981 9.19869 18.7838 10.5954 19.0617C11.992 19.3395 13.4397 19.1969 14.7553 18.6519C16.071 18.107 17.1954 17.1841 17.9866 16.0001C18.7777 14.8161 19.2 13.424 19.2 12C19.1979 10.0911 18.4386 8.261 17.0888 6.9112C15.739 5.5614 13.9089 4.80215 12 4.8Z' fill='%23647484'/%3E%3Cpath d='M12 16.5C11.7613 16.5 11.5324 16.4052 11.3636 16.2364C11.1948 16.0676 11.1 15.8387 11.1 15.6V12H10.2C9.96131 12 9.73239 11.9052 9.56361 11.7364C9.39482 11.5676 9.3 11.3387 9.3 11.1C9.3 10.8613 9.39482 10.6324 9.56361 10.4636C9.73239 10.2948 9.96131 10.2 10.2 10.2H12C12.2387 10.2 12.4676 10.2948 12.6364 10.4636C12.8052 10.6324 12.9 10.8613 12.9 11.1V15.6C12.9 15.8387 12.8052 16.0676 12.6364 16.2364C12.4676 16.4052 12.2387 16.5 12 16.5Z' fill='%23647484'/%3E%3Cpath d='M13.8 16.5H10.2C9.96131 16.5 9.73239 16.4052 9.56361 16.2364C9.39482 16.0676 9.3 15.8387 9.3 15.6C9.3 15.3613 9.39482 15.1324 9.56361 14.9636C9.73239 14.7948 9.96131 14.7 10.2 14.7H13.8C14.0387 14.7 14.2676 14.7948 14.4364 14.9636C14.6052 15.1324 14.7 15.3613 14.7 15.6C14.7 15.8387 14.6052 16.0676 14.4364 16.2364C14.2676 16.4052 14.0387 16.5 13.8 16.5Z' fill='%23647484'/%3E%3Cpath d='M11.55 9.3C12.2956 9.3 12.9 8.69559 12.9 7.95C12.9 7.20442 12.2956 6.6 11.55 6.6C10.8044 6.6 10.2 7.20442 10.2 7.95C10.2 8.69559 10.8044 9.3 11.55 9.3Z' fill='%23647484'/%3E%3C/svg%3E");
    --cart-white-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='17' viewBox='0 0 19 17' fill='none'%3E%3Cpath d='M3.25833 3.00006H15.9367C17.085 3.00006 17.9142 4.05839 17.5992 5.12339L16.2208 10.2068C16.0083 10.9235 15.33 11.4168 14.5583 11.4168H6.92666C6.15416 11.4168 5.47499 10.9226 5.26332 10.2068L3.25833 3.00006ZM3.25833 3.00006C3.25833 3.00006 3.08333 1.98766 2.25 1.41673C1.71012 1.04685 1 1.00006 1 1.00006M14.75 16.0001C15.0815 16.0001 15.3995 15.8684 15.6339 15.634C15.8683 15.3996 16 15.0816 16 14.7501C16 14.4186 15.8683 14.1006 15.6339 13.8662C15.3995 13.6318 15.0815 13.5001 14.75 13.5001C14.4185 13.5001 14.1005 13.6318 13.8661 13.8662C13.6317 14.1006 13.5 14.4186 13.5 14.7501C13.5 15.0816 13.6317 15.3996 13.8661 15.634C14.1005 15.8684 14.4185 16.0001 14.75 16.0001ZM6.41666 16.0001C6.74818 16.0001 7.06612 15.8684 7.30054 15.634C7.53496 15.3996 7.66666 15.0816 7.66666 14.7501C7.66666 14.4186 7.53496 14.1006 7.30054 13.8662C7.06612 13.6318 6.74818 13.5001 6.41666 13.5001C6.08514 13.5001 5.76719 13.6318 5.53277 13.8662C5.29835 14.1006 5.16666 14.4186 5.16666 14.7501C5.16666 15.0816 5.29835 15.3996 5.53277 15.634C5.76719 15.8684 6.08514 16.0001 6.41666 16.0001Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --folder-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3.2509 16.6667C2.81524 16.6667 2.44241 16.5036 2.13243 16.1775C1.82245 15.8514 1.66719 15.4589 1.66667 15V4.99999C1.66667 4.54166 1.82192 4.14944 2.13243 3.82333C2.44294 3.49722 2.81576 3.33388 3.2509 3.33333H7.35011C7.56134 3.33333 7.7628 3.37499 7.95449 3.45833C8.14618 3.54166 8.31438 3.65972 8.45907 3.81249L9.58784 4.99999H16.7079C17.0833 4.99999 17.5 4.99999 17.9167 5.41666C18.0471 5.54706 18.3333 5.83333 18.3333 6.66666L18.3333 15C18.3333 15.4167 18.3333 15.8333 17.9167 16.25C17.5966 16.5701 17.0833 16.6667 16.6667 16.6667H3.2509Z' fill='%23EBEDF0'/%3E%3C/svg%3E");
    --right-arrow-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M12.4167 0.750016H2.35465M12.4167 0.750016V10.5005M12.4167 0.750016L0.75 12.4166' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --price-tag-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.50191 20C9.21519 20.0009 8.93116 19.9444 8.66626 19.8338C8.40137 19.7233 8.16087 19.5609 7.95871 19.356L0.638624 11.978C0.229713 11.5659 0 11.0069 0 10.4242C0 9.84139 0.229713 9.28247 0.638624 8.87032L8.80175 0.646154C9.21169 0.234508 9.76619 0.00233335 10.3449 0L16.7282 0.00879109C17.5959 0.00879109 18.4281 0.356121 19.0417 0.974373C19.6553 1.59262 20 2.43115 20 3.30549V9.41868C20 9.72274 19.9374 10.0235 19.8161 10.3019C19.6949 10.5804 19.5176 10.8304 19.2955 11.0363L11.044 19.3527C10.8423 19.5582 10.6021 19.7212 10.3374 19.8323C10.0727 19.9434 9.78869 20.0004 9.50191 20ZM9.50191 17.8022L17.785 9.45054L17.8188 3.30549C17.8188 3.01405 17.7039 2.73454 17.4994 2.52845C17.2949 2.32237 17.0175 2.20659 16.7282 2.20659L10.3439 2.1978L2.18073 10.422L9.50191 17.8022Z' fill='%237C8EA2'/%3E%3Cpath d='M14.0017 7.14285C14.604 7.14285 15.0923 6.65086 15.0923 6.04395C15.0923 5.43705 14.604 4.94505 14.0017 4.94505C13.3994 4.94505 12.9111 5.43705 12.9111 6.04395C12.9111 6.65086 13.3994 7.14285 14.0017 7.14285Z' fill='%237C8EA2'/%3E%3C/svg%3E");
    --cart-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3.92502 4.50017H16.6034C17.7517 4.50017 18.5809 5.5585 18.2659 6.6235L16.8875 11.7069C16.675 12.4236 15.9967 12.9169 15.225 12.9169H7.59334C6.82084 12.9169 6.14168 12.4227 5.93001 11.7069L3.92502 4.50017ZM3.92502 4.50017C3.92502 4.50017 3.75002 3.48777 2.91669 2.91683C2.37681 2.54695 1.66669 2.50017 1.66669 2.50017M15.4167 17.5002C15.7482 17.5002 16.0661 17.3685 16.3006 17.1341C16.535 16.8997 16.6667 16.5817 16.6667 16.2502C16.6667 15.9187 16.535 15.6007 16.3006 15.3663C16.0661 15.1319 15.7482 15.0002 15.4167 15.0002C15.0852 15.0002 14.7672 15.1319 14.5328 15.3663C14.2984 15.6007 14.1667 15.9187 14.1667 16.2502C14.1667 16.5817 14.2984 16.8997 14.5328 17.1341C14.7672 17.3685 15.0852 17.5002 15.4167 17.5002ZM7.08334 17.5002C7.41487 17.5002 7.73281 17.3685 7.96723 17.1341C8.20165 16.8997 8.33334 16.5817 8.33334 16.2502C8.33334 15.9187 8.20165 15.6007 7.96723 15.3663C7.73281 15.1319 7.41487 15.0002 7.08334 15.0002C6.75182 15.0002 6.43388 15.1319 6.19946 15.3663C5.96504 15.6007 5.83334 15.9187 5.83334 16.2502C5.83334 16.5817 5.96504 16.8997 6.19946 17.1341C6.43388 17.3685 6.75182 17.5002 7.08334 17.5002Z' stroke='%23131921' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --down-arrow-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cmask id='path-1-inside-1_1394_1307' fill='white'%3E%3Cpath d='M6.00002 8C5.73652 8 5.48052 7.8875 5.29802 7.692L2.63502 4.8415C2.44652 4.6395 2.45702 4.323 2.65852 4.1345C2.86002 3.947 3.17702 3.957 3.36502 4.1585L6.00002 6.9785L8.63502 4.1585C8.82302 3.9565 9.14052 3.9465 9.34152 4.1345C9.54302 4.323 9.55402 4.6395 9.36552 4.8415L6.70252 7.692C6.51952 7.8875 6.26352 8 6.00002 8Z'/%3E%3C/mask%3E%3Cpath d='M6.00002 8C5.73652 8 5.48052 7.8875 5.29802 7.692L2.63502 4.8415C2.44652 4.6395 2.45702 4.323 2.65852 4.1345C2.86002 3.947 3.17702 3.957 3.36502 4.1585L6.00002 6.9785L8.63502 4.1585C8.82302 3.9565 9.14052 3.9465 9.34152 4.1345C9.54302 4.323 9.55402 4.6395 9.36552 4.8415L6.70252 7.692C6.51952 7.8875 6.26352 8 6.00002 8Z' fill='%23131921'/%3E%3Cpath d='M5.29802 7.692L6.02901 7.00961L6.02875 7.00933L5.29802 7.692ZM2.63502 4.8415L1.90391 5.52375L1.90429 5.52416L2.63502 4.8415ZM2.65852 4.1345L1.9773 3.40241L1.97536 3.40423L2.65852 4.1345ZM3.36502 4.1585L2.63385 4.84069L2.63435 4.84123L3.36502 4.1585ZM6.00002 6.9785L5.26935 7.66123L6.00002 8.4432L6.73069 7.66123L6.00002 6.9785ZM8.63502 4.1585L9.36569 4.84123L9.36704 4.83978L8.63502 4.1585ZM9.34152 4.1345L10.0247 3.40423L10.0246 3.40417L9.34152 4.1345ZM9.36552 4.8415L10.0963 5.52416L10.0966 5.52375L9.36552 4.8415ZM6.70252 7.692L7.43258 8.37538L7.43325 8.37466L6.70252 7.692ZM6.00002 8V7C6.01056 7 6.01726 7.00219 6.02057 7.00364C6.02385 7.00508 6.02655 7.00697 6.02901 7.00961L5.29802 7.692L4.56703 8.37438C4.93494 8.7685 5.45398 9 6.00002 9V8ZM5.29802 7.692L6.02875 7.00933L3.36575 4.15883L2.63502 4.8415L1.90429 5.52416L4.56729 8.37466L5.29802 7.692ZM2.63502 4.8415L3.36614 4.15924C3.55316 4.35967 3.54415 4.67536 3.34168 4.86477L2.65852 4.1345L1.97536 3.40423C1.36989 3.97064 1.33988 4.91933 1.90391 5.52375L2.63502 4.8415ZM2.65852 4.1345L3.33974 4.86658C3.14021 5.05225 2.82495 5.04552 2.63385 4.84069L3.36502 4.1585L4.0962 3.47631C3.52909 2.86848 2.57984 2.84175 1.9773 3.40242L2.65852 4.1345ZM3.36502 4.1585L2.63435 4.84123L5.26935 7.66123L6.00002 6.9785L6.73069 6.29576L4.09569 3.47576L3.36502 4.1585ZM6.00002 6.9785L6.73069 7.66123L9.36569 4.84123L8.63502 4.1585L7.90436 3.47576L5.26935 6.29576L6.00002 6.9785ZM8.63502 4.1585L9.36704 4.83978C9.17625 5.04478 8.85948 5.05288 8.65843 4.86483L9.34152 4.1345L10.0246 3.40417C9.42157 2.84012 8.46979 2.86822 7.903 3.47721L8.63502 4.1585ZM9.34152 4.1345L8.65837 4.86477C8.45724 4.67662 8.44612 4.36101 8.63441 4.15924L9.36552 4.8415L10.0966 5.52375C10.6619 4.91798 10.6288 3.96938 10.0247 3.40423L9.34152 4.1345ZM9.36552 4.8415L8.63479 4.15883L5.97179 7.00933L6.70252 7.692L7.43325 8.37466L10.0963 5.52416L9.36552 4.8415ZM6.70252 7.692L5.97246 7.00862C5.97439 7.00655 5.97664 7.00491 5.97971 7.00356C5.98282 7.0022 5.98945 7 6.00002 7V8V9C6.5463 9 7.06472 8.76837 7.43258 8.37538L6.70252 7.692Z' fill='%23647484' mask='url(%23path-1-inside-1_1394_1307)'/%3E%3C/svg%3E");
}

html {
    scroll-behavior: initial !important;
    overflow-x: hidden;
}

* {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}


body {
    font-family: var(--typeface-text);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--black);
    background-color: var(--white);
    overflow-x: hidden;
    /* margin: 0 auto;
    max-width: 1520px; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--typeface-display, 'DM Serif Display', serif);
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    color: var(--gray-900);
}

ul,
ol {
    margin: 0 !important;
}

a:focus,
button:focus,
input:focus {
    outline: none !important;
    border: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

input[type="number"] {
    -moz-appearance: textfield;
    /* Firefox */
}

input[type="radio"],
input[type="checkbox"] {
    cursor: pointer;
}

input[type="password"]::-ms-reveal {
    display: none;
}

#top-bar {
    background-color: black;
    color: white;
}

.top-menu-container {
    display: flex;
    justify-content: flex-end;
}

.top-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.top-menu li {
    display: inline-block;
    margin-left: 20px;
}

.top-menu a {
    color: white;
    text-decoration: none;
    padding: 4px 0;
    display: inline-block;
    font-size: .9em;
    font-weight: 600;
}

.site-header {
    background-color: var(--primary-600) !important;
    padding-top: 0 !important;
}

.site-footer {
    padding: 1.5em 0 1.5em;
}

.contact-item {
    display: flex;
}

.contact-item i {
    margin-right: 10px;
}

.footer-menu {
    background-color: black;
    color: white;
}

.footer-menu-container {
    display: flex;
    justify-content: flex-start;
}

.footer-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer-menu li {
    display: inline-block;
    margin-left: 20px;
}

.footer-menu a {
    color: var(--gray-300, #C0C8D0);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 19.6px */
}

.footer-menu a:hover {
    color: var(--primary-500);
}

.copyright {
    width: 20em;
    float: right;
    display: flex;
    justify-content: flex-end;
    font-size: .9em;
    padding: 8px 0;
}

.jbs-header-layout {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: 100%;
    /* max-width: 1520px; */
}

.jbs-header-mob-layout {
    display: none;
}

.site-header .custom-logo-link img {
    width: 100%;
    max-width: 155px;
    margin-left: auto;
    margin-right: auto;
}

.jbs-navbar {
    background: var(--primary-700, #004D94);
    padding: 16px 34px;
}

.jbs-header-layout .col-search {
    flex: 1;
    max-width: 573px;
}

.jbs-header-mob-layout button {
    background: none;
    width: fit-content;
    height: fit-content;
    padding: 0;
    border: none;
}

.col-search form {
    margin-bottom: 0;
}

body.home header.entry-header {
    display: none;
}

.woocommerce-active .site-header .widget_product_search {
    margin-bottom: 0 !important;
}

.wc-proceed-to-checkout .button,
#payment .place-order .button,
.widget a.button.checkout {
    background-color: #019c35;
    color: white;
}

.wc-proceed-to-checkout .button:hover,
#payment .place-order .button:hover {
    background-color: #0055a4;
}

.widget_search form:not(.wp-block-search)::before,
.widget_product_search form:not(.wp-block-search)::before {
    color: var(--gray-400) !important;
    top: 14px;
}

.woocommerce-product-search .search-field,
.woocommerce-product-search .search-field::placeholder {
    color: var(--gray-400, #7C8EA2) !important;
    font-family: var(--typeface-type, "Open Sans");
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    /* 17.5px */
}

.main-navigation ul.nav-menu li a {
    color: var(--white, #FFF) !important;
    font-family: var(--typeface-display);
    font-size: var(--size-lg-18, 18px);
    font-style: normal;
    font-weight: 400 !important;
    line-height: 120%;
    padding: 0 12px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.main-navigation ul.nav-menu li a:hover {
    color: var(--primary-500) !important;
}

.main-navigation ul.nav-menu li:nth-child(4) a,
.main-navigation ul.nav-menu li:last-child a {
    border-right: none;
}

.main-navigation ul.menu ul.sub-menu li,
.main-navigation ul.nav-menu ul.children li {
    margin-bottom: 10px;
}

.main-navigation ul.menu ul.sub-menu li:last-child,
.main-navigation ul.nav-menu ul.children li:last-child {
    margin-bottom: 0px;
}


.main-navigation ul.nav-menu ul.sub-menu li a,
.main-navigation ul.nav-menu ul.children li a {
    color: var(--gray-100, #EBEDF0);
    font-family: var(--typeface-text, "Open Sans");
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    border-right: none !important;
    text-wrap: nowrap !important;
    width: fit-content !important;
}


.site-header-cart .cart-icon-wrapper {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.site-header-cart .cart-count-badge {
    position: absolute;
    top: -6px;
    right: -10px;
    background: #e60000;
    /* red */
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.site-header-cart .widget_shopping_cart {
    background-color: var(--gray-50) !important;
    border-radius: 8px 0 0 8px !important;
    overflow: hidden !important;
    position: absolute;
    top: 120%;
    right: 0 !important;
    left: 0 !important;
    padding: 0 !important;
    width: 380px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(0) !important;
    transition: 0.25s ease;
    margin-left: -22em !important;
    display: flex !important;
    flex-direction: column;
}

.site-header-cart .widget_shopping_cart .widget_shopping_cart_content {
    background-color: var(--gray-50) !important;
    color: var(--gray-800) !important;
    border-radius: 8px;
}

.site-header-cart .widget_shopping_cart p {
    color: var(--gray-900) !important;
    font-size: 1rem !important;
}

.mini-cart-header {
    border-bottom: 1px solid var(--gray-100);
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.mini-cart-close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    width: fit-content;
    height: fit-content;
}

.mini-cart-list {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 61vh;
    max-height: 61vh;
    overflow-y: auto;
}

.mini-cart-item {
    padding-bottom: 12px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--gray-100);
}

.mini-cart-item:last-child {
    border-bottom: none !important;
}

.item-details {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.mini-cart-image {
    width: 50px;
    height: 66px;
    min-width: 50px;
    border-radius: 6px;
    overflow: hidden;
}

.mini-cart-image img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    min-width: 50px;
    object-fit: cover;
}

.mini-cart-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px
}

.mini-cart-title {
    flex: 1;
}

.mini-cart-title h4 a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
    overflow: hidden;
    color: var(--gray-800, #252C31) !important;
    text-overflow: ellipsis;
    white-space: normal;
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.mini-cart-title h4 a:hover {
    color: var(--primary-500) !important;
    text-decoration: underline !important;
}

.mini-cart-sku {
    color: var(--gray-900, var(--gray-900, #131921));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.mini-cart-sku span {
    color: var(--gray-500, var(--gray-500, #647484));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.mini-cart-qty-price {
    color: var(--gray-900, var(--gray-900, #131921));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 19.6px */
}

.mini-cart-subtotal {
    display: flex;
    padding: var(--35, 14px) var(--5, 20px);
    align-items: center;
    justify-content: space-between;
    gap: var(--35, 14px);
    align-self: stretch;
    background: var(--primary-50, #E6F3FF);
    color: var(--gray-700, #465663);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
}

.mini-cart-subtotal strong {
    color: var(--blue-900, #19438F);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 24px */
}

.mini-cart-buttons {
    display: flex;
    gap: 16px;
    padding: 16px;
}

.view-cart-btn {
    flex: 1;
    border: 1px solid #2d6cdf;
    padding: 10px;
    text-align: center;
    border-radius: 6px;
    text-decoration: none;
    color: var(--primary-600, #0062BE) !important;
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.view-cart-btn:hover {
    background-color: var(--primary-100);
}

.checkout-btn {
    display: flex;
    padding: var(--25, 10px) var(--5, 20px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    flex: 1 0 0;
    border-radius: var(--rounded-lg, 8px);
    background: var(--primary-600, #0062BE);
    color: var(--white, var(--white, #FFF));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 19.6px */
}

/* mobile menu */

ul#menu-mobile-menu-1 {
    display: flex;
    flex-direction: column;
}

ul#menu-mobile-menu-1 li.menu-item {
    padding: 1rem 0;
    border-bottom: 1px solid var(--gray-500);
    margin-bottom: 0 !important;
}

ul#menu-mobile-menu-1 li.menu-item ul li:last-child {
    border-bottom: none !important;
}

ul#menu-mobile-menu-1 li.menu-item .dropdown-toggle {
    top: 16px !important;
}

ul#menu-mobile-menu-1 li.login-item {
    text-align: center;
    padding: 1rem;
    order: 5;
}

ul#menu-mobile-menu-1 li.menu-item a {
    opacity: 0.8;
}

ul#menu-mobile-menu-1 li.login-item a {
    display: flex;
    padding: var(--25, 10px) var(--5, 20px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    flex: 1 0 0;
    border-radius: var(--rounded-lg, 8px);
    background: var(--gray-200, #DADEE3);
    color: var(--gray-900, #131921);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 19.6px */
}

ul#menu-mobile-menu-1 li.login-item a svg {
    display: none !important;
}

@media (min-width: 768px) {
    button.menu-toggle {
        display: none !important;
    }

}

@media (min-width: 1200px) {
    .col-full {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        box-sizing: content-box;
    }
}

@media (min-width: 1280px) {
    .main-navigation ul li.focus>ul.sub-menu {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .main-navigation ul ul {
        top: 192%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .col-full {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-full {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .col-full {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }
}

@media (min-width: 0) and (max-width: 575px) {
    .col-full {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }
}

@media (max-width: 992px) {
    #top-bar {
        display: none;
    }
}


@media (max-width: 768px) {
    /* .jbs-header-layout {
        display: none;
    } */

    /* .jbs-header-mob-layout,
    .jbs-header-mob-layout .left-col,
    .jbs-header-mob-layout .right-col {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 1.5rem;
    } */

    .jbs-navbar {
        padding: 20px 8px;
    }

    /* #secondary {
        display: none
    } */

    .custom-header-layout {
        flex-direction: column
    }

    .col-4 {
        flex-basis: 100%;
    }


    .site-header {
        padding-top: 0;
        padding-bottom: 0;
    }

    .site-branding {
        float: left;
        margin-bottom: 0;
        width: calc(100% - 0px);
    }

    .site-header .custom-logo-link img {
        width: 100%;
        max-width: 120px;
        margin-left: auto;
        margin-right: auto;
    }

    .main-navigation ul li {
        margin-bottom: 8px;
    }

    .main-navigation ul li a {
        padding: 0 1em;
    }

    .main-navigation ul li button {
        padding: 0 1em;
    }

    /* button.menu-toggle {padding: .1em .3em .1em .3em;font-size: 1.2em;margin-right: .618em;margin-left: .618em;float: none;width: 100%;max-width: calc(100% - 1.236em);display: block;text-align: center; background-color: transparent !important; color: white !important; border:none;} */
    button.menu-toggle {
        padding: .3em 0;
        font-size: 1.2em;
        margin-right: 0;
        margin-left: 0;
        float: none;
        width: 100%;
        max-width: 100%;
        display: block;
        text-align: center;
        background-color: transparent !important;
        color: white !important;
        border: none;
    }

    .home.blog .site-header,
    .home.page:not(.page-template-template-homepage) .site-header,
    .home.post-type-archive-product .site-header {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .jbs-navbar {
        padding: 0px;
        background: var(--primary-900);
    }

    .primary-navigation {
        padding: 1rem 0;
    }

    .main-navigation ul ul.sub-menu.toggled-on {
        margin-top: 16px !important;
    }
}


@media (min-width:993px) {
    .site-header {
        padding-top: .5em;
        padding-bottom: 0
    }
}

@media (min-width: 768px) {
    h1.product_title {
        font-size: 2em;
    }

    .site-branding {
        margin-bottom: 0;
    }

    .woocommerce-active .site-header .site-branding {
        width: 100%;
        float: left;
        margin-right: 0
    }

    .site-header .site-branding img {
        height: auto;
        width: 230px;
        max-height: none;
    }

    .woocommerce-active .site-header .widget_product_search {
        padding: 0 2em;
    }

    .woocommerce-active .site-header .site-header-cart {
        width: fit-content !important;
    }

    .storefront-breadcrumb {
        padding: .5em 0;
        margin: 0 0 1em;
    }

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

    .storefront-primary-navigation .col-full {
        width: inherit;
    }

    .woocommerce-active .site-header .main-navigation {
        width: 100%;
        float: left;
        margin-right: 0;
        clear: both;
    }

    .home.blog .site-header,
    .home.page:not(.page-template-template-homepage) .site-header,
    .home.post-type-archive-product .site-header {
        margin-bottom: 1.5em;
    }

    .site-header-cart .widget_shopping_cart {
        width: 30em;
        margin-left: -16em;
    }

    .main-navigation ul.menu>li>a,
    .main-navigation ul.nav-menu>li>a {
        padding: .75em 1em;
    }

    .main-navigation ul.menu ul li a,
    .main-navigation ul.nav-menu ul li a {
        padding: .5em 1.41575em;
        font-weight: 400;
        font-size: 1em;
    }

    .main-navigation ul.menu ul.sub-menu,
    .main-navigation ul.nav-menu ul.children {
        border-radius: 0 0 var(--rounded-lg, 8px) var(--rounded-lg, 8px);
        background-color: var(--primary-900, #091E43) !important;
        box-shadow: none !important;
        padding: var(--7, 28px);
        border-bottom: none !important;
        width: fit-content !important;
    }

    .main-navigation ul.sub-menu li a {
        color: #022d6d;
        font-weight: 600;
    }

    .main-navigation ul.sub-menu li:hover a {
        color: #007bff;
        background-color: #fff;
        font-weight: 600;
    }

    .main-navigation ul li a:hover,
    .main-navigation ul li:hover>a,
    .site-title a:hover,
    .site-header ul.menu li.current-menu-item>a {
        color: #ddd;
        font-weight: 600;
    }

    .footer-widgets {
        padding-top: 1.5em;
    }

    .footer-widgets .widget {
        margin: 0 0 2em;
    }

    .page-cart .right-sidebar .content-area,
    .page-checkout .right-sidebar .widget-area,
    .page-cart .content-area,
    .page-checkout .content-area {
        width: 100%
    }

    table.cart th,
    table.cart td {
        padding: .75em;
    }

    .right-sidebar .content-area {
        margin: 0;
    }


}

/* Select2 styling to match Storefront text input */
.select2-container .select2-selection--single {
    height: 2.618em;
    padding: 0.6180469716em;
    background-color: #f2f2f2;
    border: 0;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
    outline: 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    padding-right: 0;
    line-height: 1.618;
    font-size: 1em;
}

.select2-container .select2-selection--single .select2-selection__arrow {
    height: 2.618em;
    width: 2em;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #60646c transparent transparent transparent;
}

.select2-dropdown {
    background-color: #f2f2f2;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    outline: 0;
    transform: translateY(-26px);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #f2f2f2;
    border: 1px solid #e5e5e5;
    outline: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #2c2d33;
    color: #fff;
}

/* Swiper JS*/
.swiper {
    width: 100%;
    height: 100%
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    border-radius: 0 !important;
    /* max-height: 440px; */
}

.swiper-button-next,
.swiper-button-prev {
    width: 44px;
    height: 44px;
    display: flex;
    padding: var(--25, 10px);
    align-items: center;
    justify-content: center;
    gap: var(--0, 0);
    border-radius: var(--rounded-lg, 8px);
    background: var(--flat-dark_10, rgba(19, 25, 33, 0.10));
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(10px);
    color: #fff;
    font-weight: 700;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: rgba(19, 25, 33, 0.50);
}

.swiper-button-next {
    right: 40px;
}

.swiper-button-prev {
    left: 40px;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 16px !important;
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    width: 80% !important;
    border-radius: 4px;
    background: var(--flat-dark_30, rgba(19, 25, 33, 0.30));
    backdrop-filter: blur(10px);
    bottom: 24px;
    display: flex;
    justify-content: stretch;
    align-items: center;
    overflow: hidden;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}

.swiper-pagination-bullet {
    width: 100% !important;
    position: unset !important;
    border-radius: 0 !important;
    margin: 0 !important;
    border-radius: 2px;
    background: none !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-radius: 2px;
    background: var(--gray-100, #EBEDF0) !important;
}


/* @media (min-width: 1640px) {
    .swiper-slide img {
        max-height: 540px;
    }
}

@media (min-width: 2000px) {
    .swiper-slide img {
        max-height: 700px;
    }
}

@media (min-width: 2560px) {
    .swiper-slide img {
        max-height: 900px;
    }
} */

@media (max-width: 992px) {

    .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        width: 70% !important;
        bottom: 8px;
    }
}

@media (max-width: 570px) {

    .swiper-button-next {
        right: 16px;
    }

    .swiper-button-prev {
        left: 16px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 32px;
        height: 32px;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 12px !important;
    }
}

/* widgets*/
.widget {
    margin: 0 0 2.5em;
}

.widget .widget-title,
.widget .widgettitle {
    font-size: 1.5em;
    letter-spacing: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.342);
    padding: 0 0 0em;
    margin-bottom: 0em;
}

.widget_product_categories .product-categories li {
    border-bottom: 1px solid #ccc;
    padding: 8px 0 8px 2em;
}

.widget-area .widget a {
    color: #022d6d;
    font-weight: 600;
    text-decoration: none;
}

.widget-area .widget a:hover {
    color: #007bff;
    text-decoration: none;
}

.widget_product_categories ul li {
    margin-bottom: 0;
}

.widget_product_categories ul li:hover {
    margin-bottom: 0;
    background-color: #f2f2f2;
    color: #fff;
}

/* Bootstrap Buttons*/
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-decoration: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-success:hover {
    background-color: #218838;
    border-color: #1e7e34
}

.btn-danger:hover {
    background-color: #c82333;
    border-color: #bd2130
}

.btn-warning:hover {
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-info:hover {
    background-color: #138496;
    border-color: #117a8b
}

.btn-light:hover {
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-dark:hover {
    background-color: #23272b;
    border-color: #1d2124
}

a.btn {
    text-decoration: none !important;
}

.btn-block {
    display: block !important;
    width: 100% !important;
}

/* Bootstrap Utilities */
.hidden {
    display: none !important;
}

.img-fluid {
    width: 100%;
    height: auto;
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:1400px) {
    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .mt-xxl-0,
    .my-xxl-0 {
        margin-top: 0 !important
    }

    .mr-xxl-0,
    .mx-xxl-0 {
        margin-right: 0 !important
    }

    .mb-xxl-0,
    .my-xxl-0 {
        margin-bottom: 0 !important
    }

    .ml-xxl-0,
    .mx-xxl-0 {
        margin-left: 0 !important
    }

    .mt-xxl-1,
    .my-xxl-1 {
        margin-top: .25rem !important
    }

    .mr-xxl-1,
    .mx-xxl-1 {
        margin-right: .25rem !important
    }

    .mb-xxl-1,
    .my-xxl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xxl-1,
    .mx-xxl-1 {
        margin-left: .25rem !important
    }

    .mt-xxl-2,
    .my-xxl-2 {
        margin-top: .5rem !important
    }

    .mr-xxl-2,
    .mx-xxl-2 {
        margin-right: .5rem !important
    }

    .mb-xxl-2,
    .my-xxl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xxl-2,
    .mx-xxl-2 {
        margin-left: .5rem !important
    }

    .mt-xxl-3,
    .my-xxl-3 {
        margin-top: 1rem !important
    }

    .mr-xxl-3,
    .mx-xxl-3 {
        margin-right: 1rem !important
    }

    .mb-xxl-3,
    .my-xxl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xxl-3,
    .mx-xxl-3 {
        margin-left: 1rem !important
    }

    .mt-xxl-4,
    .my-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xxl-4,
    .mx-xxl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xxl-4,
    .my-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xxl-4,
    .mx-xxl-4 {
        margin-left: 1.5rem !important
    }

    .mt-xxl-5,
    .my-xxl-5 {
        margin-top: 3rem !important
    }

    .mr-xxl-5,
    .mx-xxl-5 {
        margin-right: 3rem !important
    }

    .mb-xxl-5,
    .my-xxl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xxl-5,
    .mx-xxl-5 {
        margin-left: 3rem !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .pt-xxl-0,
    .py-xxl-0 {
        padding-top: 0 !important
    }

    .pr-xxl-0,
    .px-xxl-0 {
        padding-right: 0 !important
    }

    .pb-xxl-0,
    .py-xxl-0 {
        padding-bottom: 0 !important
    }

    .pl-xxl-0,
    .px-xxl-0 {
        padding-left: 0 !important
    }

    .pt-xxl-1,
    .py-xxl-1 {
        padding-top: .25rem !important
    }

    .pr-xxl-1,
    .px-xxl-1 {
        padding-right: .25rem !important
    }

    .pb-xxl-1,
    .py-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xxl-1,
    .px-xxl-1 {
        padding-left: .25rem !important
    }

    .pt-xxl-2,
    .py-xxl-2 {
        padding-top: .5rem !important
    }

    .pr-xxl-2,
    .px-xxl-2 {
        padding-right: .5rem !important
    }

    .pb-xxl-2,
    .py-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xxl-2,
    .px-xxl-2 {
        padding-left: .5rem !important
    }

    .pt-xxl-3,
    .py-xxl-3 {
        padding-top: 1rem !important
    }

    .pr-xxl-3,
    .px-xxl-3 {
        padding-right: 1rem !important
    }

    .pb-xxl-3,
    .py-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xxl-3,
    .px-xxl-3 {
        padding-left: 1rem !important
    }

    .pt-xxl-4,
    .py-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xxl-4,
    .px-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xxl-4,
    .py-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xxl-4,
    .px-xxl-4 {
        padding-left: 1.5rem !important
    }

    .pt-xxl-5,
    .py-xxl-5 {
        padding-top: 3rem !important
    }

    .pr-xxl-5,
    .px-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-5,
    .py-xxl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xxl-5,
    .px-xxl-5 {
        padding-left: 3rem !important
    }
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

/* Storefront overrides */
.storefront-primary-navigation.m-0 {
    margin: 0 !important;
}

.site-header.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 0 !important;
}

.site-main.mb-4 {
    margin-bottom: 1.5rem !important;
}

.hentry.mb-5 {
    margin: 0 0 3rem !important;
}

.site-footer.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.awdr-bulk-customizable-table th,
.awdr-bulk-customizable-table td {
    padding: 5px !important;
}

.awdr_discount_bar {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    font-size: .9em;
    background: #CCFFFF
}

table td,
table th {
    padding: .5em .5em;
}

.cart_item .variation {
    display: grid;
    grid-template-columns: 40% 60%;
    row-gap: 5px;
}

.cart_item .variation dt {
    font-weight: bold;
}

.cart_item .variation dd {
    margin: 0;
}

.cart_item .variation p {
    margin: 0;
}


.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
    width: 16.5%;
}



/*donation*/
.wcdp-right {
    float: left !important;
}

/* TEC-ETP */
.tribe-events-event-image img {
    width: 100% !important;
    height: auto !important;
}

.tribe-checkout-backlink {
    padding: 5px 15px;
}

.tribe-tickets__tickets-footer .tribe-common-c-btn {
    color: #FFFFFF !important;
}

/* HIDE "Optional" placeholder text in ticket fields*/
/*
#tribe-tickets_1471261_tribe-tickets-plus-iac-name_1::placeholder,
#tribe-tickets_1471261_tribe-tickets-plus-iac-email_1::placeholder,
.tribe-tickets__form-field-input::placeholder {
        color: transparent !important;
}
*/
@media screen and (min-width: 980px) {
    .tribe-events-event-meta {
        width: 100%;
    }

    .tribe-events-event-meta.primary,
    .tribe-events-event-meta.primary,
    .tribe-events-meta-group-details,
    .tribe-events-meta-group-organizer,
    .tribe-events-meta-group-venue,
    .tribe-events-meta-group-map {
        width: 50%;
    }
}

@media screen and (max-width: 979px) {

    .tribe-events-event-meta.primary,
    .tribe-events-event-meta.primary {
        width: 100%;
    }
}

/* Discount Rules*/
.badge.onsale {
    border: none;
    background: #009900;
    color: #fff;
    padding: 10px 40px 8px;
}

/* Hide Ticket Title field on front side */
label[for^="tribe-tickets"][for$="_title_1"],
input[id^="tribe-tickets"][id$="_title_1"] {
    display: none !important;
}


/* Event Tickets Plus */
.event-tickets .tribe-tickets__tickets-item-quantity-add {
    font-size: 30px;
    font-weight: 700;
    color: #009900;
    margin-top: 5px;
}

.woocommerce-variation-price::before {
    content: "Price: ";
    font-weight: 600;
    margin-right: 4px;
}

.show-password-input {
    display: none !important;
}

.custom-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

.custom-modal.active {
    display: flex;
}

.custom-modal-content {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    text-align: center;
    max-width: 320px;
    width: 90%;
}

.modal-actions {
    margin-top: 15px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

/* ================== SINGLE ORDER VIEW CUSTOMIZATION ================== */
.woocommerce-view-order-title {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-display, 'DM Serif Display');
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 24px;
}

.woocommerce-view-order-divider {
    border-top: 1px solid var(--gray-200, #DADEE3);
    margin: 24px 0;
}

.woocommerce-view-order-meta {
    color: var(--gray-700, #465663);
    font-family: var(--typeface-text, 'Open Sans');
    font-size: 16px;
    margin-bottom: 32px;
}

.woocommerce-order-details__title,
.woocommerce-order-details header h2 {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-text, 'Open Sans');
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.woocommerce-order-details header h2 {
    margin-bottom: 1.5rem !important;
}

.custom-order-table,
.woocommerce-orders-table--subscriptions {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--gray-200, #DADEE3);
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 24px;
}

.custom-order-table thead th,
.woocommerce-orders-table--subscriptions thead th {
    background-color: var(--gray-100, #F1F4F6);
    color: var(--gray-500, #94A3B8);
    font-family: var(--typeface-text, 'Open Sans');
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 16px 24px;
    text-align: left;
    text-transform: uppercase;
}

.custom-order-table tbody td,
.woocommerce-orders-table--subscriptions tbody td {
    padding: 20px 24px;
    border-top: 1px solid var(--gray-100, #F1F4F6);
    vertical-align: top;
    background-color: #fff !important;
    text-align: left;
    color: var(--gray-900, var(--gray-900, #131921));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 19.6px */
}

.custom-order-table .product-name a,
.woocommerce-orders-table--subscriptions .product-name a {
    color: var(--gray-800, #252C31) !important;
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-base-16, 16px) !important;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-decoration-line: underline !important;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.custom-order-table .product-name a:hover,
.woocommerce-orders-table--subscriptions .product-name a:hover {
    color: var(--primary-500) !important;
}

.woocommerce-orders-table--subscriptions a.view {
    display: flex;
    padding: var(--2, 8px) var(--3, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    border-radius: var(--rounded-lg, 8px);
    background: var(--primary-600, #0062BE);
    color: var(--white, var(--white, #FFF));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-xs-12, 12px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    width: fit-content;
}

.woocommerce-orders-table--subscriptions a.view::after {
    display: none !important;
}

.woocommerce-orders-table--subscriptions a.view:hover {
    background: var(--primary-700, #004C94);
}

.custom-order-table .product-quantity {
    color: var(--gray-500, #94A3B8);
    font-weight: 400;
}

.custom-order-table .product-total {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-text, 'Open Sans');
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}

.custom-order-table tfoot th,
.custom-order-table tfoot td {
    padding: 16px 24px;
    border-top: 1px solid var(--gray-100, #F1F4F6);
    background-color: #fff !important;
}

.custom-order-table tfoot th {
    color: var(--gray-700, #465663);
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}

.custom-order-table tfoot td {
    text-align: left;
    font-weight: 600;
    color: var(--gray-800, #252C31);
}

.order-actions-container {
    display: flex;
    gap: 12px;
    margin-bottom: 40px;
}

.order-actions-container .button,
.woocommerce-order-details a.button.smart_refunder {
    background: var(--gray-100, #EBEDF0) !important;
    color: var(--gray-800, #465663) !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: none !important;
}

.order-actions-container .button:hover,
.woocommerce-order-details a.button.smart_refunder:hover {
    background: var(--gray-200, #DADEE3) !important;
}

.woocommerce-order-details a.button.smart_refunder {
    margin-bottom: 2rem !important;
}

.woocommerce-customer-details-card,
.woocommerce-column--shipping-address {
    border: 1px solid var(--gray-200, #DADEE3);
    border-radius: 24px;
    padding: 24px;
    max-width: 400px;
    width: 100%;
}

.woocommerce-order .woocommerce-order-overview {
    margin-bottom: 1.5rem !important;
}

#refund-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.refund-popup-inner,
#TB_window {
    background: #fff;
    padding: 30px;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    border-radius: 12px;
    text-align: center;
}

#TB_window #TB_ajaxContent {
    padding: 0 !important;
}

#TB_window #TB_ajaxContent #refund_request_form_container {
    margin: 0 !important;
}

#TB_window #TB_ajaxContent #refund_request_form_container form {
    margin-bottom: 0 !important;
}

.refund-popup-inner h3,
#TB_window #TB_ajaxContent #refund_request_form_container h3 {
    font-size: 30px !important;
}

.refund-popup-inner label:nth-of-type(1) {
    margin-right: 1rem;
}

.refund-popup-inner textarea,
#TB_window #TB_ajaxContent #refund_request_form_container textarea {
    width: 100% !important;
    height: 100px;
    margin-top: 10px;
    display: flex;
    padding: var(--25, 10px) var(--4, 16px);
    align-items: center;
    gap: var(--25, 10px);
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--gray-300, #C0C8D0);
    background-color: var(--gray-50, #F6F7F8);
    box-shadow: none !important;
    color: var(--gray-500, #647484);
    font-family: var(--typeface-text, "Open Sans");
    font-size: 1rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

#TB_window #TB_ajaxContent #refund_request_form_container textarea {
    margin-top: 0 !important;
}

.refund-popup-inner input[type="number"],
#TB_window #TB_ajaxContent #refund_request_form_container input[type="number"] {
    width: 100% !important;
    margin-top: 10px;
    display: flex;
    padding: var(--25, 10px) var(--4, 16px);
    align-items: center;
    gap: var(--25, 10px);
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--gray-300, #C0C8D0);
    background-color: var(--gray-50, #F6F7F8);
    box-shadow: none !important;
    color: var(--gray-500, #647484);
    font-family: var(--typeface-text, "Open Sans");
    font-size: 1rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.refund-actions {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

#TB_window #TB_ajaxContent #refund_request_form_container center:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.refund-actions #cancel-refund,
#TB_window #TB_ajaxContent #refund_request_form_container #cancel,
#TB_window #TB_ajaxContent #refund_request_form_container .response center .button {
    display: flex;
    padding: var(--25, 10px) var(--5, 20px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    align-self: stretch;
    border-radius: var(--rounded-lg, 8px);
    background: var(--gray-200, #DADEE3);
    color: var(--gray-800);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    width: fit-content;
}

.refund-actions #cancel-refund:hover,
#TB_window #TB_ajaxContent #refund_request_form_container #cancel:hover {
    background: var(--gray-300);
}

.refund-actions #send-refund-request,
#TB_window #TB_ajaxContent #refund_request_form_container #confirm {
    display: flex;
    padding: var(--25, 10px) var(--5, 20px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    align-self: stretch;
    border-radius: var(--rounded-lg, 8px);
    background: var(--primary-600, #0062BE);
    color: var(--white, var(--white, #FFF));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.refund-actions #send-refund-request:hover,
#TB_window #TB_ajaxContent #refund_request_form_container #confirm:hover {
    background: var(--primary-700);
}

#TB_window #TB_ajaxContent #refund_request_form_container .response center {
    display: flex;
    align-items: center;
    flex-direction: column !important;
    gap: 1rem;
}

#TB_window #TB_ajaxContent #refund_request_form_container .response center p {
    margin-bottom: 0 !important;
}

.woocommerce-error {
    background-color: #004d94;
}

.woocommerce-NoticeGroup {
    display: block !important;
}


.checkout-inline-error-message {
    color: red;
    margin-bottom: 0 !important;
    margin-top: 4px !important;
}

.validation-error {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.3;
    color: #d63638;
}

.woocommerce-Input.has-inline-error,
.woocommerce input.has-inline-error {
    border-color: #d63638 !important;
    box-shadow: 0 0 0 1px rgba(214, 54, 56, 0.25) !important;
}