/*
Theme Name: Archio
Theme URI: http://demo.casethemes.net/archio
Author: Case-Themes
Author URI: https://casethemes.net/
Description: Archio is created to provide modern solution for any business type. The theme is packed with large collection of beautifully designed homepages and a large number of inner page styles. Also, there are versatile and easily tailored portfolio templates that will give you full freedom to create the showcase you need. Moreover, Archio looks flawless on all devices, so your content will look equally amazing across all device types. Whether you need a personal theme or professional theme, Archio can be a perfect fit. Get it today and discover all the features one WordPress site needs.
Version: 1.0.0
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: archio
Tags: business, consulting, consultant, agency, company, advertising, corporate, finance, financial, multipurpose, accountant, marketing, software, startup, modern, saas  
*/
/* Light */
@font-face {
    font-family: 'Baufra';
    src: url('/wp-content/uploads/fonts/Baufra-Light.woff') format('woff'),
         url('/wp-content/uploads/fonts/Baufra-Light.ttf') format('truetype'),
         url('/wp-content/uploads/fonts/Baufra-Light.eot');
    font-weight: 300;
    font-style: normal;
}

/* Regular */
@font-face {
    font-family: 'Baufra';
    src: url('/wp-content/uploads/fonts/Baufra-Regular.woff') format('woff'),
         url('/wp-content/uploads/fonts/Baufra-Regular.ttf') format('truetype'),
         url('/wp-content/uploads/fonts/Baufra-Regular.eot');
    font-weight: 400;
    font-style: normal;
}

/* Medium */
@font-face {
    font-family: 'Baufra';
    src: url('/wp-content/uploads/fonts/Baufra-Medium.woff') format('woff'),
         url('/wp-content/uploads/fonts/Baufra-Medium.ttf') format('truetype'),
         url('/wp-content/uploads/fonts/Baufra-Medium.eot');
    font-weight: 500;
    font-style: normal;
}

/* SemiBold */
@font-face {
    font-family: 'Baufra';
    src: url('/wp-content/uploads/fonts/Baufra-SemiBold.woff') format('woff'),
         url('/wp-content/uploads/fonts/Baufra-SemiBold.ttf') format('truetype'),
         url('/wp-content/uploads/fonts/Baufra-SemiBold.eot');
    font-weight: 600;
    font-style: normal;
}

/* DemiBold */
@font-face {
    font-family: 'Baufra';
    src: url('/wp-content/uploads/fonts/Baufra-DemiBold.woff') format('woff'),
         url('/wp-content/uploads/fonts/Baufra-DemiBold.ttf') format('truetype'),
         url('/wp-content/uploads/fonts/Baufra-DemiBold.eot');
    font-weight: 700; /* Or 600 if you prefer SemiBold to be lighter */
    font-style: normal;
}

/* Bold */
@font-face {
    font-family: 'Baufra';
    src: url('/wp-content/uploads/fonts/Baufra-Bold.woff') format('woff'),
         url('/wp-content/uploads/fonts/Baufra-Bold.ttf') format('truetype'),
         url('/wp-content/uploads/fonts/Baufra-Bold.eot');
    font-weight: 800;
    font-style: normal;
}

/* Apply Baufra to everything */
html, body, p, a, li, span, h1, h2, h3, h4, h5, h6, input, button, textarea {
    font-family: 'Baufra', sans-serif !important;
}

/* Ensure Elementor widgets follow the global rule */
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-text-editor,
.elementor-button-text {
    font-family: 'Baufra', sans-serif !important;
}

.page-id-4549  header{
	display: none !important;
}
.home-new  .pxl-btn-video{
	    background-color: #f7c7a6 !important;
}
.pxl-action-popup i {
    display: none !important;
}

.divider-new   span,
.divider-new   span i:nth-child(1),
.divider-new   span i:nth-child(2),
.divider-new span i:nth-child(3),
.divider-new span i:nth-child(4)
{
	    width: 270px !important;
}

.my-member-img img {
    filter: grayscale(100%);
    opacity: 0.8;
    transition: all 0.4s ease;
}

.my-member-img:hover img {
    filter: grayscale(0%);
    opacity: 1;
}



/* CONTACT  */
/* ================= CONTACT FORM ================= */

.custom-contact-form {
    background-color: #5D3A2A;
    padding: 50px 0;
    font-family: "Arial", sans-serif;
    color: #fff;
}

/* Title */
.form-title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.form-subtitle {
    font-size: 16px;
    max-width: 700px;
    margin-bottom: 40px;
    color: #eee;
}
.pxl-blog-style1 .pxl-post--button a,
.pxl-blog-style1 .pxl-post--title a:hover 
{
	    color: #623d2c !important;
}

/* Inputs */
.custom-contact-form input[type="text"],
.custom-contact-form input[type="email"],
.custom-contact-form input[type="tel"] {
    background: linear-gradient(to right, #dcdcdc, #cfcfcf);
    border: none;
    height: 60px;
    padding: 0 20px;
    font-size: 16px;
    width: 100%;
    color: #555;
	    margin-bottom: 5% !important;
}

/* Rows */
.form-row {
/*     margin-bottom: 25px; */
    display: flex;
    gap: 25px;
}

.two-cols > span {
    width: 100%;
}

/* Phone Row */
.phone-row {
    align-items: top;
}

.phone-row span {
    flex: 1;
}

.flag-box {
    width: 70px;
    height: 60px;
    background: #dcdcdc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flag-box img {
    width: 32px;
}

/* Footer */
.form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

/* Checkbox */
.checkbox-container {
    font-size: 15px;
    color: #f0f0f0;
}

.checkbox-container input {
    margin-right: 10px;
}

/* Submit Button */
.custom-contact-form input[type="submit"] {
    background: linear-gradient(to right, #f3c39a, #f0b68a);
    border: none;
    color: #fff;
    padding: 16px 80px;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
}

.custom-contact-form input[type="submit"]:hover {
    opacity: 0.9;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 768px) {
    .form-row {
        flex-direction: column;
        gap: 15px;
    }

    .form-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .custom-contact-form input[type="submit"] {
        width: 100%;
        text-align: center;
    }
}



/* Force full width fields */
.form-row.two-cols {
    flex-direction: column;
}

.form-row.two-cols > span {
    width: 100% !important;
}

.form-row > span {
    width: 100%;
}

html .custom-contact-form input[type="submit"]
 {
	 border-radius: 0px !important;
}


/* Footer layout */
.form-footer {
    display: flex;
    align-items: center;
    gap: 25px;
}

/* Checkbox stays natural width */
.form-footer .checkbox-container {
    white-space: nowrap;
}

/* Submit button takes remaining space */
.form-footer input[type="submit"] {
    flex: 1;
    width: 100%;
}


.pxl-post--featured  {
	height: 500px !important;
}
.pxl-post--featured img
{
	object-fit: cover !important;
	    height: 100%;
}
.pxl-blog-style1 .pxl-post--featured + .item-body .item-body-inner {
    margin-top: -75%;
}

html .pxl-contact-info1 .pxl-item--icon i {
    color: #EBE9DD !important;
}


footer .elementor-icon {
    font-size: 20px !important 
}




/* subscribe */
/* 1. Reset the form container and hide the text label */
#mc4wp-form-1 .mc4wp-form-fields label {
    font-size: 0; /* Hides the "Email address:" text */
    display: flex !important;
    width: 100%;
    max-width: 600px; /* Adjust this to change form width */
    margin: 0 auto;
}

/* 2. Style the Email Input */
#mc4wp-form-1 .mc4wp-form-fields input[type="email"] {
    flex-grow: 1;
    background-color: #eeede3 !important; /* Cream background */
    border: 1px solid #7a6b63 !important;
    border-right: none !important; /* Removes border between input and button */
    padding: 15px 20px !important;
    font-size: 16px !important;
    color: #7a7a7a !important;
    border-radius: 0 !important; /* Makes it square */
    height: 50px; /* Ensures both elements are same height */
    box-sizing: border-box;
}

/* 3. Style the Submit Button */
#mc4wp-form-1 .mc4wp-form-fields input[type="submit"] {
    background-color: #a89a91 !important; /* Muted taupe/grey */
    color: #ffffff !important;
    border: 1px solid #7a6b63 !important;
    padding: 0 30px !important;
    font-size: 18px !important;
    cursor: pointer;
    border-radius: 0 !important; /* Makes it square */
    height: 50px;
    margin-left: 0 !important; /* Removes gap */
    box-sizing: border-box;
    -webkit-appearance: none; /* Fixes iOS styling */
}

/* 4. Fix for Mobile - ensures they stay side-by-side */
.mc4wp-form-fields {
    display: flex !important;
    justify-content: center;
    background-color: #5d3a2a; /* Brown background from screenshot */
    padding: 20px;
}

/* Optional: Button Hover effect */
#mc4wp-form-1 .mc4wp-form-fields input[type="submit"]:hover {
    background-color: #96887f !important;
}


.elementor-element-38c4986 p {
	display: none !important;
}

.menu-click .header-menu-toggle
 {
    background-color: #f4c9b0 !important; 
}


html .pxl-portfolio-grid-layout1 .project-container .project-item .project-details{
/* 	padding-right: 150px !important; */
}
html .ct-portfolio-details .ct-portfolio-address {
	   background-color: #004d45 !important;
	    margin-top: -22px !important;
 
}




/* contact us and career */
.pxl-contact-info2 .view-map a ,
.pxl-contact-info2 .pxl-item--icon i
{
    color: #623d2c !important;
}

 input[type="submit"]:not(.btn) {
    background-color: #623d2c !important;
}


html   .ct-textbox-inner::after ,
html .pxl-heading--inner .ct-textbox-inner::before
{
	    background-color: #a99e8e !important;
}

/*  change msg*/
/* .member-message {
  display: none;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}

.my-member-img {
  cursor: pointer;
} */

.contact-page-form   .wpcf7 .button-filled .wpcf7-submit {
	  
    color: #ffffff !important;
}
.contact-page-form  input[type="submit"]:not(.btn) {
    background: #f4cab2 !important;
}

html .elementor-4747 .elementor-element.elementor-element-d0ae56f .pxl-section-bg-parallax{
	background-image: url(http://binbazdevelopments.com/wp-content/uploads/2026/01/bg-parallax-1-update2.jpg) !important;
}


/* img  */
 /* TOP PARENT SECTION — MUST ALLOW OVERFLOW */
/* .elementor-element-d0ae56f {
    overflow: visible !important;
    position: relative;
} */

/* COLUMN INSIDE TOP SECTION */
/* .elementor-element-c15abf5 {
    overflow: visible !important;
}
 */
/* INNER BROCHURE SECTION */
/* .elementor-element-f83879d {
    position: relative;
    overflow: visible !important;
    z-index: 3;
} */

/* IMAGE COLUMN */
/* .elementor-element-754e5ab {
    overflow: visible !important;
    position: static !important;
} */

/* IMAGE ITSELF */
/* .elementor-element-d512b2d {
    position: absolute;
    top: 120px;        
    right: 0;
    z-index: 10;
} */

/* NEXT SECTION (CONTACT) */
/* .elementor-element-f1d4bc3 {
    position: relative;
    z-index: 1;
    padding-top: 220px;  
    background: #ffffff;
} */


.custom-consultant-section {
    display: flex;
    align-items: center; /* Vertically centers the text and logo */
    gap: 20px;           /* Space between elements */
    font-family: sans-serif; /* Adjust to match your site's font */
}

.consultant-label {
    text-transform: uppercase;
    color: #000;
    font-weight: 800;    /* Makes the text bold like the image */
    font-size: 24px;     /* Adjust based on your preference */
    line-height: 1.2;
    letter-spacing: 0.5px;
}

.vertical-divider {
    width: 6px;          /* Thickness of the line */
    height: 80px;        /* Matches the height of the logo area */
    background-color: #f7c8a9; /* The peach/orange color from your image */
}

.consultant-logo img {
    display: block;
    max-height: 90px;    /* Constrains the logo size */
    width: auto;
}


.elementor .elementor-element.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true]{
	    background-color: #623C2B !important;
}
.elementor-4747 .elementor-element.elementor-element-1c0c883.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{
	    background-color: #F4C8AE !important;
}
html .pxl-scroll-top:before,
html .custom-contact-form input[type="submit"]

{
	    background-color: #A99C95 !important;
}
html .custom-contact-form input[type="submit"]{
	
}
html .custom-contact-form input[type="submit"] {
    background: linear-gradient(to right, #a99c95, #a99c95); 
}
.pxl-scroll-top .pxl-scroll-progress-circle path{
	    stroke: #A99C95 !important;
}
.contact-page-form input[type="submit"]:not(.btn)
  {
    background: #A99C95 !important;
}

.page-id-4747 .mc4wp-form-fields,
.page-id-4747 .elementor-18 .elementor-element.elementor-element-47e19af:not(.elementor-motion-effects-element-type-background)
{
	background-color: #004d45 !important;
}
.page-id-4747 .elementor-18 .elementor-element.elementor-element-bbd423f .elementor-social-icon {
    background-color: #004d45 !important;
    color: white !important;
}
 .ct-fancybox-layout1 .ct-fancybox-inner:hover {
	background-color : #623d2c !important;
}

.page-id-4747 .ct-fancybox-layout1 .ct-fancybox-inner:hover,
.page-id-4747  input[type="submit"]:not(.btn)
{
	background-color :  #004d45 !important;
}
.page-id-4747 .pxl-contact-info2 .pxl-item--icon i,
.page-id-4747 .pxl-contact-info2 .view-map a

 {
    color: #004d45 !important;
}
.pxl-loader.style-1 .pxl-loader-spinner > div {
	background-color : #A99C95 !important;
}
.vertical-divider {
	background-color: #A99C95;
}
.pxl-blog-style1 .pxl-post--meta a {
    color: #ffffff !important;
	
}
footer .elementor-icon i{
	    color: white !important;
}
.pxl-menu-primary > li:hover > a, .pxl-menu-primary > li.current_page_item > a, .pxl-menu-primary > li.current-menu-item > a, .pxl-menu-primary > li.current_page_ancestor > a, .pxl-menu-primary > li.current-menu-ancestor > a {
    color: #A99C95 !important;
}

.consultant-row {
    display: flex;
    align-items: stretch; /* makes image match text height */
    gap: 30px;
}

.consultant-text {
    flex: 1;
}

.consultant-image {
    display: flex;
}

.consultant-image img {
    height: 100%;
    width: auto;
    object-fit: cover;
    border-radius: 10px;
}
.ct-fancybox-inner {
	min-height: 344px !important;
}
html .ct-google-map .ct-contact-form-inner {
    background-color: #623d2c !important; 
}
html  .ct-google-map .ct-google-contact-form {
	background-color: #A99C95 !important;
}
html .ct-portfolio-details .ct-portfolio-holder {
	padding: 15px !important;
}
.elementor-5089 .elementor-element.elementor-element-0622efb > .elementor-element-populated,
.elementor-5089 .elementor-element.elementor-element-88ae774 > .elementor-element-populated {
	box-shadow: 0 0 20px rgba(83, 83, 83, .18) !important;
	    padding: 2% 5% 2% 5%;

}



/* news link  */
.elementor-post,
.pxl-post {
  pointer-events: none;
}

.elementor-post a,
.pxl-post a {
  pointer-events: auto;
}
.pxl-post-carousel a {
  pointer-events: none !important;
}
.elementor-18 .elementor-element.elementor-element-bbd423f .elementor-social-icon {
    background-color: #623d2c !important;
}


/*  bnews*/
html .item-body-home .item-body-inner-home {
    padding: 63px 74px !important;
}

/* header */
html .menu-click{
	position: fixed !important;
    border: 1px solid #0000002e;
}
html .pxl-blog-style1 .pxl-post--featured + .item-body .item-body-inner {
    margin-top: -60% !important;
}