.box-02.dark-mode {
 background-image: url("icons/tire-bg.jpg");
    background-size: cover;
    background-position: bottom;
 }
/* .counter-01 .counter-wrapper {
    background-image: url("icons/bg-oponex.jpg");
    background-size: cover;
    background-position: center;
    
} */

 .counter-01 .counter-wrapper {
    background-color: #282828;
}
 
.counter-01 .counter-box {
    color: var(--accent-color);
}
.counter-01 .counter .label {
    color: var(--white-color);
}

.cta-02 .cta-image {
 border-radius: 0;
}
.cta-02 .cta-section-02 {
    background-color: var(--dark-color);
    border-radius: 0;
      /*clip-path: polygon(10% 0, 100% 0, 100% 100%, 50% 100%, 0 100%, 0% 25%);*/
}

 .cta-02 .cta-content {
     color: var(--white-color);
 }
 
 .cta-02 .cta-content h2 {
     color: var(--accent-color);
 }

.text-section-01 .button-outer {
    margin: 20px 0;
}


.text-section-01 .image-column img {
    /*clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);*/
    clip-path: polygon(20% 0%, 100% 0, 100% 100%, 80% 100%, 0 100%, 0% 20%);
}


.text-section-01 ul {
    list-style-type: none;
    position: relative;
}

.text-section-01 ul li::before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    background-image: url(icons/check-solid.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 15px;
    height: 15px;
}
.text-section-03 .text-center,
.text-section-01 .text-column h2 {
    font-weight: bold;
}

/*.btn.btn-accent {*/
/*    color: var(--dark-color) !important;*/
/*    clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);*/
/*    transition: clip-path 0.3s ease, color 0.3s ease;*/
/*}*/
/*.btn.btn-accent:hover {*/
/*    color: var(--white-color) !important;*/
/*    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));*/
/*}*/

.cta-02 .btn.btn-accent {
     background-color: var(--accent-color);
     border: 1px solid var(--accent-color);
 }
 .cta-02 .btn.btn-accent:hover {
     background-color: var(--white-color);
     border: 1px solid var(--white-color);
     color: var(--dark-color) !important;
 }
  .navbar .navbar-nav .nav-link:hover {
     color: var(--dark-color) !important;
 }

@media screen and (min-width:576px) {
    .navbar {
    background-color: #3a3939;
    backdrop-filter: blur(8px);
    linear-gradient(311deg, #1f1b1b04, #00000032);
    margin: 15px 0;
 }
   .navbar .navbar-nav .nav-link:hover {
     color: var(--white-color) !important;
 }
  
 
  #Home .navbar .navbar-nav .nav-link:hover {
     color: var(--white-color) !important;
 }
  
 #Home .navbar.fixed-top  {
     background-color: rgba(255, 255, 255, .07);
     background-color: #91917c10;
    /* background-image: linear-gradient(-45deg, #d0cccc04, #ffffff32); */
    background-image: linear-gradient(-45deg, #d0cccc04, #13131332);
    backdrop-filter: blur(8px);
    margin: 15px 0;
 }
}
  
/*.navbar {*/
/*    background-color: #3a3939;*/
/*    backdrop-filter: blur(8px);*/
/*    linear-gradient(311deg, #1f1b1b04, #00000032);*/
/*    margin: 15px 0;*/
/* }*/
/*   .navbar .navbar-nav .nav-link:hover {*/
/*     color: var(--white-color) !important;*/
/* }*/
  
 
/*  #Home .navbar .navbar-nav .nav-link:hover {*/
/*     color: var(--white-color) !important;*/
/* }*/
  
/* #Home .navbar.fixed-top  {*/
/*     background-color: rgba(255, 255, 255, .07);*/
/*     background-color: #91917c10;*/
/*    background-image: linear-gradient(-45deg, #d0cccc04, #ffffff32);*/
/*    backdrop-filter: blur(8px);*/
/*    margin: 15px 0;*/
/* }*/
  /*.navbar-transparent */
/*  .navbar-nav {*/
/*    background-color: rgba(255, 255, 255, .07);*/
/*    background-color: #91917c10;*/
/*    background-image: linear-gradient(-45deg, #d0cccc04, #ffffff32);*/
/*    backdrop-filter: blur(8px);*/
/*    border-radius: 25px;*/
/*    padding: 5px 25px;*/
/*} */


 
 #--Top-03-Banner .top-03 .top-03-banner {
     height: 30vh !important;
 }

 .top-03  .subtitle-font {
    font-size: 4.5rem;
 }
 
/*.navbar-transparent .navbar-brand img {*/
/*    filter: brightness(0) invert(1);*/
/*    }*/
    
.btn.btn-accent {
    border: none;
    padding: 12px 26px;
    /*clip-path: polygon(20px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);*/
    /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); */
    transition: all 0.3s ease;
    cursor: pointer;
}

.btn.btn-accent :hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
}

.btn.btn-accent:active {
    transform: translateY(0) scale(1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

.cta-02 .cta-section-02 {
    background-color: #282828;
}

    
.btn {
    color:#282828 !important;
}
.btn:hover {
    color:#fff !important;
}

body {
    background-color: #DEDEDE;
}