@charset "utf-8";
/******************************************************************
  Project Name:Vshine
 

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Banner Section
6.  Product Section
7.  Intagram Section
8.  Latest Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/



::-webkit-input-placeholder {
    color: var(--color-foreground);
}

::-moz-placeholder {
    color: var(--color-foreground);
}

:-ms-input-placeholder {
    color: var(--color-foreground);
}

::-ms-input-placeholder {
    color: var(--color-foreground);
}

::placeholder {
    color: var(--color-foreground);
}


@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: auto
    }
}


a,a:hover{text-decoration:none;}


dd,
dl,
dt,
li,
ol,
ul {
    margin: 0;
    padding: 0
}


::selection {
    background: var(--color-primary);
    color: #fff;
    text-shadow: none
}

::-moz-selection {
    background: var(--color-primary);
    color: #fff;
    text-shadow: none
}

::-webkit-selection {
    background: var(--color-primary);
    color: #fff;
    text-shadow: none
}

:active,
:focus {
    outline: 0 !important
}
li.has-dropdown .submenu li a{
	letter-spacing:1px;
}
.vshine-business-video-area {
    position: relative;
    height: 770px;
    overflow: hidden;
    background: #003786;
}
.vshine-accordion-item.active .vshine-accordion-content {
   font-size:14px;
}
.vshine-custom-mega-item > .vshine-custom-mega {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) translateY(10px);
    width: min(1300px, calc(100vw - 60px)) !important;
}
/* =========================================
   VSHINE MEGA MENU SCROLL FIX
========================================= */

.vshine-custom-mega-item {
    position: relative;
}

.vshine-custom-mega {
    max-height: calc(100vh - 120px);
    max-height: calc(100dvh - 120px);
    overflow-y: auto !important;
    overflow-x: hidden !important;

    scrollbar-width: none !important;
    -ms-overflow-style: none !important;

    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.vshine-custom-mega::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Sticky header */
.sticky .vshine-custom-mega,
.sticky-header .vshine-custom-mega,
.header-sticky .vshine-custom-mega,
.is-sticky .vshine-custom-mega {
    max-height: calc(100vh - 90px);
    max-height: calc(100dvh - 90px);
    overflow-y: auto !important;
}

/* Smaller screens */
@media (max-width: 991px) {

    .vshine-custom-mega {
        max-height: calc(100dvh - 100px);
        overflow-y: auto !important;
    }

}
@media only screen and (max-width: 1199px) {
    .branch-wrapper {
        display: block !important;
        flex-direction: column;
        align-items: flex-start;
    }
	.branch-wrapper .content {
    margin-top: 20px;
}
}
@media (max-width: 575px) {
    .vshine-business-video-area {
        height: 400px !important;
    }
}

@media (max-width: 991px) {
    .vshine-business-video-area {
        height: 500px;
        margin-bottom: 45px;
    }
}
@media (max-width: 1199px) {
    .vshine-business-video-area {
        height: 560px;
    }
}