.navbar .navbar__left {
	 display: flex;
	 align-items: center;
	 flex: 0 0 15%;
}
.navbar-light .navbar-brand {
    display: block;
    width: 100%;
    margin: 0;
}
.navbar-light .navbar-brand img {
    height: auto;
    transition: .5s;
    width: 100%;
}
ul.menu__inner {
    margin: 0px;
    padding: 0px;
}

 .navbar .navbar__center {
	 display: flex;
}
 .navbar .navbar__right {
	 display: flex;
	 flex: 0 0 17%;
	 align-items: center;
	 justify-content: flex-end;
	 column-gap: 1.5rem;
}
.brand {
	 display: flex;
	 align-items: center;
	 order: 1;
}
 .brand svg {
	 width: 60px;
	 height: 60px;
}
.menu .menu__header {
	 display: none;
	 box-shadow: var(--shadow-medium);
}
.menu .menu__inner .menu__item {
	 position: static;
	 display: inline-block;
	 padding-right: 35px;
	 padding: 35px 35px 35px 0;
}
 .menu .menu__inner .menu__item:last-child {
	 padding-right: 0;
}
.menu .menu__inner .menu__item:hover > .menu__link {
	 color: var(--color);
}
.darkmode .menu .menu__inner .menu__item:hover > .menu__link {
	 color: var(--color);
}

.menu .menu__inner .menu__item .menu__link {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 cursor: pointer;
	 font-size: 16px;
	 color: #000;
	 text-transform: capitalize;
	 transition: all 0.25s ease;
}
 .menu .menu__inner .menu__item a.menu__link.active,
 .menu .menu__inner .menu__item a.menu__link:hover,
 .submenu .submenu__list li a:hover,
 .submenu .submenu__list li a.active{
    color: var(--bs-primary) !important;
}
.menu .menu__inner .menu__item .menu__link > i {
    margin-left: 9px;
    font-size: 0.9rem;
    transform: rotate(90deg);
    transition: 0.35s;
    margin-top: 3px;
}
.submenu .submenu__inner .submenu__list i {
    font-size: 0.9rem;
}

.submenu {
    position: absolute;
    z-index: 100;
    top: 110%;
    left: 50%;
    width: 100%;
    height: auto;
    padding: 0px;
    border-radius: 0.25rem;
    border-top: 2px solid var(--color);
    background-color: #fff;
    box-shadow: var(--shadow-medium);
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s ease-in-out;
    transform: translateX(-50%);
    -webkit-filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.10));
    filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.10));
}

.submenu.megamenu__image .submenu__inner a {
	 display: flex;
	 flex-flow: column;
	 align-items: center;
}
.submenu.megamenu__image .submenu__inner a img {
	 display: block;
	 width: 100%;
	 height: 150px;
	 margin-bottom: 15px;
	 object-fit: cover;
	 border-radius: 10px;
}
 .submenu .submenu__inner {
	 width: 100%;
}
 .submenu .submenu__inner .submenu__list{
 	margin: 0px;
 	padding: 0px;
}
.submenu .submenu__title {
	 font-size: 16px;
	 color: var(--color);
	 text-transform: uppercase;
	 transition: all 0.3s ease;
	 font-weight: 600;
}
.v-divider{
    position:relative;    
}
.v-divider:after {
    content: "";
    position: absolute;
    left: -22px;
    width: 2px;
    height: 100%;
    background: #dfdfdf;
    top: 0;
}
 .submenu .submenu__list li {
	 display: block;
	 line-height: 1;
	 margin: 0 auto;
}
 .submenu .submenu__list li a {
	 display: inline-block;
	 padding: 5px 0;
	 line-height: 1.4;
	 text-transform: capitalize;
	 color: #000;
	 transition: all 0.25s ease-in-out;
	 font-size: 14px;
}
 .submenu .submenu__list li a:hover {
	 color: var(--color);
}
 .overlay {
	 position: fixed;
	 display: block;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 z-index: 9;
	 opacity: 0;
	 visibility: hidden;
	 background-color: rgba(0, 0, 0, 0.7);
	 transition: all 0.45s ease-in-out;
	 pointer-events: none;
}

 .burger {
	 position: relative;
	 display: block;
	 cursor: pointer;
	 width: 25px;
	 height: 15px;
	 margin-right: 0px;
	 opacity: 0;
	 visibility: hidden;
	 background: transparent;
}

 .burger .burger-line {
	 position: absolute;
	 display: block;
	 left: 0;
	 width: 100%;
	 height: 2.5px;
	 opacity: 1;
	 border-radius: 15px;
	 background: #000;
}
 .darkmode .burger .burger-line {
	 background: #fff;
}
 .burger .burger-line:nth-child(1) {
	 top: 0px;
}
 .burger .burger-line:nth-child(2) {
	 top: 8px;
	 width: 70%;
}
 .burger .burger-line:nth-child(3) {
	 top: 16px;
}
.hero-video {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 5px;
}
.hero-img {
    width: 100%;
    height: 100%;
    padding: 5px;
    border: solid 1px #000;
    position:relative;
}
video.retail-tv-video {
    width: 100%;
    height: 100%;
    padding: 5px;
    border: solid 1px #000;
}
.submenu.megamenu__text .menu__title {
    font-size: 18px;
}
.show-mob-btn {
    display: none;
}


/* Btn css  */
.button-btn {
	top: 0;
	z-index: 10;
    font-size: 1.1rem;
    color: #000000;
    text-align: center;
    text-transform: capitalize;
    border: 1px solid #f98125;
    border-radius: 50px;
    position: relative;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #f98125;
    padding: 20px 75px;
    font-weight: 300 !important;
}
.button-btn:hover {
    border: 1px solid #f98125;
    color: #f98125 !important;
}
.button-btn::before {
    content: '';
    width: 0%;
    /* height: 100%; */
    display: block;
    background: #ffffff;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    left: -10%;
    opacity: 1;
    top: -1px;
    z-index: -12;
    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    box-shadow: 2px 0px 14px rgba(0,0,0,.6);
    bottom: -1px;
}
.button-btn::after {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #000000;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    left: -10%;
    opacity: 0;
    top: 0;
    z-index: -15;
    -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
    -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    -o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    transition: all .4s cubic-bezier(.2,.95,.57,.99);
    box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
.button-btn:hover::before{
	opacity:1;
	width: 116%;
}
.button-btn:hover::after{
	opacity:1;
	width: 120%;
}

.getdemo-btn {
	top: 0;
	z-index: 10;
    font-size: 1rem !important;
    color: #ffffff;
    text-align: center;
    text-transform: capitalize;
    border: 1px solid #000000;
    border-radius: 50px;
    position: relative;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #000000;
    padding: 10px 25px;
    font-weight: 300 !important;
}
.getdemo-btn:hover {
    border: 1px solid #000;
    color: #000 !important;
}
.getdemo-btn::before {
    content: '';
    width: 0%;
    /* height: 100%; */
    display: block;
    background: #ffffff;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    left: -10%;
    opacity: 1;
    top: -1px;
    z-index: -12;
    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    box-shadow: 2px 0px 14px rgba(0,0,0,.6);
    bottom: -1px;
}
.getdemo-btn::after {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #000000;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    left: -10%;
    opacity: 0;
    top: 0;
    z-index: -15;
    -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
    -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    -o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    transition: all .4s cubic-bezier(.2,.95,.57,.99);
    box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
.getdemo-btn:hover::before{
	opacity:1;
	width: 116%;
}
.getdemo-btn:hover::after{
	opacity:1;
	width: 120%;
}
.freetrial-btn {
	top: 0;
	z-index: 10;
    font-size: 1rem !important;
    color: #000000;
    text-align: center;
    text-transform: capitalize;
    border: 1px solid #f98125;
    border-radius: 50px;
    position: relative;
    overflow: hidden !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #f98125;
    padding: 10px 25px;
    font-weight: 400 !important;
}
.freetrial-btn:hover {
    border: 1px solid #f98125;
    color: #f98125 !important;
}
.freetrial-btn::before {
    content: '';
    width: 0%;
    /* height: 100%; */
    display: block;
    background: #ffffff;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    left: -10%;
    opacity: 1;
    top: -1px;
    z-index: -12;
    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    box-shadow: 2px 0px 14px rgba(0,0,0,.6);
    bottom: -1px;
}
.freetrial-btn::after {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #000000;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    left: -10%;
    opacity: 0;
    top: 0;
    z-index: -15;
    -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
    -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    -o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    transition: all .4s cubic-bezier(.2,.95,.57,.99);
    box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
.freetrial-btn:hover::before{
	opacity:1;
	width: 116%;
}
.freetrial-btn:hover::after{
	opacity:1;
	width: 120%;
}
.menu .menu__inner .menu__item a.getdemo-btn,
.menu .menu__inner .menu__item a.freetrial-btn {
    padding: 10px 25px;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 300;
}

.btn:hover, .btn:focus, .getdemo-btn:focus, .getdemo-btn:hover, .freetrial-btn:focus, .freetrial-btn:hover, .button-btn:focus, .button-btn:hover {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}
/**/

@media (min-width: 992px) {
	 .menu .menu__inner .menu__item:hover > .menu__link i {
		 transform: rotate(-90deg);
	}
	 .menu .menu__inner .menu__item.menu__dropdown:hover > .submenu {
		 opacity: 1;
		 visibility: visible;
		 top: 95%;
	}
	 .submenu {
		 animation: none !important;
	}
	.submenu.megamenu__normal {
	    left: 42%;
	    max-width: 250px;
	    width: 100%;
	    height: auto;
	    margin: 0 auto;
	}
    .submenu.megamenu__text, .submenu.megamenu__image {
    	max-width: 680px;
        width: 100%;
        height: auto;
        padding: 30px 50px 0;
    }
	.menu .menu__inner .menu__item .menu__link.mob {
        display: none;
    }
     .menu .menu__header .menu__title {
		 cursor: pointer;
		 font-weight: 500;
		 text-transform: capitalize;
		 color: #000;
		 transition: all 0.25s ease;
	}
	.show-des-btn {
        display: inline-block;
    }
    .show-mob-btn {
        display: none;
    }
}



@media (max-width: 991px) {
    .show-des-btn {
        display: none;
    }
    .show-mob-btn {
        display: inline-block;
    }
	 .navbar .navbar__left {
	     flex: 0 0 auto;
	     justify-content: space-between;
	     width: 100%;
	 }
	 .navbar .navbar__center {
		 flex: 0 0 100%;
		 order: 3;
		 align-items: center;
	}
	 .navbar .navbar__right {
		 flex: 0 0 auto;
		 align-items: center;
	}
	 .menu {
		 position: fixed;
		 top: 0;
		 left: 0;
		 width: 350px;
		 max-width: 85%;
		 height: 100%;
		 z-index: 100;
		 overflow: hidden;
		 background-color: #fff;
		 transform: translate(-100%);
		 transition: all 0.4s ease-in-out;
	}
	 .menu.is-active {
		 transform: translate(0%);
	}
	 .darkmode .menu {
		 background-color: var(--color2);
	}
	 .menu .menu__header {
		 position: relative;
		 top: 0;
		 display: flex;
		 align-items: center;
		 justify-content: flex-start;
		 height: 3rem;
		 z-index: 110;
		 visibility: hidden;
		 background: transparent;
		 border-bottom: solid 1px #e5e5e5;
	}
	 .menu .menu__header.is-active {
		 visibility: visible;
		 background-color: #fff;
	}
	 .menu .menu__header.is-active > .menu__arrow {
		 display: flex;
	}
	 .darkmode .menu .menu__header.is-active {
		 background-color: var(--color2);
	}
	 .menu .menu__header .menu__arrow {
		 display: none;
		 justify-content: center;
		 align-items: center;
		 cursor: pointer;
		 width: 3rem;
	}
	 .menu .menu__header .menu__arrow:hover i {
		 color: var(--color);
	}
	 .menu .menu__header .menu__arrow > i {
		 font-size: 0.9rem;
		 color: #000;
		 transition: all 0.25s ease;
	}
	 .darkmode .menu .menu__header .menu__arrow > i {
		 color: #fff;
	}
	.submenu.megamenu__text .menu__title {
        font-size: 18px;
        font-weight: 500;
        color: #000;
		 transition: all 0.25s ease;
    }
	 .menu .menu__header .menu__title:hover {
		 color: var(--color);
	}
	 .darkmode .menu .menu__header .menu__title {
		 color: #fff;
	}
	 .menu .menu__inner {
		 height: 100%;
		 margin-top: 0rem;
		 overflow-y: auto;
		 overflow-x: hidden;
		         position: relative;
	}
	.menu .menu__inner .menu__item {
		 display: block;
		 padding: 0;		 
	}
	.menu .menu__inner .menu__item:last-child {
        padding: 10px;
        display: flex;
        position: absolute;
        bottom: 90px;
    }
	.menu .menu__inner .menu__item .menu__link {
		 justify-content: space-between;
		 padding: 10px 20px;
	}
	.menu .menu__inner .menu__item .menu__link.des{
	    display: none;
	}
	
	.menu .menu__inner .menu__item .menu__link > i {
		 margin-left: 10px;
		 transform: rotate(0deg);
	}
	 .submenu {
		 position: absolute;
		 display: none;
		 top: 0;
		 left: 0;
		 width: 100%;
		 height: 100%;
		 max-width: none;
		 min-width: auto;
		 margin: 0;
		 padding: 15px 15px 0 15px;
		 border-radius: 0;
		 border-top: 0;
		 box-shadow: none;
		 opacity: 1;
		 overflow-y: auto;
		 visibility: visible;
		 transform: translateX(0%);
	}
	 .submenu.is-active {
		 display: block;
	}
	 .submenu.megamenu__image .submenu__inner a {
		 flex-flow: row;
		 align-items: center;
		 padding-bottom: 20px;
	}
	 .submenu.megamenu__image .submenu__inner a img {
		 width: 30%;
		 height: 80px;
		 margin-bottom: 0;
		 margin-right: 15px;
	}
	/*.submenu .submenu__inner {*/
 /*       width: 100%;*/
 /*       padding: 0;*/
 /*       display: block !important;*/
 /*       margin: 0px 0px 15px;*/
 /*   }*/
    /*.submenu .submenu__inner .submenu__list {*/
    /*    margin: 0px !important;*/
    /*    padding: 0px !important;*/
    /*}*/
     .submenu .submenu__inner .submenu__list {
    	 margin-bottom: 20px;
    }
     .submenu .submenu__list li a {
    	 display: block;
    }
     .overlay {
    	 cursor: url("https://i.imgur.com/cPh9Zm5.png"), zoom-out;
    	 pointer-events: visible;
    }
     .overlay.is-active {
    	 opacity: 1;
    	 visibility: visible;
    }
     .burger {
    	 opacity: 1;
    	 visibility: visible;
    }
}