:root {
    --ff-kaisei: 'Kaisei HarunoUmi', Arial, sans-serif;
    --ff-roboto: 'Roboto', Arial, sans-serif;
    --pc: rgba(165, 84, 34, 1);
    --white: rgba(255, 255, 255, 1);
    --black: rgba(0, 0, 0, 1);
    --pc-light: rgba(254, 245, 239, 1);
    --text-muted: rgba(0, 0, 0, 0.8);
    --border-color: rgba(219, 219, 219, 1);
    --fs-1: 16px;
    --fs-2: 14px;
    --semibold: 600;
    --bold: 700;
    --rad-sm: 4px;
    --rad-md: 12px;
    --rad-lg: 50%;
    scroll-behavior: smooth;
}

a {
    color: var(--pc);
    transition: all 0.5s;
    text-decoration: none;
}

p {
    color: var(--text-muted);
    line-height: 2;
    font-family: var(--ff-roboto);
}

ul li {
    list-style: none;
}

li,
p {
    color: var(--text-muted);
}

.flex-btn {
    border-radius: var(--rad-sm);
    font-size: 16px;
    cursor: pointer;
    transition: all .3s ease-in-out 0s;
}

.primary-btn {
    background: var(--pc);
    color: var(--white);
    border: 1px solid transparent;
}

.primary-btn:hover {
    background: var(--white);
    color: var(--text-muted);
    border: 1px solid rgba(30, 30, 30, 1);
}

.secondary-btn {
    background: var(--white);
    color: var(--text-muted);
    border: 1px solid rgba(30, 30, 30, 1);
}

.secondary-btn:not(.newsletter-wrap .secondary-btn):hover {
    background: var(--pc);
    color: var(--white);
    border: 1px solid transparent;
}

[class*="head-seprator"] .flex-seprator {
    background-color: var(--pc-light);
    padding: 8px 16px;
    border-radius: 90px;
    color: var(--text-muted);
    font-weight: var(--bold);
    font-size: var(--fs-2);
    font-family: var(--ff-kaisei);
}

.light-seprator .flex-seprator {
    background: rgba(254, 245, 239, 0.12);
}

.light-seprator :is(h2, h1, .h4, p, .flex-seprator) {
    color: var(--white);
}

.img-placeholder {
    background-color: #c7c7c7;
    transition: all 0.3s ease-in-out;
}

/* ---------------site-form-------------- */

form :is(input, select, textarea) {
    background-color: rgb(199 195 195 / 24%);
    border: 1px solid var(--border-color);
    color: #323232;
    border-radius: var(--rad-sm);
    font-size: 16px;
}

form :is(input, select, textarea):focus {
    border: 1px solid var(--pc);
}

form label {
    font-size: var(--fs-2);
}

form .select-wrapper select{
	appearance : none;
}

form .select-wrapper{
	width: 100%;
    position: relative;
}

form .select-wrapper:after {
                height: 20px;
                width: 20px;
                content: '';
	z-index:-1;
                position: absolute;
                right: 12px;
                top: 9px;
                transition: all .2s;
                transform: rotate(0deg);
                background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" fill-opacity=".01" d="M0 0h48v48H0z"/><path d="M37 18 25 30 13 18" stroke="%23c7c7c7" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
            }

/* -----------site-pagination------------ */

.pagination .nav-links :is(a, span) {
    border-radius: 50%;
    background: #EEEEEE;
    transition: all .3s;
}

.pagination .nav-links a:hover,
.pagination .nav-links span:hover,
.pagination .nav-links span.current {
    background: var(--pc);
    color: var(--white);
    transition: all .3s;
}

.pagination .nav-links :is(a, span):hover svg path {
    fill: var(--white)
}

/* ------------------------Headings-size**********----------------- */

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--ff-kaisei);
    font-weight: var(--bold);
    line-height: 1.4;
    text-transform: capitalize;
}

h1,
.h1 {
    font-size: clamp(24px, 2.5vw, 36px);
}

h2,
.h2 {
    font-size: clamp(26px, 2.2vw, 32px);
}

h3,
.h3 {
    font-size: clamp(24px, 2vw, 28px);
}

h4,
.h4 {
    font-size: clamp(22px, 1.8vw, 24px);
}

h5,
.h5 {
    font-size: clamp(20px, 1.5vw, 20px);
}

h6,
.h6 {
    font-size: clamp(18px, 1.2vw, 18px);
}


/* ------------------------Topbar-start-**********----------------- */

.topbar {
    padding: 8px;
    background-color: var(--pc);
    color: var(--white);
    font-size: var(--fs-2);
}

.topbar span {
    font-weight: var(--semibold);
}

/* ------------------------Header-start-**********----------------- */

header {
    z-index: 9999;
    background: var(--white);
    border-bottom: 1px solid var(--border-color);
}

header .grid-header nav a {
    transition: all 0.3s ease-out 0s;
    color: var(--black);
}

header .grid-header nav a:hover {
    color: var(--pc);
}

header .grid-header .flex-searchBtn {
    cursor: pointer;
    background: rgba(30, 30, 30, 1);
    border-radius: var(--rad-lg);
}

.headerUp {
    position: sticky !important;
    top: 0;
    animation: smoothSticky 0.7s ease;
}

@keyframes smoothSticky {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
    }
}

/* ------------------------Hero-start-**********----------------- */

.homepage-hero .hero-grid [class*="head-seprator"] .flex-seprator {
    background-color: rgba(239, 239, 239, 1) !important;
}

/* ------------------------Service-card-start-**********----------------- */

.service-card {
    background-color: var(--white);
    border-radius: var(--rad-md);
    border: 1px solid var(--border-color);
    overflow: hidden;
	height: 100%;
}

.readmore-btn{
    color:var(--pc);
}

.service-card img {
    height: 200px;
    width: 100%;
    border-radius: var(--rad-md) var(--rad-md) 0 0;
}

.flex-link {
    color: var(--text-muted);
    gap: 5px;
    font-size: var(--fs-2);
    font-weight: var(--bold);
    font-family: var(--ff-kaisei);
    line-height: 1.5;
}

.flex-link:hover {
    color: var(--pc);
    text-decoration: underline;
}


/* ------------------------sec.-bg-start-**********----------------- */

.p-light-bg {
    background-color: var(--pc-light);
    padding-block: 50px;
}

.p-light-bg [class*="head-seprator"]:not(.form-container [class*="head-seprator"]) .flex-seprator {
    background-color: var(--white) !important;
}

/* ------------------------site-icon-col-start-**********----------------- */

.abt-ftrs-card {
    background-color: var(--white);
    border: 1px solid var(--border-color);
    border-radius: var(--rad-md);
    padding: 15px 20px;
}

.flex-main-icon {
    border-radius: var(--rad-lg);
    background: linear-gradient(180deg, #FFFFFF 0%, #FEF5EF 100%);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
}


/* ------------------------category-sec.-start-**********----------------- */

.cat-container .cat-col-wrapper:hover::after {
    left: 50%;
    top: 50%;
    transform: scale(1) translate(-50%, -50%);
}

.cat-container .cat-col-wrapper a {
    transition: all 0.3s !important;
}

.cat-container .cat-col-wrapper .title-nm {
    color: var(--white)
}

.cat-col-wrapper:hover:after {
    transition: all 0.2s ease-out 0s;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.9) 100%) !important;
}

/* ------------------------why-choose-col.-start-**********----------------- */

.wcu-col {
    background: var(--pc-light);
    border-radius: var(--rad-md);
    border: 1px solid var(--border-color);
    padding: 15px;
    font-size: var(--fs-1);
    font-weight: var(--bold);
    font-family: var(--ff-kaisei);
}

/* ------------------------custom-swiper-start-**********----------------- */

.slider-category .swiper .swiper-slide:not(:last-child) {
    border-right: 1px solid var(--border-color)
}

.slider-category .swiper :is(.swiper-button-next, .swiper-button-prev) {
    background: var(--pc);
    height: 100%;
    top: 20px;
}

.slider-category .swiper .swiper-button-prev {
    left: 0;
}

.slider-category .swiper .swiper-button-next {
    right: 0;
}

:is(.swiper-button-next, .swiper-button-prev) :is(svg, svg path){
	width: unset !important;
	height: unset !important;
	fill: var(--white) !important;
}

.categorySwiper .swiper-slide {
    flex-shrink: 0;
    width: auto !important;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide{
	height: 100% !important;
}

/* ------------------------Team-Card-start-**********----------------- */

.team-card {
	height:100%;
    padding: 10px;
    border-radius: var(--rad-md);
    background: var(--white);
    border: 1px solid var(--border-color);
}

.team-card .team-img ul li {
    opacity: 0;
    transition: 0.3s;
    visibility: hidden;
}

.team-card .team-img ul:has(.share-icn:hover) li,
.team-card .team-img ul:has(li:hover) li {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
}

.team-card .team-img ul:has(.share-icn:hover) li:nth-child(5) {
    transition-delay: 0s;
}

.team-card .team-img ul:has(.share-icn:hover) li:nth-child(4) {
    transition-delay: 0.05s;
}

.team-card .team-img ul:has(.share-icn:hover) li:nth-child(3) {
    transition-delay: 0.1s;
}

.team-card .team-img ul:has(.share-icn:hover) li:nth-child(2) {
    transition-delay: 0.15s;
}

.team-card .team-img ul:has(.share-icn:hover) li:nth-child(1) {
    transition-delay: 0.2s;
}

.team-card .team-img .share-icn {
    background: var(--white);
    border-radius: 50%;
    height: 40px;
    width: 40px;
    cursor: pointer;
}

.team-card p {
    font-size: 15px
}


/* ------------------------siteTabs-start-**********----------------- */

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.tabsCon .flex-tabs button {
    font-size: var(--fs-1);
    color: var(--black);
    font-family: var(--ff-kaisei);
}

.arrow:hover svg path {
    stroke: #A55422;
}

.arrow:hover {
    background: var(--pc-light);
}

/* ------------------------Project-Card-start-**********----------------- */

.project-card:after,
.cat-col-wrapper:after {
    content: '';
    position: absolute;
    background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 58.74%);
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
}

.project-card a:hover {
    text-decoration: underline;
}

.project-card:hover img {
    transform: scale(1.1);
}


/* ------------------------Process-sec.-start-**********----------------- */

.process-wrapper .process-strip:after {
    content: '';
    position: absolute;
    top: 43.5%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #c47a45;
    z-index: 1;
}

.process-col .content-box .number {
    font-size: 32px;
    font-weight: var(--bold);
    font-family: var(--ff-kaisei);
    color: rgba(0, 0, 0, 0.2);
    line-height: 1;
}

.process-col .process-icon-box {
    border-radius: 6px;
    background: rgba(247, 247, 247, 1);
    border: 1px solid var(--pc);
    transition: all .3s ease-in-out 0s;
}

.p-light-bg .process-icon-box{
    background: var(--white) !important;
}

.process-col .process-icon-box:hover {
    background: var(--pc);
}

.process-col .process-icon-box:hover svg path {
    fill: var(--white);
}

.process-col .process-icon-box:hover:after {
    content: '';
    position: absolute;
    transition: all .5s ease-in-out .1s;
    left: 50%;
    transform: translateX(-50%);
    background: var(--pc);
    height: 15px;
    width: 15px;
}

.top-content .process-icon-box:hover:after {
    top: -15px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.bottom-content .process-icon-box:hover:after {
    bottom: -15px;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}

/* ------------------------Blog-Card-start-**********----------------- */

.blog-border-card {
    overflow: hidden;
    border: 1px solid var(--border-color);
    border-radius: var(--rad-md);
}

.blog-card .blog-card-content .post-title {
    line-height: 1.7;
    color: var(--black);
}

.blog-card .blog-card-content .flex-post-meta :is(span, a) {
    gap: 5px;
    line-height: 1;
    color: var(--text-muted);
}

.blog-card .blog-card-content a:hover {
    color: var(--pc);
}


/* ------------------------form-sec.(Homepage)-start-**********----------------- */

.form-info .info-col .flex-info-icon {
	margin-bottom: 15px;
    background: rgba(255, 255, 255, 0.1);
    outline: 1px solid rgba(255, 255, 255, 0.2);
}

.contact-form .info-col .flex-info-icon {
    background: rgba(0,0,0,10%);
    outline: 1px solid rgba(0,0,0,10%);
}

.info-col .flex-info-icon {
	outline-offset: 8px;
    border-radius: var(--rad-lg);
}

.form-info .info-col :is(.title, p, a, span) {
    color: var(--white);
}

.info-col a:hover {
    text-decoration: underline;
}

.info-col .title {
    font-size: var(--fs-1) !important;
}

.info-col p {
    font-size: var(--fs-2) !important;
}

.form-wrapper .form-container {
    background-color: var(--white);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35);
    border: 1px solid var(--border-color);
    border-radius: var(--rad-md);
}

/* -----------------Accordians-start-------------------- */

.wp-block-create-block-bwe-addons-faq .wp-block-create-block-bwe-addons-details details {
    background: var(--white);
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.wp-block-create-block-bwe-addons-faq .wp-block-create-block-bwe-addons-details details summary {
    font-size: var(--fs-1);
    font-weight: var(--bold);
    color: var(--black);
    font-family: var(--ff-kaisei);
}

.wp-block-create-block-bwe-addons-faq .wp-block-create-block-bwe-addons-details details .content {
    border-top: 1px solid var(--border-color);
    padding-top: 10px;
}

details summary {
    position: relative;
    list-style: none;
    cursor: pointer;
}

details summary:after {
    content: '';
    position: absolute;
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 4.1665V15.8332" stroke="%23A55422" stroke-width="2.22222" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.16699 10H15.8337" stroke="%23A55422" stroke-width="2.22222" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
    height: 22px;
    width: 22px;
    transition: all .1s ease-in;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

details[open] summary:after {
    transform: translateY(-50%) rotate(45deg);
}


/* Before After Slider */
.crop-container {
    width: 100%;
}

.before-after-slider {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
    width: 100%;
    height: 650px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.before-image,
.after-image {
    position: absolute;
    width: 100%;
    height: 100%;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.before-image img,
.after-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    pointer-events: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
}

.after-image {
    clip-path: inset(0 0 0 50%);
}

.resizer {
    position: absolute;
    top: 0;
    left: 50%;
    width: 4px;
    height: 100%;
    background: white;
    cursor: ew-resize;
    z-index: 3;
    transform: translateX(-50%);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.resizer::before {
    content: "◄ ►";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/*------------------------Swiper-start--------------------------*/

.swiper .swiper-pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.swiper .swiper-pagination .swiper-pagination-bullet {
    margin: 0 !important;
}

.swiper-pagination-bullet {
    position: relative;
    background: var(--text-muted);
    transition: background 0.3s ease;
}

.swiper-pagination-bullet .bullet-fill {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--pc);
    border-radius: 50%;
    transform: scale(0);
    transition: transform 0.4s ease;
}

.swiper-pagination-bullet-active .bullet-fill {
    transform: scale(1);
}

.swiper-pagination-bullet-active {
    outline: 1px solid var(--pc);
    outline-offset: 3px;
}

/* -----------------Single-Service-start-------------------- */

.page-hero {
	padding-block: 150px 60px;
}

.stats-col {
    background: #F7F7F7;
    font-weight: normal;
    text-align: left;
}

.stats-col .card-no {
    color: var(--pc);
}

.numeric-faq {
    counter-reset: faq;
}

.numeric-faq details:not(:first-child) {
    border-top: 1px solid var(--border-color);
    padding-top: 20px;
    margin-top: 20px;
}

.numeric-faq summary::before {
    font-family: 'Kaisei HarunoUmi';
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    color: rgba(0, 0, 0, 0.1);
    margin-right: 5px;
    counter-increment: faq;
    content: counter(faq, decimal-leading-zero) ". ";
}

.review-card {
	height:100%;
    background: #F2F2F2;
    border-radius: var(--rad-md);
    padding: 30px 20px 20px 20px;
}

.review-card .review-info {
    background: var(--white);
    border-radius: 8px;
}

.review-card .review-info span {
    background: var(--pc);
    border-radius: var(--rad-lg);
}

.review-card .review-info .rev-user {
    font-size: var(--fs-1);
    font-weight: var(--semibold);
}

.bg-img-container .content-col {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    background: var(--white);
    border-radius: var(--rad-md);
}


/* -----------------Single-Blog-start-------------------- */

.yoast-breadcrumbs>span {
    font-size: var(--fs-2);
    font-weight: var(--semibold);
}

.yoast-breadcrumbs a {
    color: rgba(0, 0, 0, 0.8);
    font-weight: normal;
}

.page-hero .yoast-breadcrumbs{
	margin-bottom: 10px;
}

.page-hero .yoast-breadcrumbs :is(span, a){
	color: var(--white) !important; 
}

.post-meta .category {
    padding: 10px 15px;
    border-radius: 90px;
    background: var(--pc);
    color: var(--white);
    font-size: var(--fs-2);
    font-weight: var(--semibold);
}

.post-meta .post-summary .flex-ath span {
    font-weight: var(--semibold);
}

.post-meta .post-summary .flex-ath :is(a, p) {
    line-height: 1;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.8);
}

.post-meta .post-summary .flex-ath a:hover {
    color: var(--pc);
    text-decoration: underline;
}

main .single-blog .ftrd-img-wrap img {
    border-radius: var(--rad-md);
}

main .single-blog .blog-sidebar-social .line {
    width: 1px;
    border: 1px solid rgb(0 0 0 / 9%);
    height: 150px;
}

main .single-blog .blog-sidebar-social span {
    letter-spacing: 2px;
    color: rgb(0 0 0 / 45%);
}

main .single-blog #tableofcontent {
    background: var(--pc-light);
    padding: 30px;
    border-radius: var(--rad-md);
    margin-bottom: 25px;
    border-left: 3px solid var(--pc);
}

main .single-blog #tableofcontent .head-th {
    font-family: var(--ff-kaisei);
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color);
    font-weight: var(--bold);
}

main .single-blog #tableofcontent a {
    font-weight: normal;
    color: rgba(0, 0, 0, 70%);
}

main .single-blog .col-lg-11 a {
    color: var(--pc);
    font-weight: var(--semibold);
}

main .single-blog .col-lg-11 a:hover {
    color: var(--pc) !important;
    text-decoration: underline !important;
}

.sidebar-blog-wrapper .col-lg-12:not(:first-child) .blog-card {
    border-top: 1px solid var(--border-color);
    padding-top: 12px;
    margin-top: 12px;
}

.sidebar-blog-wrapper .blog-card .blog-card-content .post-title {
    font-size: var(--fs-1) !important;
}

.sidebar-blog-wrapper {
    background: #F2F2F2;
    padding: 20px;
    border-radius: var(--rad-md);
}

.sidebar-blog-wrapper .blog-card .blog-card-content .flex-post-cat {
    font-size: var(--fs-2);
    font-weight: normal;
}

.sidebar-cta {
    gap: 15px;
    background: #f0e8e0;
    padding: 25px;
    border-radius: var(--rad-md);
}

/* -----------------Single-Gallery-start-------------------- */

.galleryCollection .glry-img-card#viewMore .countOtherImg {
    background: var(--pc);
    color: var(--white);
    font-weight: var(--bold);
    border-radius: var(--rad-lg);
    cursor: pointer;
}

/* -----------------Comparison-table-start-------------------- */

.compare-table-wrap {
    overflow-x: auto;
}

.compare-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    background: var(--white);
    border: 1px solid var(--border-color);
    border-radius: var(--rad-md);
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
}

.compare-table th,
.compare-table td {
    padding: 18px 20px;
    border: 1px solid var(--border-color);
    vertical-align: middle;
}

.compare-table th {
    background: var(--pc-light);
    color: var(--black);
    font-family: var(--ff-kaisei);
    font-size: 16px;
    text-align: left;
}

.compare-table th.compare-head {
        background: var(--pc);
        color: var(--white);
}

.compare-table th.compare-center,
.compare-table td.compare-mark {
    text-align: center;
}

.compare-table td:nth-child(2),
.compare-table td:nth-child(3),
.compare-table th:nth-child(2),
.compare-table th:nth-child(3) {
    text-align: center;
}

.compare-table td.compare-feature {
    padding: 18px 20px;
}

.compare-table td.compare-mark {
    font-size: 20px;
    font-weight: var(--bold);
    width: 220px;
}

.compare-table td.compare-mark.compare-check,
.compare-table td.compare-mark.compare-cross {
    letter-spacing: 0;
}

.compare-table td.compare-mark.compare-check{
    color: green;
}

.compare-table td.compare-mark.compare-cross{
    color: red;
}

.compare-table td.compare-feature,
.compare-table td.compare-mark {
    vertical-align: middle;
}

.compare-table td.compare-feature {
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

/* -----------------Comparison-table-end-------------------- */

/* -----------------Footer-start-------------------- */

footer p,
.copyright p {
    color: var(--white);
}

footer .newsletter-wrap {
    background: var(--pc);
    border-radius: var(--rad-md);
}

.newsletter-wrap .secondary-btn{
	border: 0 !important;
}

.newsletter-wrap .secondary-btn:hover{
	background : rgb(255 255 255 / 94%)!important;
}

footer form input {
    background: rgba(255, 255, 255, 10%);
    color: var(--white);
}

footer form input::placeholder {
    color: white;
    opacity: 1;
}

footer .footer-menu-cols .menu-ttl {
    font-family: var(--ff-kaisei);
    font-weight: var(--bold);
    font-size: 16px;
    color: var(--white);
}

footer a {
    font-size: 14px;
}

footer a,
.copyright a {
    color: rgba(255, 255, 255, 80%);
}

footer .footer-menu-cols a:hover {
    color: rgba(255, 255, 255, 100%);
    letter-spacing: 1px;
}

.flex-social-media a {
    border: 1px solid var(--border-color);
    border-radius: var(--rad-lg);
}

.flex-social-media a:hover{
    background : var(--black);
}

.flex-social-media a:hover svg{
    fill : var(--white);
}

footer .bwe-service-logo img {
    filter: brightness(0) invert(1);
}

.copyright {
    padding: 10px 0;
    background: #0B0B0B
}

.copyright :is(p, a) {
    font-size: 14px
}

/* -----------------Journey-card----------------------- */

    .journey-container .col-lg-3:nth-child(even) .journey-card{
      margin-top: -40px;
    }

    .journey-container .col-lg-3:nth-child(even) .journey-card .line{
      height: 80px
    }

    .journey-container .col-lg-3:nth-child(odd) .journey-card .line{
      height: 40px
    }

    .journey-card .journey-card-content{
      border: 1px solid var(--border-color);
      padding: 20px 14px;
      border-radius: var(--rad-md);
      position: relative;
      margin-top: 50px
    }

    .journey-card .journey-card-content:after{
      content: '';
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: -16px;
      height: 15px;
      background: var(--pc);
      width: 15px;
      clip-path: polygon(50% 100%, 0 0, 100% 0);
    }

    .journey-card .line{
      background: var(--border-color);
      width: 2px;
      margin-top: 25px;
    }

    .journey-tracker{
      position: relative;
    }

    .journey-tracker:after {
    content: '';
    position: absolute;
    height: 3px;
    width: 100%;
    background: var(--pc);
    left: 0;
    bottom: 6px;
    z-index: -1;
}

    .journey-card .journey-ellipse{
      border: 3px solid var(--pc);
    height: 15px;
    width: 15px;
    border-radius: var(--rad-lg);
    margin-top: 5px;
    background: var(--white);
    }

    .journey-card .year {
    padding: 5px 15px;
    border-radius: 90px;
    background: var(--pc);
    font-weight: var(--bold);
    color: var(--white);
    line-height: 1.5;
    font-size: 14px;
}