/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 31 2025 | 13:48:05 */
@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap"); 


@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');
@media (min-width:768px)
{
	.product-header {
        display: flex
;
        justify-content: space-between;
        align-items: flex-start;
        gap: 20px;
    }
	.container-btn
	{
		display:none;
	}
    .nav ul {
  display: flex;
  list-style: none;
  gap: 25px;
  padding-left:0px;
	justify-content:center!important;
}
.view-details-btn {
    display: flex
;
    justify-content: flex-end;
    margin-top: 15px;
}
	.woocommerce-shop .wp-block-columns.is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:last-child {
        width: 75%;
        flex-basis: unset !important;
    }
	.woocommerce-shop .wp-block-columns.is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:first-child {
        width: 25%;
        flex-basis: unset !important;
        position: sticky;
        top: 0;
    }
	
}
.product-header a {
    text-decoration: none;
}
.wpc-filter-header .wpc-filter-title button
 {
    font-family: Teko;
    font-weight: bold;
    color: #000;
}
.widget.widget_wpc_filters_widget {
    border-radius: 10px;
    font-family: "Teko", sans-serif;
    font-weight: normal;
    background: #fff;
}

.widget.widget_wpc_filters_widget {
    box-shadow: 0px 0px 10px 1px #0000006e;
}
.view-details-btn a {
    background: red !important;
    margin-right: 0;
    padding: 10px 30px !important;
    color: #fff !important;
    font-size: 18px !important;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
	font-family:'Teko';
}
span.woocommerce-Price-amount.amount {
    font-weight: bold;
    font-family: Teko, sans-serif;
    color: red;
    font-size: 26px;
}
.product-meta-table-inner {
    width: 160px;
}
.product-meta-table-inner div {
    display: flex
;
    justify-content: space-between;
    padding: 1% 4%;
    margin-bottom: 5px;
    background: #eee !important;
	flex-wrap:wrap;
}
.product-price {
    color: red !important;
    font-weight: bold;
    font-size: 24px;
    font-family: 'Roboto Condensed';
    min-width: 160px;
    text-align: right;
}
h2.product-title {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0px;
}
.product-meta-table {
    display: flex
;
    justify-content: flex-end;
}
h1, h2, h3, h4, h5, h6, .heading
{
	font-family: 'Teko';
  font-weight: normal;
  font-style: normal;
}
.ekit-template-content-header .e-con-inner {
    max-width: 100%;
	padding-top: 0px;
    padding-bottom: 0px;
}
.elementor-element
 {
    padding: 0px;
}
header.header .logo
{
	width:10%;
}
 header.header .contact {
    width: 25%;
}
header.header nav.nav {
    width: 65%;
}
.header {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
nav.nav li a {
    font-size: 14px;
}
.container {
  max-width: 1380px!important;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo img {
  height: 80px;
}

.nav ul {
  display: flex;
  list-style: none;
  gap: 25px;
	
}

.nav ul li a {
  text-decoration: none;
  font-weight: bold;
  color: #000;
  transition: color 0.3s ease;
}

.nav ul li.active a {
  color: red;
}

.nav ul li a:hover {
  color: red;
}

.contact {
  text-align: right;
  font-size: 14px;
  line-height: 1.4;
}

.contact .phone {
  font-weight: bold;
    margin-bottom: 0;
	font-family: 'Teko';
    font-size: 24px;
}
p.phone span {
    font-size: 24px !important;
}
.contact a
{
	text-decoration:none;
}

.contact .phone span {
  color: red;
  font-weight: bold;
  font-size: 16px;
}

.contact .location {
  color: #333;
	border-top: 3px solid rgb(0, 0, 0);
}
.map-footer {
    width: 100%;
}

/*---banner section---*/
.hero-section {
  position: relative;
  background: url('https://phoenixtrailerdepot.com/wp-content/uploads/2025/06/Gif.png') no-repeat center center/cover;
  height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
	margin-bottom:0px;
}


.hero-overlay {
   background-color: rgb(217 201 201 / 38%);
    padding: 40px;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-title {
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 20px;
}

.highlight-red {
  color: #e60000;
}

.highlight-black {
  color: #000;
}

.hero-subtitle {
  font-size: 18px;
  line-height: 1.6;
  color: #fff;
}

.highlight-white {
  color: #fff;
  font-weight: bold;
}

.cta-section {
  background-color: #000;
  color: #fff;
  padding: 40px 20px;
  display: flex;
  justify-content: center;
	margin-top:-70px;
	border-radius:20px;
	margin-bottom:0px;
}

.cta-container {
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
  max-width: 1000px;
  width: 100%;
}

.cta-heading {
    font-size: 20px;
    margin-bottom: 10px;
    font-family: 'Teko';
    font-weight: bold;
}

.cta-divider {
  border: none;
  border-top: 1px solid #444;
  margin-bottom: 20px;
}

.cta-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
	margin-top: 20px;
}
.info-box:last-child
 {
    background: transparent;
}
.info-box a.cta-button {
    width: 100%;
    display: block;
    text-align: center;
}
.cta-info {
  display: flex;
  gap: 15px;
	width:100%;
	
}

.info-box {
  background: #fff;
  color: #000;
  padding: 0px 12px;
  border-radius: 5px;
  font-size: 18px;
	display: flex;
    align-items: center;
    justify-content: center;
	width: 33%;
	flex-wrap: wrap;
	font-family:'Teko';
}

.cta-button {
  background: #e60000;
  color: #fff;
  padding: 10px 18px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s e.trailer-header h2ase;
  white-space: nowrap;
	text-transform:uppercase;
}

.cta-button:hover {
  background: #cc0000;
}

@media (max-width: 768px) {
	.service-content h3 {
    font-size: 21px!important;
    font-weight: 700;
    margin-bottom: 8px;
}
	.product-img {
    text-align: center;
}
	.single-product main#wp--skip-link--target
 {
    margin-top: 30px !important;
}
	.product-meta-table {
    display: flex
;
    justify-content: center;
}
	.view-details-btn {
    display: flex
;
    justify-content: center;
    margin-top: 15px;
}
	.product-header {
    text-align: center!important;
}
	.product-price
 {
    text-align: center!important;
}
	.info-box
	{
		width:100%!important;
		padding:10px 12px;
	}
		.cta-info {
    flex-wrap: wrap;
}

	.left-column {
    order: 2;
}
	.right-column.service-card {
    order: 1;
}
	.left-column .service-card {
    height: 100%;
    width: 50%;
}
	.left-column {
    height: 230px!important;
    width: 100%!important;
}
	.left-column p
 {
    display: none;
}
	.right-column.service-card
 {

    height: 300px;
}
  .hero-title {
    font-size: 32px;
  }

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

  .cta-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .cta-info {
    flex-direction: column;
    width: 100%;
  }

  .cta-button {
    align-self: flex-start;
    width: 100%;
    text-align: center;
  }
}

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

  .hero-subtitle {
    font-size: 14px;
  }

  .cta-heading {
    font-size: 20px;
	text-align:center;
  }

  .info-box {
    font-size: 20px;
    width: 100%;
	padding: 15px 0;
	padding-bottom:5px;
	padding-top:5px;
  }

  .cta-button {
    font-size: 14px;
    padding: 10px;
  }
	.info-box a.cta-button {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
}

/*---banner and cta ---*/

/*traier section start*/
.trailer-section {
  padding: 60px 20px;
  text-align: center;
  font-family: Arial, sans-serif;
  background: #fff;
	margin-bottom:0px;
}

.trailer-header h2 {
    font-size: 28px;
    margin-bottom: 0px;
    font-weight: 600;
    text-transform: uppercase;
}

.trailer-header p {
    font-size: 28px;
    margin-bottom: 10px;
    font-weight: 600;
    text-transform: uppercase;
	font-family: 'Teko';
	margin-top:0px;
}

.highlight-red {
  color: red;
  font-weight: bold;
}

.trailer-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.trailer-card {
  background: #f9f9f9;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

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

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

.trailer-label {
    padding: 10px 15px;
    text-align: left;
    font-weight: 600;
    font-size: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 0;
    width: 100%;
	color:#fff;
	font-family:'Teko';
}

.arrow {
  color: #999;
  font-size: 16px;
}

/* ===== Responsive Styles ===== */
@media (max-width: 1024px) {
  .trailer-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .trailer-header h2 {
    font-size: 22px;
	margin-bottom:0px;
  }

  .trailer-header p {
    font-size: 22px;
  }

  .trailer-grid {
    grid-template-columns: 1fr;
  }

  .trailer-card img {
    height: 250px;
  }
}

/*trailer section end*/

.featured-inventory-section {
  background-color: #000;
  padding: 0px 30px;
  text-align: center;
	margin-bottom:0px;
}

.inventory-header {
  background: #000;
  padding: 30px 0;
  margin-bottom: 40px;
}

.inventory-header h2 {
  color: #fff;
  font-size: 28px;
  font-weight: 900;
  margin: 0;
  letter-spacing: 1px;
}

.inventory-logos {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}
.inventory-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 800px;
    margin: 0px auto;
}
.logo-card {
  background-color: #fff;
  padding: 30px 40px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  transition: transform 0.3s ease;
}

.logo-card img {
  max-width: 150px;
  height: auto;
  display: block;
}

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

.services-section {
  padding: 60px 20px;
  background: #fff;
  font-family: Arial, sans-serif;
  text-align: center;
}

.services-section h2 {
  font-size: 28px;
  margin-bottom: 40px;
	font-weight:bold;
}

.highlight-red {
  color: red;
  font-weight: bold;
}

.services-grid {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: auto;
}

/* Left column with two stacked cards */
.left-column {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 300px;
}

/* Right column with large card */
.right-column {
  flex: 1;
  min-width: 300px;
}

.service-card {
  position: relative;
  border-radius: 0px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

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

.service-content {
  position: absolute;
    bottom: 0;
    background: #000000c9;
    color: #fff;
    padding: 20px;
    width: 100%;
    text-align: left;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-flow: column;
    justify-content: end;
}

.service-content h3 {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 8px;
}

.service-content p {
  font-size: 14px;
  margin: 0;
}

/* ===== Responsive Design ===== */
@media (max-width: 900px) {
  .services-grid {
/*     flex-direction: column; */
  }

  .left-column {
    flex-direction: row;
  }

  .service-card img {
    height: 200px;
  }
}


.highlight-section {
  display: flex;
  flex-wrap: wrap;
  min-height: 400px;
}

.video-container {
  flex: 1;
  min-width: 300px;
  background: #000;
}

.video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.highlight-text-container {
  flex: 1;
  min-width: 300px;
  background-image: url('https://www.kinematrailerdepot.com/wp-content/uploads/2024/11/Kinema-Trailer-Depot-trailers-2.webp');
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.highlight-text-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 0, 0, 0.7); /* red overlay */
  z-index: 1;
}

.highlight-text-box {
  position: relative;
  padding: 40px 10px;
  z-index: 2;
  max-width: 500px;
  text-align: left;
}

.highlight-text-box h2 {
  font-size: 28px;
  font-weight: normal;
  color: #111;
  margin-bottom: 20px;
}

.highlight-text-box p {
  font-size: 16px;
  color: #111;
  line-height: 1.6;
}
.e-con-inner:has(.full-width-section) {
    max-width: 100%;
}
.info-card-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  padding: 40px 20px;
  background-color: #fff;
}

.info-card {
  background-color: #1a1a1a;
  color: #fff;
  border-radius: 16px;
  max-width: 350px;
  width: 100%;
  padding: 30px 25px;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  overflow: hidden;
}

.info-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 30px rgba(255, 0, 0, 0.3);
}

.icon-box {
  background-color: #ff0000;
  padding: 16px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-box img {
  width: 28px;
  height: 28px;
  filter: invert(100%); /* makes icon white if it's black originally */
}

.info-content h3 {
  font-size: 20px;
  font-weight: normal;
  color:#fff;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.info-content p {
  font-size: 15px;
  line-height: 1.6;
  color: #ccc;
}




.phone-number {
  display: block;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  margin: 10px 0;
}

.social-icons a {
  display: inline-block;
  margin-right: 10px;
  background: #ff0000;
  color: #fff;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 5px;
  transition: background 0.3s ease;
}

.social-icons a:hover {
  background: #cc0000;
}

.btn-red {
  display: inline-block;
  margin-top: 15px;
  background-color: #ff0000;
  color: #fff;
  padding: 10px 18px;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 4px;
  transition: background 0.3s ease;
}

.btn-red:hover {
  background-color: #cc0000;
}


/* -------------------------------------------------
   1.  GLOBAL  ─────────────────────────────────────
--------------------------------------------------*/
html {
  /* makes REM maths easier on very small screens */
  font-size: 100%;                 /* ≥ 1025 px  */
}
@media (max-width:1024px){ html { font-size: 93%; } }   /* tablets */
@media (max-width:767px) { html { font-size: 88%; } 

}   /* mobiles */

/* ensure the layout engine scales <meta viewport> is required */
@viewport { width: device-width; }

/* -------------------------------------------------
   2.  HEADER  ─────────────────────────────────────
--------------------------------------------------*/
@media (max-width:1024px){
  nav.nav li a            { font-size: 13px; }
  header.header .logo,
  header.header .contact  { width: 25%; margin-left:15px; }     /* 25 | 50 | 25 on large tablets */
  header.header nav.nav   { width: 50%; }
}

@media (max-width:767px){
	.wc-block-product-gallery-large-image__image-element img {
        height: 500px;
        object-fit: cover;
    }
	    
	    .nav ul {
        text-align: left;
        padding: 0px 20px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
	.nav ul
 {
        flex-direction: column;
        gap: 10px;
    }
	    button#openmenu-1 .icon-hamburger path {
        stroke: red;
    }
	.opened span.icon-hamburger
 {
        display: none;
    }
	    .opened span.icon-close {
        display: block !important;
    }
	header.header .logo a {
        width: 100%;
        text-align: left;
        position: relative;
        z-index: 99;
    }
	.review-google-header
 {
    display: flex
;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
	.contact-container
	{
		flex-wrap: wrap;
	}
  /* stack everything */
  .container               {  row-gap: 15px; }
  header.header .logo
	{ width: 100%; text-align:left; }
  header.header nav.nav,
  header.header .contact   { width: 100%; text-align:center; }

  /* vertical menu */
  .nav ul                  { flex-direction: column; gap: 10px; }
  .nav ul li               { width: 100%; }
}

/* -------------------------------------------------
   3.  HERO  ─────────────────────────────────────
--------------------------------------------------*/
@media (max-width:1024px){
  .hero-content           { width: 60%; clip-path: polygon(0 0,100% 0,85% 100%,0% 100%); }
}
@media (max-width:767px){
  .hero                   { flex-direction: column; height: auto; }
  .hero-content           { width: 100%; clip-path:none; padding: 40px 25px; }
  .hero-bg                { position: relative; width: 100%; height: 50vh; }
}
.post-type-archive main#wp--skip-link--target {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
/* -------------------------------------------------
   4.  “FIND YOUR DREAM TRAILER” GRID  ────────────
--------------------------------------------------*/
@media (max-width:767px){
  .trailer-grid           { grid-template-columns: 1fr; }
  .trailer-card           { height: 240px; }
}

/* -------------------------------------------------
   5.  FEATURED INVENTORY  ────────────────────────
--------------------------------------------------*/
@media (max-width:767px){
  .inventory-logos        { gap: 25px; }
  .logo-card              { max-width: 260px; margin-inline:auto; }
}

/* -------------------------------------------------
   6.  SERVICES SPLIT (black section)  ────────────
--------------------------------------------------*/
@media (max-width:1024px){
  .services-container     { flex-direction: column; align-items:flex-start; }
  .services-left,
  .services-right         { max-width: 100%; flex: 1 1 100%; }
  .services-right         { margin-top: 30px; }
}

/* -------------------------------------------------
   7.  HIGHLIGHT (video + red overlay)  ───────────
--------------------------------------------------*/
@media (max-width:1024px){
  .highlight-section      { flex-direction: row;padding-top:0px; margin-top:30px; }
  .highlight-text-box     { max-width: 90%; margin: 35px 0; }
  .video-container video  { height: 50vh; }          /* keeps height reasonable */
}

/* -------------------------------------------------
   8.  INFO CARDS  ────────────────────────────────
--------------------------------------------------*/
@media (max-width:767px){
  .info-card-section      { gap: 20px; }
  .info-card              { max-width: 100%; }
}



/* -------------------------------------------------
   10.  TYPOGRAPHY NUDGE ON VERY SMALL SCREENS  ───
--------------------------------------------------*/
@media (max-width:480px){
  .hero-content h1        { font-size: 2rem; }
  .hero-content h2        { font-size: 1.75rem; }
  .section-heading h2,
  .inventory-header h2,
  .services-left h2,
  .highlight-text-box h2  { font-size: 1.5rem; }
}
.services-left h2 {
    color: #000;
    font-weight: normal;
}
@media (min-width:768px)
	
{
	.filer-heading
	{
		display:none!important;
	}
	.post-type-archive main#wp--skip-link--target {
    padding-left: 0px;
    padding-right: 0px;
	margin-bottom:60px;
}
	ul.wc-block-product-gallery-large-image__container {
    width: 100% !important;
}
	.wp-block-columns.alignwide.is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:first-child {
        width: 60%;
        flex-basis: unset !important;
    }
	.wp-block-columns.alignwide.is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:last-child {
        width: 40%;
        flex-basis: unset !important;
    }
	.archive.post-type-archive .wp-block-columns
	{
		align-items: flex-start!important; */
  		flex-wrap: nowrap !important;
	}
	.archive.tax-product_cat .wp-block-columns
	{
		align-items: flex-start!important; */
  		flex-wrap: nowrap !important;
	}
	.wc-block-product .product-img img {
    width: 250px;
    height: 250px;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    min-width: 250px;
    min-height: 250px;
}
	.product-img {
    width: 30%;
}
	.product-info {
    width: 70%;
}
	
}
@media (min-width:768px)
{	
	ul.is-flex-container.columns-5.wc-block-product-template.wp-block-woocommerce-product-template li
 {
    width: 16.6666%!important;
}
	.container-btn { display: none; }
	
	.wc-block-product-template__responsive.columns-3 {
        grid-template-columns: repeat(1, minmax(max(150px, calc(33.33333% - .83333em)), 1fr)) !important;
    }
	.wc-block-product .product-img img {
        width: 250px;
        height: 250px;
        object-fit: cover;
        object-position: center;
        overflow: hidden;
        min-width: 250px;
        min-height: 250px;
    }
	    .custom-product-card {
        display: flex
;
        align-items: flex-start;
        justify-content: space-between;
        gap: 30px;
        width: 100%;
    }
	    .post-type-archive-product li.wc-block-product {
        display: flex
;
        align-items: flex-start;
        justify-content: space-between;
    }
ul.sub-menu {
    background: #fff;
    visibility: hidden;
    opacity: 0;
}
	li.menu-item-submenu {
    text-align: center;
}
ul.sub-menu {
    width: 100% !important;
        display: grid !important
;
        grid-template-columns: repeat(6, 1fr);
        row-gap: 20px;
        padding: 10px;
        position: absolute !important;
        top: calc(100% - 18px);
        z-index: 999;
        left: 50%;
        max-width: 1200px;
        transform: translateX(-50%);
}
	a.btn.open
	{
		display:none;
	}
}
@media (max-width:767px)
{
	.review-google-header {
        background: rgb(229 228 228 / 40%);
        padding: 15px;
        border-radius: 12px;
        display: flex
;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: space-between;
    }
ul.nav-bar-menu > li
	{
		padding-top:5px!important;
		padding-bottom:5px!important;
	} 
	ul.sub-menu
	{
		display:none;
	}
	li.menu-item-submenu a
 {
    display: flex
;
    align-items: center;
	 gap: 10px;
}
	li.menu-item-submenu img {
    width: 50px;
    height: 50px!important;
    object-fit: contain!important;
}
	ul.sub-menu {
    padding: 10px!important;
}
a.btn.open {
    font-size: 44px;
    position: absolute;
    right: 15px;
    top: 5px;
}
    .nav.active {
        display: block !important;
    }
	ul.nav-bar-menu li a {
    font-size: 20px!important;
}
#sidenav {
    width: 80%;
        position: absolute;
        left: 50%;
        top: 90px;
        transform: translate(-50%);
        background: rgb(255, 255, 255);
        z-index: 999;
        color: rgb(0, 0, 0);
        margin: 0px;
        display: none;
}
/* 	#sidenav:target {
    left: 0;
} */

.sidenav-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    left: 100%;
    top: 0;
    z-index: -1;
    cursor: default;
}

	.widget.widget_wpc_filters_widget
	{
		width: 80%;
    max-width: 300px;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    left: -300px;
    transition: left .35s;
	z-index:999;
	color:#000;
	}
	.widget.widget_wpc_filters_widget.active
	{
		left: 0!important;
		padding:20px;
	}
	

	.nav ul li a

 {
    text-decoration: none;
    font-weight: bold;
    color: #000!important;
    transition: color 0.3s ease;
}
	.nav ul {
    text-align: left;
    padding: 30px;
}
	body .is-layout-flex
	{
	display:block!important;
	}
	
	.trailer-card
 {
    margin-right: 15px;
}

	.header .container .contact {
    display: none;
}
}
.e-con-inner {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

body .is-layout-flex {
    display: flex;
    max-width: 1280px;
    align-items: flex-start;
}
main#wp--skip-link--target {
    background: #fff;
	margin-top:60px!important;
}
.widget.widget_wpc_filters_widget {
    background: #fff;
    
    border-radius: 10px;
	font-family: 'Teko';
    font-weight: normal;
	color:#000;
}

.wp-site-blocks
{
	background:#fff;
}
.widget-title.wpc-filter-title {
    color: red;
    font-size: 25px;
}
header.header .container {
    position: relative;
}
.wp-block-woocommerce-product-collection
 {
  
    width: 100%;
    padding: 25px;
    border-radius: 10px;
}
li.wc-block-product {
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 10px 1px #0000006e;
    border-radius: 10px;
}

.trailer-card:hover:before {
    background: none;
    transition: 0.5s;
}
section {
    margin-bottom: 70px;
}
.footer-column ul
 {
    list-style: none;
}
.footer {
  background: #000;
  color: #fff;
  font-family: Arial, sans-serif;
  padding: 40px 20px 20px;
}

.footer-container {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
}

.footer-left {
  width:60%;
}
.footer-right {
  width:40%;
}

.footer-logo {
  max-width: 100px;
  margin-bottom: 20px;
}

.footer-description {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.5;
}

.footer-social a {
  margin-right: 15px;
  display: inline-block;
}

.footer-social img {
  width: 24px;
  height: 24px;
}

.footer-links {
  display: flex;
  flex: 2 1 500px;
  gap: 40px;
  flex-wrap: wrap;
	justify-content:space-between;
}

.footer-column h4 {
  font-size: 20px;
  margin-bottom: 10px;
	font-weight:bold;
}

.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-column ul li {
  margin-bottom: 8px;
}

.footer-column ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}

.footer-column ul li a:hover {
  text-decoration: underline;
}

.footer-hours {
  background: #222;
  padding: 20px;
  border-radius: 8px;
  flex: 1 1 220px;
  font-size: 14px;
	margin-top:25px;
}
.footer-column h4
 {
    color: #fff;
}
.footer-hours h4 {
    color: #fff;
}
.footer-hours h4 {
  margin-bottom: 10px;
}

.footer-hours hr {
  border: none;
  border-top: 1px solid #444;
  margin-bottom: 10px;
}

.footer-hours p {
  display: flex;
  justify-content: space-between;
  margin: 5px 0;
}

.footer-bottom
 {
    border-top: 1px solid #333;
    text-align: center;
    padding-top: 20px;
    font-size: 12px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0px auto;
    margin-top: 30px;
}

/* ===== RESPONSIVE STYLES ===== */
@media (max-width: 768px) {
	.wp-block-woocommerce-product-collection
	{
		padding:0px!important;
	}
	section {
    margin-bottom: 0px;
}
	.services-section {
    padding: 30px 20px!important;
	}
	.trailer-section {
    padding: 30px 20px!important;
	}
	ul.product-features-tab
	{
		grid-template-columns: repeat(1, 1fr)!important;
	}
	.container-btn { display: flex; align-items: center; }
	.container-btn button {
		background:none;
		outline:none;
		border:none;
	}
	span.menu-text {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Teko';
}
	.inventory-header
	{
		flex-wrap: wrap;
    	gap: 20px;
		justify-content: center;
	}
  .footer-container {
    flex-direction: column;
    align-items: flex-start;
  }
.footer-right
 {
    width: 100%;
}
	.footer-left {
		width: 100%;
		display: flex;
        flex-wrap: wrap;
        justify-content: center;
}
  .footer-links {
    flex-direction:row;
    gap: 20px;
  }
	.footer-bottom
	{
		flex-wrap: wrap;
    	
		justify-content: center;
	}
  .footer-hours {
	  width: 80%;
	  margin: 0px auto;
	  margin-top: 20px;
  }
}
@media (max-width: 430px)
{
	.wc-block-product-template__responsive.columns-3 {
    grid-template-columns: repeat(1, minmax(max(150px, calc(33.33333% - .83333em)), 1fr))!important;
}
}
@media (max-width: 480px) {
  .footer-column h4,
  .footer-hours h4 {
    font-size: 15px;
  }

  .footer-column ul li a,
  .footer-description,
  .footer-hours p {
    font-size: 13px;
  }

  .footer-social img {
    width: 20px;
    height: 20px;
  }

  .footer-logo {
    max-width: 80px;
  }
}
img.footer-logo {
    width: 140px;
}
.service-box:hover {
    transform: translateY(-10px);
}
.service-box
 {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.product-dynamic-content button {
    font-size: 20px !important;
    color: #fff !important;
    background-color: #ff0014 !important;
    border: 0px !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
    font-style: normal;
    text-transform: uppercase !important;
    text-decoration: none;
    margin-bottom: 7px;
    transition: ease 0.2s;
    border-radius: 0px;
    padding: 16px 20px !important;
    height: auto !important;
    white-space: nowrap;
    width: 100% !important;
    font-family: 'Teko';
}
.wp-block-add-to-cart-form {
    display: none;
}

.elementor[data-elementor-type='wp-page'] {
/*     max-width: 1280px; */
}
.faq-container {
  display: flex;
  max-width: 1200px;
  margin: auto;
  padding: 40px 20px;
}
.faq-sidebar {
  width: 250px;
  position: sticky;
  top: 20px;
}
.faq-sidebar h4 {
  font-size: 16px;
  margin-bottom: 10px;
}
.faq-sidebar ul {
  list-style: none;
  padding: 0;
}
.faq-sidebar ul li {
  margin-bottom: 5px;
}
.faq-sidebar ul li a {
  text-decoration: none;
  color: #0073e6;
}
.faq-sidebar ul li a:hover {
  text-decoration: underline;
}

.faq-content {
  flex-grow: 1;
  padding-left: 10px;
}
.faq-category {
  margin-bottom: 10px;
}
.faq-category-title {
  font-size: 20px;
  padding-bottom: 0px;
  margin-bottom: 0px;
   margin-top: 0px;
}
.faq-item {
  margin-bottom: 15px;
}
.faq-question {
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
.faq-question::after {
  content: "＋";
  float: right;
}
.faq-answer {
  display: none;
  padding: 10px 0;
}
.faq-item.active .faq-answer {
  display: block;
}
.faq-item.active .faq-question::after {
  content: "−";
}
  .heading-section {
    display: flex
;
    align-items: center;
    border-bottom: 1px solid lightgrey;
    justify-content: center;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 35px;
}
  .icon-svg {
    margin-left: 10px;
}
.title-heading {
    margin-bottom: 15px;
    cursor:pointer;
}
  .section-faq-nav {
    padding: 40px 20px;
}
@media screen and (min-width: 1024px) {
    .wordpress-section.faq-navigation {
        width: 20%;
        position: sticky;
        top: 150px;
    }
	.faq-on-right {
        width: 80%;
    }
	    .faq-on-flex {
        display: flex;
        align-items: baseline;
    }
}
.icon-svg svg {
    width: 1.2rem;
    height: 1.2rem;
    transition: .3s;
}
.icon-svg
 {
    margin-left: 10px;
}
.heading-section.active-faq .icon-svg svg {
    transform: rotate(180deg);
    transition: .3s;
}
.about-section {
  padding: 50px 20px;
  background-color: #fff;
  font-family: Arial, sans-serif;
}

.about-container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: auto;
  gap: 30px;
  align-items: center;
}

.about-image {
  flex: 1 1 40%;
  position: relative;
}

.about-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.video-overlay {
  position: relative;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  font-size: 40px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background 0.3s ease;
}

.play-button:hover {
  background: rgba(255, 255, 255, 1);
}

.about-text {
  flex: 1 1 55%;
}

.about-text h2 {
  font-size: 2.5rem;
  font-weight: 900;
  margin-bottom: 20px;
}

.about-text p {
  font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: 15px;
}
@media  (min-width: 768px) {
	.widget.widget_wpc_filters_widget
	{
		padding:20px;
	}
    .reviews-google {
        max-width: 910px;
        margin: 0px auto;
        padding-left: 20px;
        padding-right: 20px;
    }
	.review-google-header {
        background: rgb(229 228 228);;
        padding: 15px;
        border-radius: 12px;
        display: flex
;
        justify-content: space-between;
        align-items: center;
		flex-wrap:wrap;
		position:relative;
    }
}
.review--header {
    margin-bottom: 25px;
}
.reviews--items

 {
    background: rgb(229 228 228);
    padding: 20px;
    border-radius: 20px;
}
.g-reviews li svg {
    height: 15px;
    width: 15px;
}
.rating-items li svg {
    height: 15px;
    width: 15px;
}
section.popular-post.revuiews-and-rev ul {
    list-style: none;
}
/* li svg path {
    fill: rgb(255, 180, 0) !important;
} */
.rating-items li {
    display: inline-block;
}
.g-reviews li {
    display: inline-block;
}
.g--text svg

 {
    margin-right: 5px;
}

.reviews--btn a
 {
    background: rgb(28, 145, 255);
    color: #fff;
    font-size: 13px;
    padding: 12px;
    border-radius: 21px;
    text-decoration: none;
}
.reviews--items
 {
    margin-right: 10px;
	 margin-left: 10px;
}
.g--text {
    display: flex
;
    align-items: center;
    justify-content: flex-start;
}
.g-reviews
 {
    display: flex
;
    justify-content: end;
    align-items: center;
}
body
{
	background: #fff;
	
}
.elementor.elementor-2501 {
    max-width: 1280px;
    margin: 0px auto;
}
.elementor.elementor-2503 {
    max-width: 1280px;
    margin: 0px auto;
}
.faq-category .heading-section
 {
    justify-content: flex-start;
}
.page-template-elementor_theme .wp-block-spacer {
    display: none;
}
.right-column.service-card
 {
    background-image: url(https://phoenixtrailerdepot.com/wp-content/uploads/2025/06/ebb5a893e4a1cdf68d5c1c7adb430b9dc6f26476.png);
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
}
.left-column .service-card:first-child {
    background-image: url(https://phoenixtrailerdepot.com/wp-content/uploads/2025/06/ebb5a893e4a1cdf68d5c1c7adb430b9dc6f26476.png);
background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.left-column .service-card:last-child {
    background-image: url(https://phoenixtrailerdepot.com/wp-content/uploads/2025/06/ebb5a893e4a1cdf68d5c1c7adb430b9dc6f26476.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.services-grid {
    height: 550px;
}
.right-column.service-card
 {
    width: 60%;
}
.left-column {
    height: 550px;
	width:40%
}
.left-column .service-card {
    height: 100%;
}
.service-content h3 {
    color: #fff;
}
.reviews-google .slick-prev.slick-arrow {
    position: absolute;
    left: 0;
    top: 40%;
    z-index: 99;
}

.reviews-google .slick-prev.slick-arrow, .reviews-google .slick-next.slick-arrow {
    background: #000;
    padding: 10px;
    color: #fff;
    border-radius: 31px;
    height: 40px;
    width: 40px;
    text-align: center;
    background-color: rgba(17, 17, 17, 0.6);
    fill: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 30%) 0px 4px 12px 0px;
    z-index: 9;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.reviews-google .slick-next.slick-arrow
 {
    position: absolute;
    right: 0%;
    top: 40%;
    z-index: 99;
}
.readd-more a {
    display: inline-block;
    color: rgba(17, 17, 17, 0.5);
    cursor: pointer;
    text-decoration: none;
}
.posted-on
 {
    min-width: 0px;
    text-overflow: ellipsis;
    text-align: left;
    white-space: nowrap;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.17;
    color: rgba(17, 17, 17, 0.5);
}

nav#sidenav li.has-menu:hover > ul.sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
}

ul.nav-bar-menu > li {
    padding-top: 10px;
    padding-bottom: 10px;
}
li.menu-item-submenu img {
    height: 80px;
    object-fit: cover;
}
li.menu-item-submenu span {
    font-size: 17px;
    display: block;
}
nav#sidenav {
    font-family: 'Teko';
}
.page-template-default .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    max-width: 100%;
    background: #000;
    height: 130px;
    color: #fff;
    display: flex
;
    justify-content: center;
    align-items: center;
} 

.page-template-default h1.has-text-align-center.wp-block-post-title {
    color: #fff !important;
}
.financing-section {
  padding: 40px 20px;
  font-family: Arial, sans-serif;
  background: #fff;
  color: #000;
}

.financing-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 40px;
}

.financing-box {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  padding: 10px;
  text-align: center;
  width: 22%;
  min-width: 180px;
}

.financing-box button {
  width: 100%;
  background: #004f2d;
  color: #fff;
  font-weight: bold;
  border: none;
  padding: 10px 0;
  margin-bottom: 10px;
  cursor: pointer;
}

.financing-box:nth-child(2) button {
  background: #222;
}

.financing-box:nth-child(3) button,
.financing-box:nth-child(4) button {
  background: #0073e6;
}

.financing-box img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.financing-bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: flex-start;
}

.left-box img {
  width: 100%;
  max-width: 280px;
  height: auto;
}

.right-box {
  flex: 1;
  max-width: 700px;
}

.right-box h2 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
}

.right-box p {
  font-size: 16px;
  margin-bottom: 16px;
  line-height: 1.6;
}

.apply-button {
  display: inline-block;
  background: #e60000;
  color: #fff;
  font-weight: bold;
  padding: 12px 24px;
  text-decoration: none;
  border-radius: 4px;
  margin-top: 10px;
}

.contact-section {
  padding: 40px 20px;
  font-family: Arial, sans-serif;
  background: #fff;
}

.contact-container {
  display: flex;
  
  gap: 40px;
  justify-content: space-between;
}

.contact-form-box {
  flex: 1;
  min-width: 320px;
  max-width: 480px;
  background: #f9f9f9;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  padding: 20px;
}

.form-header {
  background: #222;
  color: white;
  padding: 20px;
  text-align: center;
}

.form-header h3 {
  margin: 0;
  font-weight: bold;
}

.form-header p {
  font-size: 14px;
  opacity: 0.8;
  margin-top: 5px;
}
.elementor.elementor-2671 {
    max-width: 1200px;
    margin: 0px auto;
}
.elementor.elementor-2669 {
    max-width: 1280px;
    margin: 0px auto;
}
.page-template-default main#wp--skip-link--target {
    margin-top: 0px !important;
}
.page-id-2503 .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    max-width: 100%;
    background: #000;
    height: 250px;
    color: #fff;
    display: flex
;
    justify-content: center;
    align-items: center;
}
.page-id-2503 h1.has-text-align-center.wp-block-post-title
{
	color:#fff;
}
.page-id-2503 #wp--skip-link--target
{
	margin-top:0px!important;
}
.logo a
 {
    display: flex
;
}
.contact-info-box h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}
.wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-cb46ffcb.wp-block-group-is-layout-flex
 {
    display: flex !important
;
}
.overlay-remove-filter-head.active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000052;
    z-index: 9;
}
.overflow-hidden
{
	overflow:hidden;
}
.trailer-gallery {
  padding: 40px 20px;
  background-color: #fff;
}

.gallery-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.gallery-card {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  background: #f9f9f9;
}

.gallery-card img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}

.gallery-card:hover img {
  transform: scale(1.05);
}

.gallery-overlay {
  position: absolute;
  bottom: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
  color: #fff;
  width: 100%;
  padding: 10px 15px;
  box-sizing: border-box;
}

.gallery-overlay h4 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

.gallery-overlay p {
  margin: 4px 0 0;
  font-size: 14px;
}
.elementor.elementor-2719 {
    max-width: 1280px;
    margin: 0px auto;
}
.post-type-archive h1.alignwide.wp-block-query-title {
    position: relative;
    width: 100%;
    background: #000;
    height: 140px;
    display: flex
;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-left: 0px !important;
    margin-right: 0px !important;
    max-width: 100%;
	margin-top:0;
	text-transform:uppercase;
	font-weight:bold;
}
.woocommerce.woocommerce-shop .wc-block-breadcrumbs .woocommerce-breadcrumb {
    text-align: center;
    font-family: 'Teko';
}
.post-type-archive main#wp--skip-link--target {
    background: #fff;
    margin-top: 0px !important;
}

.wc-block-breadcrumbs {
    padding-left: 40px;
    padding-right: 40px;

}
.post-type-archive .wp-block-columns.is-layout-flex {
    padding-left: 25px;
    padding-right: 25px;
}
.post-type-archive .wp-block-group.alignwide.is-content-justification-space-between {
    padding-left: 25px;
    padding-right: 25px;
    font-family: 'Teko';
}
.banners svg {
    width: 20px;
    height: 20px;
}
span.banner.sale {
    display: flex
;
    align-items: center;
    text-transform: uppercase;
    font-family: 'Teko';
    background: red;
    width: 100px;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    border-radius: 14px;
}
.banners svg path
 {
    fill: #fff !important;
}
.banners {
    display: none;
    justify-content: center;
}
span.woocommerce-Price-amount.amount {
    font-weight: bold;
    font-family: 'Teko';
    color: red;
}
a.wp-block-read-more
 {
    justify-content: center;
    display: flex
;
    width: 120px;
    background: red;
    color: #fff;
    font-weight: bold;
    font-family: 'Inter';
    margin: 0px auto;
    border-radius: 6px;
    padding-bottom: 10px;
    padding-top: 10px;
}
select.orderby {
    padding: 10px;
   
}
select.orderby {
    /* color: rgb(38, 77, 151) !important; */
    width: 100%;
    /* border-color: rgb(38, 77, 151) !important; */
    border-radius: 20px;
    font-weight: 500;
    padding: 0 15px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(https://caballustrailers.com/wp-content/uploads/2025/06/arrow-down-sign-to-navigate-2.png); background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: center;
    font-size: 14px;
    min-height: 30px !important;
	background-size: 11px;
	font-family: 'Inter';
}
.filer-heading img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
	filter: invert(1);
}
.filer-heading h2 {
    color: rgb(255, 255, 255);
    font-size: 30px;
    margin: 5px;
}
.filer-heading {
    display: flex
;
    align-items: center;
    background: red;
    width: 150px;
    justify-content: center;
    padding: 0px 1px;
    border-radius: 0px;
}
.wc-block-breadcrumbs {
    display: none;
}
.product-dynamic-content a {
    font-size: 20px !important;
    color: #fff !important;
    background-color: #ff0014 !important;
    border: 0px !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
    font-style: normal;
    text-transform: uppercase !important;
    text-decoration: none;
    margin-bottom: 7px;
    transition: ease 0.2s;
    border-radius: 0px;
    padding: 16px 20px !important;
    height: auto !important;
    white-space: nowrap;
    width: 100% !important;
    font-family: 'Teko';
    display: flex
;
    justify-content: center;
}
.product-dynamic-content

 {
    margin-top: 30px;
    display: flex
;
    flex-wrap: wrap;
}
.product-dynamic-content {
    margin-top: 30px;
}
ul.nav-bar-menu li a {
    font-size: 20px!important;
}
.wc-block-product-template__responsive li.wc-block-product .wc-block-components-product-image {
    display: none;
}
.wc-block-product-template__responsive li.wc-block-product h3.has-text-align-center {
    display: none;
}
.wc-block-product-template__responsive li.wc-block-product .wp-block-woocommerce-product-price {
    display: none;
}
a.wp-block-read-more {
    display: none !important;
}
.wc-block-product-gallery-large-image-next-previous-container {
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}
.single-product h1.wp-block-post-title {
    font-size: 32px;
    font-weight: bold;
}
.woocommerce-tabs.wc-tabs-wrapper {
    text-align: center;
}
.rating-items ul {
    padding-left: 0px;
}
.g-reviews ul {
    padding-left: 0px;
}
p
 {
    font-family: 'Inter';
}
.heading-section h3 {
    font-size: 2.5rem;
    font-weight: 900;
    margin-bottom: 20px;
}
.weekly-deals-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.weekly-deal-item {
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 10px;
  text-align: center;
  background: #fff;
}
.weekly-deal-item img {
    height: 200px;
    width: 200px;
    object-fit: cover;
}
.weekly-deal-item h3 {
    font-size: 19px;
}
.heading-deails h2 {
    font-weight: bold;
    text-align: center;
}
section.weekly-deals {
    
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 60px;
	max-width: 1200px;
    margin: 0px auto;
}
.e-con-inner:has(.weekly-deals) {
    max-width: 100%;
	background: #000;
}
.heading-deails h2 {
    color: #fff;

}
.heading-deails {

    max-width: 400px;
    margin: 0px auto;
    margin-bottom: 30px;
    margin-top: 30px;
	position: relative;
}

.heading-deails:before {
    content: "HOT";
    color: #fff;
    position: absolute;
    right: 5%;
    /* transform: translateX(-63%); */
    top: -23%;
    background: red;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 32px;
    animation: pulse-animation 2s infinite;
    box-shadow: 0px 0px 1px 1px #0000001a;
	font-family: 'Teko';
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgb(255 254 254 / 20%);
  }
  100% {
    box-shadow: 0 0 0 20px rgb(251 251 251 / 0%);
  }
}
div#tab-additional_information {
    display: none !important;
}
li#tab-title-additional_information {
    display: none!important;
}
ul.product-details-tab {
    display: grid
;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    padding: 25px;
    list-style: none;
}
span.s-strong {
    font-size: 16px;
    
    font-weight: bold;
    text-transform: uppercase;
}
span.s-value {
    font-size: 16px;
    
}
ul.product-features-tab li {
    font-size: 16px;
    
    text-align: center;
    color: #fff;
    background: rgb(38, 77, 151);
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 8px;
    display: flex
;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
ul.product-features-tab {
    display: grid
;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    padding: 25px;
    list-style: none;
}
@media (max-width: 768px) {
    ul.product-details-tab {
        grid: none;
    }
}

@media (max-width: 768px) {
    ul.product-details-tab {
        display: grid
;
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 1.25rem;
        padding: 25px;
        list-style: none;
    }
	    ul.product-features-tab {
        grid: none;
    }
	ul.product-features-tab
 {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}
.page-template-default .entry-content.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {
    padding-left: 0px !important;
    padding-right: 0px !important;
	margin-block-start: 0!important;

}
.page-template-default .elementor[data-elementor-type='wp-page'] {
    max-width: 100% !important;
}
.page-template-default .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    display: none !important;
}

/*-- NEW UPDATED CSS --*/
nav.wp-block-query-pagination {
    color: #000;
    padding-bottom: 10px;
}
nav.wp-block-query-pagination a {
    color: #000;
}
section.financing-section {
    display: flex
;
    flex-wrap: wrap;
}

section.financing-section fitow-finance-form {
    order: 1;
}
.financing-top {
    order: 2;
}
.financing-bottom {
    order: 3;
}
li#tab-title-reviews {
    display: none;
}
ul.tabs.wc-tabs {
    display: flex
;
    justify-content: center;
}
li#tab-title-features_tab{
    order: 3;
}
li#tab-title-description {
    order: 2;
}
li#tab-title-details_tab {
    order: 1;
}
.wp-block-woocommerce-product-gallery.wc-block-product-gallery
 {
    position: sticky;
    top: 40px;
}
.product-dynamic-content button:hover, .product-dynamic-content a:hover {
    background: #fff !important;
    border: 2px solid #ff0014 !important;
    color: #ff0014 !important;
}
.wp-block-woocommerce-product-collection.alignwide.is-layout-flow.wp-block-product-collection-is-layout-flow h2.wp-block-heading {
    text-transform: uppercase;
    font-weight: bold;
}
ul.wc-block-product-gallery-large-image__container img {
    transform: none!important;
}
div#reviews {
    text-align: left;
}
div#tab-description {
    text-align: center;
}

div#tab-description h2 {
    display: none;
}
p.comment-form-author input {
    margin-left: 10px;
}
p.comment-form-email input {
    margin-left: 10px;
}
.g-reviews li svg path
 {
    fill: rgb(255, 180, 0) !important;
}
.g-reviews  UL
 {
   margin-left:5px !important;
	  margin-right:5px !important;
}
header.header .contact {
    display: flex
;
    flex-wrap: wrap;
    justify-content: end;
    gap: 0px;
}
.contact .phone span {
    color: red;
    font-weight: bold;
    font-size: 24px;
}
p.location {
    font-family: Viga, sans-serif;
    margin-top: 0px;
    font-size: 14px !important;
}
.product-meta-table-inner div
 {
    font-family: 'Teko'!important;
}
.wpc-filter-layout-submit-button {
    gap: 20px;
}
@media (min-width: 768px) {
    .tax-product_cat .wp-block-columns.is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:first-child {
        width: 25%;
        flex-basis: unset !important;
        position: sticky;
        top: 0;
    }
	.tax-product_cat .wp-block-columns.is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:last-child {
        width: 75%;
        flex-basis: unset !important;
    }
}
body.wp-singular.page-template-default.page.page-id-3288.wp-embed-responsive.wp-theme-twentytwentyfour.theme-twentytwentyfour.woocommerce-uses-block-theme.woocommerce-block-theme-has-button-styles.woocommerce-js.elementor-default.elementor-kit-2038 .wp-block-uagb-post-grid.uagb-post-grid.uagb-post__image-position-top.uagb-post__image-enabled.uagb-block-2fda2867.uagb-post__items.uagb-post__columns-3.is-grid.uagb-post__columns-tablet-2.uagb-post__columns-mobile-1.uagb-post__equal-height {
    max-width: 1200px;
    margin: 0px auto;
}
body.wp-singular.page-template-default.page.page-id-3288.wp-embed-responsive.wp-theme-twentytwentyfour.theme-twentytwentyfour.woocommerce-uses-block-theme.woocommerce-block-theme-has-button-styles.woocommerce-js.elementor-default.elementor-kit-2038 .uagb-post__image img {
    height: 320px;
    object-fit: cover;
}
body.wp-singular.page-template-default.page.page-id-3288.wp-embed-responsive.wp-theme-twentytwentyfour.theme-twentytwentyfour.woocommerce-uses-block-theme.woocommerce-block-theme-has-button-styles.woocommerce-js.elementor-default.elementor-kit-2038 .uagb-post__text.uagb-post-grid-byline {
    display: none !important;
}
body.wp-singular.page-template-default.page.page-id-3288.wp-embed-responsive.wp-theme-twentytwentyfour.theme-twentytwentyfour.woocommerce-uses-block-theme.woocommerce-block-theme-has-button-styles.woocommerce-js.elementor-default.elementor-kit-2038 .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained
 {
    display: flex!important;
    margin-bottom: 50px;
}
body.wp-singular.page-template-default.page.page-id-3288.wp-embed-responsive.wp-theme-twentytwentyfour.theme-twentytwentyfour.woocommerce-uses-block-theme.woocommerce-block-theme-has-button-styles.woocommerce-js.elementor-default.elementor-kit-2038 .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained .wp-block-spacer {
    display: none !important;
}
.single-post .wp-block-group.is-vertical.is-content-justification-stretch.is-layout-flex.wp-container-core-group-is-layout-6215b345.wp-block-group-is-layout-flex {
    align-items: center !important;
}
body.wp-singular.page-template-default.page.page-id-3288.wp-embed-responsive.wp-theme-twentytwentyfour.theme-twentytwentyfour.woocommerce-uses-block-theme.woocommerce-block-theme-has-button-styles.woocommerce-js.elementor-default.elementor-kit-2038 h1.has-text-align-center.wp-block-post-title
{
	font-weight:bold!important;
}
.single-post main#wp--skip-link--target {
    margin-top: 0px !important;
}