:root{
    --clr-primary: #394706;
	--clr-accent: #d70007;
    --clr-accent-rgb: 215, 0, 7;
    --clr-secondary: #e0a21a;
    --clr-neutral: #262626;
    --clr-neutral-rgb: 38, 38, 38;
    --clr-black: #000000;
    --clr-black-rgb: 0, 0, 0;
    --clr-white: #ffffff;
    --clr-white-rgb: 255, 255, 255;
    --icon-font: "Font Awesome 6 Free";
	--body-font-family: "Roboto", sans-serif;
	--title-font-family: "Oswald", sans-serif;
}
body{
    font-family: var(--body-font-family);
    font-size: 1rem;
    font-weight: 300;
    color: var(--clr-neutral);
}
h1,h2,h3,h4,h5,h6{
    font-family: var(--title-font-family);
}
.container{
    max-width: 80rem;
}
.bg-zinc-100{
    background-color: #f5f5f5;
}
/*| Line |========================================================================|*/
section .eyebrow-title{
    display: inline-flex;
}
.double-line{
    position: relative;
    margin-right: .5rem;
    padding-left: 1.75rem;
}
.double-line::before,.double-line::after{
    content: '';
    position: absolute;
    right: 0;
    height: .125rem;
    background-color: var(--clr-accent);
}
.double-line::before{
    top: .5rem;
    width: 1.625rem;
}
.double-line::after{
    top: .875rem;
    width: 1.25rem;
}
.double-line.left{
    margin-right: 0;
    margin-left: .5rem;
}
/*| Button |========================================================================|*/
.btn.btn-shadow{
    position: relative;
    border-radius: 4px;
    transition: all .3s ease;
    z-index: 3;
}
.btn.btn-shadow span{
    position: relative;
    z-index: 3;
}
.btn.btn-shadow::before{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: .375rem;
    top: .375rem;
    border-radius: .25rem;
    z-index: -2;
    transition: all .3s ease;
}
.btn.btn-shadow:hover::before {
    left: 0;
    top: 0;
    opacity: 0;
}
.btn.btn-accent-shadow{
    color: var(--clr-white);
    background-color: var(--clr-accent);
}
.btn.btn-accent-shadow::before{
    background-color: rgba(var(--clr-accent-rgb), 0.5);
}
.btn.btn-accent-shadow:hover{
    background-color: var(--clr-secondary);
}
.btn.btn-neutral-shadow{
    color: var(--clr-white);
    background-color: var(--clr-neutral);
}
.btn.btn-neutral-shadow::before{
    background-color: rgba(var(--clr-neutral-rgb), 0.5);
}
.btn.btn-neutral-shadow:hover{
    background-color: var(--clr-accent);
}
/*| List |========================================================================|*/
.list-circle-outline{}
.list-circle-outline li{
    position: relative;
    padding-left: 1.5rem;
}
.list-circle-outline li::before{
    content: '\f058';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-family: var(--icon-font);
    font-weight: 400;
    color: var(--clr-accent);
}
/*| Media Query ====================================================================|*/
@media (max-width: 767.98px){
    .double-line{
        padding-left: 1.375rem;
    }
    .double-line::before{
        top: .375rem;
        width: 1.375rem;
    }
    .double-line::after{
        top: .75rem;
        width: 1rem;
    }
}
/*|==================================================================================
    Topbar Section
====================================================================================|*/
.topbar-section{
    background-color: var(--clr-black);
    border-bottom: 1px solid rgba(var(--clr-white-rgb), .2);
}
.topbar-section ul{
    display: flex;
    align-items: center;
}
.topbar-section ul li span{}
.topbar-section ul li a{
    display: block;
    padding: .875rem 0;
}
.topbar-section ul li,
.topbar-section ul li a{
    color: var(--clr-white);
    font-size: .875rem;
    font-weight: 400;
}
.topbar-section ul li a:hover{
    color: var(--clr-accent);
}
.topbar-section .topbar-left ul li:not(:first-child){
    position: relative;
    padding-left: 1rem;
    margin-left: 20px;
}
.topbar-section .topbar-left ul li:not(:first-child)::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 20px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    /* border-left: 1px solid #dee2de;
    padding-left: 1.25rem;
    margin-left: 1.25rem; */
}
.topbar-section .topbar-left ul li i{
    color: var(--clr-accent);
}
.topbar-section .topbar-right{
    display: flex;
    align-items: center;
    justify-content: center;
}
.topbar-section .topbar-right ul{
    /* padding-right: .5rem;
    margin-right: 1rem;
    border-right: 1px solid #dee2de; */
}
.topbar-section .topbar-right .btn-text{
    color: var(--clr-black);
    padding-left: 1rem;
    margin-left: .5rem;
    border-left: 1px solid #dee2de;
}
.topbar-section .topbar-right .btn-text:hover{
    color: var(--clr-accent);
    text-decoration: none;
}
.topbar-section .topbar-right .btn-text i{
    margin-right: .25rem;
}
.social-list{
    display: flex;
    align-items: center;
}
.social-list li{}
.social-list li .social-link{
    font-size: 1rem;
    padding: .75rem .75rem;
}
.social-list li .social-link:hover{
    color: var(--clr-accent);
} 
.topbar-section .social-list li .social-link:hover{
    color: var(--clr-accent);
}
.scroll-top {
    display: none;
    position: fixed;
    bottom: 105%;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .5s linear;
}
.scroll-top.scrolltopactive {
    bottom: 10px;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.scroll-top:hover .scroll-top-inner {
    color: var(--clr-white);
}
.scroll-top::after {
    position: absolute;
    content: "";
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(ellipse at center,rgba(0,0,0,.25) 0,transparent 80%);
    z-index: -1;
}
.scroll-top-inner {
    color: var(--clr-white);
    font-size: 1rem;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--clr-accent);
    transition: all .3s linear;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .topbar-section .topbar-right{
        justify-content: flex-end;
    }
    .scroll-top {
        width: 3.5rem;
        height: 3.5rem;
    }
    .scroll-top-inner {
        font-size: 1.25rem;
    }
}
@media (max-width: 991.98px){
    .topbar-section,.scroll-top {
        display: none;
    }
}
/*|==================================================================================
    Header
====================================================================================|*/
.header{
    background-color: var(--clr-black);
    /* border-bottom: 1px solid #dee2de; */
}
#header.sticky-top{
    box-shadow: 0 9px 54px 0 rgba(32,32,32,.1);
    /* background-color: #fff; */
    animation: fadeInDown .5s running;
    transition: all .5s ease;
}
.header .navbar{
    padding: 0;
    border-bottom: 1px solid rgba(var(--clr-white-rgb), .2);
}
.header .navbar .navbar-brand{
    margin-right: 0;
}
.header .navbar .navbar-brand img{
    width: auto;
    height: 60px;
}
.header .navbar .navbar-end{
    display: flex;
    align-items: center;
}
.header .navbar .navbar-end .btn-icon-group{
    display: flex;
    align-items: center;
}
.header .navbar .navbar-end .btn-icon-group .icon-box{
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    color: var(--clr-white);
    background-color: var(--clr-accent);
    box-shadow: 0 0 0 5px rgba(var(--clr-accent-rgb), .5);
}
.header .navbar .navbar-end .btn-icon-group .btn-icon-text{
    flex: 1;
    margin-left: 1rem;
    color: var(--clr-white);
}
.header .navbar .navbar-end .btn-icon-group .btn-icon-text span{
    display: block;
    font-size: 1rem;
    font-weight: 600;
}
.header .navbar .navbar-end .btn-icon-group .btn-icon-text span:hover{
    text-decoration: underline;
}
.header .navbar .navbar-end .btn-icon-group .btn-icon-text small{
    display: block;
    font-weight: .875rem;
    font-weight: 400;
}
.header .navbar-nav .nav-item .nav-link{
    position: relative;
    overflow: hidden;
    color: var(--clr-white);
    /* font-family: var(--title-font-family); */
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: .5rem 0;
}
.header .navbar-nav .nav-item .nav-link.active,
.header .navbar-nav .nav-item .nav-link:hover{
    color: var(--clr-accent);
}
.header .navbar .nav-item .dropdown-toggle::after{
    border: none;
    content: '\f107';
    font-family: var(--icon-font);
    font-weight: 900;
    font-size: 1rem;
    vertical-align: middle;
}
.header .navbar .nav-item .dropdown-menu{
    margin: 0;
    padding: 0;
    border-radius: 0;
    /* border-color: var(--clr-accent);
    box-shadow: 6px 6px 0 0 var(--clr-accent); */
    border: none;
    overflow-y: auto;
    background-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.header .navbar .nav-item .dropdown-menu::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(25px);
   /*  background-color: rgba(255, 255, 255, .8); */
    background-color: rgba(var(--clr-black-rgb), .8);
    z-index: -1;
}
/* .header .navbar .nav-item.cols-menu .dropdown-menu{
    columns: 2;
    gap: 0;
    break-inside: avoid;
} */
.header .navbar .nav-item .dropdown-menu .dropdown-item{
    color: var(--clr-white);
    font-size: 1rem;
    font-weight: 500;
    padding: .5rem 1rem;
}
.header .navbar .nav-item .dropdown-menu .dropdown-item:focus,
.header .navbar .nav-item .dropdown-menu .dropdown-item:active{
    color: var(--clr-accent);
    background-color: transparent;
}
.header .navbar .nav-item .dropdown-menu li .dropdown-item:hover,
.header .navbar .nav-item .dropdown-menu li .dropdown-item.active{
    color: var(--clr-white);
    background-color: var(--clr-accent);
}
.navbar-right-btn{
    position: absolute;
    top: 0;
    right: 0;
}
.navbar-right-btn .btn{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 80px;
    height: 80px;
    border-radius: 0;
}
.navbar-right-btn .btn span{
    display: block;
    width: 28px;
    height: 3px;
    background-color: var(--clr-white);
}
.navbar-right-btn span+span{
    margin-top: 6px;
}
.header .offcanvas{
    background-color: var(--clr-black);
}
.header .offcanvas-header{}
.header .offcanvas-header .btn-close{
    opacity: 1;
    font-size: 1.75rem;
    color: var(--clr-white);
    width: 3rem;
    height: 3rem;
    padding: 0;
    border-radius: 50%;
    background-image: none;
    background-color: rgba(var(--clr-white-rgb), .25);
}
.header .offcanvas-header .btn-close:hover{
    color: var(--clr-accent);
    background-color: rgba(var(--clr-black-rgb), .3);
}
.header .offcanvas-header .offcanvas-logo{}
.header .offcanvas-header .offcanvas-logo a{
    display: block;
}
.header .offcanvas-header .offcanvas-logo img{
    width: 150px;
    object-fit: contain;
}
.header .offcanvas-body{
    overflow-y: auto;
    scrollbar-width: none;
}
.header .offcanvas-body p{
    color: rgba(var(--clr-white-rgb), .6);
    font-weight: 400;
}
.header .offcanvas-body .offcanvas-contact-list{}
.header .offcanvas-body .offcanvas-contact-list li{
    margin-bottom: 1rem;
}
.header .offcanvas-body .offcanvas-contact-list li a,
.header .offcanvas-body .offcanvas-contact-list li .location{
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    color: var(--clr-white);
}
.header .offcanvas-body .offcanvas-contact-list li a span,
.header .offcanvas-body .offcanvas-contact-list li .location span{
    display: block;
}
.header .offcanvas-body .offcanvas-contact-list li a .icon-box,
.header .offcanvas-body .offcanvas-contact-list li .location .icon-box{
    color: var(--clr-accent);
    font-size: 1.125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    border: 2px solid var(--clr-accent);
}
.header .offcanvas-body .offcanvas-contact-list li a .list-item-text,
.header .offcanvas-body .offcanvas-contact-list li .location .list-item-text{
    flex: 1;
}
.header .offcanvas-body .offcanvas-contact-list li .title{
    font-size: 1.125rem;
    font-weight: 600;
}
.header .offcanvas-body .offcanvas-social-list{
    display: flex;
    gap: 1rem;
    align-items: center;
}
.header .offcanvas-body .offcanvas-social-list li{}
.header .offcanvas-body .offcanvas-social-list li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1rem;
    color: var(--clr-white);
    border-radius: 50%;
    border: 1px solid var(--clr-white);
}
.header .offcanvas-title-wrap{
    display: flex;
    gap: 1rem;
    align-items: center;
    color: var(--clr-white);
    font-size: 1.25rem;
    font-weight: 500;
    text-transform: uppercase;
}
.vertical-bar-rotated{
    position: relative;
    display: block;
    width: 25px;
    height: 16px;
    transform: skewX(-35deg);
}
.vertical-bar-rotated::after,
.vertical-bar-rotated::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%) skewX(0deg);
    width: 5px;
    height: 100%;
    background-color: var(--clr-black);
}
.vertical-bar-rotated::before{
    left: 5px;
}
.vertical-bar-rotated::after{
    right: 5px;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .header .navbar-nav{
        min-height: 76px;
        padding-left: 1rem;
        border-left: 1px solid rgba(var(--clr-white-rgb), .2);
    }
    .header .navbar .navbar-end {
        height: 78px;
        padding-left: 2rem;
        border-left: 1px solid rgba(var(--clr-white-rgb), .2);
    }
    .header .navbar .navbar-end .btn-icon-group .icon-box{
        /* font-size: 1.25rem; */
        width: 3.25rem;
        height: 3.25rem;
    }
    .header .navbar-nav .dropdown:hover > .dropdown-menu{
		display: block;
	}
	.header .navbar-nav .dropdown >.dropdown-toggle:active{
		pointer-events: none;
	}
    .header .navbar-nav .nav-item .nav-link{
        padding: 1.75rem 1rem;
    }
    .header .navbar .nav-item.cols-menu .dropdown-menu{
        columns: 2;
        gap: 0;
        break-inside: avoid;
    }
    .header .navbar .nav-item .dropdown-menu .dropdown-item{
        padding: .625rem 1.25rem;
    }
    .header .navbar .nav-item .dropdown-menu.brand-menu{
        /* min-width: 450px; */
    }
    .header .offcanvas-header{
        padding: 1.75rem 1.75rem 0;
    }
    .header .offcanvas-body{
        padding: 1.75rem;
    }
}
@media (max-width: 991.98px){
    .header .navbar{
        padding: .625rem 0;
    }
    .navbar-right-btn{
        display: none;
    }
    .header .navbar-nav .nav-item .nav-link{
        border-bottom: 1px solid rgba(var(--clr-white-rgb), .25);
    }
    .header .navbar-nav .nav-item:last-child .nav-link{
        border-bottom: none;
    }
    .header .navbar .nav-item .dropdown-toggle{
        position: relative;
    }
    .header .navbar .nav-item .dropdown-toggle::after{
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
}
@media (max-width: 575.98px){
    .header .navbar .navbar-brand img{
        height: 50px;
    }
    .header .navbar-nav .nav-item .nav-link{
        font-size: 1.125rem;
    }
    .header .navbar .nav-item .dropdown-toggle::after{
        font-size: 1.125rem;
    }
    .header .navbar .navbar-end .btn.btn-shadow::before{
        display: none;
    }
}
/*|==================================================================================
    Navbar Toggler
====================================================================================|*/
.navbar-toggler {
    padding: 8px 0;
}
.navbar-toggler,.navbar-toggler:focus,.navbar-toggler:active {
    border: none !important;
    background: 0 0 !important;
    outline: none !important;
    box-shadow: none;
}
.navbar-toggler .icon-bar {
    background-color: var(--clr-accent);
    transform: rotate(0deg) translate(0px, 0px);
    transition: ease all .2s;
}
.navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    /* background-color: var(--clr-primary) */
}
.navbar-toggler .icon-bar+.icon-bar {
    margin-top: 4px;
}
.navbar-toggler .icon-bar:nth-child(2) {
    width: 16px;
    transition: ease all .2s;
}
.navbar-toggler:hover>.icon-bar:nth-child(2) {
    width: 22px;
    transition: ease all .2s;
}
.navbar-toggler:active>.icon-bar:nth-child(2) {
    width: 22px;
    transition: ease all .2s;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
    transform: rotate(45deg) translate(5px, 4px);
    transition: ease all .2s;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
    opacity: 0;
    transition: ease all .2s;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
    transform: rotate(-45deg) translate(4px, -4px);
    transition: ease all .2s;
}
/*|==================================================================================
    Hero Section
====================================================================================|*/
.hero-section{
    position: relative;
}
.hero-section .hero-top{
    position: absolute;
    left: -30px;
    z-index: 5;
}
.hero-section .hero-top-bottom{
    position: absolute;
    top: 100px;
    left: -196px;
    z-index: 5;
}
.hero-section .hero-top-bottom{
    animation: img_spin 8s infinite linear;
    -webkit-animation: img_spin 8s infinite linear;
}
@keyframes img_spin{
	0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(-360deg);
    }
}
.hero-carousel{
    z-index: 4;
}
.hero-carousel .hero-item{
    position: relative;
    overflow: hidden;
    height: 350px;
}
.hero-carousel .hero-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-carousel .hero-item .hero-img-overlay{
    position: absolute;
    top: 50%;
    left: 3%;
    right: 3%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 90%;
    height: 100%;
    z-index: 6;
}
.hero-carousel .hero-item .hero-content{
    position: absolute;
    z-index: 999;
}
.hero-carousel .hero-item .hero-content .hero-title{
    color: var(--clr-white);
}
.hero-carousel .hero-item .hero-content p{
    color: var(--clr-white);
    font-size: 1.125rem;
}
.hero-carousel .hero-item .hero-content .btn{
    display: inline-flex;
    align-items: center;
}
.hero-carousel .hero-item .hero-content .btn-accent:hover{
    color: var(--clr-black);
    border-color: var(--clr-white);
    background-color: var(--clr-white);
}
.hero-carousel .hero-content {
    opacity: 0;
    transform: translateY(60px);
    transition: all 0.3s ease;
}
.hero-carousel .hero-content.animate-slide-up {
    animation: slideUp 0.8s ease-out forwards;
}
@keyframes slideUp {
    from {
      opacity: 0;
      transform: translateY(60px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
}
.hero-carousel.owl-carousel .owl-nav button.owl-prev, .hero-carousel.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.25rem;
    color: var(--clr-white);
    background: var(--clr-accent);
    margin: 0;
}
.hero-carousel.owl-carousel .owl-dots{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .hero-carousel{}
    .hero-carousel .hero-item{
        height: 580px;
    }
    .hero-carousel .hero-item .hero-content p{
        font-size: 1.25rem;
    }
    .hero-carousel .hero-item .hero-img-overlay{
        left: 5%;
        right: 5%;
        width: 50%;
    }
    .hero-carousel.owl-carousel .owl-nav button.owl-prev, .hero-carousel.owl-carousel .owl-nav button.owl-next {
        width: 3.5rem;
        height: 3.5rem;
        font-size: 1.5rem;
    }
}
@media (max-width: 767.98px){
    .hero-carousel .hero-item{
        height: 250px;
    } 
    .hero-carousel .hero-item .hero-img-overlay{
        width: 100%;
    }
    .hero-carousel .hero-content {
        transform: translateY(50px);
    }
    .hero-section .hero-top-bottom,.hero-carousel .hero-item .hero-content p{
        display: none;
    }
}
/*|==================================================================================
    Tab Section
=====================================================================================|*/
.tab-section{
    background-color: #000000;
}
.tab-section .tab-box{ 
    display: flex;
    flex-direction: column;
}
.tab-section .tab-box .tab-sidebar{
    display: none;
}
.tab-section .tab-box .tab-sidebar .title{
    position: relative;
    color: var(--clr-white);
    font-size: 1.25rem;
    font-weight: 400;
}
.tab-section .tab-box .tab-box-content{
    flex: 1;
}
.tab-section .tab-box .tab-box-content{}
.tab-section .tab-box .tab-box-content ul{
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tab-section .tab-box .tab-box-content ul li{
    text-align: center;
}
.tab-section .tab-box .tab-box-content ul li .icon-box{
    /* height: 60px; */
    margin-bottom: .75rem;
}
.tab-section .tab-box .tab-box-content ul li .icon-box img{
    /* width: 100%; */
    height: 50px;
    /* object-fit: cover; */
    filter: brightness(100) invert(1);
}
.tab-section .tab-box .tab-box-content ul li .tab-service-content{}
.tab-section .tab-box .tab-box-content ul li .tab-service-content .title{
    color: var(--clr-white);
    font-family: var(--body-font-family);
    font-size: 1.125rem;
    font-weight: 400;
}
.tab-section .tab-box .tab-box-content ul li:hover .icon-box img,
.tab-section .tab-box .tab-box-content ul li.active .icon-box img{
    filter: brightness(0) saturate(100%) invert(15%) sepia(100%) saturate(4263%) hue-rotate(351deg) brightness(80%) contrast(115%);
}
.tab-section .tab-box .tab-box-content ul li:hover .tab-service-content .title,
.tab-section .tab-box .tab-box-content ul li.active .tab-service-content .title{
    color: var(--clr-accent);
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .tab-section .tab-box{
        flex-direction: row;
    }
    /* .tab-section .tab-box .tab-sidebar{
        width: 20%;
    }
    .tab-section .tab-box .tab-box-content{
        width: 80%;
    } */
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Home Featured Section
====================================================================================|*/
.home-featured-section{}
.home-featured-section .card{
    border: none;
    border-radius: 0;
}
.home-featured-section .card .img-box{}
.home-featured-section .card .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-featured-section .card .card-body{
    position: relative;
    flex: 1;
}
.home-featured-section .card .card-body.first-body{
    background-color: var(--clr-accent);
}
.home-featured-section .card .card-body.second-body{
    background-color: var(--clr-neutral);
}
.home-featured-section .card .card-body .title{
    font-size: 1.25rem;
    font-weight: 600;
}
.home-featured-section .card .card-body p{}
.home-featured-section .card .card-body .title,
.home-featured-section .card .card-body p{
    color: var(--clr-white);
}
.home-featured-section .card .card-body.second-body .title{
    margin-bottom: 1rem;
}
.home-featured-section .card .card-body .btn-ol-white{
    border-radius: 0;
}
.home-featured-section .card .card-body .btn-ol-white:hover{}
.home-featured-section .card .card-body .number{
    position: absolute;
    bottom: 0;
    right: 1.5rem;
    font-size: 8rem;
    font-weight: 700;
    line-height: 1;
    color: rgba(var(--clr-white-rgb), 0.5);
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .home-featured-section .card{
        overflow: hidden;
        height: 300px;
        flex-direction: row;
    }
    .home-featured-section .card .card-body{
        padding: 3rem;
    }
    .home-featured-section .card .card-body .title{
        font-size: 1.75rem;
    }
    .home-featured-section .card .card-body.second-body .title{
        margin-bottom: 3rem;
    }
    .home-featured-section .card .img-box{
        width: 50%;
        height: 300px;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Home About Section
====================================================================================|*/
.home-about-section{
    position: relative;
}
.home-about-section .about-img-box{
    position: relative;
}
.home-about-section .about-img-box img{
    width: 100%;
    height: 100%;
    /* border-radius: .75rem; */
    object-fit: cover;
}
.home-about-section .about-img-box .img-caption{
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    padding: 1.5rem;
    width: 200px;
    background-color: var(--clr-accent);
}
.home-about-section .about-img-box .img-caption .caption-title{
    position: relative;
    color: var(--clr-white);
    /* font-family: var(--body-font-family); */
    font-size: 1.5rem;
    font-weight: 600;
}
.home-about-section .about-img-box .img-caption .caption-title::after{
    content: '';
    position: absolute;
    top: 13px;
    right: -10px;
    width: 32px;
    height: 85%;
    border: 2px solid #fff;
    border-left: none;
}
.home-about-section .about-img-box .img-caption .caption-title span{
    display: block;
    font-size: 3.5rem;
    font-weight: 700;
}
.home-about-section .about-content{}
.home-about-section .about-content .btn-ol-accent{
    color: var(--clr-black);
}
.home-about-section .about-content .btn-ol-accent:hover{
    color: var(--clr-white);
}
.home-about-section .about-content p{
    font-weight: 300;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .home-about-section .about-img-box img{
        /* border-radius: 1.5rem; */
    }
    .home-about-section .about-img-box .img-caption{
        padding: 1.75rem;
    }
    .home-about-section .about-img-box .img-caption .caption-title{
        font-size: 1.625rem;
    }
    .home-about-section .about-img-box .img-caption .caption-title span{
        font-size: 4rem;
    }
    .home-about-section .about-img-box img{
        margin-left: 4rem;
        margin-bottom: 3rem;
    }
    .home-about-section .about-content{
        padding-left: 4rem;
    }
    .home-about-section .about-content p{
        font-size: 1.125rem;
    }
}
@media (max-width: 991.98px){
    .home-about-section .about-img-box{
        padding-left:  2rem;
        padding-bottom: 1.5rem;
    }
    .home-about-section .about-img-box .img-caption {
        padding: 1rem;
        width: 150px;
    }
    .home-about-section .about-img-box .img-caption .caption-title{
        font-size: 1.25rem;
    }
    .home-about-section .about-img-box .img-caption .caption-title::after{
        top: 13px;
        right: 0;
        width: 24px;
        height: 85%;
    }
    .home-about-section .about-img-box .img-caption .caption-title span{
        font-size: 2.5rem;
    }
}
/*|==================================================================================
    Brand Section
====================================================================================|*/
.brand-section{}
.brand-carousel .brand-item{
    /* border: 1px solid var(--clr-accent); */
}
.brand-carousel .brand-item .img-box{
    height: 100px;
}
.brand-carousel .brand-item .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*| Media Query |====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .brand-carousel .brand-item .img-box{
        height: 150px;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Brand Service Section
====================================================================================|*/
.brand-service-section{}
.brand-service-grid{
    display: grid;
}
.brand-service-grid .card{
    --background-solid-color-l: 2%;
    overflow: hidden;
    border-radius: 0;
    /* border: 1px solid rgba(var(--clr-white-rgb), .1); */
    border-color: hsla(0, 0%, calc((var(--background-solid-color-l) - 60%) * -100), .2);
    background-color: var(--clr-black);
}
.brand-service-grid .card a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
/* .brand-service-grid .card::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: var(--clr-black);
} */
.brand-service-grid .card a{}
.brand-service-grid .card .img-box{
    padding: 1rem 1rem 0;
    /* height: 150px; */
    text-align: center;
}
.brand-service-grid .card .img-box img{
    width: 100%;
    height: 90px;
    object-fit: contain;
}
.brand-service-grid .card .card-body{
    text-align: center;
}
.brand-service-grid .card .card-body .title{
    color: rgba(var(--clr-white-rgb), .7);
    font-family: var(--body-font-family);
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
}
.brand-service-grid .card:hover .card-body .title{
    color: var(--clr-white);
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){
    .brand-service-grid{}
}
@media (min-width: 992px){
    .brand-service-grid{
        place-content: center;
        justify-content: center;
    }
    .brand-service-grid .card{

    }
    .brand-service-grid .card::after{
        height: 6px;
    }
    /* .brand-service-grid .card .img-box img{
        height: 130px;
    } */
    /* .brand-service-grid .card .card-body .title{
        font-size: 1.125rem;
    } */
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Service Section
====================================================================================|*/
.service-section{}
.service-section .card-overlay-layout .card{
    border: none;
    margin-bottom: 1rem;
}
.service-section .card-overlay-layout .card .img-box{
    position: relative;
    overflow: hidden;
}
.service-section .card-overlay-layout .card .img-box::after{
    border-radius: 8px;
    width: 100%;
    height: 70%;
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to top, rgba(var(--clr-accent-rgb), .8) 10%, rgba(var(--clr-accent-rgb), .03) 90%);
    transition: .3s cubic-bezier(.24,.74,.58,1);
    transform: scaleY(0);
    transform-origin: bottom center;
}
.service-section .card-overlay-layout .card:hover .img-box::after {
    transform: scaleY(1);
}
.service-section .card-overlay-layout .card .img-box img{
    width: 100%;
    height: 100%;
    border-radius: .5rem;
    object-fit: cover;
}
.service-section .card-overlay-layout .card .card-img-overlay{
    top: auto;
    padding: 0;
    height: 70%;
    background-color: transparent;
    background-image: linear-gradient(to top, rgba(var(--clr-neutral-rgb), .8) 10%, rgba(var(--clr-neutral-rgb), .03) 90%);
    transition: .3s cubic-bezier(.24,.74,.58,1);
}
.service-section .card-overlay-layout .card:hover .card-img-overlay{
    background-image: none;
}
.service-section .card-overlay-layout .card .card-body{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transition: .3s cubic-bezier(.24,.74,.58,1);
    transform: scaleY(1);
    transform-origin: bottom center;
}
.service-section .card-overlay-layout .card:hover .card-body{
    transition-delay: 400ms;
    transform: scaleY(1);
}
.service-section .card-overlay-layout .card .card-body .title{
    color: var(--clr-white);
    position: relative;
    font-size: 1.125rem;
    margin-bottom: 0;
}
.service-section .card-overlay-layout .card .card-body .title a{
    color: var(--clr-white);
}
.service-section .card-overlay-layout .card .card-body .title a:hover{
    color: var(--clr-black);
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .service-section .card-overlay-layout .card{
        margin-bottom: 1.5rem;
    }
    .service-section .card-overlay-layout .card .img-box{
        height: 220px;
    }
    .service-section .card-overlay-layout .card .card-body{
        padding: 1.5rem;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Service Section 2
====================================================================================|*/
.service-section-2{}
.service-section-2 .card{
    overflow: hidden;
    border: none;
    border-radius: 0;
    margin-bottom: 1.25rem;
    background-color: #161616;
}
.service-section-2 .card .img-box{}
.service-section-2 .card .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-section-2 .card .card-body{}
.service-section-2 .card .card-body .title{
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 1rem;
    text-transform: uppercase;
}
.service-section-2 .card .card-body .title a{
    color: var(--clr-white);
}
.service-section-2 .card .card-body .title a:hover{
    color: var(--clr-accent);
}
.service-section-2 .card .card-body p{
    color: rgba(var(--clr-white-rgb), .65);
    font-weight: 300;
}
.service-section-2 .card .card-body .btn-text{
    font-size: .875rem;
    font-weight: 400;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.service-section-2 .card .card-body .btn-text:hover{
    color: var(--clr-white);
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .service-section-2 .card{
        /* border-radius: 1rem; */
        margin-bottom: 1.5rem;
    }
    .service-section-2 .card .card-body{
        padding: 1.25rem;
    }
    .service-section-2 .card .card-body .title{
        font-size: 1.5rem;
    }
    .service-section-2 .card .card-body p{
        /* font-size: 1.125rem; */
    }
    .service-section-2 .card .card-body .btn-text{
        /* font-size: 1.125rem; */
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Why Section
====================================================================================|*/
.home-why-section{}
.home-why-section .why-content{}
.home-why-section .card{
    border: none;
    background-color: transparent;
}
.home-why-section .card .card-body{}
.home-why-section .card .card-body .title{
    position: relative;
    color: var(--clr-white);
    font-size: 1.125rem;
    line-height: 1;
    font-weight: 400;
    text-transform: uppercase;
    padding-left: .75rem;
    margin-bottom: .75rem;
}
.home-why-section .card .card-body .title::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: var(--clr-accent);
}
.home-why-section .card .card-body p{
    color: rgba(var(--clr-white-rgb), .55);
}
/*| Media Query |====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .home-why-section .card .card-body .title{
        font-size: 1.5rem;
    }
    .home-why-section .card .card-body p{
        /* font-size: 1.125rem; */
    }
}
@media (max-width: 991.98px){
    .home-why-section .card{
        margin-bottom: 1rem;
    }
    .home-why-section .card .card-body{
        padding: 0;
    }
}
/*|==================================================================================
    Brand Section
====================================================================================|*/
.brand-section{}
/*| Media Query |====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991.98px){}
/*|==================================================================================
    Reason Section
=====================================================================================|*/
.reason-section{
    background-color: #fde4e8;
}
.reason-section .reason-content{}
.reason-section .reason-content .highlight-point{}
.reason-section .reason-content .highlight-point-item{
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: .5rem;
}
.reason-section .reason-content .highlight-point-item .icon-box{
    color: var(--clr-accent);
    font-size: 2rem;
}
.reason-section .reason-content .highlight-point-item .icon-box svg{
    fill: var(--clr-accent);
    width: 2.5rem;
    height: 2.5rem;
}
.reason-section .reason-content .highlight-point-item .point-content{
    flex: 1;
}
.reason-section .reason-content .highlight-point-item .point-content .title{
    font-size: 1.25rem;
    font-weight: 500;
}
.reason-section .reason-content .highlight-point-item .point-content p{}
.happy-customer{
    display: flex;
    gap: 1rem;
}
.happy-customer .media-group{}
.happy-customer .media-group ul{
    display: flex;
}
.happy-customer .media-group ul li{
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    outline: 2px solid #fff;
    transition: all 0.4s ease;
}
.happy-customer .media-group ul li+li{
    margin-left: -20px;
}
/* .happy-customer .media-group ul li:hover+li{
    margin-left: 0;
} */
.happy-customer .media-group ul li img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.happy-customer .content{}
.happy-customer .content .rating-star{
    color: #eebe2d;
}
.happy-customer .content .review{
    font-size: 1rem;
    font-weight: 600;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .reason-section .reason-content .highlight-point-item .icon-box{
        width: 2.5rem;
        font-size: 2.5rem;
    }
    .reason-section .reason-content .highlight-point-item .icon-box svg{
        width: 3.5rem;
        height: 3.5rem;
    }
    .reason-section .reason-content .highlight-point-item .point-content .title{
        font-size: 1.375rem;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Video Section
====================================================================================|*/
.video-section{
    position: relative;
}
.video-section .video-container{
    position: relative;
    overflow: hidden;
    /* border-radius: 1rem; */
}
.video-section .video-container .big-divider{
    position: absolute;
    top: 16px;
    left: 0;
    display: block;
    width: 50%;
    height: 50px;
    background-color: var(--clr-accent);
    transform: rotateZ(2deg);
}
.video-section .video-container img{
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.video-section .video-container .btn-box{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.video-section .video-container .btn-box .play-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--clr-black);
    font-size: 2.5rem;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: var(--clr-white);
}
.video-section .video-container .btn-box .play-btn::before{
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .63);
    border-radius: 50%;
    animation: pulse_border 1500ms ease-out infinite;
    /* -webkit-animation: pxl_pulse_border 1500ms ease-out infinite; */
    z-index: -2;
}
.video-section .video-container .btn-box .play-btn:hover{
    color: var(--clr-white);
    background-color: var(--clr-accent);
}
.video-section .video-container .btn-box .play-btn i{
    margin-left: 8px;
}
.video-section .video-content{}
.video-section .video-content .card{
    padding: 1rem;
    border: none;
    border-radius: 0;
}
.video-section .video-content .card .icon-box{
    margin-bottom: 1rem;
}
.video-section .video-content .card .icon-box img{
    height: 50px;
}
.video-section .video-content .card .card-body{
    padding: 0;
}
.video-section .video-content .card .card-body h3{
    font-size: 1.25rem;
}
.video-section .video-content .card .card-body p{
    margin-bottom: 0;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .video-section .video-container{
        /* border-radius: 2.5rem; */
    }
    .video-section .video-container img{
        /* transform: skewY(-1deg) */
    }
    .video-section .video-container img{
        height: 623px;
    }
    .video-section .video-container .btn-box .play-btn{
        width: 7rem;
        height: 7rem;
        font-size: 3.5rem;
    }
    .video-section .video-content{
        height: 100%;
    }
    .video-section .video-content .card{
        padding: 1.5rem;
        height: 100%;
    }
    .video-section .video-content .card .icon-box{
        margin-bottom: 1.25rem;
    }
    .video-section .video-content .card .card-body h3{
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
    .video-section .video-content .card:nth-child(1),.video-section .video-content .card:nth-child(4){
        color: var(--clr-white);
        background-color: var(--clr-accent);
    }
    .video-section .video-content .card:nth-child(1) img,.video-section .video-content .card:nth-child(4) img{
        filter: brightness(100%) invert(100);
    }
}
@media (max-width: 991.98px){
    .video-section .video-content .card:nth-child(2),.video-section .video-content .card:nth-child(4){
        color: var(--clr-white);
        background-color: var(--clr-accent);
    }
    .video-section .video-content .card:nth-child(2) img,.video-section .video-content .card:nth-child(4) img{
        filter: brightness(100%) invert(100);
    }
}
@keyframes pulse_border{
    0% {
        transform: scale(1);
        opacity: .67;
    }
    100% {
        transform: scale(2.2);
        opacity: 0;
    }
}
/*|==================================================================================
    CTA Section
====================================================================================|*/
.cta-section{
    position: relative;
}
.cta-section .inner-box{
    position: relative;
}
.cta-section .cta-img-box{}
.cta-section .cta-img-box img{}
.cta-section .inner-box .cta-content{}
.cta-section .inner-box .cta-content .cta-title{}
.cta-section .inner-box .cta-content p{}
.cta-section .inner-box .cta-content .btn{}
.cta-section .inner-box .cta-content .btn-white:hover{
    color: var(--clr-white);
    border-color: var(--clr-black);
    background-color: var(--clr-black);
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .cta-section .cta-img-box{
        position: absolute;
        top: auto;
        left: 60px;
        bottom: 0;
    }
    .cta-section .inner-box .cta-content p{
        font-size: 1.125rem;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    service Cost Section
====================================================================================|*/
.service-cost-section{
    position: relative;
}
.service-cost-section.bg-zinc-100{
    z-index: 1;
}
.service-cost-section .content{}
.service-cost-section .content p{}
.service-cost-section .content ul{}
.service-cost-section .content ul li{
    margin-bottom: .5rem;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .service-cost-section.bg-zinc-100::after{
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 40%;
        height: 40%;
        background-color: var(--clr-accent);
        z-index: -1;
    }
    .service-cost-section .content p{
        margin-bottom: 2rem;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Testimonial Section
====================================================================================|*/
.testimonial-section{
    background-color: var(--clr-neutral);
}
.testimonial-section .section-header p{
    color: #767676;
}
/* .testimonial-carousel{}
.testimonial-carousel .card{
    border-radius: 0;
    border: none;
    margin: 20px 10px;
    background-color: transparent;
}
.testimonial-carousel .card-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    padding: 0 0 1.25rem;
    border: none;
}
.testimonial-carousel .card-header .card-title{
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: 0;
}
.testimonial-carousel .card-header .quote{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #e7e5ff;
}
.testimonial-carousel .card-header .quote i{
    color: var(--clr-primary);
    font-size: 1.375rem;
}
.testimonial-carousel .card-body{
    position: relative;
    padding: 1.25rem;
    border-radius: .625rem;
    box-shadow: 0 9px 54px 0 rgba(32,32,32,.1);
    background-color: var(--clr-white);
}
.testimonial-carousel .card-body::after{
    content: "";
    border-style: solid;
    border-color: #fff transparent transparent;
    border-width: 30px;
    position: absolute;
    top: 100%;
    left: 58px
}
.testimonial-carousel .card-body p{
    font-size: 1rem;
}
.testimonial-carousel .card-body .rating span{
    font-size: .875rem;
    color: #eebe2d;
}
.testimonial-carousel .client-info{
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-top: 1.5rem;
}
.testimonial-carousel .client-info .client-img{}
.testimonial-carousel .client-info .client-img img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
}
.testimonial-carousel .client-info .client-meta{}
.testimonial-carousel .client-info .client-meta .client-name{
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: .25rem;
}
.testimonial-carousel .client-info .client-meta span{
    font-size: 1rem;
} */
.testimonial-section .card{
    padding: 1rem;
    border-radius: .5rem;
    border: 2px solid var(--clr-accent);
    background-color: transparent;
    margin-bottom: 1rem;
}
.testimonial-section .card .card-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
    padding: 0;
    background-color: transparent;
    margin-bottom: .5rem;
}
.testimonial-section .card .card-body{
    padding: 0;
    margin-bottom: 1rem;
}
.testimonial-section .card .card-body .card-title{
    color: var(--clr-white);
}
.testimonial-section .card .card-body .quote{
    color: var(--clr-accent);
    font-size: 1.75rem;
}
.testimonial-section .card .card-body p{
    color: var(--clr-white);
}
.testimonial-section .card .card-body .rating{}
.testimonial-section .card .card-body .rating span{
    color: #e0a21a;
}
.testimonial-section .card .client-info{
    display: flex;
    gap: 1rem;
    align-items: center;
}
.testimonial-section .card .client-info .client-img{
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
}
.testimonial-section .card .client-info .client-img img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.testimonial-section .card .client-info .client-meta{
    flex: 1;
}
.testimonial-section .card .client-info .client-meta .client-name{
    color: var(--clr-white);
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
}
.testimonial-section .card .client-info .client-meta span{
    color: rgba(var(--clr-white-rgb), 0.5);
    font-size: .875rem;
}
.home-testimonial .card .card-body .card-title{
    font-size: 1.25rem;
    font-weight: 500;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    /* .testimonial-carousel .card-body{
       padding: 1.75rem;
    }
    .testimonial-carousel .client-info{
        padding-top: 2.5rem;
        padding-left: 3rem;
    }
    .testimonial-carousel .card-body p{
        font-size: 1.125rem;
    } */
    .testimonial-section .card{
        padding: 1.75rem;
        margin-bottom: 2.25rem;
        border-radius: 1rem;
    }
    .testimonial-section .card .card-body p{
        font-size: 1.125rem;
    }
    .home-testimonial .card{
        padding: 1.25rem;
        margin-bottom: 0;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Faq Page
=====================================================================================|*/
.faq-section{}
.faq-section .sidebar{}
.faq-section .sidebar .card{
    border: 1px solid var(--clr-black);
    margin-bottom: 1.25rem;
}
.faq-section .sidebar .card .card-body{}
.faq-section .sidebar .card .card-body .title{
    display: inline-block;
    position: relative;
    font-size: 1.125rem;
    font-weight: 600;
    padding-bottom: .5rem;
    margin-bottom: 1rem;
}
.faq-section .sidebar .card .card-body .title::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 2px;
    background-color: var(--clr-accent);
}
.faq-section .sidebar .card .card-body ul{}
.faq-section .sidebar .card .card-body ul li{}
.faq-section .sidebar .card .card-body ul li a{
    display: block;
    font-size: 1rem;
    position: relative;
    padding: .5rem 0;
}
.faq-section .sidebar .card .card-body ul li a:hover{
    color: var(--clr-accent);
}
.faq-section .sidebar .card .card-body ul li a::after{
    content: '\f061';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-family: var(--icon-font);
    font-weight: 900;
}
.faq-section .accordion{}
.faq-section .accordion-item{
    background-color: var(--clr-white);
    border: none;
    border-bottom: 1px solid #dee2de;
}
.faq-section .accordion-item .accordion-header {}
.faq-section .accordion-button{
    color: var(--clr-black);
    font-size: 1.25rem;
    font-weight: 400;
    padding: 1rem 0;
    /* background-color: #f5f5f5; */
}
.faq-section .accordion-item .accordion-button,.faq-section .accordion-item .accordion-button.collapsed {
    border-radius: 0px;
}
.faq-section .accordion-button:focus{
    box-shadow: none;
}
.faq-section .accordion-button::after{
    background-image: none;
    content: '\f107';
    font-family: var(--icon-font);
    font-weight: 900;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    /* transform: rotate(-30deg); */
    border: 2px solid var(--clr-black);
}
.faq-section .accordion-button:not(.collapsed) {
    /* color: var(--clr-white);
    background-color: var(--clr-primary); */
    color: var(--clr-black);
    background-color: var(--clr-white);
    box-shadow: none;
}
.faq-section .accordion-button:not(.collapsed)::after {
    /* content: '\f106'; */
    background-image: none;
    /* transform: rotate(30deg); */
}
.faq-section .accordion-item .accordion-body{
    padding: 0;
    /* background-color: #f5f5f5; */
}
.faq-section .accordion-item .accordion-body p{
    font-size: 1rem;
    font-weight: 400;
    /* font-weight: 600; */
}
.pagination{}
.pagination .page-item{}
.pagination .page-item .page-link{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: var(--clr-accent);
    font-size: 1.125rem;
    font-weight: 700;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0;
    border-color: var(--clr-accent);
}
.pagination .page-item .page-link.current,.pagination .page-item .page-link:hover{
    color: var(--clr-white);
    border-color: var(--clr-accent);
    background-color: var(--clr-accent);
}
/*| Media Query ====================================================================|*/
@media (min-width: 992px){
    /* .faq-section .sidebar{
        position: sticky;
        top: 80px;
        z-index: 3;
    } */
    .faq-section .sidebar .card{
        margin-bottom: 1.5rem;
    }
    .faq-section .sidebar .card .card-body .title{
        font-size: 1.25rem;
    }
    .faq-section .accordion{
        /* display: grid;
        gap: 1.5rem;
        grid-template-columns: repeat(2, minmax(0, 1fr)); */
    }
    .faq-section .accordion-button{
        font-size: 1.5rem;
        padding: 1rem 0;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    CTA Book Now Section
=====================================================================================|*/
.cta-book-now{
    padding: 2rem 0;
    position: relative;
}
.cta-book-now .inner-box{
    position: relative;
    padding: 1rem;
}
.cta-book-now .cta-book-content{}
.cta-book-now .cta-book-content .title-wrap{
    display: flex;
    gap: .75rem;
    align-items: center;
}
.cta-book-now .cta-book-content .title-wrap{}
.cta-book-now .cta-book-content .vertical-bar-rotated{}
.cta-book-now .cta-book-content .vertical-bar-rotated::after,
.cta-book-now .cta-book-content .vertical-bar-rotated::before{
    background-color: var(--clr-accent);
}
.cta-book-now .cta-book-content .vertical-bar-rotated::before{}
.cta-book-now .cta-book-content .vertical-bar-rotated::after{}
.cta-book-now .cta-book-content {}
.cta-book-now .cta-book-img{
    height: 250px;
}
.cta-book-now .cta-book-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cta-book-now .cta-book-btn{
    display: flex;
    align-items: center;
    justify-content: center;
}
.cta-book-now .btn-icon-group{
    display: flex;
    align-items: center;
}
.cta-book-now .btn-icon-group .icon-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    font-size: 1.25rem;
    border-radius: 50%;
    color: var(--clr-accent);
    outline: 6px solid rgba(var(--clr-white-rgb), .5);
    background-color: var(--clr-white);
}
.cta-book-now .btn-icon-group .btn-icon-text{
    flex: 1;
    margin-left: .75rem;
    color: var(--clr-white);
}
.cta-book-now .btn-icon-group .btn-icon-text small{
    display: block;
    font-size: 1rem;
    font-weight: 500;
}
.cta-book-now .btn-icon-group .btn-icon-text span{
    position: relative;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
}
.cta-book-now .btn-icon-group .btn-icon-text span::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    width: 0;
    height: 1px;
    background-color: var(--clr-white);
    transition: all 0.4s ease;
}
.cta-book-now .btn-icon-group .btn-icon-text span:hover::before{
    left: 0;
    right: auto;
    width: 100%;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .cta-book-now{
        padding: 3rem 0 0;
    }
    .cta-book-now .inner-box{
        height: 210px;
        padding: 1.5rem;
        padding-bottom: 0;
        margin-bottom: -60px;
        z-index: 999;
    }
    .cta-book-now .cta-book-img{
        position: absolute;
        top: -60px;
        height: 270px;
    }
    .cta-book-now .cta-book-btn{
        justify-content: flex-end;
    }
    /* .cta-book-now .btn-icon-group{
        justify-content: flex-end;
    } */
    .cta-book-now .btn-icon-group .icon-box{
        font-size: 1.75rem;
        width: 4.25rem;
        height: 4.25rem;
    }
    .cta-book-now .btn-icon-group .btn-icon-text small{
        font-size: 1.125rem;
    }
    .cta-book-now .btn-icon-group .btn-icon-text span{
        font-size: 1.75rem;
    }
}
@media (max-width: 991.98px){
    .cta-book-now{
        padding: 1rem 0;
        background-color: var(--clr-accent);
    }
    .cta-book-now .cta-book-img{
        height: auto;
        padding: 2rem 0;
    }
    .cta-book-now .cta-book-img img{
        width: auto;
        height: auto;
        object-fit: contain;
    }
    .cta-book-now .cta-book-btn{
        justify-content: flex-start;
    }
}
/*|==================================================================================
    Footer
=====================================================================================|*/
.footer{
    position: relative;
    background-color: var(--clr-black);
}
.footer-newsletter{}
.footer-newsletter .newsletter-form{}
.footer-newsletter .newsletter-form .input-group{
     border-bottom: 1px solid var(--clr-accent);
}
.footer-newsletter .newsletter-form .input-group .input-group-text{
    border: none;
    border-radius: 0;
}
.footer-newsletter .newsletter-form .input-group .input-group-text.left-icon{
    padding-left: 0;
    padding-right: 0;
    color: var(--clr-white);
    background-color: transparent;
}
.footer-newsletter .newsletter-form .input-group .submit-btn{
    color: var(--clr-white);
    font-size: 1.125rem;
    font-weight: 400;
    padding: .5rem .75rem;
    background-color: var(--clr-accent);
}
.footer-newsletter .newsletter-form .input-group .submit-btn i{
    font-size: 1rem;
}
.footer-newsletter .newsletter-form .input-group .form-control{
    font-size: 1rem;
    font-weight: 400;
    padding: .5rem 1rem;
    color: var(--clr-white);
    border: none;
    box-shadow: none;
    background-color: transparent;
}
.footer-newsletter .newsletter-form .input-group .form-control::placeholder{
    color: rgba(var(--clr-white-rgb), 0.5);
    font-weight: 400;
}
.footer-widget{
    margin-bottom: 1.25rem;
}
.footer-widget .footer-title{
    position: relative;
    color: var(--clr-white);
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 1rem;
}
.footer-widget .footer-title .vertical-bar-rotated{
    display: block;
    height: 12px;
    margin-bottom: .25rem;
}
/* .footer-widget .footer-title::before{
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 65px;
    height: 2px;
    background-color: var(--clr-accent);
}
.footer-widget .footer-title::after{
    content: "";
    position: absolute;
    bottom: 0px;
    left: 70px;
    width: 20px;
    height: 2px;
    background-color: var(--clr-black);
} */
.footer-about{}
.footer-about .footer-logo{}
.footer-about .footer-logo img{
    height: 60px;
}
.footer-about p{
    color: var(--clr-white);
    font-size: 1.125rem;
    line-height: 1.6;
}
.footer .social-list{
    gap: .75rem;
}
.footer .social-list li .social-link{
    width: 3rem;
    height: 3rem;
    padding: 0;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--clr-white);
    border-radius: .375rem;
    background-color: #2f2f2f;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
}
/* .footer-about .social-list li .social-link.facebook{
    color: #1877F2;
}
.footer-about .social-list li .social-link.twitter{
    color: #000000;
}
.footer-about .social-list li .social-link.instagram{
    color: #e03955;
}
.footer-about .social-list li .social-link.youtube{
    color: #ff002b;
} */
.footer .social-list li .social-link.facebook:hover{
    color: var(--clr-white);
    background-color: #1877F2;
}
.footer .social-list li .social-link.twitter:hover{
    color: var(--clr-white);
    background-color: #000000;
}
.footer .social-list li .social-link.instagram:hover{
    color: var(--clr-white);
    background-color: #e03955;
}
.footer .social-list li .social-link.youtube:hover{
    color: var(--clr-white);
    background-color: #ff002b;
}
.footer .social-list li .social-link.linkedin:hover{
    color: var(--clr-white);
    background-color: #0077B5;
}
.footer .social-list li .social-link.pinterest:hover{
    color: var(--clr-white);
    background-color: #E60023;
}
.footer .social-list li .social-link.threads:hover{
    color: var(--clr-white);
    background-color: #000000;
}
.#0077B5,
.footer-links{}
.footer-links ul{}
.footer-links ul li a{
    position: relative;
    display: block;
    color: var(--clr-white);
    /* font-family: var(--title-font-family); */
    font-size: 1rem;
    font-weight: 400;
    padding: .375rem 0;
    line-height: 1;
}
/* .footer-links ul li a::before{
    content: "\f105";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-family: var(--icon-font);
    font-weight: 900;
} */
.footer-links ul li a:hover{
    color: var(--clr-accent);
}
.footer-contact{
    display: none;
}
.footer-contact .footer-contact-item{
    display: flex;
    gap: .5rem;
    align-items: center;
    margin-bottom: 1rem;
}
.footer-contact .footer-contact-item:first-of-type{
    align-items: flex-start;
}
.footer-contact .footer-contact-item .icon-box{
    /* width: 3rem;
    height: 3rem;
    border-radius: .25rem;
    background-color: var(--clr-accent);
    display: flex;
    justify-content: center;
    align-items: center; */
    transition: all .3s ease;
    margin-right: .5rem;
    margin-top: .375rem;
}
.footer-contact .footer-contact-item .icon-box i{
    color: var(--clr-white);
    font-size: 1.125rem;
}
/* .footer-contact .footer-contact-item .title{
    font-size: 1.125rem;
    font-weight: 600;
} */
.footer-contact .footer-contact-item a,
.footer-contact .footer-contact-item p{
    color: rgba(var(--clr-white-rgb), 0.5);
    display: block;
    transition: all .2s ease;
}
.footer-contact .footer-contact-item p{
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: 0;
}
.footer-contact .footer-contact-item a{
    font-size: 1.125rem;
    font-weight: 500;
}
.footer-contact .footer-contact-item a:hover{
    color: var(--clr-white);
}
.footer-contact .btn-text{
    display: block;
    color: rgba(var(--clr-white-rgb), 0.5);
    font-size: 1.125rem;
    padding: .5rem 0;
}
.footer-contact .btn-text:hover{
    text-decoration: none;
    color: var(--clr-white);
}
.location-servicing-area{}
.location-servicing-area .list-container{}
.location-servicing-area .list-container h3{
    color: var(--clr-white);
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1rem;
}
.location-servicing-area .list-container ul{
    margin-bottom: 1rem;
}
.location-servicing-area .list-container ul li{
    position: relative;
    display: inline-block;
    margin-right: 1.5rem;
}
.location-servicing-area .list-container ul li a{
    position: relative;
    display: inline-block;
    color: var(--clr-white);
    font-size: .9rem;
    line-height: 1;
    padding: .25rem 0;
    /* padding-left: 1.25rem; */
}
/* .location-servicing-area .list-container ul li:not(:first-child) a{
    margin-left: .7485em;
} */
.location-servicing-area .list-container ul li::after{
    content: '';
    position: absolute;
    top: 50%;
    right: -.75rem;
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background-color: #fff;
}
.location-servicing-area .list-container ul li:last-child::after{
    display: none;
}
/* .location-servicing-area .list-container ul li a::before{
    content: '\f105';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-family: var(--icon-font);
    font-weight: 900;
} */
.location-servicing-area .list-container ul li a:hover{
    color: var(--clr-accent);
}
.copyright{
    padding: 1.25rem 0;
    border-top: 1px solid rgba(var(--clr-white-rgb), .4);
    background-color: var(--clr-black);
}
.copyright p{
    color: var(--clr-white);
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: 0;
}
.copyright p a{
    color: var(--clr-accent);
    font-weight: 600;
}
.copyright p a:hover{
    color: var(--clr-white);
}
.copyright .copyright-nav{
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: center;
}
.copyright .copyright-nav li{
    position: relative;
}
/* .copyright .copyright-nav li:not(:first-child){
    padding-left: .5rem;
} */
/* .copyright .copyright-nav li:not(:first-child)::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background-color: #fff;
} */
.copyright .copyright-nav li a{
    display: block;
    color: var(--clr-white);
    /* font-family: var(--title-font-family); */
    font-size: .875rem;
    font-weight: 400;
    transition: all 0.4s linear;
}
.copyright .copyright-nav li a:hover{
    color: var(--clr-accent);
}
.big-logo-wrap{
    width: 100%;
    background-color: var(--clr-black);
}
.big-logo-text{
    color: var(--clr-white);
    font-family: var(--title-font-family);
    font-size: 4rem;
    /* line-height: 1; */
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){
    .copyright .copyright-nav li:not(:first-child){
        padding-left: .5rem;
    }
    .copyright .copyright-nav li:not(:first-child)::before{
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 1px;
        height: 10px;
        background-color: #fff;
    }
}
@media (min-width: 992px){
    .footer-newsletter .newsletter-form .input-group .submit-btn{
        padding: .75rem 1.25rem;
    }
    .footer-widget .footer-title{
        font-size: 1.25rem;
    }
    .footer-links ul{
        /* columns: 2;
        break-inside: avoid; */
    }
    .location-servicing-area .list-container h3{
        font-size: 1.25rem;
    }
    .footer .social-list li .social-link{
        width: 3.25rem;
        height: 3.25rem;
        font-size: 1.25rem;
    }

    .copyright .copyright-nav{
        justify-content: flex-end;
    }
    .copyright p{
        margin-bottom: 0;
    }
    .big-logo-text{
        font-size: 16rem;
    }
}
@media (max-width: 991.98px){
    .copyright p{
        text-align: center;
    }
}
@media (max-width: 767.98px){
    .copyright .copyright-nav{
        display: grid;
        gap: .5rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .copyright p{
        margin-bottom: 1rem;
    }
    .copyright .copyright-nav li a{}
}
.action-btn{
    position: fixed;
    bottom: 60px;
    right: 20px;
    z-index: 1111;
}
.action-btn a{
    display: block;
}
.action-btn a.btn{
    color: var(--clr-white);
    font-size: 2rem;
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    /* outline: 4px solid var(--clr-white); */
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.action-btn a.btn-wa{
    background-color: #25D366;
}
.action-btn a.btn:hover{
    background-color: var(--clr-accent);
}
.action-btn a.btn+.btn{
    background-color: var(--clr-black);
}
.action-btn a.btn+.btn:hover{
    background-color: var(--clr-accent);
}
@media (max-width: 767.98px){
    .action-btn{
        bottom: 20px;
    }
    .action-btn a.btn{
        font-size: 1.75rem;
        width: 50px;
        height: 50px;
    }
}
/*|==================================================================================
    Banner Section
=====================================================================================|*/
.banner-section{
    position: relative;
    padding: 3rem 0 1.25rem;
}
.banner-section.banner-img{
    height: 280px;
    padding: 0;
}
.service-banner{
    background-image: url(../images/banner-2.jpg);
}
.blog-banner{
    background-image: url(../images/banner-2.jpg);
}
.banner-img{
    position: relative;
    background-attachment: scroll;
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
}
.left-overlay::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(40deg, rgb(214, 58, 11) 0%, rgba(0, 0, 0, 0) 40%);
    /* background-color: #66150f; */
    /* opacity: .5; */
    z-index: 1;
}
.left-overlay-secondary::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgb(251, 146, 60);
    background: linear-gradient(90deg, rgba(251, 146, 60, 1) 0%, rgba(0, 0, 0, 0) 45%);
    /* background-color: #66150f; */
    /* opacity: .5; */
    z-index: 1;
}
.banner-section .container{
    height: 100%;
}
.banner-section .container .row{
    height: 100%;
    display: flex;
    align-items: center;
}
.banner-section .banner-content{
    position: relative;
    z-index: 3;
}
.banner-section .banner-content .banner-title{
    color: var(--clr-black);
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.banner-section .banner-content .breadcrumb{
    margin-bottom: 0;
    padding: 0;
    align-items: center;
}
.banner-section .banner-content .breadcrumb .breadcrumb-item{
    font-size: 1rem;
    font-weight: 400;
}
.banner-section .banner-content .breadcrumb .breadcrumb-item a{
    display: inline-block;
    position: relative;
    text-decoration: none;
    transition: color 0.4s linear;
}
.banner-section .banner-content .breadcrumb .breadcrumb-item,
.banner-section .banner-content .breadcrumb .breadcrumb-item a{
    color: var(--clr-black);
}
.banner-section .banner-content .breadcrumb .breadcrumb-item a::before{
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 0%;
    height: 1px;
    background-color: var(--clr-white);
    opacity: 0;
    visibility: hidden;
    transition: width 0.4s linear;
}
.banner-section .banner-content .breadcrumb .breadcrumb-item a:hover::before{
    width: 100%;
    visibility: visible;
    opacity: 1;
}
.banner-section .banner-content .breadcrumb .breadcrumb-item a:hover,
.banner-section .banner-content .breadcrumb .breadcrumb-item.active{
    color: var(--clr-white);
}
.banner-section .banner-content .breadcrumb .breadcrumb-item+.breadcrumb-item{
    padding-left: .625rem;
    line-height: 1rem;
}
.banner-section .banner-content .breadcrumb .breadcrumb-item+.breadcrumb-item::before{
    content: "\f101";
    color: var(--clr-white);
    font-size: 1rem;
    font-family: var(--icon-font);
    font-weight: 900;
    padding-right: 1rem;
}
.banner-section.banner-img .banner-content .banner-title{
    color: var(--clr-white);
}
.banner-section.banner-img .banner-content .breadcrumb .breadcrumb-item,
.banner-section.banner-img .banner-content .breadcrumb .breadcrumb-item a{
    color: var(--clr-white);
}
.banner-section.banner-img .banner-content .breadcrumb .breadcrumb-item a:hover,
.banner-section.banner-img .banner-content .breadcrumb .breadcrumb-item.active{
    color: var(--clr-white);
}
.banner-section.banner-img .banner-content .breadcrumb .breadcrumb-item+.breadcrumb-item::before{
    color: var(--clr-white);
}
.banner-section.banner-img.overlay::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){
    .banner-section{
        padding: 4rem 0 2rem;
    }
    .banner-section.banner-img{
        height: 350px;
    }
    .banner-section .banner-content .banner-title{
        margin-bottom: 2rem;
    }
}
@media (min-width: 992px){
    .banner-section{
        padding: 6rem 0 4rem;
    }
    .banner-section.banner-img{
        height: 380px;
    }
    .banner-section .banner-content .banner-title{
        font-size: 3.5rem;
    }
    .banner-section .banner-content .breadcrumb .breadcrumb-item{
        font-size: 1.25rem;
    }
    .banner-section .banner-content .breadcrumb .breadcrumb-item+.breadcrumb-item{
        padding-left: 1rem;
        line-height: 1.25rem;
    }
}
@media (max-width: 575.98px){
    .banner-section.banner-img{
        height: 200px;
    }
}
/*|==================================================================================
    Breadcrumb Section
=====================================================================================|*/
.breadcrumb-section{
    background-color: #f4f4f5;
}
.breadcrumb-section .breadcrumb{
    padding: 1rem 0;
    margin-bottom: 0;
}
.breadcrumb-section .breadcrumb .breadcrumb-item,.breadcrumb-section .breadcrumb .breadcrumb-item a{
    color: var(--clr-black);
    font-size: 1rem;
    font-weight: 400;
}
.breadcrumb-section .breadcrumb .breadcrumb-item+.breadcrumb-item::before{
    content: '\f105';
    font-family: var(--icon-font);
    font-weight: 900;
}
.breadcrumb-section .breadcrumb .breadcrumb-item.active{
    color: var(--clr-accent);
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991.98px){}
/*|==================================================================================
    About Page
=====================================================================================|*/
.about-section{
    position: relative;
}
.about-section .about-description p{
    color: var(--clr-white);
}
.about-car-img{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991.98px){}
/*|==================================================================================
    Section
=====================================================================================|*/

/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991.98px){}
/*|==================================================================================
    Section
=====================================================================================|*/
.service-list{
    display: grid;
}
.service-list .service-list-item{
    margin-bottom: 1rem;
}
.service-list .service-list-item .btn{
    position: relative;
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    text-align: left;
    padding: .625rem 1rem;
    border-radius: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.service-list .service-list-item .btn::after{
    content: '\f078';
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    /* font-size: 1.25rem; */
    font-family: var(--icon-font);
    font-weight: 900;
}
.service-list .service-list-item .btn[aria-expanded="true"] {
    color: var(--clr-white);
    background-color: var(--clr-accent); 
}
.service-list .service-list-item .card{
    border: none;
    padding: 1rem;
}
.service-list .service-list-item .card{}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .service-list .service-list-item{
        margin-bottom: 1.125rem;
    }
    .service-list .service-list-item .btn{
        padding: .75rem 1.25rem;
    }
    .service-list .service-list-item .btn::after{
        right: 1.25rem;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Section
=====================================================================================|*/
.service-mixed-section{
    background-color: #f5f5f5;
}
.service-mixed-section .card{
    border: none;
    padding: 1rem;
    border-radius: 0;
    background-color: transparent;
}
.service-mixed-section .card .icon-box{
    text-align: center;
    margin-bottom: 1rem;
}
.service-mixed-section .card .icon-box img{
    height: 60px;
}
.service-mixed-section .card .card-body{
    padding: 0;
    text-align: center;
}
.service-mixed-section .card .card-body .title{
    font-size: 1.125rem;
}
.service-mixed-section .card .card-body p{
    margin-bottom: 0;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .service-mixed-section .card .card-body .title{
        font-size: 1.25rem;
    }
}
@media (max-width: 991.98px){
    .service-mixed-section .card{
        padding: 0;
        margin-bottom: 1.25rem;
    }
}
/*|==================================================================================
    Section
=====================================================================================|*/

/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991.98px){}
/*|==================================================================================
    Section
=====================================================================================|*/

/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991.98px){}
/*|==================================================================================
    Service Page
=====================================================================================|*/
.inner-service-section{}
.inner-service-section .card{
    border: none;
    border-radius: 0;
    margin-bottom: 1rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.inner-service-section .card img{
    padding: .375rem;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.inner-service-section .card .card-body{}
.inner-service-section .card .card-body .card-title{
    font-size: 1.5rem;
    font-weight: 600;
}
.inner-service-section .card .card-body p{}
.inner-service-section .card .card-body .btn{
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .inner-service-section .card{
        margin-bottom: 1.5rem;
    }
    .inner-service-section .card .card-body .card-title{
        font-size: 1.875rem;
    }
    .inner-service-section .card .card-body p{
        font-size: 1.125rem;
    }
    .inner-service-section .card .card-body .btn{
        padding: .625rem 1rem;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Subcategory Section
=====================================================================================|*/
.subcategory-section{}
.subcatBadges{}
#subcatBadges a{
    color: var(--clr-white);
    font-size: .875rem;
    padding: .375rem 1rem;
    display: inline-block;
    border-radius: 1.5rem;
    background-color: var(--clr-accent);
    margin-bottom: .625rem;
}
#subcatBadges a:hover{
    color: var(--clr-white);
    background-color: var(--clr-black);
}
/* #subcatBadges a i{
    margin-right: .5rem;
} */
#subcatBadges a+a{
    margin-right: .625rem;
}
#subcatBadges a:first-child{
    margin-right: .625rem;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991.98px){}
/*|==================================================================================
    Luxury Brand Section
=====================================================================================|*/
.luxury-brand-section{
    background-color: #e8e8e8;
}
.luxury-brand-section .card{
    margin-bottom: 1rem;
    border-radius: 0;
    border:none;
}
.luxury-brand-section .card .img-box{
    height: 180px;
    /* background-color: #000000; */
    /* border: 1px solid var(--clr-black); */
}
.luxury-brand-section .card .img-box img{
    width: 100%;
    height: 100%;
    /* padding: .375rem; */
    object-fit: cover;
}
.luxury-brand-section .card .card-body{
    text-align: center;
    padding: .625rem 1rem;
    background-color: var(--clr-accent);
}
.luxury-brand-section .card .card-body .title{
    color: var(--clr-white);
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .luxury-brand-section .card{
        margin-bottom: 1.5rem;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Section
=====================================================================================|*/
.single-service-section{}
.single-service-deatils .featured-img-box{}
.single-service-deatils .featured-img-box img{
    width: 100%;
    height: 100%;
    border-radius: .75rem;
    object-fit: cover;
}
.single-service-deatils .single-service-content{}
.single-service-deatils .single-service-content h2{
    font-size: 1.5rem;
    font-weight: 700;
    margin: 1rem 0;
}
.single-service-deatils .single-service-content h3{
    font-size: 1.25rem;
    font-weight: 600;
    margin: 1rem 0;
}
.single-service-deatils .single-service-content p{}
.single-service-content .step-process-wrap{}
.single-service-content .step-process-wrap .step-process-item{
    display: flex;
    margin-bottom: 1rem;
}
.single-service-content .step-process-wrap .step-process-item .icon-box{
    color: var(--clr-white);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    font-size: 1.75rem;
    background-color: var(--clr-black);
}
.single-service-content .step-process-wrap .step-process-item .step-precess-content{
    flex: 1;
    border: 1px solid #dee2de;
    padding: 1rem;
}
.single-service-content .step-process-wrap .step-process-item .step-precess-content .title{
    font-size: 1.25rem;
}
.single-service-content .step-process-wrap .step-process-item .step-precess-content p{
    margin-bottom: 0;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .single-service-deatils .single-service-content h2{
        font-size: 2.25rem;
        margin: 1rem 0 1.25rem;
    }
    .single-service-deatils .single-service-content h3{
        font-size: 1.75rem;
        margin: 1rem 0 1.25rem;
    }
    .single-service-content .step-process-wrap .step-process-item{
        margin-bottom: 1.5rem;
        align-items: center;
    }
    .single-service-content .step-process-wrap .step-process-item .icon-box{
        z-index: 2;
    }
    .single-service-content .step-process-wrap .step-process-item .step-precess-content{
        padding-left: 3rem;
        margin-left: -2rem;
    }
    .single-service-content .step-process-wrap .step-process-item .step-precess-content .title{
        font-size: 1.375rem;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Gallery Section
=====================================================================================|*/
.gallery-section{}
.gallery-section .card{
    border: none;
}
.gallery-section .card .img-box{
    height: 250px;
}
.gallery-section .card .img-box img{
    width: 100%;
    height: 100%;
    border-radius: .5rem;
    object-fit: cover;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991.98px){}
/*|==================================================================================
    Section
=====================================================================================|*/

/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991.98px){}
/*|==================================================================================
    Blog Section
=====================================================================================|*/
.blog-section{
    /* background-color: #f4fef3; */
}
.blog-section .card{
    border: none;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 0;
    margin-bottom: 1rem;
}
.blog-section .card .img-box{
    /* border: 5px solid #f2f2f2; */
    border-bottom: none;
    /* border-top-right-radius: 4px;
    border-top-left-radius: 4px; */
    padding: 4px 4px 0;
}
.blog-section .card .img-box img{
    /* border-top-right-radius: 4px;
    border-top-left-radius: 4px; */
    object-fit: cover;
    height: 220px;
}
.blog-section .card .card-body{
    padding: .75rem;
    /* border-top: 1px solid #dee2de; */
}
.blog-section .card .card-body .post-meta{
    display: flex;
    gap: .625rem;
    align-items: center;
    margin-bottom: .625rem;
}
.blog-section .card .card-body .post-meta .meta-item{
    font-size: .875rem;
    font-weight: 500;
}
.blog-section .card .card-body .post-meta .meta-item i{
    color: var(--clr-accent);
}
.blog-section .card .card-body .post-meta .meta-item a{
    padding-left: .25rem;
}
.blog-section .card .card-body .post-meta .meta-item a:hover{
    color: var(--clr-accent);
}
.blog-section .card .card-body .title{
    font-family: var(--body-font-family);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: .75rem;
}
.blog-section .card .card-body .title a:hover{
    color: var(--clr-accent);
}
.blog-section .card .card-body p{}
.blog-carousel .card{
    margin: .5rem;
}
.owl-theme .owl-dots .owl-dot{ position: relative; }
.owl-theme .owl-dots .owl-dot span{
    opacity: .35;
    transition: all 0.4s ease-out;
    background: var(--clr-accent);
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    opacity: 1;
    outline: 2px solid var(--clr-accent);
    outline-offset: 3px;
    box-shadow: 0 0 7px rgba(0, 0, 0, .23);
    background: var(--clr-accent);
}
/*| Media Query |====================================================================|*/
@media (min-width: 992px){
    .blog-section .card{
        margin-bottom: var(--spacing-lg);
        margin-bottom: 1.5rem;
    }
    .blog-carousel .card{
        margin: .5rem .5rem 1.5rem;
    }
    .blog-section .card .img-box{
        /* border-top-right-radius: 8px;
        border-top-left-radius: 8px; */
        padding: 8px 8px 0;
    }
    .blog-section .card .img-box img{
        /* border-top-right-radius: 8px;
        border-top-left-radius: 8px; */
        height: 280px;
    }
    .blog-section .card .card-body{
        padding: 1.25rem 1.5rem;
    }
    .blog-section .card .card-body .title{
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin-bottom: 1rem;
    }
}
@media (max-width: 767.98px){}
/*|====================================================================================
    Single Section
=======================================================================================|*/
.single-section{}
.post-meta{
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: .5rem;
}
.post-meta .meta-item{
    font-size: 1rem;
    font-weight: 500;
}
.post-meta .meta-item i{
    color: var(--clr-accent);
    margin-right: 6px;
}
.post-meta .meta-item.author a{
    display: flex;
    gap: 6px;
    align-items: center;
}
.post-meta .meta-item.author img{
    width: 32px;
    height: 32px;
    object-fit: cover;
    object-position: top center;
    border-radius: 50%;
}
.post-meta .meta-item.author .author-name{
    font-size: 1rem;
    margin: 0;
}
.post-meta .meta-item.author .author-name:hover{
    color: var(--clr-accent);
}
.post-meta .post-cat{
    margin-right: auto;
}
.post-meta .post-cat a{
    display: inline-block;
    font-size: 1rem;
    /* font-weight: 500; */
    color: var(--clr-black);
    background-color: transparent;
}
.post-meta .post-cat a+a{
    margin-left: 6px;
}
.post-meta .post-cat a:hover{
    color: var(--clr-accent);
}
.post-meta .post-cat i{
    color: var(--clr-accent);
    margin-right: 6px;
}
.single-details .img-block{
    margin-bottom: 16px;
}
.single-details .img-block img{
    border-radius: 8px;
    width: 100%;
    object-fit: cover;
}
.entry-header{
    margin-bottom: 16px;
}
.entry-header .entry-title{
    font-size: 28px;
    margin-bottom: 10px;
}
.entry-content{}
.entry-content h2{
    font-size: 24px;
}
.entry-content h3{
    position: relative;
    font-size: 20px;
}
.entry-content h4{
    font-size: 18px;
}
.entry-content :is(h2,h3,h4,h5){
    margin-top: 20px;
    margin-bottom: 16px;
}
.entry-content p{
    line-height: 1.6;
}
.entry-content ul,.entry-content ul{}
.entry-content ul li,.entry-content ol li{
    font-size: 16px;
    margin-bottom: 8px;
}
.tags-container{
    display: flex;
}
.tags-container h4{
    font-size: 16px;
    padding: 6px 0; 
    padding-right: 8px;
    margin-bottom: 0;
}
.tags-container ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.tags-container ul li a{
    display: block;
    font-size: 14px;
    padding: 6px;
}
.tags-container ul li a i{
    color: var(--clr-accent);
    margin-right: 6px;
}
.post-navigation{
    position: relative;
    padding: 16px;
    background-color: #f5f5f5;
}
.post-navigation a:hover{
    color: var(--clr-accent);
}
.post-navigation a span{
    display: block;
}
.post-navigation .nav-subtitle{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.post-navigation .nav-title{}
.post-navigation .nav-previous{
    width: 50%;
    padding-right: 16px;
}
.post-navigation .nav-previous :is(.nav-subtitle, .nav-title) {
    text-align: end;
}
.post-navigation .nav-next{
    width: 50%;
    padding-left: 16px;
}
/*| Related Section |==================================================================|*/
.related-section{}
.related-section .related-container{
    box-shadow: none;
    border-top: none;
    padding: 0 !important;
}
.related-section .related-container .section-title{
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){
    .entry-header .entry-title{
        font-size: 32px;
        margin-bottom: 16px;
    }
}
@media (min-width: 992px){
    .entry-header{
        margin-bottom: 20px;
    }
    .entry-header .entry-title{
        font-size: 44px;
    }
    .single-details .img-block{
        margin-bottom: 20px;
    }
    .single-details .img-block img{
        border-radius: 12px;
    }
    .entry-content :is(h2,h3,h4,h5){
        margin-top: 28px;
        margin-bottom: 20px;
    }
    .entry-content h2{
        font-size: 28px;
    }
    .entry-content h3{
        font-size: 24px;
    }
    .entry-content h4{
        font-size: 20px;
    }
    .post-navigation{
        padding: 24px;
    }
    .post-navigation .nav-previous{
        width: 50%;
        padding-right: 16px;
    }
    .post-navigation .nav-next{
        width: 50%;
        border-left: 1px solid #b7b8b7;
        padding-left: 16px;
    }
}
@media (max-width: 575.98px){
    .post-navigation{
        display: none;
    }
}
/*|==================================================================================
    Single Content Section 
=====================================================================================|*/
.single-content-section{}
.single-content-section .single-details{}
.single-content-section .single-details img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: 1.25rem;
}
.single-content-sidebar .sidebar-cta{}
.single-content-sidebar .sidebar-cta .sidebar-cta-img{
    position: relative;
    height: 350px;
    /* clip-path: polygon(100% 0%, 0% 0% , 0.00% 34.33%, 3.33% 34.10%, 6.67% 33.41%, 10.00% 32.27%, 13.33% 30.73%, 16.67% 28.82%, 20.00% 26.60%, 23.33% 24.13%, 26.67% 21.47%, 30.00% 18.71%, 33.33% 15.92%, 36.67% 13.18%, 40.00% 10.57%, 43.33% 8.15%, 46.67% 6.01%, 50.00% 4.18%, 53.33% 2.74%, 56.67% 1.71%, 60.00% 1.13%, 63.33% 1.01%, 66.67% 1.36%, 70.00% 2.17%, 73.33% 3.41%, 76.67% 5.05%, 80.00% 7.04%, 83.33% 9.33%, 86.67% 11.86%, 90.00% 14.54%, 93.33% 17.32%, 96.67% 20.10%, 100.00% 22.82%); */
    /* clip-path: polygon(100% 0%, 0% 0% , 0.00% 46.99%, 3.33% 46.18%, 6.67% 45.09%, 10.00% 43.72%, 13.33% 42.10%, 16.67% 40.25%, 20.00% 38.21%, 23.33% 35.99%, 26.67% 33.65%, 30.00% 31.21%, 33.33% 28.71%, 36.67% 26.20%, 40.00% 23.71%, 43.33% 21.29%, 46.67% 18.96%, 50.00% 16.77%, 53.33% 14.76%, 56.67% 12.94%, 60.00% 11.36%, 63.33% 10.04%, 66.67% 9.00%, 70.00% 8.24%, 73.33% 7.80%, 76.67% 7.67%, 80.00% 7.85%, 83.33% 8.35%, 86.67% 9.15%, 90.00% 10.24%, 93.33% 11.61%, 96.67% 13.23%, 100.00% 15.08%); */
}
/* .single-content-sidebar .sidebar-cta .sidebar-cta-img::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    clip-path: polygon(100% 100%, 0% 100% , 0.00% 46.99%, 3.33% 46.34%, 6.67% 45.49%, 10.00% 44.44%, 13.33% 43.21%, 16.67% 41.81%, 20.00% 40.25%, 23.33% 38.56%, 26.67% 36.75%, 30.00% 34.83%, 33.33% 32.84%, 36.67% 30.80%, 40.00% 28.71%, 43.33% 26.62%, 46.67% 24.54%, 50.00% 22.49%, 53.33% 20.50%, 56.67% 18.59%, 60.00% 16.77%, 63.33% 15.08%, 66.67% 13.52%, 70.00% 12.12%, 73.33% 10.89%, 76.67% 9.85%, 80.00% 9.00%, 83.33% 8.35%, 86.67% 7.91%, 90.00% 7.69%, 93.33% 7.69%, 96.67% 7.91%, 100.00% 8.35%);
} */
.single-content-sidebar .sidebar-cta .sidebar-cta-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single-content-sidebar .sidebar-cta .sidebar-cta-content{
    padding: 16px;
    padding-top: 130px;
    margin-top: -140px;
    background-color: var(--clr-accent);
    clip-path: polygon(100% 100%, 0% 100% , 0.00% 46.99%, 3.33% 46.34%, 6.67% 45.49%, 10.00% 44.44%, 13.33% 43.21%, 16.67% 41.81%, 20.00% 40.25%, 23.33% 38.56%, 26.67% 36.75%, 30.00% 34.83%, 33.33% 32.84%, 36.67% 30.80%, 40.00% 28.71%, 43.33% 26.62%, 46.67% 24.54%, 50.00% 22.49%, 53.33% 20.50%, 56.67% 18.59%, 60.00% 16.77%, 63.33% 15.08%, 66.67% 13.52%, 70.00% 12.12%, 73.33% 10.89%, 76.67% 9.85%, 80.00% 9.00%, 83.33% 8.35%, 86.67% 7.91%, 90.00% 7.69%, 93.33% 7.69%, 96.67% 7.91%, 100.00% 8.35%);
}
.single-content-sidebar .sidebar-cta .sidebar-cta-content h4{
    text-align: center;
    color: var(--clr-white);
    font-size: 1.125rem;
    margin-bottom: 1rem;
}
.single-content-sidebar .sidebar-cta .sidebar-cta-content .btn-box{
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-radius: .75rem;
    background-color: var(--clr-white);
    margin-left: 1rem;
}
.single-content-sidebar .sidebar-cta .sidebar-cta-content .btn-box .btn-icon-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    color: var(--clr-white);
    background-color: var(--clr-accent);
    outline: 4px solid rgba(var(--clr-accent-rgb), .5);
    margin-left: -2.5rem;
}
.single-content-sidebar .sidebar-cta .sidebar-cta-content .btn-box .btn-box-content{
    flex: 1;
}
.single-content-sidebar .sidebar-cta .sidebar-cta-content .btn-box .btn-box-content span{
    display: block;
    color: var(--clr-accent);
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: .625rem;
}
.single-content-sidebar .sidebar-cta .sidebar-cta-content .btn-box .btn-box-content a{
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1;
}
.single-content-sidebar{}
.single-content-sidebar .list-icon{}
.single-content-sidebar .list-icon li{
    margin-bottom: .75rem;
}
.single-content-sidebar .list-icon li a{
    display: block;
    position: relative;
    padding: 1rem;
    padding-right: 2rem;
    color: var(--clr-white);
    font-family: var(--title-font-family);
    letter-spacing: 1px;
    font-size: 1.125rem;
    font-weight: 400;
    background-color: var(--clr-black);
    transition: all 0.4s ease;
}
.single-content-sidebar .list-icon li a::before{
    content: '\f105';
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    font-family: var(--icon-font);
    font-weight: 900;
}
.single-content-sidebar .list-icon li a:hover{
    color: var(--clr-white);
    background-color: var(--clr-accent);
}
.single-content-sidebar .sidebar-map{
    margin-top: 1.25rem;
}
.single-content-sidebar .sidebar-map iframe{
    height: 300px;
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .single-content-sidebar{
        position: sticky;
        top: 90px;
    }
    .single-content-sidebar .list-icon li a{
        font-size: 1.25rem;
    }
    .single-content-sidebar .sidebar-cta .sidebar-cta-content .btn-box .btn-box-content a{
        font-size: 1.5rem;
    }
    .single-content-sidebar .sidebar-map iframe{
        height: 450px;
    }
}
@media (max-width: 575.98px){}
/*|==================================================================================
    Sidebar
=====================================================================================|*/
.sidebar{}
.sidebar .widget{
    padding: 1rem;
    border-radius: .5rem;
    background-color: #f9e8e8;
    /* background-color: #e5e5e5; */
    margin-bottom: 1rem;
}
.sidebar .search-widget{}
.sidebar .search-widget .input-group{
    overflow: hidden;
    border: 1px solid #dee2de;
    border-radius: 2rem;
    background-color: var(--clr-white);
}
.sidebar .search-widget .input-group .form-control{
    border: none;
    padding: .5rem 1rem;
    background-color: transparent;
}
.sidebar .search-widget .input-group .input-group-text{
    color: var(--clr-white);
    border: 1px solid var(--clr-accent);
    /* width: 2.5rem;
    height: 2.5rem; */
    padding: .5rem 1rem;
    background-color: var(--clr-accent);
}
.sidebar .links-widget{}
.sidebar .links-widget ul{}
.sidebar .links-widget ul li{}
.sidebar .links-widget ul li a{
    display: block;
    padding: .5rem 0;
}
.sidebar .links-widget.cat-widget ul li a{
    position: relative;
    padding: .5rem 1rem;
    border-radius: 2rem;
    background-color: var(--clr-white);
    margin-bottom: .75rem;
}
.sidebar .links-widget.cat-widget ul li a::after{
    content: '\f061';
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    font-family: var(--icon-font);
    font-weight: 900;
}
.sidebar .links-widget.cat-widget ul li a:hover{
    color: var(--clr-white);
    background-color: var(--clr-accent);
}
.sidebar .blog-widget{}
.sidebar .blog-widget ul{}
.sidebar .blog-widget ul li{
    display: flex;
    gap: 1rem;
    align-items: center;
}
.sidebar .blog-widget ul li:not(:first-child){
    margin-top: 1rem;
}
.sidebar .blog-widget .widget-img-box{
    width: 70px;
    height: 70px;
}
.sidebar .blog-widget .widget-img-box img{
    width: 100%;
    height: 100%;
    border-radius: .75rem;
    object-fit: cover;
}
.sidebar .blog-widget .widget-blog-content{
    flex: 1;
}
.sidebar .blog-widget .widget-blog-content .post-meta .meta-item{
    display: flex;
    align-items: center;
    color: #4D5765;
    font-size: .875rem;
}
.sidebar .blog-widget .widget-blog-content .post-meta .meta-item:hover span{
    color: var(--clr-accent);
}
.sidebar .blog-widget .widget-blog-content .post-meta .meta-item i{
    color: var(--clr-accent);
}
.sidebar .blog-widget .widget-blog-content .title{
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sidebar .blog-widget .widget-blog-content .title a:hover{
    color: var(--clr-accent);
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .sidebar .widget{
        padding: 2rem;
        border-radius: .75rem;
        margin-bottom: 1.5rem;
    }
    .sidebar .search-widget .input-group .form-control,.sidebar .search-widget .input-group .input-group-text{
        font-size: 1.125rem;
        padding: .625rem 1rem;
    }
    .sidebar .links-widget.cat-widget ul li a{
        padding: .75rem 1.5rem;
    }
    .sidebar .links-widget.cat-widget ul li a::after{
        right: 1.5rem;
    }
    .sidebar .blog-widget .widget-img-box{
        width: 90px;
        height: 90px;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Price Section
=====================================================================================|*/
.price-section{
    position: relative;
    background-color: var(--clr-black);
}
.gradient-shadow{
    background-color: var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(0, 0, 0));
    box-shadow: rgba(0, 0, 0, 0.02) 0px 0.706592px 2.11978px 0px, rgba(0, 0, 0, 0.06) 0px 1.80656px 5.41969px 0px, rgba(0, 0, 0, 0.12) 0px 3.62176px 10.8653px 0px, rgba(0, 0, 0, 0.23) 0px 6.8656px 20.5968px 0px, rgba(0, 0, 0, 0.45) 0px 13.6468px 40.9403px 0px, rgb(0, 0, 0) 0px 30px 90px 0px;
}
.gradient-card{
    background: radial-gradient(100% 100% at 0% 100%, rgba(var(--clr-accent-rgb), 0.5) 0%, rgba(0, 3, 15, 0) 100%);
    box-shadow: rgba(var(--clr-accent-rgb), 0.25) 15px 30px 250px 0px, rgba(255, 255, 255, 0.12) 0px 0px 0px 1px inset;
    will-change: transform;
}
/* .gradient-card{
    background: radial-gradient(100% 100% at 0% 100%, rgba(var(--clr-accent-rgb), 0.5) 0%, rgba(0, 3, 15, 0) 100%);
    box-shadow: rgba(85, 0, 255, 0.25) 15px 30px 250px 0px, rgba(255, 255, 255, 0.12) 0px 0px 0px 1px inset;
    will-change: transform;
} */
.header-btn-group{
    overflow: hidden;
    display: inline-flex;
    justify-content: center;
    border: 1px solid #767676;
    border-radius: .375rem;
    margin-top: 1rem;
}
.header-btn-group .btn{
    color: var(--clr-white);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1;
    border: none;
    border-radius: 0;
    padding: .5rem 2rem;
}
.header-btn-group .btn+.btn{
    margin-left: -2px;
}
.header-btn-group .btn.active{
    color: var(--clr-black);
    background-color: var(--clr-white);
}
.price-section .plan-header{
    /* background-color: var(--clr-black); */
}
.price-section .plan-header .card{
    padding: 1rem;
    border-radius: .5rem;
    border: 1px solid #5f5f5f;
    background-color: transparent;
}
.price-section .plan-header .card .card-header{
    display: flex;
    align-items: center;
    background-color: transparent;
    border: none;
    padding: 0;
    margin-bottom: 1rem;
}
.price-section .plan-header .card .card-header .title{
    margin-right: .5rem;
    margin-bottom: 0;
    color: var(--clr-white);
    font-size: 1.5rem;
    font-weight: 700;
}
.price-section .plan-header .card .card-header span{
    color: var(--clr-white);
    font-weight: 600;
}
.price-section .plan-header .card .card-header p{
    margin-bottom: 0;
    margin-left: auto;
    color: rgba(var(--clr-white-rgb), .5);
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .5px;
}
.price-section .plan-header .card .card-body{
    padding: 0;
}
.price-section .plan-header .card .card-body p{
    color: var(--clr-white);
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: .25rem;
}
.price-section .plan-header .card .card-body .text{
    color: rgba(var(--clr-white-rgb), .5);
    font-size: 1.125rem;
    font-weight: 400;
}
.price-section .plan-header .card .card-body .text .amount{
    color: var(--clr-white);
    font-weight: 600;
}
.price-section .plan-header .card .card-body ul{
    margin: 1rem 0 1.25rem;
}
.price-section .plan-header .card .card-body ul li{
    position: relative;
    color: var(--clr-white);
    font-size: 1rem;
    font-weight: 400;
    padding-left: 1.5rem;
}
.price-section .plan-header .card .card-body ul li::before{
    content: '\f00c';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: var(--clr-white);
    font-family: var(--icon-font);
    font-weight: 900;
}
.price-section .plan-header .card .card-body .btn{}
.price-section .plan-body{
    margin-top: 1.25rem;
}
.price-section .plan-body .plan-list-item{
    margin-bottom: 1.25rem;
}
.price-section .plan-body .plan-list-item .plan-list-item-header{}
.price-section .plan-body .plan-list-item .plan-list-item-header .list-item-title{
    display: flex;
    gap: .75rem;
    align-items: center;
    color: var(--clr-white);
    font-size: 1.25rem;
    font-weight: 500;
}
.price-section .plan-body .plan-list-item .plan-list-item-header .list-item-title .icon-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: .25rem;
}
.price-section .plan-body .plan-list-item:first-child .plan-list-item-header .list-item-title .icon-box{
    color: var(--clr-black);
    font-size: .75rem;
    background-color: var(--clr-white);
}
.price-section .plan-body .plan-list-item .plan-list-item-body{}
.price-section .plan-body .plan-list-item .plan-list-item-body .list-item-group{
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(var(--clr-white-rgb), .2);
}
.price-section .plan-body .plan-list-item .plan-list-item-body .list-item-group .list-item-group-title{
    display: none;
    color: rgba(var(--clr-white-rgb), .5);
    font-size: 1.125rem;
    font-weight: 600;
    padding: .5rem 0;
}
.price-section .plan-body .plan-list-item .plan-list-item-body .list-item-group .inner-item-wrap{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    align-items: center;
}
.price-section .plan-body .plan-list-item .plan-list-item-body .list-item-group .list-inner-item{
    position: relative;
    display: flex;
    gap: .75rem;
    flex: 1 0 0;
    align-items: center;
    flex-wrap: wrap;
    padding: .5rem 0;
    padding-left: 1.375rem;
}
.price-section .plan-body .plan-list-item .plan-list-item-body .list-item-group .list-inner-item::before{
    content: '\f00c';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: var(--clr-white);
    font-family: var(--icon-font);
    font-weight: 900;
}
.price-section .plan-body .plan-list-item .plan-list-item-body .list-item-group .list-inner-item span{
    color: var(--clr-white);
    font-family: var(--body-font-family);
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: 0;
}
.price-section .plan-body .plan-list-item .plan-list-item-body .list-item-group .list-inner-item span:not(:first-child),
.price-section .plan-body .plan-list-item .plan-list-item-body .list-item-group .list-inner-item abbr{
    color: rgba(var(--clr-white-rgb), 0.5);
    font-size: 1.125rem;
    font-weight: 400;
}
 .price-section .plan-header .card ul {
  transition: max-height 0.4s ease, opacity 0.3s ease;
  overflow: hidden;
  max-height: 500px; /* Enough to show full list */
  opacity: 1;
  margin-bottom: 1rem;
}
 .price-section .plan-header .card ul.collapsed-ul {
  max-height: 0;
  opacity: 0;
  margin-bottom: 0;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}
#sticky-sentinel {
  height: 1px;
  position: relative;
  top: -1px;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .price-section .plan-header{
        position: sticky;
        top: 80px;
        z-index: 999;
        /* padding: 1rem 0 1.25rem; */
    }
    .price-section .plan-header .card{
        border-radius: 1rem;
        padding: 1.5rem;
    }
    .price-section .plan-body{
        /* margin-top: 1.25rem; */
    }
    .price-section .plan-body .plan-list-item{
        /* margin-bottom: 2.25rem; */
    }
    .price-section .plan-body .plan-list-item .plan-list-item-header .list-item-title{
        font-size: 1.5rem;
        padding: 1.25rem 0 1rem;
    }
    .price-section .plan-body .plan-list-item .plan-list-item-header .list-item-title i{
        font-size: 1.125rem;
    }
    .price-section .plan-body .plan-list-item:first-child .plan-list-item-header .list-item-title .icon-box i{
        font-size: .75rem;
    }
    .price-section .plan-body .plan-list-item .plan-list-item-body .list-item-group{
        flex-direction: row;
    }
}
@media (max-width: 991.98px){
    .price-section .plan-header .card{
        margin-bottom: 1.25rem;
    }
    .price-section .plan-body .plan-list-item .plan-list-item-body .list-item-group .list-item-group-title{
        display: block;
    }
    .price-section .plan-body .plan-list-item .plan-list-item-body .list-item-group .list-inner-item span:not(:first-child),
    .price-section .plan-body .plan-list-item .plan-list-item-body .list-item-group .list-inner-item abbr{
        display: none;
    }
    
}
@media (max-width: 575.98px){
    .header-btn-group{
        display: none;
    }
}
/*|====================================================================================
    Contact Section
=======================================================================================|*/
.contact-section{
    position: relative;
    /* background-color: #f7f9fa; */
}
.contact-section .map-img{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/dot-map.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
}
.contact-section .contact-info{
    position: relative;
    /* background-color: var(--clr-white); */
    z-index: 3;
}
.contact-section .contact-info .contact-info-item{
    display: flex;
    gap: 1rem;
    margin-bottom: 1.25rem;
    transition: all 0.5s ease;
}
.contact-section .contact-info .contact-info-item .icon-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    color: var(--clr-accent);
    font-size: 1.25rem;
    border-radius: 50%;
    background-color: rgba(235, 51, 0, .1);
    transition: all 0.4s ease-in;
}
.contact-section .contact-info .contact-info-item:hover .icon-box{
    color: var(--clr-white);
    background-color: var(--clr-accent);
}
/* .contact-info .contact-info-item:hover .icon-box{
    transform: rotate(45deg);
} */
.contact-section .contact-info .contact-info-item .icon-box i{}
.contact-section .contact-info .contact-info-item .contact-info-content{
    flex: 1;
}
.contact-section .contact-info .contact-info-item .title{
    /* font-family: var(--title-font-family); */
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: .5rem;
}
.contact-section .contact-info :is(p, a){
    font-size: 1rem;
    font-weight: 400;
}
.contact-section .contact-info :is(.title, p, a){
    color: var(--clr-black);
}
.contact-section .contact-info .contact-info-item a:hover{
    color: var(--clr-accent);
}
/*| Contact Form ====================================================================|*/
.contact-section .contact-form {
    position: relative;
    padding: 1rem;
    background-color: var(--clr-black);
    z-index: 3;
}
.contact-section .contact-form .form-group{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.contact-section .contact-form .form-control{
    font-size: 1rem;
    padding: .5rem 1rem;
    border-radius: .25rem;
    border: none;
    border-color: rgba(255, 255, 255, 0);
    background-color: var(--clr-white);
}
.contact-section .contact-form .form-control:focus{
    border-color: var(--clr-accent);
    box-shadow: 0 0 0 .125rem rgba(182, 16, 16, 0.25);
}
.contact-section .contact-form .form-control::placeholder{
    color: rgba(0, 0, 0, 0.75);
    font-weight: 400;
}
.contact-section .contact-form textarea.form-control{
    min-height: 100px;
}
.contact-section .contact-form .eyebrow-title{
    position: relative;
}
.contact-section .contact-form .eyebrow-title::after{
    content: "";
    position: absolute;
    top: 50%;
    left: auto;
    transform: translateY(-50%);
    margin-left: 8px;
    width: 70px;
    height: 1px;
    background-color: var(--clr-accent);
    transition: all 0.5s ease;
}
.contact-section .contact-form .btn-accent:hover{
    color: var(--clr-black);
    border-color: var(--clr-white);
    background-color: var(--clr-white);
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){
    .contact-section .contact-info .contact-info-item .icon-box{
        font-size: 1.75rem;
        width: 50px;
        height: 50px;
    }
}
@media (min-width: 992px){
    .contact-section .contact-info{}
    .contact-section .map-img{
        position: absolute;
        top: 0;
        right: 0;
        width: 70%;
    }
    .contact-section::before{
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        background-color: var(--clr-accent);
        transition: all 0.5s ease;
    }
    /* .contact-section::before{
        left: auto;
        right: 0;
        width: 50%;
    }  */
    .contact-section .contact-info .contact-info-item{
        margin-bottom: 1.5rem;
    }
    .contact-section .contact-info .contact-info-item .icon-box{
        font-size: 2rem;
        width: 80px;
        height: 80px;
    }
    .contact-info .contact-info-item .title{
        font-size: 1.25rem;
    }
    /*| Contact Form ==================================|*/
    .contact-section .contact-form {
        padding: 2.5rem;
    }
    .contact-section .contact-form .form-group{
        margin-bottom: 1.75rem;
    }
    .contact-section .contact-form .form-control{
        padding: 1rem;
    }
    .contact-section .contact-form textarea.form-control{
        min-height: 170px;
    }
}
@media (max-width: 575.98px){
    .contact-section{
        padding-bottom:  0 !important;
    }
    .contact-section .contact-form{
        background-color: var(--clr-neutral);
    } 
    .contact-section .contact-info .contact-info-item .title{
        font-size: 1rem;
    }
    .contact-section .contact-info :is(p, a){
        font-size: .875rem;
    }
    .contact-section .contact-form{
        padding: 2rem 1rem;
        margin-left: -16px;
        margin-right: -16px;
        outline: none;
    }
    .contact-section .contact-form .form-group{
        margin-bottom: 1.5rem;
    }
    .contact-section .contact-form .btn{
        padding: 10px 1rem;
        width: 100%;
    }
}
/*|==================================================================================
    Contact Section 2
=====================================================================================|*/
.contact-section-2{
    position: relative;
    overflow-x: hidden;
}
.contact-section-2 .contact-info{}
.contact-section-2 .contact-info .contact-info-item{
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #dee2de;
}
.contact-section-2 .contact-info .contact-info-item:last-child{
    border-bottom: none;
}
.contact-section-2 .contact-info .contact-info-item .icon-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    color: var(--clr-accent);
    font-size: 1.5rem;
    border-radius: 50%;
    background-color: rgba(var(--clr-accent-rgb), .13);
}
.contact-section-2 .contact-info .contact-info-item .contact-info-content{
    flex: 1;
}
.contact-section-2 .contact-info .contact-info-item .contact-info-content .title{
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: .25rem;
}
.contact-section-2 .contact-info .contact-info-item .contact-info-content p{
    font-size: 1.125rem;
}
.contact-section-2 .contact-info .contact-info-item .contact-info-content a{
    font-size: 1.25rem;
    /* font-weight: 500; */
}
.contact-section-2 .contact-info .contact-info-item .contact-info-content .title,
.contact-section-2 .contact-info .contact-info-item .contact-info-content p,
.contact-section-2 .contact-info .contact-info-item .contact-info-content a{
    color: var(--clr-black);
}
.contact-section-2 .contact-info .contact-info-item .contact-info-content ul li{
    font-size: 1.25rem;
    /* font-weight: 500; */
    margin-bottom: 0;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .contact-section-2 .contact-info .contact-info-item{
        gap: 1.5rem;
        margin-bottom: 1.5rem;
        padding-bottom: 1.25rem;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Contact Section 2 ( Form )
=====================================================================================|*/
.contact-section-2 .contact-form{
    position: relative;
    padding: 1rem;
    border-radius: .75rem;
    background-color: rgba(var(--clr-accent-rgb), .85);
    transition: all 0.6s ease;
}
.contact-section-2 .contact-form::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    height: 100%;
    background-image: url(../images/bg-ct.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    transition: all 0.6s ease;
    z-index: -1;
}
.contact-section-2 .contact-form:hover{
    background-color: rgba(var(--clr-accent-rgb), .65);
}
.contact-section-2 .contact-form:hover::after{
    background-position: 110% center;
}
.contact-section-2 .contact-form .form-label{
    color: var(--clr-white);
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    /* margin-bottom: .25rem; */
}
.contact-section-2 .contact-form .form-control{
    padding: .625rem 1rem;
}
.contact-section-2 .contact-form textarea.form-control{
    min-height: 120px;
}
.contact-section-2 .contact-form .btn-accent:hover{
    background-color: var();
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .contact-section-2 .contact-form{
        padding: 2rem;
    }
    /* .contact-section-2 .contact-form .form-label{
        font-size: 1.125rem;
    } */
    .contact-section-2 .contact-form .form-control{
        padding: .875rem 1rem;
    }
    .contact-section-2 .scroll-img {
        position: absolute;
        top: auto;
        left: -340px;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-image: url(../images/car-contact.webp);
        background-position: bottom left;
        background-size: 100%;
        background-repeat: no-repeat;
        transition: transform 3s ease-in-out;
        z-index: -1;
    }
    /* .contact-section-2 .scroll-img::before{
        content: '';
        position: absolute;
        top: auto;
        left: -250px;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-image: url(../images/car-contact.webp);
        background-position: bottom left;
        background-repeat: no-repeat;
        background-size: 100%;
        z-index: -1;
        transition: transform 1s ease;
    } */
}
@media (max-width: 991.98px){}
/*|==================================================================================
    KeyFrames
=====================================================================================|*/
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
@-webkit-keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2);
    }

    100% {
        -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0);
    }
}
@keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2);
    }

    100% {
        -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0);
    }
}
@-webkit-keyframes rippleprimary {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2);
        box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2);
    }

    100% {
        -webkit-box-shadow: 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2), 0 0 0 45px rgba(255, 75, 52, 0);
        box-shadow: 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2), 0 0 0 45px rgba(255, 75, 52, 0);
    }
}
@keyframes rippleprimary {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2);
        box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2);
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2), 0 0 0 45px rgba(255, 75, 52, 0);
        box-shadow: 0 0 0 10px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2), 0 0 0 45px rgba(255, 75, 52, 0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
/*|==================================================================================
    Template About Section
=====================================================================================|*/
.template-about-section{}
.template-about-section .template-about-img{}
.template-about-section .template-about-content{}
.template-about-section .template-about-content .section-title{}
.template-about-section .template-about-content p{}
.template-about-section .template-about-content .btn{}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .template-about-section .template-about-img{
        height: 450px;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Section
=====================================================================================|*/
.template-why-section{}
.template-why-section .card{
    border: none;
    background-color: transparent;
    transition: all 0.4s ease;
}
.template-why-section .card .icon-box{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    width: 5rem;
    height: 5rem;
    border-radius: 56%;
    color: var(--clr-accent);
    background-color: var(--clr-white);
    margin: 0 auto 1.5rem;
    transition: all 0.4s ease-in-out;
}
.template-why-section .card .card-body{
    padding: 0;
}
.template-why-section .card .card-body .title{
    color: var(--clr-white);
    font-size: 1.25rem;
    font-weight: 600;
}
.template-why-section .card .card-body p{
    color: var(--clr-white);
    margin-bottom: 0;
}
.template-why-section .card:hover .icon-box{
    color: var(--clr-white);
    outline: 2px dashed var(--clr-black);
    outline-offset: 4px;
    background-color: var(--clr-black);
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .template-why-section .card .icon-box{
        font-size: 2rem;
        width: 5.5rem;
        height: 5.5rem;
    }
    .template-why-section .card .card-body .title{
        font-size: 1.375rem;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Section
=====================================================================================|*/
.template-service-offered{}
.template-service-offered .card{
    border: none;
    padding: 1rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.template-service-offered .card .card-header{
    border: none;
    padding: 0;
    background-color: transparent;
}
.template-service-offered .card .card-header i{
    color: var(--clr-accent);
}
.template-service-offered .card .card-body{
    padding: 1rem 0 0;
}
.template-service-offered .card .card-body p{
    margin-bottom: 0;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .template-service-offered .card{
        padding: 1.5rem;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Section
=====================================================================================|*/
.template-testimonial{}
.template-testimonial .testimonial-box {
    background: #f1f1f1;
    padding: 25px;
    border-left: 5px solid #d8232a;
  }
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991.98px){}
/*|==================================================================================
    Section
=====================================================================================|*/
.template-cta-section{
    position: relative;
    background-image: url(../images/video-section-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.template-cta-section::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
}
.template-cta-section .cta-content{
    position: relative;
    z-index: 3;
}
/* .template-cta-section .cta-content .btn-white:hover{
    color: var(--clr-white);
    border-color: var(--clr-black);
    background-color: var(--clr-black);
} */
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991.98px){}
/*|==================================================================================
    Service Location Section
=====================================================================================|*/
.services_location{
    background-color: rgba(var(--clr-accent-rgb), .13);
}
.services_location .location-ul,.footer-service-location .location-ul{
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    row-gap: 10px;
}
.services_location .location-ul li,.footer-service-location .location-ul li{}
.services_location .location-ul li a,.footer-service-location .location-ul li a{
    font-size: .875rem;
}
.services_location .location-ul li.location-bold span,.footer-service-location .location-ul li.location-bold span{
    display: inline-block;
    font-weight: 700;
}
.services_location .location-ul li span i,.footer-service-location .location-ul li span i{
    font-size: 4px;
    vertical-align: middle;
}
/* .services_location .location-ul li sapn a,.footer-service-location .location-ul li span a{
    font-weight: 700;
} */
.footer-service-location .location-ul li a,.footer-service-location .location-ul li span i{
    color: var(--clr-white);
}
.footer-service-location .collapse-btn{
    display: block;
    position: relative;
    padding: .875rem 0;
    border-bottom: 1px solid var(--clr-neutral);
}
.footer-service-location .collapse-btn::after{
    content: '\f078';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-family: var(--icon-font);
    font-weight: 900;
    color: var(--clr-white);
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991.98px){}
/*|==================================================================================
    Why Section
=====================================================================================|*/
.why-section{}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991.98px){}
/*|==================================================================================
    What Makes Section
=====================================================================================|*/
.what-makes-section{
    position: relative;
    background-color: rgba(var(--clr-black-rgb), .05);
}
.what-makes-section .card{}
.what-makes-section .card .card-body{}
.what-makes-section .card .card-body .card-title{
    font-size: 1.25rem;
}
/* .what-makes-section .card .card-body .card-title i{} */
.what-makes-section .card .card-body p{
    margin-bottom: 0;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .what-makes-section .card .card-body{
        padding: 1.5rem;
    }
    .what-makes-section .card .card-body .card-title{
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    About Service Section
=====================================================================================|*/
.about-service-section{}
.about-service-section .card{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.about-service-section .card .card-body{}
.about-service-section .card .card-body .card-title{
    font-size: 1.25rem;
}
.about-service-section .card .card-body .card-title i{
    display: none;
}
.about-service-section .card .card-body ul{}
.about-service-section .card .card-body ul li{
    margin-bottom: .5rem;
}
.about-service-section .card .card-body ul li i{
    margin-right: 6px;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .about-service-section .card .card-body{
        padding: 1.5rem;
    }
    .about-service-section .card .card-body .card-title{
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Section
=====================================================================================|*/
.section{}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991.98px){}
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 0 !important;
    border: none !important;
}
.wpcf7 form.sent .wpcf7-response-output{
    color: #46b450;
}
.wpcf7 form.invalid .wpcf7-response-output{
    color: var(--clr-accent);
}