/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('./asset/fonts/CabinetGrotesk-Regular.eot');
    src: url('./asset/fonts/CabinetGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
        url('./asset/fonts/CabinetGrotesk-Regular.woff2') format('woff2'),
        url('./asset/fonts/CabinetGrotesk-Regular.woff') format('woff'),
        url('./asset/fonts/CabinetGrotesk-Regular.ttf') format('truetype'),
        url('./asset/fonts/CabinetGrotesk-Regular.svg#CabinetGrotesk-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('./asset/fonts/CabinetGrotesk-Bold.eot');
    src: url('./asset/fonts/CabinetGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
        url('./asset/fonts/CabinetGrotesk-Bold.woff2') format('woff2'),
        url('./asset/fonts/CabinetGrotesk-Bold.woff') format('woff'),
        url('./asset/fonts/CabinetGrotesk-Bold.ttf') format('truetype'),
        url('./asset/fonts/CabinetGrotesk-Bold.svg#CabinetGrotesk-Bold') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('./asset/fonts/CabinetGrotesk-Black.eot');
    src: url('./asset/fonts/CabinetGrotesk-Black.eot?#iefix') format('embedded-opentype'),
        url('./asset/fonts/CabinetGrotesk-Black.woff2') format('woff2'),
        url('./asset/fonts/CabinetGrotesk-Black.woff') format('woff'),
        url('./asset/fonts/CabinetGrotesk-Black.ttf') format('truetype'),
        url('./asset/fonts/CabinetGrotesk-Black.svg#CabinetGrotesk-Black') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('./asset/fonts/CabinetGrotesk-Light.eot');
    src: url('./asset/fonts/CabinetGrotesk-Light.eot?#iefix') format('embedded-opentype'),
        url('./asset/fonts/CabinetGrotesk-Light.woff2') format('woff2'),
        url('./asset/fonts/CabinetGrotesk-Light.woff') format('woff'),
        url('./asset/fonts/CabinetGrotesk-Light.ttf') format('truetype'),
        url('./asset/fonts/CabinetGrotesk-Light.svg#CabinetGrotesk-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('./asset/fonts/CabinetGrotesk-Extralight.eot');
    src: url('./asset/fonts/CabinetGrotesk-Extralight.eot?#iefix') format('embedded-opentype'),
        url('./asset/fonts/CabinetGrotesk-Extralight.woff2') format('woff2'),
        url('./asset/fonts/CabinetGrotesk-Extralight.woff') format('woff'),
        url('./asset/fonts/CabinetGrotesk-Extralight.ttf') format('truetype'),
        url('./asset/fonts/CabinetGrotesk-Extralight.svg#CabinetGrotesk-Extralight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('./asset/fonts/CabinetGrotesk-Thin.eot');
    src: url('./asset/fonts/CabinetGrotesk-Thin.eot?#iefix') format('embedded-opentype'),
        url('./asset/fonts/CabinetGrotesk-Thin.woff2') format('woff2'),
        url('./asset/fonts/CabinetGrotesk-Thin.woff') format('woff'),
        url('./asset/fonts/CabinetGrotesk-Thin.ttf') format('truetype'),
        url('./asset/fonts/CabinetGrotesk-Thin.svg#CabinetGrotesk-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('./asset/fonts/CabinetGrotesk-Extrabold.eot');
    src: url('./asset/fonts/CabinetGrotesk-Extrabold.eot?#iefix') format('embedded-opentype'),
        url('./asset/fonts/CabinetGrotesk-Extrabold.woff2') format('woff2'),
        url('./asset/fonts/CabinetGrotesk-Extrabold.woff') format('woff'),
        url('./asset/fonts/CabinetGrotesk-Extrabold.ttf') format('truetype'),
        url('./asset/fonts/CabinetGrotesk-Extrabold.svg#CabinetGrotesk-Extrabold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('./asset/fonts/CabinetGrotesk-Medium.eot');
    src: url('./asset/fonts/CabinetGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
        url('./asset/fonts/CabinetGrotesk-Medium.woff2') format('woff2'),
        url('./asset/fonts/CabinetGrotesk-Medium.woff') format('woff'),
        url('./asset/fonts/CabinetGrotesk-Medium.ttf') format('truetype'),
        url('./asset/fonts/CabinetGrotesk-Medium.svg#CabinetGrotesk-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/*=====================================
= Bootstrap CSS
=====================================*/
.bt-container {margin:0px auto;padding: 0px 15px;}@media (min-width: 576px) {.bt-container, .grid-container {max-width: 540px;}}@media (min-width: 769px) {.bt-container, .grid-container {max-width: 720px;}}@media (min-width: 992px) {.bt-container, .grid-container {max-width: 960px;}}@media (min-width: 1285px) {.bt-container, .grid-container {max-width: 1328px;}}.bt-container {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;position: relative;z-index: 1;}.bt-container-fluid {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;position: relative;z-index: 1;}@media (max-width: 768.5px) {.bt-container, .bt-container-fluid {padding-right: 30px;padding-left: 30px;}}.bt-row {display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}.bt-col {flex-basis: 0;flex-grow: 1;width: 100%;max-width: 100%;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}.bt-col-1 {flex: 0 0 8.333333%;max-width: 8.333333%;}.bt-col-2 {flex: 0 0 16.6666%;max-width: 16.6666%;}.bt-col-3 {flex: 0 0 25%;max-width: 25%;}.bt-col-4 {flex: 0 0 33.3333%;max-width: 33.3333%;}.bt-col-5 {flex: 0 0 41.6666%;max-width: 41.6666%;}.bt-col-6 {flex: 0 0 50%;max-width: 50%;}.bt-col-7 {flex: 0 0 58.3333%;max-width: 58.3333%;}.bt-col-8 {flex: 0 0 66.6666%;max-width: 66.6666%;}.bt-col-9 {flex: 0 0 75%;max-width: 75%;}.bt-col-10 {flex: 0 0 83.3333%;max-width: 83.3333%;}.bt-col-11 {flex: 0 0 91.6666%;max-width: 91.6666%;}.bt-col-12 {flex: 0 0 100% ;max-width: 100% ;}@media (min-width: 576px) {.bt-col-sm-1 {flex: 0 0 8.333333%;max-width: 8.333333%;}.bt-col-sm-2 {flex: 0 0 16.666667%;max-width: 16.666667%;}.bt-col-sm-3 {flex: 0 0 25%;max-width: 25%;}.bt-col-sm-4 {flex: 0 0 33.333333%;max-width: 33.333333%;}.bt-col-sm-5 {flex: 0 0 41.666667%;max-width: 41.666667%;}.bt-col-sm-6 {flex: 0 0 50%;max-width: 50%;}.bt-col-sm-7 {flex: 0 0 58.333333%;max-width: 58.333333%;}.bt-col-sm-8 {flex: 0 0 66.666667%;max-width: 66.666667%;}.bt-col-sm-9 {flex: 0 0 75%;max-width: 75%;}.bt-col-sm-10 {flex: 0 0 83.333333%;max-width: 83.333333%;}.bt-col-sm-11 {flex: 0 0 91.666667%;max-width: 91.666667%;}.bt-col-sm-12 {flex: 0 0 100%;max-width: 100%;}}@media (min-width: 769px) {.bt-col-md-1 {flex: 0 0 8.333333%;max-width: 8.333333%;}.bt-col-md-2 {flex: 0 0 16.666667%;max-width: 16.666667%;}.bt-col-md-3 {flex: 0 0 25%;max-width: 25%;}.bt-col-md-4 {flex: 0 0 33.333333%;max-width: 33.333333%;}.bt-col-md-5 {flex: 0 0 41.666667%;max-width: 41.666667%;}.bt-col-md-6 {flex: 0 0 50%;max-width: 50%;}.bt-col-md-7 {flex: 0 0 58.333333%;max-width: 58.333333%;}.bt-col-md-8 {flex: 0 0 66.666667%;max-width: 66.666667%;}.bt-col-md-9 {flex: 0 0 75%;max-width: 75%;}.bt-col-md-10 {flex: 0 0 83.333333%;max-width: 83.333333%;}.bt-col-md-11 {flex: 0 0 91.666667%;max-width: 91.666667%;}.bt-col-md-12 {flex: 0 0 100%;max-width: 100%;}}@media (min-width: 992px) {.bt-col-lg-1 {flex: 0 0 8.333333%;max-width: 8.333333%;}.bt-col-lg-2 {flex: 0 0 16.666667%;max-width: 16.666667%;}.bt-col-lg-3 {flex: 0 0 25%;max-width: 25%;}.bt-col-lg-4 {flex: 0 0 33.333333%;max-width: 33.333333%;}.bt-col-lg-5 {flex: 0 0 41.666667%;max-width: 41.666667%;}.bt-col-lg-6 {flex: 0 0 50%;max-width: 50%;}.bt-col-lg-7 {flex: 0 0 58.333333%;max-width: 58.333333%;}.bt-col-lg-8 {flex: 0 0 66.666667%;max-width: 66.666667%;}.bt-col-lg-9 {flex: 0 0 75%;max-width: 75%;}.bt-col-lg-10 {flex: 0 0 83.333333%;max-width: 83.333333%;}.bt-col-lg-11 {flex: 0 0 91.666667%;max-width: 91.666667%;}.bt-col-lg-12 {flex: 0 0 100%;max-width: 100%;}}@media (min-width: 1285px) {.bt-col-xl-1 {flex: 0 0 8.333333%;max-width: 8.333333%;}.bt-col-xl-2 {flex: 0 0 16.666667%;max-width: 16.666667%;}.bt-col-xl-3 {flex: 0 0 25%;max-width: 25%;}.bt-col-xl-4 {flex: 0 0 33.333333%;max-width: 33.333333%;}.bt-col-xl-5 {flex: 0 0 41.666667%;max-width: 41.666667%;}.bt-col-xl-6 {flex: 0 0 50%;max-width: 50%;}.bt-col-xl-7 {flex: 0 0 58.333333%;max-width: 58.333333%;}.bt-col-xl-8 {flex: 0 0 66.666667%;max-width: 66.666667%;}.bt-col-xl-9 {flex: 0 0 75%;max-width: 75%;}.bt-col-xl-10 {flex: 0 0 83.333333%;max-width: 83.333333%;}.bt-col-xl-11 {flex: 0 0 91.666667%;max-width: 91.666667%;}.bt-col-xl-12 {flex: 0 0 100%;max-width: 100%;}}

@media (min-width: 992px){
    .offset-lg-1 {
        margin-left: 8.333333%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

/*=====================================
= Defult CSS start
=====================================*/
body {
    background-color: #ffffff;
    position: relative;
}
h1, h2{
    font-family: 'Cabinet Grotesk' !important;
}
.cabinet-grotesk > *{
    font-family: 'Cabinet Grotesk' !important;
}
.container.grid-container {
    width: 100%;
    max-width: inherit;
}

.separate-containers .site-main {
    margin: 0;
}

a{
    transition: all 0.5s ease 0s;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
}
img{
    vertical-align: top;
}
p{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    color: #545454;
}
.site-content {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.header-btn .custom-btn{
    background: #D41317;
}
.custom-btn {
    background: #061D19;
    border: none;
    font-family: 'Inter';
    font-size: 15px;
    font-weight: 500;
    padding: 10px 9px 10px 20px;
    border-radius: 50px;
    color: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.custom-btn:hover {
    color: #ffffff;
}
.custom-btn:focus{
    color: #ffffff;
}
.custom-btn .custom-btn-text {
    margin-right: 10px;
}
.custom-btn .custom-btn-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
}
.custom-btn .custom-btn-icon img {
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
    -moz-transition: -moz-transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    position: absolute;
    top: 50%;
    right: 0;
    left: 50%;
    bottom: 0;
    z-index: 9;
}
.custom-btn:hover .custom-btn-icon img {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}
.custom-btn .custom-btn-icon:after {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #ffffff;
    content: "";
    position: absolute;
    z-index: 1;
    transform: scale(0.2);
    -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
    -moz-transition: -moz-transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s;
}
.custom-btn:hover .custom-btn-icon:after {
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}

.custom-btn.custom-btn-white {
    background: #ffffff;
    color: #8857FF;
}
.custom-btn.custom-btn-white .custom-btn-icon:after {
    background: #8857FF;
}

.title-label {
    -webkit-box-shadow: 3px 3px 0px 0px #020C0A;
    box-shadow: 3px 3px 0px 0px #020C0A;
}
.title-label h4:after,
.title-label h4:before {
    content: "";
    position: absolute;
    left: 21px;
    top: 50%;
    width: 5px;
    height: 5px;
    background: #ffffff;
    border-radius: 50%;
    transform: translate(0, -50%);
}
.title-label h4:before {
    right: 21px;
    left: auto;
}

/*=====================================
= Header CSS start
=====================================*/

.site-header {
    display: none;
}
.my-custom-header {
    background: #ffffff;
    padding: 25px 0;
}
.header-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.my-custom-header .site-title {
    margin: 0;
}
.my-custom-header .site-title a {
    font-size: 22px;
    font-weight: 600;
    color: #333333;
}
.header-inner .header-menu .custom-nav ul li a {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
}
.header-inner .header-menu .custom-nav ul li a:hover {
    color: #D41317;
}
.header-inner .header-menu .custom-nav ul li.header-contact-menu a {
    display: none;
}
.header-inner .custom-nav ul.header-menu {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 40px;
}
.mobile-menu-btn {
    display: none; 
}

@media (max-width: 768px) {
    /* By default, hide the close icon */
    .mobile-menu-btn .icon-close {
        display: none;
    }

    /* By default, show the open icon */
    .mobile-menu-btn .icon-open {
        display: block;
    }

    /* WHEN ACTIVE (Menu is Open): Switch them */
    .mobile-menu-btn.active .icon-close {
        display: block; /* Show Close */
    }

    .mobile-menu-btn.active .icon-open {
        display: none; /* Hide Open */
    }


    .my-custom-header {
        background: #ffffff;
        padding: 15px 0;
    }
    .my-custom-header .bt-container {
        padding: 0 15px;
    }
    .my-custom-header .header-btn {
        display: none;
    }
    .header-inner .header-menu .custom-nav ul li.header-contact-menu a {
        display: block;
    }
    .my-custom-header .mobile-menu-btn {
        display: block;
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
        line-height: normal;
    }
    .my-custom-header .custom-nav {
        width: 100%;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
        margin-top: 0;
        border-top: 0 solid #eee;
        position: absolute;
        left: 0;
        top: 50px;
        background: #ffffff;
        padding: 0 15px;
    }
    .my-custom-header .custom-nav.is-open {
        max-height: 500px; 
        opacity: 1;
        margin-top: 15px;
        border-top: 1px solid #eee;
    }
    .my-custom-header .custom-nav ul.header-menu {
        flex-direction: column;
        gap: 0;
        padding-bottom: 0;
    }
    .my-custom-header .custom-nav ul.header-menu li a {
        display: block;
        padding: 12px 0;
        border-bottom: 1px solid #f9f9f9;
    }
    .my-custom-header .custom-nav ul.header-menu li:last-child a{
        border-bottom: 0;
    }
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/*=====================================
= Header CSS end
=====================================*/

/*=====================================
= About CSS Start
=====================================*/

.owner-list-box > *,
.owner-logo-box > * {
    width: auto !important;
}
.home-counter .elementor-counter-number-wrapper {
    font-family: 'Cabinet Grotesk' !important;
}


/*=====================================
= About CSS end
=====================================*/

/*=====================================
= Product CSS Start
=====================================*/

.product-slider {
    padding: 0 35px;
}
.product-slider .product-box a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.product-slider .slick-list {
    margin: 0 -15px;
}
.product-slider .slick-slide {
    padding: 0 15px;
}
.product-slider .product-box-img {
    border-radius: 20px;
    border: 1px solid #EFEFEF;
    margin-bottom: 20px;
}
.product-slider .product-box-img img {
    height: 235px;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.product-slider .product-box-text h4 {
    font-size: 14px;
    color: #000000;
    margin-bottom: 5px;
}
.product-slider .product-box-text h5 {
    margin: 0;
    font-size: 14px;
    color: #444444;
}
.product-slider .slick-arrow {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #D3D3D3;
    z-index: 9;
}
.product-slider .slick-arrow:hover {
    background: #061D19;
    border: 1px solid #061D19;
}
.product-slider .slick-arrow.slick-prev {
    left: 5px;
}
.product-slider .slick-arrow.slick-next {
    right: 5px;
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg);
}
.product-slider .slick-arrow:before {
    content: "";
    width: 9px;
    height: 15px;
    opacity: 1;
    font-size: inherit;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(/wp-content/uploads/2026/01/slider-arroow-dark.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.product-slider .slick-arrow:hover:before {
    background: url(/wp-content/uploads/2026/01/slider-arroow-white.svg);
}

@media (max-width: 575px){
    .product-slider {
        padding: 0 15px;
    }
    .product-slider .slick-arrow {
        width: 50px;
        height: 50px;
    }
    .product-slider .slick-arrow.slick-prev {
        left: -9px;
    }
    .product-slider .slick-arrow.slick-next {
        right: -9px;
    }
    .product-slider .product-box-img img {
        height: 275px;
    }
}

/*=====================================
= Product CSS end
=====================================*/

/*=====================================
= Contact CSS Start
=====================================*/

/* .contact-form-main {
    background: #F3F3E5;
    border-radius: 20px;
    padding: 40px;
} */
.contact-form-main .wpforms-container {
    margin: 0 !important;
}
.contact-form-main .wpforms-field-container .wpforms-field {
    padding: 0;
    margin-bottom: 15px;
}
body .wpforms-form .wpforms-field-label {
    color: #1C1A1E !important;
    font-weight: 500;
}
body .wpforms-form select,
body .wpforms-form textarea,
body .wpforms-form input[type="text"],
body .wpforms-form input[type="password"],
body .wpforms-form input[type="datetime"],
body .wpforms-form input[type="datetime-local"],
body .wpforms-form input[type="date"],
body .wpforms-form input[type="month"],
body .wpforms-form input[type="time"],
body .wpforms-form input[type="week"],
body .wpforms-form input[type="number"],
body .wpforms-form input[type="email"],
body .wpforms-form input[type="url"],
body .wpforms-form input[type="search"],
body .wpforms-form input[type="tel"],
body .wpforms-form input[type="color"],
body .wpforms-form .uneditable-input{
    color: #1C1A1E !important;
    min-height: 60px;
    margin-bottom: 0;
    padding: 10px 20px !important;
    font-size: 15px !important;
    font-weight: 400;
    box-shadow: none !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 20px !important;
}
body .wpforms-form select::placeholder,
body .wpforms-form textarea::placeholder,
body .wpforms-form input[type="text"]::placeholder,
body .wpforms-form input[type="password"]::placeholder,
body .wpforms-form input[type="datetime"]::placeholder,
body .wpforms-form input[type="datetime-local"]::placeholder,
body .wpforms-form input[type="date"]::placeholder,
body .wpforms-form input[type="month"]::placeholder,
body .wpforms-form input[type="time"]::placeholder,
body .wpforms-form input[type="week"]::placeholder,
body .wpforms-form input[type="number"]::placeholder,
body .wpforms-form input[type="email"]::placeholder,
body .wpforms-form input[type="url"]::placeholder,
body .wpforms-form input[type="search"]::placeholder,
body .wpforms-form input[type="tel"]::placeholder,
body .wpforms-form input[type="color"]::placeholder,
body .wpforms-form .uneditable-input{
    color: #969696 !important;
}
.contact-form-main .wpforms-field-container .wpforms-field textarea {
    padding: 20px 20px !important;
}
body .wpforms-form .wpforms-submit-container {
    margin-top: 30px !important;
}
body .wpforms-form input[type=submit], 
body .wpforms-form button[type=submit] {
    background: #061D19 !important;
    border: none;
    font-family: 'Inter' !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 17px 20px !important;
    border-radius: 50px !important;
    color: #ffffff !important;
    height: auto !important;
}
body .wpforms-form input[type=submit]:hover, 
body .wpforms-form button[type=submit]:hover {
    opacity: 0.8;
}
body .wpforms-form input[type=submit]:after, 
body .wpforms-form button[type=submit]:after {
    border: none !important;
}

/*=====================================
= Contact CSS end
=====================================*/

/*=====================================
= Footer CSS Start
=====================================*/

.custom-footer-wrapper {
    background-color: #F3F3E5;
    color: #ffffff;
    padding-top: 60px;
    font-family: 'Inter', sans-serif;
}
.footer-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    padding-bottom: 60px;
    padding: 0 15px 60px;
}
.site-footer .site-title{
    margin: 0;
}
.site-footer .site-title a {
    font-size: 22px;
    font-weight: 600;
    color: #333333;
}
.footer-title {
    font-size: 20px;
    margin-bottom: 20px;
    color: #333333;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: 'Cabinet Grotesk';
}
.footer-col p {
    color: #444444;
    margin-bottom: 15px;
}
.footer-col p a {
    color: #444444;
}
.footer-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-links ul li {
    margin-bottom: 10px;
}
.footer-links ul li a, 
.footer-socials a {
    color: #444444;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-links ul li a:hover, 
.footer-socials a:hover {
    color: #061D19;
}

.footer-socials a {
    margin-right: 15px;
}

.footer-bottom {
    background-color: #061D19;
    text-align: center;
    padding: 15px 0;
}
.footer-bottom p {
    margin: 0;
    color: #ffffff;
    font-size: 14px;
}

@media (max-width: 575px) {
    .custom-footer-wrapper {
        padding-top: 40px;
    }
    .footer-container {
        text-align: left;
        grid-template-columns: 1fr 1fr;
        padding-bottom: 40px;
        gap: 30px;
    }
    .footer-container > div:nth-child(1) {
        grid-column: 1 / -1;
    }
    .footer-title {
        font-size: 18px;
    }
}
@media (max-width: 480px) {
    .footer-container {
        grid-template-columns: 1fr;
    }
}

/*=====================================
= Footer CSS end
=====================================*/