/*
    1.0 Normalize
    2.0 Radio Image & Builder Layout
    3.0 Section Tab
    4.0 Icon Picker
    5.0 Box Shadow
    6.0 Text
    7.0 Typography
    8.0 Toggle Control
    9.0 Number
    10.0 Border
    11.0 Dimension
    12.0 Radio Tab
    13.0 Color
    14.0 Builder
    15.0 Heading Toggle
    16.0 Repeater
    17.0 Redirect
    18.0 Reorder
*/

/*
=========================
MARK: 1.0 Normalize
=========================
*/  
    :root {
        --customizer-color: #007cba;
        --customizer-hover: #f5fafc;
        --customizer-light-grey: #f0f0f0;
        --customizer-dark-grey: #939393;
        --customizer-border-color: #cccccc;
        --px-height: 30px;
        --px-width: 45px;
    }

    #customize-preview {
        height: initial;
    }

    .wp-full-overlay-sidebar-content {
        background: #fff;
    }

    .wp-customizer .media-modal {
        z-index: 9999999;
    }

    #customize-theme-controls .customize-pane-child.accordion-section-content > .customize-control:first-child {
        padding-top: 0;
    }

    .customize-pane-child.control-section .customize-control,
    #sub-accordion-section-website_layout_section #customize-control-site_content_width .customize-control{
        padding: 0;
        margin: 0;
        margin-top: 20px;
        padding-bottom: 20px;
    }

    /* .customize-pane-child.control-section .customize-control:nth-of-type(2) {
        padding-top: 20px;
    } */

    .customize-pane-child.control-section .customize-control:not(:last-child) {
        border-bottom: 1px solid var(--customizer-light-grey);
    }

    #sub-accordion-section-title_tagline .customize-control .description p {
        font-style: italic;
    }

    .customize-control .control-content.is-block {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .customize-control .control-content:not(.is-block) > .control-head {
        margin-bottom: 10px;
    }

    .customize-control .control-content .control-head {
        display: flex;
        justify-content: left;
        align-items: center;
        gap: 10px;
    }

    .customize-control .control-content .dashicons-image-rotate,
    .bbe-dropdown-popover.typography-popover .typography-block .dashicons-image-rotate {
        display: flex;
        justify-content: right;
        align-items: center;
        font-size: 11px;
        transition: all 0.3s ease;
        cursor: pointer;
    }

    .customize-control .control-content .dashicons-image-rotate:hover,
    .bbe-dropdown-popover.typography-popover .typography-block .dashicons-image-rotate:hover {
        color: var(--customizer-color);
    }
    .customize-control .customizer-control-title,
    .customize-control-title {
        display: block;
        font-size: 14px;
        line-height: 1.75;
        font-weight: 400;
        margin: 0;
        color: hsl(0, 0%, 0%);
    }

    .customize-control-title  {
        margin-bottom: 10px;
    }

    .customize-control .desc-icon {
        color: var(--customizer-dark-grey);
    }

    .customize-control .control-head .desc-icon:hover {
        color: var(--customizer-color);
    }

    .customize-control .control-content .control-head-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
        flex: 1;
    }

    .customize-control-bbe-color-palette .component-color-indicator,
    .bbe-palette-popover .component-color-indicator {
        cursor: pointer;
    }

    .customize-control .control-content .control-head-wrapper.is-reset.is-responsive .control-head,
    .bbe-dropdown-popover.typography-popover .typography-block .label {
        flex: 1;
    }

    .customize-control .control-content .control-head-wrapper.is-reset.is-responsive .control-head {
        order: 1;
    }

    .customize-control .control-content .control-head-wrapper.is-reset.is-responsive .bbe-responsive-icons {
        order: 3;
        display: flex;
        gap: 6px;
    }

    .customize-control .control-content .control-head-wrapper.is-reset.is-responsive .dashicons-image-rotate {
        order: 2;
        padding-right:6px;
    }

    .customize-control.customize-control-bbe-color .control-content .control-head-wrapper {
        margin-bottom: 0;
    }

    .components-popover.bbe-dropdown-popover .components-popover__content .bbe-responsive-icons,
    .customize-control .control-content .control-head-wrapper .bbe-responsive-icons {
        display: flex;
        gap: 4px;
    }

    .components-popover.bbe-dropdown-popover .components-popover__content .bbe-responsive-icons .responsive-icon,
    .customize-control .control-content .control-head-wrapper .bbe-responsive-icons .responsive-icon {
        font-size: 13px;
        height: 15px;
        width: 15px;
        line-height: 15px;
        cursor: pointer;
    }

    .components-popover.bbe-dropdown-popover .components-popover__content .bbe-responsive-icons .responsive-icon:hover,
    .customize-control .control-content .control-head-wrapper .bbe-responsive-icons .responsive-icon:hover,
    .customize-control .control-content .bbe-responsive-icons .responsive-icon.active {
        color: var(--customizer-color);
    }

    .preview-desktop .customize-control.customize-control-bbe-responsive-builder {
        display: none !important;
    }

    .preview-tablet .customize-control.customize-control-bbe-responsive-builder,
    .preview-mobile .customize-control.customize-control-bbe-responsive-builder {
        display: block !important;
    }

    .customize-control.bbe-hidden-control,
    .customize-control.bbe-heading-hidden,
    .customize-control.bbe-hide {
        display: none !important;
    }

    .bbe-section-hidden {
        display: none !important;
    }

    /* Chrome, Edge, Safari */
    .wp-full-overlay-sidebar-content::-webkit-scrollbar {
        width: 12px;
    }

    .wp-full-overlay-sidebar-content::-webkit-scrollbar-track {
        background: var(--customizer-light-grey);
    }

    .wp-full-overlay-sidebar-content::-webkit-scrollbar-thumb {
        background: #888;
    }

    /* Firefox */
    .wp-full-overlay-sidebar-content {
        scrollbar-width: thin;
        scrollbar-color: var(--customizer-dark-grey) #00000000;
    }

    .customize-section-description-container {
        margin: 0;
    }

    .components-popover.bbe-dropdown-popover .components-popover__content,
    .components-dropdown__content .components-popover__content {
        width: 300px;
        padding: 16px;
        /* max-height: 370px !important; */
    }

    .customize-control .bbe-dropdown-container,
    .components-dropdown__content .components-popover__content .components-color-picker,
    .components-dropdown__content .components-popover__content .components-color-picker .react-colorful,
    .components-dropdown__content .components-popover__content .components-color-picker .react-colorful__hue,
    .components-dropdown__content .components-popover__content .components-color-picker .react-colorful .react-colorful__alpha {
        width: 100%;
    }

    .components-button.is-primary:focus:not(:disabled) {
        box-shadow: none;
    }

    .components-popover__fallback-container .components-popover__content .components-dropdown-content-wrapper {
        margin: 0;
    }
    .components-dropdown__content .components-popover__content .components-dropdown-content-wrapper .components-color-picker .components-flex {
        padding: 2px;
    }

    .bbe-color-dropdown-popover .color-container .presets,
    .presets {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .bbe-color-dropdown-popover .color-container .container-body > .components-flex.components-h-stack {
        margin-top: calc(10px);;
    }

    /* .bbe-color-dropdown-popover .color-container .presets .color:not(:first-child) {
        margin-left: 4px;
    } */

    .customize-control .bbe-dropdown-container .highlight {
        background-color: #fff;
        color: #2c3338;
        height: var(--px-height);
        display: flex;
        align-items: center;
        padding: 0 8px;
        border: 1px solid var(--customizer-border-color);
        gap: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: default;
        border-radius: 3px;
        field-sizing: content;
        font-size: 12px;
        cursor: pointer;
    }

    .customize-control .bbe-dropdown-container .highlight:hover {
        border-color: var(--customizer-color);
        background: var(--customizer-hover);
    }

    .customize-control .bbe-dropdown-container .highlight > .label {
        flex: 1 0 auto;
    }

    .customize-control .bbe-dropdown-container .highlight > .dropdown-icon {
        margin-left: 5px;
        height: unset;
        font-size: 16px;
        width: unset;
    }

    .components-popover.bbe-dropdown-popover .components-color-picker,
    .components-popover.bbe-dropdown-popover .components-color-picker .react-colorful,
    .components-popover.bbe-dropdown-popover .components-color-picker .react-colorful > * {
        width: 100%;
    }

    .components-popover__fallback-container .components-popover__content .components-color-picker {
        padding: calc(6px) 0px 0px;
    }

    .components-popover__fallback-container .components-popover__content .presets .component-color-indicator {
        position: relative;
        border-radius: 3px;
        width: 30px;
        transition: all 0.25s ease;
    }

    .components-popover__fallback-container .components-popover__content .presets .component-color-indicator.active {
        --customizer-color: #2145e6;
        outline: 2px solid var(--customizer-color);
        outline-offset: 1.5px;
    }

    /* .components-popover__fallback-container .components-popover__content .presets {
        display: flex;
        flex-wrap: wrap;
    } */

    .components-popover__fallback-container .components-popover__content .presets .component-color-indicator {
        margin: 0;
    }

    .components-popover__fallback-container .color-container .react-colorful__saturation {
        height: 170px ;
        border-radius: 3px;
    }

    .components-popover__fallback-container .color-container .container-body .components-card__body .components-base-control {
        margin-bottom: 10px;
    }

    .components-popover.bbe-dropdown-popover .components-color-picker:last-child .components-flex:last-child {
        padding-inline: 0;
        padding-bottom: 0;
    }

    .components-popover.bbe-dropdown-popover .components-color-picker:last-child .components-flex:first-child .components-select-control .components-input-control__backdrop{
        outline: unset;
    }

    .components-popover.bbe-dropdown-popover .components-color-picker:last-child .components-flex .components-input-control__container {
        width: 100%;
    }
    .components-popover.bbe-dropdown-popover .components-color-picker:last-child .components-flex .components-input-control__container .components-input-control__backdrop {
        outline: 1px solid #cccccc;
        border: unset;
    }

    .customize-control .bbe-color-indicator,
    .components-popover.box-shadow-popover .box-shadow-block.color-block .component-color-indicator {
        width: 37px;
        height: 25px;
        border-radius: 3px;
        margin-left: auto;
        margin-top: auto;
        margin-bottom: auto;
        cursor: pointer;
    }

    #customize-theme-controls .control-section.open {
        border-bottom: unset;
    }

    #customize-theme-controls .customize-pane-child.accordion-section-content,
    #customize-theme-controls .customize-pane-child.accordion-sub-container {
        overflow: hidden;
        margin: 0;
        background: transparent;
    }

    .customize-control-border .components-base-control__field .components-base-control__label,
    .customize-control-dimension .components-base-control__field .components-base-control__label {
        display: block;
        margin-bottom: 5px;
        font-size: 11px;
        font-weight: unset;
        line-height: unset;
        text-transform: unset;
        padding: unset;
    }

    .customize-control-border .components-base-control__field .components-range-control__wrapper,
    .customize-control-dimension .components-base-control__field .components-range-control__wrapper {
        display: none;
    }

    .customize-control-border .components-base-control__field .components-number-control.components-range-control__number,
    .customize-control-dimension .components-base-control__field .components-number-control.components-range-control__number {
        margin-left: unset !important;
    }

    .customize-control-border .components-base-control__field .components-input-control__container,
    .customize-control-dimension .components-base-control__field .components-input-control__container {
        width: 100% !important;
    }

    .customize-control-border .components-base-control__field .components-input-control__container .components-input-control__backdrop,
    .customize-control-dimension .components-base-control__field .components-input-control__container .components-input-control__backdrop {
        border: 1px solid var(--customizer-border-color) !important;
        border-radius: 3px;
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: 0.5px;
    }

    .control-content .components-input-base:focus-within .components-input-control__backdrop {
        border: 1px solid var(--customizer-color) !important;
        border-radius: 3px !important;
        box-shadow: unset !important;
        outline: unset !important;
    }

    .customize-control-border .components-base-control__field .components-range-control__root,
    .customize-control-dimension .components-base-control__field .components-range-control__root {
        min-height: 0px;
    }

    .customize-control-border .components-base-control__field .components-input-control__input,
    .customize-control-dimension .components-base-control__field .components-input-control__input {
        height: var(--px-height) !important;
        min-height: var(--px-height) !important;
    }

    /* MARK: Multiselect */
    div.bbe-select-wrapper__input-container {
        cursor: text;
    }

    .bbe-select-wrapper__control input[type=text] {
        box-shadow: none;
    }

/*================= Accordion Section Title Styles =================*/
    #customize-controls .wp-full-overlay-sidebar-content {
        background: #fff;
    }

    #customize-theme-controls .customize-pane-parent {
        background: #f5f5f5;
        height: 100%;
    }

    #customize-controls #customize-theme-controls .customize-pane-child {
        background-color: #fff;
    }

    #customize-controls .customize-info {
       margin: 0;
    }

    #customize-theme-controls .control-panel-themes>.accordion-section-title,
    #customize-theme-controls .control-panel-themes>.accordion-section-title, #customize-theme-controls .control-panel-themes>.accordion-section-title:hover {
        border-top: none;
    }

    #customize-controls #sub-accordion-panel-nav_menus .customize-info {
        border-bottom: 1px solid #dcdcde;
        margin-bottom: 10px;
    }

    #customize-outer-theme-controls .control-section, #customize-theme-controls .control-section {
        background: #fff;
        box-sizing: border-box;
        margin: 0 7px 0 7px;
    }

    #customize-theme-controls #accordion-section-advertisement_section,
    #customize-theme-controls .customize-pane-parent #accordion-section-section_reorder_section,
    #customize-theme-controls .customize-pane-parent #accordion-section-footer_builder_section,
    #customize-theme-controls .customize-pane-parent #accordion-panel-theme_header_panel,
    #customize-theme-controls .customize-pane-parent #accordion-section-custom_css {
        margin-bottom: 15px !important;
    }

    .customize-pane-parent > .accordion-section, .customize-pane-child > .accordion-section {
        background: #fff;
        box-sizing: border-box;
        margin: 0 7px 0 7px;
    }

    .customize-pane-child > .accordion-section {
        background: #fff;
        box-sizing: border-box;
        margin: 0;
    }

    #customize-theme-controls .customize-pane-parent #accordion-section-themes {
        margin: 0;
    }


    #customize-controls .control-section .accordion-section-title button:hover,
    #customize-controls .control-section:hover>.accordion-section-title {
        background-color: #f3f4f6;
        color: var(--customizer-color);
    }
    #customize-controls .control-section .accordion-section-title button:focus,
    #customize-controls .control-section.open .accordion-section-title {
        border: none;
        color: var(--customizer-color);
    }

    #customize-theme-controls .accordion-section-title button.accordion-trigger {
        padding: 14px 24px;
        line-height: 17px;
    }

    #customize-theme-controls .control-panel-content:not(.control-panel-nav_menus) .control-section:nth-child(2),
    #customize-theme-controls .control-panel-nav_menus .control-section-nav_menu,
    #customize-theme-controls .control-section-nav_menu_locations .accordion-section-title {
        border: none;
        margin-top: 10px;
    }

    #customize-theme-controls .control-panel-content:not(.control-panel-nav_menus) .control-section {
        margin: 0;
    }

    #customize-controls .control-section>h3.accordion-section-title {
        display: flex;
        align-items: center;
        font-size: 13px;
        font-weight: 400;
        line-height: 13px;
        border-left: none;
        border-bottom: none;
    }

    #customize-controls .control-section>h3.accordion-section-title:after {
        font-size: 12px;
        top: calc(50% - 6px);
        right: 23px;
        color: inherit;
    }

/*
=========================
MARK: 2.0 Radio Image
=========================
*/
    .customize-control-radio-image .control-content .components-radio-control__group-wrapper,
    .customize-control-builder-layout .control-content .components-radio-control__group-wrapper {
        display: grid;
        grid-template-columns: repeat( 2, 1fr );
        gap: 15px;
        align-items: center;
        justify-content: center;
    }

    .customize-control-radio-image .control-content .components-radio-control__option,
    .customize-control-builder-layout .control-content .components-radio-control__option {
        display: block;
        position: relative;
    }

    .customize-control-radio-image .control-content .components-base-control__label,
    .customize-control-builder-layout .control-content .components-base-control__label {
        margin-bottom: 0;
    }

    .customize-control-radio-image .control-content .components-radio-control__label,
    .customize-control-builder-layout .control-content .components-radio-control__label {
        display: block;
        height: 100%;
        padding: 4px;
        border-radius: 5px;
        outline: 1px solid var(--customizer-light-grey);
    }

    .customize-control-radio-image .control-content .components-radio-control__label img,
    .customize-control-builder-layout .control-content .components-radio-control__label img {
        height: 100%;
        object-fit: contain;
        width: 100%;
        display: block;
    }

    .customize-control-radio-image .control-content .components-radio-control__label:hover,
    .customize-control-builder-layout .control-content .components-radio-control__label:hover {
        outline: 1px solid var(--customizer-color);
        background: var(--customizer-hover);
    }

    .customize-control-radio-image .control-content .components-radio-control__input:checked + .components-radio-control__label,
    .customize-control-builder-layout .control-content .components-radio-control__input:checked + .components-radio-control__label {
        outline-color: var(--customizer-color);
        background: var(--customizer-hover);
    }

    .customize-control-radio-image .control-content .components-radio-control__input:checked + .components-radio-control__label::after,
    .customize-control-radio-image .control-content .components-radio-control__label:hover::after,
    .customize-control-builder-layout .control-content .components-radio-control__input:checked + .components-radio-control__label::after,
    .customize-control-builder-layout .control-content .components-radio-control__label:hover::after {
        content: '\f147';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-weight: 500;
        font-family: "Dashicons";
        font-size: var(--px-height);
        color: var(--customizer-color);
    }

    .customize-control-radio-image .control-content .components-radio-control__group-wrapper input[type="radio"],
    .customize-control-builder-layout .control-content .components-radio-control__group-wrapper input[type="radio"] {
        display: none;
    }

/*
=========================
MARK: 3.0 Section Tab
=========================
*/ 
/* ========= Layout One ==============  */
    .customize-pane-child.control-section .customize-control.customize-control-section-tab {
        margin-inline: -12px;
        width: calc(100% + 24px);
        padding: 0;
        margin-top: 0px;
        border-bottom: none;
    }

    .customize-pane-child.control-section .customize-control.customize-control-section-tab .control-content {
        margin-top: 15px;
    }

    .customize-control-section-tab .control-content .components-base-control__label {
        margin-top: 0;
    }

    .customize-control-section-tab .components-radio-control__option {
        display: inline-block;
        width: 100%;
    }

    .customize-control-section-tab .content-wrapper .components-radio-control__group-wrapper {
        gap: 0;
    }

    .customize-control-section-tab .control-content .components-radio-control__group-wrapper {
        display: flex;
        position: relative;
        column-gap: 7px;
        flex-direction: row;
        position: sticky;
        z-index: 2;
        top: 0px;
        padding: 0 14px;
        background: #fff;
    }

    .customize-control-section-tab .control-content .components-radio-control__group-wrapper::before {
        position: absolute;
        content: "";
        inset: -15px 0 1px 0;
        background-color: #fff;
        bottom: 0px;
        border-bottom: 1px solid var(--customizer-border-color);
        z-index: -1;
    }

    .customize-control-section-tab .control-content .components-radio-control__group-wrapper::after {
        position: absolute;
        content: "";
        inset-inline: 0;
        bottom: -5px;
        width: 100%;
        height: 5px;
        background: #fff;
    }

    .customize-control-section-tab .control-content .components-radio-control__group-wrapper input[type="radio"] {
        display: none;
    }

    .customize-control-section-tab .control-content .components-radio-control__group-wrapper .components-radio-control__option .tab {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        font-weight: 500;
        height: 42px;
        max-width: 150px;
        margin: 0;
        padding: 0px 10px;
        cursor: pointer;
        box-sizing: border-box;
        color: #555;
        border: 1px solid var(--customizer-border-color);
        background: #fff;
    }

    .customize-control-section-tab .control-content .components-radio-control__group-wrapper .components-radio-control__option .tab:hover {
        background-color: var(--customizer-hover);
    }

    .customize-control-section-tab .control-content .components-radio-control__group-wrapper .components-radio-control__option .tab:not(:hover) {
        background-color: #EEEEEE;
        /* color: #999; */
    }

    .customize-control-section-tab .control-content .components-radio-control__group-wrapper .components-radio-control__option .tab.active {
        background: #fff;
        color: #555;
        border: 1px solid var(--customizer-border-color);
        border-bottom: none;
        border-top: 2px solid var(--customizer-color);
    }

/* ============== Layout Two  =================== */
    /* .customize-control.customize-control-section-tab {
        background-color: #fff;
    } */

    /* .customize-control.customize-control-section-tab .components-flex.components-radio-control__group-wrapper {
        display: -webkit-box;
        display: flex;
        flex-direction: row;
        margin-top: -5px;
        margin-left: -27px;
        margin-right: -30px;
        gap: 0;
        padding: 0;
        margin-bottom: 0;
        border: 1px solid #dddddd;
        background: #ffffff;
        margin-bottom: 0;
    }

    .customize-control.customize-control-section-tab .components-radio-control__option {
        display: flex;
    }

    .customize-control.customize-control-section-tab .components-radio-control__option .tab {
        padding: 20px 60px;
        font-size: 17px;
    }

    .customize-control.customize-control-section-tab .components-radio-control__option .tab.active {
        border-top:1px solid var(--customizer-color);
        color: #0073aa;
        background-image: linear-gradient(180deg, #f3f5f6, #ffffff);
    }

    #inspector-radio-control-0-1 + label .tab {
        padding-left: 50px;
    }

    .customize-control.customize-control-section-tab .components-flex.components-radio-control__group-wrapper input[type="radio"] {
        display: none;
    } */
    
/*
=========================
MARK: 4.0 Icon Picker
=========================
*/
    .customize-control-icon-picker .buttons-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 0px;
    }

    .customize-control-icon-picker .buttons-wrapper .button-item {
        width: 100%;
        display: block;
        text-align: center;
    }

    .customize-control-icon-picker .buttons-wrapper .components-button.button-item {
        padding: 0;
        display: flex;
        justify-content: center;
        border-radius: inherit;
        height: 30px;
        gap: 7px;
        align-items: center;
    }

    .customize-control-icon-picker .buttons-wrapper .components-button.is-secondary,
    .components-popover__fallback-container .components-popover__content .components-button.is-secondary {
        box-shadow: unset;
        outline: unset;
        border: 1px solid var(--customizer-color);
        border-right: none;
        border-radius: 0px;
    }

    .components-popover__fallback-container .color-container .container-head .components-button:first-child {
        border-radius: 3px 0px 0px 3px;

    }

    .components-popover__fallback-container .color-container .container-head .components-button:last-child {
        border-radius: 0px 3px 3px 0px;
    }

    .components-popover__fallback-container .components-popover__content .icon-collection .components-button {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .components-popover__fallback-container .color-container .components-button.is-primary {
        border-radius: inherit;
    }
    
    .components-popover__fallback-container .components-popover__content .icon-collection .components-button.is-secondary {
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: unset;
        outline: unset;
        border: 1px solid var(--customizer-border-color);
        border-right: 1px solid var(--customizer-border-color);
    }

    .customize-control-icon-picker .control-content .content-wrapper .buttons-wrapper > .button-item:last-child .components-button,
    .bbe-color-dropdown-popover .color-container .container-head .color-tab:last-child {
        border-right: 1px solid var(--customizer-color);
    }

    .customize-control-icon-picker .buttons-wrapper .components-button.button-item .icon-picker-dashicon {
        font-size: 14px;
        padding-top: 3px;
        height: unset;
        width: unset;
    }

    .icon-picker-popover .image-dropdown .preview-area {
        width: 100%;
        height: 130px;
        outline: 2px dashed var(--customizer-dark-grey);
        margin-bottom: 10px;
        position: relative;
    }

    .icon-picker-popover .image-dropdown .preview-area .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
        background: #f0f0f094;
        display: none;
    }

    .icon-picker-popover .image-dropdown .preview-area:hover .overlay {
        display: block;
    }

    .icon-picker-popover .image-dropdown .preview-area .image-preview {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

    .icon-picker-popover .image-dropdown .preview-area .label {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-weight: 500;
        font-size: 22px;
    }

    .icon-picker-popover .image-dropdown .buttons-area {
        display: flex;
        gap: 10px;
    }

    .icon-picker-popover .image-dropdown .buttons-area .button-item {
        display: block;
        text-align: center;
        width: 100%;
    }

    .icon-picker-popover .image-dropdown .buttons-area .button-item.remove {
        color: #ff0000;
        box-shadow: inset 0 0 0 1px #ff0000;
    }

    .icon-picker-popover .icon-dropdown {
        padding: 10px;
        background: #fff;
        outline: 1px solid var(--customizer-light-grey);
    }

    .icon-picker-popover .icon-dropdown .components-base-control .components-base-control__label,
    .icon-picker-popover .svg-dropdown .components-base-control .components-base-control__label {
        padding-bottom: 7px;
        border-bottom: 1px solid var(--customizer-border-color);
    }

    .icon-picker-popover .icon-dropdown .icon-collection {
        margin-top: 10px;
    }

    .icon-picker-popover .icon-dropdown .icon-collection .container {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 10px;
    }

    .bbe-repeater-icon-popover .components-popover__content .icon-collection .container {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 10px;
    }

    /* .icon-picker-popover .icon-dropdown .icon-btn {
        display: block;
        padding: 0;
    } */

    .icon-picker-popover.icon .components-popover__content {
        padding: 0;
    }

    .icon-picker-popover .icon-dropdown .icon-collection .container,
    .bbe-repeater-icon-popover  .icon-collection {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 10px;
        max-height: 175px;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 6px;
        margin-top: 10px;
    }

    .icon-picker-popover .icon-dropdown .icon-collection .container::-webkit-scrollbar,
    .bbe-repeater-icon-popover  .icon-collection::-webkit-scrollbar {
        width: 6px;
    }

    .icon-picker-popover .icon-dropdown .icon-collection .container::-webkit-scrollbar-track,
    .bbe-repeater-icon-popover  .icon-collection::-webkit-scrollbar-track {
        background: transparent;
    }

    .icon-picker-popover .icon-dropdown .icon-collection .container::-webkit-scrollbar-thumb,
    .bbe-repeater-icon-popover  .icon-collection::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.25);
        border-radius: 10px;
    }

    .icon-picker-popover .icon-dropdown .icon-collection .container,
    .bbe-repeater-icon-popover  .icon-collection {
        scrollbar-width: thin;
    }
/*
=========================
MARK: 5.0 Box Shadow
=========================
*/
    .components-popover.box-shadow-popover .components-popover__content > .box-shadow-block {
        margin-bottom: 15px;
    }

    .components-popover.box-shadow-popover .components-popover__content > .box-shadow-block .components-range-control__root {
        height: 37px;
    }

    .components-popover.box-shadow-popover .box-shadow-block.flex-block {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .components-popover.box-shadow-popover .box-shadow-block:last-child {
        margin-bottom: unset !important;
    }

    .components-popover.box-shadow-popover .box-shadow-block .block-head {
        margin-bottom: 5px;
        display: block;
        color: #000;
    }

    .components-popover.box-shadow-popover .box-shadow-block.color-block,
    .components-popover.box-shadow-popover .box-shadow-block.toggle-block {
        display: flex;
        align-items: center;
        gap: 15px;
        justify-content: left;
    }

    .components-popover.box-shadow-popover .box-shadow-block.color-block {
        justify-content: space-between;
    }

    /* .components-popover.box-shadow-popover .box-shadow-block.color-block .component-color-indicator {
        border-radius: 5px;
        height: 32px;
        width: 60px;
    } */

    .components-popover.box-shadow-popover .box-shadow-block.color-block .block-head,
    .components-popover.box-shadow-popover .box-shadow-block.toggle-block .block-head {
        margin-bottom: unset;
    }

    .components-popover.box-shadow-popover .box-shadow-block .components-range-control .components-input-control__container {
        width: calc(60px);
    }

    .components-popover.box-shadow-popover .box-shadow-block .components-range-control .components-input-control__backdrop {
        outline: 1px solid #cccccc;
        inset: 0px;
        border: unset;
    }

    .components-popover.box-shadow-popover .box-shadow-block .components-range-control .components-input-control__input {
        height: 30px;
        min-height: 30px;
    }

/*
=========================
MARK: 6.0 Text
=========================
*/
    .customize-control-bbe-text .buttons-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 0px;
    }

    .customize-control-bbe-text .content-wrapper .components-text-control__input:focus {
        box-shadow: unset;
        outline: unset;
        border-color: var(--customizer-color);
    }

    input[type=url] {
        border-color: var(--customizer-border-color) !important;  
    }

    input[type=url]:focus {
        box-shadow: unset !important;
        outline: unset !important;
        border-color: var(--customizer-color) !important;  
    }

    .customize-control-bbe-text .content-wrapper .components-text-control__input:not(:focus):hover {
        box-shadow: unset;
        border-color: var(--customizer-color);
    }

    .customize-control-bbe-text .content-wrapper .components-text-control__input,
    .customize-control input[type=text] {
        height: var(--px-height);
        border-style: solid;
        border-width: 1px;
        border-color: #cccccc;
        border-radius: 3px;
    }

/*
=========================
MARK: 7.0 Typography
=========================
*/
    .customize-control-typography .bbe-menu-list {
        padding: 0;
    }

    .customize-control-typography .family-collection {
        width: 100%;
    }

    .bbe-dropdown-popover.typography-popover .typography-block:not(:last-child) {
        margin-bottom: 10px;
    }

    .bbe-dropdown-popover.typography-popover .typography-block .bbe-select-wrapper__control {
        height: 40px;
        min-height: 40px;
    }

    .bbe-dropdown-popover.typography-popover .typography-block .bbe-select-wrapper__control .bbe-select-wrapper__input {
        height: auto;
        min-height: auto;
    }

    .bbe-dropdown-popover.typography-popover .typography-block .bbe-select-wrapper__control .bbe-select-wrapper__indicator svg {
        height: 17px;
        width: 20px;
        color: #1e1e1e;
    }

    .bbe-dropdown-popover.typography-popover .typography-block .label {
        display: block;
        color: #000;
    }

    .bbe-dropdown-popover.typography-popover .typography-block > .label {
        margin-bottom: 5px;
    }

    .bbe-dropdown-popover.typography-popover .typography-block .block-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 5px;
        gap: 6px;
    }
    
    .bbe-dropdown-popover.typography-popover .typography-block .range-control {
        display: flex;
        align-items: center;
    }
    
    .bbe-dropdown-popover.typography-popover .typography-block .components-range-control.bbe-range-item .reset-button .dashicon {
        font-size: 15px;
    }
    
    .bbe-dropdown-popover.typography-popover .typography-block .range-control.single-item .bbe-range-item.components-range-control {
        width: 100%;
    }
    
    .bbe-dropdown-popover.typography-popover .typography-block .range-control:not(.single-item) .bbe-range-item.components-range-control {
        width: 90%;
    }

    .bbe-dropdown-popover.typography-popover .typography-block .range-control .bbe-range-item.components-select-control {
        flex: 1;
    }

    .bbe-dropdown-popover.typography-popover .typography-block .range-control .bbe-range-item.components-range-control .components-number-control,
    .bbe-dropdown-popover.typography-popover .typography-block .range-control .bbe-range-item.components-range-control .components-number-control {
        margin-left: 5px !important;
    }

    .bbe-dropdown-popover.typography-popover .typography-block .range-control .bbe-range-item.components-range-control .components-input-control__input,
    .bbe-dropdown-popover.typography-popover .typography-block .range-control .bbe-range-item.components-select-control .components-select-control__input {
        height: 32px;
        min-height: 32px;
    }

    .bbe-dropdown-popover.typography-popover .typography-block .range-control .bbe-range-item.components-range-control .components-input-control__container {
        width: calc(60px);
    }

    .bbe-dropdown-popover.typography-popover .typography-block .range-control .bbe-range-item.components-range-control .components-input-control__backdrop,
    .bbe-dropdown-popover.typography-popover .typography-block .range-control .bbe-range-item.components-select-control .components-input-control__backdrop {
        outline: unset;
    }

    .bbe-dropdown-popover.typography-popover .components-flex:focus-within .components-input-control__backdrop {
        border: 1px solid var(--customizer-color) !important;
        border-radius: 3px !important;
        box-shadow: unset !important;
        outline: unset !important;
    }

    .bbe-dropdown-popover.typography-popover .typography-block .typography-select {
        width: 100%;
        outline: unset;
        border-radius: 4px;
    }

    .bbe-dropdown-popover.typography-popover .typography-block .bbe-select-wrapper__menu {
        z-index: 9;
    }

    /* Target your popover scroll area */
    .components-popover__content {
        scrollbar-width: thin;              /* Firefox */
        scrollbar-color: #939393 transparent;
    }

    /* Chrome, Edge, Safari */
    .components-popover__content::-webkit-scrollbar {
        width: 6px;
    }

    .components-popover__content::-webkit-scrollbar-track {
        background: transparent;
    }

    .components-popover__content::-webkit-scrollbar-thumb {
        border-radius: 10px;
    }

    /* .bbe-dropdown-popover.typography-popover .components-popover__content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
    } */

    .components-popover__content .typography-block:not(:nth-last-child(-n+2)) {
        grid-column: span 2;
    }

    .components-popover__content .typography-block:nth-last-child(-n+2) {
        grid-column: span 1;
    }

    /* .components-popover__content .typography-block:nth-last-child(2) {
        margin-right: 8px;
    } */

    .components-popover__content .typography-block .components-flex {
        display: flex;
    }

    .components-popover__content .typography-block .components-flex .components-input-control__backdrop {
        border: 1px solid var(--customizer-border-color);
        border-radius: 3px;
    }

/*
=========================
MARK: 8.0 Toggle Control
=========================
*/
    .customize-control-toggle-button .control-content {
        display: flex;
        justify-content: space-between;
        align-self: center;
    }

/*
=========================
MARK: 9.0 Number
=========================
*/
    .customize-control-bbe-number .control-content .content-wrapper {
        display: flex;
        justify-content: space-between;
        align-self: center;
    }

    .bbe-number-unit {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .customize-control-bbe-number .content-wrapper .components-select-control.bbe-range-item {
        flex: 1;
    }

    .customize-control-bbe-number .content-wrapper:not(.no-unit) .components-range-control.bbe-range-item {
        width: 90%;
    }

    .customize-control-bbe-number .content-wrapper.no-unit .components-range-control.bbe-range-item {
        width: 100%;
    }

    .customize-control-bbe-number .content-wrapper .components-range-control .components-input-control .components-input-control__container {
        width: calc(60px);
        position: relative;
    }

    .bbe-number-unit .components-range-control .components-input-control .components-input-control__container::before {
        content: "";
        position: absolute;
        top: 7px;
        right: 0px;
        background-color: var(--customizer-border-color);
        height: 20px;
        width: 1px;
    }

    .customize-control-bbe-number .content-wrapper .components-range-control .components-input-control .components-input-control__container .components-input-control__input,
    .customize-control-bbe-number .content-wrapper .components-range-control .components-range-control__root,
    .customize-control-bbe-number .content-wrapper .components-select-control .components-input-control__container .components-select-control__input {
        height: 30px;
        min-height: 30px;
        font-size: 12px;
    }

    input[type="number"]::-webkit-inner-spin-button {
        margin-right: -10px;
    }

    .bbe-number-unit.no-unit .components-range-control .components-input-control .components-input-control__container .components-input-control__backdrop {
        border: 1px solid var(--customizer-border-color);
        border-radius: 3px;
    }

    .bbe-number-unit .components-range-control .components-input-control .components-input-control__container .components-input-control__backdrop {
        border-color: var(--customizer-border-color);
        border-right: none;
        border-radius: 3px 0px 0px 3px;
    }

    .bbe-number-unit .components-range-control .components-input-control .components-input-control__container .components-input-control__backdrop:active {
        border: 1px solid var(--customizer-color);
    }

    .bbe-number-unit .components-select-control .components-input-control__container .components-input-control__backdrop {
        border-color: var(--customizer-border-color);
        border-left: none;
        border-radius: 0px 3px 3px 0px;
    }

/*
=========================
MARK: 10.0 Border
=========================
*/
    .customize-control-border .control-content .content-wrapper {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        /* gap: 5px; */
        position: relative;
    }

    .customize-control-border .control-content .content-wrapper .border-block.color {
        width: 100%;
        height: 100%;
    }

    .customize-control-border .control-content .content-wrapper .border-block.color > .bbe-dropdown-container{
        background-color: rgba(255, 255, 255, .8);
        background-size: 10px 10px;
        background-image: url(data:image/webp;base64,UklGRjIAAABXRUJQVlA4TCUAAAAvE8AEAA9w7/97/9/7f/7jAYraNmI6AJQ/1xvvMojof2BSvVEBAA==);
        margin-left: auto;
        position: absolute;
        right: 10px;
        top: 5px;
        width: 32px;
        height: 19px;
        border-radius: 3px;
    }

    .customize-control-border .control-content .bbe-color-indicator {
        width: 32px;
        height: 19px;
        border-radius: 3px;
    }

    .customize-control-border .control-content .content-wrapper .border-block.width {
        display: flex;
        align-items: end;
        gap: 5px;
        grid-column: 1 / span 2;
        margin-top: 10px;
        padding-right: 20px;
    }

    .customize-control-border .control-content .content-wrapper .border-block.style .highlight {
        width: 100%;
        border: 1px solid var(--customizer-border-color);
        border-radius: 3px;
    }

    .customize-control-border .control-content .content-wrapper .border-block.style .highlight:hover {
        border-color: var(--customizer-color);
    }

    /* .customize-control-border .control-content .content-wrapper .border-block.style .highlight,
    .customize-control-box-shadow .control-content .content-wrapper .highlight {
        border-radius: unset;
    } */

    .customize-control-border .control-content .highlight > .dropdown-icon {
        padding-right: 8px;
        margin-right: 42px;
        border-right: 1px solid var(--customizer-border-color);
    }

    #customize-control-custom_button_border.customize-control-border .control-content .highlight > .dropdown-icon {
        padding-right: 0;
        margin-right: 0;
        border-right: none;
    }

    .customize-control-border .content-wrapper .border-block.width .bbe-number-control-container {
        flex: 1;
    }

    .customize-control-border .content-wrapper .border-block.width .bbe-number-control-container label ~ .bbe-input.number {
        outline: 1px solid #8c8f94;
        border: unset;
        border-radius: unset;
    }

    .customize-control-border .content-wrapper .border-block.width .components-button {
        padding: 8px;
        height: var(--px-height);
        min-height: var(--px-height);
        border-radius: 3px;
    }
    
    .customize-control-border .content-wrapper .border-block.width .components-button .dashicons,
    .control-section .customize-control-dimension .content-wrapper .components-button .dashicons {
        font-size: 12px;
        height: 12px;
        width: 12px;
    }

    .components-popover.bbe-dropdown-popover.bbe-border-popover .components-popover__content {
        width: 250px;
        padding: 0;
    }

    .bbe-border-popover .components-popover__content .dropdown-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
        margin: 0;
        padding: 12px;
    }

    .bbe-border-popover .components-popover__content .dropdown-content .item {
        padding: 10px;
        margin: 0;
        display: flex;
        gap: 10px;
        justify-content: start;
        align-items: center;
        width: 100%;
        box-shadow: unset;
        border-radius: unset;
    }

    .bbe-border-popover .components-popover__content .dropdown-content .item:first-of-type .label,
    .bbe-border-container .highlight.solid .label {
        display: flex;
        margin: auto;
        font-size: 11px;
        line-height: 6px;
    }

    .bbe-border-popover .components-popover__content .dropdown-content .item .style.none {
        display: none;
    }

    /* .bbe-border-popover .components-popover__content .dropdown-content .item .label,
    .bbe-border-container .highlight .label {
        width: 30%;
    } */

    .bbe-border-popover .components-popover__content .dropdown-content .item .style,
    .bbe-border-container .highlight .style {
        flex: 1;
        height: 12px;
        width: 10px;
    }

    .bbe-border-container .highlight.none .label {
        justify-self: center;
        flex: 1;
    }

    .bbe-border-container .highlight.none .style {
        display: none;
    }
    
    .bbe-border-popover .components-popover__content .dropdown-content .item .label,
    .bbe-border-container .highlight.solid .label {
        display: none;
    }
    .bbe-border-popover .components-popover__content .dropdown-content .item .style.solid,
    .bbe-border-container .highlight.solid .style {
        border: 1px solid #424242;
    }


    .bbe-border-popover .components-popover__content .dropdown-content .item .style.dashed,
    .bbe-border-container .highlight.dashed .style {
        border: 1px dashed #424242;
    }

    .bbe-border-popover .components-popover__content .dropdown-content .item .style.dotted,
    .bbe-border-container .highlight.dotted .style {
        border: 1px dotted #424242;
    }

    .bbe-border-popover .components-popover__content .dropdown-content .item .style.double,
    .bbe-border-container .highlight.double .style {
        border: 4px double #424242;
    }

    .bbe-border-popover .components-popover__content .dropdown-content .item.active,
    .bbe-border-popover .components-popover__content .dropdown-content .item:hover {
        /* outline: 1px solid var(--customizer-color); */
        border: 1px solid var(--customizer-border-color);
        background: var(--customizer-hover);
    }

/*
=========================
MARK: 11.0 Dimension
=========================
*/
    .customize-control-dimension .control-content .content-wrapper {
        display: flex;
        align-items: end;
        gap: 5px;
        padding-right: 20px;
    }

    .customize-control-dimension .content-wrapper .bbe-number-control-container {
        flex: 1;
    }

    .customize-control-dimension .content-wrapper .components-button,
    .customize-control-border .content-wrapper .components-button {
        border: 1px solid var(--customizer-color);
    }

    .customize-control-dimension .content-wrapper .bbe-number-control-container label {
        display: block;
        margin-bottom: 5px;
        font-size: 11px;
    }

    .customize-control-dimension .content-wrapper .bbe-number-control-container label ~ .bbe-input.number {
        outline: 1px solid #8c8f94;
        border: unset;
        border-radius: unset;
    }

    .customize-control-dimension .content-wrapper .components-button {
        padding: 8px;
        height: var(--px-height);
        min-height: var(--px-height);
        border-radius: 3px;
    }

    #customize-control-time_paddin.customize-control-dimension .content-wrapper .components-button {
        height: 22px;
        min-height: 22px;
    }

    #customize-control-time_paddin.customize-control-dimension .content-wrapper .components-button span.dashicon {
        width: 12px;
        height: 12px;
        font-size: 12px;
    }

/*
=========================
MARK: 12.0 Radio Tab
=========================
*/
    .customize-control-radio-tab .control-content.is-block {
        gap: 40px;
    }

    .customize-control-radio-tab .control-content.is-block .content-head {
        flex: 1;
    }

    .customize-control-radio-tab .control-content.is-block .content-wrapper {
        display: flex;
        align-items: center;
        flex: 1 1;
    }

    .customize-control-radio-tab .control-content:not(.is-block) .content-wrapper {
        display: flex;
    }

    .customize-control-radio-tab .control-content:not(.is-block) .content-wrapper > .components-button {
        flex: 0.25;
        justify-content: center;
        font-size: 12px;
        height: 30px;
    }

    .customize-control-radio-tab .control-content:not(.is-block) .content-wrapper > .components-button:first-child,
    .customize-control-icon-picker .control-content .content-wrapper .buttons-wrapper > .button-item:first-child {
        border-radius: 3px 0 0 3px;
    }

    .customize-control-radio-tab .control-content:not(.is-block) .content-wrapper > .components-button:last-child,
    .customize-control-icon-picker .control-content .content-wrapper .buttons-wrapper > .button-item:last-child {
        border-radius: 0px 3px 3px 0px;
    }

    .customize-control-radio-tab .control-content.is-block .content-wrapper .components-button {
        flex: 1;
        display: block;
        text-align: center;
    }

    .customize-control-radio-tab .control-content button.components-button.is-secondary {
        box-shadow: none;
        outline: none;
    }

    .customize-control-radio-tab .content-wrapper .components-button {
        border: 1px solid #1a7ca8;
        border-radius: 0px;
    }

    .customize-control-radio-tab .content-wrapper .components-button:not(:first-child) {
        border-left: none;
    }

/*
=========================
MARK: 13.0 Color
=========================
*/
    .customize-control-bbe-color .control-content.is-block .control-head {
        flex: 1;
    }

    .customize-control-bbe-color .control-content.is-block .content-wrapper:not(.is-hover) {
        display: flex;
        width: var(--px-width);
        height: var(--px-height);
    }

    .customize-control-bbe-color .control-content.is-block .content-wrapper.is-hover {
        display: flex;
        align-items: center;
        height: var(--px-height);
        gap: 7px;
        padding-left: 10px;
    }

    .customize-control-bbe-color .control-content.is-block .bbe-dropdown-container,
    .components-popover__content .box-shadow-block .bbe-dropdown-container {
        background-color: rgba(255, 255, 255, .8);
        background-size: 10px 10px;
        background-image: url(data:image/webp;base64,UklGRjIAAABXRUJQVlA4TCUAAAAvE8AEAA9w7/97/9/7f/7jAYraNmI6AJQ/1xvvMojof2BSvVEBAA==);
        width: 37px;
        height: 25px;
        border-radius: 3px;
        margin-left: auto;
        margin-top: auto;
        margin-bottom: auto;
    }

    .bbe-color-dropdown-popover .color-container .container-head {
        display: flex;
        width: 100%;
        margin-bottom: 10px;
        align-items: center;
    }

    .bbe-color-dropdown-popover .color-container .container-head .color-tab {
        flex: 1;
        justify-content: center;
    }

/*
=========================
MARK: 14.0 Builder
=========================
*/
    .bbe-builder-section:not(.customize-control-bbe-responsive-builder) {
        display: none !important;
    }

    .customize-pane-child.control-section .customize-control.customize-control-bbe-builder,
    .customize-pane-child.control-section .customize-control.customize-control-bbe-responsive-builder {
        padding: 0;
        margin: 0;
        border-bottom: unset;
    }

    .wp-full-overlay:not(.preview-desktop) #sub-accordion-section-header_top_row_section.customize-pane-child.control-section .customize-control.customize-control-bbe-builder,
    .wp-full-overlay:is(.preview-desktop) .customize-pane-child.control-section .customize-control.customize-control-bbe-responsive-builder {
        display: none !important;
    }

    .customize-control-bbe-builder .content-wrapper,
    .customize-control-bbe-responsive-builder .content-wrapper {
        position: fixed;
        bottom: 0;
        left: clamp(300px, 18%, 500px);
        right: 0;
        background: #EEEEEE;
        border-top: 1px solid #D8DBDF;
    }

    .collapsed .customize-control-bbe-builder .content-wrapper,
    .collapsed .customize-control-bbe-responsive-builder .content-wrapper {
        left: 0;
        width: 100%;
    }

    .customize-control-bbe-builder .content-wrapper .builder-wrapper,
    .customize-control-bbe-responsive-builder .content-wrapper .builder-wrapper {
        display: grid;
        /* grid-template-columns: repeat(1, 1fr); */
        padding: 29px;
        gap: 10px;
    }

    .customize-control-bbe-responsive-builder .content-wrapper .builder-wrapper {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }

    .customize-control-bbe-responsive-builder .content-wrapper .builder-wrapper .row {
        grid-column: 2 / span 4;
    }

    .customize-control-bbe-responsive-builder .content-wrapper .builder-wrapper .row {
        grid-column: 2 / span 4;
    }

    .customize-control-bbe-responsive-builder .content-wrapper .builder-wrapper .row {
        grid-column: 2 / span 4;
    }

    .customize-control-bbe-responsive-builder .content-wrapper .builder-wrapper .row.responsive {
        grid-row: 1 / span 3;
        grid-column: 1 / span 1;
    }

    .components-button:focus:not(:disabled) {
        box-shadow:none;
        outline: none;
    }

    .customize-control-bbe-builder .content-wrapper .builder-wrapper .row-settings,
    .customize-control-bbe-responsive-builder .content-wrapper .builder-wrapper .row-settings {
        width: 40px;
        height: 100%;
        margin-right: 10px;
        display: flex;
        justify-content: end;
        align-items: center;
        background: #F3F4F6;
        color: #6b7280;
        border: 1px solid #D8DBDF;
        border-radius: 4px 0 0 4px;
        transition: all 0.2s;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    }

    .customize-control-bbe-builder .content-wrapper .builder-wrapper .row > .components-dropdown:first-of-type .column,
    .customize-control-bbe-responsive-builder .content-wrapper .builder-wrapper .row > .components-dropdown:first-of-type .column {
        justify-content: flex-start;
    }

    .customize-control-bbe-builder .content-wrapper .builder-wrapper .row > .components-dropdown:last-of-type .column,
    .customize-control-bbe-responsive-builder .content-wrapper .builder-wrapper .row > .components-dropdown:last-of-type .column {
        justify-content: flex-end;
    }
    
    .content-wrapper .builder-wrapper .row-settings .dashicon {
        font-size: 14px;
        line-height: 20px;
        transition: 0s;
        margin: 0 auto;
    }

    .customize-control .row .row-settings:hover,
    .customize-control .row .row-settings.active {
        background-color: var(--customizer-color);
        color: #fff;
        border-color: var(--customizer-color);
    }

    .customize-control .row .row-settings:hover ~ .builder-container .column,
    .customize-control .row .row-settings.active ~ .builder-container .column {
        background-color: #fff;
        color: #374151;
        border-color: var(--customizer-color);
    }

    .customize-control .row .row-settings:hover ~ .builder-container .column {
        background-color: #fff;
        color: #374151;
        border-color: var(--customizer-color);
    }

    .builder-footer {
        display: flex;
        justify-content: space-between;
        margin: 0;
        padding: 0;
        height: 35px;
        border-top: 1px solid #ddd;
        background: linear-gradient(to bottom, #02467d, #0360a6);
        color: #F7F6E5;
    }

    .collapsed .builder-footer .info-actions-wrapper {
        margin-left: 42px;
        border-left: 1px solid var(--customizer-border-color);
    }

    .customize-control-bbe-builder .content-wrapper .builder-footer .components-button,
    .customize-control-bbe-responsive-builder .content-wrapper .builder-footer .components-button {
        color: #F7F6E5;
        padding: 0 10px;
        background: linear-gradient(to bottom, #0360a6, #02467d);
        border: none;
        transition: background 0.3s ease, color 0.3s ease;
    }

    .customize-control-bbe-builder .content-wrapper .builder-footer .components-button:hover,
    .customize-control-bbe-responsive-builder .content-wrapper .builder-footer .components-button:hover {
        background: linear-gradient(to bottom, #0480d1, #0360a6);
        color: #ffffff;
        cursor: pointer;
    }

    .customize-control-bbe-builder .content-wrapper .builder-footer .clear-all-button,
    .customize-control-bbe-responsive-builder .content-wrapper .builder-footer .clear-all-button,
    .customize-control-bbe-builder .content-wrapper .builder-footer .reset-button,
    .customize-control-bbe-responsive-builder .content-wrapper .builder-footer .reset-button {
        border-right: 1px solid var(--customizer-border-color);
    }

    .customize-control-bbe-builder .content-wrapper .builder-footer .show-hide-button,
    .customize-control-bbe-responsive-builder .content-wrapper .builder-footer .show-hide-button {
        border-left: 1px solid var(--customizer-border-color);
    }

    .customize-control-bbe-builder .content-wrapper .row,
    .customize-control-bbe-responsive-builder .content-wrapper .row {
        display: grid;
        grid-template-columns: 40px repeat(3, 1fr);
        gap: 5px;
    }

    .customize-control-bbe-responsive-builder .content-wrapper .builder-wrapper .row.responsive {
        grid-template-columns: 40px repeat(1, 1fr);
    }

    .customize-control-bbe-responsive-builder .content-wrapper .builder-wrapper .row.responsive .builder-container .column {
        flex-direction: column;
        justify-content: flex-start;
        box-sizing: border-box;
        height: 100%;
        max-height: 164px;
        overflow-y: auto;
    }

    .customize-control-bbe-builder .content-wrapper .row .column,
    .customize-control-bbe-responsive-builder .content-wrapper .row .column {
        position: relative;
        padding: 8px;
        background: #F3F4F6;
        color: #6b7280;
        border: 1px dashed #D8DBDF;
        display: flex;
        justify-content: center;
        gap: 10px;
        height: 30px;
        min-height: 30px;
        align-items: center;
        transition: all 0.2s;
    }

    .customize-control-bbe-builder .content-wrapper .row .column:hover,
    .customize-control-bbe-responsive-builder .content-wrapper .row .column:hover {
        background: #fff;
        cursor: pointer;
    }

    .customize-control-bbe-builder .content-wrapper .row .column:empty::after,
    .customize-control-bbe-responsive-builder .content-wrapper .row .column:empty::after {
        content: "+";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 21px;
        font-weight: bold;
        color: #6b7280;
        opacity: 0;
        transition: all 0.2s ease-in-out;
        z-index: 0;
    }

    .customize-control-bbe-builder .content-wrapper .row .column:empty:hover::after,
    .customize-control-bbe-responsive-builder .content-wrapper .row .column:empty:hover::after {
        opacity: 1;
    }

    .customize-control-bbe-builder .content-wrapper .row .column:hover::after,
    .customize-control-bbe-responsive-builder .content-wrapper .row .column:hover::after {
        opacity: 1; 
    }

    .customize-control-bbe-responsive-builder .content-wrapper .responsive .column .widget-item {
        width: 100%;
    }

    .customize-control .row .column .widget-item {
        background: #fff;
        z-index: 10;
    }

    .customize-control-bbe-builder .content-wrapper .widget-item:not(.placeholder),
    .customize-control-bbe-builder .content-wrapper .overlay,
    .customize-control-bbe-responsive-builder .content-wrapper .widget-item:not(.placeholder),
    .customize-control-bbe-responsive-builder .content-wrapper .overlay {
        cursor: pointer;
        box-sizing: border-box;
        display: flex;
        padding: 0px;
        align-items: center;
        justify-content: space-between;
        min-width: 120px;
        width: 120px;
        font-size: 13px;
        line-height: 12px;
        font-weight: 400;
        border: 1px solid #D8DBDF;
        background-color: #fbfbfb;
        border-radius: 3px;
        height: 30px;
        min-height: 30px;
        transition: all 0.2s;
    }
    
    .customize-control-bbe-builder .content-wrapper .overlay,
    .customize-control-bbe-responsive-builder .content-wrapper .overlay {
        box-sizing: border-box;
        display: flex;
        padding-left: 12px;
        align-items: center;
        justify-content: space-between;
        min-width: 120px;
        width: 120px;
        font-size: 13px;
        line-height: 12px;
        font-weight: 400;
        border: 1px solid var(--customizer-color);
        background-color: #fbfbfb;
        border-radius: 0px;
        height: 30px;
        min-height: 30px;
    }

    .customize-control-bbe-builder .content-wrapper .widget-item:not(.placeholder):hover,
    .customize-control-bbe-builder .content-wrapper .overlay:hover,
    .customize-control-bbe-responsive-builder .content-wrapper .widget-item:not(.placeholder):hover,
    .customize-control-bbe-responsive-builder .content-wrapper .overlay:hover,
    .customize-control-bbe-builder .content-wrapper .widget-item.active {
        background: #fff;
        border: 1px solid#93c5fd;
    }

    .customize-control-bbe-builder .content-wrapper .overlay,
    .customize-control-bbe-responsive-builder .content-wrapper .overlay {
        outline: 1px solid var(--customizer-dark-grey);
        border-radius: 4px;
    }

    .customize-control-bbe-builder .content-wrapper .widget-item:not(.placeholder) > .label,
    .customize-control-bbe-responsive-builder .content-wrapper .widget-item:not(.placeholder) > .label {
        height: 100%;
        display: flex;
        align-items: center;
        padding-left: 8px;
        flex: 0 0 70%;
    }

    .customize-control-bbe-builder .content-wrapper .widget-item:not(.placeholder) > span.dashicon,
    .customize-control-bbe-responsive-builder .content-wrapper .widget-item:not(.placeholder) > span.dashicon {
        height: 100%;
        display: flex;
        align-items: center;
        padding-right: 8px;
        flex: 0 0 18px;
    }

    .customize-control-bbe-builder .content-wrapper .widget-item:not(.placeholder) .label:hover,
    .customize-control-bbe-responsive-builder .content-wrapper .widget-item:not(.placeholder) .label:hover {
        background: var(--customizer-hover);
        cursor: pointer;
        border-color: var(--customizer-color);
    }

    .customize-control-bbe-builder .content-wrapper .widget-item:not(.placeholder) > .dashicon,
    .customize-control-bbe-responsive-builder .content-wrapper .widget-item:not(.placeholder) > .dashicon {
        border: none;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: end;
        color: #afafaf;
        transition: all 0.2s;
    }

    .customize-control-bbe-builder .content-wrapper .widget-item:not(.placeholder) > .dashicon:hover,
    .customize-control-bbe-responsive-builder .content-wrapper .widget-item:not(.placeholder) > .dashicon:hover {
        color: #ff0000;
    }

    .components-popover.bbe-dropdown-popover.builder-popover .components-popover__content {
        width: unset;
        max-height: 293px;
        overflow: auto;
        scroll-behavior: smooth;
    }

    /* For WebKit browsers (Chrome, Safari, Edge) */
    .components-popover.bbe-dropdown-popover.builder-popover .components-popover__content::-webkit-scrollbar {
        width: 6px;
    }

    .components-popover.bbe-dropdown-popover.builder-popover .components-popover__content::-webkit-scrollbar-track {
        background: #939393;
        border-radius: 4px;
    }

    .components-popover.bbe-dropdown-popover.builder-popover .components-popover__content::-webkit-scrollbar-thumb {
        background-color: #939393;
        border-radius: 4px;
        transition: background-color 0.2s ease;
    }

    .components-popover.bbe-dropdown-popover.builder-popover .components-popover__content::-webkit-scrollbar-thumb:hover {
        background-color: #686869;
    }

    .components-popover.bbe-dropdown-popover.builder-popover .components-popover__content {
        scrollbar-width: thin;
        scrollbar-color: #939393 #fff;
    }

    .builder-popover .components-popover__content .widget-wrapper {
        display: grid;
        grid-template-columns: repeat(4, 100px);
        gap: 10px;
    }

    .builder-popover .components-popover__content .widget-wrapper .widget-item {
        flex-direction: column;
        gap: 2px;
        height: unset;
        padding: 10px;
        color: #50575e;
        outline: 1px solid var(--customizer-light-grey);
    }

    .builder-popover .components-popover__content .widget-wrapper .widget-item:hover > span {
        color: var(--customizer-color);
    }

    .builder-popover .components-popover__content .widget-wrapper .widget-item:hover {
        outline: 1px solid var(--customizer-color);
    }

    .builder-popover .components-popover__content .widget-wrapper .widget-item.locked,
    .builder-popover .components-popover__content .widget-wrapper .widget-item.disabled {
        color: #c1c1c1;
    }

    .builder-popover .components-popover__content .widget-wrapper .widget-item.locked {
        position: relative;
    }

    .builder-popover .components-popover__content .widget-wrapper .widget-item.locked::before {
        content: "\f160";
        font-family: dashicons;
        position: absolute;
        right: 5px;
        top: 5px;
        font-size: 16px;
        background: #f4f4f4;
        padding: 2px;
        border-radius: 3px;
    }

    .builder-popover .components-popover__content .widget-wrapper .widget-item.locked:hover,
    .builder-popover .components-popover__content .widget-wrapper .widget-item.locked:hover > span,
    .builder-popover .components-popover__content .widget-wrapper .widget-item.disabled:hover,
    .builder-popover .components-popover__content .widget-wrapper .widget-item.disabled:hover > span {
        color: #c1c1c1;
        outline: none;
        cursor: not-allowed;
    }

     .builder-popover .components-popover__content .widget-wrapper .widget-item .dashicon {
        font-size: 17px;
     }

     .builder-popover .components-popover__content .widget-wrapper .widget-item .button-label {
        font-size: 12px;
     }

/*
=========================
MARK: 15.0 Heading Toggle
=========================
*/
    .customize-pane-child.control-section .customize-control.customize-control-heading-toggle {
        border-bottom: unset;
        padding-bottom: 0;
    }

    .customize-control-heading-toggle .content-wrapper {
        text-align: center;
        margin-inline: -12px;
        border-top: 1px solid #F2F2F2;
        border-bottom: 1px solid #F2F2F2;
        cursor: default;
        background-color: #f9f9f9;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
    }

    .customize-control-heading-toggle .content-wrapper.toggle-enabled {
        display: flex;
        justify-content: center;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }

    .customize-control-heading-toggle .content-wrapper.toggle-enabled:hover > * {
        color: var(--customizer-color);
    }

    .customize-control-heading-toggle .content-wrapper > * {
        font-size: 13px;
        text-align: left;
        text-transform: uppercase;
        letter-spacing: 1.3px;
        padding: 1em;
        padding-left: 15px;
        margin: -3px;
        margin-left: 0px;
    }

    .customize-control-heading-toggle .content-wrapper .label{
        border-left: 4px solid var(--customizer-color);
    }


    .customize-control-heading-toggle .content-wrapper > .dashicon {
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

/*
=========================
MARK: 16.0 Repeater
=========================
*/
    .customize-control-bbe-repeater .components-base-control.icon-picker .icon-btn {
        width: 100%;
        outline: 1px solid #8c8f94;
        font-size: 22px;
        justify-content: center;
        height: 30px;
    }

    /* .components-popover.bbe-repeater-icon-popover .components-popover__content {
        height: 250px;
    } */


    .drop-indicator {
        box-sizing: border-box;
        min-width: 120px;
        width: 120px;
        height: var(--px-height);
        min-height: var(--px-height);
        border: 1px solid var(--customizer-dark-grey);
        border-radius: 4px;
        background: var(--customizer-light-grey);
    }

/* 
======================
MARK: 17.0 Redirect
======================
*/
    .customize-control.customize-control-redirect .control-content .control-wrapper {
        padding: 5px 12px;
        border: 1px dashed #c3c4c7;
        border-radius: 4px;
        box-shadow: none;
        font-size: 13px;
        line-height: 1.4;
        position: relative;
        background: #fff;
        transition: all 0.2s ease;
    }

    .customize-control.customize-control-redirect .control-content {
        position: relative;
    }

    .customize-control.customize-control-redirect .control-content::before {
        content: "\f345";
        font-family: dashicons;
        position: absolute;
        top: 50%;
        right: 12px;
        transform: translateY(-50%);
        font-size: 12px;
        color: hsl(0, 0%, 0%);
        pointer-events: none;
        z-index: 1;
        transition: all 0.2s ease;
    }

    .customize-control.customize-control-redirect .control-content .control-wrapper:hover {
        color: var(--customizer-color);
        background: var(--customizer-hover);
        border-color: var(--customizer-color);
        cursor: pointer;
    }

    .customize-control.customize-control-redirect .control-content:hover::before {
        color: var(--customizer-color);
    }

    /* 
    ======================
    MARK: 18.0 Reorder (Modern UI)
    ======================
    */

    #customize-theme-controls #sub-accordion-section-section_reorder_section,
    #customize-theme-controls #sub-accordion-section-section_reorder_section .customize-control {
        overflow: hidden;
    }

    /* #sub-accordion-section-section_reorder_section .customize-control.customize-control-reorder .control-content {
        background: #ffffff;
        border-radius: 12px;
        padding: 12px;
    } */

    .customize-control.customize-control-reorder .control-content .content-wrapper.is-horizontal {
        display: flex;
        gap: 8px;
    }

    .customize-control.customize-control-reorder .control-content .content-wrapper.is-horizontal .item{
        margin: 0 !important;
    }

    .customize-control.customize-control-reorder .content-wrapper .item,
    .customize-control-bbe-repeater .content-wrapper .repeater-item .components-flex {
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        display: flex;
        justify-content: space-between;
        cursor: all-scroll;
        gap: 5px;
        padding: 7px 10px;
        margin-top: 10px;
        line-height: initial;
        background-color: transparent;
        transition: all 0.2s ease;
    }

    .customize-control.customize-control-reorder .content-wrapper .item:active,
    .customize-control-bbe-repeater .content-wrapper .repeater-item .components-flex:active {
        cursor: grab;
    }
    
    .customize-control.customize-control-reorder .content-wrapper .item {
        padding: 0px;
        gap: 0px;
    }

    .customize-control.customize-control-reorder .content-wrapper .item:not(.hidden):hover,
    .customize-control-bbe-repeater .content-wrapper .repeater-item .components-flex:not(.hidden):hover {
        border-color: var(--customizer-color);
        background-color: var(--customizer-hover);
    }

    .customize-control.customize-control-reorder .content-wrapper .dashicon,
    .customize-control-bbe-repeater .content-wrapper .repeater-item .dashicon {
        font-size: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #customize-control-insta_gallery_images .control-content .dashicon {
        font-size: 14px;
        display: flex;
        align-items: center;
    }

    /* .customize-control.customize-control-reorder .control-content .content-wrapper.is-horizontal .item {
        padding: 6px 0px;
    } */

    #sub-accordion-section-section_reorder_section.customize-control.customize-control-reorder .content-wrapper .item:not(.hidden):hover,
    #customize-control-main_banner_reorder.customize-control.customize-control-reorder .content-wrapper .item:not(.hidden):hover,
    #sub-accordion-section-sidebar_options_section .customize-control.customize-control-reorder .content-wrapper .item:not(.hidden):hover {
        background: #ffffff;
        border-color: var(--customizer-color);
    }

    .customize-control.customize-control-reorder .content-wrapper .item.active,
    .customize-control.customize-control-bbe-repeater .content-wrapper .repeater-item.active .components-flex {
        background: var(--customizer-light-grey);
        color: var(--customizer-light-grey);
        border-color: var(--customizer-border-color);
    }

    .customize-control.customize-control-reorder .content-wrapper .item.hidden,
    #sub-accordion-section-section_reorder_section .customize-control.customize-control-reorder .content-wrapper .item.hidden,
    #customize-control-main_banner_reorder.customize-control.customize-control-reorder .content-wrapper .item.hidden,
    #sub-accordion-section-sidebar_options_section .customize-control.customize-control-reorder .content-wrapper .item.hidden {
        opacity: 0.5;
    }

    .customize-control.customize-control-reorder .content-wrapper .item > span.label,
    #sub-accordion-section-sidebar_options_section .customize-control.customize-control-reorder .content-wrapper .item > span.label {
        flex: 1;
        display: flex;
        padding: 8px 8px;
        align-items: center;
        font-size: 13px;
        font-weight: 400;
        color: inherit;
    }
    
    #sub-accordion-section-sidebar_options_section .customize-control.customize-control-reorder .content-wrapper .item {
        width: 80px;
    }

    #sub-accordion-section-sidebar_options_section .customize-control.customize-control-reorder .content-wrapper .item > span.label {
        justify-content: center;
        align-items: center;
    }


    .customize-control.customize-control-reorder .content-wrapper .item > span.dashicon::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0px;
        transform: translate(-50%, -50%);
        height: 65%;
        width: 1px;
        border-left: 0.5px solid #e5e5e5;
    }

    .customize-control.customize-control-reorder .content-wrapper .item > span.dashicon { 
        cursor: pointer;
        /* border-left: 1px solid #e5e5e5; */
        padding: 7px 8px;
        font-size: 14px;
        line-height: 18px;
        position: relative;
    }

    .customize-control.customize-control-reorder .content-wrapper .item > span.dashicon:hover {
        color: var(--customizer-color);
    }
    

    #sub-accordion-section-sidebar_options_section .customize-control.customize-control-reorder .content-wrapper .item > span.dashicon {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        position: relative;
        padding: 8px;
    }

    /* #sub-accordion-section-section_reorder_section .customize-control.customize-control-reorder .content-wrapper .item {
        padding: 7px 4px;
        padding-right: 0;
        gap: 0px;
    } */

    #sub-accordion-section-section_reorder_section .customize-control.customize-control-reorder .content-wrapper .item:hover {
        border-color: var(--customizer-color);
        background: var(--customizer-hover);
    }

    #sub-accordion-section-section_reorder_section .customize-control.customize-control-reorder .content-wrapper .item.hidden:hover {
        border-color: #e5e5e5;
        background: #fff;
    }

    #sub-accordion-section-section_reorder_section .customize-control.customize-control-reorder .content-wrapper .item > span.label {
        padding: 0 12px;
    }

    /* #sub-accordion-section-section_reorder_section .customize-control.customize-control-reorder .content-wrapper .item > span.dashicon,
    #sub-accordion-section-social_icons_section .customize-control.customize-control-bbe-repeater .content-wrapper .components-flex > span.dashicon,
    #sub-accordion-section-main_banner_section .customize-control.customize-control-reorder .content-wrapper .item > span.dashicon,
    #sub-accordion-section-three_blocks_section .customize-control.customize-control-reorder .content-wrapper .item > span.dashicon {
        padding: 3px 8px;
    } */

    #sub-accordion-section-section_reorder_section .customize-control.customize-control-reorder .content-wrapper .item > span.dashicon:hover {
        color: var(--customizer-color);
    }

    #sub-accordion-section-section_reorder_section .customize-control.customize-control-reorder .content-wrapper .item.active > span.dashicon {
        display: none;
    }

    #sub-accordion-section-three_blocks_section .customize-control.customize-control-reorder .content-wrapper .label {
        padding: 0 20px;
    }

    .customize-control.customize-control-reorder .content-wrapper .overlay,
    .customize-control.customize-control-bbe-repeater .content-wrapper .overlay {
        padding: 8px 12px;
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        display: flex;
        justify-content: space-between;
        cursor: grab;
        margin-top: 8px;
        line-height: initial;
        background-color: #fff;
    }

/* FOR INSTA GALLERY / SOCIAL SHARES */
    .customize-control-bbe-repeater .content-wrapper .repeater-item .components-card__body {
        border: 1px solid #e5e5e5;
        border-top: none;
        border-radius: 0 0 3px 3px;
    }

    .customize-control-bbe-repeater .content-wrapper .repeater-item .components-card__body .components-base-control.label,
    .customize-control-bbe-repeater .content-wrapper .repeater-item .components-card__body .components-base-control.url {
        margin-bottom: 16px;
    }

    .customize-control-bbe-repeater .content-wrapper .repeater-item .components-card__body .components-base-control .components-flex {
        cursor: pointer;
    }
/* FOR ADVERTISEMENT */
    #customize-control-advertisement_repeater.customize-control-bbe-repeater .repeater-item .components-base-control:not(:first-child) {
        margin: 0px;
        margin-top: 12px;
    }

    #customize-control-advertisement_repeater.customize-control-bbe-repeater .repeater-item .components-base-control:not(:first-child) .components-flex {
        border: none;
        padding: 0;
        margin: 0px;
    }

    #customize-control-advertisement_repeater.customize-control-bbe-repeater .repeater-item .components-base-control.image .components-flex {
        border: solid 1px #cccccc;
        padding: 7px 10px;
        margin-top : 10px;
    }

    #customize-control-advertisement_repeater.customize-control-bbe-repeater .repeater-item .components-base-control:nth-of-type(n+5) .components-flex {
        justify-content: flex-start;
    }

    #customize-control-advertisement_repeater.customize-control-bbe-repeater .repeater-item .components-base-control:nth-of-type(n+5) .components-flex:hover {
        background-color: transparent;
    }

    /* #customize-control-advertisement_repeater .components-base-control:nth-of-type(n+6) .components-base-control__field {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    } */

    #customize-control-advertisement_repeater .components-base-control.visibility .components-base-control__field .radio-buttons {
        display: flex;
    }

    #customize-control-advertisement_repeater .components-base-control.visibility .components-base-control__field .radio-buttons .components-button {
        flex: 0.25;
        justify-content: center;
        font-size: 12px;
        height: 30px;
        border: 1px solid #1a7ca8;
    }

    #customize-control-advertisement_repeater .components-base-control.visibility .components-base-control__field .components-button:first-child {
        border-radius: 3px 0 0 3px;
    }

    #customize-control-advertisement_repeater .components-base-control.visibility .components-base-control__field .components-button:last-child {
        border-radius: 0px 3px 3px 0px;
    }

    #customize-control-advertisement_repeater .components-base-control.alignment .components-base-control__field .radio-buttons {
        display: inline-flex;
        gap: 6px;
    }

    #customize-control-advertisement_repeater .components-base-control .components-base-control__field .radio-buttons .components-button {
        display: inline-flex;
        border: 1px solid #e5e5e5;
        margin: 0;;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.2s;
    }

    #customize-control-advertisement_repeater .components-base-control .components-base-control__field .radio-buttons .components-button.is-primary {
        border-color:   var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
    }

    #customize-control-advertisement_repeater .components-base-control .components-base-control__field .radio-buttons .components-button.is-secondary:hover {
        background-color: var(--customizer-hover);
        border-color:   var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
    }

    /* ================ social icon ============== */
    .customize-control-bbe-repeater .content-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .customize-control-bbe-repeater .repeater-item {
        position: relative;
        box-shadow: unset;
        outline: none;
    }

    .customize-control-bbe-repeater button.components-button {
        height: 30px;
        margin-top: 10px;
        font-size: 12px;
        border: none;
        border-radius: 3px;
        transition: all 0.25s ease-in-out;
        cursor: pointer;
    }

    .customize-control-bbe-repeater .components-dropdown button.components-button {
        width: 100%;
        justify-content: center;
        border: 1px solid #cccccc;
        padding: 20px;
        font-size: 21px;
        margin: 0px;
    }

    .customize-control-bbe-repeater button.components-button.add-item {
        padding: 4px 10px 4px 5px;
        gap: 5px;
        margin-left: auto;
        height: auto;
    }

    .customize-control-bbe-repeater button.components-button.add-item .dashicon {
        padding-top: 4px;
        font-size: 15px;
        height: auto;
        width: auto;
    }

    .customize-control-bbe-repeater button.components-button.add-item .label,
    .customize-control-bbe-repeater button.components-button.add-item .add-label {
        font-weight: 600;
        font-size: 14px;
    }

    .customize-control-bbe-repeater .repeater-item .components-card {
        background-color: transparent;
        box-shadow: unset;
    }

    .customize-control-bbe-repeater .repeater-item.active .components-card {
        color: var(--customizer-light-grey);
    }

    .customize-control-bbe-repeater .control-content .content-wrapper .remove-item {
        position: absolute;
        right: -10px;
        top: -15px;
        height: 24px;
        width: 24px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff !important;
        background-color: #d63638 !important;
        cursor: pointer;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.2s ease, transform 0.2s ease;
        transform: translateY(-4px);
    }

    .customize-control-bbe-repeater .control-content .content-wrapper .remove-item:hover {
        background-color: #d24e50;
    }

    .customize-control-bbe-repeater .repeater-item:hover .remove-item {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    .customize-control-bbe-repeater .remove-item .dashicons {
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .components-button.is-secondary:hover:not(:disabled,[aria-disabled=true],.is-pressed),
    .components-button.is-secondary:focus:not(:disabled) {
        background:none;
        box-shadow: unset;
        box-shadow: none;
        outline: none;
    }

    .components-button.is-secondary {
        background:none;
        box-shadow: unset;
        box-shadow: none;
        outline: none;
        /* border: 1px solid var(--customizer-color); */
    }

/*================= Edited By Shrijal ===================*/

    /*================= Toggle Button =================*/
    .components-form-toggle {
        display: block;
    }

    .components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track,
    .accordion-section-title button.accordion-trigger:focus, .nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger:focus {
        box-shadow: unset;
        outline: unset;
    }

    .components-form-toggle .components-form-toggle__track {
        border: 1px solid #4B5563;
    }

    .components-form-toggle .components-form-toggle__thumb {
        top: 3px;
        left: 4px;
        width: 10px;
        height: 10px;
        background: #4B5563;
        border: 5px solid #0000;
    }

    .components-form-toggle.is-checked .components-form-toggle__thumb {
        transform: translateX(14px);
        border: 5px solid #fff;
    }

    /*================= Range Controller =================*/
    .components-range-control .components-range-control__wrapper .components-range-control__track,
    .components-range-control .components-range-control__wrapper>span:first-of-type {
        height: 2px;
    }

    .components-range-control .components-range-control__wrapper .components-range-control__thumb-wrapper {
        top: -1px;
        z-index: 0;
    }

    /* ================= Date And Time ================= */
    .customize-control-bbe-select .control-content .components-input-control__container .components-select-control__input {
        height: 30px;
        min-height: 30px;
        font-size: 13px;
    }

    .control-content .components-input-base .components-input-control__backdrop {
        border-color: var(--customizer-border-color) !important;
    }

    .mce-container {
        z-index: 999999 !important;
    }

    @media ( min-width: 1440px ) {
        .customize-control-bbe-responsive-builder .content-wrapper .builder-wrapper {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    /* ==============  Solid Color Palette ============= */

    .bbe-palette-container .components-button {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        height: 30px;
        width: 30px;
        padding: 0;
    }

    .customize-control-bbe-color-palette .control-wrapper {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 5px;
    }

    .palette-dropdown .palette {
        display: flex;
        padding: 7px;
        transition: all .2s ease;
        border: 1px solid var(--customizer-border-color);
        border-radius: 3px;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .palette-dropdown .palette:hover {
        background-color: #f0f5ff;
    }

    .palette-dropdown .bbe-palette-container {
        display: flex;
    }

    .palette-dropdown .palette-color {
        height: 17px;
        width: 17px;
    }

/* ==============  Widgets ============= */
    .select2-container--default.select2-container--focus .select2-selection--multiple {
        border: none;
    }

    .select2-container--default .select2-selection--multiple {
        border: none;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        padding: 0px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        width: 100%;
    }

    .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=date],
    .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime-local],
    .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime],
    .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=email],
    .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=month],
    .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=number],
    .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=password],
    .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=search],
    .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=tel],
    .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=text],
    .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=time],
    .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=url],
    .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=week],
    .wp-block-legacy-widget__edit-form .widget-inside.widget-inside select {
        width: 100%!important;
    }

    /* popup */
    .select2-container {
        z-index: 999999999 !important;
    }





    /* .customize-control {
        box-sizing: border-box;
        padding: 0 16px 10px;
        background-color: #fff;
} */

/* ================= Menus =================  */
    /* #customize-theme-controls #sub-accordion-panel-nav_menus button.accordion-trigger {
        padding: 8px;
        border: 1px solid #e5e5e5;
        border-radius: 3px;
    } */

    .control-section.control-section-nav_menu .customize-control {
        margin: 0;
        padding: 0;
        margin-bottom: 12px;
        border: none !important;
    }

    .control-section.control-section-nav_menu .customize-control .menu-item-handle {
        border-radius: 3px;
        box-shadow: none;
    }

    .control-section.control-section-nav_menu .customize-control .menu-item-handle:hover {
        border-color: var(--customizer-color);
    }

    .control-section.control-section-nav_menu .customize-control .menu-location-settings {
        display: none;
    }

    .control-section.control-section-nav_menu .customize-control .menu-delete-item {
        margin: 0;
        padding: 0;
    }

    /* tooltip */
    .components-tooltip {
        max-width: 325px;
    }

    /* customize-control-toggle-button-group  */
    .customize-control-toggle-button-group .control-content .is-block:not(:first-child) {
        margin-top: 8px;
    }

/* 
=================================
MARK: Customizer Notice
=================================
 */
    .customize-control-notice .content-wrapper {
        background: #f7fbff;
        border: 1px solid #b8d7ff;
        border-left: 4px solid #2271b1;
        border-radius: 3px;
        padding: 15px 15px 15px 54px;
        position: relative;
        box-sizing: border-box;
    }

    .customize-control-notice .content-wrapper::before {
        content: "i";
        position: absolute;
        left: 14px;
        top: 20px;
        width: 22px;
        height: 22px;
        background: #2271b1;
        color: #fff;
        border-radius: 50%;
        font-size: 15px;
        font-weight: 700;
        line-height: 22px;
        text-align: center;
        font-family: Arial, sans-serif;
    }

 /* async Multiselect */
    .customize-control-async-multiselect input[type=text] {
        box-shadow: none;
    }
    .customize-control-async-multiselect input[type="text"] {
        min-height: initial;
    }


/* Sub Tittle */
    .customize-pane-child.control-section .customize-control.customize-control-separator,
    .customize-pane-child.control-section #customize-control-web_stories_content_toggles_preview,
    .customize-pane-child.control-section #customize-control-web_stories_content_toggles_in_slider {
        padding-bottom: 0;
        border: none;
    }

    .customize-control-separator .label {
        display: flex;
        position: relative;
        align-items: center;
        text-transform: uppercase;
        gap: 12px;
        margin: 0;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #222;
        padding-left: 8px;
        border-left: 3px solid var(--customizer-color);
    }

    .customize-control-separator .label::before {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #e2e8f0;
        z-index: 1;
    }

    .customize-control-separator .label::after {
        content: "";
        flex: 1;
        height: 1px;
        background: #e2e8f0;
    }

/* Notice Added New */
    .customize-control-info-box .components-card__body .customizer-control-title {
        font-weight: 600;
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 8px;
    }

    .customize-control-info-box .components-card__body .info-box-button {
        font-size: 12px;
        padding: 15px 12px;
        border-radius: 3px;
        margin-top: 8px;
    }

/* Highlight About Theme  */
    #customize-theme-controls #accordion-section-about_section .accordion-section-title,
    #customize-theme-controls #accordion-section-about_section .accordion-section-title button:focus,
    #customize-theme-controls #accordion-section-about_section .accordion-section-title button {
        background: #3858e9;
        color: #fff;
    }

    #customize-theme-controls #accordion-section-about_section .accordion-section-title::after,
    #customize-theme-controls #accordion-section-about_section .accordion-section-title button:hover {
        background: #3858e9;
        color: #fff;
    }

/* Overlay Popup */
    .overlay {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .overlay .components-dropdown .component-color-indicator {
        width: 37px;
        height: 25px;
        border-radius: 3px;
        margin-left: auto;
        margin-top: auto;
        margin-bottom: auto;
        cursor: pointer;
    }