/* NEW SEO SERVICE OPTIONS PAGE 01/28/2026 */
#seoserviceopts {display:grid; margin:0 auto; padding:0; line-height:1.5; max-width:1920px; width:100%; box-sizing:border-box;}
#seoserviceopts * {box-sizing:border-box;}
#seoserviceopts .slide-in-right {-webkit-animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
#seoserviceopts h1 {line-height:1.1;}
#seoserviceopts h2, #seoserviceopts h3 {line-height:1.2;}
#seoserviceopts .txtcenter {text-align:center;}
#seoserviceopts .contentsection {padding:2rem;}
#seoserviceopts .dealercolor {color:var(--dealer-color) !important;}

/* BACKGROUND OPTIONS */
/* BRAKES */
#seoserviceopts.brakeservice .boxsection .boxcontent {background:url(https://cdn.auto-dash.com/dygen/seo/images/serviceoptions/brakeservice/SOT_boxsection-brakesbg.webp) no-repeat center top/cover; color:var(--white-color);}
#seoserviceopts.brakeservice .panelsection {background:url(https://cdn.auto-dash.com/dygen/seo/images/serviceoptions/brakeservice/SOT_panelsection-brakesbg.webp) no-repeat left center/cover;}
/* OIL CHANGE */
#seoserviceopts.oilservice .boxsection .boxcontent {background:url(https://cdn.auto-dash.com/dygen/seo/images/serviceoptions/oilservice/SOT_boxsection-oilbg.webp) no-repeat center top/cover; color:var(--white-color);}
#seoserviceopts.oilservice .panelsection {background:url(https://cdn.auto-dash.com/dygen/seo/images/serviceoptions/oilservice/SOT_panelsection-oilbg.webp) no-repeat left center/cover;}
/* TIRES */
#seoserviceopts.tireservice .boxsection .boxcontent {background:url(https://cdn.auto-dash.com/dygen/seo/images/serviceoptions/tireservice/SOT_boxsection-tirebg.webp) no-repeat center top/cover; color:var(--white-color);}
#seoserviceopts.tireservice .panelsection {background:url(https://cdn.auto-dash.com/dygen/seo/images/serviceoptions/tireservice/SOT_panelsection-tirebg.webp) no-repeat left center/cover;}
    
/* MAIN SECTION */
#seoserviceopts .mainsection {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:2rem; gap:2rem; margin:0;}
#seoserviceopts .mainsection .mainimg {flex:2; min-width:320px;}
#seoserviceopts .mainsection .mainimg img {border-radius:25px;}
#seoserviceopts .mainsection .contentsection {flex:1;}
#seoserviceopts .mainsection .contentsection h1 {margin:0 0 1rem; font-size:3rem;}
#seoserviceopts .mainsection .contentsection p {margin:0;}
#seoserviceopts .mainsection .contentsection .buttons {}
/* BOX SECTION */
#seoserviceopts .boxsection {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:2rem; margin:2rem 0; padding:2rem;}
#seoserviceopts .boxsection .boximg {flex:1; min-width:320px;} 
#seoserviceopts .boxsection .boximg img {max-width:790px; border-radius:25px;}
#seoserviceopts .boxsection .boxcontent {display:flex; flex-direction:column; justify-content:center; flex:1; border-radius:25px; padding:2rem;}
#seoserviceopts .boxsection .boxcontent ul {}
#seoserviceopts .boxsection .boxcontent ul li {margin:0 0 1rem;}
#seoserviceopts .boxsection .boxcontent .buttons {justify-content:start;}
/* FEATURE SECTION */
#seoserviceopts .featuresection {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-content:center; gap:4rem 2rem; padding:2rem; background:var(--ltgray-color);}
#seoserviceopts .featuresection .featuretitle {text-align:center; margin:0 auto 3rem;}
#seoserviceopts .featuresection .featurecontent {display:grid; grid-template-columns:110px 1fr; gap:2rem; justify-content:center; align-items:center; flex:1; width:100%; margin:1rem 0;}
#seoserviceopts .featuresection .featurecontent .featureimg {}
#seoserviceopts .featuresection .featurecontent .contentsection {padding:0rem;}
#seoserviceopts .featuresection .featurecontent .featurebox h2 {margin:1rem 0; font-weight:500;}
#seoserviceopts .featuresection .featurecontent .featurebox p {margin:0;}
#seoserviceopts .featuresection .featurecontent .featurebox p a {text-decoration:underline !important;}
/* PANEL SECTION */
#seoserviceopts .panelsection {display:flex; flex-direction:column; justify-content:center; align-items:end; margin:3rem auto; width:95%; padding:2rem; border-radius:25px;}
#seoserviceopts .panelsection .contentsection {display:flex; flex-direction:column; justify-content:center; flex:1; background:rgba(255, 255, 255, 0.85); border-radius:25px;}
#seoserviceopts .panelsection .contentsection .buttons {justify-content:start;}
/* INFO SECTION */
#seoserviceopts .infosection {display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:2rem; margin:2rem 0;}
#seoserviceopts .infosection .contentsection {}
/* BUTTONS */
#seoserviceopts .buttons {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; gap:1rem; margin:2rem 0;}
#seoserviceopts .buttons a {background:var(--dealer-color); color:var(--white-color); flex:1; min-width:260px; max-width:460px; font-size:1.5rem; text-decoration:none; text-align:center; padding:1rem; transition:all ease-in-out .2s; -webkit-transition:all ease-in-out .2s;}
#seoserviceopts .buttons a:hover {background:var(--dealer2-color); color:var(--white-color);}
#seoserviceopts .buttons.secondary a {background:transparent; color:var(--white-color); border:2px solid var(--white-color);}
#seoserviceopts .buttons.secondary a:hover {background:var(--white-color); color:var(--black-color); border:2px solid var(--white-color);}
/* DISCLAIMER */
#seoserviceopts .disclaimer {font-size:1rem;}
/* RESPONSIVE */
@media only screen and (min-width:768px) {
#seoserviceopts .contentsection, #seoserviceopts .mainsection, #seoserviceopts .boxsection, #seoserviceopts .boxsection .boxcontent, #seoserviceopts .featuresection, #seoserviceopts .panelsection, #seoserviceopts .infosection {padding:2rem 4rem;}
#seoserviceopts .featuresection .featurecontent {min-width:520px;}
}
@media only screen and (min-width:521px) {}