﻿
.topbar_menu a.elementor-item {
    color: var(--cs-primary);
    fill: var(--cs-primary) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

.customizer {
    position: fixed;
    z-index: 99999;
    top: 0px;
    right: -35%;
    transition: 0.3s all ease-in-out;
    width: 25%;
}

    .customizer .accordion .card-header {
        height: 55px;
        padding: 0.5rem 3rem !important;
        margin-bottom: 0 !important;
        background-color: rgba(0, 0, 0, 0.03) !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
        border-color: rgba(0, 0, 0, 0.03) !important;
    }

.customizer-body {
    max-height: 100% !important;
}

.customizer .handle {
    padding: 5px 8px !important;
}

.customizer.open {
    right: 0;
}

.customizer .handle {
    position: absolute;
    display: flex;
    top: 8px;
    left: -36px;
    background: #2998ff;
    cursor: pointer;
    padding: 10px 8px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: -3px 0px 4px rgba(0, 0, 0, 0.06);
    color: #fff;
    font-size: 20px;
    transition: 0.3s all ease-in-out;
}

    .customizer .handle:hover {
        background: #2998ff;
        color: #fff;
    }

.customizer .customizer-body {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08);
    max-height: calc(100vh - 140px);
    overflow: hidden;
}

    .customizer .customizer-body .layouts {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -8px;
    }

        .customizer .customizer-body .layouts .layout-box {
            position: relative;
            margin: 0 8px;
            box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.03);
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            width: calc(50% - 16px);
            border: 1px solid rgba(0, 0, 0, 0.08);
        }

            .customizer .customizer-body .layouts .layout-box img {
                width: 180px;
            }

            .customizer .customizer-body .layouts .layout-box i {
                display: none;
                position: absolute;
                top: 0;
                text-align: center;
                right: 0;
                height: 24px;
                font-size: 18px;
                line-height: 24px;
                width: 32px;
                color: #ffffff;
                background: #2998ff;
                border-radius: 0 0 0 6px;
            }

            .customizer .customizer-body .layouts .layout-box.active {
                border: 1px solid #2998ff;
            }

                .customizer .customizer-body .layouts .layout-box.active i {
                    display: inline-block;
                }

    .customizer .customizer-body .colors {
        display: flex;
        flex-wrap: wrap;
    }

        .customizer .customizer-body .colors .color {
            width: 36px;
            height: 36px;
            display: inline-block;
            border-radius: 50%;
            margin: 8px;
            text-align: center;
            box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.03);
            cursor: pointer;
        }

            .customizer .customizer-body .colors .color.purple {
                background: #2998ff;
            }

            .customizer .customizer-body .colors .color.blue {
                background: #2f47c2;
            }

            .customizer .customizer-body .colors .color i {
                display: none;
                color: #ffffff;
                font-size: 18px;
                line-height: 36px;
            }

            .customizer .customizer-body .colors .color.active i {
                display: unset;
            }

@media (max-width: 767px) {
    .customizer {
        width: 280px;
        right: -280px;
    }
}


[dir=rtl] .customizer {
    right: auto;
    left: -380px;
}

    [dir=rtl] .customizer.open {
        right: auto;
        left: 0;
    }

    [dir=rtl] .customizer .handle {
        top: 8px;
        left: auto;
        right: -36px;
        border-top-left-radius: 0;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 4px;
        box-shadow: -3px 0px 4px rgba(0, 0, 0, 0.06);
    }

/*// Banner image*/

.bt_bb_section {
    position: relative;
    padding: unset !important;
    background-color: rgb(255, 255, 255);
}

    .bt_bb_section.bt_bb_top_spacing_extra_large > .bt_bb_port {
        padding-top: 6.5em !important;
    }

    .bt_bb_section .bt_bb_port {
        z-index: 2;
        position: relative;
    }

.bt_bb_animation_fade_in.animated {
    opacity: 1;
}

.bt_bb_section.bt_bb_section_with_top_coverage_image, .bt_bb_section.bt_bb_section_with_bottom_coverage_image {
    overflow: hidden;
}

html[data-bt_bb_screen_resolution="xl"].bt_bb_backgroud_fixed_supported .bt_bb_section.bt_bb_background_image {
    background-attachment: scroll;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.bt_bb_section[style*="background-image"] {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.single-logo {
    border: 1px solid var(--cs-primary);
    height: auto;
    border-radius: 20px;
}

    .single-logo img {
        border-radius: 20px;
    }

.picman_tm_hero .project_list_wrap .container .inner_wrap .right_box ul li .list_inner h3 a {
    font-family: var(--ff_monsterrat_serif) !important;
}

    .picman_tm_hero .project_list_wrap .container .inner_wrap .right_box ul li .list_inner h3 a:hover {
        text-decoration: underline;
        color: #72bad5 !important;
    }