@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Bold.eot');
	src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Bold.woff2') format('woff2'),
		url('../fonts/Montserrat-Bold.woff') format('woff'),
		url('../fonts/Montserrat-Bold.ttf') format('truetype'),
		url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Regular.eot');
	src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Regular.woff2') format('woff2'),
		url('../fonts/Montserrat-Regular.woff') format('woff'),
		url('../fonts/Montserrat-Regular.ttf') format('truetype'),
		url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-SemiBold.eot');
	src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
		url('../fonts/Montserrat-SemiBold.woff') format('woff'),
		url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
		url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Medium.eot');
	src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Medium.woff2') format('woff2'),
		url('../fonts/Montserrat-Medium.woff') format('woff'),
		url('../fonts/Montserrat-Medium.ttf') format('truetype'),
		url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

:root {
	--primary-color: #00ff00;
	--medium-green: #17bf17;
	--dark-green: #006D00;
	--soft-green: #97CE97;
	--black-color: #000;
	--white-color: #fff;
	--color-light-gray: #efefef;
	--color-surface-black: #191919;
	--color-medium-gray: #999999;
	--soft-silver: #D6D6D6;
	--pastel-green-light: #F5FFEE;
	--light-cream: #FFFBED;
}

body {
	font-family: 'Montserrat';
	color: var(--black-color);
	font-size: clamp(1rem, 0.9198rem + 0.223vw, 1.1875rem);
}

a {
	text-decoration: none;
	transition: 0.3s all ease-in;
}

p:not(.banner-text, .list-box-detail-text) {
	font-size: 14px;
}

h1,
.h1 {
	font-weight: bold;
	font-size: clamp(3.0625rem, 2.822rem + 0.6691vw, 3.625rem);
}

h2,
.h2 {
	font-size: 32px;
	font-weight: bold;
}

.documentary h2 {
	font-size: 43px;
	font-weight: bold;
}

.shipment-step-wrapper h2,
.payment-not-successful h2,
.thank-you-for-payment h2 {
	font-size: 36px;
	font-weight: bold;
}

h3,
.h3 {
	font-size: 27px;
	font-weight: bold;
}

h4,
.h4 {
	font-size: 22px;
	line-height: 1.23;
	font-weight: bold;
}

ul {
	padding: 0;
	margin: 0;
}

.bg-surface-black {
	background-color: var(--color-surface-black);
	color: var(--white-color);
}

.bg-white {
	background-color: var(--white-color);
	color: var(--black-color);
}

ul li {
	list-style: none;
	font-size: 14px;
}

header {
	background-color: var(--black-color);
}

header nav {
	padding: 37px 0 28px !important;
}

header .navbar-nav .nav-link {
	font-family: 'Montserrat';
	color: var(--white-color) !important;
	padding: 0 !important;
}

header .navbar-nav .nav-link,
.header-search input,
.header-search input[type="submit"],
.header-btn {
	font-size: 16px;
	font-weight: bold;
}

header .navbar-nav .nav-link:hover {
	color: var(--primary-color) !important;
}

header .navbar-nav .nav-item:not(.nav-item:first-child) {
	margin-left: clamp(0.625rem, -1.5125rem + 5.948vw, 5.625rem);
}

header .navbar {
	justify-content: space-between;
}

.header-right {
	gap: 40px;
	align-items: center;
	margin-left: auto;
}

.header-search input {
	background: var(--white-color);
	border-radius: 20px;
	border: unset;
	padding: 8.5px 17px;
	max-width: 175px;
	width: 100%;
	position: relative;
	z-index: 2;
	font-weight: 500;
}

.header-search input::placeholder {
	opacity: 50%;
}

.header-search input:focus-visible {
	outline: none;
}

ul.navbar-nav {
	margin-left: auto;
}

.screen-reader-text {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.search-form {
	display: flex;
}

.header-search input[type="submit"] {
	background: var(--primary-color);
	color: var(--black-color);
	z-index: 0;
	margin-left: -40px;
	border-radius: 0 32px 32px 0;
	max-width: max-content;
	padding: 7.5px 40px 7.5px 51px;
	z-index: 1;
	background: var(--primary-color) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" width="9px" height="19px" data-name="Layer 1" viewBox="0 0 9.16 19.39"><defs><style>.cls-1{fill:black;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M.24,19.15A.8.8,0,0,1,.24,18l6.6-6.6A2.42,2.42,0,0,0,6.84,8L.24,1.38A.8.8,0,0,1,.24.24a.8.8,0,0,1,1.14,0L8,6.84a4,4,0,0,1,0,5.71l-6.6,6.6a.8.8,0,0,1-1.14,0"/></svg>') no-repeat;
	background-position-x: 87%;
	background-position-y: center;
}

input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

.white-header {
	background: var(--white-color);
}

header.white-header .navbar-nav .nav-link {
	color: var(--black-color) !important;
}

.white-header .navbar-nav .nav-item.active a,
header.white-header .navbar-nav .nav-link:hover {
	color: var(--color-medium-gray) !important;
}

.white-header .header-search .search-field {
	background-color: var(--black-color);
}

.header-search input::placeholder {
	color: var(--color-medium-gray);
}

.white-header .black-with-border-btn,
.header-btn,
.black-with-border-btn {
	background: var(--black-color);
	color: var(--primary-color);
	display: inline-flex;
	align-items: center;
	border: 1px solid var(--primary-color);
}

.white-header .navbar-toggler img {
	filter: brightness(100%) invert(1);
}

.btn {
	font-size: 18px;
	font-weight: bold;
	border-radius: 22px;
	padding: 7.5px 24px;
}

.with-arrow {
	display: inline-flex;
	align-items: center;
}

.arrow-down::after {
	transform: rotate(90deg);
}

.btn:hover,
.btn:focus {
	box-shadow: none;
}

.black-with-border-btn:hover {
	background-color: var(--white-color);
	color: var(--primary-color);
}

.soft-green-btn {
	background-color: var(--soft-green);
	color: var(--white-color);
}

.soft-green-btn:hover {
	background-color: var(--black-color);
	color: var(--white-color);
}

.transparent-with-white-border-btn {
	background-color: transparent;
	color: var(--white-color);
	border: 1px solid var(--white-color);
}

.transparent-with-white-border-btn:hover {
	background-color: var(--primary-color);
	color: var(--black-color);
}

.transparent-with-black-border-btn {
	background-color: transparent;
	color: var(--black-color);
	border: 1px solid var(--black-color);
}

.transparent-with-black-border-btn:hover {
	background-color: var(--black-color);
	color: var(--white-color);
}

.black-with-border-btn:after,
.white-btn.black-with-border-btn:hover:after,
.with-arrow:after,
.with-arrow.primary-color-arrow:after,
.media-form-section .submit-filed:after {
	content: "";
	display: inline-block;
	min-width: 9px;
	height: 19px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" width="9px" height="19px" data-name="Layer 1" viewBox="0 0 9.16 19.39"><defs><style>.cls-1{fill:lime;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M.24,19.15A.8.8,0,0,1,.24,18l6.6-6.6A2.42,2.42,0,0,0,6.84,8L.24,1.38A.8.8,0,0,1,.24.24a.8.8,0,0,1,1.14,0L8,6.84a4,4,0,0,1,0,5.71l-6.6,6.6a.8.8,0,0,1-1.14,0"/></svg>') no-repeat;
	background-size: 100%;
	margin-left: 20px;
}

.white-btn {
	background: var(--white-color);
	color: var(--black-color);
}

.black-btn {
	background-color: var(--black-color);
	display: inline-flex;
	color: var(--white-color);
	font-weight: bold;
}

.black-btn:hover {
	background-color: var(--white-color);
	color: var(--black-color);
	border: 1px solid var(--black-color);
}

.white-btn.black-with-border-btn:hover {
	background: transparent;
}

.white-btn.black-with-border-btn:after,
.with-arrow:after,
.transparent-with-white-border-btn:hover:after,
.black-btn:hover::after,
.contact-form-section.bg-black .submit-filed:after {
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" width="9px" height="19px" data-name="Layer 1" viewBox="0 0 9.16 19.39"><defs><style>.cls-1{fill:black;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M.24,19.15A.8.8,0,0,1,.24,18l6.6-6.6A2.42,2.42,0,0,0,6.84,8L.24,1.38A.8.8,0,0,1,.24.24a.8.8,0,0,1,1.14,0L8,6.84a4,4,0,0,1,0,5.71l-6.6,6.6a.8.8,0,0,1-1.14,0"/></svg>') no-repeat;
}

.soft-green-btn:after,
.transparent-with-white-border-btn:after,
.black-btn::after,
.transparent-with-black-border-btn:hover:after,
.contact-form-section.bg-black .submit-filed:hover:after,
.discount-coupon .btn:hover:after {
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" width="9px" height="19px" data-name="Layer 1" viewBox="0 0 9.16 19.39"><defs><style>.cls-1{fill:white;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M.24,19.15A.8.8,0,0,1,.24,18l6.6-6.6A2.42,2.42,0,0,0,6.84,8L.24,1.38A.8.8,0,0,1,.24.24a.8.8,0,0,1,1.14,0L8,6.84a4,4,0,0,1,0,5.71l-6.6,6.6a.8.8,0,0,1-1.14,0"/></svg>') no-repeat;
}

.green-btn {
	background: var(--primary-color);
	border: 1px solid var(--black-color);
}

.green-btn:hover {
	background-color: var(--white-color);
}

h1 span,
h2 span,
h3 span {
	color: var(--primary-color);
}

.banner-detail-wrapper {
	max-width: 370px;
	margin-right: -6%;
	margin-left: auto;
	margin-top: 72px;
}

.banner-content {
	width: 36.5%;
}

.banner-detail-wrapper .banner-text {
	margin: 30px 0 0;
}

.banner-btn {
	margin-top: 35px;
	;
}

.banner-detail-wrapper h1 {
	max-width: 320px;
}

.banner-image {
	width: 63.5%;
}

.scroll-down-btn {
	margin-top: clamp(3.4375rem, 2.6092rem + 2.3048vw, 5.375rem);
	display: inline-block;
}

.hero-section {
	padding: clamp(3.125rem, 2.9647rem + 0.4461vw, 3.5rem) 0 clamp(4.4375rem, 2.0862rem + 6.5428vw, 9.9375rem);
}

.partner-section .container:not(.companies-partner-section .container) {
	max-width: 1091px;
}

.partner-title {
	font-size: 20px;
	display: inline-block;
	padding: 20.5px 42.5px 20.5px 42.5px;
	background: #efefef;
	font-family: 'Montserrat';
	font-weight: 600;
	color: #999;
	margin: 0;
}

.partner-content {
	margin-top: -65px;
}

.partner-section {
	background: var(--color-light-gray);
}

.partner-images {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	gap: 35px;
	padding: clamp(2.25rem, 1.2614rem + 2.7509vw, 4.5625rem) 0 clamp(2.1875rem, 1.1722rem + 2.8253vw, 4.5625rem);
}

.location-content {
	position: relative;
	margin-top: 30px;
}

.location-detail-box {
	max-width: 435px;
	color: var(--white-color);
	border-radius: 18px;
	display: flex;
	align-items: center;
	text-align: left;
	gap: 17px;
	padding: 27px 30px;
	margin-bottom: 4px;
	min-height: 116px;
	width: 100%;
}

.black-box {
	background-color: var(--black-color);
	color: var(--white-color);
}

.green-box {
	background-color: var(--primary-color);
	color: var(--black-color);
}

.location-detail p {
	margin: 14px 0 0;
}

.location-detail-boxes .location-detail-box:not(.companies-location-section .location-detail-boxes .location-detail-box):nth-child(2n-1) {
	margin-left: auto !important;
}

.location-detail h4 {
	max-width: 300px;
	margin: 0;
}

.location-detail-boxes {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.location-section {
	padding: clamp(6.25rem, 4.4331rem + 5.0558vw, 10.5rem) 0;
}

.medium-right {
	transform: translate(-17%, 0);
}

.second-box,
.fourth-box {
	transform: translate(12.2%, 3px);
}

.first-box,
.fifth-box {
	transform: translate(10%, 0);
}

.changing-rules-section,
.download-app-section {
	background: var(--primary-color);
}

.section-title {
	margin-bottom: 37px;
}

.right-image {
	margin-top: -40px;
	margin-bottom: -82px;
}

.left-content {
	padding: 40px 0;
}

.key-features-section img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 18px;
}

.key-features-section p {
	margin-bottom: 13px;
}

.features-detail-box,
.right-features-content {
	padding: 57px clamp(1.1875rem, 0.9737rem + 0.5948vw, 1.6875rem) 52px;
	border-radius: 18px;
}

.features-detail-box {
	height: 100%;
}

.left-features-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	gap: 30px;
}

.left-features-content>div {
	height: 50%;
	overflow: hidden;
	border-radius: 18px;
	min-height: 189px;
}

.middle-features-image {
	height: 100%;
}

.features-detail-box p {
	color: var(--primary-color);
}

.chat-icon {
	padding: 20px;
	background: var(--white-color);
	border-radius: 100%;
}

.chat-icon .active {
	width: 21px;
	height: 21px;
	display: inline-block;
	position: absolute;
	border-radius: 100%;
	top: 6px;
	background: var(--primary-color);
	border: 5px solid var(--white-color);
	right: 3px;
}

.contact-chat-box {
	gap: clamp(1.375rem, 1.0009rem + 1.0409vw, 2.25rem);
	align-items: center;
	background: rgba(0, 0, 0, 0.1);
	padding: 38px 20px;
	border-radius: 12px;
	margin-top: 80px;
}

.right-features-box {
	flex-grow: 1;
}

.chat-text:after {
	content: "";
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="58px" height="24px" viewBox="0 0 58.39 24.94"><title>Asset 3</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path d="M58,.06a.65.65,0,0,0-.86.31c-.07.16-7.6,15.73-23.28,21.3C24.57,25,14.28,24.14,3.26,19.21l2.39-.38a.64.64,0,0,0-.21-1.27L0,18.44l2.78,4.83a.64.64,0,0,0,.88.24l.11-.09a.64.64,0,0,0,.12-.79L2.56,20.31c11.4,5.13,22.07,6,31.75,2.57A40.07,40.07,0,0,0,48.1,14.31,50.28,50.28,0,0,0,58.32.92.65.65,0,0,0,58,.06"/></g></g></svg>');
	display: block;
	width: 58px;
	height: 24px;
	margin-left: 3px;
}

.chat-icon img {
	min-width: clamp(1.875rem, 1.2337rem + 1.7844vw, 3.375rem);
}

.right-features-content {
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 57px clamp(1.1875rem, 1.1073rem + 0.223vw, 1.375rem) 20px;
}

.key-features-section {
	padding: clamp(6.25rem, 4.3529rem + 5.2788vw, 10.6875rem) 0 clamp(6.25rem, 3.6315rem + 7.2862vw, 12.375rem);
}

.bg-black {
	background: var(--black-color);
	color: var(--white-color);
}

.vacant-image {
	margin-top: -63px;
	margin-bottom: -129px;
	max-width: max-content;
	margin-left: -55px;
}

.vacant-buttons {
	display: flex;
	top: 26.3%;
	left: 0;
	position: absolute;
	justify-content: space-between;
	align-items: start;
	width: 100%;
	height: calc(100% - 26.3%);
}

.vacant-buttons .first-btn {
	left: -8.3%;
	position: relative;
}

.vacant-buttons .second-btn {
	position: relative;
	top: 20%;
	left: 5.8%;
}

.vacant-buttons .third-btn {
	position: relative;
	right: -12.3%;
}

.vacant-buttons .arrow-left {
	flex-direction: row-reverse;
}

.vacant-buttons .arrow-left:after {
	margin: 0 20px 0 0px;
	transform: rotate(180deg);
}

.vacant-position-section {
	margin-bottom: clamp(9.9375rem, 5.4754rem + 12.4164vw, 20.375rem);
}

.qr-code-img {
	margin-top: -100px;
}

.download-app-section .row>div {
	align-content: center;
}

.download-app-text {
	max-width: 300px;
}

footer a {
	color: var(--primary-color);
}

footer a:hover {
	color: var(--white-color);
}

.footer-top {
	padding: clamp(6.25rem, 5.8492rem + 1.1152vw, 7.1875rem) 0 53px;
}

.footer-brand {
	margin-bottom: clamp(5.9375rem, 5.8039rem + 0.3717vw, 6.25rem);
}

.footer-app-icons {
	gap: clamp(1.25rem, 1.063rem + 0.5204vw, 1.6875rem);
	display: flex;
	margin-top: 30px;
}

.footer-bottom-content {
	margin-top: clamp(3.125rem, 1.415rem + 4.7584vw, 7.125rem);
}

.footer-bottom-menu,
.privacy-menu {
	gap: clamp(0.9375rem, -0.9061rem + 5.1301vw, 5.25rem);
}

.footer-menu.footer-center-menu {
	margin-left: 15px;
}

.social-list {
	gap: 20px;
	margin-right: 48px;
}

.social-menu p {
	margin: 0 26px 0 0;
}

footer li:not(.privacy-menu li, .footer-bottom-menu li, .social-menu li, footer li:last-child) {
	margin-bottom: 12px;
}

.footer-bottom-menu li a,
.privacy-menu li a {
	color: var(--white-color);
}

.footer-bottom-menu li a:hover,
.privacy-menu li a:hover {
	color: var(--primary-color);
}

footer .footer-title {
	margin-bottom: 30px;
}

.footer-bottom {
	padding: 44px 0 40px;
	background: var(--color-surface-black);
	color: var(--white-color);
}

.social-list li a:hover svg path {
	fill: var(--white-color);
}

.footer-right-menu {
	max-width: max-content;
	margin-left: auto;
}


.hero-section.small-width-banner .banner-image {
	text-align: right;
}

.hero-section.small-width-banner .banner-image img {
	margin-right: -30px;
}

.hero-section.small-width-banner .banner-btn.green-btn:not(.banner-btn.green-btn:hover) {
	border: 1px solid transparent;
}

.list-box {
	padding: clamp(1.25rem, 0.6889rem + 1.5613vw, 2.5625rem) clamp(0.9375rem, 0.2428rem + 1.9331vw, 2.5625rem) clamp(1.25rem, 0.582rem + 1.8587vw, 2.8125rem);
	border: 1px solid #000;
	border-radius: 18px;
	position: relative;
}

.list-box-detail-text {
	margin: clamp(0.625rem, 0.2509rem + 1.0409vw, 1.5rem) 0;
}

.list-box-title {
	margin: clamp(1.25rem, 0.4484rem + 2.2305vw, 3.125rem) 0 0;
}

.list-box-content {
	padding: 0 clamp(0rem, -0.9619rem + 2.6766vw, 1.6rem);
	max-width: max-content;
	margin: 0 auto;
}

.list-box-image img {
	border-radius: 23px;
	width: 100%;
}

.list-box.black-box>* {
	position: relative;
	z-index: 2;
}

.favourite {
	position: absolute !important;
	top: 0;
	left: -1px;
	border-bottom: 0;
	border-radius: 22px 22px 0 0;
	padding: 10px 0 0 clamp(0.9375rem, 0.51rem + 1.1896vw, 1.9375rem);
	margin: 0;
	font-size: 19px;
	font-weight: 600;
	color: var(--primary-color);
	max-width: 45%;
	width: 100%;
	word-break: break-all;
}

.active-box .list-box {
	border-radius: 0 18px 18px 18px;
	border: unset;
	border-bottom: 1px solid var(--primary-color);
	padding: clamp(3.75rem, 3.2156rem + 1.487vw, 5rem) clamp(0.9375rem, 0.51rem + 1.1896vw, 1.9375rem) clamp(2.5rem, 1.2175rem + 3.5688vw, 5.5rem) clamp(0.9375rem, 0.51rem + 1.1896vw, 1.9375rem);
	background-size: cover;
	background-position: top left;
	border-radius: 18px 18px 18px 18px;
	border: 1px solid var(--primary-color);
}

.active-box .list-box .bg-image {
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	z-index: 1;
	border-radius: 18px;
}

.active-box .list-box::before {
	content: "";
	position: absolute;
	top: -3px;
	right: -1px;
	width: 61%;
	height: 69px;
	background: url(../images/right-shape.png) no-repeat;
	z-index: 2;
	background-size: 100% 100%;
}

.active-box .list-box .list-box-title {
	margin: clamp(3.125rem, 2.1898rem + 2.6022vw, 5.3125rem) 0 0;
}

.listing-box-section>div>.row {
	margin: 0 -20px;
	row-gap: 30px;
}

.listing-box-section>div>.row>div {
	padding: 0 20px;
}

.listing-box-section .active-box {
	padding-top: 39px !important;
}

.active-box .list-box::after {
	content: "";
	width: 21.3vw;
	height: 21.3vw;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="374px" height="374px" id="Layer_1" data-name="Layer 1" viewBox="0 0 374.15 374.14"><defs><style>.cls-1{fill:none;}.cls-2{opacity:0.07;isolation:isolate;}.cls-3{clip-path:url(%23clip-path);}.cls-4{fill:%23d3cec2;}</style><clipPath id="clip-path"><rect class="cls-1" width="374.15" height="374.14"/></clipPath></defs><title>Artboard 1</title><g class="cls-2"><g class="cls-3"><path class="cls-4" d="M332.11,116.6A42.68,42.68,0,0,1,330.59,58a170.68,170.68,0,0,1,37.94,70.65,42.7,42.7,0,0,1-36.42-12m-20.83,6.53-17.45,17.45a42.61,42.61,0,1,1-60.25-60.26L251,62.87a63,63,0,0,0,49.82,10.44,62.91,62.91,0,0,0,10.44,49.82m-24,98.58-17.44,17.45a42.61,42.61,0,0,1-60.26-60.26L227,161.46a63.09,63.09,0,0,0,49.81,10.44,62.93,62.93,0,0,0,10.44,49.81m-98.53,24-17.45,17.45A42.61,42.61,0,0,1,111,202.88l17.45-17.44a63.12,63.12,0,0,0,49.82,10.44,62.85,62.85,0,0,0,10.44,49.81M135,104.35,152.44,86.9a63.08,63.08,0,0,0,49.82,10.44,62.89,62.89,0,0,0,10.44,49.82L195.25,164.6A42.61,42.61,0,0,1,135,104.35M245.59,5.57a170.64,170.64,0,0,1,70.65,38A42.6,42.6,0,0,1,245.59,5.57M225.76,1.66a62.93,62.93,0,0,0,11,47L219.32,66.07A42.61,42.61,0,0,1,159.07,5.81l.76-.76a171.56,171.56,0,0,1,41.76-5,184.67,184.67,0,0,1,24.17,1.66m66,318.11a42.57,42.57,0,0,1-7.72-66.36L301.51,236a63,63,0,0,0,57.06,8.43,172.23,172.23,0,0,1-34.94,50.2c-14.78,14.78-20.41,18.12-31.85,25.17m82.38-147.21a176.07,176.07,0,0,1-5.06,41.77l-.76.76a42.61,42.61,0,0,1-60.25-60.26l17.44-17.45a63.33,63.33,0,0,0,47,11,175.82,175.82,0,0,1,1.67,24.16"/><path class="cls-4" d="M36.5,128.38,54,110.93a63.12,63.12,0,0,0,49.82,10.44,62.89,62.89,0,0,0,10.44,49.81L96.76,188.63A42.61,42.61,0,0,1,36.5,128.38"/><path class="cls-4" d="M12.48,226.86l17.44-17.44a63.08,63.08,0,0,0,49.82,10.43,63,63,0,0,0,10.44,49.82L72.73,287.12a42.61,42.61,0,0,1-60.25-60.26"/><path class="cls-4" d="M60.48,29.84,77.93,12.39a63,63,0,0,0,49.82,10.44,62.89,62.89,0,0,0,10.44,49.82L120.74,90.09A42.61,42.61,0,0,1,60.48,29.84"/><path class="cls-4" d="M87,301.42,104.48,284a63,63,0,0,0,49.82,10.44,62.93,62.93,0,0,0,10.44,49.82l-17.45,17.45A42.61,42.61,0,0,1,87,301.42"/><path class="cls-4" d="M185.57,277.44,203,260a63.07,63.07,0,0,0,49.82,10.43,62.87,62.87,0,0,0,10.44,49.82L245.83,337.7a42.61,42.61,0,1,1-60.26-60.26"/></g></g></svg>') no-repeat;
	background-size: contain;
	position: absolute;
	top: -3.8vw;
	right: -3.8vw;
	display: none;
}

.listing-box-section {
	padding-bottom: clamp(11.5625rem, 10.0662rem + 4.1636vw, 15.0625rem);
}

.list-box .soft-green-btn {
	width: 100%;
	justify-content: space-between;
}

.find-nearest-point-section {
	background-color: var(--pastel-green-light);
	margin-bottom: 93px;
}

.find-nearest-point-section .right-image {
	text-align: right;
	margin-top: -145px;
	margin-bottom: -89px;
}

.find-nearest-point-section .section-title {
	max-width: 380px;
}

.companies,
.single-page {
	background-color: var(--black-color);
	color: var(--white-color);
}

.companies .banner-detail-wrapper a {
	margin-top: 26px;
	max-width: 260px;
	width: 100%;
}

.companies .banner-detail-wrapper a::after {
	margin-left: auto;
}

.companies .banner-detail-wrapper .green-btn {
	margin-right: 15px;
}

.companies .hero-section.small-width-banner .banner-image {
	text-align: center;
}

.meet-section {
	padding: clamp(2.5rem, 1.5915rem + 2.5279vw, 4.625rem) 0;
	background: var(--color-surface-black);
}

.companies-location-section .location-content>img {
	opacity: 40%;
}

.white-box {
	background-color: var(--white-color);
	color: var(--black-color);
}

.companies-location-section .location-detail-boxes {
	display: flex;
	flex-wrap: wrap;
}

.companies-location-section .location-detail-boxes {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.companies-location-section .location-detail-box {
	gap: 35px;
}

.companies-location-section .location-detail h4 {
	max-width: 270px;
}

.companies-location-section .location-content {
	max-width: max-content;
	margin: 30px auto 0;
}

.location-detail-boxes>.row {
	width: 100%;
	justify-content: space-between;
	row-gap: 20px;
	margin: 0;
}

.companies-location-section .fifth-box {
	transform: translate(5%, 51%);
}

.companies-location-section .sixth-box {
	transform: translate(31%, 35%);
}

.companies-location-section .fourth-box {
	transform: translate(31%, 0%);
}

.companies-location-section .medium-right,
.companies-location-section .fourth-box {
	margin-bottom: 38px;
}

.companies-location-section .medium-right {
	transform: translate(-22%, -7%);
}

.companies-location-section.second-box,
.companies-location-section .first-box {
	margin-bottom: 136px;
}

.companies-location-section .first-box {
	transform: translate(5%, 0);
}

.companies-location-section .second-box {
	transform: translate(41%, 20%);
	height: max-content;
}

.location-section.companies-location-section {
	padding: clamp(2.5rem, 2.0191rem + 1.3383vw, 3.625rem) 0 clamp(6.25rem, 3.6582rem + 7.2119vw, 12.3125rem);
}

.partner-section.companies-partner-section {
	background: var(--color-surface-black);
}

.companies-partner-section .partner-images .img-fluid {
	max-width: 351px;
}

.companies-partner-section .partner-content {
	margin-top: 0;
}

.companies-partner-section .partner-images {
	gap: 30px 20px;
	padding: clamp(2.5rem, 2.1259rem + 1.0409vw, 3.375rem) 0;
}

.contact-form-section {
	padding: clamp(2.5rem, 0.2289rem + 6.3197vw, 7.8125rem) 0;
}

.contact-form-section {
	padding: clamp(6.25rem, 5.5553rem + 1.9331vw, 7.875rem) 0;
}

.contact-form-section.bg-black .contact-form-wrapper input:not(.contact-form-section.bg-black .contact-form-wrapper input[type="submit"]),
.contact-form-section.bg-black .contact-form-wrapper textarea {
	background-color: var(--color-surface-black);
	color: var(--white-color);
}

.contact-form-section.bg-black .contact-form-wrapper input::placeholder,
.contact-form-section.bg-black .contact-form-wrapper textarea::placeholder {
	color: var(--white-color);

}

.contact-form-section.bg-black .submit-filed {
	background-color: var(--white-color);
	color: var(--black-color);
}

.contact-form-section.bg-black .submit-filed:hover {
	background-color: var(--black-color);
	color: var(--white-color);
	border: 1px solid var(--white-color);
}

.contact-title {
	margin-bottom: clamp(1.875rem, 0.0046rem + 5.2045vw, 6.25rem);
}

.contact-detail-text {
	margin-bottom: clamp(1.875rem, 0.0046rem + 5.2045vw, 6.25rem);
	font-size: 17px !important;
}

.contact-form-wrapper form {
	max-width: 683px;
	text-align: right;
}

.contact-form-wrapper input:not(.contact-form-wrapper input[type="submit"]),
.contact-form-wrapper textarea,
.contact-form-wrapper select {
	padding: 28px 45px;
	font-size: clamp(1rem, 0.9198rem + 0.223vw, 1.1875rem);
	border-radius: 18px;
	border: unset;
	background: var(--color-light-gray);
	width: 100%;
}

.contact-form-wrapper select {
	background-color: transparent;
	color: var(--white-color);
	border: 1px solid var(--white-color);
	padding: 13.5px 45px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 22.41 10.59"><defs><style>.cls-1{fill:%23fff;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M.27.27a.94.94,0,0,1,1.32,0L9.22,7.9a2.79,2.79,0,0,0,4,0L20.81.27a.94.94,0,0,1,1.32,0,.92.92,0,0,1,0,1.32L14.5,9.22a4.67,4.67,0,0,1-6.6,0L.27,1.59A.94.94,0,0,1,.27.27"/></svg>') no-repeat;
	background-size: 22px;
	background-position: 97% center;
}

.contact-form-wrapper select option {
	background-color: var(--black-color);
	border: unset;
}

.contact-form-wrapper input::placeholder,
.contact-form-wrapper textarea::placeholder,
.contact-form-wrapper select {
	font-size: clamp(1rem, 0.9198rem + 0.223vw, 1.1875rem);
}

.contact-form-wrapper input[type="submit"] {
	background-color: transparent;
	color: inherit;
	border: unset;
	font-weight: bold;
}

.contact-form-wrapper textarea,
.shipment-form textarea {
	resize: none;
	min-height: 188px;
}

.contact-form-wrapper input:focus,
.contact-form-wrapper textarea:focus,
.shipment-form input:focus,
.shipment-form textarea:focus,
.contact-form-wrapper input:focus-visible,
.contact-form-wrapper textarea:focus-visible,
.shipment-form input:focus-visible,
.shipment-form textarea:focus-visible,
.discount-coupon input:focus,
.discount-coupon input:focus-visible,
.filed-wrapper input:focus-visible {
	outline: none;
	box-shadow: unset;
}

.contact-form-wrapper .form-filed {
	margin-bottom: 25px;
}

.submit-filed {
	max-width: 230px;
	width: 100%;
	justify-content: center;
	padding: 13px 50px 13px 21px;
	position: relative;
	border-radius: 32px;
}

.submit-filed::after {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translate(0%, -50%);
}

.contact-right-image {
	margin-bottom: -20px;
	text-align: center;
}

.news-top-content {
	background: var(--color-light-gray);
	padding: clamp(1.875rem, 0.4322rem + 4.0149vw, 5.16rem) 0;
}

.news-menu {
	gap: 15px;
	justify-content: space-between;
}

.news-menu li a {
	font-size: 17px;
	color: var(--color-medium-gray);
}

.news-menu li a {
	font-size: 17px;
	color: var(--color-medium-gray);
	text-decoration: underline;
}

.news-search .search-field {
	padding: 9.29px 22px;
	font-size: 17px;
	max-width: 175px;
	background: var(--white-color);
	border: unset;
	border-radius: 32px 0 0 32px;
}

.news-search input[type="submit"] {
	font-size: 0;
	background: var(--black-color) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.15px" height="18.15px" id="Layer_1" data-name="Layer 1" viewBox="0 0 18.15 18.15"><defs><style>.cls-1{fill:none;stroke:%23fff;stroke-miterlimit:10;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M12.71,2.59a7.16,7.16,0,1,1-10.12,0A7.16,7.16,0,0,1,12.71,2.59Z"/><line class="cls-1" x1="12.71" y1="12.71" x2="17.79" y2="17.79"/></svg>') no-repeat;
	min-width: 44px;
	border-radius: 100%;
	background-position: center;
	border: unset;
	height: 44px;
	margin-left: -20px;
}

.news-search .search-field:focus-visible {
	outline: none;
}

.news-search .search-form {
	justify-content: end;
}

.date {
	font-size: 17px;
	color: var(--color-medium-gray);
	white-space: nowrap;
}

.date-with-tag {
	gap: 22px;
	margin: clamp(0.625rem, 0.0906rem + 1.487vw, 1.875rem) 0;
}

.tag-list li {
	background: var(--color-light-gray);
	border-radius: 32px;
	padding: 1px 10px;
}

.tag-list {
	gap: 15px;
}

.news-listing-block .list-box-detail-text {
	margin: clamp(0.625rem, 0.2509rem + 1.0409vw, 1.5rem) 0 clamp(0.9375rem, 0.2695rem + 1.8587vw, 2.5rem);
	max-width: 560px !important;
}

.news-listing-block .list-box {
	padding: 0;
	border: 0;
	border-radius: 0;
}

.news-right-wrapper ul li a {
	font-size: clamp(1.125rem, 1.0181rem + 0.2974vw, 1.375rem);
	color: var(--color-medium-gray);
	text-decoration: underline;
	margin-bottom: 20px;
	display: block;
}

.news-right-wrapper h3 {
	color: var(--color-medium-gray);
	margin-bottom: 30px;
}

.news-listing-block {
	padding-top: clamp(2.5rem, 1.2175rem + 3.5688vw, 5.5rem);
}

.news-listing-block .list-box-content {
	padding: 0 15px 0 clamp(0.9375rem, 0.029rem + 2.5279vw, 3.0625rem);
}

.news-listing-row {
	gap: clamp(2.5rem, 0.8968rem + 4.461vw, 6.25rem);
}

.cta-section .cta-text {
	font-size: clamp(1rem, 0.9466rem + 0.1487vw, 1.125rem);
	color: var(--primary-color);
	margin: 0;
}

.news-letter-form .search-field {
	max-width: 314px;
}

.news-letter-form input[type="submit"] {
	background: var(--primary-color) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" width="9px" height="19px" data-name="Layer 1" viewBox="0 0 9.16 19.39"><defs><style>.cls-1{fill:black;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M.24,19.15A.8.8,0,0,1,.24,18l6.6-6.6A2.42,2.42,0,0,0,6.84,8L.24,1.38A.8.8,0,0,1,.24.24a.8.8,0,0,1,1.14,0L8,6.84a4,4,0,0,1,0,5.71l-6.6,6.6a.8.8,0,0,1-1.14,0"/></svg>') no-repeat;
	background-position: center;
}

.cta-section {
	margin: clamp(6.375rem, 4.7718rem + 4.461vw, 10.125rem) 0 clamp(10.3125rem, 9.6712rem + 1.7844vw, 11.8125rem);
}

.cat-image {
	margin: -72px 0 -135px;
	transform: scale(1.2);
}

.cat-image img {
	margin-left: -30px;
}

.shipment-section {
	padding: clamp(2.5rem, -2.3896rem + 13.6059vw, 13.9375rem) 0;
}

.shipment-left-top,
.shipment-left-bottom {
	padding: clamp(1.875rem, 0.539rem + 3.7175vw, 5rem) clamp(1.25rem, 0.0476rem + 3.3457vw, 4.0625rem) clamp(1.875rem, 0.1917rem + 4.684vw, 5.8125rem);
	background: var(--medium-green);
	border-radius: 48px;
}

.shipment-left-bottom {
	background: var(--black-color);
	color: var(--white-color);
	margin-top: -60px;
	border-radius: 0 0 48px 48px;
	padding-top: clamp(4.375rem, 3.707rem + 1.8587vw, 5.9375rem);
}

.order-status-location {
	color: var(--white-color);
	margin-bottom: 25px;
	max-width: 317px;
}

.date-with-time {
	gap: 45px;
}

.date-with-time span {
	font-size: 15px;
}

.order-status,
.order-complete {
	padding-left: 60px;
	position: relative;
}

.shipment-left-top ul li:last-child,
.shipment-left-bottom li:last-child {
	padding-bottom: 0;
}

.order-status,
.order-complete,
.shipment-left-bottom li {
	padding-bottom: clamp(1.25rem, -0.2196rem + 4.0892vw, 4.6875rem);
	margin: 0;
}

.order-status::before,
.order-complete:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 22.789px;
	height: 22.789px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23.79 23.79"><defs><style>.cls-1{fill:none;stroke:%2300ff00;stroke-miterlimit:10;}</style></defs><title>Asset 1</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M23.29,11.89A11.4,11.4,0,1,1,11.89.5,11.39,11.39,0,0,1,23.29,11.89Z"/><polyline class="cls-1" points="7.19 11.57 10.54 14.92 16.6 8.87"/></g></g></svg>') no-repeat;
	background-size: contain;
}

.order-status::after {
	content: "";
	position: absolute;
	top: 30px;
	left: 11.379px;
	width: 1px;
	height: calc(100% - 37px);
	background-image: repeating-linear-gradient(to bottom, #00ff00, #00ff00 11px, transparent 10px, transparent 20px);
}

.order-complete::after {
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 49.6 49.6"><defs><style>.cls-1{fill:%23006800;}.cls-2{fill:none;stroke:%23fff;stroke-miterlimit:10;stroke-width:3px;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M49.6,24.8A24.8,24.8,0,1,1,24.8,0,24.8,24.8,0,0,1,49.6,24.8"/><polyline class="cls-2" points="15.39 24.8 22.09 31.5 34.21 19.39"/></svg>');
	width: 49.602px;
	height: 49.602px;
	left: -13px;
}

.order-complete .order-status-location {
	color: var(--black-color);
}

.shipment-left-bottom li p,
.order-info-box p {
	font-weight: normal;
	color: var(--color-medium-gray);
	font-size: clamp(1rem, 0.8397rem + 0.4461vw, 1.375rem);
}

.order-info-box a {
	color: var(--black-color);
}

.order-info-box p {
	margin-bottom: 10px;
}

.shipment-left-top {
	position: relative;
	z-index: 1;
}

.order-tracking .arrow-shape {
	display: inline-block;
	min-width: 49px;
	height: 49px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 49.6 49.6"><defs><style>.cls-1{fill:%23d6d6d6;}.cls-2{fill:none;stroke:%23fff;stroke-miterlimit:10;stroke-width:3px;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M49.6,24.8A24.8,24.8,0,1,1,24.8,0,24.8,24.8,0,0,1,49.6,24.8"/><polyline class="cls-2" points="15.39 24.8 22.09 31.5 34.21 19.39"/></svg>') no-repeat;
}

.order-status-info {
	margin: clamp(1.25rem, 0.7156rem + 1.487vw, 2.5rem) 0 clamp(1.5625rem, 0.6273rem + 2.6022vw, 3.75rem);
	max-width: 88%;
}

.order-tracking,
.order-track-status {
	display: flex;
	align-items: center;
}

.order-tracking,
.order-track-status {
	position: relative;
	padding-bottom: 59px;
}

.order-status-info .order-tracking {
	padding-bottom: 0;
}

.order-track-detail {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.order-tracking:not(.order-status-info .order-tracking:first-of-type),
.order-track-status:not(.order-track-step .order-track-status:first-of-type) {
	flex-grow: 1;
}

.order-track-status::before {
	margin: 0 10px;
}

.order-tracking::before,
.order-track-status::before {
	content: "";
	position: relative;
	width: 100%;
	height: 2px;
	display: inline-block;
	background: var(--soft-silver);
}

.order-status-info .order-tracking:first-of-type:before,
.order-track-step .order-track-status:first-of-type:before {
	display: none;
}

.order-tracking.completed .arrow-shape {
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 49.6 49.6"><defs><style>.cls-1{fill:%2300ff00;}.cls-2{fill:none;stroke:%23fff;stroke-miterlimit:10;stroke-width:3px;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M49.6,24.8A24.8,24.8,0,1,1,24.8,0,24.8,24.8,0,0,1,49.6,24.8"/><polyline class="cls-2" points="15.39 24.8 22.09 31.5 34.21 19.39"/></svg>') no-repeat;
}

.order-tracking.completed::before {
	background: var(--primary-color);
}

.copy-btn,
.share-link-btn {
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 32.06 32.06"><defs><style>.cls-1{fill:none;stroke:%23d6d6d6;stroke-miterlimit:10;stroke-width:3px;}</style></defs><title>Artboard 1</title><rect class="cls-1" x="1.5" y="8.77" width="21.8" height="21.8" rx="3.3"/><path class="cls-1" d="M30.56,21.81V4.8a3.3,3.3,0,0,0-3.3-3.3H9.92"/></svg>') no-repeat center;
	display: inline-block;
	min-width: 30px;
	min-height: 30px;
}

.share-link-btn {
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 32.06 32.06"><defs><style>.cls-1{fill:none;stroke:%23d6d6d6;stroke-miterlimit:10;stroke-width:3px;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M10.75,1.5H5.9A4.4,4.4,0,0,0,1.5,5.9V26.16a4.4,4.4,0,0,0,4.4,4.4H26.16a4.4,4.4,0,0,0,4.4-4.4V21.32"/><path class="cls-1" d="M30.56,16V4.1A2.59,2.59,0,0,0,28,1.5H16"/><line class="cls-1" x1="30.56" y1="1.5" x2="16.03" y2="16.03"/></svg>') no-repeat center;
}

.shipment-detail-right .order-info-box {
	padding-bottom: clamp(1.25rem, 0.0476rem + 3.3457vw, 4.0625rem);
}

.shipment-detail-right {
	max-width: 92%;
	margin-left: auto;
}

.back-btn {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 18px;
	color: var(--white-color);
	margin-bottom: clamp(0.625rem, 0.3578rem + 0.7435vw, 1.25rem);
}

.back-btn::before {
	content: "";
	width: 7px;
	height: 12px;
	display: inline-block;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 5.11 10.81"><defs><style>.cls-1{fill:%23fff;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M5,.13A.47.47,0,0,1,5,.77L1.3,4.45a1.35,1.35,0,0,0,0,1.91L5,10a.45.45,0,0,1-.64.64L.66,7a2.26,2.26,0,0,1,0-3.19L4.34.13A.47.47,0,0,1,5,.13"/></svg>') no-repeat;
	transition: 0.3s all ease-in;
	background-size: contain;
}

.back-btn:hover::before {
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 5.11 10.81"><defs><style>.cls-1{fill:%2300ff00;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M5,.13A.47.47,0,0,1,5,.77L1.3,4.45a1.35,1.35,0,0,0,0,1.91L5,10a.45.45,0,0,1-.64.64L.66,7a2.26,2.26,0,0,1,0-3.19L4.34.13A.47.47,0,0,1,5,.13"/></svg>') no-repeat;
}

.back-btn:hover {
	color: var(--primary-color);
}

.order-track-section {
	padding: clamp(2.5rem, -0.3055rem + 7.8067vw, 9.0625rem) 0;
	overflow-x: hidden;
}

.order-track-section h3 {
	color: var(--soft-silver);
	margin-bottom: clamp(1.25rem, 0.7156rem + 1.487vw, 2.5rem);
}

.shipment-option-box-detail p {
	margin: 20px 0 0;
	font-size: clamp(0.875rem, 0.8483rem + 0.0743vw, 0.9375rem);
}

.shipment-option-box {
	padding: 30px clamp(0.9375rem, -0.0511rem + 2.7509vw, 2.25rem) clamp(1.5625rem, 0.3601rem + 3.3457vw, 4.375rem);
	background: var(--color-light-gray);
	border-radius: 22px;
	border: 1px solid var(--color-light-gray);

}

.shipment-option-wrapper .instruction {
	font-size: 12px;
	text-align: center;
	margin: 15px 0 0;
}

.shipment-submit-section .row {
	column-gap: 80px;
	margin-top: clamp(1.5625rem, -0.4414rem + 5.5762vw, 6.25rem);
}

.option-checkbox {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.shipment-option-wrapper .option-checkbox:checked~.shipment-option-box {
	border: 1px solid var(--primary-color);
}

.shipment-option-wrapper .option-checkbox:checked~.shipment-option-box::after {
	content: "";
	width: 36px;
	height: 36px;
	position: absolute;
	right: -3px;
	top: -15px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 49.6 49.6"><defs><style>.cls-1{fill:%2300ff00;}.cls-2{fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:3px;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M49.6,24.8A24.8,24.8,0,1,1,24.8,0,24.8,24.8,0,0,1,49.6,24.8"/><polyline class="cls-2" points="15.39 24.8 22.09 31.5 34.21 19.39"/></svg>') no-repeat;
	background-size: contain;
}

.shipment-option-box-image {
	text-align: center;
	margin-bottom: 30px;
	max-width: max-content;
	margin-left: auto;
	margin-right: auto;
}

.shipment-submit-section .shipment-option-box-image {
	min-height: 170px;
}

.size-detail {
	gap: 10px;
}

.shipment-option-box-image img {
	height: auto;
	object-fit: contain;
	width: 100%;
}

.shipment-step-1 .shipment-option-box-image img {
	width: auto;
}

.checkout-progress {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: -165px;
	margin-right: -165px;
	overflow: hidden;
}

.progress-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	flex: 1;
}

.circle {
	width: 59px;
	height: 59px;
	border-radius: 50%;
	background-color: var(--soft-silver);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: var(--white-color);
	z-index: 1;
	position: relative;
}

.line {
	position: absolute;
	top: 35.5px;
	left: -50%;
	height: 2px;
	width: 100%;
	background-color: var(--soft-silver);
	z-index: 0;
}

.label {
	font-size: clamp(0.875rem, 0.7948rem + 0.223vw, 1.0625rem);
	padding-top: 20px;
	position: relative;
}

.circle::after,
.circle::before {
	content: "";
	width: 10px;
	height: 10px;
	display: inline-block;
	position: absolute;
	left: -10px;
	background: var(--white-color);
}

.circle::before {
	right: -10px;
	left: unset;
}

.progress-item .link {
	font-size: 12px;
	word-break: break-all;
	position: absolute;
	bottom: 27px;
	right: auto;
	left: 0;
}

.progress-item .link a {
	color: var(--black-color);
	white-space: nowrap;
}

.checkout-progress>.progress-item:first-child .circle,
.progress-item.completed .circle {
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 49.6 49.6"><defs><style>.cls-1{fill:%2300ff00;}.cls-2{fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:3px;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M49.6,24.8A24.8,24.8,0,1,1,24.8,0,24.8,24.8,0,0,1,49.6,24.8"/><polyline class="cls-2" points="15.39 24.8 22.09 31.5 34.21 19.39"/></svg>') no-repeat;
}

.progress-item.final-step .circle,
.progress-item.final-step.completed .circle {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 50.56 49.6"><defs><style>.cls-1{fill:%23b9b9ba;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M37.39,7.91l-1.75,1.3,3.48,4.66H34.77L32.72,11.1,31,12.4l2.71,3.65H47.32l1.17-.59-.43-1a24.86,24.86,0,0,0-1.86-3.35l-1.82,1.2c.33.49.63,1,.92,1.51H41.83Z"/><path class="cls-1" d="M50.56,16.89H31.48l.77,1.57A14.09,14.09,0,0,0,34.7,22a2.52,2.52,0,0,1,.37.49l-.66,0A13.91,13.91,0,0,0,20.68,34.07a14,14,0,0,0-7.23-2h-.13a13.78,13.78,0,0,0-7.55,2.31c-.21.14-.38.3-.58.44A22.62,22.62,0,0,1,25.49,2.18,22.39,22.39,0,0,1,39.38,7l1.34-1.72A24.76,24.76,0,0,0,8,7.27,24.69,24.69,0,0,0,.68,24.8,24.86,24.86,0,0,0,3.51,36.28,13.73,13.73,0,0,0,.77,40.22L0,41.92l14.77-1.37a11.65,11.65,0,0,1-5.36,3.76l.71,2.06a13.11,13.11,0,0,0,1.84-.8,24.66,24.66,0,0,0,13.53,4,25.36,25.36,0,0,0,5.15-.53A24.74,24.74,0,0,0,49.43,18.39Zm-19,29.7c0-1.4,0-3.66.05-7.17,0-.84,0-1.61,0-2.11a13.94,13.94,0,0,0,5.94-9.08l0-.17-2.14-.36,0,.14h0a11.77,11.77,0,0,1-5.45,7.94l-.5.3,0,.59c0,.14,0,1,0,2.73,0,2.18,0,5.73-.05,7.66A22.17,22.17,0,0,1,14,44.3a14,14,0,0,0,3.57-4l3.86-.35L25,39.62l-.19-2.16-3.59.31-4.42.41L3.72,39.39a11.83,11.83,0,0,1,9.62-5.17h.11a11.78,11.78,0,0,1,7.44,2.66l.3.24h1.46l0-1.06A11.76,11.76,0,0,1,36.3,24.75l1.27.21V23.68a4.64,4.64,0,0,0-1.3-3.24,11.6,11.6,0,0,1-1.14-1.38H46.22l-2.55,3.42-6.51,8.7.25.58a11.74,11.74,0,0,1,.92,4.58c0,.26,0,.52,0,.77l2.17.14c0-.3,0-.6,0-.91a13.68,13.68,0,0,0-.87-4.84l5.77-7.72h0l2.31-3.1a22.53,22.53,0,0,1-16.2,25.91"/></svg>');
	background-size: 48px;
	background-repeat: no-repeat;
	background-position: center center;
}

.progress-item.final-step.completed .circle {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 50.56 49.6"><defs><style>.cls-1{fill:%2300ff00;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M37.39,7.91l-1.75,1.3,3.48,4.66H34.77L32.72,11.1,31,12.4l2.71,3.65H47.32l1.17-.59-.43-1a24.86,24.86,0,0,0-1.86-3.35l-1.82,1.2c.33.49.63,1,.92,1.51H41.83Z"/><path class="cls-1" d="M50.56,16.89H31.48l.77,1.57A14.09,14.09,0,0,0,34.7,22a2.52,2.52,0,0,1,.37.49l-.66,0A13.91,13.91,0,0,0,20.68,34.07a14,14,0,0,0-7.23-2h-.13a13.78,13.78,0,0,0-7.55,2.31c-.21.14-.38.3-.58.44A22.62,22.62,0,0,1,25.49,2.18,22.39,22.39,0,0,1,39.38,7l1.34-1.72A24.76,24.76,0,0,0,8,7.27,24.69,24.69,0,0,0,.68,24.8,24.86,24.86,0,0,0,3.51,36.28,13.73,13.73,0,0,0,.77,40.22L0,41.92l14.77-1.37a11.65,11.65,0,0,1-5.36,3.76l.71,2.06a13.11,13.11,0,0,0,1.84-.8,24.66,24.66,0,0,0,13.53,4,25.36,25.36,0,0,0,5.15-.53A24.74,24.74,0,0,0,49.43,18.39Zm-19,29.7c0-1.4,0-3.66.05-7.17,0-.84,0-1.61,0-2.11a13.94,13.94,0,0,0,5.94-9.08l0-.17-2.14-.36,0,.14h0a11.77,11.77,0,0,1-5.45,7.94l-.5.3,0,.59c0,.14,0,1,0,2.73,0,2.18,0,5.73-.05,7.66A22.17,22.17,0,0,1,14,44.3a14,14,0,0,0,3.57-4l3.86-.35L25,39.62l-.19-2.16-3.59.31-4.42.41L3.72,39.39a11.83,11.83,0,0,1,9.62-5.17h.11a11.78,11.78,0,0,1,7.44,2.66l.3.24h1.46l0-1.06A11.76,11.76,0,0,1,36.3,24.75l1.27.21V23.68a4.64,4.64,0,0,0-1.3-3.24,11.6,11.6,0,0,1-1.14-1.38H46.22l-2.55,3.42-6.51,8.7.25.58a11.74,11.74,0,0,1,.92,4.58c0,.26,0,.52,0,.77l2.17.14c0-.3,0-.6,0-.91a13.68,13.68,0,0,0-.87-4.84l5.77-7.72h0l2.31-3.1a22.53,22.53,0,0,1-16.2,25.91"/></svg>');
	background-color: var(--black-color);
}

.checkout-progress>.progress-item:first-child .circle:after,
.checkout-progress>.progress-item:first-child .circle::before {
	display: none;
}

.progress-item.completed .line {
	background: var(--primary-color);
}

.single-banner-section {
	padding: clamp(1.5625rem, -0.4414rem + 5.5762vw, 6.25rem) 0 clamp(2.5rem, -0.1719rem + 7.4349vw, 8.75rem);
}

.single-banner-section .section-title {
	color: var(--primary-color);
}

.block-text p {
	font-size: clamp(1rem, 0.9466rem + 0.1487vw, 1.125rem);
	max-width: 455px;
	margin: 0;
}

.block-text p:not(.block-text p:last-of-type) {
	margin-bottom: clamp(0.9375rem, 0.6703rem + 0.7435vw, 1.5625rem);
}

.content-block.bg-surface-black {
	padding: clamp(1.875rem, 1.3406rem + 1.487vw, 3.125rem) 0;
	margin-bottom: clamp(1.875rem, 0.9933rem + 2.4535vw, 3.9375rem);
}

.block-buttons {
	max-width: max-content;
	margin: 0 auto;
	gap: 30px;
}

.block-buttons .with-arrow::after,
.map-bottom-detail .transparent-with-black-border-btn::after {
	margin-left: 30px;
}

.block-buttons a {
	display: inline-flex;
	max-width: max-content;
}

.second-content-block p {
	max-width: 582px;
}

.second-content-block {
	padding: clamp(1.875rem, 0.2398rem + 4.5502vw, 5.7rem) 0;
}

.block-title {
	margin-bottom: 25px;
}

.content-block .row {
	row-gap: 40px;
}

.hero-section.contact-hero-section h1 {
	font-size: 43px;
	max-width: 100%;
}

.hero-section.contact-hero-section .banner-image {
	width: 56.5%;
	text-align: center;
}

.hero-section.contact-hero-section .banner-content {
	width: 43.5%;
}

.hero-section.contact-hero-section .banner-detail-wrapper {
	max-width: unset;
}

.hero-section.contact-hero-section .banner-image img {
	margin-right: -80px;
}

.hero-section.contact-hero-section {
	padding-top: clamp(3.125rem, 0.6935rem + 6.7658vw, 8.8125rem);
}

.contact-info h2 {
	margin-bottom: clamp(1.25rem, 0.9828rem + 0.7435vw, 1.875rem);
}

.contact-info p {
	margin-bottom: 8px;
	font-size: clamp(1rem, 0.9466rem + 0.1487vw, 1.125rem);
}

.contact-info a {
	color: var(--black-color);
	font-weight: bold;
}

.contact-info a:hover {
	color: var(--primary-color);
}

.id-vat-number {
	gap: clamp(1.25rem, 0.7156rem + 1.487vw, 2.5rem);
}

.map-wrapper {
	padding: clamp(3.125rem, 0.1859rem + 8.1784vw, 10rem) 0 clamp(3.125rem, -2.0318rem + 14.3494vw, 15.1875rem);
}

.gary-shape::before,
.primary-color-shape:before {
	content: "";
	display: inline-block;
	background: var(--color-light-gray);
	height: 13px;
	min-width: 322px;
}

.map-bottom-detail {
	margin-top: clamp(1.5625rem, -0.4414rem + 5.5762vw, 6.25rem);
}

.primary-color-shape:before {
	background: var(--primary-color);
}

.gary-shape,
.primary-color-shape {
	display: flex;
	align-items: center;
	gap: 20px;
}

.gary-shape {
	margin-bottom: 15px;
}

.primary-color-down-arrow.btn::after {
	transform: rotate(90deg);
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" width="9px" height="19px" data-name="Layer 1" viewBox="0 0 9.16 19.39"><defs><style>.cls-1{fill:%2300ff00;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M.24,19.15A.8.8,0,0,1,.24,18l6.6-6.6A2.42,2.42,0,0,0,6.84,8L.24,1.38A.8.8,0,0,1,.24.24a.8.8,0,0,1,1.14,0L8,6.84a4,4,0,0,1,0,5.71l-6.6,6.6a.8.8,0,0,1-1.14,0"/></svg>') no-repeat;
}

.primary-color-down-arrow.btn:hover::after {
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" width="9px" height="19px" data-name="Layer 1" viewBox="0 0 9.16 19.39"><defs><style>.cls-1{fill:%23000;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M.24,19.15A.8.8,0,0,1,.24,18l6.6-6.6A2.42,2.42,0,0,0,6.84,8L.24,1.38A.8.8,0,0,1,.24.24a.8.8,0,0,1,1.14,0L8,6.84a4,4,0,0,1,0,5.71l-6.6,6.6a.8.8,0,0,1-1.14,0"/></svg>') no-repeat;
}

.shipment-image-with-text-section {
	background: var(--light-cream);
	margin: clamp(6.25rem, 3.5781rem + 7.4349vw, 12.5rem) 0 clamp(6.25rem, 5.3415rem + 2.5279vw, 8.375rem);
}

.shipment-image-with-text-section .section-title {
	margin-bottom: 0;
	font-size: clamp(1.625rem, 1.1708rem + 1.2639vw, 2.6875rem);
}

.shipment-image-with-text-section .section-detail-text {
	font-size: clamp(1.25rem, 1.0362rem + 0.5948vw, 1.75rem);
	margin: 0 0 clamp(1.5625rem, 1.2953rem + 0.7435vw, 2.1875rem);
}

.shipment-image-with-text-section .right-image {
	margin: -70px 0 0;
}

.shipment-option-box-detail .price {
	font-size: clamp(1.125rem, 0.9112rem + 0.5948vw, 1.625rem);
	font-weight: bold;
	margin: 0;
	line-height: 1;
}

.shipment-option-box-detail h3 {
	margin: 0;
	font-size: clamp(1.125rem, 0.9112rem + 0.5948vw, 1.625rem);
}

.shipment-option-box-detail-3 h3 {
	font-size: clamp(1.125rem, 0.9914rem + 0.3717vw, 1.4375rem);
}


.shipment-option-box-detail .size-detail span {
	font-size: 16px;
}

.shipment-size-row .shipment-option-box {
	padding: clamp(0.9375rem, 0.4031rem + 1.487vw, 2.1875rem);
	height: 100%;
}

.shipment-size-row .row {
	gap: clamp(1.875rem, 0.539rem + 3.7175vw, 5rem) 0;
	height: 100%;
	margin: 0 -12px;
}

.shipment-size-row .shipment-option-box-image {
	text-align: center;
	margin-bottom: 30px;
	min-height: 201px;
	align-content: center;

}

.summary-card {
	background: var(--black-color);
	border-radius: 22px;
	color: var(--white-color);
	max-width: 93%;
	margin-left: auto;
	padding: 37px 42px 30px 42px;
}

.summary-detail {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--color-medium-gray);
	align-items: center;
}

.where-to-send-shipment-section .summary-card .summary-detail:nth-last-child(2),
.where-to-send-shipment-section .summary-card .summary-detail:last-child {
	border: unset;
}

.shipment-left {
	width: 60.5%;
}

.shipment-right {
	width: 36%;
}

.summary-title span {
	font-size: 23px;
}

.shipment-size-row .shipment-option-wrapper {
	width: 45.6%;
}

.summary-card .grand-total .summary-detail,
.where-to-send-shipment-section .summary-card .summary-detail:last-child {
	border-bottom: 1px solid var(--primary-color);
}

.summary-detail span {
	font-size: clamp(1.0625rem, 0.9823rem + 0.223vw, 1.25rem);
}

.font-17 {
	font-size: 17px !important;
}

.grand-total {
	margin-top: clamp(3.125rem, 1.8959rem + 3.4201vw, 6rem);
}

.summary-title {
	margin-bottom: clamp(1.5625rem, 1.2953rem + 0.7435vw, 2.1875rem);
}

.summary-detail .sc-value {
	font-size: clamp(1.0625rem, 0.9823rem + 0.223vw, 1.25rem);
	font-weight: bold;
}

.filed-wrapper {
	position: relative;
	max-width: 535px;
	width: 100%;
}

.filed-wrapper input {
	padding: 22px 88px 22px 28px;
	border: 1px solid var(--black-color);
	font-size: clamp(1.125rem, 1.0448rem + 0.223vw, 1.3125rem);
	width: 100%;
	border-radius: 50px;
}

.filed-wrapper input::placeholder {
	color: var(--black-color);
}

.show-hide-icon {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translate(-50%, -50%);
	cursor: pointer;
	z-index: 2;
}

.show-hide-icon svg {
	width: 34px;
	height: 22px;
}

.grand-total .summary-detail .sc-value {
	color: var(--primary-color);
}

.filed-wrapper .show-hide-icon:not(.filed-wrapper input.hidden-password ~ .show-hide-icon)::after {
	content: "";
	position: absolute;
	top: -4px;
	right: 17px;
	width: 6px;
	height: calc(100% + 10px);
	background: var(--black-color);
	transform: rotate(33deg);
	border-radius: 35px;
}

.shipment-size-row {
	padding: clamp(1.875rem, 0.2184rem + 4.6097vw, 5.75rem) 0 clamp(3.125rem, 1.789rem + 3.7175vw, 6.25rem);
	justify-content: space-between;

}

.checkform-input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.checkform-label {
	padding-left: 62px;
	margin: 50px 0 20px;
	font-size: 21px;
	line-height: 40px;
}

.parcel-on-label-text {
	font-size: 22.26px;
}

.checkform-label::before {
	content: '';
	-webkit-appearance: none;
	background-color: transparent;
	border: 2px solid var(--black-color);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 16px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	cursor: pointer;
	margin-right: 15px;
	border-radius: 12px;
	transform: translate(0%, -50%);
}

.checkform-label a {
	color: var(--black-color);
	text-decoration: underline;
}

.checkform-input:checked+.checkform-label::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 11px;
	height: 22px;
	border: solid var(--primary-color);
	border-width: 0 4px 4px 0;
	transform: rotate(45deg) translate(-10%, -80%);
}

.checkform-input:checked+.checkform-label::before {
	background-color: var(--black-color);
}

.continue-btn,
.pay-btn,
.payment-not-successful-section .btn {
	margin-bottom: 20px;
	font-size: 19px;
	border-radius: 50px;
	padding: 13px 76px 13px 42px;
	position: relative;
}

.banner-buttons a {
	padding: 13px 82px 13px 42px !important;
}

.btn-green-lg-end a {
	border: unset;
}

.btn-green-lg-end a:hover {
	background-color: #000;
	color: var(--primary-color);
}

.with-arrow.continue-btn::after,
.with-arrow.pay-btn::after,
.payment-not-successful-section .with-arrow:after {
	margin-left: 30px;
	position: absolute;
	right: 35px;
}

.shipment-size-section:not(.shipment-size-section.where-to-send-shipment-section) {
	padding-bottom: clamp(3.125rem, 1.1211rem + 5.5762vw, 7.8125rem);
}

.shipment-form-section h2 {
	margin-bottom: clamp(1.25rem, 0.7156rem + 1.487vw, 2.5rem);
}

.shipment-form input:not(.shipment-form input[type="radio"], .shipment-form input[type="submit"]),
.shipment-form textarea {
	border: 1px solid #D6D6D6;
	border-radius: 50px;
	padding: 19px 42px;
	width: 100%;
	font-size: clamp(1rem, 0.7862rem + 0.5948vw, 1.5rem);
}

.shipment-form .form-filed {
	margin: 0 0 clamp(1.5625rem, 1.1617rem + 1.1152vw, 2.5rem);
	display: flex;
}

.shipment-form .row.form-filed {
	margin: 0 calc(var(--bs-gutter-x) * -.5) clamp(1.5625rem, 0.9747rem + 1.6357vw, 2.9375rem);
}

.shipment-form .form-filed:last-of-type {
	margin: 0;
}

.radio-buttons [type="radio"]:checked,
.radio-buttons [type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

.radio-buttons [type="radio"]:checked+label,
.radio-buttons [type="radio"]:not(:checked)+label {
	position: relative;
	padding-left: 44px;
	cursor: pointer;
	line-height: 35px;
	display: inline-block;
}

.radio-buttons [type="radio"]:checked+label::before,
.radio-buttons [type="radio"]:not(:checked)+label::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 28px;
	height: 28px;
	border: 1px solid var(--black-color);
	border-radius: 100%;
	background: var(--white-color);
}

.shipment-form label:not(.checkform-label) {
	font-size: 17px;
}

.radio-buttons [type="radio"]:checked+label::after,
.radio-buttons [type="radio"]:not(:checked)+label::after {
	content: '';
	width: 22px;
	height: 22px;
	background: var(--primary-color);
	position: absolute;
	top: 3px;
	left: 3px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border: 3px solid var(--white-color);
}

.radio-buttons [type="radio"]:not(:checked)+label::after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.radio-buttons [type="radio"]:checked+label::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.radio-buttons {
	gap: 20px clamp(1.25rem, 0.4484rem + 2.2305vw, 3.125rem);
}

.with-arrow.continue-btn:after {
	margin-left: 30px;
}

.shipment-form-section {
	padding-bottom: clamp(3.125rem, 1.789rem + 3.7175vw, 6.25rem);
}

.shipment-form-section .row {
	justify-content: space-between;
}

.shipment-step-2 .continue-btn {
	margin: 0 0 1px;
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: max-content;
}

.shipment-last-btn {
	margin-right: 12px !important;
}

.where-to-send-shipment-section .shipment-size-row .shipment-option-box {
	padding: clamp(24px, 3vw, 38px) clamp(16px, 2vw, 24px) clamp(40px, 5vw, 70px);

}


.where-to-send-shipment-section .shipment-option-box-detail {
	position: relative;
	z-index: 1;
}

.where-to-send-shipment-section .shipment-option-box-detail h3 a {
	color: var(--black-color);
	text-decoration: underline;
}

.where-to-send-shipment-section .shipment-option-box-detail .btn {
	font-size: 11px;
	font-weight: 400;
	margin-top: auto;
	width: 100%;
	justify-content: space-between;
	padding-top: 7px;
	padding-bottom: 7px;
}

.where-to-send-shipment-section .shipment-option-box {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.where-to-send-shipment-section .shipment-option-box .shipment-option-box-detail {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.where-to-send-shipment-section .shipment-option-box-detail h3 {
	margin-bottom: 30px;
}

.where-to-send-shipment-section .shipment-option-box-image {
	min-height: auto;
	max-height: 262px;
}

.where-to-send-shipment-section .shipment-size-row .row {
	gap: 35px 0;
	margin: 0 -18px;
}

.where-to-send-shipment-section .shipment-size-row .shipment-option-wrapper {
	width: 50%;
	padding: 0 18px;
}

.where-to-send-shipment-section .grand-total {
	margin-top: clamp(1.875rem, 0.9398rem + 2.6022vw, 4.0625rem);
}

.send-parcel-on-delivery-section {
	background: #F4F4F5;
	padding: clamp(2.1875rem, 1.2523rem + 2.6022vw, 4.375rem) 0;
}

.send-parcel-on-delivery-section .checkform-label {
	margin: 0 0 clamp(1.5625rem, 0.8945rem + 1.8587vw, 3.125rem);
}

.send-parcel-on-delivery-section .checkform-label>span:last-child {
	margin-right: 24%;
}

.send-parcel-on-delivery-section .form-filed {
	margin-bottom: 25px;
}

.send-parcel-on-delivery-section .form-filed input {
	background-color: transparent;
	color: var(--dark-green);
	border: 1px solid var(--dark-green) !important;
}

.send-parcel-on-delivery-section .shipment-form {
	max-width: calc(64% - 9px);
}

.send-shipment-form-section {
	padding: clamp(3.125rem, -0.0813rem + 8.9219vw, 8.825rem) 0 0;
}

.send-shipment-form-section .shipment-size-row {
	padding-top: clamp(1.5625rem, -0.1743rem + 4.8327vw, 5.625rem);
}

.summary-detail-wrapper {
	display: flex;
	justify-content: space-between;
	font-size: clamp(1rem, 0.8397rem + 0.4461vw, 1.375rem);
	margin-bottom: 15px;
	column-gap: 15px;
	text-align: right;
}

.summary-detail-wrapper a {
	color: var(--black-color);
}

.summary-info-wrapper>.summary-detail-wrapper:last-of-type {
	margin-bottom: 0;
}

.sub-title {
	font-size: clamp(1.375rem, 1.2414rem + 0.3717vw, 1.6875rem);
	color: var(--color-medium-gray);
	margin: 28px 0 clamp(1.25rem, 0.4484rem + 2.2305vw, 3.125rem);
}

.primary-color-link {
	font-size: 19px;
	color: var(--dark-green);
	text-decoration: underline;
	margin: clamp(1.5625rem, 0.8945rem + 1.8587vw, 3.125rem) 0 clamp(1.5625rem, 0.0929rem + 4.0892vw, 5rem);
	display: inline-block;
}

.summary-detail-wrapper .st-text {
	font-weight: bold;
	text-align: left;
}

.discount-coupon input:not(.discount-coupon input[type="submit"]) {
	border: 1px solid var(--color-medium-gray);
	padding: 21px 75px 21px clamp(1.25rem, -0.086rem + 3.7175vw, 4.375rem);
	border-radius: 50px;
	width: 100%;
}

.discount-coupon.d-flex {
	max-width: 726px;
}

.discount-coupon input[type="submit"] {
	background-color: transparent;
	padding: 0;
	border: unset;
	color: var(--white-color);
	height: 100%;
	width: 100%;
	font-size: clamp(1rem, 0.813rem + 0.5204vw, 1.4375rem);
	font-weight: bold;
}

.discount-coupon .btn {
	max-width: 302px;
	margin-left: -70px;
	border-radius: 50px;
	width: 100%;
}

.discount-coupon .btn:hover {
	background-color: var(--black-color);
	opacity: 0.9;
}

.terms-and-conditions-wrapper .checkform-label,
.terms-and-conditions-wrapper .primary-color-link {
	font-size: 21px;
	margin: 0;
}

.terms-and-conditions-wrapper {
	padding: clamp(0.625rem, 0.3578rem + 0.7435vw, 1.25rem) 0 clamp(3.125rem, 1.789rem + 3.7175vw, 6.25rem);
	row-gap: 30px;
}

.card-option .radio-buttons [type="radio"]:checked+label::before,
.card-option .radio-buttons [type="radio"]:not(:checked)+label::before {
	border: 1px solid var(--white-color);
	background: transparent;
}

.card-option .radio-buttons [type="radio"]:checked+label::after,
.card-option .radio-buttons [type="radio"]:not(:checked)+label::after {
	border: 3px solid var(--black-color);
}

.method-of-payment {
	padding: clamp(1.875rem, 0.4054rem + 4.0892vw, 5.3125rem) 0;
}

.card-option {
	gap: 30px clamp(2.5rem, 1.6984rem + 2.2305vw, 4.375rem);
	margin-left: 40px;
}

.payment-method-title {
	margin-bottom: clamp(1.5625rem, 1.1617rem + 1.1152vw, 2.5rem);
}

.card-logos {
	display: flex;
	gap: 23px;
}

.card-logos img {
	max-width: 80px;
	width: 100%;
	object-fit: contain;
}

.payment-not-successful-section .payment-not-successful-text {
	font-size: clamp(1.125rem, 1.0448rem + 0.223vw, 1.3125rem);
	margin: 20px 0 10px;
}

.payment-not-successful-section,
.thank-you-for-payment-section {
	padding: clamp(6.25rem, 4.1125rem + 5.948vw, 11.25rem) 0;
}

.payment-not-successful-image {
	text-align: end;
}

.banner-buttons {
	margin-top: clamp(1.25rem, 0.4484rem + 2.2305vw, 3.125rem);
	gap: 20px clamp(1.25rem, 0.1812rem + 2.974vw, 3.75rem);
}

.banner-buttons .btn {
	margin-bottom: 0;
}

.thank-you-for-payment-section .shipment-option-box {
	padding: 30px 22px;
	height: 100%;
}

.thank-you-for-payment-section .shipment-option-box .shipment-option-box-image {
	min-height: 212px;
	max-height: 212px;
}

.thank-you-for-payment-section .shipment-option-box .shipment-option-box-detail .btn {
	font-size: 11px;
	width: 100%;
	align-items: center;
	padding: 7.5px 17px;
	font-weight: 400;
	justify-content: space-between;
}

.with-eye-icon::after {
	content: "";
	width: 22px;
	height: 14px;
	background: url('data:image/svg+xml,<svg fill="%2300ff00" width="41px" height="25px" xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 41.07 25.52"><title>Artboard 1</title><path d="M40.9,12.13a23.17,23.17,0,0,0-40.74,0,1.34,1.34,0,0,0,0,1.26,23.17,23.17,0,0,0,40.74,0,1.29,1.29,0,0,0,0-1.26M20.53,22.55a9.79,9.79,0,1,1,9.79-9.79,9.79,9.79,0,0,1-9.79,9.79"></path><path d="M25.42,11.75a5,5,0,0,0-1.36-2.52l-.13-.1a4.93,4.93,0,0,0-3.4-1.36,5.28,5.28,0,0,0-.9.09l-.17,0-.12,0h0a5,5,0,0,0-3.65,3.64h0s0,.09,0,.13a.9.9,0,0,0,0,.16,4.61,4.61,0,0,0-.1.91,5,5,0,1,0,10,0,5.58,5.58,0,0,0-.1-1"></path></svg>') no-repeat;
	margin-left: auto;
	background-size: contain;
}

.with-eye-icon:hover:after {
	background: url('data:image/svg+xml,<svg fill="%23000" width="41px" height="25px" xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 41.07 25.52"><title>Artboard 1</title><path d="M40.9,12.13a23.17,23.17,0,0,0-40.74,0,1.34,1.34,0,0,0,0,1.26,23.17,23.17,0,0,0,40.74,0,1.29,1.29,0,0,0,0-1.26M20.53,22.55a9.79,9.79,0,1,1,9.79-9.79,9.79,9.79,0,0,1-9.79,9.79"></path><path d="M25.42,11.75a5,5,0,0,0-1.36-2.52l-.13-.1a4.93,4.93,0,0,0-3.4-1.36,5.28,5.28,0,0,0-.9.09l-.17,0-.12,0h0a5,5,0,0,0-3.65,3.64h0s0,.09,0,.13a.9.9,0,0,0,0,.16,4.61,4.61,0,0,0-.1.91,5,5,0,1,0,10,0,5.58,5.58,0,0,0-.1-1"></path></svg>') no-repeat;
	background-size: contain;

}

.thank-you-for-payment-section .shipment-option-box .shipment-option-box-detail .btn:after {
	margin-left: 10px;
}

.thank-you-for-payment-section {
	overflow-x: hidden;
}

.thank-you-for-payment-section>div>.row>div {
	padding-left: 40px;
	padding-right: 40px;
}

.thank-you-for-payment-section>div>.row {
	margin: 0 -40px;
}

.thank-you-for-payment-section>div>.row {
	row-gap: 50px;
}

.thank-you-for-payment-section .shipment-option-box .shipment-option-box-detail p {
	font-size: 10.33px;
	text-align: center;
}

.thank-you-for-payment-section .shipment-option-box .shipment-option-box-detail h3 {
	margin: 0 0 20px 15px;
}

.thank-you-for-payment-section .thank-you-for-payment-text {
	font-size: clamp(1rem, 0.813rem + 0.5204vw, 1.4375rem);
	font-weight: bold;
	color: var(--color-medium-gray);
	margin: 20px 0 clamp(1.875rem, -0.1289rem + 5.5762vw, 6.5625rem);
}

.payment-shipment-box-main .shipment-option-box-image {
	min-height: 158px !important;
	max-height: 158px !important;
	margin-bottom: 20px;
}

.depo-img-div {
	max-width: 215px;
}

.heading-with-img {
	display: flex;
	align-items: center;
}

.heading-with-img h2 {
	line-height: 32px;
	margin-bottom: 0px;
}

.heading-with-img img {
	width: 37px;
	height: auto;
	margin-left: 15px;
}

.documentation-section {
	padding: clamp(6.25rem, 3.5781rem + 7.4349vw, 12.5rem) 0 clamp(4.375rem, 2.2375rem + 5.948vw, 9.375rem);
}

.documentation-section h2,
.media-form-section h2 {
	margin-bottom: clamp(1.5625rem, 0.4937rem + 2.974vw, 4.0625rem);
}

.documentary-title {
	font-size: clamp(1.125rem, 0.8578rem + 0.7435vw, 1.75rem);
	font-weight: normal;
	margin-bottom: clamp(1.25rem, 0.7156rem + 1.487vw, 2.5rem);
	line-height: 1.36;
	max-width: 330px;
	min-height: 76px;
}

.with-download-icon {
	width: 100%;
	justify-content: space-between;
	display: flex;
	align-items: center;
	position: relative;
	background: var(--white-color);
	border: 1px solid transparent;
	padding: 11.5px 24px;
	border-radius: 32px;
}

.green-box .download-btn {
	background-color: transparent;
	border: 1px solid var(--black-color);
}

.download-btn:hover {
	background: var(--primary-color);
}

.green-box .download-btn:hover {
	background-color: var(--white-color);
	border: 1px solid var(--white-color);
}

.with-download-icon:after {
	content: "";
	display: inline-block;
	width: 22.908px;
	height: 22.908px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22.91px" height="22.91px" id="Layer_1" data-name="Layer 1" viewBox="0 0 22.91 22.91"><title>Artboard 1</title><path d="M17.82,22.91H5.09A5.09,5.09,0,0,1,0,17.82V16.54a1.28,1.28,0,0,1,2.55,0v1.28a2.53,2.53,0,0,0,2.54,2.54H17.82a2.53,2.53,0,0,0,2.54-2.54V16.54a1.28,1.28,0,0,1,2.55,0v1.28a5.09,5.09,0,0,1-5.09,5.09m-6.37-5.09a1.34,1.34,0,0,1-.49-.1,1.14,1.14,0,0,1-.39-.27h0L5.46,12.35a1.27,1.27,0,1,1,1.8-1.8l2.92,2.92V1.27a1.28,1.28,0,0,1,2.55,0v12.2l2.92-2.92a1.27,1.27,0,1,1,1.79,1.8l-5.09,5.09h0a.08.08,0,0,1,0,0,1.32,1.32,0,0,1-.35.23h0a1.39,1.39,0,0,1-.5.1"/></svg>') no-repeat;
	background-size: contain;
}

.documentary-box {
	padding: 48px 43px;
	border-radius: 22px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.documentation-section>div>.row {
	margin-right: -15px;
	margin-left: -15px;
	row-gap: 35px;
}

.documentation-section>div>.row>div {
	padding-right: 15px;
	padding-left: 15px;
}

.documentary-box .with-download-icon {
	margin-top: auto;
	max-width: 324px;
}

.documentary-box.btn-right .download-btn {
	margin-left: auto;
}

.documentary-box .with-download-icon {
	margin-top: auto;
}

.media-form-section .contact-form-wrapper .form-filed:last-of-type {
	margin-bottom: 0;
}

.documentary main section>div {
	position: relative;
	z-index: 2;
}

.documentary .media-form-section::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 46.8vw;
	height: 45.9vw;
	background: url(../images/bottom-right-logo.svg) no-repeat;
	background-size: contain;
	z-index: 1;
	opacity: 50%;
}

.contact-form-section.bg-white.media-form-section.position-relative {
	padding-bottom: clamp(6.25rem, 4.1392rem + 5.8736vw, 11.1875rem);
}

.row.documentary-box {
	flex-direction: unset;
}

/* outlets page */

.outlets-banner .banner-content {
	width: 38.5%;
}

.outlets-banner .banner-image {
	width: 61.5%;
}

.outlets-banner .banner-detail-wrapper {
	max-width: 92%;
	margin-right: unset;
	margin-left: unset;
	margin-top: 72px;
}

.banner-detail-wrapper .banner-text {
	font-size: 16.4px;
}

.outlets-banner {
	padding-top: 100px;
}

.registration-form-section {
	background-color: var(--black-color);
	color: #fff;
	position: relative;
}

.form-title {
	position: absolute;
	top: -38px;
	background: #000;
	padding: 10px;
	margin-left: 115px;
	border-radius: 20px 20px 0 0;
	font-size: 12.39px;
	font-weight: 600;
}


.registration-form-section .form-container {
	padding: 67px 0;
	max-width: 1172px;
	margin: 0 auto;
}

.section-divider a {
	font-size: 11.42px;
	font-weight: bold;
	background-color: #fff;
	padding: 7px 26px;
	border-radius: 50px;
	color: #000;
	display: inline-block;
}

.section-divider {
	margin-bottom: 32px;
}

.form-label {
	margin-bottom: 16px;
	font-size: 13.53px;
	font-weight: bold;
}

.form-select {
	font-size: 11.42px;
	font-weight: bold;
}

.form-control,
.form-select {
	display: block;
	width: 100%;
	max-width: 365px;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 50px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.shipment-form .form-control,
.shipment-left .form-filed {
	max-width: 600px;
}

.information-div {
	margin-top: 105px;
}

.kontaktni-udaje-section h6 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 45px;
	line-height: normal;
}

.opening-hours-section {
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1260px;
	padding: 100px 0 40px;
}

.photo-section-div {
	display: flex;
	justify-content: space-between;
	align-items: end;
	padding-bottom: 50px;
}

.section-header {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.opening-hours-left-text .radio-buttons [type="radio"]:checked+label,
.opening-hours-left-text .radio-buttons [type="radio"]:not(:checked)+label,
.photo-section-div .radio-buttons [type="radio"]:checked+label,
.photo-section-div .radio-buttons [type="radio"]:not(:checked)+label {
	font-size: 16px;
	line-height: 27px;
	padding-left: 37px;
}

.opening-hours-left-text .radio-buttons [type="radio"]:checked+label::before,
.opening-hours-left-text .radio-buttons [type="radio"]:not(:checked)+label::before,
.photo-section-div .radio-buttons [type="radio"]:checked+label::before,
.photo-section-div .radio-buttons [type="radio"]:not(:checked)+label::before {
	width: 24px;
	height: 24px;
}

.opening-hours-left-text .radio-buttons [type="radio"]:checked+label::after,
.opening-hours-left-text .radio-buttons [type="radio"]:not(:checked)+label::after,
.photo-section-div .radio-buttons [type="radio"]:checked+label::after,
.photo-section-div .radio-buttons [type="radio"]:not(:checked)+label::after {
	width: 19px;
	height: 19px;
	top: 2.5px;
	left: 3px;
}

.section-header input[type="radio"] {
	margin-right: 10px;
	transform: scale(1.2);
}

.section-title {
	font-weight: 600;
	font-size: 16px;
	color: #374151;
	margin: 0;
}

.section-subtitle {
	color: #6b7280;
	font-size: 14px;
	margin-left: 24px;
}

.instructions p {
	margin: 0 0 8px 0;
	font-size: 13px;
	color: #6b7280;
	line-height: 1.4;
}

.instructions p:last-child {
	margin-bottom: 0;
}

.opening-hours-table {
	margin-left: 28px;
}

.day-row {
	display: flex;
	align-items: center;
	margin-bottom: 28px;
	flex-wrap: wrap;
}

.day-label {
	font-weight: 600;
	color: #000;
	width: 60px;
	font-size: 14px;
	margin-right: 18px;
}

.time-block {
	display: flex;
	align-items: center;
	margin-right: 60px;
	flex-wrap: wrap;
}

.time-block:nth-child(odd) {
	margin-right: 0px;
}

.block-header-main {
	display: flex;
	align-items: center;
}

.block-header {
	font-size: 12px;
	color: #969696;
	margin-bottom: 60px;
	width: 100%;
	padding-left: 67px;
}

.block-header-first {
	padding-left: 82px;
}

.time-input {
	width: 138px;
	padding: 4.7px 8px;
	font-size: 13px;
	text-align: center;
	margin: 0 3px;
	background: #F2F2F3;
	border-radius: 30px;
	border: unset;
	font-weight: 600;
	color: #C4C4C4;
}

.time-separator {
	margin: 0 14px;
	color: #7F7F7F;
	font-weight: 500;
}

.photo-section {
	margin-top: 40px;
}

.photo-upload-area {
	margin-left: 28px;
	padding: 20px 0;
}

.upload-instructions {
	color: #6b7280;
	font-size: 14px;
	margin-bottom: 20px;
}

.upload-buttons {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

.upload-btn {
	background-color: transparent;
	border: 2px solid #979796;
	border-radius: 12px;
	padding: 4.5px 12px;
	color: #969696;
	font-size: 10px;
	cursor: pointer;
	transition: all 0.3s ease;
	max-width: 110px;
	text-align: center;
	font-weight: 600;
}

.upload-btn:hover {
	background-color: #e5e7eb;
	border-color: #9ca3af;
}

.submit-section {
	margin-top: 50px;
	text-align: center;
}

.submit-btn {
	background-color: #1f2937;
	color: white;
	border: none;
	border-radius: 25px;
	padding: 12px 40px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.submit-btn:hover {
	background-color: #111827;
	transform: translateY(-2px);
}

.privacy-note {
	color: #9ca3af;
	font-size: 12px;
	margin-top: 15px;
}

.opening-hours-left-text {
	max-width: 400px;
}

.light-label {
	color: #969696;
}

.submit-section input[type="submit"] {
	background-color: transparent;
	color: inherit;
	border: unset;
	font-weight: bold;
}

.submit-section .with-arrow::after {
	content: "";
	display: inline-block;
	min-width: 9px;
	height: 19px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" width="9px" height="19px" data-name="Layer 1" viewBox="0 0 9.16 19.39"><defs><style>.cls-1{fill:lime;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M.24,19.15A.8.8,0,0,1,.24,18l6.6-6.6A2.42,2.42,0,0,0,6.84,8L.24,1.38A.8.8,0,0,1,.24.24a.8.8,0,0,1,1.14,0L8,6.84a4,4,0,0,1,0,5.71l-6.6,6.6a.8.8,0,0,1-1.14,0"/></svg>') no-repeat;
	background-size: 100%;
	margin-left: 20px;
}

.time-block input[type="time"]::-webkit-datetime-edit-ampm-field {
	display: none;
}

.time-block input[type="time"]::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
}

.time-block input[type="time"]::-webkit-inner-spin-button {
	display: none;
	-webkit-appearance: none;
}

/* About-us page css start */

.about-us-page header .navbar-nav .nav-link,
.header-search input,
.header-search input[type="submit"],
.header-btn {
	font-size: 18px;
	font-weight: bold;
}

.about-us-page .header-right {
	margin-left: 100px;
}

.about-us-page .navbar-expand-lg .navbar-nav {
	align-items: center;
}

.dropdown-toggle::after {
	margin-left: -2px;
}

.about-icon a {
	position: relative;
}

.about-icon a::before {
	content: "";
	width: 14px;
	height: 22px;
	position: absolute;
	right: -17px;
	top: 3px;
	background-image: url(../images/dropup-down-icon.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.about-us-page .companies-location-section {
	background: #000;
}

.about-us-page h2 {
	font-size: 36.23px;
	line-height: 48px;
}

.about-us-page p {
	font-size: 17.63px;
}

.about-us-page p strong {
	font-weight: 600;
}

.the-story-section {
	padding: 130px 0 170px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.story-text-content {
	max-width: 745px;
}

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

.story-text-content p {
	margin-bottom: 30px;
}

.three-box-section {
	background: #597E3B;
	padding: 38px 0;
}

.three-box-img-div img {
	width: 100%;
	height: auto;
	max-width: 570px;
	text-align: end;
	margin-left: 32px;
}

.three-box-section h2 {
	color: #fff;
	line-height: 48px;
	margin-bottom: 45px;
}

.three-box-right-col {
	padding-left: 56px;
}

.robin-hood-section {
	padding: 150px 0 215px;
}

.robin-hood-section .row {
	align-items: center;
}

.robin-hood-img-div img {
	width: 100%;
	height: auto;
}

.robin-hood-section h2 {
	margin-bottom: 58px;
}

.e-shop-section {
	background-color: var(--primary-color);
}

.e-shop-img-div img {
	width: 100%;
	height: auto;
	margin-top: -50px;
	padding-bottom: 5px;
}

.e-shop-section h2 span {
	color: #fff;
}

.e-shop-text-content {
	max-width: 570px;
}

.e-shop-text-content p {
	margin-bottom: 34px;
}

.e-shop-section h2 {
	margin: 70px 0 50px;
}

.e-shop-btn a {
	width: 100%;
	max-width: 450px;
	margin-bottom: 0;
	margin-top: 20px;
	font-size: 26px;
	padding: 18px 76px 18px 42px;
	font-weight: 500;
}

.e-shop-right-col {
	padding-left: 98px;
}

.three-box-btn a {
	width: 100%;
	max-width: 315px;
	padding: 18px 76px 18px 42px;
	font-size: 26px;
	font-weight: 500;

}

.three-box-btn a:hover {
	background: #fff;
	color: #000;
}


/* About-us page css end */



@media (min-width: 992px) {

	.shipment-step-1 main .container,
	.shipment-step-2 main .container,
	.shipment-step-3 main .container,
	.shipment-step-4 main .container,
	.thank-you-for-payment main .container,
	.payment-not-successful main .container {
		width: 100%;
		max-width: 940px;
		margin: 0 auto;
	}

}

@media (min-width: 1200px) {
	.small-width-banner .container {
		max-width: 1054px;
	}

	header .container {
		max-width: 1180px;
	}

	.shipment-step-1 main .container,
	.shipment-step-2 main .container,
	.shipment-step-3 main .container,
	.shipment-step-4 main .container,
	.thank-you-for-payment main .container,
	.payment-not-successful main .container {
		width: 100%;
		max-width: 1070px;
		margin: 0 auto;
	}

}

@media (min-width: 1400px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1314px;
	}

	header .container {
		max-width: 1364px;
	}

}

@media (min-width: 1500px) {
	header .container {
		max-width: 1464px;
	}
}


@media (max-width: 1399px) {
	.vacant-image {
		max-width: 92%;
		margin-left: -10px;
		margin-bottom: -100px;
	}

	.chat-icon {
		padding: 16px;
	}

	.key-features-section h4 {
		font-size: 20px;
	}

	.list-box {
		padding: clamp(1.25rem, 0.6889rem + 1.5613vw, 2.5625rem) 24px clamp(1.25rem, 0.582rem + 1.8587vw, 2.8125rem);
	}

	.list-box-detail-text:not(.active-box .list-box-detail-text) {
		max-width: 240px;
	}

	.list-box-content {
		padding: 0 15px;
	}

	.companies-location-section .medium-right {
		transform: translate(-22%, -7%);
	}

	.companies-location-section .fourth-box {
		transform: translate(20%, 0%);
	}

	.companies-location-section .sixth-box {
		transform: translate(20%, 35%);
	}

	.companies-location-section .second-box {
		transform: translate(29%, 20%);
	}

	.cat-image {
		margin: -72px 0 -122px;
		transform: scale(1.1);
	}

	.favourite {
		font-size: 17px;
	}

	.order-detail.h3,
	.shipment-left-bottom li {
		font-size: 25px;
	}

	.hero-section.contact-hero-section .banner-image img {
		margin-right: -50px;
	}

	.hero-section.contact-hero-section h1 {
		font-size: 41px;
	}

	.hero-section.contact-hero-section .banner-content {
		width: 48.5%;
	}

	.hero-section.contact-hero-section .banner-image {
		width: 51.5%;
	}

	.gary-shape::before,
	.primary-color-shape::before {
		min-width: 280px;
	}

	.checkout-progress {
		margin-left: -138px;
		margin-right: -138px;
	}

	.checkform-label {
		padding-left: 60px;
		margin: 50px 0 0;
		font-size: 22px;
		line-height: 34px;
	}

	.checkform-label::before {
		padding: 16px;
	}

	.checkform-input:checked+.checkform-label::after {
		width: 11px;
		height: 23px;
		border-width: 0 4px 4px 0;
	}

	.shipment-step-wrapper h2,
	.payment-not-successful h2,
	.thank-you-for-payment h2,
	.documentary h2 {
		font-size: 40px;
	}

	.continue-btn,
	.pay-btn,
	.payment-not-successful-section .btn {
		margin-bottom: 0;
	}

	.terms-and-conditions-wrapper .checkform-label,
	.terms-and-conditions-wrapper .primary-color-link {
		font-size: 24px;
	}

	.continue-btn,
	.pay-btn,
	.payment-not-successful-section .btn {
		padding: 14px 71px 14px 30px;
	}

	.discount-coupon .btn {
		max-width: 272px;
	}

	.thank-you-for-payment-section>div>.row>div {
		padding-left: 24px;
		padding-right: 24px;
	}


	.thank-you-for-payment-section>div>.row {
		margin: 0 -24px;
	}

	.thank-you-for-payment-section .shipment-option-box {
		padding: 30px 16px;
	}

	.thank-you-for-payment-section .shipment-option-box .shipment-option-box-detail .btn {
		font-size: 13px;
		padding: 7.5px 14px;
	}

	.documentary-box {
		padding: 48px 32px;
	}

	.documentary-box .with-download-icon {
		max-width: 288px;
	}

	.opening-hours-section {
		flex-direction: column;
	}

	.opening-hours-left-text {
		width: 100%;
		max-width: 100%;
	}

	.opening-hours-table {
		width: 100%;
		margin-left: 0;
	}

	.day-label {
		margin-right: 0;
		margin-bottom: 15px;
	}

	.time-block {
		margin-right: 30px;
	}

	header .navbar-nav .nav-item:not(.nav-item:first-child) {
		margin-left: 22px;
	}

	.e-shop-section {
		padding-bottom: 30px;
	}

	.the-story-section {
		padding: 100px 0 100px;
	}

	.robin-hood-section {
		padding: 100px 0 150px;
	}

	.about-us-page .header-right {
		margin-left: 30px;
	}
}

@media (max-width: 1299px) {

	.first-box,
	.fifth-box {
		transform: translate(6%, 0);
	}
}

@media (max-width: 1199px) {
	.header-right {
		gap: 15px;
	}

	.vacant-image {
		max-width: 85%;
		margin-left: 30px;
		margin-top: -93px;
	}

	.location-detail-box {
		max-width: 378px;
	}

	.contact-chat-box {
		gap: 15px;
		padding: 30px 20px;
	}

	header .navbar-nav .nav-item:not(.nav-item:first-child) {
		margin-left: 20px;
	}

	.footer-app-icons {
		flex-wrap: wrap;
	}

	.first-box,
	.fifth-box {
		transform: translate(3%, 0);
	}

	.footer-menu.footer-center-menu {
		margin-left: 0px;
	}

	.key-features-section h4 {
		font-size: 16px;
	}

	.listing-box-section>div>.row>div {
		padding: 0 15px;
	}

	.listing-box-section>div>.row {
		margin: 0 -15px;
	}

	.favourite {
		font-size: 15px;
	}

	.listing-box-section .active-box {
		padding-top: 36px !important;
	}

	.list-box {
		padding: clamp(1.25rem, 0.6889rem + 1.5613vw, 2.5625rem) 15px clamp(1.25rem, 0.582rem + 1.8587vw, 2.8125rem);
	}

	.list-box .soft-green-btn {
		font-size: 16px;
		padding: 7.5px 15px;
	}

	.hero-section.small-width-banner .banner-image img {
		margin-right: 0px;
	}

	.companies-location-section .location-detail-box {
		max-width: 400px;
	}

	.companies-location-section.second-box,
	.companies-location-section .first-box {
		margin-bottom: 70px;
	}

	.companies-location-section .first-box {
		transform: translate(7%, 0);
	}

	.companies-location-section .second-box {
		transform: translate(4%, 46%);
	}

	.companies-location-section .medium-right {
		transform: translate(0%, -7%);
	}

	.companies-location-section .fourth-box {
		transform: translate(-3%, 4%);
	}

	.companies-location-section .fifth-box {
		transform: translate(7%, 28%);
	}

	.companies-location-section .sixth-box {
		transform: translate(-3%, 14%);
	}

	.news-letter-form .search-field {
		max-width: 200px;
	}

	.order-detail.h3,
	.shipment-left-bottom li {
		font-size: 22px;
	}

	.order-status-location {
		font-size: 20px;
	}

	.order-complete::after {
		width: 40.602px;
		height: 40.602px;
		left: -7px;
	}

	.order-status,
	.order-complete {
		padding-left: 50px;
	}

	.copy-btn,
	.share-link-btn {
		min-width: 25px;
		min-height: 25px;
	}

	.shipment-left-bottom {
		margin-top: -45px;
	}

	.order-tracking .arrow-shape {
		min-width: 42px;
		height: 42px;
	}

	.tracking-is-tracking svg {
		max-width: 55px;
		max-height: 55px;
	}

	.order-status,
	.order-complete,
	.shipment-left-bottom li {
		padding-bottom: 45px;
	}

	.hero-section.contact-hero-section .banner-image img {
		margin-right: 0;
	}

	.gary-shape::before,
	.primary-color-shape::before {
		min-width: 250px;
	}

	.checkout-progress {
		margin-left: -108px;
		margin-right: -108px;
	}

	.shipment-step-wrapper h2,
	.payment-not-successful h2,
	.thank-you-for-payment h2,
	.documentary h2 {
		font-size: 38px;
	}

	.shipment-submit-section .shipment-option-wrapper {
		width: 37%;
	}

	.shipment-submit-section .row {
		column-gap: 60px;
	}

	.shipment-size-row .shipment-option-wrapper {
		width: 47%;
	}

	.discount-coupon .btn {
		max-width: 252px;
		margin-left: -55px;
	}

	.terms-and-conditions-wrapper .checkform-label,
	.terms-and-conditions-wrapper .primary-color-link {
		font-size: 20px;
	}

	.discount-coupon input:not(.discount-coupon input[type="submit"]) {
		padding: 21px 64px 21px clamp(1.25rem, -0.086rem + 3.7175vw, 4.375rem);
	}

	.documentary-box {
		padding: 40px 25px;
	}

	.documentary-box .with-download-icon {
		max-width: 242px;
	}



	/*********************/
	.outlets-banner .banner-content {
		width: 50%;
	}

	.outlets-banner .banner-image {
		width: 50%;
	}

	.navbar-expand-lg .navbar-nav {
		flex-wrap: wrap;
		max-width: 283px;
	}

	/* about page responsive */
	.about-us-page header .navbar-nav .nav-link,
	.header-search input,
	.header-search input[type="submit"],
	.header-btn {
		font-size: 15px;
	}

	.about-us-page .header-search input {
		max-width: 135px;
	}

	.about-us-page .header-right {
		margin-left: 18px;
	}

	.about-us-page .header-right .btn {
		font-size: 15px;
		padding: 7.5px 12px;
	}

	.about-us-page .navbar-expand-lg .navbar-nav {
		max-width: 100%;
	}

	.about-us-page .header-right {
		gap: 5px;
	}

	.about-us-page header .navbar-nav .nav-item:not(.nav-item:first-child) {
		margin-left: 24px;
	}

	.about-us-page h2 {
		font-size: 26px;
		line-height: 36px;
	}

	.the-story-section {
		padding: 70px 0;
	}

	.robin-hood-section {
		padding: 70px 0 100px;
	}

	.e-shop-btn a {
		font-size: 20px;
		padding: 18px 55px 18px 42px;
	}

	.three-box-btn a {
		max-width: 265px;
		padding: 18px 55px 18px 42px;
		font-size: 20px;
	}

	.about-us-page ul.navbar-nav {
		margin-left: unset;
	}

	.about-us-page .navbar-expand-lg .navbar-nav {
		flex-wrap: unset;
	}
}

@media (max-width: 991px) {
	.navbar-toggler {
		width: 32px;
		height: 24px;
		padding: 0;
		background: transparent;
		border: unset;
		position: relative;
		cursor: pointer;
		z-index: 4;
		display: flex;
		justify-content: center;
	}

	.navbar-collapse {
		position: absolute;
		top: 100%;
		background: var(--black-color);
		width: 100%;
		height: 100vh;
		left: -100%;
		transition: all 0.3s;
		display: block !important;
		z-index: 9;
		overflow: auto;
	}

	.navbar-collapse.show {
		left: 0;
	}

	header nav {
		position: unset !important;
	}

	header {
		position: relative;
	}

	.banner-detail-wrapper {
		margin-top: 30px;
	}

	.close-icon,
	.navbar-toggler[aria-expanded="true"] .menu-icon {
		display: none;
	}

	.navbar-toggler[aria-expanded="true"] .close-icon {
		display: block;
	}

	.navbar-toggler:focus {
		box-shadow: unset;
	}

	header .navbar-nav .nav-item {
		text-align: center;
	}

	header .navbar-nav .nav-item:not(.nav-item:first-child) {
		margin: 40px 0 0 !important;
	}

	.header-right,
	.about-us-page .header-right {
		gap: 38px;
		flex-direction: column;
		margin-top: 38px;
	}

	ul.navbar-nav {
		margin-top: 15px;
	}

	header.white-header .navbar-nav .nav-link {
		color: var(--white-color) !important;
	}

	.white-header .header-search .search-field {
		background-color: var(--white-color);
	}

	header nav {
		padding: 20px 0 20px !important;
	}

	.location-detail-boxes {
		position: unset;
		display: flex;
		gap: 20px;
		flex-direction: column;
	}

	.location-detail-boxes .location-detail-box:nth-child(2n-1),
	.location-detail-box {
		margin: 0 auto;
	}

	.second-box {
		order: 1;
	}

	.fourth-box {
		order: 2;
	}

	.first-box {
		order: 3;
	}

	.third-box {
		order: 4;
	}

	.fifth-box {
		order: 5;
	}

	.location-detail-boxes>div {
		transform: unset;
	}

	.container,
	.container-md,
	.container-sm {
		max-width: 100%;
		padding-right: 24px;
		padding-left: 24px;
	}

	.section-title {
		max-width: 344px;
	}

	.changing-rules-section .section-title {
		max-width: 374px;
	}

	.right-image {
		margin-top: 0;
	}

	.right-image {
		margin-bottom: -96px;
		width: calc(100% + 78px);
		left: -54px;
		position: relative;
		text-align: center;
	}

	.key-features-section .row,
	.left-features-content {
		row-gap: 20px;
	}

	.contact-chat-box {
		gap: 22px;
		padding: 35px 20px;
	}

	.chat-text {
		max-width: 240px;
	}

	.vacant-image {
		max-width: unset;
		margin-left: 0;
		margin-top: 0;
		margin-bottom: 0;
		width: calc(100% + 48px);
		left: -24px;
	}

	.vacant-position-section .left-content {
		text-align: center;
		padding: 0;
	}

	.vacant-position-section {
		margin-bottom: 0;
		padding: 100px 0;
	}

	.vacant-position-section .section-title {
		max-width: 100%;
	}

	.vacant-position-section .row {
		gap: 45px;
	}

	.vacant-buttons .first-btn {
		left: 1.5%;
	}

	.vacant-buttons .third-btn {
		right: 1.5%;
	}

	.vacant-image>img,
	.right-image>img {
		width: 100%;
	}

	.download-app-section .row {
		gap: 40px;
		text-align: center;
	}

	.download-app-text {
		margin: 20px auto 0;
	}

	.download-app-section .left-content {
		padding: 0;
	}

	.download-app-section {
		padding: 100px 0;
	}

	.footer-right-menu {
		max-width: 100%;
		margin-left: unset;
	}

	.footer-top .row {
		row-gap: 60px;
	}

	.footer-brand {
		margin-bottom: 30px;
		text-align: center;
	}

	.key-features-section {
		padding-top: 196px;
	}

	.banner-image {
		width: 61.5%;
	}

	.banner-content {
		width: 38.5%;
	}

	.footer-top {
		padding-bottom: 100px;
	}

	.location-detail-box {
		max-width: 408px;
	}

	.social-list {
		margin-right: 0px;
	}

	.changing-rules-section .left-content {
		padding-top: 100px;
	}

	.changing-rules-section.find-nearest-point-section .left-content {
		padding-top: 0;
	}

	.key-features-section h4 {
		font-size: 22px;
	}

	.left-features-content>div {
		height: unset;
		overflow: unset;
		border-radius: 0;
	}

	.footer-bottom-menu li a {
		color: var(--primary-color);
	}

	.footer-bottom-menu li a:hover {
		color: var(--white-color);
	}

	.list-box-detail-text {
		max-width: 100% !important;
	}

	.list-box-content {
		max-width: 85%;
	}

	.news-listing-block .list-box-content {
		max-width: 100%;
	}

	.find-nearest-point-section .right-image {
		margin-top: 0;
		position: unset;
		width: 100%;
		margin-bottom: 0;
	}

	.listing-box-section {
		padding-bottom: 100px;
	}

	.companies-location-section .location-detail-box {
		transform: unset !important;
		order: unset;
	}

	.companies-location-section .location-detail-box {
		max-width: 470px;
	}

	.companies-location-section .medium-right,
	.companies-location-section .fourth-box,
	.companies-location-section.first-box,
	.companies-location-section .second-box {
		margin: 0 auto;
	}

	.contact-form-wrapper input:not(.contact-form-wrapper input[type="submit"]),
	.contact-form-wrapper textarea {
		padding: 20px 30px;
	}

	.cat-image {
		margin: 30px 0 0;
		transform: scale(1);
		text-align: center;
	}

	.cta-section .cta-text {
		font-size: 16px;
	}

	.cta-section .left-content {
		padding: 0;
	}

	.cta-section {
		padding: 100px 0;
		margin: 0;
	}

	.news-right-wrapper {
		margin-top: 30px;
	}

	.news-section {
		padding: 0 0 100px;
	}

	.news-right-wrapper h3 {
		margin-bottom: 20px;
	}

	.find-nearest-point-section {
		margin-bottom: 0;
		padding: 100px 0;
	}

	.order-status-location {
		margin-bottom: 15px;
	}

	.order-status-location {
		font-size: 18px;
	}

	.order-detail.h3,
	.shipment-left-bottom li {
		font-size: 20px;
	}

	.order-status,
	.order-complete,
	.shipment-left-bottom li {
		padding-bottom: 40px;
	}

	.hero-section.contact-hero-section .banner-content,
	.hero-section.contact-hero-section .banner-image {
		width: 100%;
		margin-top: 0;
	}

	.banner-detail-wrapper {
		margin-right: 0;
	}

	.hero-section.contact-hero-section .banner-image img {
		margin: 40px 0 0;
	}

	.hero-section.contact-hero-section h1 {
		font-size: 40px;
		max-width: 530px;
	}

	.gary-shape::before,
	.primary-color-shape::before {
		min-width: 200px;
	}

	.contact-section .contact-info:first-of-type {
		margin-bottom: 30px;
	}

	.block-text p {
		max-width: 100%;
	}

	.block-buttons {
		max-width: 100%;
		gap: 25px;
	}

	.contact-form-wrapper select {
		padding: 13.5px 40px 13.5px 20px;
	}

	.checkout-progress {
		margin-left: -78px;
		margin-right: -78px;
	}

	.circle {
		width: 60px;
		height: 60px;
		font-size: 18px;
	}

	.line {
		top: 30px;
	}

	.progress-item .link {
		/* margin-right: -51%; */
		font-size: 10px;
	}

	.shipment-step-wrapper h2,
	.payment-not-successful h2,
	.thank-you-for-payment h2,
	.documentary h2 {
		font-size: 34px;
	}

	.shipment-step-wrapper h2,
	.payment-not-successful h2,
	.thank-you-for-payment h2 {
		font-size: 28px !important;
	}

	.shipment-submit-section .row {
		column-gap: 40px;
	}

	.shipment-submit-section .shipment-option-wrapper {
		width: 44%;
	}

	.shipment-image-with-text-section .right-image {
		margin: 30px 0 0;
		width: 100%;
		position: unset;
	}

	.shipment-size-row .shipment-option-box-image {
		margin-bottom: 20px;
		min-height: 184px;
	}

	.shipment-size-row .row {
		gap: clamp(1.875rem, 0.2718rem + 4.461vw, 5.625rem) 0px;
	}

	.shipment-size-row .shipment-option-wrapper {
		width: 50%;
	}

	.summary-card {
		max-width: 100%;
	}

	.shipment-left {
		width: 62%;
	}

	.shipment-right {
		width: 38%;
	}

	.continue-btn,
	.pay-btn,
	.payment-not-successful-section .btn {
		font-size: 20px;
		padding: 12px 72px 12px 30px;
	}

	.checkform-label {
		font-size: 20px;
		padding-left: 55px;
		line-height: 30px;
	}

	.filed-wrapper input {
		padding: 15px 80px 15px 30px;
	}

	.progress-item.final-step .circle,
	.progress-item.final-step.completed .circle {
		background-size: 42px;
	}

	.shipment-form .row.form-filed>div:first-child {
		margin-bottom: clamp(1.5625rem, 0.9747rem + 1.6357vw, 2.9375rem);
	}

	.shipment-form input:not(.shipment-form input[type="radio"], .shipment-form input[type="submit"]),
	.shipment-form textarea {
		padding: 20px 30px;
	}

	.where-to-send-shipment-section .shipment-option-box-detail h3 {
		font-size: 22px;
	}

	.where-to-send-shipment-section .shipment-option-box-detail .btn {
		padding: 8.5px 15px;
	}

	.where-to-send-shipment-section .shipment-size-row .row {
		gap: 30px 0;
	}

	.where-to-send-shipment-section .shipment-size-row .shipment-option-wrapper {
		width: 50%;
	}

	.summary-detail-wrapper {
		font-size: 18px;
	}

	.discount-coupon .btn {
		max-width: 212px;
	}

	.terms-and-conditions-wrapper .checkform-label,
	.terms-and-conditions-wrapper .primary-color-link {
		font-size: 18px;
	}

	.thank-you-for-payment-section>div>.row {
		margin: 0 -20px;
	}

	.thank-you-for-payment-section>div>.row>div {
		padding-left: 20px;
		padding-right: 20px;
	}

	.documentary-box {
		padding: 30px 20px;
	}

	.documentary-box .with-download-icon {
		max-width: 180px;
	}

	.documentary-title {
		max-width: 290px;

	}




	.block-header {
		margin-bottom: 25px;
		padding-left: 0px;
		margin-top: 25px;
	}

	.block-header-first {
		padding-left: 0;
	}


	.information-div {
		margin-top: 30px;
	}

	.navbar-expand-lg .navbar-nav,
	.about-us-page .navbar-expand-lg .navbar-nav {
		max-width: unset;
	}

	.day-label {
		width: 100%;
	}

	/*****************************/
	.about-us-page br {
		display: none;
	}

	.story-text-content {
		max-width: 100%;
	}

	.the-story-section .row,
	.robin-hood-section .row {
		flex-direction: column-reverse;
	}

	.story-banner-img,
	.three-box-img-div,
	.robin-hood-img-div,
	.e-shop-img-div {
		display: flex;
		justify-content: center;
	}

	.story-banner-img img,
	.robin-hood-img-div img,
	.e-shop-img-div img {
		max-width: 500px;
	}

	.the-story-section {
		padding: 20px 0;
	}

	.three-box-right-col {
		padding-left: 0;
		text-align: center;
	}

	.three-box-section h2 {
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.robin-hood-section {
		padding: 40px 0;
	}

	.e-shop-text-content {
		max-width: 100%;
	}

	.e-shop-right-col {
		padding-left: 0;
	}

	.about-us-page .location-detail-boxes>.row {
		column-gap: 5px;
	}

	.about-us-page .dropdown-item {
		color: #fff;
		text-align: center;
		font-weight: bold;
		padding: 10px 0px;
	}

	.navbar-nav .dropdown-menu {
		background: transparent;
	}

	.dropdown-item:focus,
	.dropdown-item:hover {
		background-color: unset;
		color: var(--primary-color) !important;
	}

	.about-us-page header .navbar-nav .nav-link,
	.header-search input,
	.header-search input[type="submit"],
	.header-btn {
		font-size: 16px;
	}

	.dropdown-menu li a {
		font-size: 16px;
	}



}

@media (max-width: 767px) {
	.banner-detail-wrapper {
		margin-top: 0px;
	}

	.vacant-buttons .btn::after {
		display: none;
	}

	.banner-row>div {
		width: 100%;
	}

	.banner-detail-wrapper {
		max-width: 100%;
		margin-right: 0;
	}

	.banner-image {
		margin-top: -57px;
	}

	.banner-content {
		position: relative;
		z-index: 1;
	}

	.partner-content {
		margin-top: 0;
	}

	.partner-content {
		margin-top: 25px;
		text-align: center;
	}

	.partner-images {
		padding-bottom: 96px;
	}

	.vacant-buttons .btn {
		max-width: 132px;
		padding: 7.5px 10px;
		font-size: 16px;
		text-align: center;
		left: unset;
		top: unset;
	}

	.vacant-buttons {
		top: 60.3%;
		justify-content: space-evenly;
		height: calc(100% - 60.3%);
	}

	.privacy-menu li {
		text-align: center;
		margin-bottom: 23px;
	}

	.privacy-menu li:last-child {
		margin-bottom: 0;
	}

	.copy-right-text {
		margin-bottom: 23px !important;
	}

	.footer-bottom-menu li {
		margin-bottom: 12px;
	}

	.footer-bottom {
		padding: 67px 0 52px;
	}

	.location-detail-box {
		gap: 14px;
		padding: 27px 20px;
	}

	.banner-detail-wrapper h1 {
		max-width: 280px;
	}

	.hero-section.small-width-banner .banner-image img {
		margin-right: 0;
	}

	.hero-section.small-width-banner .banner-image {
		margin-top: 25px;
		text-align: center;
	}

	.contact-right-image {
		margin-bottom: 20px;
	}

	.companies-location-section .location-detail-box {
		gap: 20px;
	}

	.companies-partner-section .partner-images .img-fluid {
		max-width: max-content;
		width: 100%;
	}

	.news-search .search-form:not(.news-letter-form .search-form) {
		justify-content: center;
		margin-top: 30px;
	}

	.news-menu {
		justify-content: center;
	}

	.date-with-tag {
		flex-direction: column;
		gap: 10px;
		margin-bottom: 20px;
	}

	.active-box .list-box {
		padding: 65px clamp(0.9375rem, 0.51rem + 1.1896vw, 1.9375rem) clamp(2.5rem, 1.2175rem + 3.5688vw, 5.5rem) clamp(0.9375rem, 0.51rem + 1.1896vw, 1.9375rem);
	}

	.listing-box-section .list-box {
		max-width: 400px;
		margin: 0 auto;
	}

	.shipment-detail-right {
		max-width: 100%;
		margin: 40px 0 0;
	}

	.shipment-left-bottom {
		border-radius: 0 0 22px 22px;
	}

	.shipment-left-top,
	.shipment-left-bottom {
		border-radius: 22px;
	}

	.order-status-info {
		max-width: 100%;
	}

	.gary-shape::before,
	.primary-color-shape::before {
		min-width: 110px;
		height: 10px;
	}

	.contact-title {
		text-align: center;
	}

	.checkout-progress {
		margin-left: -48px;
		margin-right: -48px;
	}

	.progress-item .link {
		/* margin-right: -51%; */
		font-size: 8px;
	}

	.shipment-step-wrapper h2,
	.payment-not-successful h2,
	.thank-you-for-payment h2,
	.documentary h2 {
		font-size: 32px;
	}

	.shipment-step-wrapper h2,
	.payment-not-successful h2,
	.thank-you-for-payment h2 {
		font-size: 24px !important;
	}

	.shipment-submit-section .row {
		column-gap: 0px;
	}

	.shipment-submit-section .shipment-option-wrapper {
		width: 50%;
	}

	.shipment-left,
	.shipment-right {
		width: 100%;
	}

	.shipment-size-row {
		row-gap: 50px;
	}

	.checkform-label::before {
		padding: 14px;
	}

	.checkform-input:checked+.checkform-label::after {
		width: 9px;
		height: 21px;
		border-width: 0 3px 3px 0;
	}

	.checkform-label {
		font-size: 18px;
		padding-left: 45px;
		margin: 30px 0 0px;
		line-height: 28px;
	}

	.continue-btn,
	.pay-btn,
	.payment-not-successful-section .btn {
		font-size: 18px;
		padding: 12px 62px 12px 30px;
		margin-top: 40px;
	}

	.with-arrow.continue-btn::after,
	.with-arrow.pay-btn::after,
	.payment-not-successful-section .with-arrow::after {
		right: 25px;
	}

	.radio-buttons [type="radio"]:checked+label::after,
	.radio-buttons [type="radio"]:not(:checked)+label::after {
		width: 22px;
		height: 22px;
		top: 1px;
		left: 1px;
	}

	.radio-buttons [type="radio"]:checked+label::before,
	.radio-buttons [type="radio"]:not(:checked)+label::before {
		width: 24px;
		height: 24px;
	}

	.radio-buttons [type="radio"]:checked+label,
	.radio-buttons [type="radio"]:not(:checked)+label {
		padding-left: 33px;
		line-height: 28px;
	}

	.shipment-step-2 .continue-btn {
		margin: 40px 0 0 12px;
		position: relative;
	}

	.shipment-form-section .shipment-right {
		margin-top: 50px;
	}

	.shipment-form input:not(.shipment-form input[type="radio"], .shipment-form input[type="submit"]),
	.shipment-form textarea {
		padding: 20px 20px;
		border-radius: 30px;
	}

	.shipment-form label:not(.checkform-label) {
		font-size: 16px;
	}

	.filed-wrapper input {
		padding: 15px 65px 15px 20px;
		border-radius: 30px;
	}

	.send-parcel-on-delivery-section .shipment-form {
		max-width: 100%;
	}

	.filed-wrapper {
		max-width: 100%;
	}

	.card-option {
		margin: 20px 0 30px;
	}

	.payment-not-successful-image {
		text-align: center;
		margin-bottom: 40px;
	}

	.payment-not-successful-section>div>.row {
		flex-direction: column-reverse;
	}

	.banner-buttons .btn {
		margin-top: 0;
	}

	.thank-you-for-payment-section>div>.row {
		row-gap: 30px;
	}

	.summary-card {
		padding-left: 20px;
		padding-right: 20px;
	}

	.documentary-title {
		max-width: 100%;
		min-height: unset;
	}

	.documentary-box.btn-right .download-btn {
		margin: unset;
	}

	.documentation-section>div>.row>div {
		width: 50%;
	}

	.with-download-icon {
		padding: 8.5px 19px;
	}

	.media-form-section .contact-form-wrapper .submit-filed {
		margin: 30px 0 0;
	}



	/*********************/
	.outlets-banner .banner-content {
		width: 100%;
	}

	.outlets-banner .banner-image {
		width: 100%;
	}

	.outlets-banner .row {
		flex-flow: column;
	}

	.outlets-banner .banner-detail-wrapper {
		max-width: 100%;
		margin-top: 15px;
	}

	.outlets-banner .banner-image {
		margin-top: 20px;
	}

	.time-block {
		margin-right: 0;
		width: 50%;
		margin-bottom: 15px;
	}

	.photo-section-div {
		align-items: flex-start;
		flex-direction: column;
		padding-bottom: 40px;
	}

	.photo-section {
		margin-top: 0px;
		width: 100%;
	}

	.section-title {
		max-width: 100%;
	}

	.photo-section .section-header {
		display: flex;
		align-items: center;
		margin-bottom: 5px;
	}

	.submit-section {
		margin-top: 30px;
	}

	.time-separator {
		margin: 0 3px;
	}

	.time-input {
		width: 100px;
	}

}

@media (max-width: 575px) {
	.vacant-buttons .btn {
		max-width: 112px;
	}

	.vacant-buttons {
		top: 54.3%;
		height: calc(100% - 54.3%);
	}

	.changing-rules-section .section-title {
		max-width: 344px;
	}

	.list-box-content {
		max-width: 100%;
		padding: 0;
	}

	.find-nearest-point-section .right-image {
		margin-bottom: -50px;
	}

	.submit-filed {
		max-width: 200px;
		padding: 10px 37px 10px 21px;
	}

	.cta-section {
		text-align: center;
	}

	.news-search .search-form {
		justify-content: center;
		margin: 25px 0;
	}

	.news-listing-block .list-box-content {
		padding: 0;
	}

	.date {
		font-size: 16px;
	}

	.listing-box-section .list-box {
		max-width: 100%;
	}

	.order-detail.h3,
	.shipment-left-bottom li {
		font-size: 18px;
	}

	.order-detail.h3,
	.shipment-left-bottom li {
		font-size: 17px;
	}

	.order-status,
	.order-complete {
		padding-left: 40px;
	}

	.order-complete::after {
		width: 33.602px;
		height: 33.602px;
		left: -5px;
	}

	.order-tracking .arrow-shape {
		min-width: 35px;
		height: 35px;
	}

	.tracking-is-tracking svg {
		max-width: 48px;
		max-height: 48px;
	}

	.copy-btn,
	.share-link-btn {
		min-width: 20px;
		min-height: 20px;
	}

	.gary-shape::before,
	.primary-color-shape::before {
		min-width: 70px;
		top: 9px;
		position: relative;
	}

	.gary-shape,
	.primary-color-shape {
		align-items: start;
		gap: 15px;
	}

	.contact-form-wrapper input::placeholder,
	.contact-form-wrapper textarea::placeholder,
	.contact-form-wrapper input:not(.contact-form-wrapper input[type="submit"]),
	.contact-form-wrapper textarea,
	.contact-form-wrapper select {
		font-size: 16px;
	}

	.contact-form-wrapper input:not(.contact-form-wrapper input[type="submit"]),
	.contact-form-wrapper textarea {
		padding: 20px 15px;
	}

	.block-buttons a {
		font-size: 16px;
	}

	.block-buttons .with-arrow::after,
	.map-bottom-detail .transparent-with-black-border-btn::after {
		margin-left: 20px;
	}

	.contact-form-wrapper select {
		background-size: 19px;
		background-position: 95% center;
	}

	.contact-form-wrapper select {
		padding: 11.5px 40px 11.5px 15px;
	}

	.circle {
		width: 45px;
		height: 45px;
		font-size: 16px;
	}

	.line {
		top: 21.5px;
	}

	.circle::after,
	.circle::before {
		width: 4px;
		height: 4px;
		left: -4px;
	}

	.circle::before {
		right: -4px;
		left: unset;
	}

	.progress-item.final-step .circle,
	.progress-item.final-step.completed .circle {
		background-size: 32px;
	}

	.label {
		font-size: 15px;
		padding: 10px 0 20px;
	}

	.progress-item .link {
		bottom: -3px;
	}

	.progress-item .link {
		text-align: left;
		/* margin-right: -61%; */
	}

	.shipment-submit-section .shipment-option-wrapper {
		width: 100%;
	}

	.shipment-submit-section .row {
		column-gap: 0px;
		row-gap: 30px;
	}

	.shipment-size-row .shipment-option-box-image {
		min-height: auto;
	}

	.shipment-option-box-detail h3 {
		font-size: 22px;
	}

	.shipment-option-box-detail .price {
		font-size: 18px;
	}

	.size-detail span {
		font-size: 14px;
	}

	.shipment-size-row .row {
		gap: 30px 0;
	}

	.shipment-size-row {
		row-gap: 30px;
	}

	.show-hide-icon svg {
		width: 25px;
		height: 25px;
	}

	.filed-wrapper input {
		padding: 15px 42px 15px 15px;
	}

	.filed-wrapper input::placeholder {
		font-size: 16px;
	}

	.filed-wrapper .show-hide-icon:not(.filed-wrapper input.hidden-password ~ .show-hide-icon)::after {
		top: 0px;
		right: 9px;
		width: 6px;
		height: calc(100% + 0px);
	}

	.checkform-label {
		font-size: 16px;
		padding-left: 35px;
		margin: 30px 0 0px;
		line-height: 22px;
	}

	.shipment-form-section .shipment-right {
		margin-top: 30px;
	}

	.where-to-send-shipment-section .shipment-size-row .shipment-option-wrapper {
		width: 100%;
	}

	.send-parcel-on-delivery-section .checkform-label>span:last-child {
		margin-right: 0;
	}

	.checkform-label::before {
		padding: 10px;
		border-radius: 8px;
	}

	.checkform-input:checked+.checkform-label::after {
		width: 8px;
		height: 16px;
	}

	.discount-coupon input:not(.discount-coupon input[type="submit"]) {
		padding: 15px 64px 15px clamp(1.25rem, -0.086rem + 3.7175vw, 4.375rem);
	}

	.discount-coupon .btn {
		max-width: 132px;
	}

	.terms-and-conditions-wrapper .checkform-label,
	.terms-and-conditions-wrapper .primary-color-link,
	.summary-detail-wrapper {
		font-size: 16px;
	}

	.contact-info p span {
		display: block;
	}

	.documentation-section>div>.row>div {
		width: 100%;
	}

	.documentation-section>div>.row {
		row-gap: 25px;
	}


	/*  */


	.registration-form-section .form-control,
	.form-select {
		max-width: 100%;
	}

	.time-input {
		width: 100%;
		padding: 4.7px 2px;
		margin: 0 0px;
		max-width: 75px;
	}

	.time-block {
		width: 47%;
	}

	.banner-buttons a {
		padding: 13px 50px 13px 22px !important;
	}

	.parcel-on-label-text {
		font-size: 14px;
	}

	.shipment-step-wrapper h2,
	.payment-not-successful h2,
	.thank-you-for-payment h2 {
		font-size: 20px !important;
	}

	.e-shop-btn a {
		font-size: 18px;
		padding: 10px 24px 10px 29px;
	}

	.three-box-btn a {
		padding: 10px 35px 10px 30px;
		font-size: 18px;
	}

	.about-us-page p {
		font-size: 15px;
	}

	.story-text-content p,
	.e-shop-text-content p {
		margin-bottom: 15px;
	}

	.robin-hood-section h2 {
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.e-shop-section h2 {
		margin: 20px 0;
	}

	.e-shop-img-div img {
		margin-top: -30px;
		padding-bottom: 0;
	}
}

@media (max-width: 410px) {
	.time-input {
		max-width: 65px;
		font-size: 12px;
	}
}

@media (max-width: 375px) {
	.vacant-buttons .btn {
		max-width: 92px;
		font-size: 14px;
	}

	.btn {
		padding: 7.5px 18px;
		font-size: 16px;
	}

	.submit-filed {
		padding: 10px 37px 10px 21px;
	}

	.contact-chat-box {
		padding: 35px 15px;
	}

	.chat-text {
		font-size: 20px;
	}

	.black-with-border-btn::after,
	.white-btn.black-with-border-btn:hover::after,
	.with-arrow::after {
		margin-left: 15px;
	}

	.contact-form-wrapper input::placeholder,
	.contact-form-wrapper textarea::placeholder {
		font-size: 12px;
	}

	.block-buttons a {
		font-size: 14px;
	}

	.block-buttons .with-arrow::after,
	.map-bottom-detail .transparent-with-black-border-btn::after {
		margin-left: 12px;
		background-size: contain;
		min-width: 7px;
		height: 15px;
	}

	.shipment-size-row .shipment-option-wrapper {
		width: 100%;
	}

	.filed-wrapper input::placeholder {
		font-size: 12px;
	}

	.continue-btn,
	.pay-btn,
	.payment-not-successful-section .btn {
		font-size: 15px;
		padding: 10px 52px 10px 20px;
	}

	.circle {
		width: 35px;
		height: 35px;
	}

	.line {
		top: 17.5px;
	}

	.progress-item.final-step .circle,
	.progress-item.final-step.completed .circle {
		background-size: 24px;
	}

	.label {
		font-size: 14px;
	}

	.checkform-label {
		font-size: 15px;
		padding-left: 35px;
	}

	.summary-card {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 360px) {
	.time-input {
		max-width: 58px;
		font-size: 11px;
	}
}