blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0;border:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}progress{vertical-align:baseline}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}body,button,input,select,textarea{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;text-transform:none;font-size:17px;line-height:1.5}p{margin-bottom:1.5em}h1,h2,h3,h4,h5,h6{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit}pre{background:rgba(0,0,0,.05);font-family:inherit;font-size:inherit;line-height:normal;margin-bottom:1.5em;padding:20px;overflow:auto;max-width:100%}blockquote{border-left:5px solid rgba(0,0,0,.05);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}blockquote p:last-child{margin:0}table,td,th{border:1px solid rgba(0,0,0,.1)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}td,th{padding:8px}th{border-width:0 1px 1px 0}td{border-width:0 1px 1px 0}hr{background-color:rgba(0,0,0,.1);border:0;height:1px;margin-bottom:40px;margin-top:40px}fieldset{padding:0;border:0;min-width:inherit}fieldset legend{padding:0;margin-bottom:1.5em}h1{font-size:42px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h2{font-size:35px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h3{font-size:29px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h4{font-size:24px}h5{font-size:20px}h4,h5,h6{margin-bottom:20px}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}address{margin:0 0 1.5em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{text-decoration:none}sub,sup{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}table{margin:0 0 1.5em;width:100%}th{font-weight:700}img{height:auto;max-width:100%}button,input[type=button],input[type=reset],input[type=submit]{background:#55555e;color:#fff;border:1px solid transparent;cursor:pointer;-webkit-appearance:button;padding:10px 20px}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{border:1px solid;border-radius:0;padding:10px 15px;max-width:100%}textarea{width:100%}a,button,input{transition:color .1s ease-in-out,background-color .1s ease-in-out}a{text-decoration:none}.button,.wp-block-button .wp-block-button__link{padding:10px 20px;display:inline-block}.wp-block-button .wp-block-button__link{font-size:inherit;line-height:inherit}.using-mouse :focus{outline:0}.using-mouse ::-moz-focus-inner{border:0}.alignleft{float:left;margin-right:1.5em}.alignright{float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin:0 auto}.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{max-width:100%;height:auto}.no-sidebar .entry-content .alignfull{margin-left:calc(-100vw / 2 + 100% / 2);margin-right:calc(-100vw / 2 + 100% / 2);max-width:100vw;width:auto}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.main-navigation{z-index:100;padding:0;clear:both;display:block}.main-navigation a{display:block;text-decoration:none;font-weight:400;text-transform:none;font-size:15px}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation .main-nav ul li a{padding-left:20px;padding-right:20px;line-height:60px}.inside-navigation{position:relative}.main-navigation .inside-navigation{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}.main-navigation .main-nav>ul{display:flex;flex-wrap:wrap;align-items:center}.main-navigation li{position:relative}.main-navigation .menu-bar-items{display:flex;align-items:center;font-size:15px}.main-navigation .menu-bar-items a{color:inherit}.main-navigation .menu-bar-item{position:relative}.main-navigation .menu-bar-item.search-item{z-index:20}.main-navigation .menu-bar-item>a{padding-left:20px;padding-right:20px;line-height:60px}.sidebar .main-navigation .main-nav{flex-basis:100%}.sidebar .main-navigation .main-nav>ul{flex-direction:column}.sidebar .main-navigation .menu-bar-items{margin:0 auto}.sidebar .main-navigation .menu-bar-items .search-item{order:10}.nav-align-center .inside-navigation{justify-content:center}.nav-align-center .main-nav>ul{justify-content:center}.nav-align-right .inside-navigation{justify-content:flex-end}.main-navigation ul ul{display:block;box-shadow:1px 1px 0 rgba(0,0,0,.1);float:left;position:absolute;left:-99999px;opacity:0;z-index:99999;width:200px;text-align:left;top:auto;transition:opacity 80ms linear;transition-delay:0s;pointer-events:none;height:0;overflow:hidden}.main-navigation ul ul a{display:block}.main-navigation ul ul li{width:100%}.main-navigation .main-nav ul ul li a{line-height:normal;padding:10px 20px;font-size:14px}.main-navigation .main-nav ul li.menu-item-has-children>a{padding-right:0;position:relative}.main-navigation.sub-menu-left ul ul{box-shadow:-1px 1px 0 rgba(0,0,0,.1)}.main-navigation.sub-menu-left .sub-menu{right:0}.main-navigation:not(.toggled) ul li.sfHover>ul,.main-navigation:not(.toggled) ul li:hover>ul{left:auto;opacity:1;transition-delay:150ms;pointer-events:auto;height:auto;overflow:visible}.main-navigation:not(.toggled) ul ul li.sfHover>ul,.main-navigation:not(.toggled) ul ul li:hover>ul{left:100%;top:0}.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover>ul,.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover>ul{right:100%;left:auto}.nav-float-right .main-navigation ul ul ul{top:0}.menu-item-has-children .dropdown-menu-toggle{display:inline-block;height:100%;clear:both;padding-right:20px;padding-left:10px}.menu-item-has-children ul .dropdown-menu-toggle{padding-top:10px;padding-bottom:10px;margin-top:-10px}.sidebar .menu-item-has-children .dropdown-menu-toggle,nav ul ul .menu-item-has-children .dropdown-menu-toggle{float:right}.widget-area .main-navigation li{float:none;display:block;width:100%;padding:0;margin:0}.sidebar .main-navigation.sub-menu-right ul li.sfHover ul,.sidebar .main-navigation.sub-menu-right ul li:hover ul{top:0;left:100%}.sidebar .main-navigation.sub-menu-left ul li.sfHover ul,.sidebar .main-navigation.sub-menu-left ul li:hover ul{top:0;right:100%}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 2em;overflow:hidden}.site-main .post-navigation{margin-bottom:0}.paging-navigation .nav-next,.paging-navigation .nav-previous{display:none}.paging-navigation .nav-links>*{padding:0 5px}.paging-navigation .nav-links .current{font-weight:700}.nav-links>:first-child{padding-left:0}.site-header{position:relative}.inside-header{padding:20px 40px}.main-title{margin:0;font-size:25px;line-height:1.2em;word-wrap:break-word;font-weight:700;text-transform:none}.site-description{margin:0;line-height:1.5;font-weight:400;text-transform:none;font-size:15px}.site-logo{display:inline-block;max-width:100%}.site-header .header-image{vertical-align:middle}.inside-header{display:flex;align-items:center}.header-widget{margin-left:auto}.header-widget p:last-child{margin-bottom:0}.nav-float-right .header-widget{margin-left:20px}.nav-float-right #site-navigation{margin-left:auto}.nav-float-left #site-navigation{margin-right:auto;order:-10}.nav-float-left .header-widget{margin-left:0;margin-right:20px;order:-15}.header-aligned-center:not([class*=nav-float-]) .inside-header{justify-content:center;flex-direction:column;text-align:center}.header-aligned-center:not([class*=nav-float-]) .header-widget{margin-left:auto;margin-right:auto}.header-aligned-center:not([class*=nav-float-]) .inside-header>:not(:first-child){margin-top:1em}.header-aligned-right:not([class*=nav-float-]) .inside-header{justify-content:flex-end}.header-aligned-right:not([class*=nav-float-]) .header-widget{margin-right:auto;margin-left:0;order:-10}.site-branding-container{display:inline-flex;align-items:center;text-align:left;flex-shrink:0}.site-branding-container .site-logo{margin-right:1em}.sticky{display:block}.entry-header .gp-icon,.posted-on .updated{display:none}.byline,.entry-header .cat-links,.entry-header .comments-link,.entry-header .tags-links,.group-blog .byline,.single .byline{display:inline}footer.entry-meta .byline,footer.entry-meta .posted-on{display:block}.entry-content:not(:first-child),.entry-summary:not(:first-child),.page-content:not(:first-child){margin-top:2em}.page-links{clear:both;margin:0 0 1.5em}.archive .format-aside .entry-header,.archive .format-status .entry-header,.archive .format-status .entry-meta,.archive .format-status .entry-title,.blog .format-aside .entry-header,.blog .format-status .entry-header,.blog .format-status .entry-meta,.blog .format-status .entry-title{display:none}.archive .format-aside .entry-content,.archive .format-status .entry-content,.blog .format-aside .entry-content,.blog .format-status .entry-content{margin-top:0}.archive .format-status .entry-content p:last-child,.blog .format-status .entry-content p:last-child{margin-bottom:0}.entry-header,.site-content{word-wrap:break-word}.entry-title{margin-bottom:0}.author .page-header .page-title{display:flex;align-items:center}.author .page-header .avatar{margin-right:20px}.page-header .author-info>:last-child,.page-header>:last-child{margin-bottom:0}.entry-meta{font-size:85%;margin-top:.5em;line-height:1.5}footer.entry-meta{margin-top:2em}.cat-links,.comments-link,.tags-links{display:block}.entry-content>p:last-child,.entry-summary>p:last-child,.page-content>p:last-child,.read-more-container,.taxonomy-description p:last-child{margin-bottom:0}.wp-caption{margin-bottom:1.5em;max-width:100%;position:relative}.wp-caption img[class*=wp-image-]{display:block;margin:0 auto 0;max-width:100%}.wp-caption .wp-caption-text{font-size:75%;padding-top:5px;opacity:.8}.wp-caption img{position:relative;vertical-align:bottom}.wp-block-image figcaption{font-size:13px;text-align:center}.wp-block-gallery,ul.blocks-gallery-grid{margin-left:0}.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{background:rgba(255,255,255,.7);color:#000;padding:10px;box-sizing:border-box}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}.site-main .gallery{margin-bottom:1.5em}.gallery-item img{vertical-align:bottom}.gallery-icon{padding:5px}embed,iframe,object{max-width:100%}.wp-block-post-template{margin-left:0}.widget-area .widget{padding:40px}.widget select{max-width:100%}.footer-widgets .widget :last-child,.sidebar .widget :last-child{margin-bottom:0}.widget-title{margin-bottom:30px;font-size:20px;line-height:1.5;font-weight:400;text-transform:none}.widget ol,.widget ul{margin:0}.widget .search-field{width:100%}.widget .search-form{display:flex}.widget .search-form button.search-submit{font-size:15px}.footer-widgets .widget{margin-bottom:30px}.footer-widgets .widget:last-child,.sidebar .widget:last-child{margin-bottom:0}.widget ul li{list-style-type:none;position:relative;margin-bottom:.5em}.widget ul li ul{margin-left:1em;margin-top:.5em}.wp-calendar-table{table-layout:fixed}.site-content{display:flex}.grid-container{margin-left:auto;margin-right:auto;max-width:1200px}.page-header,.sidebar .widget,.site-main>*{margin-bottom:20px}.both-left .inside-left-sidebar,.both-right .inside-left-sidebar{margin-right:10px}.both-left .inside-right-sidebar,.both-right .inside-right-sidebar{margin-left:10px}.one-container.both-right .site-main,.one-container.right-sidebar .site-main{margin-right:40px}.one-container.both-left .site-main,.one-container.left-sidebar .site-main{margin-left:40px}.one-container.both-sidebars .site-main{margin:0 40px 0 40px}.one-container.archive .post:not(:last-child):not(.is-loop-template-item),.one-container.blog .post:not(:last-child):not(.is-loop-template-item){padding-bottom:40px}.one-container .site-content{padding:40px}.separate-containers .comments-area,.separate-containers .inside-article,.separate-containers .page-header,.separate-containers .paging-navigation{padding:40px}.separate-containers .site-main{margin:20px}.separate-containers.no-sidebar .site-main{margin-left:0;margin-right:0}.separate-containers.both-right .site-main,.separate-containers.right-sidebar .site-main{margin-left:0}.separate-containers.both-left .site-main,.separate-containers.left-sidebar .site-main{margin-right:0}.separate-containers .inside-left-sidebar,.separate-containers .inside-right-sidebar{margin-top:20px;margin-bottom:20px}.inside-page-header{padding:40px}.widget-area .main-navigation{margin-bottom:20px}.one-container .site-main>:last-child,.separate-containers .site-main>:last-child{margin-bottom:0}.full-width-content .container.grid-container{max-width:100%}.full-width-content.no-sidebar.separate-containers .site-main{margin:0}.full-width-content.one-container .site-content,.full-width-content.separate-containers .inside-article{padding:0}.full-width-content .entry-content .alignwide{margin-left:0;width:auto;max-width:unset}.contained-content.one-container .site-content,.contained-content.separate-containers .inside-article{padding:0}.sidebar .grid-container{max-width:100%;width:100%}.both-left .is-left-sidebar,.both-sidebars .is-left-sidebar,.left-sidebar .sidebar{order:-10}.both-left .is-right-sidebar{order:-5}.both-right .is-left-sidebar{order:5}.both-right .is-right-sidebar,.both-sidebars .is-right-sidebar{order:10}.inside-site-info{display:flex;align-items:center;justify-content:center;padding:20px 40px}.site-info{text-align:center;font-size:15px}.post-image:not(:first-child){margin-top:2em}.featured-image{line-height:0}.separate-containers .featured-image{margin-top:20px}.separate-containers .inside-article>.featured-image{margin-top:0;margin-bottom:2em}.one-container .inside-article>.featured-image{margin-top:0;margin-bottom:2em}.gp-icon{display:inline-flex;align-self:center}.gp-icon svg{height:1em;width:1em;top:.125em;position:relative;fill:currentColor}.close-search .icon-search svg:first-child,.icon-menu-bars svg:nth-child(2),.icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:first-child{display:none}.close-search .icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(2){display:block}.entry-meta .gp-icon{margin-right:.6em;opacity:.7}nav.toggled .icon-arrow-left svg{transform:rotate(-90deg)}nav.toggled .icon-arrow-right svg{transform:rotate(90deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon svg{transform:rotate(180deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-left svg{transform:rotate(-270deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-right svg{transform:rotate(270deg)}.container.grid-container{width:auto}.menu-toggle,.mobile-bar-items,.sidebar-nav-mobile{display:none}.menu-toggle{padding:0 20px;line-height:60px;margin:0;font-weight:400;text-transform:none;font-size:15px;cursor:pointer}.menu-toggle .mobile-menu{padding-left:3px}.menu-toggle .gp-icon+.mobile-menu{padding-left:9px}.menu-toggle .mobile-menu:empty{display:none}button.menu-toggle{background-color:transparent;flex-grow:1;border:0;text-align:center}button.menu-toggle:active,button.menu-toggle:focus,button.menu-toggle:hover{background-color:transparent}.has-menu-bar-items button.menu-toggle{flex-grow:0}nav.toggled ul ul.sub-menu{width:100%}.toggled .menu-item-has-children .dropdown-menu-toggle{padding-left:20px}.main-navigation.toggled .main-nav{flex-basis:100%;order:3}.main-navigation.toggled .main-nav>ul{display:block}.main-navigation.toggled .main-nav li{width:100%;text-align:left}.main-navigation.toggled .main-nav ul ul{transition:0s;visibility:hidden;box-shadow:none;border-bottom:1px solid rgba(0,0,0,.05)}.main-navigation.toggled .main-nav ul ul li:last-child>ul{border-bottom:0}.main-navigation.toggled .main-nav ul ul.toggled-on{position:relative;top:0;left:auto!important;right:auto!important;width:100%;pointer-events:auto;height:auto;opacity:1;display:block;visibility:visible;float:none}.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle{float:right}.mobile-menu-control-wrapper{display:none;margin-left:auto;align-items:center}.has-inline-mobile-toggle #site-navigation.toggled{margin-top:1.5em}.has-inline-mobile-toggle #site-navigation.has-active-search{margin-top:1.5em}.has-inline-mobile-toggle #site-navigation.has-active-search .nav-search-active{position:relative}.has-inline-mobile-toggle #site-navigation.has-active-search .navigation-search input{outline:auto}.nav-float-left .mobile-menu-control-wrapper{order:-10;margin-left:0;margin-right:auto;flex-direction:row-reverse}@media (max-width:768px){.hide-on-mobile{display:none!important}a,body,button,input,select,textarea{transition:all 0s ease-in-out}.inside-header{flex-direction:column;text-align:center}.site-header .header-widget{margin-top:1.5em;margin-left:auto;margin-right:auto;text-align:center}.site-content{flex-direction:column}.container .site-content .content-area{width:auto}.is-left-sidebar.sidebar,.is-right-sidebar.sidebar{width:auto;order:initial}.is-left-sidebar+.is-right-sidebar .inside-right-sidebar{margin-top:0}.both-left .inside-left-sidebar,.both-left .inside-right-sidebar,.both-right .inside-left-sidebar,.both-right .inside-right-sidebar{margin-right:0;margin-left:0}#main{margin-left:0;margin-right:0}body:not(.no-sidebar) #main{margin-bottom:0}.alignleft,.alignright{float:none;display:block;margin-left:auto;margin-right:auto}.comment .children{padding-left:10px;margin-left:0}.entry-meta{font-size:inherit}.entry-meta a{line-height:1.8em}}@media (min-width:769px) and (max-width:1024px){.hide-on-tablet{display:none!important}}@media (min-width:1025px){.hide-on-desktop{display:none!important}}


/* umair css */

.d-hide{
  /* display: none; */
  opacity: 0;
}

#page {
    padding: 0px !important;
}
body{
        overflow-x: hidden;
}

body::-webkit-scrollbar-thumb {
    background: #c18336;
}

body::-webkit-scrollbar {
    width: 8px;
}

html {scroll-behavior:smooth;}

.container {
  background:transparent !important;
}

.entry-title {
    display: none !important;
}
.entry-content {
    margin-top: 0px !important;
}

.inside-site-info {
    display: none !important;
}
.site-content {
    display: block !important;
}

.hero-section{
  position:relative;
  z-index: 1000000;
  min-height:550px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
  color:#fff;
}

h2, h3{
  font-weight: 300 !important;
}
 h1, h2, h3, h4, h5, h6, p{
    font-family: 'Montserrat', sans-serif !important;
}
.hero-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:url("https://grandautoservices.co.uk/wp-content/uploads/2026/03/service-pgbanner.jpg") center/cover no-repeat;
  z-index:-2;
}

.hero-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.80);
  z-index:-1;
}

.hero-content{
  max-width:1100px;
  padding:20px;
}

.subheading{
  letter-spacing:6px;
  font-size:14px;
  text-transform:uppercase;
  margin-bottom:20px;
  color:#cb961b;
}

.hero-title{
  font-size:60px;
  font-weight:400;
  line-height:1.1;
  margin-bottom:20px;
}

.hero-title span{
  background:#cb961b;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.hero-description{
  font-size:20px;
  max-width:700px;
  margin:0 auto 35px;
  color:#ddd;
}

.hero-buttons{
  display:flex;
  gap:20px;
  justify-content:center;
  flex-wrap:wrap;
}

.hero-buttons a{
   padding: 0px 20px;
    line-height: 40px;
    font-size: 15px;
    width: 250px;
    letter-spacing: 1px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.35s ease;
    font-weight: 400;
    text-transform: uppercase;
}

/* Main Gold Button */
.cta-btn{
  background: #cb961b;
  color:#fff;
  border-radius:0;
  /* box-shadow:0 6px 20px rgba(203,150,27,0.35); */
}

.cta-btn:hover{
  transform:translateY(-3px);
  /* box-shadow:0 10px 30px rgba(203,150,27,0.55); */
  background: linear-gradient(135deg,#e0ad2a,#c28a0c);
}

/* Second Button */
.btn-outline{
  border:2px solid #cb961b;
  color:#cb961b;
  border-radius:0;
  background:transparent;
}

.btn-outline:hover{
  background:#cb961b;
  color:#fff;
  transform:translateY(-3px);
  /* box-shadow:0 10px 25px rgba(203,150,27,0.45); */
}

/* Scroll Indicator */
.scroll-indicator{
  position:absolute;
  bottom:30px;
  left:50%;
  transform:translateX(-50%);
  width:30px;
  height:50px;
  border:2px solid rgba(255,255,255,0.4);
  border-radius:20px;
  display:flex;
  justify-content:center;
  padding-top:10px;
}

.scroll-dot{
  width:6px;
  height:6px;
  background:#cb961b;
  border-radius:50%;
  animation:scroll 1.5s infinite;
}

@keyframes scroll{
  0%{ transform:translateY(0); opacity:1;}
  100%{ transform:translateY(15px); opacity:0;}
}


.all-service-sec {
  background: #001033;
  color: #fff;
}

.all-service-sec .sub-title {
  color: #cb961b;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 14px;
  margin-bottom: 10px;
}

.all-service-sec .main-title {
  font-size: 40px;
  font-weight: 700;
}

.all-service-sec .service-card {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid #222;
  transition: 0.4s ease;
}

.all-service-sec .service-card a {
  text-decoration: none;
  color: inherit;
  display: block;
  position: relative;
}

.all-service-sec .service-img {
  overflow: hidden;
  aspect-ratio: 4/3;
}

.all-service-sec .service-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s ease;
}

.all-service-sec .service-card:hover img {
  transform: scale(1.1);
}

.all-service-sec .service-overlay {
  position: absolute;
  inset: 0;
      background: linear-gradient(to top, rgb(0 0 0), transparent);
}

.all-service-sec .service-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  z-index: 2;
}

.all-service-sec .service-content h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}

.all-service-sec .service-content p {
  font-size: 14px;
  color: #ccc;
  margin-bottom: 12px;
}

.all-service-sec .learn-more {
  font-size: 14px;
  font-weight: 500;
  color: #cb961b;
  transition: 0.3s;
}

.all-service-sec .service-card:hover .learn-more {
  letter-spacing: 1px;
}

/* Section */


.section-subtitle{
  text-transform:uppercase;
  letter-spacing:4px;
  font-size:14px;
  color:#cb961b;
  margin-bottom:15px;
}

.section-title{
  font-size:48px;
  font-weight:700;
}

.why-us,
.paint-protection-advantages,
.faq-section  {
    position: relative;
    padding: 60px 0;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url(https://grandautoservices.co.uk/wp-content/uploads/2026/03/service-pgbanner.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.window-tit-faq{
  background-color: #010b20 !important;
}

/* Card Styling */
.why-card{
  background: linear-gradient(145deg, #010817, #001033);
  padding:35px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,0.08);
  transition:0.3s ease;
  height:100%;
}

.why-card:hover{
  border-color:#cb961b;
  transform:translateY(-5px);
}

.why-icon{
  font-size:32px;
  color:#cb961b;
  margin-bottom:20px;
}

.why-title{
  font-size:18px;
  font-weight:600;
  margin-bottom:15px;
}

.why-text{
  font-size:14px;
  color:#ccc;
  line-height:1.6;
}



/* CTA Section */
.cta-section{
  position:relative;
  padding:60px 0;
  overflow:hidden;
  background:#001033;
  color: #fff;
}

.cta-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at center, rgba(212,175,55,0.08), transparent 70%);
  z-index:0;
}

.cta-content{
  position:relative;
  z-index:2;
  max-width:750px;
  margin:auto;
  text-align:center;
}

.cta-title{
  font-size:48px;
  font-weight:700;
  margin-bottom:25px;
}

.cta-text{
  font-size:18px;
  color:#ccc;
  margin-bottom:35px;
}

/* Buttons */
.cta-content .btn-gold{
  background: linear-gradient(45deg, #cb961b, #cb961b78);
  border:none;
  color:#000;
  font-weight:600;
  padding:12px 30px;
  border-radius:6px;
  transition:0.3s ease;
  text-decoration: none !important;
}

.cta-content .btn-gold:hover{
  opacity:0.85;
}

.cta-content .btn-outline-gold{
  border: 2px solid #cb961b;
    color: #cb961b;
  padding:12px 30px;
  border-radius:6px;
  transition:0.3s ease;
  text-decoration: none !important;
}

.cta-content .btn-outline-gold:hover{
  background:#cb961b;
  color:#000;
}

.bfore-after-sec {
 background: #001033;
    color: #fff;
}
  

    .before-after-section .image-container {
      position: relative;
      overflow: hidden;
      border-radius: 1rem;
      width: 100%;
      height: 410px;
    }

    .before-after-section .slider-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: left;
      display: block;
    }

    .before-after-section .image-before {
      position: absolute;
      inset: 0;
      width: 50%;
   
    }

    .before-after-section .slider {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      cursor: pointer;
      z-index: 2;
    }

    .before-after-section .slider-line {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 4px;
      height: 100%;
      background-color: #cb961b;
      pointer-events: none;
    }

    .before-after-section .slider-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: #cb961b ;
      color:#fff;
      border-radius: 50%;
      padding: 0.5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      pointer-events: none;
      box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
      z-index: 3;
    }


/* SIDE PANEL */
.side-box{
    background: linear-gradient(212deg, #010817, #001033);
    border-radius:20px;
    padding:60px 20px;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    transition:0.3s ease;
}

.side-box h2{
    font-size:25px;
    font-weight:700;
    margin-bottom:20px;
}


  /* Scoped Styling */
    .paint-protection-film {
      position: relative;
      min-height: 550px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      text-align: center;
      color: #fff;
    }

    .paint-protection-film img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 1;
    }

    .paint-protection-film .hero-overlay {
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.85);
      z-index: 2;
    }

    .paint-protection-film .hero-content {
      position: relative;
      z-index: 3;
      padding-top: 80px;
    }

    .paint-protection-film .hero-subtitle {
      letter-spacing: 5px;
      font-size: 14px;
      text-transform: uppercase;
      color: #cb961b;
    }

    .paint-protection-film .hero-title {
      font-size: 3rem;
      font-weight: 400;
    }

.ppf-card{
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.package-card-padding{
    padding-left: 30px !important;
  padding-right: 30px !important;
}
 .package-card .pkg-img{
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
  border-radius: 15px 15px 0px 0px;
 }
  .paint-protection-packages .package-card:hover img {
    transform: scale(1.1);
}

    .paint-protection-film .gold-btn {
      background: linear-gradient(45deg, #cb961b, #f5d76e);
      border: none;
      color: #000;
      font-weight: 600;
    }

    .paint-protection-film .gold-btn:hover {
      opacity: 0.9;
    }

    .paint-protection-film .outline-btn {
      border: 2px solid #cb961b;
      color: #cb961b;
    }

    .paint-protection-film .outline-btn:hover {
      background: #cb961b;
      color: #000;
    }

    /* ===== PAGE SCOPED CSS ===== */
.paint-protection-packages {
  background: #001033;
  color: #fff;
}

.paint-protection-packages .section-subtitle {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 14px;
  color: #cb961b;
}

 .section-title,
 .title,
 .main-title {
    font-size: 2rem;
    font-weight: 700;
    position: relative;
    display: inline-block;
}

.section-title::after,
.title::after,
.main-title::after{
    content: "";
    display: block;
    height: 3px;
    background-color: #cb961b;
    margin-top: 25px;
}
.paint-protection-packages .package-card h3{
 padding-top: 20px;
}
.paint-protection-packages .package-card p{
      color: #c0bdbd;
}
.paint-protection-packages .package-card {
  background: linear-gradient(145deg, #010817, #001033);
  border: 1px solid #001033;
  border-radius: 15px;
  padding: 30px;
  transition: 0.3s ease;
  position: relative;
}

.paint-protection-packages .package-card:hover {
  transform: translateY(-6px);
  border-color: #cb961b;
  overflow: hidden;
}

.paint-protection-packages .popular {
  border-color: #cb961b;
  box-shadow: 0 0 20px rgba(212,175,55,0.4);
}

.paint-protection-packages .badge-popular {
  position: absolute;
  top: 15px;
  right: 15px;
  background: linear-gradient(45deg, #cb961b, #f5d76e);
  color: #000;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 50px;
  font-weight: 600;
}

.paint-protection-packages ul {
  list-style: none;
  padding-left: 0;
  margin: 0px 0px 20px 0px !important;
  color: #c0bdbd;
}

.paint-protection-packages ul li {
  padding-left: 25px;
  position: relative;
  margin-bottom: 8px;
  font-size: 14px;
}

.paint-protection-packages ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #cb961b;
}

.paint-protection-packages .btn-gold {
  background: #cb961b;
  color:#000b24;
}
.paint-protection-packages .btn-outline-gold{
color: #cb961b;
}
.paint-protection-packages .btn-outline-gold,
.paint-protection-packages .btn-gold {
     border: 2px solid #cb961b !important;
    padding: 12px 0px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    transition: all 0.35s ease;
    border-radius: 0px !important;
}

.paint-protection-packages .btn-outline-gold:hover {
  background: #cb961b;
  color: #000;
}


/* ===== Advantages Section Scoped CSS ===== */

/* .paint-protection-advantages {
  background: #111;
  color: #fff;
} */

.paint-protection-advantages .section-subtitle {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 14px;
  color: #cb961b;
}

.paint-protection-advantages .section-title {
  font-size: 2rem;
  font-weight: 700;
}

.paint-protection-advantages .adv-card {
  background: linear-gradient(145deg, #010817, #001033);
  border: 1px solid #001033;
  border-radius: 15px;
  padding: 30px;
  transition: 0.3s ease;
}

.paint-protection-advantages .adv-card:hover {
  border-color: #cb961b;
  transform: translateY(-6px);
}

.paint-protection-advantages .icon-box {
  width: 55px;
  height: 55px;
  background: #1f1f1f;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 20px;
  color: #cb961b;
  transition: 0.3s ease;
}

.paint-protection-advantages .adv-card:hover .icon-box {
  background: rgba(212,175,55,0.1);
}

.paint-protection-advantages h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.paint-protection-advantages p {
  font-size: 14px;
  color: #bbb;
  line-height: 1.6;
}

/* ===== Process Section Scoped CSS ===== */

.paint-protection-process {
  background: #001033;
  color: #fff;
}

.paint-protection-process .section-subtitle {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 14px;
  color: #cb961b;
}

.paint-protection-process .section-title {
  font-size: 2rem;
  font-weight: 700;
}


/* Cards */
.paint-protection-process .process-card {
  padding: 30px 20px;
  border-radius: 15px;
  transition: 0.3s ease;
}

.paint-protection-process .process-card:hover {
  transform: translateY(-6px);
}

/* Step Circle */
.paint-protection-process .step-circle {
  width: 70px;
  height: 70px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: #ffffff !important;
  border: 1px solid #2a2a2a;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 700;
  color: #001033;
  transition: 0.3s ease;
}

/* Text */
.paint-protection-process h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.paint-protection-process p {
  font-size: 14px;
  color: #bbb;
  line-height: 1.6;
}


/* ===== FAQ Section Scoped CSS ===== */



.faq-section .section-subtitle {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 14px;
  color: #cb961b;
}

.faq-section .section-title {
  font-size: 2rem;
  font-weight: 700;
}



/* Accordion Styling */
.faq-section .accordion-item {
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 10px;
  margin-bottom: 12px;
  overflow: hidden;
}

.faq-section .accordion-button {
  background: linear-gradient(145deg, #010817, #001033);
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  padding: 18px 20px;
  box-shadow: none;
}

.faq-section .accordion-button:not(.collapsed) {
  color: #cb961b;
 background: linear-gradient(145deg, #010817, #001033);
}

.faq-section .accordion-button:focus {
  box-shadow: none;
}

.faq-section .accordion-body {
  background: #cb961b;
  color: #000000;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.6;
  padding: 15px 20px 20px;
}

/* Custom Arrow Color */
.faq-section .accordion-button::after {
  filter: invert(1);
}

/* window tinting choose section css */

.choose-your-shade {
  /* background-color: #0f172a; */
  background-color: #001033;
  color: #ffffff;
}

.choose-your-shade .section-heading {
  margin-bottom: 60px;
}

.section-heading h2 span,
.price-start{
  font-size: 18px;
}

.choose-your-shade .subtitle {
  color: #cb961b;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 14px;
  margin-bottom: 10px;
}

.choose-your-shade .title {
  font-size: 36px;
  font-weight: 700;
}

.choose-your-shade .shade-card {
  /* background: linear-gradient(145deg, #1e293b, #0f172a);
  border: 1px solid #1f2937; */
  background: linear-gradient(145deg, #010817, #001033);
  border: 1px solid #2a2a2a;
  border-radius: 15px;
  padding: 25px;
  transition: 0.3s ease;
  height: 100%;
}

.choose-your-shade .shade-card:hover {
  border-color: rgba(59, 130, 246, 0.4);
}

.choose-your-shade .shade-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}

.choose-your-shade .shade-box {
  width: 56px;
  height: 56px;
  border-radius: 10px;
  border: 1px solid #1f2937;
}

.choose-your-shade .percentage {
  font-size: 26px;
  font-weight: 700;
}

.choose-your-shade .shade-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #cb961b;
}

.choose-your-shade .shade-desc {
  font-size: 14px;
  color: #9ca3af;
  margin-bottom: 20px;
}

.choose-your-shade .shade-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.choose-your-shade .stat-box {
  background-color: #1e293b;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
}

.choose-your-shade .stat-box span {
  font-size: 12px;
  color: #9ca3af;
}

.choose-your-shade .stat-box p {
  margin: 5px 0 0;
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
}

/* Stats Layout */

.shade-stats{
  display:flex;
  gap:12px;
}

/* Stat box */

.stat-box{
  flex:1;
  background:#f5f5f5;
  border-radius:10px;
  padding:14px;
  text-align:center;
  position:relative;
  overflow:hidden;
  font-size:14px;
}

/* Heat rejection animated */

.stat-box.heat-box{
  color:#000;
}

/* liquid fill */

.stat-box.heat-box .fill{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:0%;
  background:#1b85cb;   /* main liquid color */
  transition:height 2s ease;
  z-index:1;
}

/* text above liquid */

.stat-box.heat-box span,
.stat-box.heat-box p{
  position:relative;
  z-index:2;
  transition:0.4s;
}

/* text color after fill */

.stat-box.heat-box.filled span,
.stat-box.heat-box.filled p{
  color:#fff;
}

.uk-tint-law {
  background-color: #010b20; /* bg-card */
  padding-top: 80px;
  padding-bottom: 80px;
}

.uk-tint-law .law-card {
  background: linear-gradient(145deg, #010817, #001033);
  border: 1px solid #2a2a2a;
  border-radius: 15px;
  padding: 40px;
  color: #ffffff;
}

.uk-tint-law .law-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}

.uk-tint-law .law-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.uk-tint-law .law-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 14px;
  color: #9ca3af; /* text-muted */
  margin-bottom: 12px;
}

.uk-tint-law .bullet {
  color: #cb961b; /* primary */
  font-weight: bold;
}

.uk-tint-law .law-note {
  font-size: 12px;
  color: #9ca3af;
  margin-top: 20px;
}


.addon-sec{
  background-color: #001033
}

.addon-sec .text-primary {
    color: #cb961b !important;
}


/* ===== Parallax Section ===== */
.Dhaba-Parallax-Section {
  position: relative;
  background-image: url('https://grandautoservices.co.uk/wp-content/uploads/2026/03/service-3.jpg');
  background-attachment: fixed;   /* Parallax Effect */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  overflow: hidden;
}
.bg-warning {
    background-color: rgb(0 116 217) !important;
}

.Dhaba-Parallax-Section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.80);
    z-index: 1;
}
.Dhaba-Parallax-Section h2{
 position: relative;
    display: inline-block;
   
}
.Dhaba-Parallax-Section h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -9px;
    transform: translateX(-50%);
    width: 60%; /* apni marzi se adjust karo */
    height: 2px;
    background-color: #cb961b;
}
/* news section call dynamic home page */
.news-sec{ 
  position: relative;
    z-index: 1;
}

.post-content a{
  text-decoration: none !important;
    color: #001033!important;
}

.post-card {
    position: sticky;
    top: 50px;
}

.single-post h2,
.single-post h3,
.single-post h4{
  color: #001033 !important;
    margin: 20px 0px;
    font-weight: 500 !important;
}
.single-post h2{
  font-size: 25px !important;
}
.single-post h3{
font-size: 22px !important;
}

.single-post h4{
font-size: 20px !important;
}

.single-post ul{
  margin: 20px 0px !important;
}

.single-post p>img{
  width: 100% !important;
  height: 100% !important;
}


.section-title small{
  color:#cb961b;
  letter-spacing:2px;
}


.blog-card{
 background: #001033;
  border-radius:10px;
  overflow:hidden;
  transition:0.3s;
  height:100%;
}

.blog-card:hover{
  transform:translateY(-5px);
}

.blog-card img{
  width:100%;
  height:220px;
  object-fit:cover;
}

.blog-content{
  padding:20px;
}

.blog-content small{
  color:#ccc;
}

.blog-content h5{
  color:#fff8f8;
  font-weight:600;
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical !important;
}

.blog-content p{
  color:#ddd;
  font-size:14px;
}

.read-more{
  color:#ffffff;
  font-weight:500;
  text-decoration:none;
}

.view-btn{
  border: 1px solid #0074d9;
    color: #fff9f9;
  padding:10px 30px;
  text-decoration:none;
  display:inline-block;

  transition:0.3s;
}

.view-btn:hover{
  background:#0074d9;
  color:#fff;
}


/* Responsive */
@media(max-width:992px){
  .hero-title{
    font-size:50px;
  }

  .cta-title{
    font-size:32px;
  }
  .cta-text{
    font-size:16px;
  }

  .section-title{
    font-size:32px;
  }
   .section-space{
        margin:60px 0;
    }
      .paint-protection-film .hero-title {
        font-size: 5rem;
      }

  .cta-section, .why-us {
    position: relative;
    padding: 30px 0px !important;
  }
}


@media (max-width: 768px) {
   
   .before-after-section .image-container {
    height: 100% !important;
   }

  .paint-protection-packages .section-title {
    font-size: 2.5rem;
  }

    .paint-protection-film .hero-title {
        font-size: 38px !important;
      }

    .paint-protection-packages .section-title {
    font-size: 2.5rem;
    }

    .paint-protection-packages .col-12{
      margin-bottom: 25px;
    }

    .paint-protection-advantages .section-title {
    font-size: 2.5rem;
  }

  .paint-protection-process .section-title {
    font-size: 2.5rem;
  }

  .faq-section .section-title {
    font-size: 2.5rem;
  }

   .choose-your-shade .title {
    font-size: 28px;
  }

    .uk-tint-law .law-card {
    padding: 25px;
  }

  .uk-tint-law .law-title {
    font-size: 18px;
  }

  .uk-tint-law .law-list li {
    font-size: 13px;
  }

.section-title::after, .title::after, .main-title::after {
    width: 100px !important;
    margin: 25px auto 0px !important;
}

}

@media(max-width:600px){
  .hero-title{
    font-size:38px;
  }

  .hero-description{
    font-size:16px;
  }

  .subheading{
    letter-spacing:4px;
    font-size:12px;
  }
}


@media screen and (min-width:2000px){
      
.max-limit-2 {
    width: 1440px !important;
    margin: 0 auto !important;
    }
      
.max-limit {
    left: 50% !important;
    transform: translate(-50%) !important;
    width: 1440px !important;
    margin: 0 auto !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    }
 } 

 

 /* =========================================
   FAQ - NO EXTRA GAPS
========================================= */

.single-post .faq {
    --faq-primary: #111827;
    --faq-text: #4b5563;
    --faq-muted: #6b7280;
    --faq-border: #e5e7eb;
    /* --faq-bg: #f8fafc; */
    --faq-white: #ffffff;
    --faq-accent: #cb961b;

    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--faq-bg);
}

/* Container */

.single-post .faq__container {
    width: 100%;
    max-width: 900px;
    margin: 0 auto !important;
    padding: 0 !important;
}


/* Header */

.single-post .faq__header {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

.single-post .faq__eyebrow {
   display: block;
    margin: 20px 0px !important;
    padding: 0 !important;
    color: var(--faq-accent);
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    line-height: 1.3;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.single-post .faq__header h2 {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--faq-primary);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
}

.single-post .faq__header p {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--faq-muted);
    font-size: 14px;
    line-height: 1.5;
}


/* FAQ List */

.single-post .faq__list {
    display: flex;
    flex-direction: column;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* FAQ Item */

.single-post .faq__item {
    overflow: hidden;
    width: 100%;
    padding: 0 !important;
    background: #00103308;
    border: 1px solid var(--faq-border);
    border-radius: 0;
    margin-bottom: 14px;
}

.single-post .faq__item:last-child {
    border-bottom: 1px solid var(--faq-border);
}


/* Question */

.single-post .faq__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 !important;
    padding: 15px 16px !important;
    gap: 10px;
    color: var(--faq-primary);
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}


/* Icon */

.single-post .faq__icon {
        display: flex;
    justify-content: center;
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50%;
    font-size: 18px;
    transition: 0.2s ease;
}

.single-post .faq__item.is-active .faq__icon {
    color: #ffffff;
    background: var(--faq-accent);
    /* transform: rotate(45deg); */
}


/* Answer */

.single-post .faq__answer {
    display: grid;
    grid-template-rows: 0fr;
    margin: 0 !important;
    padding: 0 !important;
    transition: grid-template-rows 0.2s ease;
}

.single-post .faq__answer p {
    min-height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 16px !important;
    color: var(--faq-text);
    font-size: 13.5px;
    line-height: 1.55;
    opacity: 0;

    transition:
        opacity 0.2s ease,
        padding 0.2s ease;
}

.single-post .faq__item.is-active .faq__answer {
    grid-template-rows: 1fr;
}

.single-post .faq__item.is-active .faq__answer p {
    padding: 0 16px 12px !important;
    opacity: 1;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .single-post .faq {
        margin: 0 !important;
        padding: 0 !important;
    }

    .single-post .faq__header h2 {
        font-size: 26px;
    }

    .single-post .faq__header p {
        font-size: 13px;
    }

    .single-post .faq__question {
        padding: 13px 13px !important;
        font-size: 14px;
    }

    .single-post .faq__icon {
        flex-basis: 25px;
        width: 25px;
        height: 25px;
        font-size: 17px;
    }

    .single-post .faq__answer p {
        padding: 0 13px !important;
        font-size: 13px;
    }

    .single-post .faq__item.is-active
    .faq__answer p {
        padding: 0 13px 10px !important;
    }
}