/* 
 * AUDI BRAND
 * Copyright (c) 2025 
 */
body {
	font-family: 'AudiRegularExtendNormal', sans-serif;
}

.make-logo-img {
	width: 100%;
	max-width: 70px;
}

/* TEXT FONT FAMILY STYLE */
.header-dealer-info a,
.cp-header,
.cp-name,
.cp-price,
.cp-dealer-name {
	font-family: 'AudiRegularExtendNormal', sans-serif;
}
.save-offer-popup h5.heading,
.thank-you-popup-inner-section h5.heading,
.coupon-name,
.coupon-price,
.coupon-title {
	font-family: 'AudiRegularExtendNormal', sans-serif;
}

.hero-content-inner-section .content-group > p {
	font-family: 'AudiRegularWideNormal', sans-serif;
}

.button-full-black,
.button-full-white {
	font-family: 'AudiRegularNormal', sans-serif;
}

.save-offer-popup > *,
.thank-you-container > *,
.offer-inner-section .offer-content-box > p,
.coupons-ul,
.coupon-section {
	font-family: 'AudiRegularNormal', sans-serif;
}
.save-offer-popup input {
	font-family: 'AudiRegularWideNormal', sans-serif;
}
.cp-block-box h6 {
	font-family: 'AudiRegularNormal', sans-serif;
}

.footer-container {
	font-family: 'AudiRegularNormal', sans-serif;
}


.offer-inner-section .section-header h2{
	font-family: 'AudiRegularExtendNormalBold', sans-serif;
}

/* FONT SIZE 18px */
.header-dealer-info > a {
	font-size: 18px;
}

/* FONT SIZE 20px */
.hero-content-inner-section .content-group > p {
	font-size: 20px;
}

/* FONT SIZE 42px */
.offer-inner-section .section-header h2 {
	font-size: 42px;
}

/* FONT SIZE 16px */
.footer-inner-section > *,
.offer-inner-section .offer-content-box > p {
	font-size: 16px;
}

@media only screen and ( min-width: 1200px ) { /* desktop preview */
	.pc-only {
		display: block;
	}
	.mobile-only {
		display: none;
	}
	.hero-content-container-section {
		max-width: 400px;
	}
	.hero-content-inner-section {
		width: 385px;
		margin: 0 auto;
	}
	.hero-content-inner-section .content-group,
	.hero-content-inner-section .button-group {
		width: calc(100% - 20%);
		margin: 0 auto;
	}
	.hero-content-inner-section .button-group > button { 
		width: 100%;
	}
	.offer-list-box {
		width: 100%;
	}
	.owl-item:hover {
		cursor: pointer;
	}
	.coupons-li {
		width: calc(100% - 20px);
		height: 100%;
		border: 1px solid #D9D9D9;
	}
	.coupon_item_wrap:hover {
		box-shadow: 0px 20px 40px 0px #0000001A;
		transition: all 0.4s ease-out;
	}
	.offer-inner-section {
		padding-top: 20px;
		width: calc(100% - 10px);
		margin: 20px auto;
	}
	.offer-inner-section .section-header,
	.offer-inner-section .offer-content-box {
		text-align: center;
		width: calc(100% - 40px);
		margin: 0 auto;
	}
	
	.save-offer-popup,
	.thank-you-container {
		gap: 20px;
	}
	.footer-left-section {
		width: 55%;
		margin: 0 auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.footer-left-section,
	.footer-right-section {
		flex-direction: row;
	}
	.footer-contact-us,
	.footer-service-hours {
		display: flex;
		flex-direction: column;
		width: 50%;
		height: 100%;
		max-width: 350px;
	}
	#map {
		height: 100%;
		width: 100%;
	}
	.footer-map {
		display: inline-block;
		height: 100%;
		max-width: 478px; /* as per the figma guide */ 
		padding: 15px;
	}
	/* SAVE YOUR OFFER STYLE */
	.save-offer-popup {
		gap: 20px;
	}
	/* SAVE YOUR OFFER STYLE */

}

@media only screen and ( max-width: 1200px ) { /* mobile preview */
	.pc-only {
		display: none;
	}
	.mobile-only {
		display: block;
	}
	.header-inner-section {
		flex-direction: column;
		justify-content: space-around;
		height: 150px;
	}
	.header-inner-section .make,
	.header-inner-section .header-dealer-info {
		display: flex;
		align-items: center;
		justify-content: space-around;
		width: 100%;
		height: 100%;
		text-align: center;
	}
	.header-inner-section .header-dealer-info {
		background: #000000;
		color: #FFFFFF;
		font-size: 18px;
	}
	section.main-video-section {
		flex-direction: column-reverse;
	}
	.hero-content-inner-section {
		width: calc(100% - 40px );
		margin: 0 auto;
	}
	.hero-content-inner-section .content-group {
		padding-bottom: 20px;
	}
	.hero-content-inner-section .button-group {
		display: flex;
		gap: 20px;
		padding-bottom: 20px;
		justify-content: center;
		flex-wrap: wrap;
	}
	.hero-content-inner-section .content-group,
	.hero-content-inner-section .button-group {
		width: 100%;
		height: 100%;
	}
	.hero-content-inner-section .content-group > p {
		font-size: 18px;
	}
	.hero-content-inner-section .content-group > p > span {
		display: inline-block;
	}
	.hero-content-inner-section .button-group a > button {
		width: 170px;
	}
	.offer-list-box {
		width: calc(100% - 40px);
		box-shadow: 0px 20px 40px 0px #0000001A;
	}
	.offer-inner-section .section-header h2 {
		font-size: 30px;
		font-weight: 700;
	}
	.offer-inner-section .section-header,
	.offer-inner-section .offer-content-box {
		text-align: left;
	}
	
	.offer-inner-section {
		/* width: calc(100% - 20px); */
		padding: 10px;
		align-items: center;
        width: 100%;
	}
	.offer-inner-section .offer-content-box > p > span {
		display: inline;
	}
	.coupons-li {
		width: 100%;
		height: 100%;
	}
	section.footer-container {
		min-height: 900px;
	}
	.footer-left-section {
		flex-direction: column-reverse;
		width: 100%;
		margin: 0 auto;
		padding-top: 20px;
		padding-bottom: 20px;
		justify-content: space-between;
		gap: 20px;
	}

	.footer-contact-us,
	.footer-service-hours {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100%;
		max-width: 350px;
	}
	.footer-inner-section {
		flex-direction: column-reverse;
		width: calc(100% - 40px);
		margin: 0 auto;
	}
	.footer-schedule-service {
		display: none;
	}
	.footer-map-info #map > a {
		display: block;
		width: 100%;
	}
	.footer-map-info #map > a > img {
		display: block;
		width: 100%;
		height: 100%;
	}
	.footer-right-section {
		padding-top: 20px;
	}
	.footer-schedule-service-section {
		display: inline-block;
		width: 100%;
		height: 70px;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 10;
	}
	.footer-schedule-service-inner {
		display: inline-block;
		width: 100%;
		height: 100%;
	}
	.footer-schedule-service-inner .button-full-black {
		display: flex;
		width: 100%;
		height: 100%;
		justify-content: space-around;
		border: 2px solid #FFFFFF;
		font-size: 18px;
		font-weight: bolder;
	}
}