.custom-hero-bg {
	background-image: linear-gradient(60deg, #abecd6 0%, #fbed96 100%);
}
.ab-head-1 {
    font-size: 48px !important;
    font-weight: 400 !important;
}
.ab-head-2 {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    font-weight: 500;
    letter-spacing: 7px;
    text-transform: uppercase;
}
.ab-cont-1 {
}
section.bg-gray {
    background-color: #f9f9f9;
}
section#services {
    background-color: color-mix(in srgb, var(--accent-color), transparent 95%);
}
.services .service-item h3 {
    font-size: 24px;
    font-weight: inherit !important;
    font-size: 32px;
    letter-spacing: -.4px;
    line-height: 1.1875;
    margin-bottom: 20px;
}
.services .service-item p {

}
.values .v-head-2 { 
	font-family: Roboto, sans-serif;
	font-size: 14px;
    font-weight: 700;
    color: var(--accent-color);
    text-transform: uppercase;
    letter-spacing: 4px;
}
.values .card {
	text-align: left;
}
.values .card h3 {
    font-size: 24px;
    font-weight: inherit !important;
    font-size: 32px;
    letter-spacing: -.65px;
    line-height: 1.1875;
    margin-bottom: 20px;
}
.hero .btn-get-started {
    background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%) !important; 
    border-radius: 44px !important; 
} 

.about .content .btn-read-more {
    background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%) !important; 
    border-radius: 44px !important; 
}
.values .card .btn-read-more {
    color: var(--contrast-color);
    line-height: 0;
    padding: 15px 40px;
    background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%) !important; 
    border-radius: 44px !important; 
    transition: 0.5s;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
}
section#features {
    background-image: linear-gradient(to top, #dad4ec 0%, #dad4ec 1%, #f3e7e9 100%);
}
.features .feature-box {
    background-color: rgba(0, 0, 0, 0.1);
}
footer#footer {
    background-image: linear-gradient(300deg, #3d3c3c 0, #222 100%);
}
.section-title p {
	font-weight: inherit;
}
.footer .footer-newsletter {
    background-image: linear-gradient(to right,#949300 0,#8dac17 100%);
}
.footer .footer-newsletter h4 {
    font-size: 24px;
}
@media (min-width: 1200px) {
    .listing-dropdown li {
        width: 120px;
    }
    .listing-dropdown a {
        text-wrap: auto;
    }
    .listing-dropdown ul {
        align-items: unset;
    }
}
.listing-dropdown li span.head {
    color: #da720f;
    font-weight: 700;
    font-size: 19px;
    line-height: 14px;
    padding: 15px 0 5px 10px;
    margin-top: 10px;
    display: block;
    line-height: 24px;
}
/** content box css **/
.c-box {
    padding: 10px 0;
}
.c-box .c-wrap {

}
.c-box .c-head-1 {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    font-weight: 500;
    letter-spacing: 7px;
    text-transform: uppercase;
    color: var(--accent-color);
}
.c-box .c-head-2 {
    font-family: "Playfair Display", serif;
    font-size: 42px;
    letter-spacing: -.65px;
    line-height: 62px;
    margin: 0;
} 
.c-box .c-content {
    margin: 14px 0 0;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 38px;
    color: #222; 
}

 /* Full-width banner with background image */
.banner {
    position: relative;
    width: 100%;
    height: 76vh; /* Full height */
    background-size: cover; /* Ensure image covers the area */
    background-image: url('https://via.placeholder.com/1920x1080');
    background-position: center; /* Center the image */
}

.banner.deliver-bg {
    background-image: url('../img/custom/what-we-deliver.jpg');
}

/* Overlay for the content */
.banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); /* Dark overlay */
    z-index: 1; /* Overlay above the image */
}

/* Content inside the banner */
.banner .content {
    position: relative; 
    z-index: 2;
    width: 40%;
    padding: 40px 0; 
    color: #fff;
}

.banner h1 {
    font-family: "Playfair Display", serif;
    font-size: 52px;
    font-weight: 400;
    letter-spacing: -.65px;
    line-height: 62px;
    color: #fff;
    margin: 0;
}

.banner span.s-title {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    font-weight: 500;
    letter-spacing: 7px;
    text-transform: uppercase;
    color: #fff;
}


.banner p {
    margin-top: 10px;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 19px;
    color: #fff;
}

.banner .btn {
    font-size: 1.1rem;
    padding: 12px 30px; 
    color: white;
    border: none;
    border-radius: 5px;
    text-transform: uppercase;
    background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%) !important;
    border-radius: 44px !important;
}

.faq-container.custom .faq-item h3 {
    color: #222;
    font-family: "Playfair Display", serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 43px;
}
.faq-container.custom .faq-item .faq-content p {
    display: block;
    padding: 15px 0;
    color: #262626;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
}
.faq-container.custom .faq-item .faq-toggle { 
    top: 34px; 
    font-size: 22px; 
}

.find.section {
    background-color: #000;
}
.find.section.bg-find {
    position: relative;
    width: 100%;
    min-height: 76vh; /* Full height */
    background-size: cover; /* Ensure image covers the area */
    background-position: center; /* Center the image */
    background-image: url('../img/custom/find-solutions.jpg');
}
/* Overlay for the content */
.find.section.bg-find::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(34, 34, 34, .81);
}

.find.section .f-wrap {
    position: relative;
    z-index: 2;
    color: #fff;
    margin:0 auto !important;
}
.find.section .f-wrap .f-title {  
    font-family: "Playfair Display", serif;
    font-weight: 400;
    font-size: 32px;
    letter-spacing: -.45px;   
    margin-bottom: 10px;
}
.find.section .f-wrap .f-details {  
    font-weight: 300;
    font-size: 18px;  
    margin-bottom: 20px;
}
.find.section .f-wrap .f-box {
    position: relative;
    z-index: 2;
    max-width: 760px; 
    color: #222;
    background: #fff;
    border-radius: 5px;
    padding: 60px 60px 44px 60px;
    text-align: left;  
}  
.people .content {
    background-image: linear-gradient(to right,#da720f 0,#f4a831 100%);
    padding: 40px;
    color: #fff;
}
.people .content .select-wrap:after {
    right: 0;
    color: #fff;
    border-radius: 0;
    background: #da720f url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxN3B4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNyAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48cGF0aCBkPSJNMS4wNjM4NTAxMSw0IEwxNC45MzYxNDk5LDQgQzE1LjQwMjE0NDcsNCAxNS43MjQ3NTY0LDQuMjMwMTEyMDUgMTUuOTAzOTg0OCw0LjY5MDMzNTMxIEMxNi4wODMyMTMyLDUuMTUwNTU4NTYgMTYuMDExNTIyLDUuNTQ2MzUxMDggMTUuNjg4OTEwMyw1Ljg3NzcxMjAzIEw4Ljc1Mjc2MDQ1LDEzLjAwMTk3MjQgQzguNTM3Njg2MDQsMTMuMjIyODc5NyA4LjI4Njc2NTYxLDEzLjMzMzMzMzMgOCwxMy4zMzMzMzMzIEM3LjcxMzIzNDM5LDEzLjMzMzMzMzMgNy40NjIzMTM5NiwxMy4yMjI4Nzk3IDcuMjQ3MjM5NTUsMTMuMDAxOTcyNCBMMC4zMTEwODk2NTgsNS44Nzc3MTIwMyBDLTAuMDExNTIxOTY0OCw1LjU0NjM1MTA4IC0wLjA4MzIxMzE2Myw1LjE1MDU1ODU2IDAuMDk2MDE1MjQyOCw0LjY5MDMzNTMxIEMwLjI3NTI0MzY0OSw0LjIzMDExMjA1IDAuNTk3ODU1MjcxLDQgMS4wNjM4NTAxMSw0IFoiIGlkPSJwYXRoLTEiPjwvcGF0aD48L2RlZnM+PGcgaWQ9IkFzc2V0LUFydGJvYXJkLVBhZ2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGlkPSJJY29uLy1JY29uL0NhcmF0L0Rvd24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMjIyMjIyLCAwLjAwMDAwMCkiPjxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPjwvbWFzaz48dXNlIGlkPSJJY29uLyIgZmlsbD0iI0ZGRkZGRiIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+PC9nPjwvZz48L3N2Zz4=) no-repeat 50% 50%;
}
.people .p-head-1 {
    font-family: "Playfair Display", serif;
    font-weight: 400;
    font-size: 32px;
    letter-spacing: -.45px;   
    margin-bottom: 10px;
    color: #fff;
}
.people .p-cont-1 {
    font-weight: 300;
    font-size: 18px;  
    margin-bottom: 20px;
}
.form-theme1 .form-group {
    margin-bottom: 2rem;
}
.form-theme1 select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.form-theme1 label {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 38px;
    margin-bottom: 0;
    display: block;
}
.form-theme1 .select-wrap {
    position: relative;
}
.form-theme1 .select-wrap:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 1px;
    z-index: 3;
    width: 38px;
    text-align: center;
    color: #222;
    border-radius: 0;
    background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxN3B4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNyAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48cGF0aCBkPSJNMS4wNjM4NTAxMSw0IEwxNC45MzYxNDk5LDQgQzE1LjQwMjE0NDcsNCAxNS43MjQ3NTY0LDQuMjMwMTEyMDUgMTUuOTAzOTg0OCw0LjY5MDMzNTMxIEMxNi4wODMyMTMyLDUuMTUwNTU4NTYgMTYuMDExNTIyLDUuNTQ2MzUxMDggMTUuNjg4OTEwMyw1Ljg3NzcxMjAzIEw4Ljc1Mjc2MDQ1LDEzLjAwMTk3MjQgQzguNTM3Njg2MDQsMTMuMjIyODc5NyA4LjI4Njc2NTYxLDEzLjMzMzMzMzMgOCwxMy4zMzMzMzMzIEM3LjcxMzIzNDM5LDEzLjMzMzMzMzMgNy40NjIzMTM5NiwxMy4yMjI4Nzk3IDcuMjQ3MjM5NTUsMTMuMDAxOTcyNCBMMC4zMTEwODk2NTgsNS44Nzc3MTIwMyBDLTAuMDExNTIxOTY0OCw1LjU0NjM1MTA4IC0wLjA4MzIxMzE2Myw1LjE1MDU1ODU2IDAuMDk2MDE1MjQyOCw0LjY5MDMzNTMxIEMwLjI3NTI0MzY0OSw0LjIzMDExMjA1IDAuNTk3ODU1MjcxLDQgMS4wNjM4NTAxMSw0IFoiIGlkPSJwYXRoLTEiPjwvcGF0aD48L2RlZnM+PGcgaWQ9IkFzc2V0LUFydGJvYXJkLVBhZ2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGlkPSJJY29uLy1JY29uL0NhcmF0L0Rvd24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMjIyMjIyLCAwLjAwMDAwMCkiPjxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPjwvbWFzaz48dXNlIGlkPSJJY29uLyIgZmlsbD0iIzk5OTk5OSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+PC9nPjwvZz48L3N2Zz4=) no-repeat 50% 50%;
    pointer-events: none;
    -webkit-transition: border .18s;
    -o-transition: border .18s;
    transition: border .18s;
}
.form-theme1 select option {
    font-weight: 700;
}
.form-theme1 select,
.form-theme1 input {
    display: block;
    font-family: "Playfair Display", serif;
    font-weight: 700;
    font-size: 31px;
    line-height: 1.29032;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-bottom: 1px solid #ededed;
    background: 0 0;
    padding: 0 !important;
    height: auto;
    width: 100%;
}
.form-theme1 .f-button {
    background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%) !important;
    border-radius: 44px !important; 
    padding: 10px 20px;
    border-radius: 4px;
    transition: 0.5s;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
    border: none;
    color: #fff;
}
.contact-section h4 {
    margin: 0 0 15px 0;
    padding: 0;
    font-family: "Playfair Display", serif;
    font-weight: 400;
    font-size: 32px !important;
    letter-spacing: -.65px;
    line-height: 1.15385;
}
.contact-section p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    margin: .75em 0;
}
.container.contact-section {
    z-index: 2;
    position: relative;
}
.footer-newsletter:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: transparent url('../img/custom/contact-form-inline.svg') no-repeat 0 50%;
    -webkit-background-size: cover;
    background-size: cover;
    mix-blend-mode: overlay;
    opacity: .5;
}
/* Responsive design */
@media (max-width: 768px) {
    .banner .content {
        left: 5%;
        width: 90%; /* Make content take more width on smaller screens */
    }

    .banner h1 {
        font-size: 2rem;
        line-height: 43px;
    }

    .banner p {
        font-size: 1rem;
    }

    .banner .btn {
        font-size: 1rem;
        padding: 10px 25px;
    }
}