.dsvy-navbar ul ul,
.dsvy-navbar ul ul:before {
    background-color: #f6f6f6;
    background-repeat: repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: scroll;
}

.dsvy-title-bar-wrapper,
.dsvy-title-bar-wrapper.dsvy-bg-color-custom:before {
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: scroll;
}

.site-footer,
.site-footer.dsvy-bg-color-custom:before {
    background-color: #0c121d;
    background-repeat: repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: scroll;
}

.dsvy-footer-widget-area,
.dsvy-footer-widget-area.dsvy-bg-color-custom:before {
    background-color: #969696;
    background-repeat: repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: scroll;
}

.dsvy-footer-text-area,
.dsvy-footer-text-area.dsvy-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 .dsvy-bg-color-custom>.site-content-wrap:before {
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url("../images/404-bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: scroll;
}

body {
    font-family: Barlow, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.7;
    color: #47556e;
    text-transform: none;
    font-style: normal;
}

h1 {
    font-family: Barlow, sans-serif;
    font-weight: normal;
    font-size: 34px;
    line-height: 44px;
    letter-spacing: 0px;
    color: #0c121d;
    text-transform: none;
    font-style: normal;
}

h2 {
    font-family: Barlow, sans-serif;
    font-weight: normal;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0px;
    color: #0c121d;
    text-transform: none;
    font-style: normal;
}

h3 {
    font-family: Barlow, sans-serif;
    font-weight: normal;
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 0px;
    color: #0c121d;
    text-transform: none;
    font-style: normal;
}

h4 {
    font-family: Barlow, sans-serif;
    font-weight: normal;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 0px;
    color: #0c121d;
    text-transform: none;
    font-style: normal;
}

h5 {
    font-family: Barlow, sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0px;
    color: #0c121d;
    text-transform: none;
    font-style: normal;
}

h6 {
    font-family: Barlow, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #0c121d;
    text-transform: none;
    font-style: normal;
}

.dsvy-heading-subheading .dsvy-element-title {
    font-family: Barlow, sans-serif;
    font-weight: normal;
    font-size: 36px;
    line-height: 46px;
    letter-spacing: 0px;
    color: #0c121d;
    text-transform: none;
    font-style: normal;
}

.dsvy-heading-subheading .dsvy-element-subtitle {
    font-family: Barlow, sans-serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 2px;
    color: #0054ff;
    text-transform: uppercase;
    font-style: normal;
}

.dsvy-ihbox.dsvy-ihbox-style-hsbox .dsvy-ihbox-content {
    font-family: Barlow, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: 0px;
    color: #666666;
    text-transform: none;
    font-style: normal;
}

.designervily-sidebar .widget_search .wp-block-search__label,
.designervily-sidebar .widget_block .wp-block-group h2,
.widget-title {
    font-family: Barlow, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #0c121d;
    text-transform: uppercase;
    font-style: normal;
}

.elementor-widget-button .elementor-button,
.dsvy-service-btn,
.dsvy-ihbox-btn,
.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] {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-style: normal;
}

.dsvy-ihbox-style-2 .dsvy-ihbox-box-number {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.dsvy-testimonial-style-2 blockquote {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-style: normal;
}

blockquote {
    font-family: Rubik, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.dsvy-header-box-title {
    font-family: Barlow, sans-serif;
    font-weight: 800;
    font-size: 17px;
    line-height: 27px;
    letter-spacing: 0px;
    color: #0c121d;
    text-transform: none;
    font-style: normal;
}

.dsvy-header-box-content {
    font-family: Barlow, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    color: #b0b6bf;
    text-transform: none;
    font-style: normal;
}

.dsvy-navbar div>ul>li>a {
    font-family: Barlow, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: #0c121d;
    text-transform: none;
    font-style: normal;
}

.dsvy-navbar ul ul a {
    font-family: Barlow, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0px;
    color: #0c121d;
    text-transform: none;
    font-style: normal;
}

.dsvy-tbar-title {
    font-family: Barlow, sans-serif;
    font-weight: 700;
    font-size: 42px;
    line-height: 52px;
    letter-spacing: 0px;
    color: #0c121d;
    text-transform: none;
    font-style: normal;
}

.dsvy-tbar-subtitle {
    font-family: Barlow, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0px;
    color: #0c121d;
    text-transform: none;
    font-style: normal;
}

.dsvy-breadcrumb,
.dsvy-breadcrumb a {
    font-family: Barlow, sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #6d7a8c;
    text-transform: uppercase;
    font-style: normal;
}

/* --------------------------------------
 * Custom background color and text color
 * ---------------------------------------*/
/* Custom preheader background color */
.dsvy-pre-header-wrapper.dsvy-bg-color-custom {
    background-color: #ff5e15;
}

/* Custom Header background color */
.dsvy-header-wrapper.dsvy-bg-color-custom {
    background-color: #ffffff;
}

/* Custom Menu area background color */
.dsvy-header-menu-area.dsvy-bg-color-custom {
    background-color: #ffffff;
}

/* sticky-header-background-color */
.dsvy-sticky-on.dsvy-sticky-bg-color-custom {
    background-color: #ffffff;
}

/* Custom Menu text color */
.dsvy-sticky-on .dsvy-navbar div>ul>li>a {
    color: #09162a;
}

/* --------------------------------------
 * A tag
 * ---------------------------------------*/
a {
    color: #0c121d
}

a:hover {
    color: #fcaf17
}

/* --------------------------------------
 * site-title
 * ---------------------------------------*/
.site-title {
    height: 120px;
}

.site-title img.dsvy-main-logo {
    max-height: 55px;
}

.site-title img.dsvy-responsive-logo {
    max-height: 50px;
}

/* --------------------------------------
 * Titlebar
 * ---------------------------------------*/
.dsvy-title-bar-content,
.dsvy-title-bar-wrapper {
    min-height: 200px;
}

.dsvy-color-globalcolor,
.dsvy-globalcolor,
.globalcolor {
    color: #fcaf17;
}

.dsvy-bg-color-globalcolor.dsvy-title-bar-wrapper:before,
.designervily-ele-team .designervily-overlay {
    background-color: rgba(252, 175, 23, 0.5);
}


/*========================================== Row / Colum Background Base Css ==========================================*/
.dsvy-col-stretched-yes .dsvy-stretched-div {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    width: auto;
    z-index: 1;
    overflow: hidden;
}

.dsvy-col-stretched-right .dsvy-stretched-div,
.dsvy-col-stretched-left .dsvy-stretched-div {
    right: 0;
}

.elementor-section.elementor-top-section.dsvy-bg-image-over-color.dsvy-bgimage-yes:before,
.elementor-column.elementor-top-column.dsvy-bgimage-yes.dsvy-bg-image-over-color>.dsvy-stretched-div:before,

.elementor-column.elementor-top-column.dsvy-bg-image-over-color>.elementor-widget-wrap:before,
.elementor-column.elementor-top-column.dsvy-bg-image-over-color>.elementor-column-wrap:before {
    background-color: transparent !important;
}

.elementor-column.dsvy-col-stretched-yes.dsvy-bgimage-yes {
    background-image: none;
    background-color: transparent;
}

.dsvy-bgimage-over-bgcolor.dsvy-bgimage-yes .dsvy-stretched-div:before,
.dsvy-bgimage-over-bgcolor.dsvy-bgimage-yes:before {
    background-color: transparent !important
}


.elementor-top-section:before,
.dsvy-col-stretched-yes .dsvy-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.dsvy-elementor-bg-color-globalcolor,
.elementor-section.elementor-top-section.dsvy-elementor-bg-color-globalcolor:before,
.elementor-section.elementor-inner-section.dsvy-elementor-bg-color-globalcolor {
    background-color: #fcaf17;
}

/*--- Main Row BG - with image ---*/
.elementor-section.elementor-top-section.dsvy-elementor-bg-color-globalcolor.dsvy-bgimage-yes:before {
    background-color: rgba(252, 175, 23, 0.60);
}



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

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


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

.elementor-column.elementor-top-column.dsvy-elementor-bg-color-globalcolor.dsvy-bgimage-yes:not(.dsvy-col-stretched-yes)>.elementor-column-wrap:before,
.elementor-column.elementor-top-column.dsvy-elementor-bg-color-globalcolor.dsvy-bgimage-yes:not(.dsvy-bg-image-over-color) .elementor-column-wrap .dsvy-stretched-div:before,
.elementor-column.elementor-top-column.dsvy-elementor-bg-color-globalcolor .elementor-column-wrap .dsvy-bgimage-yes.dsvy-stretched-div:before {
    background-color: rgba(252, 175, 23, 0.60);
}


/*--- Inner Colum BG  ---*/
.elementor-inner-section.dsvy-elementor-bg-color-globalcolor {
    background-color: #fcaf17 !important;
}

/*--- Inner Row - without image ---*/
.elementor-inner-section.dsvy-elementor-bg-color-globalcolor:not(.dsvy-bg-image-over-color):before {
    background-color: rgba(252, 175, 23, 0.60);
}


/*--- Inner Colum BG ---*/
.elementor-inner-column.dsvy-elementor-bg-color-globalcolor>div.elementor-column-wrap,
.elementor-inner-column.dsvy-elementor-bg-color-globalcolor>div.elementor-widget-wrap {
    background-color: #fcaf17 !important;
}

/*--- Inner Colum BG - with image ---*/
.elementor-inner-column.dsvy-elementor-bg-color-globalcolor:not(.dsvy-bg-image-over-color)>div.elementor-column-wrap:before,
.elementor-inner-column.dsvy-elementor-bg-color-globalcolor:not(.dsvy-bg-image-over-color)>div.elementor-widget-wrap:before {
    background-color: rgba(252, 175, 23, 0.60);
}


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

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


/*--- Main RoW BG ---*/
.elementor-section.elementor-top-section.dsvy-elementor-bg-color-light,
.elementor-section.elementor-top-section.dsvy-elementor-bg-color-light:before,
.elementor-section.elementor-inner-section.dsvy-elementor-bg-color-light {
    background-color: #f6f6f6;
}

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

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

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


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

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


/*--- Inner Colum BG  ---*/
.elementor-inner-section.dsvy-elementor-bg-color-light {
    background-color: #f6f6f6 !important;
}

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


/*--- Inner Colum BG ---*/
.elementor-inner-column.dsvy-elementor-bg-color-light>div.elementor-column-wrap,
.elementor-inner-column.dsvy-elementor-bg-color-light>div.elementor-widget-wrap {
    background-color: #f6f6f6 !important;
}

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


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

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


/*--- Main RoW BG ---*/
.elementor-section.elementor-top-section.dsvy-elementor-bg-color-secondary,
.elementor-section.elementor-top-section.dsvy-elementor-bg-color-secondary:before,
.elementor-section.elementor-inner-section.dsvy-elementor-bg-color-secondary {
    background-color: #0054ff;
}

/*--- Main Row BG - with image ---*/
.elementor-section.elementor-top-section.dsvy-elementor-bg-color-secondary.dsvy-bgimage-yes:before {
    background-color: rgba(0, 84, 255, 0.60);
}

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

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


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

.elementor-column.elementor-top-column.dsvy-elementor-bg-color-secondary.dsvy-bgimage-yes:not(.dsvy-col-stretched-yes)>.elementor-column-wrap:before,
.elementor-column.elementor-top-column.dsvy-elementor-bg-color-secondary.dsvy-bgimage-yes:not(.dsvy-bg-image-over-color) .elementor-column-wrap .dsvy-stretched-div:before,
.elementor-column.elementor-top-column.dsvy-elementor-bg-color-secondary .elementor-column-wrap .dsvy-bgimage-yes.dsvy-stretched-div:before {
    background-color: rgba(0, 84, 255, 0.60);
}


/*--- Inner Colum BG  ---*/
.elementor-inner-section.dsvy-elementor-bg-color-secondary {
    background-color: #0054ff !important;
}

/*--- Inner Row - without image ---*/
.elementor-inner-section.dsvy-elementor-bg-color-secondary:not(.dsvy-bg-image-over-color):before {
    background-color: rgba(0, 84, 255, 0.60);
}


/*--- Inner Colum BG ---*/
.elementor-inner-column.dsvy-elementor-bg-color-secondary>div.elementor-column-wrap,
.elementor-inner-column.dsvy-elementor-bg-color-secondary>div.elementor-widget-wrap {
    background-color: #0054ff !important;
}

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



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

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


/*--- Main RoW BG ---*/
.elementor-section.elementor-top-section.dsvy-elementor-bg-color-blackish,
.elementor-section.elementor-top-section.dsvy-elementor-bg-color-blackish:before,
.elementor-section.elementor-inner-section.dsvy-elementor-bg-color-blackish {
    background-color: #0c121d;
}

/*--- Main Row BG - with image ---*/
.elementor-section.elementor-top-section.dsvy-elementor-bg-color-blackish.dsvy-bgimage-yes:before {
    background-color: rgba(12, 18, 29, 0.60);
}

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

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


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

.elementor-column.elementor-top-column.dsvy-elementor-bg-color-blackish.dsvy-bgimage-yes:not(.dsvy-col-stretched-yes)>.elementor-column-wrap:before,
.elementor-column.elementor-top-column.dsvy-elementor-bg-color-blackish.dsvy-bgimage-yes:not(.dsvy-bg-image-over-color) .elementor-column-wrap .dsvy-stretched-div:before,
.elementor-column.elementor-top-column.dsvy-elementor-bg-color-blackish .elementor-column-wrap .dsvy-bgimage-yes.dsvy-stretched-div:before {
    background-color: rgba(12, 18, 29, 0.60);
}


/*--- Inner Colum BG  ---*/
.elementor-inner-section.dsvy-elementor-bg-color-blackish {
    background-color: #0c121d !important;
}

/*--- Inner Row - without image ---*/
.elementor-inner-section.dsvy-elementor-bg-color-blackish:not(.dsvy-bg-image-over-color):before {
    background-color: rgba(12, 18, 29, 0.60);
}


/*--- Inner Colum BG ---*/
.elementor-inner-column.dsvy-elementor-bg-color-blackish>div.elementor-column-wrap,
.elementor-inner-column.dsvy-elementor-bg-color-blackish>div.elementor-widget-wrap {
    background-color: #0c121d !important;
}

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


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

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



/*--- Main RoW BG ---*/
.elementor-section.elementor-top-section.dsvy-elementor-bg-color-white,
.elementor-section.elementor-top-section.dsvy-elementor-bg-color-white:before,
.elementor-section.elementor-inner-section.dsvy-elementor-bg-color-white {
    background-color: #ffffff;
}

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

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

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


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

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


/*--- Inner Colum BG  ---*/
.elementor-inner-section.dsvy-elementor-bg-color-white {
    background-color: #ffffff !important;
}

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


/*--- Inner Colum BG ---*/
.elementor-inner-column.dsvy-elementor-bg-color-white>div.elementor-column-wrap,
.elementor-inner-column.dsvy-elementor-bg-color-white>div.elementor-widget-wrap {
    background-color: #ffffff !important;
}

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


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


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

/*--- Main RoW BG ---*/
.elementor-section.elementor-top-section.dsvy-elementor-bg-color-gradient,
.elementor-section.elementor-top-section.dsvy-elementor-bg-color-gradient:before,
.elementor-section.elementor-inner-section.dsvy-elementor-bg-color-gradient {
    background-image: -ms-linear-gradient(right, #0aadeb 0%, #5eabc9 100%);
    background-image: linear-gradient(to right, #0aadeb, #5eabc9);
}

/*--- Main Row BG - with image ---*/
.elementor-section.elementor-top-section.dsvy-elementor-bg-color-gradient.dsvy-bgimage-yes:before {
    background-image: -ms-linear-gradient(right, #0aadeb 0%, #5eabc9 100%);
    background-image: linear-gradient(to right, #0aadeb, #5eabc9);
    opacity: 0.5;
}

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

.elementor-column.elementor-top-column.dsvy-elementor-bg-color-gradient:not(.dsvy-bgimage-yes) .elementor-column-wrap>.dsvy-stretched-div,
.elementor-column.elementor-top-column.dsvy-elementor-bg-color-gradient.dsvy-bg-image-over-color .elementor-column-wrap>.dsvy-stretched-div,
.elementor-column.elementor-top-column.dsvy-elementor-bg-color-gradient:not(.dsvy-col-stretched-yes)>.elementor-column-wrap,
.elementor-column.elementor-top-column.dsvy-elementor-bg-color-gradient.dsvy-bg-image-over-color:not(.dsvy-col-stretched-yes)>.elementor-column-wrap {
    background-image: -ms-linear-gradient(right, #0aadeb 0%, #5eabc9 100%);
    background-image: linear-gradient(to right, #0aadeb, #5eabc9);
}


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

.elementor-column.elementor-top-column.dsvy-elementor-bg-color-gradient.dsvy-bgimage-yes:not(.dsvy-col-stretched-yes)>.elementor-column-wrap:before,
.elementor-column.elementor-top-column.dsvy-elementor-bg-color-gradient.dsvy-bgimage-yes:not(.dsvy-bg-image-over-color) .elementor-column-wrap .dsvy-stretched-div:before,
.elementor-column.elementor-top-column.dsvy-elementor-bg-color-gradient .elementor-column-wrap .dsvy-bgimage-yes.dsvy-stretched-div:before {
    background-image: -ms-linear-gradient(right, #0aadeb 0%, #5eabc9 80%);
    background-image: linear-gradient(to right, #0aadeb, #5eabc9);
    opacity: 0.5;
}


/*--- Inner Colum BG  ---*/
.elementor-inner-section.dsvy-elementor-bg-color-gradient {
    background-image: -ms-linear-gradient(right, #0aadeb 0%, #5eabc9 100%);
    background-image: linear-gradient(to right, #0aadeb, #5eabc9);
}

/*--- Inner Row - without image ---*/
.elementor-inner-section.dsvy-elementor-bg-color-gradient:not(.dsvy-bg-image-over-color):before {
    background-image: -ms-linear-gradient(right, #0aadeb 0%, #5eabc9 100%);
    background-image: linear-gradient(to right, #0aadeb, #5eabc9);
    opacity: 0.5;
}


/*--- Inner Colum BG ---*/
.elementor-inner-column.dsvy-elementor-bg-color-gradient>div.elementor-column-wrap,
.elementor-inner-column.dsvy-elementor-bg-color-gradient>div.elementor-widget-wrap {
    background-image: -ms-linear-gradient(right, #0aadeb 0%, #5eabc9 100%);
    background-image: linear-gradient(to right, #0aadeb, #5eabc9);
}

/*--- Inner Colum BG - with image ---*/
.elementor-inner-column.dsvy-elementor-bg-color-gradient:not(.dsvy-bg-image-over-color)>div.elementor-column-wrap:before,
.elementor-inner-column.dsvy-elementor-bg-color-gradient:not(.dsvy-bg-image-over-color)>div.elementor-widget-wrap:before {
    background-image: -ms-linear-gradient(right, #0aadeb 0%, #5eabc9 100%);
    background-image: linear-gradient(to right, #0aadeb, #5eabc9);
}


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


























/*========================================== Base Css ==========================================*/

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

/*=== Global BG Color ===*/
.wp-block-search .wp-block-search__button,
.dsvy-team-form button:hover,
.wp-block-tag-cloud a:hover,
.footer-wrap .widget_tag_cloud a:hover,

.post.sticky .dsvy-blog-classic:after,
.nav-links .page-numbers:hover,
.nav-links .page-numbers.current,
.search-results .dsvy-top-search-form .search-form button,
.search-no-results .search-no-results-content .search-form button,

input[type=submit]:hover,
.reply a:hover,
.dsvy-ourhistory .dsvy-ourhistory-right:before,

.site-header .dsvy-bg-color-globalcolor,
.site-header .dsvy-sticky-on.dsvy-sticky-bg-color-globalcolor,

.dsvy-btn-style-flat .elementor-button,
.dsvy-btn-style-flat.dsvy-btn-color-globalcolor .elementor-button,

.dsvy-bg-color-globalcolor,
.dsvy-footer-section.dsvy-bg-color-globalcolor:before,

body .scroll-to-top,
.dsvy-sortable-list a.dsvy-selected {
    background-color: #fcaf17;
}

.dsvy-footer-section.dsvy-bg-color-globalcolor.dsvy-bg-image-yes:before {
    background-color: rgba(252, 175, 23, 0.70);
}

/*=== Global Text Color ===*/
.dsvy-search-results-right .dsvy-post-title a:hover,
.dsvy-portfolio-single .dsvy-portfolio-nav-head,
.dsvy-ourhistory .label,
.dsvy-pricing-table-box .dsvy-ptable-icon,

.dsvy-footer-section.dsvy-text-color-globalcolor .widget-title,
.dsvy-footer-section.dsvy-text-color-globalcolor,
.dsvy-footer-section.dsvy-text-color-globalcolor a,

.dsvy-btn-style-text.dsvy-btn-color-globalcolor .elementor-button,

.dsvy-globalcolor,
.dsvy-skincolor,
.post-navigation .nav-links a:hover {
    color: #fcaf17;
}

/*=== Global Border Color ===*/
.post.sticky {
    border-color: #fcaf17;
}

.dsvy-btn-style-outline .elementor-button {
    border-color: #fcaf17;
    color: #fcaf17;
}

.dsvy-pricing-table-featured-col .dsvy-pricing-table-box:before {
    border-top: 48px solid #fcaf17;
    border-right: 50px solid #fcaf17;
}

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

/*=== Secondary BG Color ===*/
.elementor-widget-button.dsvy-btn-bg-color-secondary .elementor-button,

.dsvy-bg-color-secondary,

.dsvy-footer-section.dsvy-bg-color-secondarycolor:before {
    background-color: #0054ff;
}

.dsvy-footer-section.dsvy-bg-color-secondarycolor.dsvy-bg-image-yes:before {
    background-color: rgba(0, 84, 255, 0.90);
}

/*=== Secondary Text Color ===*/
.dsvy-footer-section.dsvy-text-color-secondarycolor .widget-title,
.dsvy-footer-section.dsvy-text-color-secondarycolor,
.dsvy-footer-section.dsvy-text-color-secondarycolor a,

.dsvy-btn-style-text.dsvy-btn-color-secondary .elementor-button,
.testcolor {
    color: #0054ff;
}

/*=== Global Border Color ===*/
.testcolor {
    border-color: #0054ff;
}

.dsvy-btn-style-outline.dsvy-btn-color-secondary .elementor-button {
    border-color: #0054ff;
    color: #0054ff;
}

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

/*=== Gradient BG Color ===*/
.elementor-widget-button.dsvy-btn-color-gradient .elementor-button,
.dsvy-bg-color-gradient {
    background-image: -ms-linear-gradient(right, #0aadeb 0%, #5eabc9 100%);
    background-image: linear-gradient(to right, #0aadeb, #5eabc9);
}

.dsvy-footer-section.dsvy-bg-color-gradientcolor:before {
    background-image: -ms-linear-gradient(right, #0aadeb 0%, #5eabc9 100%) !important;
    background-image: linear-gradient(to right, #0aadeb, #5eabc9) !important;
}

.elementor-widget-button.dsvy-btn-color-gradient .elementor-button {
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, #0aadeb, #5eabc9);
}

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

/*=== Blackish BG Color ===*/
button,
html input[type=button],
input[type=reset],
input[type=submit],

.dsvy-accordion-style1 .elementor-accordion .elementor-tab-title.elementor-active,

.dsvy-ptable-btn a,
.designervily-element-viewtype-carousel .owl-carousel .owl-nav button.owl-next,
.designervily-element-viewtype-carousel .owl-carousel .owl-nav button.owl-prev,

.dsvy-btn-style-flat.dsvy-btn-color-globalcolor .elementor-button:hover,
.dsvy-btn-style-flat.dsvy-btn-color-white .elementor-button:hover,
.dsvy-btn-style-flat.dsvy-btn-color-blackish .elementor-button,

.dsvy-bg-color-blackish,
body .scroll-to-top:hover,

.dsvy-footer-section.dsvy-bg-color-blackish:before {
    background-color: #0c121d;
}

/*=== Blackish Text Color ===*/
.nav-links .page-numbers,
.dsvy-btn-style-outline.dsvy-btn-color-white .elementor-button:hover,
.dsvy-pricing-table-featured-col .dsvy-ptable-btn a,
.dsvy-pricing-table-box .designervily-ptable-price-w,
.dsvy-footer-section.dsvy-text-color-blackish .widget-title,

.dsvy-footer-section.dsvy-text-color-blackish a,

.dsvy-btn-style-text.dsvy-btn-color-blackish .elementor-button,

.dsvy-btn-style-flat.dsvy-btn-color-light .elementor-button,
.dsvy-btn-style-flat.dsvy-btn-color-white .elementor-button,

.elementor-widget-progress .elementor-title,
.elementor-progress-percentage,

.dsvy-color-blackish,
.dsvy-text-color-blackish h1,
.dsvy-text-color-blackish h2,
.dsvy-text-color-blackish h3,
.dsvy-text-color-blackish h4,
.dsvy-text-color-blackish h5,
.dsvy-text-color-blackish h6,
.dsvy-blackish {
    color: #0c121d;
}

.dsvy-footer-section.dsvy-text-color-blackish {
    color: rgba(12, 18, 29, 0.95);
}

.dsvy-btn-style-outline.dsvy-btn-color-blackish .elementor-button {
    border-color: #0c121d;
    color: #0c121d;
}

.dsvy-pricing-table-box {
    border-top-color: #0c121d;
}

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

.dsvy-btn-style-flat.dsvy-btn-color-light .elementor-button,
.dsvy-bg-color-light,
.dsvy-footer-section.dsvy-bg-color-light:before {
    background-color: #f6f6f6;
}

.dsvy-btn-style-text.dsvy-btn-color-blackish .elementor-button {
    color: #f6f6f6;
}

.dsvy-btn-style-outline.dsvy-btn-color-light .elementor-button {
    border-color: #f6f6f6;
    color: #f6f6f6;
}

/* --------------------------------------
 *  White Color
 * ---------------------------------------*/
/*=== Light BG Color ===*/
.dsvy-bg-color-white,
.dsvy-footer-section.dsvy-bg-color-white:before {
    background-color: #fff;
}

.dsvy-btn-style-flat.dsvy-btn-color-white .elementor-button:hover,
.dsvy-color-white,

.dsvy-text-color-white .dsvy-heading-subheading .dsvy-element-title,

.dsvy-color-white,
.dsvy-text-color-white h1,
.dsvy-text-color-white h2,
.dsvy-text-color-white h3,
.dsvy-text-color-white h4,
.dsvy-text-color-white h5,
.dsvy-text-color-white h6,
.dsvy-white {
    color: #ffffff;
}

/*========================================== End Base Css ==========================================*/

/*==========================================THEME SPECIAL===========================================*/

/* --------------------------------------
 * Global color 
 * ---------------------------------------*/
.dsvy-blog-style-2 .dsvy-meta-container .dsvy-meta-line .dsvy-meta-category:hover i,
.dsvy-blog-style-2 .dsvy-meta-container .dsvy-meta-line a:hover,
.dsvy-blog-style-2 .post-item .dsvy-read-more-link a:hover,
.dsvy-blog-style-2 .designervily-box-content .dsvy-post-title a:hover,

.dsvy-service-style-1:hover .dsvy-service-icon-wrapper,
.dsvy-service-style-1 .dsvy-service-title a:hover,
.dsvy-subheading-skincolor .dsvy-heading-subheading .dsvy-element-subtitle,

.dsvy-ihbox-style-4 .dsvy-element-title span,

.dsvy-skincolor-icon.dsvy-contact-info li i,

.dsvy-footer-section.dsvy-text-color-white a:hover,
.dsvy-skincolor-icon.elementor-widget .elementor-icon-list-icon i,

.dsvy-blog-classic blockquote:after,
.dsvy-ihbox-style-5 .dsvy-ihbox-icon-wrapper,
.designervily-ele-fid-style-4 .dsvy-sbox-icon-wrapper,
.dsvy-blog-classic-inner .dsvy-read-more-link a,
.dsvy-blog-meta-top .dsvy-meta a:hover,
.dsvy-portfolio-lines-wrapper .dsvy-portfolio-line-title,
.dsvy-blog-style-3 .dsvy-meta-container .dsvy-meta-line i,
.dsvy-testimonial-style-1 .designervily-box-star-ratings,

.dsvy-testimonial-style-3:after,
.dsvy-testimonial-style-3 .designervily-box-star-ratings,
.digicop_recent_posts_widget .dsvy-rpw-content .dsvy-rpw-date a,

.dsvy-header-style-1 .dsvy-header-button:hover a .dsvy-header-button-text-2,
.dsvy-header-style-4 .dsvy-header-button:hover a .dsvy-header-button-text-2,

.dsvy-pre-header-wrapper:not(.dsvy-bg-color-globalcolor) .dsvy-social-links a:hover,
.dsvy-pre-header-wrapper:not(.dsvy-bg-color-globalcolor) .dsvy-header-search-btn a:hover,

.designervily-ele-fid-style-3 .dsvy-sbox-icon-wrapper,
.site-footer .digicop_recent_posts_widget .dsvy-rpw-content .dsvy-rpw-date a,

.dsvy-team-style-1 .designervily-box-team-position,

.dsvy-service-style-3 .dsvy-service-icon-wrapper,

.dsvy-footer-contact-info-inner i,

.dsvy-blogbox-style-1 .dsvy-read-more-link a:hover span:after,
.dsvy-blogbox-style-1 .dsvy-read-more-link a:hover,

.dsvy-ihbox-style-2 .dsvy-ihbox-icon-wrapper,
.dsvy-ihbox-style-3 .dsvy-ihbox-icon-wrapper,
.dsvy-ihbox-style-3 .dsvy-ihbox-btn a,
.dsvy-ihbox-style-4 .dsvy-ihbox-icon-wrapper {
    color: #fcaf17;
}

.dsvy-bg-color-blackish .dsvy-element-testimonial-style-1.designervily-element-viewtype-carousel .owl-carousel .owl-nav button.owl-next:hover,
.dsvy-bg-color-blackish .dsvy-element-testimonial-style-1.designervily-element-viewtype-carousel .owl-carousel .owl-nav button.owl-prev:hover,

.dsvy-accordion-style1.elementor-widget-accordion .elementor-tab-title.elementor-active .elementor-accordion-title {
    color: #fcaf17 !important;
}

.dsvy-ptable-btn a:hover,
.designervily-ele-ptable-style-2 .dsvy-pricing-table-featured-col .dsvy-pricing-table-box,

.dsvy-static-box-style-1 .dsvy-contentbox,

.dsvy-blog-style-2 .dsvy-meta-date,

.dsvy-text-color-white .designervily-element-viewtype-carousel .owl-carousel .owl-nav button.owl-next:hover,
.dsvy-text-color-white .designervily-element-viewtype-carousel .owl-carousel .owl-nav button.owl-prev:hover,

.dsvy-bg-color-blackish .dsvy-element-testimonial-style-1.designervily-element-viewtype-carousel .owl-carousel .owl-nav button.owl-prev:hover:before,
.dsvy-bg-color-blackish .dsvy-element-testimonial-style-1.designervily-element-viewtype-carousel .owl-carousel .owl-nav button.owl-next:hover:before,

.designervily-element-viewtype-carousel .owl-carousel .owl-nav button:hover,

.dsvy-heaing-style-2 .dsvy-element-subtitle:before,
.dsvy-heaing-style-2 .dsvy-element-subtitle:after,

.dsvy-ihbox-style-4 .dsvy-ihbox-btn a,
.designervily-element-viewtype-carousel .owl-carousel button.owl-dot.active,
.dsvy-team-style-1 .dsvy-team-social-links li a,
.dsvy-contact-social-area ul a,
.single-service-contact .dsvy-ihbox-icon,
.widget .download .item-download:first-child a,
.widget .download .item-download:last-child a:hover,
.dsvy-team-single .dsvy-team-social-links a,
.dsvy-team-style-2 .designervily-box-social-links ul,

.dsvy-portfolio-style-2:hover .dsvy-content-wrapper,

.dsvy-blog-classic .dsvy-meta-date-top,

.dsvy-footer-newsletter button,
.dsvy-footer-big-area-wrapper .dsvy-footer-boxes:after,

.dsvy-vertical-sep.elementor-inner-column:after,
.dsvy-vertical-sep.elementor-inner-column:before,

.dsvy-heading-subheading .dsvy-element-heading:before,
.dsvy-bottom-part,
.dsvy-testimonial-style-2 .designervily-box-desc:before,
.dsvy-vertical-icon.elementor-view-stacked .elementor-icon,
.dsvy-service-style-2 .designervily-box-content .designervily-box-content-inner:before,
.dsvy-service-style-2 .designervily-box-content .designervily-box-content-inner:after,

.dsvy-blog-style-3 .dsvy-meta-date-wrapper,
.elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-opened,
.dsvy-service-style-1 .dsvy-service-icon-wrapper,

.dsvy-heaing-style-1 .dsvy-heading-subheading:before,
.dsvy-heaing-style-1 .dsvy-heading-subheading:after,
.widget.widget_search .search-form button,

.dsvy-team-style-1 .designervily-box-social-links i.dsvy-base-icon-share {
    background-color: #fcaf17;
}

.dsvy-portfolio-style-1 .designervily-post-content:after {
    background-color: rgba(252, 175, 23, 0.90);
}

.dsvy-team-style-2 .designervily-team-image-box:before {
    background-color: rgba(252, 175, 23, 0.96);
}

.designervily-sidebar .widget_search .wp-block-search__label:after,
.designervily-sidebar .widget_block .wp-block-group h2:after,
.designervily-sidebar .widget .widget-title:after {
    background: linear-gradient(to right, #fcaf17 0%, #fcaf17 66%, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, 0) 71%, rgba(252, 175, 23, 0.5) 71%);
}

.dsvy-blog-style-1:hover .post-item,
.dsvy-heading-subheading .dsvy-element-heading {
    border-bottom-color: #fcaf17;
}

.designervily-ele-fid-style-3::before {
    border-color: #fcaf17 transparent transparent transparent;
}

.dsvy-accordion-style1.elementor-widget-accordion .elementor-accordion .elementor-tab-title.elementor-active {
    border-color: #fcaf17 !important;
}

.dsvy-author-box {
    border-left-color: #fcaf17;
}

/* --------------------------------------
 * Secondary color
 * ---------------------------------------*/
.elementor-widget-progress .elementor-progress-wrapper .elementor-progress-bar,
.dsvy-secondary-color {
    background-color: #0054ff;
}

.dsvy-service-style-2 .dsvy-service-icon-wrapper,
.dsvy-ihbox-style-1 .dsvy-ihbox-icon-wrapper,

.dsvy-testimonial-style-1 .designervily-box-author,
.dsvy-testimonial-style-1:after,
.dsvy-blogbox-style-1 .dsvy-read-more-link a span:after {
    color: #0054ff;
}

.test-color {
    border-color: #0054ff;
}

.dsvy-blog-style-1 .post-item {
    border-bottom-color: #0054ff;
}

/* --------------------------------------
 * Blackish color
 * ---------------------------------------*/
/* Digicop Special */
.site-footer.dsvy-text-color-white .widget_tag_cloud a,
.designervily-ele-ptable-style-2 .dsvy-pricing-table-featured-col .dsvy-pricing-table-box .designervily-ptable-heading,
.designervily-ele-ptable-style-2 .dsvy-pricing-table-featured-col .dsvy-pricing-table-box .dsvy-ptable-icon,
.dsvy-blog-style-2 .dsvy-meta-container .dsvy-meta-line a,
.dsvy-blog-style-2 .post-item .dsvy-read-more-link a,
.dsvy-blog-classic-inner .dsvy-read-more-link a:hover,

.search-form .search-submit:after,

.dsvy-bottom-part.elementor-widget-heading .elementor-heading-title span,

.elementor-widget-accordion .elementor-accordion-icon,
.elementor-widget-accordion .elementor-accordion-title,

.dsvy-testimonial-style-2 blockquote,
.dsvy-testimonial-style-2 .dsvy-base-icon-star,

.dsvy-blackish-title .dsvy-heading-subheading h2.dsvy-element-title,
.dsvy-blackish .dsvy-heading-subheading h4.dsvy-element-subtitle,
.dsvy-vertical-text .elementor-heading-title span {
    color: #0c121d;
}

.dsvy-ihbox-style-4,
.dsvy-heaing-style-1.dsvy-blackish .dsvy-heading-subheading:before,
.dsvy-heaing-style-1.dsvy-blackish .dsvy-heading-subheading:after,

.dsvy-contact-social-area ul a:hover,
.reply a,
.widget .download .item-download:last-child a,
.widget .download .item-download:first-child a:hover,
.dsvy-single-project-details-list,
.elementor-accordion .elementor-tab-title.elementor-active,
.test-bg-color {
    background-color: #0c121d;
}

.single-service-contact:after {
    background-color: rgba(12, 18, 29, 0.85);
}

.dsvy-heaing-style-1.dsvy-blackish .dsvy-heading-subheading {
    border-left-color: rgba(12, 18, 29, 0.15);
}

.designervily-ele-ptable-style-2 .dsvy-pricing-table-featured-col .dsvy-pricing-table-box:before {
    border-top: 48px solid #0c121d;
    border-right: 48px solid #0c121d;
}

/* --------------------------------------
 * Light color
 * ---------------------------------------*/
input[type="number"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="search"],
textarea,
.designervily-sidebar .widget,
.elementor-accordion .elementor-tab-title .elementor-accordion-icon-closed,
.test-bg-color {
    background-color: #f6f6f6;
}

.dsvy-elementor-bg-color-secondary .designervily-ele-fid-style-1 .dsvy-fid-title,
.test-bg-color {
    color: #f6f6f6;
}

/* --------------------------------------
 * Gradient color 
 * ---------------------------------------*/
.testbg {
    background-image: -ms-linear-gradient(right, #0aadeb 0%, #5eabc9 100%);
    background-image: linear-gradient(to right, #0aadeb, #5eabc9);
}



/*====================================  woocommerce  ====================================*/
.woocommerce-info,
.woocommerce-message {
    border-top-color: #fcaf17;
}

.woocommerce-info::before,
.woocommerce ul.cart_list li ins,
.woocommerce ul.product_list_widget li ins {
    color: #fcaf17;
}

.single-product .entry-summary .product_meta .posted_in,
.single-product .entry-summary .product_meta .sku_wrapper {
    color: #0c121d;
}

.woocommerce-product-search [type=submit],
.widget_product_search .woocommerce-product-search button,
.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: #fcaf17;
}

.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: #0c121d;
}

.woocommerce-info,
.woocommerce-message {
    border-top-color: #fcaf17;
}

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

/* * * * *  MENU AND BREAKPOINT CSS  * * * * * */
/*====================================  Max Width for dynamic breakpoint  ====================================*/
@media (max-width: 1200px) {

    .dsvy-header-style-3 .dsvy-header-top-area>.container>.d-flex,
    .dsvy-header-top-area>.container {
        position: relative;
    }

    .dsvy-header-info-inner,
    .something {
        display: none;
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: unset !important;
        flex-direction: unset !important;
    }

    .dsvy-header-menu-area-inner,
    .dsvy-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;
    }

    .dsvy-navbar>div {
        background-color: #fff;
    }

    .sub-menu {
        display: none;
    }

    .dsvy-header-menu-area-wrapper {
        min-height: auto !important;
    }

    .closepanel {
        position: absolute;
        z-index: 99;
        right: 35px;
        top: 25px;
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        text-align: center;
        cursor: pointer;
        font-size: 35px;
        color: #fff;
    }

    .admin-bar .closepanel {
        top: 45px;
    }

    /* Responsive menu */
    .dsvy-navbar>div {
        background-color: #fff;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1000;
        width: 300px;
        height: 100%;
        padding: 0;
        display: block;
        background-color: #222;
        -webkit-transition: transform 0.4s ease;
        transition: transform 0.4s ease;
        -webkit-transform: translateX(400px);
        -ms-transform: translateX(400px);
        transform: translateX(400px);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        visibility: hidden;
        opacity: 0
    }

    .dsvy-navbar>div.active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        visibility: visible;
        opacity: 1;
        overflow-y: scroll;
    }

    .dsvy-navbar>div>ul {
        padding: 90px 0;
    }

    .dsvy-navbar>div>ul li a {
        color: #fff !important;
        padding: 15px 25px;
        height: auto;
        display: inline-block;
    }

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

    ul .sub-menu.show,
    ul .children.show {
        display: block;
    }

    .dsvy-navbar li {
        position: relative;
    }

    .dsvy-navbar ul.menu>li {
        border-bottom: 1px solid rgba(204, 204, 204, 0.10);
    }

    .sub-menu-toggle {
        display: block;
        position: absolute;
        right: 25px;
        top: 15px;
        cursor: pointer;
        color: rgba(255, 255, 255, 0.80);
    }

    .dsvy-navbar ul ul {
        background-color: transparent !important;
    }

    .dsvy-header-style-2 .dsvy-header-content {
        margin: 0 15px;
    }

    /* Reset Sticky */
    .dsvy-header-style-4 .dsvy-header-wrapper.dsvy-sticky-on,
    .dsvy-header-style-1 .dsvy-header-wrapper.dsvy-sticky-on {
        position: static !important;
        width: auto !important;
    }

    .dsvy-header-style-4 .dsvy-header-wrapper>.container>.d-flex,
    .dsvy-header-style-1 .dsvy-header-wrapper>.container>.d-flex {
        position: relative;
    }

    .dsvy-header-style-4 .dsvy-header-search-btn,
    .dsvy-header-style-1 .dsvy-header-search-btn {
        position: absolute;
        right: 60px;
    }

    .dsvy-header-style-2 .nav-menu-toggle {
        color: #0c121d;
    }

    .dsvy-header-style-4 .dsvy-right-box,
    .dsvy-header-style-3 .dsvy-right-box,
    .dsvy-header-style-2 .dsvy-right-box,
    .dsvy-header-style-1 .dsvy-right-box {
        display: none;
    }

    .dsvy-mobile-search {
        display: block;
    }

    .dsvy-mobile-search .dsvy-header-search-btn {
        display: block;
        position: absolute;
        right: 60px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    /*=== Responsive Logo ===*/
    .dsvy-responsive-logo-yes .dsvy-sticky-logo,
    .dsvy-responsive-logo-yes .dsvy-main-logo {
        display: none;
    }

    .dsvy-responsive-logo-yes .dsvy-responsive-logo {
        display: inline-block;
    }

    /*=== Responsive header background color ===*/
    .dsvy-responsive-header-bgcolor-globalcolor .dsvy-header-wrapper {
        background-color: #fcaf17 !important;
    }

    .dsvy-responsive-header-bgcolor-white .dsvy-header-wrapper {
        background-color: #fff !important;
    }

    .dsvy-responsive-header-bgcolor-blackish .dsvy-header-wrapper {
        background-color: #222 !important;
    }

    .dsvy-cart-wrapper {
        display: none !important
    }
}

/*====================================  End Max Break Point  ====================================*/
/*====================================  Min Width for dynamic breakpoint  ====================================*/
@media (min-width: 1201px) {
    .dsvy-responsive-logo {
        display: none;
    }

    .nav-menu-toggle,
    .something {
        display: none;
    }

    .dsvy-sticky-on .site-title img.dsvy-main-logo,
    .site-title img.dsvy-sticky-logo {
        max-height: 45px;
    }

    .dsvy-sticky-on.dsvy-header-wrapper {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .dsvy-navbar>div>ul>li,
    .dsvy-navbar>div>ul>li>a {
        line-height: 120px !important;
        height: 120px;
    }

    .dsvy-sticky-on .dsvy-navbar>div>ul>li,
    .dsvy-sticky-on .dsvy-navbar>div>ul>li>a,
    .dsvy-sticky-on .site-title {
        line-height: 90px !important;
        height: 90px;
    }

    .dsvy-navbar ul>li>ul>li.current-menu-item>a,
    .dsvy-navbar ul>li>ul li.current_page_item>a,
    .dsvy-navbar ul>li>ul li.current_page_ancestor>a,
    .dsvy-navbar>div>ul>li:hover>a,
    .dsvy-navbar>div>ul>li.current_page_item>a,
    .dsvy-navbar>div>ul>li.current-menu-parent>a {
        color: #fcaf17;
    }

    .dsvy-navbar ul>li>ul li.current_page_item>a:before,
    .dsvy-navbar ul>li>ul li.current_page_ancestor>a:before,
    .dsvy-navbar ul>li>ul li.current_page_parent>a:before {
        background-color: #fcaf17;
    }

    .dsvy-navbar ul>li>ul li:hover>a {
        color: #ffffff !important;
    }

    .dsvy-navbar>div>ul {
        position: relative;
        z-index: 597;
    }

    .dsvy-navbar>div>ul>li {
        float: left;
        min-height: 1px;
        vertical-align: middle;
        position: relative;
    }

    .dsvy-navbar>div>ul ul {
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 598;
    }

    .dsvy-navbar ul>li:hover>ul {
        z-index: 600;
    }

    .dsvy-navbar>div>ul li ul.dsvy-nav-left {
        left: inherit;
        right: 0;
    }

    .dsvy-navbar>div>ul li ul ul.dsvy-nav-left {
        left: -100%;
        right: 0;
    }

    .dsvy-navbar>div>ul ul li {
        float: none;
    }

    .dsvy-navbar>div>ul ul ul {
        top: 0;
        left: 100%;
        width: 190px;
    }

    .dsvy-navbar>div>ul ul {
        margin-top: 0;
    }

    .dsvy-navbar>div>ul ul li {
        font-weight: normal;
    }

    .dsvy-navbar a {
        display: block;
        line-height: 1em;
        text-decoration: none;
    }

    .dsvy-navbar>div>ul ul li:hover>a {
        background-color: #fcaf17;
    }

    /* Custom CSS Styles */
    .dsvy-navbar>ul {
        *display: inline-block;
    }

    .dsvy-navbar:after,
    .dsvy-navbar ul:after {
        content: '';
        display: block;
        clear: both;
    }

    .dsvy-navbar ul {
        text-transform: uppercase;
    }

    .dsvy-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 #fcaf17;
    }

    .dsvy-navbar ul>li:hover>ul {
        visibility: visible;
        opacity: 1;
    }

    .dsvy-navbar ul>li>ul>li>a {
        padding: 15px 30px;
    }

    .dsvy-navbar ul>li>ul>li:hover>a {
        padding-left: 40px;
    }

    .dsvy-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;
    }

    .dsvy-navbar ul>li>ul>li:hover>a:before {
        background-color: rgba(255, 255, 255, 0.50);
        width: 10px;
    }

    .dsvy-navbar ul ul a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
        border-top: 0 none;
        line-height: 150%;
        padding: 16px 20px;
    }

    .dsvy-navbar ul ul ul {
        border-top: 0 none;
    }

    .dsvy-navbar ul ul li {
        position: relative;
    }

    .dsvy-navbar ul li.last ul {
        left: auto;
        right: 0;
    }

    .dsvy-navbar ul li.last ul ul {
        left: auto;
        right: 99.5%;
    }

    .dsvy-navbar div>ul>li>a {
        margin: 0 20px;
    }

    /* Dropdown Menu ( Globalcolor )*/
    .dsvy-navbar.dsvy-dropdown-active-color-globalcolor ul>li>ul>li.current-menu-item>a,
    .dsvy-navbar.dsvy-dropdown-active-color-globalcolor ul>li>ul li.current_page_item>a,
    .dsvy-navbar.dsvy-dropdown-active-color-globalcolor ul>li>ul li.current_page_ancestor>a,
    /* Main Menu ( Globalcolor )*/
    .dsvy-navbar.dsvy-main-active-color-globalcolor>div>ul>li:hover>a,
    .dsvy-navbar.dsvy-main-active-color-globalcolor>div>ul>li.current_page_item>a,
    .dsvy-navbar.dsvy-main-active-color-globalcolor>div>ul>li.current-menu-parent>a {
        color: #fcaf17;
    }

    /* Dropdown Menu ( Secondarycolor )*/
    .dsvy-navbar.dsvy-dropdown-active-color-secondarycolor ul>li>ul>li.current-menu-item>a,
    .dsvy-navbar.dsvy-dropdown-active-color-secondarycolor ul>li>ul li.current_page_item>a,
    .dsvy-navbar.dsvy-dropdown-active-color-secondarycolor ul>li>ul li.current_page_ancestor>a,
    /* Main Menu ( Secondarycolor )*/
    .dsvy-navbar.dsvy-main-active-color-secondarycolor>div>ul>li:hover>a,
    .dsvy-navbar.dsvy-main-active-color-secondarycolor>div>ul>li.current_page_item>a,
    .dsvy-navbar.dsvy-main-active-color-secondarycolor>div>ul>li.current-menu-parent>a {
        color: #0054ff;
    }

    .dsvy-header-menu-area .dsvy-navbar div>ul>li,
    .dsvy-header-menu-area .dsvy-navbar div>ul>li>a,
    .dsvy-header-menu-area {
        height: 70px;
        line-height: 70px !important;
    }

    .dsvy-header-menu-area.dsvy-sticky-on .dsvy-navbar div>ul>li,
    .dsvy-header-menu-area.dsvy-sticky-on .dsvy-navbar div>ul>li>a,
    .dsvy-header-menu-area.dsvy-sticky-on {
        height: 70px;
        line-height: 70px !important;
    }

    .dsvy-header-menu-area {
        position: relative;
        z-index: 9;
    }

    /*=== dsvy-search-cart-box ===*/
    .dsvy-search-cart-box .dsvy-cart-wrapper a,
    .dsvy-search-cart-box .dsvy-header-search-btn a {
        font-size: 20px;
    }

    .dsvy-search-cart-box .dsvy-cart-wrapper a .amount {
        font-size: 16px;
    }

    .dsvy-search-cart-box {
        display: flex;
        align-items: center;
        position: relative;
    }

    .dsvy-search-cart-box>* {
        padding: 0 20px;
        position: relative;
    }

    .dsvy-search-cart-box>*:nth-child(2)::after {
        content: '';
        width: 1px;
        height: 30px;
        background-color: rgba(12, 18, 29, 0.50);
        position: absolute;
        left: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .dsvy-search-cart-box .dsvy-cart-wrapper a,
    .dsvy-search-cart-box .dsvy-cart-details {
        position: relative;
    }

    .dsvy-search-cart-box .dsvy-cart-count {
        position: absolute;
        background-color: #fcaf17;
        color: #fff;
        border-radius: 50%;
        top: -16px;
        right: 7px;
        display: inline-block;
        height: 20px;
        width: 20px;
        line-height: 20px;
        text-align: center;
        font-size: 11px;
    }

    /*=== dsvy-header-style-1 ===*/
    .dsvy-header-style-1 .dsvy-navbar div>ul>li>a {
        margin: 0 15px;
    }

    .dsvy-header-style-1 .dsvy-navbar.dsvy-bigger-menu div>ul>li>a {
        margin: 0 10px;
    }

    .dsvy-header-style-1 .dsvy-right-box {
        margin-left: 10px;
        display: flex;
    }

    .dsvy-header-style-1 .dsvy-logo-menuarea {
        display: -ms-flexbox !important;
        display: flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .dsvy-header-style-1 .dsvy-header-button {
        line-height: normal;
    }

    .dsvy-header-style-1 .dsvy-header-button a {
        color: #0c121d;
        height: 100%;
        display: inline-block;
        padding: 0 60px;
        vertical-align: middle;
        padding-right: 8px;
        font-weight: normal;
        font-size: 16px;
        position: relative;
        border-radius: 6px;
        letter-spacing: 1px;
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }

    .dsvy-header-style-1 .dsvy-header-button a:after {
        content: "\e83f";
        font-family: "designervily-base-icons";
        font-size: 45px;
        line-height: 45px;
        top: 3px;
        position: absolute;
        left: 0;
        color: #fcaf17;
        font-weight: normal;
    }

    .dsvy-header-style-1 .dsvy-header-button a span {
        display: block;
    }

    .dsvy-header-style-1 .dsvy-header-button .dsvy-header-button-text-1 {
        font-weight: 700;
        margin-bottom: 5px;
    }

    .dsvy-header-style-1 .dsvy-header-button {
        line-height: normal;
    }

    .dsvy-header-style-1 .dsvy-sticky-on .dsvy-header-button a {
        color: #0c121d;
    }

    /*=== .dsvy-header-style-2 ===*/
    .dsvy-header-style-2 .dsvy-pre-header-wrapper .container {
        max-width: none;
        padding: 0 50px
    }

    .dsvy-header-style-2 .site-branding.dsvy-logo-area {
        margin-right: 80px;
    }

    .dsvy-header-style-2 .dsvy-logo-menuarea {
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .dsvy-header-style-2 .dsvy-right-box {
        margin-left: 10px;
        display: flex;
        align-items: center;
    }

    .dsvy-header-style-2 .dsvy-right-box {
        line-height: 120px !important;
        height: 120px;
    }

    .dsvy-header-style-2 .dsvy-sticky-on .dsvy-right-box {
        line-height: 90px !important;
        height: 90px;
    }

    /* Cart design */
    .dsvy-header-style-2 .dsvy-sticky-on .dsvy-cart-wrapper:after {
        background-color: #09162a;
        opacity: 0.15;
    }

    .dsvy-header-style-2 .dsvy-cart-wrapper .dsvy-cart-link:hover .dsvy-cart-count {
        color: #fff;
        background-color: #0c121d;
    }

    .dsvy-header-style-2 .dsvy-header-button a {
        color: #fff;
        height: 100%;
        display: inline-block;
        padding: 0 60px;
        vertical-align: middle;
        padding-right: 8px;
        font-weight: normal;
        font-size: 16px;
        position: relative;
        border-radius: 6px;
        letter-spacing: 1px;

        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }

    .dsvy-header-style-2 .dsvy-header-button a:after {
        content: "\e83f";
        font-family: "designervily-base-icons";
        font-size: 45px;
        line-height: 45px;
        top: 3px;
        position: absolute;
        left: 0;
        color: #fcaf17;
        font-weight: normal;
    }

    .dsvy-header-style-2 .dsvy-header-button a span {
        display: block;
    }

    .dsvy-header-style-2 .dsvy-header-button .dsvy-header-button-text-1 {
        font-weight: 700;
        margin-bottom: 5px;
    }

    .dsvy-header-style-2 .dsvy-header-button {
        line-height: normal;
    }

    .dsvy-header-style-2 .dsvy-sticky-on .dsvy-header-button a {
        color: #0c121d;
    }

    .dsvy-header-style-2 .navigation-top {
        margin-left: auto !important;
    }

    .dsvy-header-style-2 .dsvy-navbar div>ul>li>a {
        margin: 0 17px;
    }

    .dsvy-header-style-2 .dsvy-title-bar-content {
        padding-top: 180px;
    }

    /*** Custom Menu text color ***/
    .dsvy-header-style-2 .dsvy-sticky-on .dsvy-right-box .dsvy-cart-link,
    .dsvy-header-style-2 .dsvy-sticky-on .dsvy-header-search-btn a,
    .dsvy-header-style-2 .dsvy-sticky-on .dsvy-navbar div>ul>li>a {
        color: #09162a;
    }

    .dsvy-header-style-2 .dsvy-sticky-on .dsvy-pre-header-wrapper {
        height: 0;
        line-height: 0;
        display: none;
    }

    .dsvy-header-style-2 .dsvy-navbar.dsvy-main-active-color-globalcolor>div>ul>li.current_page_item>a,
    .dsvy-header-style-2 .dsvy-navbar.dsvy-main-active-color-globalcolor>div>ul>li.current-menu-parent>a {
        color: #fcaf17;
    }

    .dsvy-header-style-2 .dsvy-navbar.dsvy-main-active-color-blackish>div>ul>li.current_page_item>a,
    .dsvy-header-style-2 .dsvy-navbar.dsvy-main-active-color-blackish>div>ul>li.current-menu-parent>a {
        color: #232323;
    }

    .dsvy-header-style-2 .dsvy-navbar.dsvy-main-active-color-white>div>ul>li.current_page_item>a,
    .dsvy-header-style-2 .dsvy-navbar.dsvy-main-active-color-white>div>ul>li.current-menu-parent>a {
        color: #fff;
    }

    .dsvy-header-style-2 .dsvy-navbar.dsvy-main-active-color-secondarycolor>div>ul>li.current_page_item>a,
    .dsvy-header-style-2 .dsvy-navbar.dsvy-main-active-color-secondarycolor>div>ul>li.current-menu-parent>a {
        color: #eee;
    }

    .dsvy-header-style-2 .dsvy-sticky-on .dsvy-navbar>div>ul>li.current_page_item>a,
    .dsvy-header-style-2 .dsvy-sticky-on .dsvy-navbar>div>ul>li.current-menu-parent>a {
        color: #fcaf17;
    }

    .dsvy-header-style-2 .dsvy-header-button a,
    .dsvy-header-style-2 .dsvy-right-box .dsvy-cart-link,
    .dsvy-header-style-2 .dsvy-header-search-btn a {
        color: #0c121d;
    }

    .dsvy-header-style-2 .dsvy-sticky-on .dsvy-header-button a,
    .dsvy-header-style-2 .dsvy-sticky-on .dsvy-right-box .dsvy-cart-link,
    .dsvy-header-style-2 .dsvy-sticky-on .dsvy-header-search-btn a {
        color: #09162a;
    }

    .dsvy-header-style-2 .dsvy-right-box .dsvy-cart-details .dsvy-cart-count {
        background-color: #0c121d;
        color: #0c121d;
    }

    .dsvy-header-style-2 .dsvy-right-box .dsvy-base-icon-supermarket-2:before {
        font-weight: 700;
    }

    .dsvy-header-style-2 .dsvy-sticky-on .dsvy-right-box .dsvy-cart-details .dsvy-cart-count {
        background-color: #09162a;
        color: #fff;
    }

    .dsvy-header-style-2 .dsvy-sticky-applied:not(.dsvy-sticky-on) .dsvy-search-cart-box>*:nth-child(2)::after {
        background-color: rgb(255 255 255 / 30%);
    }

    /*==== dsvy-header-style-3 ====*/
    .dsvy-header-style-3 .dsvy-right-box {
        line-height: 70px;
        height: 70px;
    }

    .dsvy-header-style-3 .dsvy-navbar div>ul>li:first-child>a {
        margin-left: 0;
    }

    .dsvy-header-style-3 .dsvy-right-box .dsvy-header-search-form-wrapper {
        border-right: 1px solid rgba(0, 0, 0, 0.10);
    }

    .dsvy-header-style-3 .dsvy-right-box .dsvy-header-search-form-wrapper {
        border-left: 1px solid rgba(0, 0, 0, 0.10);
    }

    .dsvy-header-style-3 .dsvy-pre-header-right .dsvy-header-search-btn a {
        color: #0c121d;
    }

    .dsvy-header-style-3 .dsvy-header-button a {
        color: #fff;
        height: 100%;
        display: inline-block;
        padding: 0 30px;
        padding-right: 0;
        vertical-align: top;
        line-height: 70px;
        height: 70px;
        background-color: #0c121d;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 13px;
        position: relative;
        letter-spacing: 1px;
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }

    .dsvy-header-style-3 .dsvy-header-button a:after {
        content: "\e810";
        font-family: "designervily-base-icons";
        color: #fcaf17;
        font-size: 16px;
        top: 0;
        position: relative;
        font-weight: bold;
        padding: 14px 10px;
    }

    .dsvy-header-style-3 .dsvy-header-button:after,
    .dsvy-header-style-3 .dsvy-header-button a:hover {
        background-color: #0c121d
    }

    .dsvy-header-style-3 .dsvy-header-info-inner .dsvy-header-box-icon i {
        color: #fcaf17;
    }


    .dsvy-header-style-3 .dsvy-header-search-btn a {
        color: #0c121d;
    }

    /* Cart design */
    .dsvy-header-style-3 .dsvy-cart-wrapper a {
        color: #0c121d;
    }

    .dsvy-header-style-3 .dsvy-cart-wrapper a:hover {
        color: #09162a;
    }

    .dsvy-header-style-3 .dsvy-sticky-on .dsvy-cart-wrapper:after {
        background-color: #09162a;
    }

    .dsvy-header-style-3 .dsvy-cart-wrapper .dsvy-cart-count {
        background-color: #0c121d;
        color: #fff;
    }

    .dsvy-header-style-3 .dsvy-cart-wrapper .dsvy-cart-link:hover .dsvy-cart-count {
        color: #fff;
        background-color: #0c121d;
    }

    .dsvy-header-style-3 .dsvy-search-cart-box>*:nth-child(2)::after {
        background-color: rgb(255 255 255 / 20%);
    }

    /*=== dsvy-header-style-4 ===*/
    .dsvy-header-style-4 .site-branding {
        margin-right: 30px;
    }

    .dsvy-header-style-4 .dsvy-navbar div>ul>li>a {
        margin: 0 15px;
    }

    .dsvy-header-style-4 .dsvy-navbar.dsvy-bigger-menu div>ul>li>a {
        margin: 0 10px;
    }

    .dsvy-header-style-4 .navigation-top {
        margin-left: auto !important;
    }

    .dsvy-header-style-4 .dsvy-right-box {
        display: flex;
        align-items: center;
    }

    .dsvy-header-style-4 .dsvy-logo-menuarea {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .dsvy-header-style-4 .dsvy-header-button {
        line-height: normal;
    }

    .dsvy-header-style-4 .dsvy-header-button a {
        color: #0c121d;
        height: 100%;
        display: inline-block;
        padding: 0 60px;
        vertical-align: middle;
        padding-right: 8px;
        font-weight: normal;
        font-size: 16px;
        position: relative;
        border-radius: 6px;
        letter-spacing: 1px;
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }

    .dsvy-header-style-4 .dsvy-header-button a:before {
        content: "\e83f";
        font-family: "designervily-base-icons";
        font-size: 45px;
        line-height: 45px;
        top: 3px;
        position: absolute;
        left: 0;
        color: #fcaf17;
        font-weight: normal;
    }

    .dsvy-header-style-4 .dsvy-header-button a span {
        display: block;
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }

    .dsvy-header-style-4 .dsvy-header-button .dsvy-header-button-text-1 {
        font-weight: 700;
        margin-bottom: 5px;
    }

    .dsvy-header-style-4 .dsvy-header-button {
        line-height: normal;
    }

    .dsvy-header-style-4 .dsvy-sticky-on .dsvy-header-button a {
        color: #0c121d;
    }

    .dsvy-header-style-4 .dsvy-right-box .dsvy-cart-details .dsvy-cart-count {
        background-color: #0c121d;
        color: #fff;
    }

    .dsvy-header-style-4 .dsvy-right-box .dsvy-base-icon-supermarket-2:before {
        font-weight: 700;
    }


}

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

@media screen and (max-width: 1200px) {
    .dsvy-pre-header-wrapper {
        display: none;
    }
}