@charset "utf-8";

body{
	font-family: "CadillacGothicRegular", sans-serif !important;
	/*text-overflow: 0px 1px 1px var(--secondary-black);*/
	background-color: var(--primary-white);
}

.cadillac_template{
	--primary-brand-color: #282828;
	--primary-black: #282828;
	--primary-white: #FFF;
	--primary-mb-nav-color: #25282A;
	--secondary-black: #000;
	--secondary-brand-color: #F3C846;
	--secondary-brand-color-dark: #9f9f9f; /*#C8800D;*/
	--tertiary-brand-color: #2C28E8;
	--secondary-grey-25: #D2D2D2;
	--anchor-link: #11365F;
}



a,
a:visited,
a:active{
	color: currentColor;
}

div.brand-fg-color-1{
	color : var(--secondary-brand-color-dark) !important;
}

p{
	line-height: 1.5;
	font-size: 16px;
}
p.medium,
.paragraph.medium{
	/*Cadillac Font is slightly larger than other brands*/
	font-size: 17px;
}


.header{
	background-color: transparent;
	justify-content: center;
    align-items: center;
}

.header.pc-only .contact-detail-visit-us,
.header.pc-only .visit-us{
	flex-basis: 288px;
}

.header.pc-only .logo-dealer-name{
	flex-basis: auto;
}

.header{
	padding: 1rem 6rem !important;
}

.footer{
	padding: 2rem 6rem !important;
	margin-bottom: 0.2rem !important;
}

/*uppercase*/
h1, .heading1, h2, h3, h4, h5, .cp-header-container{
	text-transform: uppercase;
}

h2{
	font-size: 24px;
}

/* coupon text color */
.cp-container{
	color: var(--primary-black);
}
/* Override font size for coupon authentication form as per design requirements.
	This also ensures the font size uses px instead of em, overriding default.css. */
.coupon_container_auth_form .form-other-methods-selector .cp-text-small > span {
	font-size: 16px;
}




/*PVLP OVERLAY*/
#anim_ymm_add,
.uwm_anim_text .uwm_anim_text_box{
	font-family: "CadillacGothicRegular", sans-serif !important;
	font-weight: normal!important
}
.brand_color.overlay_ymm,
.uwm_anim_text_box .brand-fg-color-1{
	color: var(--secondary-brand-color-dark)!important;

}
/*PVLP OVERLAY*/



/* CadillacGothic-Bold */
h2, .cp-container .cp-price-container,
.footer-heading > span, 
.footer-heading
{
	font-family: "CadillacGothic-Regular", sans-serif !important;
	font-weight: 500 !important;
}

.resource-center-pane h2
{
	font-family: "CadillacGothicRegular", sans-serif !important;
	font-size: 22px;
	font-weight: 500;
}

.heading1,
.ss-and-explore-more-videos .heading h2,
section#tab_conveniences .section-header .heading1,
section#resourceCenterVideos .section-header .heading1,
section#serviceManagerVideos .heading1,
.download-wallet h3,
.text-signup-info h2,
#wallet-card p.large.user-name, 
#walletModal .wallet-card-modal p.large.user-name,
#tab_offers h2{
	font-family: "CadillacGothic-WideRegular", sans-serif !important;	
}

.heading1,p.year_mod{
	font-family: "CadillacGothic-WideRegular", sans-serif !important;
	font-weight: normal!important;
	letter-spacing: .3em;
	text-transform: uppercase;
}


/* font size 16px as per the figma design shared */
.contact-detail span,
.contact-detail a,
.visit-website-url-icon a span,
.logo-dealer-name a:nth-of-type(2) span{
	font-size: 16px;
	font-weight: 400;
}

/* font size for buttons as per the figma design shared */
.btn,
.ss-and-explore-more-videos .row a:nth-of-type(1) button,
.ss-and-explore-more-videos .row a:nth-of-type(2) button,
.visit-us .btn{
	font-size: 14px;
	font-weight: 400;
}

.btn.primary.light:disabled {
	border: 2px solid grey;
	background-color: grey;
}

.btn.primary.light {
	border: 2px solid #fff;
}

/* font size 18px as per the figma design shared */
.ss-and-explore-more-videos .content p,
.ss-and-explore-more-videos .row a:nth-of-type(1) button,
.ss-and-explore-more-videos .row a:nth-of-type(2) button,
.video-description p,
.convenience p,
.text-signup-info p.medium,
.download-wallet p.medium,
#wallet-card p.large.user-name, 
#walletModal .wallet-card-modal p.large.user-name
{
	font-size: 18px;
}

/* WITHOUT MODAL FONT STYLE  */
#wallet-card p.large.user-name{
	font-size: 18px;
	font-weight: 700;
}

#wallet-card .info-holder p.small,
#wallet-card .info-holder a{
	font-size: 13px; /* was 0.6875em */
	font-weight: 500 !important;
}

#wallet-card .info p strong:nth-of-type(odd){
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 2;
}

/* WITH MODAL FONT STYLE */
#walletModal p.large.user-name{
	font-size: 13px;
	font-weight: 700 !important;
}

#walletModal .info-holder p.small,
#walletModal .info-holder a{
	font-size: 8px; /* was 0.6875em */;
	font-weight: 500;
}

#walletModal .info p strong:nth-of-type(odd){
	font-size: 11px;
	font-weight: 500 !important;
	line-height: 2;
}

#tab_offers h2,
section#tab_conveniences .section-header .heading1,
section#resourceCenterVideos .section-header .heading1 {
	font-size: 32px;
}

 /* font size 22px as per the figma design shared */
.medium,
.convenience h3,
.download-wallet h3,
.text-signup-info h2{
	font-size: 22px;
}

.contact-detail-visit-us .col a span{
    color: var(--primary-brand-color);
    text-decoration: none;
    text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
    letter-spacing: 1px;
}

.logo-dealer-name a:nth-of-type(2) span{
	color: var(--primary-brand-color);
}

.logo-dealer-name,
.col{
	flex-direction: column;
}

.logo-dealer-name a img{
	width: 100%;
	max-width: 258px;
    max-height: 60px;
}

.contact-detail-visit-us{
	align-items: center;
	gap: 1rem;
	margin-right: auto;
}

.contact-detail-visit-us a:not(.contact-detail a, a:nth-of-type(1)){
	color: var(--primary-brand-color);
	font-weight: normal;
	text-decoration: underline;
}

.contact-detail{
	color: var(--primary-brand-color);
	display: flex;
	gap: .4rem;
}

.visit-us{
	flex-direction: column;
	margin-left: auto;
}

.visit-us .btn.primary{
	height: 46px;
    width: 137px;
	color: var(--secondary-black);
	border: 2px solid var(--secondary-black);
}

.btn.primary:hover{
	color: var(--primary-white) !important;
	background: var(--secondary-black);
}

.visit-website-url-icon{
	display: flex;
	align-items: center;
    gap: 0.2rem;
}

.visit-website-url-icon a > span:nth-of-type(2){
	color: var(--primary-brand-color);
	text-decoration: underline;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 16px;
}

.website-icon{
	display: inline-block;
	width: 2rem;
    height: 1.6rem;
	color: var(--primary-brand-color) !important;
	vertical-align: middle;
	background-color: currentColor;
	mask-repeat: no-repeat;
	-webkit-mask-image: url('../../../files/images/cadillac-web-url.svg');
	mask-image: url('../../../files/images/cadillac-web-url.svg');
}

/* HERO CONTENT */
.hero-content .content-box{
	background: var(--secondary-grey-25);
	color: var(--primary-black);
}
.hero-content hr{
	border-top: 2px solid rgba(0, 0, 0, 0.2);
}
/* HERO CONTENT */

/*SUGGESTED MAINTENANCE*/
.suggested_maintenance .content-box{
    background: var(--secondary-grey-25);
    color: var(--primary-black);
}
.suggested_maintenance .content-box span{
    text-transform: uppercase;
    font-weight: normal;
}
/*SUGGESTED MAINTENANCE*/

/* NAV BAR STYLE */
ul.vertical-section-nav{
	font-size: 13px;/* cadillac font is larger than others */
}

ul.vertical-section-nav,
.anchor-navbar{
	background: var(--secondary-grey-25);
	color: var(--primary-black);
}

.anchor-navbar li.nav-tab-active:after{
	background: var(--secondary-brand-color-dark);
}

.anchor-navbar li:not(li:nth-of-type(1)) > a.nav-link{
	border-left : 1px solid var(--secondary-brand-color-dark);
}

ul.vertical-section-nav li:not(li:nth-of-type(1)){
	border-top : 1px solid var(--secondary-brand-color-dark);
}

li.nav-item .nav-link span{
	font-weight: normal; /* 600 causes display issue on chrome */
}

/** CONVENIENCE **/
section#tab_conveniences .section-header,
section#resourceCenterVideos .section-header{
	background: var(--primary-brand-color);
}

section#tab_conveniences .section-header .heading1,
section#resourceCenterVideos .section-header .heading1{
	color: var(--primary-white);
}

.convenience h3,
section#tab_conveniences .section-header .heading1,
section#resourceCenterVideos .section-header .heading1{
	font-weight: 500;
}

.convenience p{
	font-weight: 400;
}

/** SIGNUP FOR TEXT MESSAGES */
section#text-signup{
	background: var(--secondary-grey-25);
	color: var(--primary-brand-color);
}

/** SERVICE MANAGER VIDEOS **/
section#serviceManagerVideos .heading1,
section#serviceManagerVideos .card .video-title p,
section#serviceManagerVideos .card .video-description p{
	color: var(--primary-brand-color);
}

section#serviceManagerVideos .heading1{
	font-size: 32px;
	font-weight: 500;
}

section#serviceManagerVideos .card .video-title p{
	font-size: 22px;
	font-weight: 500;
}

section#serviceManagerVideos .card .video-description p{
	font-weight: 400;
}

.text-signup-info .medium,
.text-signup-info .paragraph.medium,
#tab_offers h2{
	color: var(--primary-brand-color);
}

.text-signup-info h2{
	color: var(--primary-brand-color);
	line-height: 1.6;
}

#metis-tab-container .text-signup-info{
	padding: 2rem;
	max-width: 34rem;
}

#metis-tab-container .text-signup-image{
	padding: 1rem 2rem;
}

.text-signup-image img.desktop{
	width: auto;
	height: auto;
	max-height: 296px;
	max-width: 626px;
}

.text-signup-info .btn.primary{
	max-width: 390px;
	height: 52px;
	text-transform: uppercase;
}

/* DOWNLOAD WALLET STYLE */
#wallet-card p.large.user-name,
#walletModal p.large.user-name,
#wallet-card .user-info .info-holder .info p:nth-of-type(odd),
#walletModal .user-info .info-holder .info p:nth-of-type(odd),
#wallet-card .download-wallet p,
#wallet-card .download-wallet h3
{
	color: var(--primary-black);
}

.download-wallet h3{
	font-weight: 500;
}

.download-wallet .btn.primary{
	max-width: 390px;
	width: 100%;
	height: 50px;
}

.info-holder .info p:nth-child(2n){
	margin-bottom: 0.62em;
}

#wallet-card p.large.user-name, 
#walletModal .wallet-card-modal p.large.user-name{
	font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 4px solid var(--secondary-brand-color-dark);
	text-transform: uppercase;
}

.user-info .info-holder p.small strong{
	text-transform: capitalize;
}

#wallet-card .user-info .info-holder a,
#walletModal .wallet-card-modal .user-info .info-holder a{
	color: var(--anchor-link);
	font-weight: 600;
}

#wallet-card .brand-logo img, 
.wallet-card-modal .brand-logo img{
    object-fit: contain;
	width: 100%;
    max-width: 191px;
	padding: 0.2rem;
}

.ss-and-explore-more-videos .content,
.ss-and-explore-more-videos .heading{
    color: var(--primary-brand-color);
}

.ss-and-explore-more-videos .content,
.videos-container{
	flex-direction: column;
}

.ss-and-explore-more-videos{
    flex-direction: column;
    align-items: center;
    margin: 1rem auto;
    gap: 0.8rem;
}

.ss-and-explore-more-videos .content p{
	font-weight: 400;
	margin-bottom: 0.1rem;
}

.ss-and-explore-more-videos .heading{
	margin: 0.4rem;
	text-transform: uppercase;
}

.ss-and-explore-more-videos .content{
    padding-bottom: 2rem;
    text-align: center;
}

.ss-and-explore-more-videos .heading h2{
	color: var(--primary-brand-color);
	text-align: center;
	font-size: 44px;
	font-weight: 700;
}

.row{
	gap: 2rem;
	justify-content: center;
}



.hero-content .button-group a,
.hero-content .button-group button
{
	width: 100%;
	max-width: 390px;
}


/** PRIMARY BUTTON **/
.ss-and-explore-more-videos .row a:nth-of-type(1) button,
.btn.primary{
	width: 100%;
    max-width: 390px;
    border: 2px solid var(--primary-brand-color);
	color: var(--primary-brand-color);
    height: 52px;
	text-transform: uppercase;
}

.ss-and-explore-more-videos .row a:nth-of-type(1) button:hover,
.visit-us .btn.primary:hover,
.btn.primary:hover{
	background: var(--primary-brand-color);
	border: 2px solid var(--primary-brand-color);
	color: var(--primary-white);
	text-decoration: none;
}

/** SECONDARY BUTTON  **/
.ss-and-explore-more-videos .row a:nth-of-type(2) button,
.btn.secondary{
	width: 100%;
    max-width: 390px;
    border: 2px solid var(--primary-brand-color);
	color: var(--primary-brand-color);
	height: 52px;
	text-transform: uppercase;
}

.ss-and-explore-more-videos .row a:nth-of-type(2) button:hover,
.btn.secondary:hover{
	background: var(--primary-brand-color);
	color: var(--primary-white);
	text-decoration: none;
}

.video-viewport{
	padding: 0.5rem 0;
	width: 100%;
}

.iframe-viewport{
	display: inline-block;
	width: 100%;
	padding: 0.5rem 0;
}

.align-center{
	margin: 0 auto;
}

.videos-container-viewport{
	justify-content: center;
}	

.align-center.iframe-layout{
	margin: 0px;
	gap: 1rem;
}

.iframe-and-ss-container{
	position: relative;
}

#video-holder{
	margin-left: 0px;
}



.track_ctrl_nextbtn:after, 
.track_ctrl_prevbtn:after{
	background-repeat: no-repeat;
}


/* FOOTER STYLE */
.footer-heading > span,
.footer-heading{
	font-size: 22px; /* font size 22px as per the figma design shared */
}

.footer{
	background: var(--primary-white);
	flex-direction: column;
	margin-bottom: 0 !important;
}

.footer-contents{
	flex-direction: column;
	gap: 1rem;
	padding: 0;
	color: var(--secondary-black) !important;
}

.footer-service-row{
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.footer-dealer-container > div,
.footer-hours-container .hours-text,
.footer-service-visit-us div > span,
.body-disclaimer,
.the-bottom,
.footer-service-row a,
.footer-service-visit-us a span{
	font-size: 14px;
	font-weight: 400;
}

.footer-heading{
    margin-bottom: 0.5rem;
}

.footer-service-row{
	margin-top: 10px;
	margin-bottom: 10px;
}

.footer-dealer-name{
	text-transform: uppercase;
}

.footer-service-row a{
	font-weight: normal;
	text-decoration: underline;
	color: var(--primary-brand-color);
}

.footer-service-visit-us a span{
	color: var(--primary-brand-color);
	text-decoration: underline;	
	font-weight: 400;
}

.policy-url-container{
    display: flex;
    gap: 4rem;
	padding: 1rem 0;
	justify-content: space-between;
}

.policy-url-block{
	display: flex;
	flex-direction: row;
	gap: 1em;
}


.policy-url-container .policy-url-wrapper a{
	text-decoration: underline;	
	text-transform: capitalize;
	color: var(--primary-brand-color);
	font-size: 16px;
	font-weight: 400;
}

.footer-bottom{
    display: flex;
    flex-direction: column;
	justify-content: space-evenly;
    align-items: center;
    background: var(--secondary-black);
    color: var(--primary-white);
    padding: 2rem 1rem;    
	height: 194px; /* as per the figma design style guide */
}

.footer-bottom > div{
	flex-direction: column;
	align-items: center;
}

.footer-bg-img{
	display: inline-block;
	width: 270px;
    height: 96px;
	color: var(--primary-white);
	vertical-align: middle;
	background-color: currentColor;
	mask-repeat: no-repeat;
	/* @TODO maybe svg needs optimization should not be 120kb+ */
	-webkit-mask-image: url('../../../files/images/cadillac_footer_bg.svg');
	mask-image: url('../../../files/images/cadillac_footer_bg.svg');
	/*@TODO*/
}

.the-bottom{
    width: 100%;
    max-width: none;
    justify-content: center;
	color: var(--primary-white);
	background: var(--secondary-black);
}

.footer-dealer-info{
	display: flex;
	justify-content: space-between;
}

.footer-dealer-container,
.footer-hours-container{
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.footer-service-visit-us a .website-icon{
	color: var(--secondary-brand-color-dark) !important;
}

.hr-divider{
    background: var(--secondary-grey-25);
    height: 0.01rem;
    width: 99%;
    margin: 1rem 0rem;
}

.footer-social-media .footer-social-media-link > svg:hover{
	color: var(--primary-brand-color);
}

/** STYLE GUIDE OVERRIDES **/
#serviceManagerVideos{
	background-color: #D2D2D2;
}

.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span{
	color: var(--secondary-brand-color-dark);
}

.owl-nav button.owl-next.disabled span,
.owl-nav button.owl-prev.disabled span{
	color: var(--secondary-grey-25);
}

/* .owl-dots button.owl-dot{
	background-color: var(--secondary-grey-25);
} */

.owl-dots button.owl-dot.active{
	background-color: var(--primary-brand-color);
}

/** ICONS */
i.icon.videos{
	width: 58px;
	height: 32px;
	background-color: currentColor;
	-webkit-mask-image: url('../../../files/icons/cadillac/videos.svg');
	mask-image: url('../../../files/icons/cadillac/videos.svg');
}

/********** HOVER STYLE **********/
a:not([href]):not([tabindex]):hover,
.logo-nav a:nth-of-type(1):hover,
.logo-dealer-name a:nth-of-type(2) span:hover,
.contact-detail a:hover,
.visit-website-url-icon a > span:nth-of-type(2):hover,
.footer-service-row a:hover,
.footer-service-visit-us a span:hover,
.policy-url-container .policy-url-wrapper a:hover,
a.nav-link:hover,
.nav-item.nav-tab-active,
.body-disclaimer a:hover,
#wallet-card .user-info .info-holder a:hover, 
#walletModal .wallet-card-modal .user-info .info-holder a:hover{
	color: var(--secondary-brand-color-dark);
}

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

	.header,
	.footer{
		/* padding: 1.6rem 2rem !important; */
		padding: 1rem !important;
	}
	
	li.nav-item{
		width: 14rem;
	}

	.anchor-navbar li.nav-tab-active:after{
		width: 10rem;
	}

/*	.align-center.iframe-layout{
		flex-direction: column;
	}*/

	.footer-contents{
		padding: 1rem 2rem;
	}

	.footer-dealer-container > div a{
		font-size: 13px;
	}

}

@media (min-width: 600px) and (max-width: 768px),
only screen and (min-device-width: 768px) and (max-device-width: 1024px){
	.navbar-expand-md .navbar-collapse{
		display: none !important;
		flex-basis: auto !important;
	}

	.anchor-navbar nav, .anchor-navbar .navbar-nav{
		flex-direction: column !important;
	}
}

@media only screen and (max-width: 768px),
only screen and (min-device-width: 768px) and (max-device-width: 1024px){

	.header.mobile-only{
		padding: 1rem 0.5rem;
		position: sticky;
		top: 0;
		opacity: 1;
		transition: opacity .25s;
		order: -1;
		z-index: 1001;
		background: var(--primary-white);
		/*box-shadow: 0px 0px 4px rgb(0 0 0 / 20%);*/
	}

	.logo-nav{
		display: flex;
		height: auto;
		justify-content: space-between;
		z-index: 4;
	}

	
	.logo-nav a:nth-of-type(1){
		flex-basis: 100px;
	}

	.logo-nav a span{
		font-weight: 500;
		text-transform: uppercase;
	}

	.logo-dealer-name a img{
		max-width: 200px;
		max-height: 56px;
	}

	/* NAV BAR STYLE */
	.navbar,
	.nav-link{
		padding: 0px;
	}

	.navbar-toggler{
		color: var(--primary-black);
	}

	.navbar-toggler:not(.navbar-toggler.collapsed){
		background: var(--secondary-black);
		color: var(--primary-white);
	}

	.anchor-navbar .navbar-nav,
	.nav-item .nav-link{
		background: var(--primary-mb-nav-color);
		color: var(--primary-white);
	}

	li.nav-item:not(li:last-child){
		border-bottom: 1px solid var(--primary-white);
	}

	li.nav-item .nav-link span{
		font-weight: normal;
	}

	.callus-phoneus{
		display: flex;
		width: 100%;
		background: var(--primary-white);
		justify-content: space-evenly;
		align-items: center;
		height: 50px;
		letter-spacing: 2px;
	}

	.svgicon{
		display: inline-block;
		padding: 0;
		margin: 0;
		background-color: currentColor;
	}

	.phone_icon{
		vertical-align: middle;
		color: var(--primary-brand-color);
		width: 3em;
		height: 3em;
		-webkit-mask: url('../../../files/images/phone_icon_k.svg') no-repeat center;
		mask: url('../../../files/images/phone_icon_k.svg') no-repeat center;
	}

	.map_pin_icon{
		vertical-align: middle;
		color: var(--primary-brand-color);
		width: 3em;
		height: 3em;
		-webkit-mask: url('../../../files/images/map_pin_icon_k.svg') no-repeat center;
		mask: url('../../../files/images/map_pin_icon_k.svg') no-repeat center;
	}

	.header-visit-us{
		background: transparent;
	}

	
	.callus-phoneus a{
		display: flex;
		align-items: center;
		justify-content: space-evenly;
	}

	.callus-phoneus a span{
		color: var(--primary-brand-color);
		text-transform: uppercase;
		font-size: 16px;
		font-weight: 500;
	}

	#video-holder{
		width: 100%;
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: normal;
		row-gap: 10px;
	}

	#video-holder .iframe-layout{
		width: 100%;
		height: auto;
	}

	.ss-and-explore-more-videos{
		margin: 0 auto;
	}

	.ss-and-explore-more-videos .content{
		padding: 0.2rem;
	}

	.ss-and-explore-more-videos,
	.video-viewport,
	.iframe-viewport{
		padding: 0rem !important;
	}

	.align-center{
		/*flex-direction: column;*/
		align-items: center;
		width: 100%;
	}

	.align-center.iframe-layout{
		/*flex-direction: column;*/
		align-items: center;
		padding: 1rem 0.1rem;
	}

	.col.mobile-only{
		display: flex !important;
		align-items: center;
		flex-direction: column;
		flex-basis: 100%;
		gap: 1rem;
		padding: 1rem;
	}
	
	.col.mobile-only a{
		width: 100%;
		text-align: center;
	}


	.col.mobile-only a:nth-of-type(1) button,
	.btn.primary{
		width: 100%;
		max-width: 340px;
		height: 52px;
		border: 2px solid var(--secondary-black);
	}
	
	.col.mobile-only a:nth-of-type(2) button,
	.btn.secondary{
		width: 100%;
		max-width: 340px;
		height: 52px;
		border: 2px solid var(--secondary-black);
	}

	.col.mobile-only a:nth-of-type(1) button:hover,
	.btn.primary:hover{
		background: var(--secondary-black);
		color: var(--primary-white);
	}
	
	.col.mobile-only a:nth-of-type(2) button:hover,
	.btn.secondary:hover{
		background: var(--secondary-black);
		color: var(--primary-white);
	}

	/** SIGNUP FOR TEXT MESSAGES */
	.text-signup-info .btn.primary{
		width: 100%;
	}

	
	/* DOWNLOAD WALLET STYLE 
	   SIGNUP FOR TEXT MESSAGES */
	#wallet-card .btn.primary,
	.text-signup-info .btn.primary{
		width: 100%;
		max-width: 338px;
		height: 52px;
	}

	#wallet-card .download-wallet h3{
		margin-bottom: 20px;
	}

	.logo-dealer-name a > span,
	.callus-phoneus a span,
	.body-disclaimer,
	.the-bottom{ /* font size 10px as per the figma design shared */
		font-size: 10px !important;
	}

	
	/* font size 16px as per the figma design shared */
	.callus-phoneus a span,
	.body-disclaimer,
	.footer-hours-container .hours-text, 
	.footer-service-visit-us div > span,
	.policy-url-container .policy-url-wrapper a,
	.ss-and-explore-more-videos .content,
	.ss-and-explore-more-videos .content p,
	.navbar-toggler,
	.convenience p,
	.video-description p,
	.text-signup-info h2,
	.text-signup-info p.medium,
	.text-signup-info .paragraph.medium,
	.download-wallet h3,
	.download-wallet p.medium
	{
		font-size: 16px;
	}

	section#serviceManagerVideos .card .video-title p,
	.convenience h3{
		font-size: 18px;
	}


	.section-header .heading1{
		font-size: 20px;
	}
	.section-header .year_mod{
		font-size: 14;
	}
	

	/* CONVENIENCE */
	section#tab_conveniences .section-header .heading1,
	section#resourceCenterVideos .section-header .heading1,
	section#serviceManagerVideos .heading1,
	#tab_offers h2{
		
	}

	.ss-and-explore-more-videos .heading h2{
		font-size: 23px;
		font-weight: 700;
	}

	/* font size 13px as per the figma design shared */
	.footer-dealer-container a span,
	.footer-dealer-container > div, 
	.footer-hours-container .hours-text, 
	.footer-service-visit-us div > span,
	.policy-url-container .policy-url-wrapper a{
		font-size: 13px;
	}

	/* DOWNLOAD WALLET STYLE */
	/* WITHOUT MODAL FONT STYLE  */
	#wallet-card p.large.user-name{
		font-size: 13px;
	}
	
	#wallet-card .info-holder p.small,
	#wallet-card .info-holder a{
		font-size: 8px !important;
		font-weight: 500;
	}
	
	#wallet-card .info p strong:nth-of-type(odd){
		font-size: 11px;
		font-weight: 500;
		text-transform: uppercase;
	}

	#wallet-card .user-card .user-info{
		padding: 20px 10px;
	}

}

/* FOOTER STYLE */
@media only screen and (max-width: 768px),
only screen and (min-device-width: 768px) and (max-device-width: 1024px){
	
	.footer-dealer-info{
		flex-direction: column;
	}

	.footer-contents,
	.policy-url-container{
		flex-direction: column;
		padding: 0;
		gap: 1rem;
	}

	.policy-url-block{
		flex-direction: column;
	}
	
	.policy-url-wrapper{
		margin-right: 0 !important;
	}
	.footer-service-container,
	.footer-contact-container,
	.body-disclaimer,
	.policy-url-container{
		padding: 1rem;
	}

	.map-container{
		display: block;
		width: 100%;
		max-width: none;
		height: 100%;
		padding: 0px;
	}

	.footer-dealer-info{
		padding-bottom: 0px;
	}

	.hr-divider{
		background: var(--secondary-grey-25);
		height: 0.01rem;
		width: 94%;
		margin: 0 auto;
	}

	.footer-bottom{
		padding: 1rem 0;
	}

	.footer-bg-img{
		width: 18rem;
	}
}




.select-group .form-group label{
	text-transform: uppercase;
}

.see_details{
	text-transform: capitalize;
}



/*NEED TO REVISIT*/
@media only screen and (max-width: 800px),
only screen and (min-device-width: 800px) and (max-device-width: 1023px){


	.logo-nav a:nth-of-type(1){
		flex-basis: unset;
	}
	.logo-nav a:nth-of-type(2){
		margin: 0;
		right: unset;
	}

	.logo-nav{
		color: var(--primary-black);
		flex-direction: column-reverse;
		gap: 10px;
		align-items: flex-start;
		text-align: left;
	}

}
/**/