/* NEW SEO FAQ PAGE 100226 */
#seofaqcontent {display:grid; width:100%; max-width:1920px; margin:0 auto; padding:0; box-sizing:border-box; line-height:1.5;}
#seofaqcontent * {box-sizing:border-box;}
#seofaqcontent img {display:block; max-width:100%;}
#seofaqcontent h1 {line-height:1.1;}
#seofaqcontent h2,#seofaqcontent h3 {line-height:1.2;}
#seofaqcontent ul {list-style-position: inside;}
#seofaqcontent .txtcenter {text-align:center;}
#seofaqcontent .dealercolor {color:var(--dealer-color) !important;}
#seofaqcontent .contentsection {width:100%; max-width:1400px; margin:0 auto;}
#seofaqcontent .vehicleimg {width:100%; max-width:800px; aspect-ratio:15 / 7;  overflow:hidden; position:relative;}
#seofaqcontent .vehicleimg img {display:block; object-fit:cover; object-position:center; width:100%; height:100%;}
/* MAIN SECTION */
#seofaqcontent .maintitle {width:100%; padding:3rem 2rem; background:var(--white-color);}
#seofaqcontent .maintitle .contentsection {display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(320px, .85fr); align-items:center; gap:4rem;}
#seofaqcontent .titlecontent {min-width:0;}
#seofaqcontent .maintitle h1 {margin:0; padding:0; color:var(--black-color); font-weight:700;}
#seofaqcontent .maintitle p {max-width:700px; margin:1.5rem 0 0; color:var(--black-color);}
#seofaqcontent .faqtopimg {width:100%; overflow:hidden; border-radius:10px;}
#seofaqcontent .faqtopimg img {width:100%; min-height:300px; max-height:420px; object-fit:cover;}
/* FAQ SECTION */
#seofaqcontent .faqsection {display:flex; flex-direction:column; width:100%; margin:0; padding:1.5rem 2rem; background:var(--white-color); color:var(--black-color);}
#seofaqcontent .faqsection:first-of-type {padding-top:2rem;}
#seofaqcontent .faqsection .contentsection {width:100%;}
#seofaqcontent .faqtitle {display:flex; flex-direction:row; align-items:center; gap:1rem; margin:0 0 1rem;}
#seofaqcontent .faqtitle h2 {margin:0; color:var(--black-color);}
#seofaqcontent .faq-icon {display:flex; align-items:center; justify-content:center; width:36px; min-width:36px; height:36px; color:var(--dealer-color); font-size:clamp(16px, 4vw, 25px); font-weight:700;}#seofaqcontent .faqsection details {margin:0; padding:0; background:var(--white-color); border:1px solid #d9dee7; border-bottom:0; overflow:hidden;}
#seofaqcontent .faqsection details:first-of-type {border-radius:5px 5px 0 0;}
#seofaqcontent .faqsection details:last-of-type {border-bottom:1px solid #d9dee7; border-radius:0 0 5px 5px;}
#seofaqcontent .faqsection details[open] {background:#f6f7f9;}
#seofaqcontent .faqsection details summary {display:flex; flex-direction:row; justify-content:space-between; align-items:center; width:100%; min-height:48px; padding:.9rem 1.25rem; background:var(--white-color); color:var(--black-color); font-weight:700; line-height:1.35; list-style:none; cursor:pointer; transition:background-color .2s ease-in-out, color .2s ease-in-out;}
#seofaqcontent .faqsection details[open] summary {background:#f6f7f9;}
#seofaqcontent .faqsection details summary::-webkit-details-marker {display:none;}
#seofaqcontent .faqsection details summary::marker {content:"";}
#seofaqcontent .faqsection details summary:hover {background:#f6f7f9;}
/* FAQ CHEVRON */
#seofaqcontent .faqsection details summary::after {content:""; display:block; flex:0 0 auto; width:9px; height:9px; margin-left:2rem; border-right:2px solid var(--black-color); border-bottom:2px solid var(--black-color); transform:rotate(45deg); transition:transform .2s ease-in-out;}
#seofaqcontent .faqsection details[open] summary::after {transform:rotate(-135deg);}
#seofaqcontent .faqsection details .faqcontent {padding:0 1.25rem 1.15rem; background:#f6f7f9;}
#seofaqcontent .faqsection details .faqcontent p {max-width:1100px; margin:0; padding:.25rem 0 0; color:var(--black-color); line-height:1.6;}
#seofaqcontent .faqsection details .faqcontent p + p {margin-top:.75rem;}
#seofaqcontent .faqsection details .faqcontent a {display:inline-block; margin-top:.25rem; color:var(--dealer-color); font-weight:700; text-decoration:none;}
#seofaqcontent .faqsection details .faqcontent a:hover {text-decoration:underline;}
/* PANEL SECTION */
#seofaqcontent .panelsection {width:100%; padding:1.5rem 2rem 3rem;}
#seofaqcontent .panelsection .contentsection {display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:2rem; width:100%; padding:2.5rem 3rem; background:#f6f7f9; border-radius:10px; overflow:hidden;}
#seofaqcontent .faqctacontent {position:relative; z-index:2;}
#seofaqcontent .panelsection h2 {margin:0 0 1rem; color:var(--black-color); line-height:1.1;}
#seofaqcontent .panelsection p {max-width:600px; margin:0; color:var(--black-color); line-height:1.6;}
/* BUTTONS */
#seofaqcontent .buttons {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; gap:1rem; margin:2rem 0 0;}
#seofaqcontent .buttons a {flex:0 1 auto; min-width:180px; padding:1rem 2rem; background:var(--dealer-color); border:1px solid var(--dealer-color); color:var(--white-color); font-size:16px; font-weight:700; text-align:center; text-decoration:none; transition:all .2s ease-in-out;}
#seofaqcontent .buttons a:nth-child(2) {background:transparent; border-color:var(--gray-color); color:var(--black-color);}
#seofaqcontent .buttons a:hover {transform:scale(.95);}
/* DISCLAIMER */
#seofaqcontent .disclaimer {font-size:1rem;}
/* RESPONSIVE */
@media only screen and (max-width:767px) {
#seofaqcontent .maintitle {padding:1.5rem 1rem;}
#seofaqcontent .maintitle .contentsection {grid-template-columns:1fr; gap:2rem;}
#seofaqcontent .faqtopimg img {min-height:220px; max-height:300px;}
#seofaqcontent .maintitle .buttons {flex-direction:column; align-items:stretch;}
#seofaqcontent .maintitle .buttons a {width:100%; min-width:0;}
#seofaqcontent .faqsection {padding:1.25rem 1rem;}
#seofaqcontent .faqtitle {gap:.75rem;}
#seofaqcontent .faq-icon {width:32px; min-width:32px; height:32px;}
#seofaqcontent .panelsection {padding:1rem;}
#seofaqcontent .panelsection .contentsection {grid-template-columns:1fr; padding:2rem;}
#seofaqcontent .panelsection h2 {font-size:1.8rem;}
#seofaqcontent .panelsection .buttons {flex-direction:column; align-items:stretch;}
#seofaqcontent .panelsection .buttons a {width:100%; min-width:0;}
}
@media only screen and (min-width:768px) {}