/* Global css start from here  */
.theme-bg{background: #ac6e37;}
.them-color{color: #ac6e37;}
section.full-wid-content ul li, .left-right-section ul li{list-style: disc;}
section.full-wid-content ol li, .left-right-section ol li{list-style: auto;}
section.full-wid-content ol, section.full-wid-content ul, .left-right-section ol, .left-right-section ul{margin-left: 20px; margin-bottom: 20px}

/* latin-ext */
@font-face {
  font-family: 'Dynalight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dynalight/v24/1Ptsg8LOU_aOmQvTsF44Q4FqPfE.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'JacielleOlieverargoGK';
    src: url('https://blacksmith.digitalguider.dev/wp-content/themes/blacksmithassets/fonts/JacielleOlieverargoGK.eot');
    src: url('https://blacksmith.digitalguider.dev/wp-content/themes/blacksmith/assets/fonts/JacielleOlieverargoGK.eot?#iefix') format('embedded-opentype'),
         url('https://blacksmith.digitalguider.dev/wp-content/themes/blacksmith/assets/fonts/JacielleOlieverargoGK.woff2') format('woff2'),
         url('https://blacksmith.digitalguider.dev/wp-content/themes/blacksmith/assets/fonts/JacielleOlieverargoGK.woff') format('woff'),
         url('https://blacksmith.digitalguider.dev/wp-content/themes/blacksmith/assets/fonts/JacielleOlieverargoGK.ttf') format('truetype'),
         url('https://blacksmith.digitalguider.dev/wp-content/themes/blacksmith/assets/fonts/JacielleOlieverargoGK.svg#JacielleOlieverargoGK') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jacielle Olievera';
    src: url('../fonts/Jacielle-Olievera.woff2') format('woff2'),
         url('../fonts/Jacielle-Olievera.woff') format('woff'),
         url('../fonts/Jacielle Olievera.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




/* HEADER CSS START FROM HERE  */
.main-header .logo-box img {
    max-width: 100%;
    width: 160px;
}
.header-style-three .header-lower .logo-box {
    padding:5px 8px;
    background: #fff;
    position: relative;
    top:25px;
}
/* FOOTER CSS SATRT FROM HERE */
.main-footer .logo-widget img {
    width: 220px;
    border-radius: 10px;
    max-width: 100%;
}
/* Pagination css start from here  */
.th-pagination a, .th-pagination span {
    display: inline-block;
    text-align: center;
    position: relative;
    border: none;
    color: black;
	border: 2px solid #ac6e37;
    width: 56px;
    height: 56px;
    line-height: 56px;
    z-index: 1;
    font-size: 18px;
    font-weight: 500;
    border-radius: 99px
}

.th-pagination a:hover, .th-pagination span:hover {
    color: #fff;
    background-color: #ac6e37
}

.th-pagination .nav-links {
    text-align: center;
    margin: 0 auto;
}
.th-pagination .page-numbers.current {
    color: #fff;
     background-color: #ac6e37;
}

/* FAQ css start from here  */

.custom-accordion .card {
  border: none;
  border-bottom: 1px solid #ac6e37;
}

.custom-accordion .card-header {
  background: #ac6e37;
  padding: 0;
  margin-bottom: 10px !important;
}

.custom-accordion .accordion-header {
  cursor: pointer;
  padding: 16px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-weight: 700;
  transition: background 0.3s ease;
}

.custom-accordion .accordion-header:hover {
  background: rgba(172, 110, 55, 0.08);
}

.custom-accordion .accordion-header .arrow {
  color: #fff;
  transition: transform 0.3s ease;
}

/* Rotate arrow when open */
.custom-accordion .accordion-header:not(.collapsed) .arrow {
  transform: rotate(180deg);
}

.custom-accordion .card-body {
  padding: 20px;
  color: #000;
}

/* Left right section and ful width section css start from here  */
.full-wid-content.theme-bg h2, .full-wid-content.theme-bg h3, .full-wid-content.theme-bg h4, .full-wid-content.theme-bg h5, .full-wid-content.theme-bg h6, .full-wid-content.theme-bg p, .full-wid-content.theme-bg li, .left-right-section.theme-bg h2, .left-right-section.theme-bg h3, .left-right-section.theme-bg h4, .left-right-section.theme-bg h5, .left-right-section.theme-bg h6, .left-right-section.theme-bg p, .left-right-section.theme-bg li{color: #fff;}

    .full-wid-content h2, .full-wid-content h3, .full-wid-content h4, .full-wid-content h5, .full-wid-content h6, .left-right-section h2, .left-right-section h3, .left-right-section h4, .left-right-section h5, .left-right-section h6{font-weight: 700; margin-bottom: 15px; text-transform: uppercase;}

/* FULL WIDTH MAP CSS START FROM HERE      */
.google-map-section iframe{width: 100%;}

/* Gallery Section Css Start From Here */
.load-cta-btn{
    display: flex;
    align-items: center;
    justify-content: center;
}
.load-cta-btn .btn-box {
    margin-right: 20px;
}
.gallery-with-load .project-block-four .inner-box .image-box img{height: 400px; object-fit: cover;}


section.warranty-sec video{
    width: 100%;
    height: auto;
}
section.warranty-sec video {
    border-radius: 20px;
    box-shadow: 5px 5px 10px #ac6e3736;
}
form.wpcf7-form p{margin-bottom: 0px;}
.subscribe-section .form-inner .form-group button{
	top: 0px !important;
    right: 0px !important;
}

.subscribe-section .wpcf7-response-output{
  color: #fff !important;
}

/* Blog section css start from here */
.news-section .image-box img{height: 300px; object-fit: cover;}

/* PROCESS STEP CSS START FROM HERE */

.process-section {
  text-align: center;
}

.process-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 70px;
}

/* =====================
   GRID LAYOUT
===================== */
.process-grid {
  max-width: 1200px;
  margin: auto;
}

.process-row {
  display: flex;
  justify-content: center;
  align-items: center;
  row-gap:40px;
}

/* =====================
   STEP CIRCLE
===================== */
.step-circle {
    width: 350px;
    height: 350px;
    background: #ac6e37;
    border-radius:20px;
/*     box-shadow: 0 14px 35px rgba(0, 0, 0, 0.1); */
	box-shadow: 0 14px 15px rgb(0 0 0 / 14%);
    padding: 30px 25px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transform: translateY(40px);
    animation: fadeUp 0.6s ease forwards;
/*     border: dashed #dfd2c6 2px; */
}

.step-circle:nth-child(1) { animation-delay: 0.1s; }
.step-circle:nth-child(3) { animation-delay: 0.2s; }
.step-circle:nth-child(5) { animation-delay: 0.3s; }

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Number */
.step-number {
    color: #ac6e37;
    font-weight: 700;
    font-size: 60px;
    margin: 0 auto;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    margin-bottom:40px;
}
.step-circle h4 {
    font-size: 18px;
    margin-bottom: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
}

.step-circle p {
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 0;
}

/* =====================
   ARROWS
===================== */
.arrow {
    font-size: 45px;
    color: transparent;
    margin: 0 20px;
    animation: moveRight 1.5s infinite;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #ac6e37;
}

@keyframes moveRight {
  0%,100% { transform: translateX(0); }
  50% { transform: translateX(10px); }
}

/* =====================
   DOWN ARROW BETWEEN ROWS
===================== */


@keyframes moveDown {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(10px); }
}

/* =====================
   MOBILE
===================== */
@media (max-width: 992px) {


  .arrow,
  .down-arrow {
    display: none;
  }

  .step-circle {
    margin-bottom: 40px;
  }
}


/* CTA SECTION START FROM HERE */
.cta-section .support-box {
    display: flex;
    justify-content: center;
    gap: 20px;
    background: #eee;
    padding: 15px;
    width: 100%;
    max-width: 450px;
    margin: 20px auto 0;
    border-radius: 20px;
    align-items: center;
}
.cta-section .support-box .icon-box {
    width: 58px;
    height: 58px;
    line-height: 58px;
    font-size: 26px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    background: rgb(168, 107, 45);
}
 .cta-section .support-box i.far.fa-phone {
    transform: rotate(-200deg);
}
 .cta-section .support-box span {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}

.cta-section .support-box h3 {
    text-align: left;
    display: block;
    font-size: 22px;
    line-height: 32px;
    color: #ac6e37;
    font-weight: 900;
    letter-spacing:1px;
}

.cta-section .support-box h3 a {
    display: block;
    font-weight: 900;
    color: #000;
    font-size: 18px;
}
.page-title .title h1 {
     font-size: 45px;
 }
.full-wid-content h2 {
    font-size:35px;
 }

.banner-carousel .owl-item.active .slide-item .image-layer {
    transform: scale(1.15);
}

/* FEEDBACK IMPLEMENTION CSS */
.header-style-three .header-lower, .main-header .sticky-header {
    background: #1c150e;
}
section.banner-section .slide-item .banner-heading {
    text-shadow: 2px 2px 2px #000;
     font-family: 'Jacielle Olievera', cursive;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 60px;
    letter-spacing: 5px;
}
.fixed-header.main-header .logo-box{
    max-width: 100%;
    padding: 5px 8px;
    background: #fff;
    position: relative;
    top:15px;
}
.foot-logo.text-center.mb_25 a{
	background: #fff;
    display: block;
    max-width: 250px;
    margin: 0 auto;
    padding: 10px;
}
.header-style-three .header-lower, .main-header .sticky-header {
    background: rgba(0, 0, 0, 0.7);
}
.main-header.fixed-header .header-lower {
    background:#000;
}
.project-block-three .inner-box .image-box:before{
	display:none;
}
.banner-section .slide-item .content-box {
    max-width: 750px;
    width: 100%;
	text-align:left;
}
.page-title .content-box {
    margin-top: 60px;
}


.tab-plane-section .nav-tabs{border-bottom: 0px;}
.tab-plane-section .nav-tabs .nav-link{
    color: #000;
    font-weight: 600;
    padding: 10px 30px;
    border-radius: 5px;
    border: 2px solid #a86b2d;
    margin-left: 10px;
}

.tab-plane-section .nav-tabs .nav-link.active{
    background: #a86b2d;
    color: #fff;
}
.tab-plane-section .tab-pane .card{
    border: 0px;
    box-shadow: 0 0 10px #f0f0f0;
    border-radius: 10px;
}
.tab-plane-section .tab-pane .card img{
    border-radius: 10px;
	height: 250px;
    object-fit: cover;
}