:root {
  --dsvy-karzo-global-color: #eb681e;
  --dsvy-karzo-secondary-color: #05155e;
  --dsvy-karzo-gradient-color-first: #32b0ff;
  --dsvy-karzo-gradient-color-last: #32b0ff;
  --dsvy-karzo-logo-height: 60px;
  --dsvy-karzo-sticky-logo-height: 60px;
  --dsvy-karzo-responsive-logo-height: 50px;
  --dsvy-karzo-link-color-normal: #eb681e;
  --dsvy-karzo-responsive-breakpoint: 1024px;
  --dsvy-karzo-white-color: #fff;
  --dsvy-karzo-light-bg-color: #f0f2f7;
  --dsvy-karzo-blackish-color: #101010;
  --dsvy-karzo-blackish-bg-color: #000619;
  --dsvy-karzo-preheader-bgcolor-custom: #ff5e15;
  --dsvy-karzo-header-height: 69px;
  --dsvy-karzo-header-background-color: #fff;
  --dsvy-karzo-menu-background-color: #fff;
  --dsvy-karzo-sticky-header-height: 72px;
  --dsvy-karzo-sticky-header-background-color: #fff;
  --dsvy-karzo-main-menu-typography-font-family: Rubik;
  --dsvy-karzo-main-menu-typography-variant: 500;
  --dsvy-karzo-main-menu-typography-font-size: 14px;
  --dsvy-karzo-main-menu-typography-line-height: 20px;
  --dsvy-karzo-main-menu-typography-letter-spacing: 0;
  --dsvy-karzo-main-menu-typography-color: #000619;
  --dsvy-karzo-main-menu-typography-text-transform: capitalize;
  --dsvy-karzo-main-menu-typography-font-style: normal;
  --dsvy-karzo-main-menu-typography-font-weight: 500;
  --dsvy-karzo-main-menu-sticky-color: #05155e;
  --dsvy-karzo-titlebar-height: 360px;
  --dsvy-karzo-footer-1-col-width: 40%;
  --dsvy-karzo-footer-2-col-width: 20%;
  --dsvy-karzo-footer-3-col-width: 20%;
  --dsvy-karzo-footer-4-col-width: 20%;
  --dsvy-karzo-global-color-rgb: 235, 104, 30;
  --dsvy-karzo-secondary-color-rgb: 5, 21, 94;
  --dsvy-karzo-white-color-rgb: 255, 255, 255;
  --dsvy-karzo-light-bg-color-rgb: 240, 242, 247;
  --dsvy-karzo-blackish-color-rgb: 16, 16, 16;
  --dsvy-karzo-blackish-bg-color-rgb: 0, 6, 25;
  --dsvy-karzo-main-menu-typography-color-rgb: 0, 6, 25
}

.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap>ul>li.mega-menu-flyout>ul.mega-sub-menu,
.dsvy-navbar ul ul,
.dsvy-navbar ul ul:before {
  background-color: #fff;
  background-repeat: repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: scroll
}

.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap>ul>li:nth-child(1)>ul.mega-sub-menu {
  background-color: #fff;
  background-repeat: repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: scroll
}

.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap>ul>li:nth-child(2)>ul.mega-sub-menu {
  background-color: #fff;
  background-repeat: repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: scroll
}

.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap>ul>li:nth-child(3)>ul.mega-sub-menu {
  background-color: #fff;
  background-repeat: repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: scroll
}

.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap>ul>li:nth-child(4)>ul.mega-sub-menu {
  background-color: #fff;
  background-repeat: repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: scroll
}

.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap>ul>li:nth-child(5)>ul.mega-sub-menu {
  background-color: #fff;
  background-repeat: repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: scroll
}

.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap>ul>li:nth-child(6)>ul.mega-sub-menu {
  background-color: #fff;
  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-image: url(../uploads/2022/06/banner-blog.jpg);
  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: #132f4b
}

.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(255, 255, 255, .64);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: scroll
}

body {
  font-family: Source Sans Pro, sans-serif;
  font-weight: normal
}

h1 {
  font-family: Oswald, sans-serif
}

h2 {
  font-family: Oswald, sans-serif
}

h3 {
  font-family: Oswald, sans-serif
}

h4 {
  font-family: Oswald, sans-serif
}

h5 {
  font-family: Oswald, sans-serif
}

h6 {
  font-family: Oswald, sans-serif
}

.dsvy-heading-subheading .dsvy-element-title {
  font-family: Oswald, sans-serif
}

.dsvy-heading-subheading .dsvy-element-subtitle {
  font-family: Source Sans Pro, sans-serif
}

.dsvy-ihbox.dsvy-ihbox-style-hsbox .dsvy-ihbox-content {
  font-family: Source Sans Pro, sans-serif
}

.designervily-sidebar .widget_search .wp-block-search__label,
.designervily-sidebar .widget_block .wp-block-group h2,
.widget-title,
.dsvy-footer-copyright-box h3 {
  font-family: Oswald, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px
}

.dsvy-search-results-back-global-btn a,
.dsvy-search-results-load-btn a,
.wpem-theme-button,
a.wpem-theme-button,
button.wpem-theme-button,
input.wpem-theme-button,
.dsvy-read-more-link a,
.dsvy-service-btn a,
.dsvy-header-button a,
.dsvy-header-button2 a,
.woocommerce ul.products li.product .onsale,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.elementor-widget-button .elementor-button,
.dsvy-ptable-btn a,
.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: Rubik, sans-serif;
  font-weight: 500italic;
  font-size: 13px;
  line-height: 23px;
  letter-spacing: 0;
  text-transform: none;
  font-style: normal
}

blockquote,
.dsvy-ourhistory .label,
.site-header .dsvy-slider-area .hermes .tp-bullet:after,
.dsvy-pricing-table-box .designervily-ptable-price-w,
.dsvy-service-style-1 .designervily-box-content:after,
#dsvy-count-down .content_countdown .time_left,
.dsvy-ihbox-style-1 .dsvy-ihbox-icon .dsvy-ihbox-icon-wrapper,
.dsvy-estimate-form #lfb_bootstraped.lfb_bootstraped .lfb_richtext h3,
.dsvy-estimate-form #lfb_bootstraped.lfb_bootstraped .lfb_richtext h2 {
  font-family: Rubik, sans-serif;
  font-weight: 400;
  font-style: normal
}

.dsvy-comment-date a,
.comment-respond input[type=text],
.comment-respond input[type=email],
.comment-respond textarea,
.comment-respond input[type=url],
.dsvy-ihbox-style-4:before,
.post-navigation .nav-links .nav-title,
.post-navigation .nav-links .nav-title {
  font-family: Source Sans Pro, sans-serif;
  font-weight: 700
}

#dsvy-count-down .countdown .time_description,
.dsvy-service-style-3 .dsvy-service-cat h4 a,
.dsvy-testimonial-style-3 .designervily-box-desc blockquote {
  font-family: Rubik, sans-serif;
  font-weight: 600;
  font-style: normal
}

body:not(.mega-menu-designervily-top) .dsvy-navbar div>ul>li>a,
.dsvy-max-mega-menu-override #page #site-navigation .max-mega-menu>li.mega-menu-item>a.mega-menu-link {
  font-family: Rubik, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #000619;
  text-transform: capitalize;
  font-style: normal;
  font-weight: 500
}

.dsvy-navbar ul ul a,
.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap>ul>li.mega-menu-flyout>ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap>ul>li>ul.mega-sub-menu li.mega-menu-item>a:hover,
.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap>ul>li>ul.mega-sub-menu li.mega-menu-item>a:focus,
.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap>ul>li.mega-menu-megamenu>ul.mega-sub-menu ul:not(.menu)>li.mega-menu-item>a.mega-menu-link,
.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap>ul>li.mega-menu-megamenu>ul.mega-sub-menu li .widget_nav_menu ul.menu>li.mega-menu-item>a.mega-menu-link {
  font-family: Rubik, sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0;
  color: #05155e;
  text-transform: none;
  font-style: normal
}

.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap>ul>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title,
.dsvy-max-mega-menu-override #page #site-navigation .mega-menu-wrap>ul>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title {
  font-family: Rubik, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0;
  color: #232e35;
  text-transform: none;
  font-style: normal
}

.dsvy-tbar-title {
  font-family: Oswald, sans-serif;
  font-weight: 700;
  font-size: 60px;
  line-height: 90px;
  letter-spacing: 0;
  color: #fff;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 700
}

.dsvy-tbar-subtitle {
  font-family: Rubik, sans-serif;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0;
  color: #fff;
  text-transform: none;
  font-style: normal;
  font-weight: 400
}

.dsvy-breadcrumb,
.dsvy-breadcrumb a {
  font-family: Open Sans, sans-serif;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0;
  color: #fff;
  text-transform: none;
  font-style: normal;
  font-weight: 400
}

.site-header .dsvy-sticky-header.dsvy-sticky-bg-color-globalcolor {
  background-color: var(--dsvy-karzo-global-color)
}

.site-header .dsvy-sticky-header.dsvy-sticky-bg-color-secondarycolor {
  background-color: var(--dsvy-karzo-secondary-color)
}

.site-header .dsvy-sticky-header.dsvy-sticky-bg-color-blackish {
  background-color: var(--dsvy-karzo-blackish-bg-color)
}

.site-header .dsvy-sticky-header.dsvy-sticky-bg-color-white {
  background-color: var(--dsvy-karzo-white-color)
}

.site-header .dsvy-sticky-header.dsvy-sticky-bg-color-light {
  background-color: var(--dsvy-karzo-light-bg-color)
}

.dsvy-pre-header-wrapper.dsvy-bg-color-custom {
  background-color: var(--dsvy-karzo-preheader-bgcolor-custom)
}

.dsvy-header-wrapper.dsvy-bg-color-custom {
  background-color: var(--dsvy-karzo-header-background-color)
}

.dsvy-header-menu-area.dsvy-bg-color-custom {
  background-color: var(--dsvy-karzo-menu-background-color)
}

.site-header.dsvy-fixed-header .dsvy-sticky-bg-color-custom {
  background-color: var(--dsvy-karzo-sticky-header-background-color)
}

body:not(.mega-menu-designervily-top) .dsvy-sticky-header .dsvy-navbar div>ul>li>a {
  color: var(--dsvy-karzo-main-menu-sticky-color)
}

a {
  color: var(--dsvy-karzo-link-color-normal)
}

a:hover {
  color: var(--dsvy-karzo-link-color-hover)
}

.site-title {
  height: var(--dsvy-karzo-header-height)
}

.site-title img.dsvy-main-logo {
  max-height: var(--dsvy-karzo-logo-height)
}

.site-title img.dsvy-responsive-logo {
  max-height: var(--dsvy-karzo-responsive-logo-height)
}

.site-header.dsvy-fixed-header .site-title img.dsvy-main-logo {
  max-height: var(--dsvy-karzo-sticky-logo-height)
}

.dsvy-color-globalcolor,
.dsvy-globalcolor,
.globalcolor {
  color: var(--dsvy-karzo-global-color)
}

.site-header .dsvy-sticky-on.dsvy-sticky-bg-color-globalcolor,
.site-header .dsvy-bg-color-globalcolor,
.dsvy-bg-color-globalcolor {
  background-color: var(--dsvy-karzo-global-color)
}

.dsvy-globalcolor,
.dsvy-skincolor {
  color: var(--dsvy-karzo-global-color)
}

.post.sticky {
  border-color: var(--dsvy-karzo-global-color)
}

.dsvy-bg-color-secondarycolor,
.dsvy-bg-color-secondary {
  background-color: var(--dsvy-karzo-secondary-color)
}

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

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

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

.dsvy-btn-style-flat.dsvy-btn-color-light .elementor-button,
.dsvy-bg-color-light {
  background-color: var(--dsvy-karzo-light-bg-color)
}

.dsvy-btn-style-text.dsvy-btn-color-light .elementor-button {
  color: var(--dsvy-karzo-light-bg-color)
}

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

body.single.single-dsvy-portfolio .site-content-contain,
body.single.single-dsvy-team-member .site-content-contain,
.page.dsvy-sidebar-exists .site-content-contain,
.archive.dsvy-sidebar-exists .site-content-contain,
.blog .site-content-contain,
.single.blog .site-content-contain,
body.single.dsvy-sidebar-exists .site-content-contain {
  background-color: var(--dsvy-karzo-white-color)
}

.dsvy-elementor-bg-color-globalcolor .dsvy-btn-color-blackish .elementor-button:hover {
  background-color: #fff
}

.dsvy-cart-wrapper.dsvy-show-cart-amount-no .woocommerce-Price-amount.amount {
  display: none !important
}

.dsvy-mobile-menu-bg {
  display: none
}

.dsvy-responsive-icons {
  position: absolute;
  top: 30px;
  left: 20px;
  display: none
}

.admin-bar .dsvy-responsive-icons {
  top: 75px
}

.dsvy-responsive-icons>div {
  margin: 0 10px
}

.dsvy-responsive-icons>div:first-child {
  margin-left: 0
}

.dsvy-responsive-icons .dsvy-cart-wrapper a {
  position: relative;
  padding-left: 30px
}

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

.dsvy-responsive-icons .dsvy-cart-wrapper a:before {
  content: "\e83b";
  font-family: designervily-base-icons;
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: 400;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out
}

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

@media (max-width:1024px) {
  .dsvy-header-top-area>.container {
    position: relative
  }

  .site-header .dsvy-sticky-header {
    display: none !important
  }

  .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: 0;
    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: 20px;
    margin-left: -20px;
    top: 30px;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    font-size: 25px;
    color: var(--dsvy-karzo-secondary-color);
    border: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
  }

  .admin-bar .closepanel {
    top: 72px
  }

  .dsvy-mobile-menu-bg {
    display: block
  }

  .dsvy-responsive-icons {
    display: flex;
    align-items: center
  }

  .dsvy-mobile-menu-bg {
    position: fixed;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    z-index: 99;
    background: rgba(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 .dsvy-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%)
  }

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

  .dsvy-navbar>div.active {
    right: 0;
    -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
  }

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

  .admin-bar .dsvy-navbar>div>ul {
    padding-top: 125px
  }

  .dsvy-navbar>div>ul li a {
    color: #000 !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(0, 0, 0, .10)
  }

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

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

  .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%)
  }

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

  .dsvy-responsive-header-bgcolor-globalcolor .dsvy-header-wrapper {
    background-color: var(--dsvy-karzo-global-color) !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
  }
}

@media (min-width:1024px) {
  .site-header .dsvy-sticky-header {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    left: 0;
    top: 0;
    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.dsvy-fixed-header .dsvy-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 .dsvy-sticky-header {
    top: 32px
  }

  .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: var(--dsvy-karzo-sticky-logo-height)
  }

  body .dsvy-navbar>div>ul>li,
  body .dsvy-navbar>div>ul>li>a {
    line-height: var(--dsvy-karzo-header-height) !important;
    height: var(--dsvy-karzo-header-height) !important
  }

  .dsvy-sticky-header .dsvy-navbar>div>ul>li,
  .dsvy-sticky-header .dsvy-navbar>div>ul>li>a,
  .dsvy-sticky-header .site-title {
    line-height: var(--dsvy-karzo-sticky-header-height) !important;
    height: var(--dsvy-karzo-sticky-header-height) !important
  }

  .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: var(--dsvy-karzo-global-color)
  }

  .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: var(--dsvy-karzo-global-color)
  }

  .dsvy-navbar ul>li>ul li:hover>a {
    color: var(--dsvy-karzo-global-color) !important
  }

  body:not(.mega-menu-designervily-top) .dsvy-navbar>div>ul {
    position: relative;
    z-index: 597
  }

  body:not(.mega-menu-designervily-top) .dsvy-navbar>div>ul>li {
    float: left;
    min-height: 1px;
    vertical-align: top;
    position: relative
  }

  body:not(.mega-menu-designervily-top) .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;
    -webkit-transition: none;
    transition: none
  }

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

  body:not(.mega-menu-designervily-top) .dsvy-navbar>div>ul ul ul {
    top: 0;
    left: 100%;
    width: 190px
  }

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

  .dsvy-navbar>div>ul ul li {
    font-weight: normal;
    padding: 10px 25px
  }

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

  .dsvy-navbar>ul {
    display: inline-block
  }

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

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

  body:not(.mega-menu-designervily-top) .dsvy-navbar ul ul {
    min-width: 230px;
    opacity: 0;
    visibility: hidden;
    border-top: 3px solid var(--dsvy-karzo-global-color);
    -webkit-box-shadow: -1px 17px 20px -10px rgb(0 0 0 / 33%);
    -moz-box-shadow: -1px 17px 20px -10px rgba(0, 0, 0, .33);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
  }

  body:not(.mega-menu-designervily-top) .dsvy-navbar ul>li:hover>ul {
    visibility: visible;
    opacity: 1;
    clip: inherit
  }

  .dsvy-navbar ul>li>ul>li>a {
    position: relative;
    display: table-cell
  }

  body:not(.mega-menu-designervily-top) .dsvy-navbar ul>li>ul>li>a:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 0;
    height: 1px;
    background-color: var(--dsvy-karzo-global-color);
    -webkit-transition: all .500s ease-in-out;
    transition: all .500s ease-in-out
  }

  body:not(.mega-menu-designervily-top) .dsvy-navbar ul>li>ul>li:hover>a:before {
    width: 100%
  }

  .dsvy-navbar ul ul a {
    line-height: 150%;
    padding: 0
  }

  .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%
  }

  body:not(.mega-menu-designervily-top) .dsvy-navbar div>ul>li>a {
    margin: 0 5px;
  }

  .dsvy-max-mega-menu-override #page #site-navigation.dsvy-navbar.dsvy-dropdown-active-color-globalcolor .mega-menu-wrap>ul>li.mega-menu-megamenu>ul.mega-sub-menu ul:not(.menu)>li.mega-current-menu-item>a,
  .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,
  .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,
  .dsvy-sticky-header .dsvy-navbar.dsvy-main-active-color-globalcolor>div>ul>li.current-menu-parent>a {
    color: var(--dsvy-karzo-global-color)
  }

  .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,
  .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: var(--dsvy-karzo-secondary-color)
  }

  .dsvy-header-menu-area .dsvy-navbar div>ul>li,
  .dsvy-header-menu-area .dsvy-navbar div>ul>li>a,
  .dsvy-header-menu-area {
    height: 62px;
    line-height: 62px !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: 62px;
    line-height: 62px !important
  }

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

  .dsvy-navbar>div>ul>li.menu-item-has-children,
  .dsvy-navbar>div>ul>li.page_item_has_children {
    padding-right: 10px
  }

  .dsvy-navbar>div>ul>li.menu-item-has-children>a:after,
  .dsvy-navbar>div>ul>li.page_item_has_children>a:after {
    font-family: designervily-base-icons;
    font-size: 10px;
    content: "\e811";
    position: absolute;
    top: 1px;
    right: 10px;
    font-weight: 500
  }



  .dsvy-navbar>div>ul>li:last-child.menu-item-has-children>a:after,
  .dsvy-navbar>div>ul>li:last-child.page_item_has_children>a:after {
    display: none;
  }
  .dsvy-top-menu-more-than-six .dsvy-navbar>div>ul>li.menu-item-has-children>a:after,
  .dsvy-top-menu-more-than-six .dsvy-navbar>div>ul>li.page_item_has_children>a:after {
    right: 5px
  }

  .dsvy-navbar>div>ul>li.menu-item-has-children:hover:after,
  .dsvy-navbar>div>ul>li.page_item_has_children:hover {
    color: var(--dsvy-karzo-global-color)
  }
}

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

@media screen and (min-width:992px) {
  .site-footer .dsvy-footer-widget.dsvy-footer-widget-col-1 {
    -ms-flex: 0 0 var(--dsvy-karzo-footer-1-col-width);
    flex: 0 0 var(--dsvy-karzo-footer-1-col-width);
    max-width: var(--dsvy-karzo-footer-1-col-width)
  }

  .site-footer .dsvy-footer-widget.dsvy-footer-widget-col-2 {
    -ms-flex: 0 0 var(--dsvy-karzo-footer-2-col-width);
    flex: 0 0 var(--dsvy-karzo-footer-2-col-width);
    max-width: var(--dsvy-karzo-footer-2-col-width)
  }

  .site-footer .dsvy-footer-widget.dsvy-footer-widget-col-3 {
    -ms-flex: 0 0 var(--dsvy-karzo-footer-3-col-width);
    flex: 0 0 var(--dsvy-karzo-footer-3-col-width);
    max-width: var(--dsvy-karzo-footer-3-col-width)
  }

  .site-footer .dsvy-footer-widget.dsvy-footer-widget-col-4 {
    -ms-flex: 0 0 var(--dsvy-karzo-footer-4-col-width);
    flex: 0 0 var(--dsvy-karzo-footer-4-col-width);
    max-width: var(--dsvy-karzo-footer-4-col-width)
  }
}


 