:root {
    --cspt-emphires-global-color: #6cabdd;
                --cspt-emphires-secondary-color: #1c2c5b;
                --cspt-emphires-gradient-color-first: #0aadeb;
                        --cspt-emphires-gradient-color-last: #28d0ff;
                        --cspt-emphires-logo-height: 80px;
                --cspt-emphires-sticky-logo-height: 80px;
                --cspt-emphires-responsive-logo-height: 80px;
                --cspt-emphires-link-color-normal: #0c121d;
                        --cspt-emphires-link-color-hover: #0aadeb;
                        --cspt-emphires-responsive-breakpoint: 1200px;
                --cspt-emphires-white-color: #ffffff;
                --cspt-emphires-blackish-color: #0c121d;
                --cspt-emphires-light-bg-color: #f8f8f9;
                --cspt-emphires-blackish-bg-color: #040810;
                --cspt-emphires-preheader-bgcolor-custom: #ff5e15;
                --cspt-emphires-header-height: 90px;
                --cspt-emphires-header-background-color: #6cabdd;
                --cspt-emphires-menu-background-color: #ffffff;
                --cspt-emphires-sticky-header-height: 90px;
                --cspt-emphires-sticky-header-background-color: #6cabdd;
                --cspt-emphires-main-menu-typography-font-family: Poppins;
                        --cspt-emphires-main-menu-typography-variant: 700;
                        --cspt-emphires-main-menu-typography-font-size: 16px;
                        --cspt-emphires-main-menu-typography-line-height: 20px;
                        --cspt-emphires-main-menu-typography-letter-spacing: 1px;
                        --cspt-emphires-main-menu-typography-color: #0c121d;
                        --cspt-emphires-main-menu-typography-text-transform: none;
                        --cspt-emphires-main-menu-typography-font-weight: 700;
                        --cspt-emphires-main-menu-typography-font-style: normal;
                        --cspt-emphires-main-menu-sticky-color: #09162a;
                --cspt-emphires-titlebar-height: 600px;
                --cspt-emphires-footer-1-col-width: 28%;
                --cspt-emphires-footer-2-col-width: 21%;
                --cspt-emphires-footer-3-col-width: 28%;
                --cspt-emphires-footer-4-col-width: 23%;
                --cspt-emphires-global-color-rgb: 108, 171, 221;
            --cspt-emphires-secondary-color-rgb: 28, 44, 91;
            --cspt-emphires-white-color-rgb: 255, 255, 255;
            --cspt-emphires-blackish-color-rgb: 12, 18, 29;
            --cspt-emphires-light-bg-color-rgb: 248, 248, 249;
            --cspt-emphires-blackish-bg-color-rgb: 4, 8, 16;
            --cspt-emphires-main-menu-typography-color-rgb: 12, 18, 29;
            }


/* CSS :root ends here */

.cspt-navbar ul ul,.cspt-navbar ul ul:before{background-color:#f6f6f6;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.cspt-title-bar-wrapper, .cspt-title-bar-wrapper.cspt-bg-color-custom:before{background-color:#eeeeee;background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.site-footer, .site-footer.cspt-bg-color-custom:before{background-color:#3f3349;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.cspt-footer-widget-area, .cspt-footer-widget-area.cspt-bg-color-custom:before{background-color:#969696;background-repeat:no-repeat;background-position:center center;background-size:auto;background-attachment:scroll;}.cspt-footer-text-area, .cspt-footer-text-area.cspt-bg-color-custom:before{background-color:#0a0a0a;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.error404 .site-content-wrap, .error404 .cspt-bg-color-custom > .site-content-wrap:before{background-color:rgba(0,0,0,0.5);background-image:url("https://emphires-demo.pbminfotech.com/demo1/wp-content/uploads/sites/7/2019/06/project-new-02.jpg");background-repeat:no-repeat;background-position:center top;background-size:cover;background-attachment:scroll;}body{font-family:Poppins,sans-serif;font-weight:normal;font-size:16px;line-height:1.6;color:#00285e;text-transform:none;font-style:normal;}h1{font-family:Poppins,sans-serif;font-weight:800;font-size:36px;line-height:46px;letter-spacing:0px;color:#0c121d;text-transform:none;font-style:normal;}h2{font-family:Poppins,sans-serif;font-weight:800;font-size:32px;line-height:42px;letter-spacing:0px;color:#0c121d;text-transform:none;font-style:normal;}h3{font-family:Poppins,sans-serif;font-weight:800;font-size:28px;line-height:38px;letter-spacing:0px;color:#0c121d;text-transform:none;font-style:normal;}h4{font-family:Poppins,sans-serif;font-weight:800;font-size:24px;line-height:34px;letter-spacing:0px;color:#0c121d;text-transform:none;font-style:normal;}h5{font-family:Poppins,sans-serif;font-weight:800;font-size:20px;line-height:30px;letter-spacing:0px;color:#0c121d;text-transform:none;font-style:normal;}h6{font-family:Nunito,sans-serif;font-weight:800;font-size:16px;line-height:26px;letter-spacing:0px;color:#0c121d;text-transform:none;font-style:normal;}.cspt-ihbox.cspt-ihbox-style-hsbox .cspt-ihbox-heading .vc_custom_heading, .cspt-element-title{font-family:Poppins,sans-serif;font-weight:800;font-size:42px;line-height:48px;letter-spacing:0px;color:#0c121d;text-transform:none;font-style:normal;}.cspt-ihbox.cspt-ihbox-style-hsbox .cspt-ihbox-subheading .vc_custom_heading, .cspt-heading-subheading .cspt-element-subtitle{font-family:Poppins,sans-serif;font-weight:700;font-size:14px;line-height:20px;letter-spacing:3px;color:#b0b6bf;text-transform:uppercase;font-style:normal;}.cspt-ihbox.cspt-ihbox-style-hsbox .cspt-ihbox-content,.cspt-heading-subheading .cspt-heading-desc{font-family:Muli,sans-serif;font-weight:normal;font-size:18px;line-height:1.8;letter-spacing:0px;color:#6d7a8c;text-transform:none;font-style:normal;}.widget-title, .creativesplanet-sidebar .widget_search .wp-block-search__label, .creativesplanet-sidebar .widget_block .wp-block-group h2, .widget-title{font-family:Poppins,sans-serif;font-weight:800;font-size:22px;line-height:32px;letter-spacing:0px;color:#0c121d;text-transform:none;font-style:normal;}.vc_general.vc_btn3, .woocommerce .woocommerce-message .button, .woocommerce div.product form.cart .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, button, html input[type=button], input[type=reset], input[type=submit], .cspt-blog-classic-inner .cspt-read-more-link a,.elementor-widget-button .elementor-button, .cspt-ihbox-btn a{font-family:Nunito,sans-serif;font-weight:800;font-size:13px;line-height:normal;letter-spacing:1px;text-transform:uppercase;font-style:normal;}.cspt-ihbox-style-1 .vc_general.vc_btn3, .cspt-service-style-3 .vc_general.vc_btn3, .cspt-ihbox-style-1-main .vc_column_container .cspt-ihbox-style-1:before, .cspt-header-style-3 .cspt-header-button a, .cspt-header-style-5 .cspt-header-button, .cspt-testimonial-style-4 .creativesplanet-box-title, .creativesplanet-ele-fid-style-5 .cspt-fid-title, .cspt-top-bar-bt, .cspt-contact-info, .cspt-header-button, .cspt-header-button2 a, blockquote cite, blockquote small, .elementor-widget-accordion .elementor-accordion-title, .cspt-steps-ihbox-2 .cspt-ihbox-style-20:before, .cspt-accordion-style-1.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a:before,.cspt-list-style-2.creativesplanet-ul-list ul li:before, .cspt-divider-text,.cspt-tab-style-1 .vc_tta-tab, .cspt-tab-style-1 .elementor-tab-title{font-family:Nunito,sans-serif;font-weight:600;font-style:normal;}.cspt-testimonial-style-2 blockquote{font-family:Nunito,sans-serif;font-weight:normal;font-style:normal;}blockquote, .creativesplanet-ele-fid-style-7 .cspt-fid-title, .cspt-header-style-10 .cspt-header-button a span.cspt-header-button-text-1{font-family:Nunito,sans-serif;font-weight:italic;font-style:italic;}.cspt-header-box-title{font-family:Nunito,sans-serif;font-weight:800;font-size:17px;line-height:27px;letter-spacing:0px;color:#0c121d;text-transform:none;font-style:normal;}.cspt-header-box-content{font-family:Muli,sans-serif;font-weight:700;font-size:15px;line-height:25px;letter-spacing:1px;color:#b0b6bf;text-transform:none;font-style:normal;}.cspt-navbar div > ul > li > a{font-family:Poppins,sans-serif;font-weight:700;font-size:16px;line-height:20px;letter-spacing:1px;color:#0c121d;text-transform:none;font-style:normal;}.cspt-navbar ul ul a{font-family:Poppins,sans-serif;font-weight:700;font-size:14px;line-height:1.5;letter-spacing:0px;color:#242424;text-transform:none;font-style:normal;}.cspt-tbar-title{font-family:Nunito,sans-serif;font-weight:800;font-size:42px;line-height:65px;letter-spacing:1px;color:#ffffff;text-transform:none;font-style:normal;}.cspt-tbar-subtitle{font-family:Muli,sans-serif;font-weight:700;font-size:14px;line-height:1.5;letter-spacing:0px;color:#ffffff;text-transform:none;font-style:normal;}.cspt-breadcrumb, .cspt-breadcrumb a{font-family:Muli,sans-serif;font-weight:normal;font-size:12px;line-height:1.5;letter-spacing:1px;color:#ffffff;text-transform:none;font-style:normal;}/* --------------------------------------
 * Custom background color and text color
 * ---------------------------------------*/


/* Custom preheader background color */

.cspt-pre-header-wrapper.cspt-bg-color-custom {
    background-color: var(--cspt-emphires-preheader-bgcolor-custom);
}


/* Custom footer big area background color */

.cspt-footer-big-area-wrapper.cspt-bg-color-custom {
    background-color: #ff5e15;
}


/* Custom Header background color */

.cspt-header-wrapper.cspt-bg-color-custom {
    background-color: var(--cspt-emphires-header-background-color);
}


/* Custom Menu area background color */

.cspt-header-menu-area.cspt-bg-color-custom {
    background-color: var(--cspt-emphires-menu-background-color);
}


/* sticky-header-background-color */

.cspt-sticky-header.cspt-header-sticky-yes.cspt-sticky-bg-color-custom {
    background-color: var(--cspt-emphires-sticky-header-background-color);
}

.site-header .cspt-bg-color-light,
.site-header .cspt-sticky-on.cspt-sticky-bg-color-light,
.cspt-sticky-header.cspt-header-sticky-yes.cspt-sticky-bg-color-light {
    background-color: var(--cspt-emphires-light-bg-color);
}

.cspt-responsive-header-bgcolor-whitecolor {
    background-color: var(--cspt-emphires-white-color)!important;
}

.cspt-responsive-header-bgcolor-globalcolor {
    background-color: var(--cspt-emphires-global-color)!important;
}

.cspt-responsive-header-bgcolor-blackish {
    background-color: var(--cspt-emphires-blackish-bg-color)!important;
}


/* Custom Menu text color */

.cspt-sticky-header.cspt-header-sticky-yes .cspt-navbar div>ul>li>a {
    color: var(--cspt-emphires-main-menu-sticky-color);
}

/* --------------------------------------
 * A tag
 * ---------------------------------------*/

a {
    color: var(--cspt-emphires-link-color-normal);
}

a:hover {
    color: var(--cspt-emphires-link-color-hover);
}


/* --------------------------------------
 * Titlebar
 * ---------------------------------------*/

.cspt-title-bar-content,
.cspt-title-bar-wrapper {
    min-height: 600px;
}

.cspt-color-globalcolor,
.vc_icon_element-color-globalcolor,
.cspt-globalcolor,
.globalcolor {
    color: var(--cspt-emphires-global-color);
}

.cspt-bg-color-globalcolor.cspt-title-bar-wrapper:before,
.creativesplanet-ele-team .creativesplanet-overlay {
    background-color: rgba(var(--cspt-emphires-global-color-rgb), 0.50);
}


/* Row BG */

.error404 .cspt-bg-color-globalcolor,
.cspt-stretched-div.cspt-bg-color-globalcolor:before,
.vc_btn3-color-globalcolor.vc_general.vc_btn3:not(.vc_btn3-style-outline):not(.vc_btn3-style-simple),
.cspt-btn-color-globalcolor.cspt-btn-style-flat .elementor-button,
.cspt-bg-color-globalcolor.vc_column_container .vc_column-inner:before,
.cspt-column.cspt-bg-color-globalcolor:before,
.cspt-row.cspt-bg-color-globalcolor:before {
    background-color: var(--cspt-emphires-global-color);
}

.cspt-bgimage-yes .cspt-stretched-div.cspt-bg-color-globalcolor:before,
.cspt-bgimage-yes.cspt-bg-color-globalcolor.vc_column_container .vc_column-inner:before,
.cspt-bgimage-yes.cspt-bg-color-globalcolor:before {
    background-color: rgba(var(--cspt-emphires-global-color-rgb), 0.90);
}


/* --------------------------------------
 * Cusmom color
 * ---------------------------------------*/

.cspt-globalcolor,
.cspt-skincolor,
.vc_general.vc_btn3.vc_btn3-style-simple.vc_btn3-color-black:hover,
.cspt-modern-tab .vc_general.vc_btn3-style-outline.vc_btn3-color-globalcolor,
.cspt-search-results-right .cspt-post-title a:hover,
.cspt-metabox .widgettitle,
.error-404:after,
.cspt-contact-box .cspt-ihbox.cspt-ihbox-style-hsbox .cspt-ihbox-heading *,
.cspt-addressbox,
.emphires_recent_posts_widget .cspt-rpw-content .cspt-rpw-date a,
.cspt-portfolio-line-li:before,
.post-navigation .nav-links a:hover,
.cspt-footer-menu li a:hover,
.cspt-comment-date a,
.creativesplanet-sidebar .widget ul a:hover,
.cspt-btn-style-outline.cspt-btn-color-globalcolor .elementor-button,
.cspt-blog-classic .cspt-read-more-btn a:hover,
.cspt-blog-meta .cspt-meta-classic-right .cspt-meta a:hover,
.emphires_recent_posts_widget .cspt-rpw-content .cspt-rpw-title a:hover,
.site-footer .widget_recent_entries ul li span,
.cspt-blog-classic .cspt-post-title a:hover,
.cspt-blog-meta.cspt-blog-meta-top i,
.cspt-blog-classic blockquote .authorOrTitle,
.cspt-blog-meta a:hover,
.cspt-blog-classic .entry-title a:hover,
.cspt-blog-meta .cspt-meta-author:before,
.cspt-blog-meta .cspt-meta-date:before,
.cspt-blog-meta .cspt-meta-cat:before,
.cspt-blog-meta .cspt-meta-comments:before,
.cspt-blog-meta .cspt-meta-tags:before,
.cspt-address-con strong,
.wpb-js-composer .vc_tta.vc_tta-accordion.vc_tta-color-globalcolor .vc_tta-panel-title>a i,
.cspt-home-service-form .input-box i {
    color: var(--cspt-emphires-global-color);
}

.cspt-globalcolor {
    color: var(--cspt-emphires-global-color)!important;
}


/* --------------------------------------
 * Background color
 * ---------------------------------------*/

.single-cspt-service .creativesplanet-sidebar a.btn-link,
.single-cspt-service .creativesplanet-sidebar .widget ul>li.cspt-post-active:before,
.single-cspt-service .creativesplanet-sidebar .widget ul>li.cspt-post-active:after,
.single-cspt-service .creativesplanet-sidebar .widget ul>li:hover:before,
.single-cspt-service .creativesplanet-sidebar .widget ul>li:hover:after,
.cspt-img-bg-effect-single .vc_single_image-wrapper:after,
.cspt-img-bg-effect .vc_single_image-wrapper:after,
.cspt-img-bg-effect .vc_single_image-wrapper:before,
.cspt-ihbox.cspt-ihbox-style-hsbox .cspt-ihbox-subheading h4:after,
body .scroll-to-top,
body .site-footer.cspt-bg-color-blackish .scroll-to-top,
.cspt-ourhistory .cspt-ourhistory-right:before,
.nav-links .page-numbers.current,
.nav-links .page-numbers:hover,
.cspt-sep-heading:after,
.cspt-bg-color-secondarycolor .cspt-main-form input[type=submit],
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline:focus,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline:hover,
.post-navigation .nav-links a:hover .cspt-portfolio-nav-icon,
.post-navigation .nav-links .cspt-prev-title:hover,
.post-navigation .nav-links .cspt-next-title:hover,
.footer-wrap .footer-social li a:hover,
.footer-wrap .widget_tag_cloud a:hover,
.creativesplanet-testimonial-tooltip-show-hide .creativesplanet-testimonial-tooltip,
.wpb-js-composer .vc_tta-color-globalcolor.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_progress_bar.vc_progress-bar-color-globalcolor .vc_single_bar .vc_bar,
.creativesplanet-element-viewtype-carousel .owl-carousel button.owl-dot.active,
.cspt-bg-color-globalcolor {
    background-color: var(--cspt-emphires-global-color);
}

.cspt-bgimage-over-bgcolor.cspt-bgimage-yes.cspt-bg-color-globalcolor {
    background-color: var(--cspt-emphires-global-color)!important;
}

input:focus,
select:focus,
textarea:focus,
blockquote {
    border-color: var(--cspt-emphires-global-color);
}


/* --------------------------------------
 * Border color
 * ---------------------------------------*/


/*==== Theme Special ====*/

.post.sticky,
.vc_general.vc_btn3-style-outline.vc_btn3-color-globalcolor,
.cspt-btn-style-outline.cspt-btn-color-globalcolor .elementor-button,
.vc_progress_bar.vc_progress-bar-color-globalcolor .vc_single_bar .vc_bar:after,
.vc_icon_element.vc_icon_element-outer.cspt-lightbox-video .vc_icon_element-inner {
    border-color: var(--cspt-emphires-global-color);
}

body.wpb-js-composer .vc_tta.vc_general.vc_tta-style-flat .vc_tta-tab.vc_active>a,
.cspt-icon-absulate:after {
    border-bottom-color: var(--cspt-emphires-global-color)!important;
}

body.wpb-js-composer .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a {
    border-color: var(--cspt-emphires-global-color)!important;
}


/* --------------------------------------
 * Gradient color
 * ---------------------------------------*/


/*==== Theme Special ====*/

.cspt-bg-color-gradientcolor,
.cspt-footer-big-area-wrapper.cspt-bg-color-gradientcolor .cspt-footer-big-area,
.vc_icon_element-color-gradientcolor,
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-gradientcolor .vc_icon_element-icon:before,
.vc_btn3-container .vc_btn3-color-gradientcolor:not(.vc_btn3-style-outline),
.vc_btn3-container .vc_general.vc_btn3.vc_btn3-color-gradientcolor.vc_btn3-style-outline:before,
.cspt-bg-color-gradientcolor:before,
.rev-btn.cspt-gradient-right {
    background-image: -ms-linear-gradient(right, var(--cspt-emphires-gradient-color-first) 0%, var(--cspt-emphires-gradient-color-last)100%);
    background-image: linear-gradient(to right, var(--cspt-emphires-gradient-color-first), var(--cspt-emphires-gradient-color-last));
}

.cspt-bgimage-over-bgcolor.cspt-bgimage-yes.cspt-bg-color-gradientcolor,
.cspt-stretched-div.cspt-bg-color-gradientcolor:before,
.creativesplanet-ul-list.cspt-ul-type-disc li:after,
.vc_row.cspt-bg-color-gradientcolor:before {
    background-image: linear-gradient(to right, var(--cspt-emphires-gradient-color-first), var(--cspt-emphires-gradient-color-last));
}

.vc_row.cspt-bg-color-gradientcolor.cspt-bg-left-right:before {
    background-image: linear-gradient(to right, var(--cspt-emphires-gradient-color-first), var(--cspt-emphires-gradient-color-last)) !important;
}

.cspt-bgimage-yes .cspt-stretched-div.cspt-bg-color-gradientcolor:before,
.cspt-row.cspt-bg-color-gradientcolor.cspt-bgimage-yes:before {
    opacity: 0.5;
}

.cspt-gradient-right.rev-btn:hover:after,
.vc_btn3-container .vc_general.vc_btn3.vc_btn3-color-gradientcolor:not(.vc_btn3-style-outline):hover:after {
    background-color: var(--cspt-emphires-gradient-color-last);
}


/* --------------------------------------
 * Secondary color
 * ---------------------------------------*/

.csptcontanttext.cspt-ihbox-style-hsbox .cspt-ihbox-contents .cspt-ihbox-content,
.cspt-comment-content .cspt-comment-author a:hover,
.cspt-color-secondarycolor {
    color: var(--cspt-emphires-secondary-color);
}

.cspt-stretched-div.cspt-bg-color-secondarycolor:before,
.cspt-bg-color-secondarycolor.vc_column_container .vc_column-inner:before,
.cspt-column.cspt-bg-color-secondarycolor:before,
.cspt-row.cspt-bg-color-secondarycolor:before,
.cspt-bgimage-over-bgcolor.cspt-bgimage-yes.cspt-bg-color-secondarycolor,
.cspt-stretched-div.cspt-bg-color-secondarycolor:before,
.cspt-bg-color-secondarycolor,
.cspt-bg-color-secondarycolor:before,
.cspt-secondary-color,
.vc_icon_element-background-color-secondarycolor:not(.vc_icon_element-style-) {
    background-color: var(--cspt-emphires-secondary-color);
}


/*=== Secondory BG - with image ===*/

.cspt-bgimage-yes.cspt-bg-color-secondarycolor.vc_column_container .vc_column-inner:before,
.cspt-bgimage-yes.cspt-bg-color-secondarycolor:not(.vc_column_container):before,
.cspt-bgimage-yes.cspt-extended-bg-col.cspt-bg-color-secondarycolor:before,
.cspt-bgimage-yes .cspt-stretched-div.cspt-bg-color-secondarycolor:before {
    background-color: rgba(var(--cspt-emphires-secondary-color-rgb), 0.80);
}


/* --------------------------------------
 * Contact Form 7
 * ---------------------------------------*/

.main-form [type="text"]::placeholder,
.main-form input[type="email"]::placeholder,
.main-form input[type="password"]::placeholder,
.main-form input[type="tel"]::placeholder,
.main-form input[type="url"]::placeholder,
.main-form select::placeholder,
.main-form textarea::placeholder {
    color: var(--cspt-emphires-global-color);
    opacity: 1;
    /* Firefox */
}

.main-form [type="text"]:-ms-input-placeholder {
    color: var(--cspt-emphires-global-color);
}

.main-form [type="text"]::-ms-input-placeholde {
    color: var(--cspt-emphires-global-color);
}

.site-title {
    height: var(--cspt-emphires-header-height);
}

.site-title img.cspt-main-logo {
    max-height: var(--cspt-emphires-logo-height);
}

.site-title img.cspt-responsive-logo {
    max-height: var(--cspt-emphires-responsive-logo-height);
}


/*=== Header background color ===*/

.vc_general.vc_btn3-style-outline.vc_btn3-color-globalcolor:focus,
.vc_general.vc_btn3-style-outline.vc_btn3-color-globalcolor:hover,
.cspt-btn-style-outline.cspt-btn-color-globalcolor .elementor-button:hover,
.site-header .cspt-bg-color-globalcolor,
.site-header .cspt-sticky-header.cspt-header-sticky-yes.cspt-sticky-bg-color-globalcolor {
    background-color: var(--cspt-emphires-global-color);
}


/*==== ================================================================================== ====*/


/*==== Theme Special ( Global Backgroud color ) ====*/

.csptsubheadingstyle1 .cspt-ihbox-subheading h4:before,
.cspt-element-service-style-7.creativesplanet-element-viewtype-carousel .owl-carousel .owl-nav .owl-next,
.cspt-tab-style-1.vc_tta.vc_general li.vc_tta-tab.vc_active:after,
body.wpb-js-composer .cspt-accordion-style-1.vc_tta.vc_general .vc_tta-panel.vc_active:after,
.cspt-main-form.cspt-form-style-4 .wpcf7-submit,
.creativesplanet-ele-blog .cspt-read-more-link span:before,
.vc_general.vc_btn3.vc_btn3-style-simple:not(.vc_btn3-icon-left):not(.vc_btn3-icon-right) span:before,
.cspt-btn-style-text .elementor-button .elementor-button-content-wrapper span:before,
.cspt-all-post-list-w,
.cspt-portfolio-lines-wrapper,
.creativesplanet-ele-blog .cspt-read-more-link a:hover span:after,
.wpb_text_column .cspt-social-links li a,
body .scroll-to-top:hover,
a.cspt-text-underline:after,
.wp-block-button__link:hover,
.cspt-blog-classic blockquote,
.reply a:hover,
.vc_btn3.vc_btn3-style-classic.vc_btn3-color-black:hover,
.cspt-btn-style-flat.cspt-btn-color-blackish .elementor-button:hover,
.cspt-home-service-form input[type="submit"]:hover,
.cspt-home-service-form-2 input[type="submit"]:hover,
.cspt-blog-classic-inner .cspt-read-more-link a:hover,
.single-cspt-service .creativesplanet-sidebar .widget ul>li.cspt-post-active a,
.single-cspt-service .creativesplanet-sidebar .widget ul>li:hover a,
.cspt-main-form.cspt-form-style-2 .wpcf7-submit,
.post.sticky .cspt-blog-classic:after,
.cspt-bmi-cal-wrapper .cspt-button,
.vc_btn3.vc_btn3-style-classic.vc_btn3-color-secondarycolor:hover,
.cspt-consultation-form input[type=submit],
.cspt-footer-widget .cspt-consultation-form button[type=submit],
.cspt-effect2-square .vc_single_image-wrapper:after,
.cspt-divider .cspt-ihbox.cspt-ihbox-style-hsbox .cspt-ihbox-heading:after,
.cspt-ihbox.cspt-ihbox-style-hsbox.cspt-divider .cspt-ihbox-heading:after,
.cspt-bottom-heading,
.cspt-bottom-heading:before,
.cspt-footer-text-area .cspt-social-links a,
.cspt-footer-big-area-wrapper.cspt-bg-color-globalcolor .cspt-footer-big-area,
.cspt-slider .vc_images_carousel .vc_carousel-control .icon-next:hover,
.cspt-slider .vc_images_carousel .vc_carousel-control .icon-prev:hover,
.cspt-blog-classic .cspt-meta-date-top,
.creativesplanet-sidebar .widget .widget-title:after,
.cspt-footer-text-area .cspt-social-links a:hover,
.cspt-full-btn .vc_btn3 .vc_btn3-icon,
.page-links a:hover,
.page-links>span,
.cspt-page-links a:hover,
.cspt-page-links>span,
input[type=submit]:hover,
.wpcf7-form button:hover,
a.cspt-link:after,
.cspt-blog-classic-inner .cspt-read-more-link a:hover:after,
.cspt-search-results-right .cspt-read-more-link a:after,
.wp-block-tag-cloud a:hover,
.wp-block-search .wp-block-search__button,
.search-form button,
.cspt-team-single .cspt-team-social-links a:hover,
.site-footer .widget-title:after,
.creativesplanet-sidebar .widget_tag_cloud ul li a:hover,
.cspt-text-color-white .cspt-ihbox.cspt-ihbox-style-hsbox .cspt-ihbox-subheading h4:after,
.cspt-row-expand-left .cspt-ihbox.cspt-ihbox-style-hsbox .cspt-ihbox-heading,
.cspt-row-expand-left .cspt-ihbox.cspt-ihbox-style-hsbox .cspt-ihbox-heading:after {
    background-color: var(--cspt-emphires-global-color);
}

.wpb-js-composer .vc_tta.vc_general.cspt-faq .vc_tta-panel.vc_active .vc_tta-panel-heading {
    background-color: var(--cspt-emphires-global-color)!important;
}


/*=== secondary_color ===*/

.cspt-elementor-bg-color-globalcolor .cspt-heading-subheading .cspt-element-title em,
.cspt-tab-style-1.vc_tta.vc_general.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a,
body.wpb-js-composer .cspt-tab-style-1.vc_tta.vc_general.vc_tta-style-classic .vc_tta-tab>a,
.cspt-text-color-white .cspt-ihbox-heading .vc_custom_heading em,
.cspt-bg-color-globalcolor .cspt-ihbox-heading .vc_custom_heading em,
.cspt-bg-color-globalcolor .cspt-ihbox-content .cspt-element-title em,
.cspt-bg-color-globalcolor .cspt-heading-subheading .cspt-element-title em {
    color: var(--cspt-emphires-secondary-color);
}

.elementor-element.cspt-btn-style-outline.cspt-btn-color-blackish.cspt-btn-shape-round a:hover,
.cspt-main-form.cspt-form-style-4 .wpcf7-submit:hover,
.cspt-consultation-form button[type=submit],
.cspt-footer-big-area-wrapper.cspt-bg-color-secondarycolor .cspt-footer-big-area,
.cspt-bg-color-globalcolor .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat:hover,
.cspt-footer-big-area-wrapper.cspt-bg-color-white .cspt-footer-big-area .mc4wp-form .btn,
.vc_general.vc_btn3.vc_btn3-color-secondarycolor,
.cspt-sticky-header.cspt-header-sticky-yes.cspt-sticky-bg-color-secondarycolor,
.vc_btn3-color-secondary_color.vc_btn3,
.cspt-promo-image-box-1 .vc_icon_element-inner,
.cspt-main-form.cspt-form-style-1 input[type=submit]:hover {
    background-color: var(--cspt-emphires-secondary-color);
}

.post.sticky .cspt-blog-classic-inner {
    border-color: var(--cspt-emphires-secondary-color);
}


/*==== Theme Special Global color ====*/


/* Emphires Special */

.cspt-tab-style-1.vc_tta.vc_general.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a,
.cspt-new-button .vc_general.vc_btn3-style-simple.vc_btn3-color-globalcolor,
body.wpb-js-composer .cspt-tab-style-1.vc_tta.vc_general.vc_tta-style-classic .vc_tta-tab.vc_active>a,
.cspt-tab-style-1.elementor-widget-tabs .elementor-tabs .elementor-active a,
.cspt-accordion-style-1.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a:before,
.cspt-accordion-style-1.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a,
.cspt-accordion-style-1.elementor-widget-accordion .elementor-accordion .elementor-active a,
.cspt-sortable-list a.cspt-selected,
body.wpb-js-composer .vc_tta.vc_general.vc_tta-style-modern .vc_tta-tab.vc_active>a,
.cspt-modern-tab.elementor-widget-tabs .elementor-tab-title.elementor-tab-mobile-title.elementor-active,
.cspt-modern-tab.elementor-widget-tabs .elementor-tab-title.elementor-active,
.cspt-modern-tab button.ele_btn-style-outline,
.vc_general.vc_btn3-style-outline.vc_btn3-color-globalcolor,
.cspt-text-color-white .cspt-ihbox-heading-theme .cspt-ihbox-heading .vc_custom_heading em,
.vc_general.vc_btn3.vc_btn3-style-simple:hover,
.cspt-btn-style-text .elementor-button:hover,
.creativesplanet-ele-service .cspt-service-btn a:hover,
.cspt-text-color-white.cspt-bg-color-blackish .cspt-ihbox-heading .vc_custom_heading em,
.widget.widget_recent_entries ul li:hover:before,
.cspt-pre-header-wrapper .cspt-social-links a:hover,
.cspt-home-service-form .input-box i,
.cspt-contact-widget-lines .cspt-contact-widget-line:before,
.cspt-contact-info li i,
.widget .download .item-download i,
body .cspt-video-link-2 .vc_general.vc_btn3 i,
body .cspt-video-link .vc_general.vc_btn3 i,
body .cspt-video-link .elementor-button i,
.cspt-ihbox-heading .vc_custom_heading em,
.cspt-heading-subheading .cspt-element-title em {
    color: var(--cspt-emphires-global-color);
}

.cspt-modern-tab button.ele_btn-style-outline,
.cspt-modern-tab.elementor-widget-tabs .elementor-tab-title.elementor-tab-mobile-title.elementor-active,
.cspt-modern-tab.elementor-widget-tabs .elementor-tab-title.elementor-active,
.cspt-tab-style-1.vc_tta.vc_general.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.cspt-new-button button.vc_general.vc_btn3.vc_btn3-shape-square.vc_btn3-style-simple:hover::before,
.cspt-accordion-style-1.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a:before,
.cspt-footer-widget .cspt-social-links li a:hover,
.cspt-footer-widget .cspt-consultation-form input[type="email"],
.page-links a:hover,
.page-links>span,
.cspt-page-links a:hover,
.cspt-page-links>span {
    border-color: var(--cspt-emphires-global-color);
}

.cspt-brdr-btm-effect>.vc_column-inner:before {
    border-bottom-color: var(--cspt-emphires-global-color);
}


/*==== ================================================================================== ====*/


/*====================================   Dynamic color  ====================================*/


/* White text color */

.cspt-white {
    color: var(--cspt-emphires-white-color);
}


/* Light blackish color */


/* Emphires Special */

.site-footer.cspt-color-blackish .widget-title,
.cspt-bg-color-globalcolor .cspt-form-style-1 button:hover,
.cspt-footer-big-right .vc_general.vc_btn3:hover,
.cspt-author-content .cspt-author-name,
.cspt-author-content,
.site-footer.cspt-bg-color-white h2.widget-title,
.cspt-color-white .widget_categories ul li span,
.cspt-home-service-form .cspt-select select,
.cspt-home-service-form-2 .cspt-select select,
.cspt-home-service-form input[type="text"],
.cspt-home-service-form input[type="email"],
.cspt-home-service-form-2 input[type="text"],
.cspt-home-service-form-2 input[type="email"],
.cspt-footer-widget .cspt-social-links li a,
.cspt-home-service-form .cspt-select select,
.error404 .cspt-text-color-blackish h2.page-title,
.error404 .cspt-text-color-blackish a.ts-home-back,
.error-404 .cspt-text-color-blackish .footer-message,

/* End Emphires Special */

.wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title>a,
.vc_general.vc_btn3.vc_btn3-style-simple,
.cspt-btn-style-text .elementor-button,
.vc_btn3.vc_btn3-color-white,
.cspt-btn-color-white .elementor-button,
.vc_btn3.vc_btn3-color-white.vc_btn3-style-flat,
.vc_progress_bar.vc_progress-bar-color-globalcolor .cspt-pbar-title,
.elementor-progress-percentage,
.elementor-widget-progress .elementor-title,
.vc_progress_bar.vc_progress-bar-color-globalcolor .vc_label_units,
.cspt-comment-content .cspt-comment-author,
.vc_general.vc_btn3.vc_btn3-style-simple.vc_btn3-color-black,
.vc_btn3.vc_btn3-color-white.vc_btn3-style-outline:focus,
.vc_btn3.vc_btn3-color-white.vc_btn3-style-outline:hover,
.cspt-btn-color-white.cspt-btn-style-outline .elementor-button:hover,
.wp-block-calendar tfoot a,
.cspt-color-blackish,
.cspt-text-color-blackish .cspt-ihbox.cspt-ihbox-style-hsbox .cspt-ihbox-heading .vc_custom_heading,
.cspt-text-color-blackish h1,
.cspt-text-color-blackish h2,
.cspt-text-color-blackish h3,
.cspt-text-color-blackish h4,
.cspt-text-color-blackish h5,
.cspt-text-color-blackish h6,
.cspt-blackish {
    color: var(--cspt-emphires-blackish-color);
}

.site-content #CCB-calc #calc-header.CCB-calc-header-cc_bmi_shortcode h3,
.site-content #CCB-calc #calc-header.CCB-calc-header-cc_bmi_shortcode h3 a {
    color: var(--cspt-emphires-blackish-color)!important;
}

.cspt-sortable-list a:hover {
    border-color: var(--cspt-emphires-blackish-color);
}


/* Light background color */

.cspt-sidebar-exists.cspt-sidebar-left .site-content:before,
.cspt-sidebar-right .site-content:before,
.cspt-bgimage-over-bgcolor.cspt-bgimage-yes.cspt-bg-color-light,
.cspt-bg-color-light.vc_column_container.vc_column_container .vc_column-inner:before,
.cspt-bg-color-light:not(.vc_column_container):before,
.cspt-extended-bg-col.cspt-bg-color-light:before,
.cspt-stretched-div.cspt-bg-color-light:before,
.cspt-bg-color-light {
    background-color: var(--cspt-emphires-light-bg-color);
}


/*=== Blackish background color ===*/


/* Emphires Special */

.cspt-border-radius-1 .elementor-widget-text-editor .cspt-social-links li a:hover,
.wpb_text_column .cspt-social-links li a:hover,
body .scroll-to-top,
.vc_general.vc_btn3.vc_btn3-style-classic.vc_btn3-color-white:hover,
.cspt-btn-style-flat.cspt-btn-color-white .elementor-button:hover,
button,
html input[type=button],
input[type=reset],
input[type=submit],
.creativesplanet-ele-blog .cspt-read-more-link a:hover span:after,
a.cspt-text-underline:before,
.vc_btn3-color-globalcolor.vc_general.vc_btn3:not(.vc_btn3-style-outline):hover,
.cspt-btn-color-globalcolor.cspt-btn-style-flat .elementor-button:hover,
.search-form button:hover,
.cspt-team-single .cspt-team-social-links a,
.cspt-blog-classic-inner .cspt-read-more-link a,
.widget_categories ul li span,
.cspt-main-form.cspt-form-style-2 .wpcf7-submit:hover,
.vc_general.vc_btn3.vc_btn3-style-simple:after,
.vc_btn3.vc_btn3-style-classic.vc_btn3-color-black,
.cspt-btn-style-flat.cspt-btn-color-blackish .elementor-button,
.cspt-home-service-form-2 input[type="submit"],
.cspt-home-service-form input[type="submit"],
.cspt-footer-big-area .mc4wp-form button[type=submit],
.vc_btn3-color-globalcolor.vc_general.vc_btn3.vc_btn3-style-flat:hover,
.reply a,
.site-header .cspt-bg-color-blackish,
.site-header .cspt-sticky-header.cspt-header-sticky-yes.cspt-sticky-bg-color-blackish,
.cspt-bgimage-over-bgcolor.cspt-bgimage-yes.cspt-bg-color-blackish,
.cspt-stretched-div.cspt-bg-color-blackish:before,
.cspt-bg-color-blackish,
.cspt-bg-color-blackish:before,
.cspt-blackish-color,
.cspt-bgimage-over-bgcolor.cspt-bgimage-yes.cspt-bg-color-blackish,
.cspt-bg-color-blackish.vc_column_container .vc_column-inner:before,
.cspt-bg-color-blackish:not(.vc_column_container):before,
.cspt-extended-bg-col.cspt-bg-color-blackish:before,
.cspt-stretched-div.cspt-bg-color-blackish:before,
.cspt-footer-big-area .mc4wp-form .btn,
.cspt-blackish-bg {
    background-color: var(--cspt-emphires-blackish-bg-color);
}

.cspt-bgimage-yes.cspt-bg-color-blackish.vc_column_container .vc_column-inner:before,
.cspt-bgimage-yes.cspt-bg-color-blackish:not(.vc_column_container):before,
.cspt-bgimage-yes.cspt-extended-bg-col.cspt-bg-color-blackish:before,
.cspt-bgimage-yes .cspt-stretched-div.cspt-bg-color-blackish:before {
    background-color: rgba(var(--cspt-emphires-blackish-bg-color-rgb), 0.60);
}

.cspt-footer-widget .cspt-social-links li a {
    border-color: var(--cspt-emphires-blackish-bg-color);
}

.error404 .cspt-text-color-white h2.page-title,
.error404 .cspt-text-color-white a.ts-home-back,
.error-404 .cspt-text-color-white .footer-message {
    color: #fff;
}


/* Emphires Special */

.cspt-home-service-form-2 input[type="email"]::placeholder,
.cspt-home-service-form-2 input[type="text"]::placeholder,
.cspt-home-service-form input[type="email"]::placeholder,
.cspt-home-service-form input[type="text"]::placeholder {
    color: var(--cspt-emphires-blackish-color);
    opacity: 1;
}

.cspt-home-service-form-2 input[type="email"]::-webkit-input-placeholder,
.cspt-home-service-form-2 input[type="text"]::-webkit-input-placeholder,
.cspt-home-service-form input[type="email"]::-webkit-input-placeholder,
.cspt-home-service-form input[type="text"]::-webkit-input-placeholder {
    color: var(--cspt-emphires-blackish-color);
}

.cspt-home-service-form-2 input[type="email"]:-ms-input-placeholder,
.cspt-home-service-form-2 input[type="text"]:-ms-input-placeholder,
.cspt-home-service-form input[type="email"]:-ms-input-placeholder,
.cspt-home-service-form input[type="text"]:-ms-input-placeholder {
    color: var(--cspt-emphires-blackish-color);
}


/* White background color */

.cspt-bg-color-white {
    background-color: var(--cspt-emphires-white-color);
}


/* End Emphires Special */


/*====================================  End Dynamic color  ====================================*/


/*====================================  woocommerce  ====================================*/

.woocommerce-info,
.woocommerce-message {
    border-top-color: var(--cspt-emphires-global-color);
}

.woocommerce-info::before,
.woocommerce ul.cart_list li ins,
.woocommerce ul.product_list_widget li ins {
    color: var(--cspt-emphires-global-color);
}

.single-product .entry-summary .product_meta .posted_in,
.single-product .entry-summary .product_meta .sku_wrapper {
    color: var(--cspt-emphires-blackish-bg-color);
}

.woocommerce-product-search [type=submit],
.woocommerce-form-coupon button[type=submit]:hover,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.woocommerce #review_form #respond .form-submit input,
.woocommerce .woocommerce-error .button:hover,
.woocommerce .woocommerce-info .button:hover,
.woocommerce .woocommerce-message .button:hover,
.woocommerce-page .woocommerce-error .button:hover,
.woocommerce-page .woocommerce-info .button:hover,
.woocommerce-page .woocommerce-message .button:hover,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.woocommerce .widget_shopping_cart .buttons a:not(.wcppec-cart-widget-button),
.woocommerce.widget_shopping_cart .buttons a:not(.wcppec-cart-widget-button),
.woocommerce .widget_price_filter .price_slider_amount .button,
.woocommerce .cart .button,
.woocommerce .cart input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce div.product form.cart .button,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce ul.products li.product .button {
    background-color: var(--cspt-emphires-global-color);
}

.widget_product_categories ul li .count,
.woocommerce-form-coupon button[type=submit],
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
.woocommerce .widget_price_filter .price_slider_amount .button:hover,
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button,
.woocommerce .woocommerce-error .button:hover,
.woocommerce .woocommerce-info .button:hover,
.woocommerce .woocommerce-message .button:hover,
.woocommerce-page .woocommerce-error .button:hover,
.woocommerce-page .woocommerce-info .button:hover,
.woocommerce-page .woocommerce-message .button:hover,
.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover,
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce ul.products li.product .button:hover {
    background-color: var(--cspt-emphires-blackish-bg-color);
}

.woocommerce-info,
.woocommerce-message {
    border-top-color: var(--cspt-emphires-global-color);
}


/* Booking calendar 2 */

body table.booked-calendar td.today:hover .date span,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a,
ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a:hover,
body #booked-profile-page input[type=submit].button-primary,
body table.booked-calendar input[type=submit].button-primary,
body .booked-list-view button.button,
body .booked-list-view input[type=submit].button-primary,
body .booked-list-view button.button,
body .booked-list-view input[type=submit].button-primary,
body .booked-modal input[type=submit].button-primary,
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button,
body #booked-profile-page .booked-profile-appt-list .appt-block.approved .status-block,
body #booked-profile-page .appt-block .google-cal-button>a,
body .booked-modal p.booked-title-bar,
body table.booked-calendar td:hover .date span,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover,
.booked-ms-modal .booked-book-appt,
body table.booked-calendar thead tr:first-child th {
    background-color: var(--cspt-emphires-global-color)!important;
}

body table.booked-calendar td.today .date span,
body table.booked-calendar thead tr:first-child th {
    border-color: var(--cspt-emphires-global-color)!important;
}


/*====================================  End woocommerce  ====================================*/

/* --------------------------------------
    * cspt-responsive-icons
    * ---------------------------------------*/
    .cspt-responsive-icons{
        position: absolute;
        top: 30px;
        left: 20px;
        display: none;
    }
    .admin-bar .cspt-responsive-icons{
        top: 75px;
    }
    .cspt-responsive-icons > div{
        margin: 0 10px;
    }
    .cspt-responsive-icons > div:first-child{
        margin-left: 0;
    }


    .cspt-responsive-icons .cspt-cart-wrapper.cspt-show-cart-amount-no a {
        padding-left: 25px;
    }

    .cspt-responsive-icons .cspt-cart-wrapper .cspt-cart-count {
        position: absolute;
        top: -15px;
        left: 2px;
        background-color: var(--cspt-emphires-global-color);
        color: var(--cspt-emphires-white-color);
        line-height: 20px;
        width: 20px;
        text-align: center;
        border-radius: 50%;
        font-size: 13px;
    }




/* * * * *  MENU AND BREAKPOINT CSS  * * * * * */


/*====================================  Max Width for dynamic breakpoint  ====================================*/

@media (max-width: 1200px) {
    .cspt-header-top-area>.container {
        position: relative;
    }
    .cspt-header-info-inner,
    .something {
        display: none;
    }
    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: unset !important;
        flex-direction: unset !important;
    }
    .cspt-header-menu-area-inner,
    .cspt-navbar {
        display: block !important;
    }
    .nav-menu-toggle {
        display: block;
        position: absolute;
        right: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: transparent;
        padding: 0;
        font-size: 35px;
        line-height: 35px;
        color: #2c2c2c;
        width: 40px;
    }
    .cspt-navbar>div {
        background-color: #fff;
    }
    .sub-menu {
        display: none;
    }
    .cspt-header-menu-area-wrapper {
        min-height: auto !important;
    }
    .closepanel {
        position: absolute;
        z-index: 99;
        right: 27px;
        top: 25px;
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        text-align: center;
        cursor: pointer;
        font-size: 24px;
        color: var(--cspt-emphires-blackish-color);
        border: 1px solid #000;
    }
    .closepanel i{
        position: relative;
        top: -1px;
    }
    .closepanel i:before{
        margin: 0;
    }
    .admin-bar .closepanel {
        top: 45px;
    }




    
    /* Responsive menu */
	/*=== Responsive menu ===*/
	.cspt-mobile-menu-bg{
		display: block;
	}
	.cspt-responsive-icons{
		display: flex;
		align-items: center;
	}
    .cspt-responsive-icons .cspt-cart-wrapper,
    .cspt-responsive-icons .cspt-header-search-btn{
        font-size: 17px;
    }
    .cspt-responsive-icons .cspt-cart-wrapper i::before{
        font-weight: 700;
    }

	.cspt-mobile-menu-bg{
		position: fixed;
		right: 0;
		top: 0;
		width: 0%;
		height: 100%;
		z-index: 99;
		background: rgba(0,0,0,0.90);
		-webkit-transform: translateX(101%);
		-ms-transform: translateX(101%);
		transform: translateX(101%);
		transition: all 900ms ease;
		-moz-transition: all 900ms ease;
		-webkit-transition: all 900ms ease;
		-ms-transition: all 900ms ease;
		-o-transition: all 900ms ease;
		-webkit-transition-delay: 300ms;
		-moz-transition-delay: 300ms;
		-ms-transition-delay: 300ms;
		-o-transition-delay: 300ms;
		transition-delay: 300ms;
	}
	.active .cspt-mobile-menu-bg{
		opacity: 1;
		width: 100%;
		visibility: visible;
		transition: all 900ms ease;
		-moz-transition: all 900ms ease;
		-webkit-transition: all 900ms ease;
		-ms-transition: all 900ms ease;
		-o-transition: all 900ms ease;
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
	}
	.cspt-navbar > div {
	    background-color: #fff;
	    position: fixed;
		top: 0;
		right: -400px;
	    z-index: 1000;
	    width: 300px;
	    height: 100%;
	    padding: 0;
	    display: block;	    
		transition: all 900ms ease;
		-moz-transition: all 900ms ease;
		-webkit-transition: all 900ms ease;
		-ms-transition: all 900ms ease;
		-o-transition: all 900ms ease;
	    -webkit-transform: translateX(400px);
	    -ms-transform: translateX(400px);
	    transform: translateX(400px);
		opacity: 0;
	}
	.cspt-navbar > div.active {
		right: 0px;
	    -webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	    transform: translateX(0);
	    visibility: visible;
	    opacity: 1;
		overflow-y: scroll;
		-webkit-transition-delay: 600ms;
		-moz-transition-delay: 600ms;
		-ms-transition-delay: 600ms;
		-o-transition-delay: 600ms;
		transition-delay: 600ms;
		opacity: 1;
	}
	.cspt-navbar > div > ul{
		padding: 90px 0;
	}
	.admin-bar .cspt-navbar > div > ul{
		padding-top: 125px;
	}
	.cspt-navbar > div > ul li a {
		color: #000 !important;
	    padding: 15px 25px;
	    height: auto;
	    display: inline-block;
	}




    .cspt-navbar>div>ul ul {
        padding-left: 1em;
        overflow: hidden;
        display: none;
    }





    ul .sub-menu.show,
    ul .children.show {
        display: block;
    }
    .cspt-navbar li {
        position: relative;
    }
    .cspt-navbar ul.menu>li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    }
    .sub-menu-toggle {
        display: block;
        position: absolute;
        right: 25px;
        top: 15px;
        cursor: pointer;
        color: rgba(0, 0, 0, 0.80);
    }
    .cspt-navbar ul ul {
        background-color: transparent !important;
    }
    .cspt-header-search-form-wrapper .search-form {
        margin: 0 70px;
    }
    .cspt-mobile-search {
        display: block;
    }
    .cspt-mobile-search .cspt-header-search-btn {
        display: block;
        position: absolute;
        right: 60px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .site-header .cspt-sticky-header {
        display: none !important;
    }
    /*=== Responsive Logo ===*/
    .cspt-responsive-logo-yes .cspt-sticky-logo,
    .cspt-responsive-logo-yes .cspt-main-logo {
        display: none;
    }
    .cspt-responsive-logo-yes .cspt-responsive-logo {
        display: inline-block;
    }
    /*=== Responsive header background color ===*/
    .cspt-responsive-header-bgcolor-globalcolor .cspt-header-wrapper {
        background-color: var(--cspt-emphires-global-color)!important;
    }
    .cspt-responsive-header-bgcolor-white .cspt-header-wrapper {
        background-color: #fff !important;
    }
    .cspt-responsive-header-bgcolor-blackish .cspt-header-wrapper {
        background-color: #222 !important;
    }



    



}


/*====================================  End Max Break Point  ====================================*/


/*====================================  Min Width for dynamic breakpoint  ====================================*/

@media (min-width: 1201px) {
    .cspt-responsive-logo {
        display: none;
    }
    .nav-menu-toggle,
    .something {
        display: none;
    }
    .cspt-sticky-header.cspt-header-sticky-yes .site-title img.cspt-main-logo,
    .site-title img.cspt-sticky-logo {
        max-height: var(--cspt-emphires-sticky-logo-height);
    }
    .cspt-sticky-header.cspt-header-sticky-yes.cspt-header-wrapper {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    .cspt-navbar>div>ul>li,
    .cspt-navbar>div>ul>li>a {
        line-height: var(--cspt-emphires-header-height)!important;
        height: var(--cspt-emphires-header-height) ?>px;
    }
    .cspt-sticky-header.cspt-header-sticky-yes .cspt-navbar>div>ul>li,
    .cspt-sticky-header.cspt-header-sticky-yes .cspt-navbar>div>ul>li>a,
    .cspt-sticky-header.cspt-header-sticky-yes .site-title {
        line-height: var(--cspt-emphires-sticky-header-height) !important;
        height: var(--cspt-emphires-sticky-header-height);
    }
    .cspt-navbar ul>li>ul>li.current-menu-item>a,
    .cspt-navbar ul>li>ul li.current_page_item>a,
    .cspt-navbar ul>li>ul li.current_page_ancestor>a,
    .cspt-navbar>div>ul>li:hover>a,
    .cspt-navbar>div>ul>li.current_page_item>a,
    .cspt-navbar>div>ul>li.current-menu-parent>a {
        color: var(--cspt-emphires-global-color);
    }
    .cspt-navbar ul>li>ul li.current_page_item>a:before,
    .cspt-navbar ul>li>ul li.current_page_ancestor>a:before,
    .cspt-navbar ul>li>ul li.current_page_parent>a:before {
        background-color: var(--cspt-emphires-global-color);
    }
    .cspt-navbar ul>li>ul li:hover>a {
        color: #ffffff !important;
    }
    .cspt-navbar>div>ul {
        position: relative;
        z-index: 597;
    }
    .cspt-navbar>div>ul>li {
        float: left;
        min-height: 1px;
        vertical-align: middle;
        position: relative;
    }
    .cspt-navbar>div>ul ul {
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 598;
    }
    .cspt-navbar ul>li:hover>ul {
        z-index: 600;
    }
    .cspt-navbar>div>ul li ul.cspt-nav-left {
        left: inherit;
        right: 0;
    }
    .cspt-navbar>div>ul li ul ul.cspt-nav-left {
        left: -100%;
        right: 0;
    }
    .cspt-navbar>div>ul ul li {
        float: none;
    }
    .cspt-navbar>div>ul ul ul {
        top: 0;
        left: 100%;
        width: 190px;
    }
    .cspt-navbar>div>ul ul {
        margin-top: 0;
    }
    .cspt-navbar>div>ul ul li {
        font-weight: normal;
    }
    .cspt-navbar a {
        display: block;
        line-height: 1em;
        text-decoration: none;
    }
    .cspt-navbar>div>ul ul li:hover>a {
        background-color: var(--cspt-emphires-global-color);
    }
    /* Custom CSS Styles */
    .cspt-navbar>ul {
        *display: inline-block;
    }
    .cspt-navbar:after,
    .cspt-navbar ul:after {
        content: '';
        display: block;
        clear: both;
    }
    .cspt-navbar ul {
        text-transform: uppercase;
    }
    .cspt-navbar ul ul {
        min-width: 270px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
        box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.20);
        border-top: 3px solid var(--cspt-emphires-global-color);
    }
    .cspt-navbar ul>li:hover>ul {
        visibility: visible;
        opacity: 1;
    }
    .cspt-navbar ul>li>ul>li>a {
        padding: 15px 30px;
    }
    .cspt-navbar ul>li>ul>li:hover>a {
        padding-left: 40px;
    }
    .cspt-navbar ul>li>ul>li>a:before {
        position: absolute;
        content: '';
        left: 18px;
        top: 24px;
        width: 0px;
        height: 2px;
        background-color: transparent;
        -webkit-transition: all .500s ease-in-out;
        transition: all .500s ease-in-out;
    }
    .cspt-navbar ul>li>ul>li:hover>a:before {
        background-color: rgba(255, 255, 255, 0.50);
        width: 10px;
    }
    .cspt-navbar ul ul a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
        border-top: 0 none;
        line-height: 150%;
        padding: 16px 20px;
    }
    .cspt-navbar ul ul ul {
        border-top: 0 none;
    }
    .cspt-navbar ul ul li {
        position: relative;
    }
    .cspt-navbar ul li.last ul {
        left: auto;
        right: 0;
    }
    .cspt-navbar ul li.last ul ul {
        left: auto;
        right: 99.5%;
    }
    .cspt-navbar div>ul>li>a {
        margin: 0 20px;
    }
    /* Dropdown Menu ( Globalcolor )*/
    .cspt-navbar.cspt-dropdown-active-color-globalcolor ul>li>ul>li.current-menu-item>a,
    .cspt-navbar.cspt-dropdown-active-color-globalcolor ul>li>ul li.current_page_item>a,
    .cspt-navbar.cspt-dropdown-active-color-globalcolor ul>li>ul li.current_page_ancestor>a,
    /* Main Menu ( Globalcolor )*/
    .cspt-navbar.cspt-main-active-color-globalcolor>div>ul>li:hover>a,
    .cspt-navbar.cspt-main-active-color-globalcolor>div>ul>li.current_page_item>a,
    .cspt-navbar.cspt-main-active-color-globalcolor>div>ul>li.current-menu-parent>a {
        color: var(--cspt-emphires-global-color);
    }
    /* Dropdown Menu ( Secondarycolor )*/
    .cspt-navbar.cspt-dropdown-active-color-secondarycolor ul>li>ul>li.current-menu-item>a,
    .cspt-navbar.cspt-dropdown-active-color-secondarycolor ul>li>ul li.current_page_item>a,
    .cspt-navbar.cspt-dropdown-active-color-secondarycolor ul>li>ul li.current_page_ancestor>a,
    /* Main Menu ( Secondarycolor )*/
    .cspt-navbar.cspt-main-active-color-secondarycolor>div>ul>li:hover>a,
    .cspt-navbar.cspt-main-active-color-secondarycolor>div>ul>li.current_page_item>a,
    .cspt-navbar.cspt-main-active-color-secondarycolor>div>ul>li.current-menu-parent>a {
        color: var(--cspt-emphires-secondary-color);
    }
    .cspt-header-menu-area .cspt-navbar div>ul>li,
    .cspt-header-menu-area .cspt-navbar div>ul>li>a,
    .cspt-header-menu-area {
        line-height: var(--cspt-emphires-header-height)!important;
        height: var(--cspt-emphires-header-height);
    }
    .cspt-header-menu-area.cspt-sticky-header.cspt-header-sticky-yes .cspt-navbar div>ul>li,
    .cspt-header-menu-area.cspt-sticky-header.cspt-header-sticky-yes .cspt-navbar div>ul>li>a,
    .cspt-header-menu-area.cspt-sticky-header.cspt-header-sticky-yes {
        height: var(--cspt-emphires-sticky-header-height);
        line-height: var(--cspt-emphires-sticky-header-height)!important;
    }
    .cspt-header-menu-area {
        position: relative;
        z-index: 9;
    }
    /*=== Sticky common css ===*/
    .site-header .cspt-sticky-header {
        position: fixed;
        opacity: 0;
        visibility: hidden;
        background: #fff;
        left: 0px;
        top: 0px;
        box-shadow: 0 10px 20px rgb(0 0 0 / 20%);
        width: 100%;
        z-index: 0;
        transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -webkit-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
    }
    .site-header.cspt-fixed-header .cspt-sticky-header {
        z-index: 999;
        opacity: 1;
        visibility: visible;
        -ms-animation-name: fadeInDown;
        -moz-animation-name: fadeInDown;
        -op-animation-name: fadeInDown;
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
        -ms-animation-duration: 300ms;
        -moz-animation-duration: 300ms;
        -op-animation-duration: 300ms;
        -webkit-animation-duration: 300ms;
        animation-duration: 300ms;
        -ms-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        -op-animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -ms-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        -op-animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
    .admin-bar .site-header .cspt-sticky-header {
        top: 32px;
    }
}


/*====================================  End Min Break Point  ====================================*/

@media screen and (max-width: 1200px) {
        .cspt-pre-header-wrapper {
            display: none;
        }
    }
    @media screen and (min-width: 992px) {
    .site-footer .cspt-footer-widget.cspt-footer-widget-col-1 {
        -ms-flex: 0 0 28%;
        flex: 0 0 28%;
        max-width: 28%;
    }
    .site-footer .cspt-footer-widget.cspt-footer-widget-col-2 {
        -ms-flex: 0 0 21%;
        flex: 0 0 21%;
        max-width: 21%;
    }
    .site-footer .cspt-footer-widget.cspt-footer-widget-col-3 {
        -ms-flex: 0 0 28%;
        flex: 0 0 28%;
        max-width: 28%;
    }
    .site-footer .cspt-footer-widget.cspt-footer-widget-col-4 {
        -ms-flex: 0 0 23%;
        flex: 0 0 23%;
        max-width: 23%;
    }
    }



/* --------------------------------------------------------------------------------------
 * Elementor CSS
 * ------------------------------------------------------------------------------------*/


/*=== Colum over image ===*/

.elementor-inner-section,
.elementor-top-column>.elementor-widget-wrap>.elementor-widget-wrap {
    z-index: 1;
}

.elementor-element.elementor-column:not(.elementor-inner-column) .elementor-widget-wrap:before {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
    display: block;
    z-index: 1;
}


/*========================================== Row / Colum Background Base Css ==========================================*/
.cspt-col-stretched-yes .cspt-stretched-div{
    position: absolute;
    height: 100%;
    width: 100%;
    top:0;
    left: 0;    
    width: auto;
    z-index: 1;
    overflow: hidden;
}
.cspt-col-stretched-right .cspt-stretched-div,
.cspt-col-stretched-left .cspt-stretched-div{   
    right: 0;
}
.elementor-top-column.cspt-col-stretched-left:not(.elementor-col-100) .cspt-stretched-div{
    margin-left: -500px;
}
.elementor-top-column.cspt-col-stretched-right:not(.elementor-col-100) .cspt-stretched-div{
    margin-right: -500px;  
}
.elementor-section.elementor-top-section.cspt-bg-image-over-color.cspt-bgimage-yes:before,
.elementor-column.elementor-top-column.cspt-bgimage-yes.cspt-bg-image-over-color > .cspt-stretched-div:before,

.elementor-column.elementor-top-column.cspt-bg-image-over-color > .elementor-widget-wrap:before,
.elementor-column.elementor-top-column.cspt-bg-image-over-color > .elementor-column-wrap:before{ 
	background-color: transparent !important;
}
.elementor-column.cspt-col-stretched-yes.cspt-bgimage-yes{
    background-image: none;
    background-color: transparent;
}
.cspt-bgimage-over-bgcolor.cspt-bgimage-yes .cspt-stretched-div:before,
.cspt-bgimage-over-bgcolor.cspt-bgimage-yes:before{
   background-color: transparent !important
}


.elementor-top-section:before, 
.cspt-col-stretched-yes .cspt-stretched-div:before,

.elementor-column.elementor-top-column .elementor-widget-wrap:before,
.elementor-column.elementor-top-column .elementor-column-wrap:before,

.elementor-inner-column > div:before,
.elementor-inner-section:before{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	content: "";
	display: block;
	z-index: 1;
}


/* --------------------------------------
 * Row Colum - Global BG Color
 * ---------------------------------------*/


/*--- Main RoW BG ---*/
.elementor-section.elementor-top-section.cspt-elementor-bg-color-globalcolor, 
.elementor-section.elementor-top-section.cspt-elementor-bg-color-globalcolor:before, 
.elementor-section.elementor-inner-section.cspt-elementor-bg-color-globalcolor {
    background-color: var(--cspt-emphires-global-color);
}

/*--- Main Row BG - with image ---*/
.elementor-section.elementor-top-section.cspt-elementor-bg-color-globalcolor.cspt-bgimage-yes:before{
	background-color: rgba( var(--cspt-emphires-global-color-rgb) , 0.60 );
}



/*--- Main Colum BG - ---*/
.elementor-column.elementor-top-column.cspt-elementor-bg-color-globalcolor:not(.cspt-bgimage-yes) .elementor-widget-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-globalcolor.cspt-bg-image-over-color .elementor-widget-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-globalcolor:not(.cspt-col-stretched-yes) > .elementor-widget-wrap, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-globalcolor.cspt-bg-image-over-color:not(.cspt-col-stretched-yes) > .elementor-widget-wrap,

.elementor-column.elementor-top-column.cspt-elementor-bg-color-globalcolor:not(.cspt-bgimage-yes) .elementor-column-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-globalcolor.cspt-bg-image-over-color .elementor-column-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-globalcolor:not(.cspt-col-stretched-yes) > .elementor-column-wrap, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-globalcolor.cspt-bg-image-over-color:not(.cspt-col-stretched-yes) > .elementor-column-wrap{
	background-color: var(--cspt-emphires-global-color) !important;
}


/*--- Main Colum BG - with image ---*/
.elementor-column.elementor-top-column.cspt-elementor-bg-color-globalcolor.cspt-bgimage-yes:not(.cspt-col-stretched-yes) > .elementor-widget-wrap:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-globalcolor.cspt-bgimage-yes:not(.cspt-bg-image-over-color) .elementor-widget-wrap .cspt-stretched-div:before,
.elementor-column.elementor-top-column.cspt-elementor-bg-color-globalcolor .elementor-widget-wrap .cspt-bgimage-yes.cspt-stretched-div:before,

.elementor-column.elementor-top-column.cspt-elementor-bg-color-globalcolor.cspt-bgimage-yes:not(.cspt-col-stretched-yes) > .elementor-column-wrap:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-globalcolor.cspt-bgimage-yes:not(.cspt-bg-image-over-color) .elementor-column-wrap .cspt-stretched-div:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-globalcolor .elementor-column-wrap .cspt-bgimage-yes.cspt-stretched-div:before{
	background-color: rgba( var(--cspt-emphires-global-color-rgb) , 0.60 );
}


/*--- Inner Colum BG  ---*/
.elementor-inner-section.cspt-elementor-bg-color-globalcolor{ 
	background-color: var(--cspt-emphires-global-color) !important;
}

/*--- Inner Row - without image ---*/
.elementor-inner-section.cspt-elementor-bg-color-globalcolor:not(.cspt-bg-image-over-color):before{
	background-color: rgba( var(--cspt-emphires-global-color-rgb) , 0.60 );
}


/*--- Inner Colum BG ---*/
.elementor-inner-column.cspt-elementor-bg-color-globalcolor > div.elementor-column-wrap,
.elementor-inner-column.cspt-elementor-bg-color-globalcolor > div.elementor-widget-wrap{ 
	background-color: var(--cspt-emphires-global-color) !important;
}

/*--- Inner Colum BG - with image ---*/
.elementor-inner-column.cspt-elementor-bg-color-globalcolor:not(.cspt-bg-image-over-color) > div.elementor-column-wrap:before,
.elementor-inner-column.cspt-elementor-bg-color-globalcolor:not(.cspt-bg-image-over-color) > div.elementor-widget-wrap:before{
	background-color: rgba( var(--cspt-emphires-global-color-rgb) , 0.60 );
}


/*====== End --- Row Colum - Global BG Color ======*/

/* --------------------------------------
 * Row Colum - Light BG Color
 * ---------------------------------------*/


/*--- Main RoW BG ---*/
.elementor-section.elementor-top-section.cspt-elementor-bg-color-light, 
.elementor-section.elementor-top-section.cspt-elementor-bg-color-light:before, 
.elementor-section.elementor-inner-section.cspt-elementor-bg-color-light {
    background-color: var(--cspt-emphires-light-bg-color);
}

/*--- Main Row BG - with image ---*/
.elementor-section.elementor-top-section.cspt-elementor-bg-color-light.cspt-bgimage-yes:before{
	background-color: rgba( var(--cspt-emphires-light-bg-color-rgb) , 0.60 );
}

/*--- Main Colum BG - ---*/
.elementor-column.elementor-top-column.cspt-elementor-bg-color-light:not(.cspt-bgimage-yes) .elementor-widget-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-light.cspt-bg-image-over-color .elementor-widget-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-light:not(.cspt-col-stretched-yes) > .elementor-widget-wrap, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-light.cspt-bg-image-over-color:not(.cspt-col-stretched-yes) > .elementor-widget-wrap,

.elementor-column.elementor-top-column.cspt-elementor-bg-color-light:not(.cspt-bgimage-yes) .elementor-column-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-light.cspt-bg-image-over-color .elementor-column-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-light:not(.cspt-col-stretched-yes) > .elementor-column-wrap, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-light.cspt-bg-image-over-color:not(.cspt-col-stretched-yes) > .elementor-column-wrap{
	background-color: var(--cspt-emphires-light-bg-color) !important;
}


/*--- Main Colum BG - with image ---*/
.elementor-column.elementor-top-column.cspt-elementor-bg-color-light.cspt-bgimage-yes:not(.cspt-col-stretched-yes) > .elementor-widget-wrap:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-light.cspt-bgimage-yes:not(.cspt-bg-image-over-color) .elementor-widget-wrap .cspt-stretched-div:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-light .elementor-widget-wrap .cspt-bgimage-yes.cspt-stretched-div:before,

.elementor-column.elementor-top-column.cspt-elementor-bg-color-light.cspt-bgimage-yes:not(.cspt-col-stretched-yes) > .elementor-column-wrap:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-light.cspt-bgimage-yes:not(.cspt-bg-image-over-color) .elementor-column-wrap .cspt-stretched-div:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-light .elementor-column-wrap .cspt-bgimage-yes.cspt-stretched-div:before{
	background-color: rgba( var(--cspt-emphires-light-bg-color-rgb) , 0.60 );
}


/*--- Inner Colum BG  ---*/
.elementor-inner-section.cspt-elementor-bg-color-light{ 
	background-color: var(--cspt-emphires-light-bg-color) !important;
}

/*--- Inner Row - without image ---*/
.elementor-inner-section.cspt-elementor-bg-color-light:not(.cspt-bg-image-over-color):before{
	background-color: rgba( var(--cspt-emphires-light-bg-color-rgb) , 0.60 );
}


/*--- Inner Colum BG ---*/
.elementor-inner-column.cspt-elementor-bg-color-light > div.elementor-column-wrap,
.elementor-inner-column.cspt-elementor-bg-color-light > div.elementor-widget-wrap{ 
	background-color: var(--cspt-emphires-light-bg-color) !important;
}

/*--- Inner Colum BG - with image ---*/
.elementor-inner-column.cspt-elementor-bg-color-light:not(.cspt-bg-image-over-color) > div.elementor-column-wrap:before,
.elementor-inner-column.cspt-elementor-bg-color-light:not(.cspt-bg-image-over-color) > div.elementor-widget-wrap:before{
	background-color: rgba( var(--cspt-emphires-light-bg-color-rgb) , 0.60 );
}


/*====== End --- Row Colum - Light BG Color ======*/

/* --------------------------------------
 * Row Colum - Secondary BG Color
 * ---------------------------------------*/


/*--- Main RoW BG ---*/
.elementor-section.elementor-top-section.cspt-elementor-bg-color-secondary, 
.elementor-section.elementor-top-section.cspt-elementor-bg-color-secondary:before, 
.elementor-section.elementor-inner-section.cspt-elementor-bg-color-secondary {
    background-color: var(--cspt-emphires-secondary-color);
}

/*--- Main Row BG - with image ---*/
.elementor-section.elementor-top-section.cspt-elementor-bg-color-secondary.cspt-bgimage-yes:before{
	background-color: rgba( var(--cspt-emphires-secondary-color-rgb) , 0.60 );
}

/*--- Main Colum BG - ---*/
.elementor-column.elementor-top-column.cspt-elementor-bg-color-secondary:not(.cspt-bgimage-yes) .elementor-widget-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-secondary.cspt-bg-image-over-color .elementor-widget-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-secondary:not(.cspt-col-stretched-yes) > .elementor-widget-wrap, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-secondary.cspt-bg-image-over-color:not(.cspt-col-stretched-yes) > .elementor-widget-wrap,

.elementor-column.elementor-top-column.cspt-elementor-bg-color-secondary:not(.cspt-bgimage-yes) .elementor-column-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-secondary.cspt-bg-image-over-color .elementor-column-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-secondary:not(.cspt-col-stretched-yes) > .elementor-column-wrap, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-secondary.cspt-bg-image-over-color:not(.cspt-col-stretched-yes) > .elementor-column-wrap{
	background-color: var(--cspt-emphires-secondary-color) !important;
}


/*--- Main Colum BG - with image ---*/
.elementor-column.elementor-top-column.cspt-elementor-bg-color-secondary.cspt-bgimage-yes:not(.cspt-col-stretched-yes) > .elementor-widget-wrap:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-secondary.cspt-bgimage-yes:not(.cspt-bg-image-over-color) .elementor-widget-wrap .cspt-stretched-div:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-secondary .elementor-widget-wrap .cspt-bgimage-yes.cspt-stretched-div:before,

.elementor-column.elementor-top-column.cspt-elementor-bg-color-secondary.cspt-bgimage-yes:not(.cspt-col-stretched-yes) > .elementor-column-wrap:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-secondary.cspt-bgimage-yes:not(.cspt-bg-image-over-color) .elementor-column-wrap .cspt-stretched-div:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-secondary .elementor-column-wrap .cspt-bgimage-yes.cspt-stretched-div:before{
	background-color: rgba( var(--cspt-emphires-secondary-color-rgb) , 0.60 );
}


/*--- Inner Colum BG  ---*/
.elementor-inner-section.cspt-elementor-bg-color-secondary{ 
	background-color: var(--cspt-emphires-secondary-color) !important;
}

/*--- Inner Row - without image ---*/
.elementor-inner-section.cspt-elementor-bg-color-secondary:not(.cspt-bg-image-over-color):before{
	background-color: rgba( var(--cspt-emphires-secondary-color-rgb) , 0.60 );
}


/*--- Inner Colum BG ---*/
.elementor-inner-column.cspt-elementor-bg-color-secondary > div.elementor-column-wrap,
.elementor-inner-column.cspt-elementor-bg-color-secondary > div.elementor-widget-wrap{ 
	background-color: var(--cspt-emphires-secondary-color) !important;
}

/*--- Inner Colum BG - with image ---*/
.elementor-inner-column.cspt-elementor-bg-color-secondary:not(.cspt-bg-image-over-color) > div.elementor-column-wrap:before,
.elementor-inner-column.cspt-elementor-bg-color-secondary:not(.cspt-bg-image-over-color) > div.elementor-widget-wrap:before{
	background-color: rgba( var(--cspt-emphires-secondary-color-rgb) , 0.60 );
}



/*====== End --- Row Colum - Secondary BG Color ======*/

/* --------------------------------------
 * Row Colum - Blackish BG Color
 * ---------------------------------------*/


/*--- Main RoW BG ---*/
.elementor-section.elementor-top-section.cspt-elementor-bg-color-blackish, 
.elementor-section.elementor-top-section.cspt-elementor-bg-color-blackish:before, 
.elementor-section.elementor-inner-section.cspt-elementor-bg-color-blackish {
    background-color: var(--cspt-emphires-blackish-color);
}

/*--- Main Row BG - with image ---*/
.elementor-section.elementor-top-section.cspt-elementor-bg-color-blackish.cspt-bgimage-yes:before{
	background-color: rgba( var(--cspt-emphires-blackish-color-rgb) , 0.60 );
}

/*--- Main Colum BG - ---*/
.elementor-column.elementor-top-column.cspt-elementor-bg-color-blackish:not(.cspt-bgimage-yes) .elementor-widget-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-blackish.cspt-bg-image-over-color .elementor-widget-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-blackish:not(.cspt-col-stretched-yes) > .elementor-widget-wrap, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-blackish.cspt-bg-image-over-color:not(.cspt-col-stretched-yes) > .elementor-widget-wrap,

.elementor-column.elementor-top-column.cspt-elementor-bg-color-blackish:not(.cspt-bgimage-yes) .elementor-column-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-blackish.cspt-bg-image-over-color .elementor-column-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-blackish:not(.cspt-col-stretched-yes) > .elementor-column-wrap, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-blackish.cspt-bg-image-over-color:not(.cspt-col-stretched-yes) > .elementor-column-wrap{
	background-color: var(--cspt-emphires-blackish-color) !important;
}


/*--- Main Colum BG - with image ---*/
.elementor-column.elementor-top-column.cspt-elementor-bg-color-blackish.cspt-bgimage-yes:not(.cspt-col-stretched-yes) > .elementor-widget-wrap:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-blackish.cspt-bgimage-yes:not(.cspt-bg-image-over-color) .elementor-widget-wrap .cspt-stretched-div:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-blackish .elementor-widget-wrap .cspt-bgimage-yes.cspt-stretched-div:before,

.elementor-column.elementor-top-column.cspt-elementor-bg-color-blackish.cspt-bgimage-yes:not(.cspt-col-stretched-yes) > .elementor-column-wrap:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-blackish.cspt-bgimage-yes:not(.cspt-bg-image-over-color) .elementor-column-wrap .cspt-stretched-div:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-blackish .elementor-column-wrap .cspt-bgimage-yes.cspt-stretched-div:before{
	background-color: rgba( var(--cspt-emphires-blackish-color-rgb) , 0.60 );
}


/*--- Inner Colum BG  ---*/
.elementor-inner-section.cspt-elementor-bg-color-blackish{ 
	background-color: var(--cspt-emphires-blackish-color) !important;
}

/*--- Inner Row - without image ---*/
.elementor-inner-section.cspt-elementor-bg-color-blackish:not(.cspt-bg-image-over-color):before{
	background-color: rgba( var(--cspt-emphires-blackish-color-rgb) , 0.60 );
}


/*--- Inner Colum BG ---*/
.elementor-inner-column.cspt-elementor-bg-color-blackish > div.elementor-column-wrap,
.elementor-inner-column.cspt-elementor-bg-color-blackish > div.elementor-widget-wrap{ 
	background-color: var(--cspt-emphires-blackish-color) !important;
}

/*--- Inner Colum BG - with image ---*/
.elementor-inner-column.cspt-elementor-bg-color-blackish:not(.cspt-bg-image-over-color) > div.elementor-column-wrap:before,
.elementor-inner-column.cspt-elementor-bg-color-blackish:not(.cspt-bg-image-over-color) > div.elementor-widget-wrap:before{
	background-color: rgba( var(--cspt-emphires-blackish-color-rgb) , 0.60 );
}


/*====== End --- Row Colum - Blackish BG Color ======*/

/* --------------------------------------
 * Row Colum - White BG Color
 * ---------------------------------------*/



/*--- Main RoW BG ---*/
.elementor-section.elementor-top-section.cspt-elementor-bg-color-white, 
.elementor-section.elementor-top-section.cspt-elementor-bg-color-white:before, 
.elementor-section.elementor-inner-section.cspt-elementor-bg-color-white {
    background-color: var(--cspt-emphires-white-color);
}

/*--- Main Row BG - with image ---*/
.elementor-section.elementor-top-section.cspt-elementor-bg-color-white.cspt-bgimage-yes:before{
	background-color: rgba( var(--cspt-emphires-white-color-rgb) , 0.60 );
}

/*--- Main Colum BG - ---*/
.elementor-column.elementor-top-column.cspt-elementor-bg-color-white:not(.cspt-bgimage-yes) .elementor-widget-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-white.cspt-bg-image-over-color .elementor-widget-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-white:not(.cspt-col-stretched-yes) > .elementor-widget-wrap, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-white.cspt-bg-image-over-color:not(.cspt-col-stretched-yes) > .elementor-widget-wrap,

.elementor-column.elementor-top-column.cspt-elementor-bg-color-white:not(.cspt-bgimage-yes) .elementor-column-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-white.cspt-bg-image-over-color .elementor-column-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-white:not(.cspt-col-stretched-yes) > .elementor-column-wrap, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-white.cspt-bg-image-over-color:not(.cspt-col-stretched-yes) > .elementor-column-wrap{
	background-color: var(--cspt-emphires-white-color) !important;
}


/*--- Main Colum BG - with image ---*/
.elementor-column.elementor-top-column.cspt-elementor-bg-color-white.cspt-bgimage-yes:not(.cspt-col-stretched-yes) > .elementor-widget-wrap:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-white.cspt-bgimage-yes:not(.cspt-bg-image-over-color) .elementor-widget-wrap .cspt-stretched-div:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-white .elementor-widget-wrap .cspt-bgimage-yes.cspt-stretched-div:before,

.elementor-column.elementor-top-column.cspt-elementor-bg-color-white.cspt-bgimage-yes:not(.cspt-col-stretched-yes) > .elementor-column-wrap:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-white.cspt-bgimage-yes:not(.cspt-bg-image-over-color) .elementor-column-wrap .cspt-stretched-div:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-white .elementor-column-wrap .cspt-bgimage-yes.cspt-stretched-div:before{
	background-color: rgba( var(--cspt-emphires-white-color-rgb) , 0.60 );
}


/*--- Inner Colum BG  ---*/
.elementor-inner-section.cspt-elementor-bg-color-white{ 
	background-color: var(--cspt-emphires-white-color) !important;
}

/*--- Inner Row - without image ---*/
.elementor-inner-section.cspt-elementor-bg-color-white:not(.cspt-bg-image-over-color):before{
	background-color: rgba( var(--cspt-emphires-white-color-rgb) , 0.60 );
}


/*--- Inner Colum BG ---*/
.elementor-inner-column.cspt-elementor-bg-color-white > div.elementor-column-wrap,
.elementor-inner-column.cspt-elementor-bg-color-white > div.elementor-widget-wrap{ 
	background-color: var(--cspt-emphires-white-color) !important;
}

/*--- Inner Colum BG - with image ---*/
.elementor-inner-column.cspt-elementor-bg-color-white:not(.cspt-bg-image-over-color) > div.elementor-column-wrap:before,
.elementor-inner-column.cspt-elementor-bg-color-white:not(.cspt-bg-image-over-color) > div.elementor-widget-wrap:before{
	background-color: rgba( var(--cspt-emphires-white-color-rgb) , 0.60 );
}


/*====== End --- Row Colum - White BG Color ======*/


/* --------------------------------------
 * Row Colum - Gradient BG Color
 * ---------------------------------------*/

/*--- Main RoW BG ---*/
.elementor-section.elementor-top-section.cspt-elementor-bg-color-gradient, 
.elementor-section.elementor-top-section.cspt-elementor-bg-color-gradient:before, 
.elementor-section.elementor-inner-section.cspt-elementor-bg-color-gradient {
    background-image: -ms-linear-gradient(right, var(--cspt-emphires-gradient-color-first) 0%, var(--cspt-emphires-gradient-color-last) 100%);
	background-image: linear-gradient(to right, var(--cspt-emphires-gradient-color-first) , var(--cspt-emphires-gradient-color-last) );
}

/*--- Main Row BG - with image ---*/
.elementor-section.elementor-top-section.cspt-elementor-bg-color-gradient.cspt-bgimage-yes:before{
    background-image: -ms-linear-gradient(right, var(--cspt-emphires-gradient-color-first) 0%, var(--cspt-emphires-gradient-color-last) 100%);
	background-image: linear-gradient(to right, var(--cspt-emphires-gradient-color-first) , var(--cspt-emphires-gradient-color-last) );
    opacity: 0.5;
}

/*--- Main Colum BG - ---*/
.elementor-column.elementor-top-column.cspt-elementor-bg-color-gradient:not(.cspt-bgimage-yes) .elementor-widget-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-gradient.cspt-bg-image-over-color .elementor-widget-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-gradient:not(.cspt-col-stretched-yes) > .elementor-widget-wrap, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-gradient.cspt-bg-image-over-color:not(.cspt-col-stretched-yes) > .elementor-widget-wrap,

.elementor-column.elementor-top-column.cspt-elementor-bg-color-gradient:not(.cspt-bgimage-yes) .elementor-column-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-gradient.cspt-bg-image-over-color .elementor-column-wrap > .cspt-stretched-div, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-gradient:not(.cspt-col-stretched-yes) > .elementor-column-wrap, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-gradient.cspt-bg-image-over-color:not(.cspt-col-stretched-yes) > .elementor-column-wrap{
    background-image: -ms-linear-gradient(right, var(--cspt-emphires-gradient-color-first) 0%, var(--cspt-emphires-gradient-color-last) 100%);
	background-image: linear-gradient(to right, var(--cspt-emphires-gradient-color-first) , var(--cspt-emphires-gradient-color-last) );
}


/*--- Main Colum BG - with image ---*/
.elementor-column.elementor-top-column.cspt-elementor-bg-color-gradient.cspt-bgimage-yes:not(.cspt-col-stretched-yes) > .elementor-widget-wrap:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-gradient.cspt-bgimage-yes:not(.cspt-bg-image-over-color) .elementor-widget-wrap .cspt-stretched-div:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-gradient .elementor-widget-wrap .cspt-bgimage-yes.cspt-stretched-div:before,

.elementor-column.elementor-top-column.cspt-elementor-bg-color-gradient.cspt-bgimage-yes:not(.cspt-col-stretched-yes) > .elementor-column-wrap:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-gradient.cspt-bgimage-yes:not(.cspt-bg-image-over-color) .elementor-column-wrap .cspt-stretched-div:before, 
.elementor-column.elementor-top-column.cspt-elementor-bg-color-gradient .elementor-column-wrap .cspt-bgimage-yes.cspt-stretched-div:before{
    background-image: -ms-linear-gradient(right, var(--cspt-emphires-gradient-color-first) 0%, var(--cspt-emphires-gradient-color-last) 80%);
	background-image: linear-gradient(to right, var(--cspt-emphires-gradient-color-first) , var(--cspt-emphires-gradient-color-last) );
    opacity: 0.5;
}


/*--- Inner Colum BG  ---*/
.elementor-inner-section.cspt-elementor-bg-color-gradient{ 
    background-image: -ms-linear-gradient(right, var(--cspt-emphires-gradient-color-first) 0%, var(--cspt-emphires-gradient-color-last) 100%);
	background-image: linear-gradient(to right, var(--cspt-emphires-gradient-color-first) , var(--cspt-emphires-gradient-color-last) );
}

/*--- Inner Row - without image ---*/
.elementor-inner-section.cspt-elementor-bg-color-gradient:not(.cspt-bg-image-over-color):before{
    background-image: -ms-linear-gradient(right, var(--cspt-emphires-gradient-color-first) 0%, var(--cspt-emphires-gradient-color-last) 100%);
	background-image: linear-gradient(to right, var(--cspt-emphires-gradient-color-first) , var(--cspt-emphires-gradient-color-last) );
    opacity: 0.5;
}


/*--- Inner Colum BG ---*/
.elementor-inner-column.cspt-elementor-bg-color-gradient > div.elementor-column-wrap,
.elementor-inner-column.cspt-elementor-bg-color-gradient > div.elementor-widget-wrap{ 
	background-image: -ms-linear-gradient(right, var(--cspt-emphires-gradient-color-first) 0%, var(--cspt-emphires-gradient-color-last) 100%);
	background-image: linear-gradient(to right, var(--cspt-emphires-gradient-color-first) , var(--cspt-emphires-gradient-color-last) );
}

/*--- Inner Colum BG - with image ---*/
.elementor-inner-column.cspt-elementor-bg-color-gradient:not(.cspt-bg-image-over-color) > div.elementor-column-wrap:before,
.elementor-inner-column.cspt-elementor-bg-color-gradient:not(.cspt-bg-image-over-color) > div.elementor-widget-wrap:before{
    background-image: -ms-linear-gradient(right, var(--cspt-emphires-gradient-color-first) 0%, var(--cspt-emphires-gradient-color-last) 100%);
	background-image: linear-gradient(to right, var(--cspt-emphires-gradient-color-first) , var(--cspt-emphires-gradient-color-last) );
}


/*====== End --- Row Colum - Gradient BG Color ======*/
/* =========================================================== Remove code ============================================ */


/* ----------------------------------------------------------------------------------
 * Base Css
 * --------------------------------------------------------------------------------*/


/* --------------------------------------
 * Global Color
 * ---------------------------------------*/


/*=== BG Color ===*/

.csptsubheadingstyle1 .cspt-heading-subheading .cspt-element-subtitle:before, .cspt-tab-style-1.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-title.elementor-active:after, .cspt-accordion-style-1.elementor-widget-accordion .elementor-accordion-item.cspt-active-accordion:after, body .elementor-widget-accordion .elementor-accordion .elementor-tab-title.elementor-active, .cspt-modern-tab button.ele_btn-style-outline.ele_btn-color-globalcolor:hover, .elementor-widget-text-editor .cspt-social-links li a, .cspt-btn-style-flat.cspt-btn-color-globalcolor .elementor-button, .cspt-bg-color-globalcolor {
    background-color: var(--cspt-emphires-global-color);
}


/*=== Text Color ===*/

.cspt-tab-style-1.elementor-widget-tabs .elementor-tab-mobile-title.elementor-tab-title.elementor-active, .cspt-tab-style-1.elementor-widget-tabs .elementor-tab-title.elementor-active a, .cspt-accordion-style-1.elementor-widget-accordion .elementor-active .elementor-accordion-title:before, .cspt-accordion-style-1.elementor-widget-accordion .elementor-active .elementor-accordion-title, .cspt-modern-tab.elementor-widget-tabs .elementor-tab-title.elementor-tab-mobile-title.elementor-active, .cspt-modern-tab.elementor-widget-tabs .elementor-tab-title.elementor-active, button.ele_btn-style-outline.ele_btn-color-globalcolor, .elementor-accordion .elementor-accordion-icon i, .cspt-heading-subheading cspt-element-title em, .cspt-text-color-white.cspt-elementor-bg-color-blackish .cspt-heading-subheading .cspt-element-title em, .elementor-widget-icon-list .elementor-icon-list-icon i, .cspt-btn-style-text.cspt-btn-color-blackish .elementor-button:hover, .cspt-btn-style-text.cspt-btn-color-globalcolor .elementor-button {
    color: var(--cspt-emphires-global-color);
}


/*=== Border Color ===*/

.cspt-tab-style-1.elementor-widget-tabs .elementor-tab-mobile-title.elementor-tab-title.elementor-active, .cspt-accordion-style-1.elementor-widget-accordion .elementor-active .elementor-accordion-title:before, .cspt-new-button.cspt-btn-color-globalcolor .elementor-button:hover::before, .elementor-progress-text:after, .cspt-modern-tab.elementor-widget-tabs .elementor-tab-title.elementor-tab-mobile-title.elementor-active, .cspt-modern-tab.elementor-widget-tabs .elementor-tab-title.elementor-active, button.ele_btn-style-outline.ele_btn-color-globalcolor, .cspt-effect-img-3.elementor-widget-image .elementor-widget-container:after {
    border-color: var(--cspt-emphires-global-color);
}


/* --------------------------------------
 * Light Color
 * ---------------------------------------*/


/*=== BG Color ===*/

.cspt-btn-style-flat.cspt-btn-color-light .elementor-button, .cspt-bg-color-light {
    background-color: var(--cspt-emphires-light-bg-color);
}


/*=== Text Color ===*/

.cspt-btn-style-text.cspt-btn-color-blackish .elementor-button {
    color: var(--cspt-emphires-light-bg-color);
}


/*=== Btn Color ===*/

.cspt-btn-style-outline.cspt-btn-color-light .elementor-button {
    border-color: var(--cspt-emphires-light-bg-color);
    color: var(--cspt-emphires-light-bg-color);
}


/* --------------------------------------
 *Secondary Color
 * ---------------------------------------*/


/*=== BG Color ===*/

.elementor-widget-button.cspt-btn-bg-color-secondary .elementor-button, .cspt-bg-color-secondary {
    background-color: var(--cspt-emphires-secondary-color);
}


/*=== Text Color ===*/

.cspt-secondary-text-color .cspt-heading-subheading .cspt-heading-desc, .cspt-tab-style-1.elementor-widget-tabs .elementor-tab-title a, .cspt-elementor-bg-color-globalcolor .cspt-ihbox-heading em, .cspt-text-color-white .cspt-heading-subheading .cspt-element-title em, .cspt-elementor-bg-color-globalcolor .cspt-heading-subheading .cspt-element-title em, .cspt-btn-style-text.cspt-btn-color-secondary .elementor-button {
    color: var(--cspt-emphires-secondary-color);
}

.cspt-btn-style-outline.cspt-btn-color-secondary .elementor-button {
    border-color: var(--cspt-emphires-secondary-color);
    color: var(--cspt-emphires-secondary-color);
}


/* --------------------------------------
 * Blackish Color
 * ---------------------------------------*/


/*=== BG Color ===*/

.cspt-btn-style-outline.cspt-btn-color-blackish .elementor-button:hover, .elementor-widget-text-editor .cspt-social-links li a:hover, .cspt-effect-img-4.elementor-widget-image .elementor-widget-container:after, .cspt-btn-color-light.cspt-btn-style-outline.elementor-widget-button .elementor-button:hover, .cspt-btn-style-flat.cspt-btn-color-globalcolor .elementor-button:hover, .cspt-btn-style-flat.cspt-btn-color-white .elementor-button:hover, .cspt-btn-style-flat.cspt-btn-color-blackish .elementor-button, .cspt-bg-color-blackish {
    background-color: var(--cspt-emphires-blackish-color);
}


/*=== Text Color ===*/

.cspt-tab-style-1.elementor-widget-tabs .elementor-tab-mobile-title.elementor-tab-title, .elementor-widget-accordion .elementor-accordion-title, .cspt-elementor-bg-color-globalcolor .cspt-form-style-1 button:hover, .test {
    color: var(--cspt-emphires-blackish-color);
}


/* --------------------------------------
 * White Color
 * ---------------------------------------*/

.cspt-text-color-white .csptsubheadingstyle1 .cspt-heading-subheading .cspt-element-subtitle:before, cspt-bg-color-white, .cspt-footer-section.cspt-bg-color-white:before {
    background-color: var(--cspt-emphires-white-color);
}

.cspt-text-color-white .cspt-heading-subheading .cspt-element-subtitle, .cspt-btn-style-outline.cspt-btn-color-blackish .elementor-button:hover, .cspt-btn-color-light.cspt-btn-style-outline.elementor-widget-button .elementor-button:hover, .cspt-btn-style-flat.cspt-btn-color-white .elementor-button:hover {
    color: var(--cspt-emphires-white-color);
}


/* --------------------------------------
 * Gradient Color
 * ---------------------------------------*/

.elementor-widget-button.cspt-btn-color-gradient .elementor-button, .cspt-bg-color-gradient {
    background-image: -ms-linear-gradient(right, var(--cspt-emphires-gradient-color-first) 0%, var(--cspt-emphires-gradient-color-last) 100%);
    background-image: linear-gradient(to right, var(--cspt-emphires-gradient-color-first), var(--cspt-emphires-gradient-color-last));
}

.cspt-footer-section.cspt-bg-color-gradientcolor:before {
    background-image: -ms-linear-gradient(right, var(--cspt-emphires-gradient-color-first) 0%, var(--cspt-emphires-gradient-color-last) 100%) !important;
    background-image: linear-gradient(to right, var(--cspt-emphires-gradient-color-first), var(--cspt-emphires-gradient-color-last)) !important;
}

.elementor-widget-button.cspt-btn-color-gradient .elementor-button {
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, var(--cspt-emphires-gradient-color-first), var(--cspt-emphires-gradient-color-last));
}


/* ----------------------------------------------------------------------------------
 * Theme Special Css
 * --------------------------------------------------------------------------------*/


/* --------------------------------------
 * Global Color
 * ---------------------------------------*/


/*=== BG Color ===*/

.cspt-full-btn .elementor-button i, .cspt-ihbox-btn a:after, .cspt-progressbar .elementor-progress-wrapper .elementor-progress-bar, .elementor-widget-progress .elementor-progress-wrapper .elementor-progress-bar {
    background-color: var(--cspt-emphires-global-color);
}


/*=== Text Color ===*/

.cspt-lightbox-video .elementor-icon-wrapper a, .elementor-widget .elementor-icon-list-icon, .cspt-btn-style-outline .elementor-button {
    color: var(--cspt-emphires-global-color);
}


/*=== Border Color ===*/

.cspt-btn-style-outline .elementor-button {
    border-color: var(--cspt-emphires-global-color);
}

.cspt-brdr-btm-effect {
    border-bottom-color: var(--cspt-emphires-global-color);
}


/* --------------------------------------
 * Light Color
 * ---------------------------------------*/

.test {
    background-color: var(--cspt-emphires-light-bg-color);
}


/* --------------------------------------
 * Secondary Color
 * ---------------------------------------*/

.test {
    background-color: var(--cspt-emphires-secondary-color);
}


/* --------------------------------------
 * Blackish Color
 * ---------------------------------------*/


/*=== BG Color ===*/

.test {
    background-color: var(--cspt-emphires-blackish-color);
}


/*=== Text Color ===*/

.cspt-btn-style-outline.cspt-btn-color-white .elementor-button:hover, 
.cspt-btn-style-text.cspt-btn-color-blackish .elementor-button, .cspt-btn-style-flat.cspt-btn-color-light .elementor-button, .cspt-btn-style-flat.cspt-btn-color-white .elementor-button, .cspt-progressbar .elementor-title, .elementor-widget-progress .elementor-title, .elementor-progress-percentage {
    color: var(--cspt-emphires-blackish-color);
}


/* --------------------------------------
 * White Color
 * ---------------------------------------*/


/*=== BG Color ===*/

.cspt-text-color-white .csptsubheadingstyle1 .cspt-ihbox-subheading h4:before {
    background-color: var(--cspt-emphires-white-color);
}


/*=== Btn Color ===*/

.cspt-btn-style-outline.cspt-btn-color-blackish .elementor-button {
    border-color: var(--cspt-emphires-blackish-bg-color);
    color: var(--cspt-emphires-blackish-color);
}