.choose-property-type [type=radio]:checked, .choose-property-type [type=radio]:not(:checked) {
    left: unset;
    position: relative;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a {
color: red !important;
}

html body .bg-light {
    background-color: #f7f7f7 !important;
    border-radius: 10px;
}

.other-store-app {
    align-items: center;
    border: 1px solid #0041d9;
    border-radius: 56px;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    height: 49px;
    padding: 0 10px;
    width: 135px;
}

footer.skin-dark-footer, footer.skin-dark-footer .footer-widget ul li a, footer.skin-dark-footer a {
    color: #ffffff;
    font-size: 14px;
    transition: .4s;
}

.footer-add {
    color: #ffffff;
    font-size: 13px;
}

.btn-primary, .btn-primary.disabled {
    background: #0100b3;
    border: 1px solid #0100b3;
    transition: .2s ease-in;
    border-radius: 25px;
}

.nav-menu.nav-menu-social>li.add-listing {
    background: #0041d9;
    border-radius: 25px;
    height: 50px;
    position: relative;
    top: 15px;
}

.full-search-2.hero-search-radius.shadow-hard {
    box-shadow: 0 10px 12px rgba(77, 60, 160, .1);
    -webkit-box-shadow: 0 10px 12px rgba(77, 60, 160, .1);
    border-radius: 48px;
}

.italian-search.hero-search-radius .btn.search-btn {
    align-items: center;
    border-radius: 30px;
    display: flex;
    height: 55px;
    justify-content: center;
}

.btn.btn-theme-light-2, .btn.btn-theme-light-2:focus, .btn.btn-theme-light-2:hover {
    background: #f7f7f7 !important;
    border: 2px solid #0041d9 !important;
    color: #0100b3 !important;
    padding: 16px 50px;
}

.rounded {
    border-radius: 30px !important;
}

.round.round-info, .round.round-primary, .theme-bg {
    background: #0041d9 !important;
    border-radius: 10px 10px 0px 0px;
}

.pricing-bottom .btn-pricing {
    background: 0 0 !important;
    border: 2px solid #f7f7f7 !important;
    border-radius: 30px;
    color: #08184b !important;
    font-weight: 600;
    padding: 16px 50px;
    position: relative;
    transition: .4s;
    width: 80%;
}

.pricing-bottom .btn-pricing:focus, .pricing-bottom .btn-pricing:hover, .recommended .pricing-bottom .btn-pricing {
    background: #f7f7f7 !important;
    border-color: #f7f7f7 !important;
    color: #0100b3 !important;
}

.yellow-skin .btn-outline-theme:focus, .yellow-skin .btn-outline-theme:hover, .yellow-skin .btn-theme-2:focus, .yellow-skin .btn-theme-2:hover, .yellow-skin .btn.btn-theme, .yellow-skin .btn.btn-theme:focus, .yellow-skin .btn.btn-theme:hover, .yellow-skin .btn.pop-login, .yellow-skin .btn.search-btn, .yellow-skin .btn.search-btn-outline:focus, .yellow-skin .btn.search-btn-outline:hover, .yellow-skin .checkbox-custom:checked+.checkbox-custom-label:before, .yellow-skin .home-slider-desc .read-more, .yellow-skin .nav-tabs .nav-item.show .nav-link, .yellow-skin .nav-tabs .nav-link.active, .yellow-skin .pagination li:first-child a, .yellow-skin .pagination>.active>a, .yellow-skin .pagination>.active>a:focus, .yellow-skin .pagination>.active>a:hover, .yellow-skin .pagination>.active>span, .yellow-skin .pagination>.active>span:focus, .yellow-skin .pagination>.active>span:hover, .yellow-skin .pagination>li>a:focus, .yellow-skin .pagination>li>a:hover, .yellow-skin .pricing-bottom .btn-pricing:focus .yellow-skin .select2-container--default .select2-results__option--highlighted[aria-selected], .yellow-skin .pricing-bottom .btn-pricing:hover, .yellow-skin .property-listing.property-1 .listing-detail-btn .more-btn, .yellow-skin .property-search-type label.active, .yellow-skin .property-search-type label:hover, .yellow-skin .radio-custom:checked+.radio-custom-label:before, .yellow-skin .range-slider .ui-slider .ui-slider-handle, .yellow-skin .range-slider .ui-widget-header, .yellow-skin .simple-search-wrap .pk-input-group .pk-subscribe-submit, .yellow-skin .single-widgets.widget_search form button, .yellow-skin .single-widgets.widget_tags ul li a:focus, .yellow-skin .single-widgets.widget_tags ul li a:hover, .yellow-skin .theme-bg, .yellow-skin li.login-attri.theme-log a {
    background: #0041d9;
}

.hero-banner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 400px;
    padding: 5em 0;
    border-radius: 0 0 10px 10px;
}

.d-navigation ul li.active a, .header-fixed .nav-menu.nav-menu-social .text-light, .nav-menu>.active>a, .nav-menu>.focus>a, .nav-menu>li:hover>a, .text-success, a.text-success:focus, a.text-success:hover {
    color: #0041d9 !important;
}

.img-fluid {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.rents {
    margin: 0;
    padding: 50px 0;
    background-color: #f7f7f7;
    border-radius: 10px;
    margin-bottom: 80px;
}

.container1 {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.item {
    flex: 1 0 300px;
    margin: 10px;
    padding: 20px;
    background-color: #fff;
    text-align: center;
    border-radius: 15px;
    color: #000;
}

.item h2 {
    margin-top: 0;
}

.button1 {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #0100b3;
    color: white !important;
    text-decoration: none;
    border-radius:24px;
}

.nmls {
    margin-top: 10px;
    font-size: smaller;
}

.middle-icon-features-item img{
  border-radius:6px;
  width:292px;
  height:280px;
}


@media (max-width: 768px) {
    .item {
        flex: 1 0 100%;
    }
}
@media (max-width: 768px) {
        /* Adjust image size for smaller screens */
        .middle-icon-features-item img {
            width: 100%;
            height: auto;
        }
    }

.cookie-consent .cookie-consent__agree {
    background-color: #000;
    border: 1px solid #fff !important;
    border-radius: 25px !important;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 11px;
    font-weight: 600;
    outline: none !important;
    padding: 5px 10px !important;
    text-transform: uppercase;
    width: auto;
}

.content_block_2 .content-box .btn-box .download-btn i {
    color: #e81717;
    font-size: 40px;
    left: 15px;
    position: absolute;
    top: 4px;
}



.middle-icon-features-item2 {
    margin-top: 30px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    padding: 55px 16px;
    border-radius: 30px;
}

.icon-features-wrap, .middle-icon-large-features-box {
    bottom: 15px;
}

/*.hollow-circle {*/
/*            width: 125px;*/
/*            height: 125px;*/
/*            background: linear-gradient(45deg, rgba(255, 99, 71, 1), rgba(255, 99, 71, 1));*/
/*            border-radius: 50%;*/
/*            position: relative;*/
/*            display: flex;*/
/*            justify-content: center;*/
/*            align-items: center;*/
            box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); /* Inner box shadow */
/*        }*/

/*        .hollow-circle::before {*/
/*            content: "";*/
/*            position: absolute;*/
            top: 15px; /* Adjust the thickness of the hollow */
/*            left: 15px;*/
            width: calc(100% - 30px); /* Reduce the size to create the hollow effect */
/*            height: calc(100% - 30px);*/
            background-color: white; /* Matches the page background */
/*            border-radius: 50%;*/
/*            z-index: 1;*/
/*        }*/

/*        .arrow-icon {*/
/*            position: absolute;*/
/*            top: 50%;*/
/*            left: 58%;*/
/*            transform: translateY(-50%);*/
            width: 125px !important; /* Adjust the size of the arrow */
/*            height: auto !important;*/
/*        }*/

.infographics {
            text-align: center;
            max-width: 1000px;
            margin: 20px;
        }

        .infographics h1 {
            font-size: 32px;
            color: #333;
            margin-bottom: 40px;
        }

        .steps {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 20px;
        }

        .step {
            flex: 1;
            min-width: 280px;
            max-width: 350px;
            position: relative;
            text-align: center;
        }

        .step-circle {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            background: #fff;
            border: 10px solid #ddd;
            position: relative;
            margin: 0 auto;
        }

        .step-circle::before {
            content: "";
            width: 120px;
            height: 120px;
            border-radius: 50%;
            background-color: transparent;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border: 6px solid;
        }

        .step:nth-child(1) .step-circle {
            border-color: #4caf50;
        }

        .step:nth-child(1) .step-circle::before {
            border-color: #4caf50 transparent transparent transparent;
        }

        .step:nth-child(2) .step-circle {
            border-color: #00bcd4;
        }

        .step:nth-child(2) .step-circle::before {
            border-color: #00bcd4 transparent transparent transparent;
        }

        .step:nth-child(3) .step-circle {
            border-color: #2196f3;
        }

        .step:nth-child(3) .step-circle::before {
            border-color: #2196f3 transparent transparent transparent;
        }

        .step-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
        }

        .step-icon {
            font-size: 32px;
            margin-bottom: 10px;
            color: #666;
        }

        .step-title {
            font-size: 18px;
            font-weight: bold;
            color: #333;
            margin-bottom: 10px;
        }

        .step-description {
            font-size: 14px;
            color: #666;
            line-height: 1.5;
        }

        @media (max-width: 768px) {
            .steps {
                flex-direction: column;
                align-items: center;
            }

            .step {
                max-width: 90%;
            }
        }

        @media (max-width: 480px) {
            .step-circle {
                width: 120px;
                height: 120px;
                border-width: 8px;
            }

            .step-circle::before {
                width: 100px;
                height: 100px;
                border-width: 5px;
            }

            .step-icon {
                font-size: 28px;
            }

            .step-title {
                font-size: 16px;
            }

            .step-description {
                font-size: 12px;
            }
        }

.middle-icon-large-features-box2{
      margin: 15px auto;
}

.fa-handshake {
            font-size: 36px; /* Size of the search icon */
            color: rgba(139, 193, 72, 1); /* Color of the icon */
            z-index: 2; /* Ensure the icon appears above the white hollow part */
        }
.fa-chart-line {
            font-size: 36px; /* Size of the search icon */
            color: rgba(139, 193, 72, 1); /* Color of the icon */
            z-index: 2; /* Ensure the icon appears above the white hollow part */
        }
.fa-file-contract {
            font-size: 36px; /* Size of the search icon */
            color: rgba(139, 193, 72, 1); /* Color of the icon */
            z-index: 2; /* Ensure the icon appears above the white hollow part */
        }
/* Style for highlighting the headings */
.highlight-heading {
    color: #fff; /* Text color (white) */
    font-weight: bold; /* Make the heading bold */
    text-transform: uppercase; /* Optional: transforms text to uppercase */
    background-color: #ff6f61; /* Background color for highlighting */
    padding: 5px 15px; /* Add padding around the text for better spacing */
    border-radius: 5px; /* Optional: rounded corners for the background */
}





/* How ITS WORKS */
/* Reset and grid layout */
.main-body, .main-body::before, .main-body::after, 
.card-grid, .card-grid::before, .card-grid::after, 
.card-grid *, .card-grid *::before, .card-grid *::after { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
}
.card-grid { 
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 1rem;
    width: min(80rem, calc(100% - 2rem));
    margin-inline: auto;
    padding-block: 1rem;
    list-style: none;
    counter-reset: count;
}
/* Card layout/styling */
.card-item {
    --card-background-color: #f0f0f0;
    --card-text-color: #0F0F0F;
    --card-border-radius: 0.5rem;
    --card-padding-block: 1.5rem;
    --card-padding-inline: 1rem;
    --outset-size: 0.75rem;
    --outset-background-color: #e5e5e5;
    --number-font-size: 3rem;
    --number-overlap: 0.5rem;
    --number-font-family: 'Oswald', sans-serif;
    --number-font-weight: 500;
    border: 2px solid var(--accent-color);
    margin: var(--outset-size);
    margin-top: calc(var(--number-font-size) - var(--number-overlap));
    border-radius: var(--card-border-radius);
    padding-block: var(--card-padding-block);
    padding-inline: var(--card-padding-inline);
    color: var(--card-text-color);
    background: linear-gradient(145deg, var(--card-background-color), #ffffff);
    box-shadow: 
        10px 10px 20px rgba(0, 0, 0, 0.1),
        -10px -10px 20px rgba(255, 255, 255, 0.9);
    position: relative;
    counter-increment: count;
    transition: transform 0.3s, box-shadow 0.3s, background 0.3s;
}
.card-item:hover {
    transform: translateY(-5px);
    box-shadow: 
        0 4px 20px rgba(0, 0, 0, 0.3);
    background: linear-gradient(145deg, #ffffff, var(--card-background-color));
}
.card-item::after {
    content: counter(count, decimal-leading-zero);
    position: absolute;
    bottom: calc(100% - var(--number-overlap));
    left: 50%;
    transform: translateX(-50%);
    color: var(--accent-color);
    font-family: var(--number-font-family);
    font-weight: var(--number-font-weight);
    font-size: var(--number-font-size);
    line-height: 1;
    z-index: -1;
}
.card-item::before {
    content: "";
    position: absolute;
    width: calc(100% + (var(--outset-size) * 2));
    height: 100%;
    bottom: calc(var(--outset-size) * -1);
    left: calc(var(--outset-size) * -1);
    z-index: -1;
    border-bottom-left-radius: calc(var(--card-border-radius) + var(--outset-size));
    border-bottom-right-radius: calc(var(--card-border-radius) + var(--outset-size));
    background-color: var(--outset-background-color);
    background-image: 
        linear-gradient(to left, var(--outset-background-color) calc(var(--outset-size) * 2), transparent 0),
        linear-gradient(135deg, var(--accent-color) 80%, var(--outset-background-color) 0);    
}
/* Card content */
.header-title {
    font-size: 2.5rem;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    font-weight: normal;
    margin-bottom: 1rem;
    color: var(--accent-color);
}
.icon-container {
    font-size: 2rem;
    text-align: center;
    margin-bottom: calc(var(--card-padding-block) * .5);
}
.card-title {
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}
/* Change card title color on hover */
.card-item:hover .card-title {
    color: black; /* Change to black on hover */
}
.card-description {
    color: var(--card-text-color);
    font-size: 0.75rem;
    font-family: 'Merriweather', serif;
    text-align: center;
}
/* Body styling */
.main-body {
    background-color: #f5f5f5;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* Accent colors for each card */
.accent-orange {
    --accent-color: #FF6F00;
}
.accent-blue {
    --accent-color: #008DC2;
}
.accent-darkblue {
    --accent-color: #5aede7;
}
.accent-gray {
    --accent-color: #77c736;
}
.fa-chart-line {
    font-size: 36px;
    color: #000;
    z-index: 2;
}