@font-face {
    font-family: dunkin-sans;
    src: url(../fonts/DunkinSans/DunkinSans-Book.woff2?io9a6k) format('woff2'),url(../fonts/DunkinSans/DunkinSans-Book.woff?io9a6k) format('woff'),url(../fonts/DunkinSans/DunkinSans-Book.ttf?io9a6k) format('truetype');
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: dunkin-sans;
    src: url(../fonts/DunkinSans/DunkinSans-Medium.woff2?io9a6k) format('woff2'),url(../fonts/DunkinSans/DunkinSans-Medium.woff?io9a6k) format('woff'),url(../fonts/DunkinSans/DunkinSans-Medium.ttf?io9a6k) format('truetype');
    font-display: swap;
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: dunkin-sans;
    src: url(../fonts/DunkinSans/DunkinSans-ExtraBold.woff2?io9a6k) format('woff2'),url(../fonts/DunkinSans/DunkinSans-ExtraBold.woff?io9a6k) format('woff'),url(../fonts/DunkinSans/DunkinSans-ExtraBold.ttf?io9a6k) format('truetype');
    font-display: swap;
    font-weight: 800;
    font-style: normal;
}

.order-inquiry.columns {
    margin: 0;
    width: 100%;
    max-width: none;
    padding: 0;
    font-family: dunkin-sans, sans-serif;
    font-weight: 400;
    padding: 1.5rem;
    background-color: #fff;
}
.order-inquiry.columns .main .contact-us-info {
    position: relative;
    z-index: 0;
}
.order-inquiry.columns .main .contact-us-info::before {
    background-image: url("../images/contact-us-donut.png");
    position: absolute;
    top: 17px;
    left: -20px;
    z-index: -10;
    height: 257px;
    width: 243px;
    background-size: contain;
}
.order-inquiry.columns .main .contact-us-info::after {
    background-image: url("../images/contact-us-cup.png");
    position: absolute;
    top: 32px;
    right: 0px;
    z-index: -10;
    height: 336px;
    width: 336px;
    background-size: contain;
}
.order-inquiry.columns .grid {
    display: grid;
    column-gap: 50px;
}
.order-inquiry.columns .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.order-inquiry.columns {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    -moz-column-gap: 2rem;
    column-gap: 2rem;
	grid-template-rows: auto minmax(0, 1fr);
}
.order-inquiry.columns .main {
    overflow: hidden;
}
.order-inquiry.columns .main {
    order: 2;
}
.order-inquiry label:not(.inline-label) {
    margin-bottom: 0.5rem;
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 800;
    text-transform: uppercase;
    opacity: 1;
    color: #3e342f;
}
.order-inquiry.columns h1{
	font-weight: 800;
    text-transform: uppercase;
    opacity: 1;
    color: #3e342f;
    margin-bottom: 1.5rem; 
    font-family: dunkin-sans, sans-serif;
}
.order-inquiry.columns .text-orange{
	color: #ef6a00;
}
.order-inquiry.columns .form-select{
    display: block;
    width: 100%;
    border-radius: 10px;
    border-width: 2px;
    border-color: #dcc7b7;
    opacity: 1;
    background-color: #ffffff;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    font-size: 16px;
    line-height: 1.5rem;
    margin-bottom: 1rem
}
.order-inquiry.columns .form-select {
    background-image: url("https://dunkin.co.uk/static/version1708602954/frontend/Magebit/dunkin/en_GB/images/ic_arrow-dropdown-brown.svg");
    background-size: 24px;
    background-position: right 20px center;
}
.order-inquiry.columns .form-select:hover{
	border-color: #3e342f;
}
.order-inquiry.columns .form-select:hover{
	border-color: #3e342f;
}
.order-inquiry.columns .form-select:focus{
	border-color: #ef6a00;
}
.order-inquiry.columns .btn{
	display: flex;
    align-items: center;
    justify-content: center;
    border-width: 4px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.5rem;
    border-radius: 9999px;
}
.order-inquiry.columns .btn:hover{
	cursor: pointer;
}
.order-inquiry.columns .btn-sec .btn-primary {
    border-color: #ef6a00;
    background-color: #ef6a00;
    color: #ffffff;
}
.order-inquiry.columns .btn-sec .btn-primary:hover{
	background-color: #c63663;
	border-color: #c63663;
}
.order-inquiry.columns{
    padding: 1.5rem 
}

@media (min-width: 1024px){
	.order-inquiry.columns .main .contact-us-info::before {
	    content: "";
	    display: block;
	}
	.order-inquiry.columns .main .contact-us-info::after {
	    content: "";
	    display: block;
	}
	.order-inquiry.columns h1 {
	    font-size: 40px;
	    line-height: 48px;
	    margin-bottom: 3.75rem 
	}
	.order-inquiry.columns .form-select {
    	background-position: right 24px center;
    	padding-top: 0.875rem;
		padding-bottom: 0.875rem;
    	padding-right: 2.875rem;
    	padding-left: 1.375rem;
    	font-size: 18px;
    	line-height: 1.5rem;
    	margin-bottom: 2.75rem
	}
	.order-inquiry.columns .btn {
	    padding-top: 0.75rem;
	    padding-bottom: 0.75rem;
	}
	.order-inquiry.columns .btn:hover{
		transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(0.98) scaleY(0.98);
	}
}

@media (min-width: 768px){
	.order-inquiry.columns .main {
	    background: linear-gradient(to right, #fff 52%, #f8f4f1 48%)

	}
	.order-inquiry.columns .md\:grid-cols-2 {
    	grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.order-inquiry.columns .btn {
	    transition-timing-function: cubic-bezier(.4,0,.2,1);
	    transition-duration: 200ms;
	    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	}
}