/* NEW SEO SERVICE HUB PAGE 01/28/2026 */
:root {--check-color:#55cb1b;--gold-color:#ffc300;}
/* Adjust to your fixed header height */
:root { --hash-offset:180px; }
/* Works for elements with IDs (details, sections, etc.) */
[id] { scroll-margin-top: var(--hash-offset); }
#seoservicehub {display:grid; margin:0 auto; padding:0; line-height:1.5; max-width:1920px; width:100%; box-sizing:border-box;}
#seoservicehub * {box-sizing:border-box;}
#seoservicehub .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}}
#seoservicehub h1 {line-height:1.1;}
#seoservicehub h2, #seoservicehub h3 {line-height:1.2;}
#seoservicehub .txtcenter {text-align:center;}
#seoservicehub .contentsection {padding:2rem;}
#seoservicehub .dealercolor {color:var(--dealer-color) !important;}
#seoservicehub .vehicleimg {width:100%; max-width:800px; aspect-ratio:16 / 9; display:inline-block;  overflow:hidden; position:relative;}
#seoservicehub .vehicleimg img {display:block; object-fit:cover; object-position:center; width:100%; height:auto;}
/* MAIN SECTION */
#seoservicehub .mainsection {display:flex; flex-direction:column; justify-content:center; padding:4rem 2rem; margin:0; color:var(--white-color);}
#seoservicehub .mainsection .maintitle {text-align:center; max-width:860px; margin:0 auto;}
#seoservicehub .mainsection .maintitle h1 {margin:0 0 2rem; font-size:3rem;}
#seoservicehub .mainsection .maintitle h2 {margin:0 0 1rem;}
#seoservicehub .mainsection .maintitle p {margin:0;}
#seoservicehub .mainsection .servicebarcontent {margin:5rem auto 1rem;}
#seoservicehub .mainsection .servicebarcontent h3 {text-align:center; margin:0;}
#seoservicehub .mainsection .servicebarcontent .servicebar {display:flex; flex-direction:row; flex-wrap:wrap; gap:1rem; background:var(--white-color); padding:1rem 2rem; margin:1rem 0; border-radius:25px;}
#seoservicehub .mainsection .servicebarcontent .servicebar a {background:var(--ltgray-color); color:var(--black-color); padding:.75rem 1.25rem; border-radius:20px; text-decoration:none; text-transform:capitalize; transition:all ease-in-out .2s; -webkit-transition:all ease-in-out .2s;}
#seoservicehub .mainsection .servicebarcontent .servicebar a:last-of-type {background:var(--check-color); color:var(--white-color);}
#seoservicehub .mainsection .servicebarcontent .servicebar a:hover {box-shadow:inset 0 0 5px var(--gray-color);}
#seoservicehub .mainsection .buttons {}
/* FEATURE SECTION */
#seoservicehub .featuresection {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-content:center; gap:2rem; padding:2rem;}
#seoservicehub .featuresection .featuretitle {text-align:center; margin:0 auto 3rem;}
#seoservicehub .featuresection .featurecontent {display:flex; flex-direction:row; flex-wrap:wrap; gap:4rem; justify-content:center; align-items:stretch;}
#seoservicehub .featuresection .featurecontent .featurebox {flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; min-width:215px;}
#seoservicehub .featuresection .featurecontent .featurebox .checkbox {background:var(--check-color); color:var(--white-color); border-radius:50%; padding:.75rem 1rem; text-align:center; font-size:1.5rem;}
#seoservicehub .featuresection .featurecontent .featurebox h2 {margin:1rem 0; font-weight:500;}
#seoservicehub .featuresection .featurecontent .featurebox p {margin:0 0 2rem; flex:0 1 auto;}
#seoservicehub .featuresection .featurecontent .featurebox .buttons {margin:auto 0 0; display:flex; justify-content:center;}
/* REVIEW SECTION */
#seoservicehub .reviewsection {margin:2rem 0;}
#seoservicehub .reviewsection .reviewcontent {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:stretch; text-align:center; gap:4rem; margin:2rem auto; padding:2rem;;}
#seoservicehub .reviewsection .reviewcontent .reviewbox {display:flex; flex-direction:column; flex:1; min-width:215px;}
#seoservicehub .reviewsection .reviewcontent .reviewbox details summary {text-decoration:underline;}
#seoservicehub .reviewsection .reviewcontent .reviewbox .reviewimg {}
#seoservicehub .reviewsection .reviewcontent .reviewbox .reviewimg h2 {margin:1rem 0;}
#seoservicehub .reviewsection .reviewcontent .reviewbox .reviewimg img {max-width:160px;}
#seoservicehub .reviewsection .reviewcontent .reviewbox .starrating {font-size:2rem; color:var(--gold-color); margin:1rem 0;}
/* PANEL SECTION */
#seoservicehub .panelsection {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:2rem; margin:2rem auto; padding:2rem;}
#seoservicehub .panelsection .panelimg {flex:1; min-width:320px;} 
#seoservicehub .panelsection .panelimg img {max-width:630px;}
#seoservicehub .panelsection .panelcontent {flex:1;}
#seoservicehub .panelsection .contentsection {display:flex; flex-direction:column; justify-content:center; flex:1; background:var(--ltgray-color); border-radius:25px;}
#seoservicehub .panelsection .contentsection h2 {margin:0 0 1rem;}
#seoservicehub .panelsection .contentsection h3 {margin:0 0 3rem;}
#seoservicehub .panelsection .contentsection p:last-of-type {margin:0;}
#seoservicehub .panelsection .contentsection .buttons {justify-content:start;}
/* OUR SERVICES SECTION */
#seoservicehub .ourservicesection {padding:2rem;}
#seoservicehub .ourservicesection details {margin:0 0 2rem; padding:0 0 2rem; border-bottom:1px solid var(--ltgray-color);}
#seoservicehub .ourservicesection details summary {display:flex; flex-direction:row; justify-content:space-between; align-items:center; font-size:1.5rem; font-weight:700;}
#seoservicehub .ourservicesection details summary span {}
#seoservicehub .ourservicesection details[open] summary span:first-of-type {color:var(--dealer-color); text-decoration:underline;}
#seoservicehub .ourservicesection details[open] summary span:last-of-type {transform:rotate(90deg);}
#seoservicehub .ourservicesection details .servicecontent {padding:1rem 2rem;}
#seoservicehub .ourservicesection details p {}
#seoservicehub .ourservicesection details .buttons {}
/* BOX SECTION */
#seoservicehub .boxsection {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:4rem; margin:2rem 0; padding:2rem;}
#seoservicehub .boxsection .boxcontent {display:flex; flex-direction:column; align-items:center; text-align:center; flex:1; min-width:215px;}
#seoservicehub .boxsection .boxcontent .contentsection {background:var(--ltgray-color); padding:2rem; border-radius:25px;}
#seoservicehub .boxsection .boxcontent .contentsection h2 {margin:0 0 1.5rem;}
#seoservicehub .boxsection .boxcontent .contentsection p:last-of-type {margin:0;}
#seoservicehub .boxsection .boxcontent .boximg {margin:0 0 2rem;}
#seoservicehub .boxsection .boxcontent .boximg img {max-width:390px;}
/* INFO SECTION */
#seoservicehub .infosection {display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:2rem; margin:2rem 0;}
#seoservicehub .infosection .contentsection {}
/* BUTTONS */
#seoservicehub .buttons {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; gap:2rem; margin:2rem 0;}
#seoservicehub .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;}
#seoservicehub .buttons a:hover {background:var(--dealer2-color); color:var(--white-color);}
#seoservicehub .buttons.secondary a {background:transparent; color:var(--white-color); border:2px solid var(--white-color);}
#seoservicehub .buttons.secondary a:hover {background:var(--white-color); color:var(--black-color); border:2px solid var(--white-color);}
/* DISCLAIMER */
#seoservicehub .disclaimer {font-size:1rem;}
/* RESPONSIVE */
@media only screen and (min-width:768px) {
#seoservicehub .reviewsection .reviewcontent {background:#F5F5F5;
background: linear-gradient(0deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 1) 75%, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 1) 100%);}
#seoservicehub .reviewsection .reviewcontent, #seoservicehub .featuresection, #seoservicehub .infosection, #seoservicehub .panelsection, #seoservicehub .ourservicesection, #seoservicehub .boxsection, #seoservicehub .contentsection {padding:2rem 4rem;}
}
@media only screen and (min-width:521px) {}