/* variables */
:root{
    --black-color:#000;
    --white-color:#fff;
    --green-color:#0c9a5e;
    --violet-color:#231834;
    --yellow-color:#f6b71e;
    --orange-color:#ff8700;
    --blue-color:#1170f7;
    --dark-blue-color:#3e4095;
    --p-color:#0000008f;
    --light-gray:#f9f9f9;
    --radius3:3px;
    --radius4:4px;
    --radius5:5px;
    --radius6:6px;
    --radius10:10px;
    --radius50:50%;
    --filter-white:invert(100%) sepia(0%) saturate(0%) hue-rotate(323deg) brightness(107%) contrast(107%);
    --filter-orange:invert(62%) sepia(58%) saturate(4638%) hue-rotate(2deg) brightness(105%) contrast(106%);
    --filter-green:invert(40%) sepia(100%) saturate(389%) hue-rotate(103deg) brightness(96%) contrast(94%);
    --filter-blue:invert(32%) sepia(76%) saturate(2587%) hue-rotate(206deg) brightness(96%) contrast(102%);
    --filter-dark-blue:invert(23%) sepia(31%) saturate(3813%) hue-rotate(224deg) brightness(83%) contrast(86%);
    --filter-yellow:invert(62%) sepia(95%) saturate(412%) hue-rotate(357deg) brightness(104%) contrast(93%);
}
/* variables */

/* reset css */
    *,:after,:before{box-sizing: border-box;padding: 0;margin: 0;border: none;outline: none;}
    img{max-width: 100%;}
    ul,li{list-style: none;}
    body{font-family: 'Jost';font-display: swap;}
    a{text-decoration: none !important;display: inline-block;}
    table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:top}
    table{border-collapse:separate;border-spacing:0}
    caption,td,th{text-align:left;font-weight:400}
    select,input,textarea,button{width: 100%;border: none;outline: none; background: transparent;}
    select:focus,input:focus,textarea:focus,button:focus{outline: none;}
    input::placeholder, textarea::placeholder{opacity: 1; color: var(--black-color);}
    p {color: #353535;font-size: 16px;margin: 10px 0;}
    .textl{text-align: left;}
    .textc{text-align: center;}
    iframe{width: 100%;height: 100%;border: none;}
    .textr{text-align: right;}
    .common-btn {padding: 12px 60px 12px 40px;position: relative;border-radius: 40px;background: var(--blue-color);overflow: hidden;color: var(--white-color);text-transform: uppercase;letter-spacing: 1px;}
    .common-btn span{position: absolute;top: 0;bottom: 0;width: 40px;display: flex;justify-content: center;align-items: center;right: 0;flex-direction: column;border-left: 1px solid #ffffff5e;}
    .common-btn span i{position: absolute;transition: all .3s ease-in-out;}
    .common-btn span i:nth-child(2){transform: translateX(-45px) translateY(45px);}
    .common-btn span i:nth-child(1){transform: translateX(0) translateY(0);}
    .common-btn:hover span i:nth-child(1){transform: translateX(45px) translateY(-45px);}
    .common-btn:hover span i:nth-child(2){transform: translateX(0) translateY(0);}
    h1, h2, h3, h4, h5, h6{font-family: 'Jost'; font-weight: inherit;}
    ul{margin: 0 !important;padding-left: 0 !important;}
/* reset css */

/* owl-carousel css  */
    .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none;font-size:28px}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
    .owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{color:#d0630e;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:15px;height:15px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.owl-theme .owl-dots .owl-dot.active span{background:#fff}
    .owl-dots{text-align-last: center;margin-top: 32px;}
    .owl-carousel button.owl-dot{width: 4px;height: 4px;background: #067cbd;display: inline-block;margin: 6px 2px;border-radius: 50%;}
    .owl-carousel button.owl-dot.active{background: #f86a3a;width: 20px;border-radius: 10px;}
    .owl-theme .owl-dots .owl-dot span{display: none;}
    .owl-theme .owl-nav.disabled + .owl-dots {margin-top: 10px;margin-bottom: 20px;}
/* owl-carousel css  */

/* common css */
    .small-fluid-container{width: 100%;max-width: 1280px;margin: 0 auto;padding: 0 20px;}
    .fluid-container{width: 100%;max-width: 1560px;margin: 0 auto;padding: 0 20px;}
    .big-fluid-container{width: 100%;max-width: 1780px;margin: 0 auto;padding: 0 20px;}
    .wrapper{width: 100%;overflow: hidden;}
    .heading-container{display: flex;justify-content: center;align-items: center;gap: 20px;}
    .heading-container h2.heading-h2{font-size: 48px;letter-spacing: 1px;margin: 20px 0 40px;position: relative;display: inline-block;z-index: 0;background: -webkit-linear-gradient(#2a2a72, #009ffd);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
    .h2-line{width: 166px;height: 1px;background-color: #e0e0e0;display: inline-block;}
/* common css */

/* 2. canvas css */
html.hc-nav-yscroll {
    overflow-y: scroll;
}
body.hc-nav-open {
    overflow: visible;
    position: fixed;
    width: 100%;
    min-height: 100%;
}
.hc-offcanvas-nav {
    visibility: hidden;
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 9999;
}
.hc-offcanvas-nav.is-ios * {
    cursor: pointer !important;
}
.hc-offcanvas-nav .nav-container {
    position: fixed;
    z-index: 9998;
    top: 0;
    width: 240px;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.hc-offcanvas-nav .nav-wrapper {
    width: 100%;
    height: 100%;
    max-height: 100vh;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    box-sizing: border-box;
}
.hc-offcanvas-nav .nav-content {
    height: 100%;
    max-height: 100vh;
}
.hc-offcanvas-nav .nav-wrapper-0 > .nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box;
}
.hc-offcanvas-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.hc-offcanvas-nav li {
    position: relative;
    display: block;
}
.hc-offcanvas-nav li.level-open > .nav-wrapper {
    visibility: visible;
}
.hc-offcanvas-nav input[type="checkbox"] {
    display: none;
}
.hc-offcanvas-nav label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer;
}
.hc-offcanvas-nav a {
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
}
.hc-offcanvas-nav a,
.hc-offcanvas-nav a:hover {
    text-decoration: none;
}
.hc-offcanvas-nav .nav-item {
    position: relative;
    display: block;
    box-sizing: border-box;
}
.hc-offcanvas-nav .nav-wrapper::after,
.hc-offcanvas-nav.disable-body::after {
    content: "";
    position: fixed;
    z-index: 9990;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease 0.4s, opacity 0.4s ease;
}
.hc-offcanvas-nav .sub-level-open::after,
.hc-offcanvas-nav.disable-body.nav-open::after {
    visibility: visible;
    opacity: 1;
    transition-delay: 50ms;
}
.hc-offcanvas-nav:not(.nav-open)::after {
    pointer-events: none;
}
.hc-offcanvas-nav.nav-levels-expand .nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box;
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {
    display: none;
}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {
    min-width: 0;
    max-height: 0;
    overflow: hidden;
    transition: height 0s ease 0.4s;
}
.hc-offcanvas-nav.nav-levels-expand .level-open > .nav-wrapper {
    max-height: none;
}
.hc-offcanvas-nav.nav-levels-overlap .nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box;
}
.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {
    position: absolute;
    z-index: 9999;
    top: 0;
    height: 100%;
    visibility: hidden;
    transition: visibility 0s ease 0.4s, -webkit-transform 0.4s ease;
    transition: visibility 0s ease 0.4s, transform 0.4s ease;
    transition: visibility 0s ease 0.4s, transform 0.4s ease, -webkit-transform 0.4s ease;
}
.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {
    position: static;
}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.hc-offcanvas-nav.nav-position-left {
    left: 0;
}
.hc-offcanvas-nav.nav-position-left .nav-container {
    left: 0;
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0);
}
.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.hc-offcanvas-nav.nav-position-right {
    right: 0;
}
.hc-offcanvas-nav.nav-position-right .nav-container {
    right: 0;
    -webkit-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0);
}
.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.hc-offcanvas-nav.nav-position-top {
    top: 0;
}
.hc-offcanvas-nav.nav-position-top .nav-container {
    top: 0;
    width: 100%;
    height: auto;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {
    left: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
.hc-offcanvas-nav.nav-position-bottom {
    top: auto;
    bottom: 0;
}
.hc-offcanvas-nav.nav-position-bottom .nav-container {
    top: auto;
    bottom: 0;
    width: 100%;
    height: auto;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {
    left: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
.hc-offcanvas-nav.nav-open[class*="hc-nav-"] div.nav-container {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.hc-nav-trigger {
    position: absolute;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
    top: 20px;
    z-index: 9980;
    width: 30px;
    min-height: 24px;
}
.hc-nav-trigger span {
    width: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hc-nav-trigger span,
.hc-nav-trigger span::after,
.hc-nav-trigger span::before {
    display: block;
    position: absolute;
    left: 0;
    height: 4px;
    background: #34495e;
    transition: all 0.2s ease;
}
.hc-nav-trigger span::after,
.hc-nav-trigger span::before {
    content: "";
    width: 100%;
}
.hc-nav-trigger span::before {
    top: -10px;
}
.hc-nav-trigger span::after {
    bottom: -10px;
}
.hc-nav-trigger.toggle-open span {
    background: rgba(0, 0, 0, 0);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.hc-nav-trigger.toggle-open span::before {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}
.hc-nav-trigger.toggle-open span::after {
    -webkit-transform: rotate(-90deg) translate3d(10px, 0, 0);
    transform: rotate(-90deg) translate3d(10px, 0, 0);
}
.hc-offcanvas-nav .nav-wrapper::after,
.hc-offcanvas-nav::after {
    background: rgba(0, 0, 0, 0.3);
}
.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
    background: #336ca6;
}
.hc-offcanvas-nav h2 {
    font-size: 19px;
    font-weight: 400;
    text-align: left;
    padding: 20px 17px;
    color: #1b3958;
}
.hc-offcanvas-nav .nav-item,
.hc-offcanvas-nav a {
    padding: 14px 17px;
    font-size: 15px;
    color: #fff;
    z-index: 1;
    background: rgba(0, 0, 0, 0);
}
.hc-offcanvas-nav:not(.touch-device) a:hover {
    background: #00c3ff;
}
.hc-offcanvas-nav ul:first-of-type:not(:first-child) > li:first-child:not(.nav-back):not(.nav-close) > a {
    border-top: 1px solid #2c5d8f;
    margin-top: -1px;
}
.hc-offcanvas-nav li {
    text-align: left;
}
.hc-offcanvas-nav li.nav-back a,
.hc-offcanvas-nav li.nav-close a {
    background: #2c5d8f;
}
.hc-offcanvas-nav li.nav-back a:hover,
.hc-offcanvas-nav li.nav-close a:hover {
    background: #2b5c8d;
}
.hc-offcanvas-nav li.nav-back:not(:first-child) a,
.hc-offcanvas-nav li.nav-close:not(:first-child) a {
    margin-top: -1px;
}
.hc-offcanvas-nav li.nav-parent .nav-item {
    padding-right: 58px;
}
.hc-offcanvas-nav li.nav-back span,
.hc-offcanvas-nav li.nav-close span,
.hc-offcanvas-nav li.nav-parent span.nav-next {
    width: 45px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    transition: background 0.2s ease;
}
.hc-offcanvas-nav li.nav-close span::after,
.hc-offcanvas-nav li.nav-close span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}
.hc-offcanvas-nav li.nav-close span::before {
    margin-left: -9px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.hc-offcanvas-nav li.nav-close span::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.hc-offcanvas-nav a[href]:not([href="#"]) > span.nav-next {
    border-left: 1px solid #2c5d8f;
}
.hc-offcanvas-nav li.nav-back span::before,
.hc-offcanvas-nav span.nav-next::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-left: -2px;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform-origin: center;
    transform-origin: center;
}
.hc-offcanvas-nav span.nav-next::before {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
}
.hc-offcanvas-nav li.nav-back span::before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper {
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
}
.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper {
    box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);
}
.hc-offcanvas-nav.nav-position-right span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
}
.hc-offcanvas-nav.nav-position-right li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
}
.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.hc-offcanvas-nav.nav-position-top span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg);
}
.hc-offcanvas-nav.nav-position-top li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
}
.hc-offcanvas-nav.nav-position-bottom span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg);
}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper {
    box-shadow: none;
    background: 0 0;
}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,
.hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {
    display: none;
}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,
.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {
    font-size: 14px;
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li,
.hc-offcanvas-nav.nav-levels-none .nav-container li {
    transition: background 0.3s ease;
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {
    background: #2e6296;
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {
    border-bottom: 1px solid #295887;
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover {
    background: #2f649a;
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open > .nav-item .nav-next::before,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open > .nav-item .nav-next::before {
    margin-top: 2px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before,
.hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before {
    margin-top: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg);
}
html.hc-nav-yscroll {
    overflow-y: scroll;
}
body.hc-nav-open {
    overflow: visible;
    position: fixed;
    width: 100%;
    min-height: 100%;
}
.nav-close {
    display: none !important;
}
.hc-offcanvas-nav {
    visibility: hidden;
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 9999;
}
.hc-nav-open .hc-offcanvas-nav {
    visibility: visible;
}
.hc-offcanvas-nav.is-ios * {
    cursor: pointer !important;
}
.hc-offcanvas-nav .nav-container {
    position: fixed;
    z-index: 9998;
    top: 0;
    width: 255px;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.hc-offcanvas-nav .nav-wrapper {
    width: 100%;
    height: 100%;
    max-height: 100vh;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    box-sizing: border-box;
}
.hc-offcanvas-nav .nav-content {
    height: 100%;
    max-height: 100vh;
}
.hc-offcanvas-nav .nav-wrapper-0 > .nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box;
}
.hc-offcanvas-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.hc-offcanvas-nav li {
    position: relative;
    display: block;
}
.hc-offcanvas-nav li.level-open > .nav-wrapper {
    visibility: visible;
}
.hc-offcanvas-nav input[type="checkbox"] {
    display: none;
}
.hc-offcanvas-nav label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer;
}
.hc-offcanvas-nav a {
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
}
.hc-offcanvas-nav li.nav-parent .nav-item:hover,
.nav-back a:hover,
.nav-close a:hover,
.resom:hover {
    color: #fff !important;
}
.hc-offcanvas-nav .nav-item {
    position: relative;
    display: block;
    box-sizing: border-box;
}
.hc-offcanvas-nav .nav-item svg {
    font-size: 16px;
    margin-right: 16px;
    color: #8fc3e8;
    transition: all 0.4s;
}
.hc-offcanvas-nav .nav-item:hover svg {
    color: #fff;
}
.hc-offcanvas-nav .nav-wrapper::after,
.hc-offcanvas-nav.disable-body::after {
    content: "";
    position: fixed;
    z-index: 9990;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease 0.4s, opacity 0.4s ease;
}
.hc-offcanvas-nav .sub-level-open::after,
.hc-offcanvas-nav.disable-body.nav-open::after {
    visibility: visible;
    opacity: 1;
    transition-delay: 50ms;
}
.hc-offcanvas-nav:not(.nav-open)::after {
    pointer-events: none;
}
.hc-offcanvas-nav.nav-levels-expand .nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box;
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {
    display: none;
}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {
    min-width: 0;
    max-height: 0;
    overflow: hidden;
    transition: height 0s ease 0.4s;
}
.hc-offcanvas-nav.nav-levels-expand .level-open > .nav-wrapper {
    max-height: none;
}
.hc-offcanvas-nav.nav-levels-overlap .nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box;
}
.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {
    position: absolute;
    z-index: 9999;
    top: 0;
    height: 100%;
    visibility: hidden;
    transition: visibility 0s ease 0.4s, -webkit-transform 0.4s ease;
    transition: visibility 0s ease 0.4s, transform 0.4s ease;
    transition: visibility 0s ease 0.4s, transform 0.4s ease, -webkit-transform 0.4s ease;
}
.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {
    position: static;
}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper-1 {
    width: 297px;
}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper-2 {
    width: 337px;
}
.hc-offcanvas-nav.nav-position-left {
    left: 0;
}
.hc-offcanvas-nav.nav-position-left .nav-container {
    left: 0;
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
}
.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.hc-offcanvas-nav.nav-position-right {
    right: 0;
}
.hc-offcanvas-nav.nav-position-right .nav-container {
    right: 0;
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0);
}
.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.hc-offcanvas-nav.nav-position-top {
    top: 0;
}
.hc-offcanvas-nav.nav-position-top .nav-container {
    top: 0;
    width: 100%;
    height: auto;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {
    left: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
.hc-offcanvas-nav.nav-position-bottom {
    top: auto;
    bottom: 0;
}
.hc-offcanvas-nav.nav-position-bottom .nav-container {
    top: auto;
    bottom: 0;
    width: 100%;
    height: auto;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {
    left: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
.hc-offcanvas-nav.nav-open[class*="hc-nav-"] div.nav-container {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.hc-nav-trigger {
    position: absolute;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
    top: 107px;
    right: 15px;
    z-index: 9980;
    width: 30px;
    min-height: 24px;
}
.hc-nav-trigger span {
    width: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hc-nav-trigger span,
.hc-nav-trigger span::after,
.hc-nav-trigger span::before {
    display: block;
    position: absolute;
    height: 4px;
    background: #d0630e;
    transition: all 0.2s ease;
    width: 25px;
    top: 7px;
}
.hc-nav-trigger span::after,
.hc-nav-trigger span::before {
    content: "";
    width: 100%;
}
.hc-nav-trigger span::before {
    top: -7px;
}
.hc-nav-trigger span::after {
    bottom: -7px;
}
.hc-nav-trigger.toggle-open span {
    background: rgba(0, 0, 0, 0);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.hc-nav-trigger.toggle-open span::before {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}
.hc-nav-trigger.toggle-open span::after {
    -webkit-transform: rotate(-90deg) translate3d(10px, 0, 0);
    transform: rotate(-90deg) translate3d(5px, 0, 0);
}
.hc-offcanvas-nav .nav-wrapper::after,
.hc-offcanvas-nav::after {
    background: rgba(0, 0, 0, 0.3);
}
/* .hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
    background-color: #3E4095;
} */
.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {
	background-color: #2a2a72;
	background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);
}
.hc-offcanvas-nav h2 {
    font-size: 19px;
    font-weight: 400;
    text-align: center;
    padding: 20px 17px;
    font-family: "Jost";
    color: #fff;
}
.hc-offcanvas-nav .nav-item,
.hc-offcanvas-nav a {
    padding: 14px 12px;
    font-size: 16px;
    transition: all 0.4s;
    z-index: 1;
    background: rgba(0, 0, 0, 0);
    display: flex;
    align-items: center;
    font-family: "Jost";
}
.hc-offcanvas-nav .nav-item:hover,
.hc-offcanvas-nav a:hover {
    background: #ee822d !important;
    color: #fff !important;
}
.first-nav li a.resact,
.hc-offcanvas-nav:not(.touch-device) a:hover,
.second-nav li a.resact,
.second-nav ul li a.resact {
    background: #02596c;
}
.hc-offcanvas-nav ul:first-of-type:not(:first-child) > li:first-child:not(.nav-back):not(.nav-close) > a {
    border-top: 1px solid #2c5d8f;
    margin-top: -1px;
}
.hc-offcanvas-nav li {
    text-align: left;
    
}
.hc-offcanvas-nav li.nav-back a,
.hc-offcanvas-nav li.nav-close a {
    background: #ee822d;
}
.hc-offcanvas-nav li.nav-back a:hover,
.hc-offcanvas-nav li.nav-close a:hover {
    background: #8fc3e8;
}
.nav-close a:hover {
    color: #fff;
}
.hc-offcanvas-nav li.nav-back:not(:first-child) a,
.hc-offcanvas-nav li.nav-close:not(:first-child) a {
    margin-top: -1px;
}
.hc-offcanvas-nav li.nav-parent .nav-item {
    padding-right: 58px;
    font-family: Jost;
    line-height: 1.4;
}
.hc-offcanvas-nav li.nav-back span,
.hc-offcanvas-nav li.nav-close span,
.hc-offcanvas-nav li.nav-parent span.nav-next {
    width: 45px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    transition: background 0.2s ease;
}
.hc-offcanvas-nav li.nav-close span::after,
.hc-offcanvas-nav li.nav-close span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}
.hc-offcanvas-nav li.nav-close span::before {
    margin-left: -6px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.hc-offcanvas-nav li.nav-close span::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.hc-offcanvas-nav a[href]:not([href="#"]) > span.nav-next {
    border-left: 1px solid #2c5d8f;
}
.hc-offcanvas-nav li.nav-back span::before,
.hc-offcanvas-nav span.nav-next::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-left: -2px;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform-origin: center;
    transform-origin: center;
}
.hc-offcanvas-nav span.nav-next::before {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
}
.hc-offcanvas-nav li.nav-back span::before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper {
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
}
.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper {
    box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);
}
.hc-offcanvas-nav.nav-position-right span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
}
.hc-offcanvas-nav.nav-position-right li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
}
.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.hc-offcanvas-nav.nav-position-top span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg);
}
.hc-offcanvas-nav.nav-position-top li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
}
.hc-offcanvas-nav.nav-position-bottom span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg);
}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper {
    box-shadow: none;
    background: 0 0;
}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,
.hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {
    display: none;
}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,
.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {
    font-size: 14px;
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li,
.hc-offcanvas-nav.nav-levels-none .nav-container li {
    transition: background 0.3s ease;
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {
    background: #2e6296;
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {
    border-bottom: 1px solid #295887;
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover {
    background: #2f649a;
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open > .nav-item .nav-next::before,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open > .nav-item .nav-next::before {
    margin-top: 2px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before,
.hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before {
    margin-top: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg);
}
.cf::after,
.cf::before {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
}
.cf::after {
    clear: both;
}
#main-nav {
    display: none;
}
.nav-content h1 {
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 5px;
    padding-bottom: 8px;
}
/* 
.nav-content h2 {
	font-size: 32px;
	line-height: 1.4;
	text-align: center;
	color: #edbf47;
	font-family: Jost;
	text-transform: uppercase;
	display: block;
	padding: 10px 0 0;
	margin: 0;
	letter-spacing: -2px;
	border-bottom: 1px solid rgba(237, 191, 71,.2);
} */

.nav-content h2 {
	font-size: 32px;
	line-height: 1.4;
	text-align: center;
	color: #fff;
	font-family: Jost;
	text-transform: uppercase;
	display: block;
	padding: 10px 0 0;
	margin: 0;
	letter-spacing: 0;
	border-bottom: 1px solid rgba(237, 191, 71,.2);
}
header .git {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    padding: 4px 10px 4px 0;
    font-size: 15px;
    font-weight: 400;
    color: #fffce1;
    background: #54b9cb;
    transition: background 0.15s ease-in-out;
}
header .git:hover {
    background: #4ca8b9;
}
header .git:hover svg {
    border-color: #54b9cb;
}
header .git svg {
    width: 15px;
    height: 15px;
    fill: #fffce1;
    position: relative;
    top: 2px;
    padding: 0 10px;
    margin-right: 10px;
    border-right: 1px solid #4daabb;
    transition: border-color 0.15s ease-in-out;
}
header .ver {
    padding-top: 15px;
    font-weight: 200;
    color: #dab977;
}
header .ver span {
    color: #fffce1;
}
header .toggle {
    position: absolute;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
    z-index: 9980;
    width: 35px;
    min-height: 24px;
    position: relative;
    width: auto;
    top: 32px;
    left: auto;
    float: right;
    display: block;
    cursor: pointer;
    box-sizing: content-box;
    font-size: 20px;
    padding-left: 30px;
    line-height: 24px;
}
header .toggle span {
    width: 26px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
header .toggle span,
header .toggle span::after,
header .toggle span::before {
    display: block;
    position: absolute;
    left: 0;
    height: 3px;
    background: #3E4095;
    transition: all 0.25s ease;
}
header .toggle span::after,
header .toggle span::before {
    content: "";
    width: 100%;
}
header .toggle span::before {
    top: -7px;
}
header .toggle span::after {
    bottom: -7px;
}
header .toggle.toggle-open span {
    background: rgba(0, 0, 0, 0);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
header .toggle.toggle-open span::before {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 5px, 0);
}
header .toggle.toggle-open span::after {
    -webkit-transform: rotate(-90deg) translate3d(10px, 0, 0);
    transform: rotate(-90deg) translate3d(10px, 0, 0);
}
header .toggle:hover span,
header .toggle:hover span::after,
header .toggle:hover span::before {
    background: #3E4095 !important;
}
header .toggle div {
    display: inline-block;
    margin-right: 15px;
}
main {
    flex: 1 0 auto;
    padding-bottom: 30px;
    text-align: left;
}
main .content {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
main h4 {
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 20px 0;
}
main h4:first-child {
    margin-top: 30px;
}
main .actions {
    margin: 0 -15px;
    text-align: center;
}
main .actions.checkboxes {
    text-align: left;
    padding-top: 8px;
}
main .actions.checkboxes label {
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
}
main .actions.checkboxes label input {
    display: none;
}
main .actions.checkboxes label input:checked ~ span {
    background: #dab977;
}
main .actions.checkboxes label input:checked ~ span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    border: solid #243949;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px 2px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
main .actions.checkboxes label span {
    display: inline-block;
    position: relative;
    top: -1px;
    width: 22px;
    height: 22px;
    background: #fffce1;
    margin-right: 12px;
    vertical-align: top;
    transition: all 0.1s ease;
}
main .actions div {
    padding: 0 15px 20px;
    box-sizing: border-box;
}
@media screen and (min-width: 800px) {
    main .actions {
        display: flex;
        flex-wrap: wrap;
    }
    main .actions div {
        float: left;
        flex: 1 1 33.33%;
        max-width: 33.33%;
    }
    main .actions.position div {
        float: left;
        flex: 1 1 25%;
        max-width: 25%;
    }
}
main .button {
    position: relative;
    display: block;
    padding: 18px 30px 16px;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1px;
    text-decoration: none;
    color: #243949;
    cursor: pointer;
    background: #fffce1;
    border-radius: 30px/80px;
    transition: all 0.1s ease;
}
main .button:not(.active):hover {
    color: #d5af63;
}
main .button.active {
    background: #dab977;
}
.hc-offcanvas-nav .nav-wrapper-0 > .nav-content {
    padding-bottom: 41px;
}
.hc-offcanvas-nav a {
    font-size: 16px;
}
.hc-offcanvas-nav li.search .nav-item {
    padding-top: 0;
}
.hc-offcanvas-nav li.search input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    padding: 5px 10px;
    box-shadow: none;
    outline: 0;
}
.hc-offcanvas-nav li.search input[type="text"]::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}
.hc-offcanvas-nav li.search input[type="text"]:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}
.hc-offcanvas-nav li.search input[type="text"]::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}
.hc-offcanvas-nav li.search input[type="text"]::placeholder {
    color: rgba(255, 255, 255, 0.8);
}
.hc-offcanvas-nav li.add > a::before {
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    font-size: 19px;
    vertical-align: top;
    content: "add";
}
.hc-offcanvas-nav li.new > .nav-item::before {
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    font-size: 19px;
    vertical-align: top;
    content: "fiber_new";
}
.hc-offcanvas-nav li.cryptocurrency > .nav-item::before {
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    font-size: 19px;
    vertical-align: top;
    content: "local_atm";
}
.hc-offcanvas-nav li.devices > .nav-item::before {
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    font-size: 19px;
    vertical-align: top;
    content: "devices";
}
.hc-offcanvas-nav li.mobile > .nav-item::before {
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    font-size: 19px;
    vertical-align: top;
    content: "phone_android";
}
.hc-offcanvas-nav li.television > .nav-item::before {
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    font-size: 19px;
    vertical-align: top;
    content: "desktop_windows";
}
.hc-offcanvas-nav li.camera > .nav-item::before {
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    font-size: 19px;
    vertical-align: top;
    content: "camera_alt";
}
.hc-offcanvas-nav li.magazines > .nav-item::before {
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    font-size: 19px;
    vertical-align: top;
    content: "import_contacts";
}
.hc-offcanvas-nav li.store > .nav-item::before {
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    font-size: 19px;
    vertical-align: top;
    content: "store";
}
.hc-offcanvas-nav li.collections > .nav-item::before {
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    font-size: 19px;
    vertical-align: top;
    content: "collections";
}
.hc-offcanvas-nav li.credits > .nav-item::before {
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    font-size: 19px;
    vertical-align: top;
    content: "credit_card";
}
.hc-offcanvas-nav ul.bottom-nav {
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    border-top: 1px solid #2c5d8f;
}
.hc-offcanvas-nav ul.bottom-nav li {
    flex: auto;
}
.hc-offcanvas-nav ul.bottom-nav li a {
    padding: 10px;
    text-align: center;
    height: 100%;
    border-bottom: none;
}
.hc-offcanvas-nav ul.bottom-nav li svg {
    fill: #fff;
    display: inline-block;
    vertical-align: middle;
}
.hc-offcanvas-nav ul.bottom-nav li.github svg {
    width: 17px;
    height: 17px;
}
.hc-offcanvas-nav ul.bottom-nav li.ko-fi svg {
    width: 21px;
    height: 21px;
}
.hc-offcanvas-nav ul.bottom-nav li.email svg {
    width: 19px;
    height: 19px;
}
.resp-logo-img {
    width: 100%;
    margin: 0px auto 0;
    transition: all 0.4s;
}
.resposnive-menu-logo{
    flex-direction: column;
    color: #000 !important;
}
.resposnive-menu-logo small {
    display: block;
    margin-top: 10px;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    font-family: Jost;
    color: #3E4095 !important;
    display: none;
}
header .toggle {
    display: none !important;
}

/* 2. canvas css */

/* header css */
    header.scrolled {transition: all .3s ease-in-out;top: -16px;}
    header {transition: all .4s;position: fixed;z-index: 4;left: 0;right: 0;width: 100%;top: 0;background-color: #fff;}
    header .top-header{background-color: #2a2a72; background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);padding: 8px;}
    .header-logo{width: 100%;max-width: 350px;}
    .header-logo img{width: 350px; margin: 10px auto;}
    .bottom-header{border-bottom: 1px solid #c1c1c1;}
    .inner-bottom-header{display: flex;justify-content: space-between;align-items: center;gap: 30px;padding: 0 20px;}
    #nav-search-bar-form {display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 600px;margin: auto 0;}
    .nav-fill{width: 100%;max-width: 350px;}
    /* .nav-fill input {font-size:15px;font-family: 'Jost';border: 1px solid #d7d7d7;padding: 8px 20px 8px 13px;border-left: 0;border-right: 0;color: #555;} */
    /* .nav-fill input {font-size: 16px;font-family: 'Jost';border: 1px solid #d7d7d7;padding: 8px 20px 8px 13px;border-left: 0;border-right: 0;color: #555;} */
    .nav-fill input {font-size: 15px;font-family: 'Jost';border: 1px solid #d7d7d7;padding: 8px 20px 8px 13px;border-left: 0;border-right: 0;color: #555;}
    .nav-fill input::placeholder, .nav-fill textarea::placeholder {opacity: 1;color: #989696;}
    .nav-search-scope select {width: 150px;padding: 8px 20px 8px 13px;font-size:15px;font-family: 'Jost';border: 1px solid #d7d7d7;border-right: 0;border-top-left-radius: 8px;border-bottom-left-radius: 8px;color: #555;background-color: #fff;}
    #nav-search-bar-form-resp{display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 400px;margin: auto 0;display: none;}
    .nav-fill-resp{width: 100%;max-width: 350px;}
    .nav-fill-resp input {font-size:15px;font-family: 'Jost';border: 1px solid #d7d7d7;padding: 8px 20px 8px 13px;border-left: 0;border-right: 0;color: #555;}
    .nav-fill-resp input::placeholder, .nav-fill textarea::placeholder {opacity: 1;color: #cfcfcf;}
    .nav-search-scope select {width: 150px;padding: 8px 20px 8px 13px;font-size: 15px;font-family: 'Jost';border: 1px solid #d7d7d7;border-right: 0;border-top-left-radius: 8px;border-bottom-left-radius: 8px;color: #555;background-color: #fff;}
    .profile-a-flex{display: flex;justify-content: center;align-items: center;gap: 20px;}
    .profile-a-flex span {color: #fd9615;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 100px;display: block;}
    /* #popup-cart-value{position: relative;} */
    span#total-cart-count {position: absolute;left: 7px;top: -8px;text-align: center;border-radius: 45%;width: 22px;height: 22px;background-color: #f9c261;border: 1px solid #fff;font-weight: 400;color: #000;line-height: 16px;font-size: 11px;display: flex;justify-content: center;align-items: center;}
    /* .btn-search-icon {display: flex;justify-content: center;align-items: center;padding: 20px 10px;border: 1px solid #d7d7d7;border-left: 0;border-top-right-radius: 8px;border-bottom-right-radius: 8px;cursor: pointer;height: 41.5px;width: 40px;} */
    .btn-search-icon {display: flex;justify-content: center;align-items: center;padding: 17px 10px;border: 1px solid #d7d7d7;border-left: 0;border-top-right-radius: 8px;border-bottom-right-radius: 8px;cursor: pointer;height: 40px;width: 40px;}
    .btn-search-icon img {width: 100%;max-width: 20px;}
    header .bottom-header ul.cart-ul-user {display: flex;justify-content: center;gap: 20px;width: 100%;max-width: 250px;}
    header .bottom-header ul.cart-ul-user li a img{width: 25px;transition: all .2s;}
    /* header .bottom-header ul.cart-ul-user li a img:hover{filter: invert(33%) sepia(95%) saturate(745%) hue-rotate(167deg) brightness(97%) contrast(101%);} */
    .down-header{border-bottom: 1px solid #c1c1c1;position: relative;}
    .inner-down-header ul{display: flex;justify-content: center;align-items: center;gap: 20px;margin: 0;}
    .inner-down-header ul li a{font-size: 16px;padding: 10px 20px;color: #555;font-family: 'Jost';position: relative;transition: all 0.2s;}
    .inner-down-header ul li a:hover{color: #067cbd !important;box-shadow: initial !important;}
    .first-route li:nth-child(6) a img:hover{filter: invert(33%) sepia(95%) saturate(745%) hue-rotate(167deg) brightness(97%) contrast(101%);}
    .inner-down-header ul li a:before{content: ""; position: absolute;left: -10px;top: 0;bottom: 0;width: 1px;height: 60%;background-color: #c1c1c1;margin: auto;}
    .inner-down-header ul li:nth-child(1) a::before{display: none;}
    /* droup down menu css  */
        .inner-down-header ul li .first-route {width: 100%;height: 300px;position: absolute;top: 80px;left: 0;right: 0;margin: auto;background-color: #fff;padding: 20px;transition:.3s;visibility: hidden;opacity: 0;z-index: 10;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
        .first-route .fluid-container{display: flex;justify-content: center;}
        .first-route li{width: 100%;max-width: 180px;margin: auto 0;}
        .first-route li a {display: flex;justify-content: center;align-items: center;flex-direction: column;}
        .first-route li a::before{display: none;}
        .first-route li a img{width: 180px;margin: 15px auto;}
        .first-route li a span{font-size: 16px;text-align: center;display: flex;margin: 10px auto;line-height: 1.6;}
        .inner-down-header ul li:hover .first-route {opacity: 1;visibility: visible;top: 44px;border-radius: 4px;}
        .first-route li:nth-child(6) a img{width: 50px;} 
    /* droup down menu css  */
    .inner-resp-bottom-header{display: none;}
    a#popup-cart-value:hover{box-shadow: initial !important;}
    a.profile-a-flex{box-shadow: initial !important;}
    /* my account droup down css  */
        .second-route {position: absolute;width: 250px;opacity: 0;visibility: hidden;top: 100px;transition: all .18s ease-in-out;right: 0;background: #fff;z-index: 2;display: flex;flex-direction: column;box-shadow: 0 2px 4px 0 rgba(25,29,36,.08);margin-top: 0 !important;pointer-events: none;}
        .second-route::before {content: '';position: absolute;width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-right: 15px solid #fffcfc;bottom: initial;top: -18px;right: 12px;margin: 0 auto;transform: rotate(90deg);}
        .second-route li {margin: 0 !important; padding: 0 !important;}
        .second-route li a {padding: 10px 20px !important;border-bottom: 1px solid #bbb4b4;font-size: 16px;transition: all .2s;text-transform: capitalize;display: block;color: #555;}
        .second-route li a:hover {color: #067cbd !important;box-shadow: initial !important;}
        /* .second-route li:last-child a{border-bottom: 0;} */
        .second-route li:nth-child(5) a{border-bottom: 0;}
        .second-route li a:before{display: none;}
        .cart-ul-user li{position: relative;padding: 10px 0;}
        .cart-ul-user li:hover .second-route {opacity: 1;visibility: visible;top: 45px;border-radius: 8px;box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;z-index: 9999;pointer-events: visible;}
    /* my account droup down css  */
    /* popup css code  */
        header .bottom-header .inner-resp-bottom-header .inner-top-bottom-header ul.cart-ul-user{display: flex;justify-content: center;gap: 20px;width: 100%;max-width: 150px;}
        header .bottom-header .inner-resp-bottom-header .inner-top-bottom-header ul.cart-ul-user .popup{display: block;}
        .popup{position: fixed;top: 100%;width: 100%;height: 100%;z-index: 10001;}
        .popup.active{top: 0;background-color: rgba(3, 3, 3, 0.6);transition: all 0.6s;left: 0;right: 0;bottom: 0;margin: auto;overflow: scroll;}
        .popup .popup-content{position: absolute;top: 0;left: 0;right: 0;margin: auto;color: #070000;transition: all .6s;padding: 20px 20px;}
        .inner-popup-content {background-color: #fff;border-radius: 25px;max-width: 850px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);margin: auto;display: flex;justify-content: center;gap: 20px;border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
        .inner-popup-content .left-popup-content{width: 100%;max-width: 400px;margin: 0 auto;background: no-repeat center center/cover;height: initial;border-top-left-radius: 25px;border-bottom-left-radius: 25px;position: relative;}
        .left-popup-content>span{display: flex;justify-content: center;align-items: center;position: absolute;right: 0;left: 0;top: 0;bottom: 0;margin: auto;width: 100%;max-width: 250px;}
        .left-popup-content > span {display: flex;justify-content: center;align-items: center;position: absolute;right: 0;left: 0;top: 0;bottom: 0;margin: auto;width: 100%;max-width: 265px;background: #fff;height: 70px;border-radius: 34px;padding: 10px;}
        .left-popup-content>span img {border-radius: 25px;}
        .inner-popup-content .right-popup-content{width: 100%;max-width: 450px;margin: auto;padding: 20px;}
        .right-popup-content h2{font-size: 24px;color:#031833;margin: 10px auto;text-align: center;line-height: 1.4;}
        .form-group{position: relative;width: 100%;max-width: 400px; margin: 10px 20px;}
        form#send label{font-size: 12px; line-height: 1.4; text-transform: uppercase; display: block; margin-bottom: 5px;}
        .send-form main {display: flex;align-items: center;padding-bottom: 0;flex-direction: column;text-align: initial;flex: initial;}
        form#send input{position: relative;width: 100%;height: initial; padding: 15px 10px;background-color: transparent;outline: 0;border: 1px solid #8B8B8B;transition: border 0.6s;max-width: 375px;border-radius: 4px; font-family: 'Jost';}
        form#send input:focus{border-color: #59C5C7;}
        form#send .txt{line-height: 22px;left: 2px;}    
        form#send .main-btn-rect {position: relative;display: flex;padding: 12px 24px;justify-content: center;background-color: #031833; background-image: linear-gradient(315deg, #031833 0%, #009ffd 74%);border-radius: 25px;font-size: 16px;color: #fff;margin: 25px auto;cursor: pointer;width: 100%;max-width: 250px;}
        .popup.active .popup-content{margin-top: 150px;}
        .popup .fade-out {position: absolute;top: 40px;right: 40px;text-align: center;font-size: 15px;margin: auto;cursor: pointer;}
        .main-btn-circle img {width: 30px;filter: invert(17%) sepia(100%) saturate(2560%) hue-rotate(189deg) brightness(94%) contrast(99%);}
        .popup{position: fixed;top: 100%;width: 100%;height: 100%;z-index: 10001;}
        .popup.active{top: 0;background-color: rgba(3, 3, 3, 0.6);transition: all 0.6s;left: 0;right: 0;bottom: 0;margin: auto;overflow: scroll;}
        .popup .main-btn-rect{padding: 10px 10px;}
        .popup .popup-content{position: absolute;top: 0;left: 0;right: 0;max-width: 850px;margin: auto;color: #070000;transition: all .6s;padding: 20px 20px; border-radius: 8px;}
        .popup.active .popup-content{margin-top: 50px;}
        .popup-content h6 {display: flex;font-size: 24px;text-align: right;margin: 15px;font-weight: initial;color: #212121;}
        .resp-logo-popup{display: none;}
    /* popup css code  */
    /* tabs css code  */
        .login-container .tabs {padding: 0;margin: 40px 0 0;}
        .login-container ul#tabs-nav {overflow: auto;display: flex;justify-content: center;gap: 10px;white-space: nowrap;}
        .login-container ul#tabs-nav li:hover a, .login-container ul#tabs-nav li.active a {background-color: #fff;color: #009ffd;border: 2px solid #009ffd;}
        .login-container #tabs-nav li a {color: #234;padding: 12px 32px;background: #ebebeb;transition: all .3s ease-in-out;}
        .login-container .tab-content {margin-top: 25px;}
        .login-container .tab-content p{color: #555;font-size: 16px;line-height: 1.6;margin: 10px 0;text-align: center;}
        .login-container .tab-content p a{color: #0779B5;font-size: 17px;line-height: 1.6;}
    /* tabs css code  */
/* header css */

/* slider css */
    .main-slider{position: relative;margin-top: 156px;z-index: 0;}
    .below-banner-section{padding: 40px 0 100px;background-color: var(--violet-color);position: relative;}
    .below-banner-section .fluid-container{display: flex;justify-content: space-between;gap: 20px;}
    .below-banner-section .description-wrapper{display: flex;justify-content: center;gap: 20px;}
    .below-banner-section .description-heading{width: calc(100% - 800px);}
    .below-banner-section .description-heading h4{text-transform: uppercase;color: var(--orange-color);text-transform: uppercase;font-weight: 500;letter-spacing: 1px;margin-bottom: 20px;}
    .below-banner-section .description-heading h3 {color: var(--white-color);font-size: 40px;line-height: 1.2;margin-bottom: 28px;}
    .description-wrapper article{width: 100%;max-width: 250px;border-top: 8px solid;border-bottom: 4px solid;padding: 40px 20px;background-color: #fff;border-radius: 4px;}
    .description-wrapper article h3{color: var(--dark-blue-color);text-align: center;font-size: 28px;font-weight: 600;text-transform: capitalize;margin-bottom: 20px;}
    .description-wrapper article p{text-align: center;}
    .description-wrapper article:nth-child(1){border-color: var(--blue-color);}
    .description-wrapper article:nth-child(2){border-color: var(--green-color);}
    .description-wrapper article:nth-child(3){border-color: var(--yellow-color);}
    .description-wrapper article:nth-child(4){border-color: var(--orange-color);}
    .camera_thumbs_cont > div {float: none;width: 100%;display: flex;justify-content: center;}
/* slider css */

/* shope by brand  css  */
    .shpoe-brand{padding: 50px 20px 40px;}
    .brand-cards-wrapper{display: flex;justify-content: center;align-items: center;gap: 20px;flex-wrap: wrap;}
    .brand-cards-wrapper .brand-card{width: 100%;max-width: 150px;margin: 10px auto;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 4px;display: flex;justify-content: center;align-items: center;padding: 20px 0;overflow: hidden;}
    .brand-cards-wrapper .brand-card img{width: 100px;height: 100px;transition: .3s;}
    .brand-cards-wrapper .brand-card:hover img{transform: scale(1.2);}
    .features-top .owl-nav button.owl-prev, .features-top .owl-nav button.owl-next{width: 52px !important;height: 52px;background: #fff;display: flex;position: absolute;justify-content: center;align-items: center;transition: all .3s;border-radius: 0;margin: 0;top: 0;bottom: 0;margin: auto;border: 1px solid #000;border-radius: 50%;}
    .features-top .owl-nav button.owl-prev > img, .features-top .owl-nav button.owl-next > img{width: 32px;}
    .features-top .owl-nav button.owl-prev{left: -80px;}
    .features-top .owl-nav button.owl-next{right: -80px;}
    .owl-theme .owl-nav [class*="owl-"]:hover {background: #fff;color: #FFF;text-decoration: none;}
/* shope by brand  css  */

/* star products css  */
    .star-product-wrapper{padding: 40px 0px;}
    .star-product-cards-wrapper{display: flex;justify-content: center;align-items: center;gap: 10px;}
    .star-product-cards-wrapper .left-star-product-card{background: no-repeat center center/cover;width: 100%;max-width: 640px;margin: auto;height: 610px;}
    .star-product-cards-wrapper .right-star-product-card{width: 100%;max-width: 640px;margin: auto;}
    .right-star-product-card .right-top-product{display: flex;justify-content: center;align-items: center;margin: auto;gap: 10px;}
    .right-top-product .right-top-left{background: no-repeat center center/cover;width: 100%;max-width: 320px;margin: auto;height: 300px;}
    .right-top-product .right-top-right{background: no-repeat center center/cover;width: 100%;max-width: 320px;margin: auto;height: 300px;}
    .right-bottom-product{background: no-repeat center center/cover;width: 100%;max-width: 640px;margin: 10px auto 0;height: 300px;}
/* star products css  */

/* footer css  */
    footer {background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);}
    .main-footer{padding: 40px 20px;}
    .resp-main-footer{display: none;}
    .top-footer-logo{text-align: center;}
    .top-footer-logo span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 350px;background-color: #fff;border-radius: 66px;padding: 6px;margin: auto;}
    .top-footer-logo span img{width: 300px;}
    .social-media-icons{display: flex;justify-content: center;align-items: center;gap: 20px;margin: 20px auto;position: relative;z-index: 0;}
    .social-media-icons a img{width: 24px;filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(114deg) brightness(109%) contrast(97%);}
    .down-footer-flex{display: flex;justify-content: center;gap: 20px;}
    .down-footer-flex .down-footer-cards{width: 100%;max-width: 300px;margin: 10px auto 20px;}
    .down-footer-flex .down-footer-cards:nth-child(2){max-width: 600px;margin: 10px 30px 20px;text-align: center;}
    .down-footer-flex .down-footer-cards h2{color: #fff;font-size: 22px;font-weight: 700;margin: 10px auto 20px;}
    .down-footer-flex .down-footer-cards ul li a{color: #fff;font-size: 16px;line-height: 1.6;margin: 5px 0;text-align: left;transition: all .4s;} 
    .down-footer-flex .down-footer-cards ul li a:hover{color: #fc0 !important;transition: all .4s;box-shadow: initial !important;} 
    .down-footer-flex .down-footer-cards:nth-child(2) a{display: flex;justify-content: center;align-items: center;gap: 10px;text-align: center;color: #fff;font-size: 16px;line-height: 1.6;margin: 15px auto;}
    .down-footer-flex .down-footer-cards:nth-child(2) a span{display: flex;justify-content: center;align-items: center;}
    .down-footer-flex .down-footer-cards:nth-child(2) a span img{width: 25px;filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(114deg) brightness(109%) contrast(97%);}
    .bottom-footer{background-color: #333;}
    .inner-bottom-footer{display: flex;justify-content: space-between;align-items: center;gap: 20px;}
    .inner-bottom-footer span {display: flex;padding: 10px 0;color: #fff;font-size: 14px;justify-content: center;align-items: center;}
    .resp-main-footer .down-footer-flex .down-footer-cards:nth-child(2){max-width: 300px;margin: 10px 0px 20px;text-align: initial;}
    .resp-main-footer .down-footer-flex .down-footer-cards:nth-child(2) a {display: flex;justify-content: flex-start;align-items: flex-start;gap: 10px;text-align: center;color: #fff;font-size: 16px;line-height: 1.6;margin: 15px auto;}
    .resp-main-footer .down-footer-flex .down-footer-cards:nth-child(3){max-width: 600px;margin: 10px 30px 20px;text-align: center;}
    .resp-main-footer .down-footer-flex .down-footer-cards:nth-child(3) a{display: flex;justify-content: center;align-items: center;gap: 10px;text-align: center;color: #fff;font-size: 16px;line-height: 1.6;margin: 15px auto;}
    .resp-main-footer .down-footer-flex .down-footer-cards:nth-child(3) a span{display: flex;justify-content: center;align-items: center;}
    .resp-main-footer .down-footer-flex .down-footer-cards:nth-child(3) a span img{width: 25px;filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(114deg) brightness(109%) contrast(97%);}
/* footer css  */

/* innerpage common css  */
    h3.inner-h3{font-size: 22px;color: #222;margin: 20px 0;text-align: left;line-height: 1.6;}
    .inner-page-ul li{font-size: 16px;margin: 10px 0;text-align: justify;line-height: 1.6;color: #555; position: relative;padding-left: 25px;}
    .inner-page-ul li::before {content: '';position: absolute;width: 10px;height: 10px;background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 64%);left: 0;top: 8px;margin: auto;border-radius: 50%;}
    .privacy-wrapper{margin-top: 180px;}
/* innerpage common css  */

/* right my account links css  */       
    .my-account-right-link-card{padding: 15px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 12px;margin: 20px 0;}
    .my-account-right-link-card ul{margin: 0;padding-left: 0;}
    .main-heading-li{font-size: 18px;padding: 0 0 10px;}
    .main-heading-li>a{border-bottom: 1px solid #d7d7d7;display: flex;padding: 10px 0;justify-content: flex-start;align-items: center;gap: 15px;color: #121212;transition: all .2s;}
    .main-heading-li > a:hover{color: #067cbd !important;box-shadow: initial !important;}
    .main-heading-li > a.active{color: #067cbd;}
    .right-arrow, .single-sub {margin: 0px 0px 0 0px;cursor: pointer;height: 27px;width: 28px;display: flex;justify-content: center;align-items: center;}
    .sub-menu-right-my-acc{padding: 10px 5px;border-bottom: 1px solid #d7d7d7;}
    .sub-menu-right-my-acc li a{font-size: 16px;color: #151515;margin: 5px 0;line-height: 1.4;transition: all .2s;}
    .sub-menu-right-my-acc li a:hover{color: #067cbd !important;box-shadow: initial !important;}
    .my-account-right-link-wrapper{width: 100%;max-width: 300px;}
    .myaccount-settings-wrapper{width: 100%;max-width: 300px;margin: auto 0;}
    .profile-pic {width: 100%;max-width: 200px;height: 200px;display: flex;justify-content: center;align-items: center;border-radius: 50%;margin: 20px auto;box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;}
    .profile-pic img{border-radius: 50%;}
    .profile-name{display: flex;justify-content: center;align-items: center;}
    .profile-name h4{font-size: 20px;color: #243b86;margin: 10px auto 20px;}
    .my-acount-links {padding: 10px 17px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 15px;margin: 20px auto;}
/* right my account links css  */

/* profile page css  */
    .my-account-page-wrapper{margin-top: 159px;}
    .inner-my-account-page{display: flex;justify-content: space-evenly;align-items: flex-start;padding: 10px 0 159px;}
    .my-account-left-content {width: 100%;max-width: 1100px;padding: 30px 40px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 15px;margin: 20px 10px;}
    .account-holder-pic-name {display: flex;justify-content: space-between;align-items: center;gap: 20px;margin: 10px auto 30px;border-bottom: 1px solid #d7d7d7;padding-bottom: 10px;}
    .account-holder-pic-name h2:last-child{display: flex;justify-content: center;align-items: center;gap: 20px;color: #fd9615;font-size: 21px;}
    .account-holder-pic-name h2:last-child span {display: flex;justify-content: center;align-items: center;width: 80px;height: 80px;border-radius: 50%;box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;overflow: hidden;}
    .account-holder-pic-name h2:last-child span img{width: 80px;border-radius: 50%;}
    form.personal-inform{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 10px 20px;}
    .personal-inputs{width: 100%;max-width: 46%;}
    .personal-inputs input, .personal-inputs select {padding: 12px 10px;background: #f9f9f9;border-radius: 4px;color: #555;font-size: 15px; border: 1px solid #dfdfdf; box-shadow: inset 0 0 3px #c6c6c6;}
    .personal-inputs input::placeholder{color: #555;}
    .radio-wrapper{display: flex;justify-content: flex-start;align-items: center;gap: 20px;}
    .personal-inputs span.radio {display: flex;font-size: 16px;text-align: center;justify-content: center;align-items: center;gap: 10px;flex-wrap: wrap;}
    .personal-submit button{margin: 20px auto;padding: 9px 60px 10px;color: #fff; background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);border-radius: 28px;font-size: 17px;letter-spacing: .2px;cursor: pointer;transition: all .2s;}
    .personal-submit button:hover{background-image: #fff;border: 1px solid #2a2a72;}
    .personal-submit button:hover {border: 0;color: #fff;background: #f98c00;background-image: linear-gradient(315deg, #f98000 0%,#f98c00 74%);}
    .border-form-bottom{height: 1px;background: #ddd;width: 100%;margin: 10px auto 15px;}
    .border-form-bottom-doted{border: 1px dotted; border-color: #454545;}
/* profile page css  */

/* order confirmed page css  */
    .order-confirmed-wrapper {padding: 40px 20px 180px;margin-top: 159px;}
    .top-order-confirm{border-bottom: 1px solid #555;}
    .thank-u-wrapper{display: flex;justify-content: space-between;align-items: center;gap: 20px;}
    .thank-u-wrapper h3{font-size: 22px;margin: 10px 0;text-align: left;color: #121212;line-height: 1.4;}
    .thank-u-wrapper h3 span{color: #3090cf;}
    .thank-u-wrapper a{margin: auto 0;padding: 12px 15px;color: #2a2a72;border: 1px solid #2a2a72;border-radius: 28px;font-size: 17px;letter-spacing: .2px;}
    h1.order-tick-ok{display: flex;justify-content: flex-start;align-items: center;gap: 20px;color: #61dc0c;font-weight: 600;font-size: 28px;margin: 30px 0;}
    h1.order-tick-ok span{height: 35px;width: 35px;border-radius: 50%;background-color: #61dc0c;display: flex;justify-content: center;align-items: center;}
    h1.order-tick-ok span img{width: 16px;filter: invert(98%) sepia(7%) saturate(246%) hue-rotate(105deg) brightness(121%) contrast(100%);}
    .inner-order-confirm p{margin: 20px 0;}
    .inner-order-confirm p span{color: #3090cf;display: flex;}
    .ship-bill-details{display: flex;justify-content: space-between;gap: 20px;margin: 30px auto 0;}
    .amount-detailes{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;margin: 10px auto;padding: 10px 0;color: #555;}
    .total-txt{color: #000 !important;font-weight: 500;border-bottom: 0 !important;}
    .ship-left{display: flex;justify-content: space-between;width: 100%;max-width: 65%;}
    .ship-left p{font-size: 20px;color: #000;margin: 5px 0 24px;}
    .ship-left a {margin: auto 0;padding: 12px 15px;color: #fff;background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);border-radius: 28px;font-size: 17px;letter-spacing: .2px;width: 100%;max-width: 250px;text-align: center;}
    .ship-left a {margin: auto 30px auto 0;padding: 12px 15px;color: #fff;background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);border-radius: 28px;font-size: 17px;letter-spacing: .2px;width: 100%;max-width: 250px;text-align: center;}
    .ship-right {width: 100%;max-width: 33%;}
    .ship-right h4{font-size: 20px;line-height: 1.6;margin: 5px 0;font-weight: 500;}
    .ship-right p{font-size: 20px;color: #000;}
/* order confirmed page css  */

/* my cart page css  */
    .my-cart-wrapper{padding: 40px 20px 180px;margin-top: 159px;}
    .heading-cart{border-bottom: 1px solid #c1c1c1;}
    .heading-cart h2{color: #3090cf;font-size: 25px;margin: 10px 0;text-align: left;line-height: 1.6;}
    .product-cart-wrapper{display: flex;justify-content: space-between;gap: 20px;align-items: flex-start;}
    .product-cart-left-wrapper{  width: 100%;max-width: 1000px;margin: 20px 0;}
    .product-cart-left {margin: 0px 0;display: flex;justify-content: flex-start;gap: 20px;border-bottom: 1px dotted;padding: 20px 0;}
    .product-cart-left-wrapper .product-cart-left:first-child{border-top: 0;padding-bottom: 20px;}
    .product-pic-left{width: 100%;max-width: 200px;margin: 0 30px 0 0;}
    .product-cart-left .product-pic-left span {display: flex;justify-content: center;align-items: center;}
    .product-cart-left .product-pic-left span img{width: 100px;height: 100px; object-fit: contain;}
    .cart-increase-decrease {display: flex;justify-content: center;align-items: center;gap: 11px;width: 100%;max-width: 132px;margin: 20px auto auto;}
    /* .less-flied, .plus-flied {border-radius: 50%;height: 24px;width: 100%;max-width: 24px;font-size: 15px;display: flex;justify-content: center;align-items: center;margin: auto;cursor: pointer;background: #efefef;padding-bottom: 3px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;} */
    /* .less-flied, .plus-flied {border-radius: 50%;height: 24px;width: 100%;max-width: 24px;font-size: 14px;font-weight: 600;display: flex;justify-content: center;align-items: center;margin: auto;cursor: pointer;background: #efefef;padding-bottom: 3px;box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);border: 1px solid rgba(0, 0, 0, 0.3);} */
    .less-flied, .plus-flied {border-radius: 50%;height: 24px;width: 100%;max-width: 24px;font-size: 19px;font-weight: 500;display: flex;justify-content: center;align-items: center;margin: auto;cursor: pointer;background: #efefef;padding-bottom: 3px;box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);border: 1px solid rgba(0, 0, 0, 0.3);}
    .less-flied:hover, .plus-flied:hover{box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;transition: all .4s;}
    .number-flied {border: 1px solid #afafaf;padding: 0px;text-align: center;border-radius: 6px;font-size: 15px;}
    .product-name-price-right {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;}
    .product-name-price-right h4 {font-size: 18px;line-height: 1.6;padding: 0 0 3px;border-bottom: 1px solid #d5c6c6;margin-bottom: 0;}
    .price-mrp{display: flex;justify-content: flex-start;align-items: center;gap: 20px;font-size: 17px;padding: 0 0 10px;}
    .product-code{color: #756e6e;}
    .price-mrp s{color: #cfcfcf;font-size: 14px;}
    .price-mrp em{font-style: initial;color: #185bad;font-weight: 600;font-size: 13px;}
    .dobbel-a-cart{display: flex;justify-content: flex-start;align-items: center;gap: 20px;}
    .dobbel-a-cart a:nth-child(1){color: #0f7ed9;}
    .dobbel-a-cart a:nth-child(2){color: #ae0707;}
    .dobbel-a-cart a{font-size: 14px;color: #000;line-height: 1.4;text-align: center;font-weight: 400;}
    .dobbel-a-cart a:hover{color: #067cbd !important;box-shadow: initial !important;}
    .product-cart-right{width: 100%;max-width: 450px;margin: 20px 0;}
    .promo-from{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;display: flex;justify-content: space-between;align-items: center;padding: 20px;width: 100%;max-width: 450px;border-radius: 50px;}
    .promo-from input{padding: 8px 20px;color: #444 !important;font-size: 15px; font-style: italic;}
    .promo-from input::placeholder{color: #444;}
    .promo-from button {width: 100%;max-width: 30px;background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);border-radius: 50%;height: 30px;color: #fff;display: flex;justify-content: center;align-items: center;}
    .promo-from button img{width: 20px;filter: invert(98%) sepia(7%) saturate(246%) hue-rotate(105deg) brightness(121%) contrast(100%);}
    .item-price-details{padding: 30px;border-radius: 25px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;margin: 30px 0;}
    .item-price-details h3{font-size: 19px;text-transform: uppercase;color: #121212;padding: 0 0 15px;border-bottom: 1px solid #000;}
    .price-details{display: flex;justify-content: space-between;align-items: center;gap: 20px;}
    .price-details p{margin: 10px 0;}
    .total-price-details {border-top: 1px solid #000;border-bottom: 1px solid #000;}
    .total-price-details p{color: #000;}
    .save-p{margin: 10px auto;text-align: center;color: #1662b5;}
    .btn-check-qoets{display: flex;justify-content: center;align-items: center;gap: 10px;}
    .btn-check-qoets a{margin: auto ;padding: 12px 15px;color: #fff;background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);border-radius: 28px;font-size: 17px;letter-spacing: .2px;display: flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;transition: all .4s;}
    .btn-check-qoets a:hover{color: #fff !important;transition: all .4s;box-shadow: 0 4px 6px 0 rgba(0,0,0,.12);background-image: linear-gradient(315deg, #067cbd 0%, #2a2a72 74%); }
    .modal {position: absolute;z-index: 10000; /* 1 */top: 0;left: 0;visibility: hidden;width: 100%;height: 100%;}
    .modal.is-visible {visibility: visible;}
    .modal-overlay {position: fixed;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;background: hsla(0, 0%, 0%, 0.5);visibility: hidden;opacity: 0;transition: visibility 0s linear 0.3s, opacity 0.3s;}
    .modal.is-visible .modal-overlay {opacity: 1;visibility: visible;transition-delay: 0s;}
    /* .modal-container {position: absolute;z-index: 9999;top: 10%;left: 0;right:0;width: 100%;max-width: 800px;margin: 0 auto; background: #fff;border-radius: 8px !important;} */
    .modal-container {position: fixed;z-index: 9999;top: 0;left: 0;right: 0;width: 100%;max-width: 800px;margin: 0 auto;background: #fff;border-radius: 8px !important;bottom: 0;height: 600px;margin: auto;overflow: scroll;}
    .modal-transition {transition: all 0.3s 0.12s;transform: translateY(-10%);opacity: 0;}
    .modal.is-visible .modal-transition {transform: translateY(0);opacity: 1;}
    .modal-content,.modal-body{padding: 30px 0 40px;}
    .modal-body h2{text-align: center;margin: 10px auto 20px;color: #1662b5;font-weight: 500;}
    /* .modal-close {position: absolute;top: -51px;right: -40px;padding: 1em;color: #fff;background: none;text-align: right !important;font-size: 20px;border: 4px solid #fff;border-radius: 50%;width: 100%;max-width: 20px;display: flex;justify-content: center;align-items: center;height: 20px;cursor: pointer;} */
    .modal-close {position: absolute;top: 10px;right: 10px;padding: 1em;color: #067cbd;background: none;text-align: right !important;font-size: 20px;border: 2px solid #067cbd;border-radius: 50%;width: 100%;max-width: 20px;display: flex;justify-content: center;align-items: center;height: 20px;cursor: pointer;}
    .modal-heading{font-size: 20px;text-transform: capitalize;color: #04498e;position: relative; margin:0px}
    form.ask-quote-form input {width: 100%;font-size: 16px; border: 1px solid #eee;background: #fff;padding: 18px 15px;border-radius: 8px;text-align: center;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    form.ask-quote-form input::placeholder, form.ask-quote-form textarea::placeholder {opacity: 1;color: #454545;}
    .ask-quote-flex-card{display: flex;justify-content: center;align-items: center;gap: 15px;margin: 10px auto;}
    .quote-filed-card{display: flex;justify-content: center;align-items: center;gap: 20px;flex-direction: column;}
    .ask-quote-flex-card .quote-filed-card:nth-child(1){width: 100%;max-width: 350px;}
    .ask-quote-flex-card .quote-filed-card:nth-child(2){width: 100%;max-width: 200px;}
    .quote-filed-card label{font-size: 22px;text-align: center;}
    .quote-txt-area{width: 100%;max-width: 560px;margin: auto;}
    .quote-txt-area textarea{width: 100%;font-size: 16px; border: 1px solid #eee;background: #fff;padding: 25px 15px;border-radius: 8px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .ask-quote-btn{margin: 30px auto 0;padding: 12px 15px;color: #fff;background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);border-radius: 28px;font-size: 17px;letter-spacing: .2px;display: flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;cursor: pointer;}
/* my cart page css  */

/* my wishlist page css  */
    .my-wishlist-wrapper{padding: 40px 20px;}
    .heading-wishlist{border-bottom: 1px solid #555;}
    .heading-wishlist h2{color: #3090cf;font-size: 25px;margin: 10px 0;text-align: left;line-height: 1.6;}
    .wishlist-cards-wrapper {padding: 0px 0 20px;display: flex;justify-content: flex-start;align-items: flex-start;gap: 20px;flex-wrap: wrap;}
    .wishlist-card {width: 100%;max-width: 270px;margin: 0px 15px 10px;}
    .wishlist-card div{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 20px;margin: 20px auto;border-radius: 8px;z-index: -1;}
    .wishlist-card div em{margin: auto;display: flex;justify-content: flex-end;align-items: center;}
    .wishlist-card div em img{width: 23px;}
    .wishlist-card div span{display: flex;justify-content: center;align-items: center;margin: 20px auto;}
    .wishlist-card div span img {width: 100%;max-width: 250px;height: 200px;object-fit: contain;}
    .wishlist-card div h4 {font-size: 16px;color: #444;margin: 0px auto 10px;text-align: center;line-height: 1.6;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .wishlist-card div p{color: #121212;font-size: 22px;margin: 20px auto;text-align: center;}
    .wishlist-card a.move-to-cart-a {margin: auto;padding: 10px;color: #2a2a72;border: 1px solid #2a2a72;border-radius: 28px;font-size: 17px;letter-spacing: .2px;display: flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;transition: all .2s;}
    .wishlist-card a.move-to-cart-a:hover{background-image: linear-gradient(315deg, #031833 0%, #009ffd 74%);color: #fff !important;border: 0;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

    .shope-submit{display: flex;justify-content: center;align-items: center;}
    .shope-submit button{margin: 40px auto;padding: 12px 18px;color: #fff; background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);border-radius: 28px;font-size: 17px;letter-spacing: .2px;cursor: pointer;transition: all .2s;width: 100%;max-width: 200px;}
    .shope-submit button:hover{background-image: #fff;border: 1px solid #2a2a72;}
    .shope-submit button:hover {border: 0;color: #fff;background: #f98c00;background-image: linear-gradient(315deg, #f98000 0%,#f98c00 74%);}
/* my wishlist page css  */

/* manage address page css  */
    .add-address-card{display: flex;justify-content: flex-start;align-items: center;border: 1px solid #d7d7d7;padding: 14px 20px;gap: 20px;}
    .add-address-card a.modal-toggle-1{display: flex;gap: 20px;}
    .add-address-card a.modal-toggle-2{display: flex;gap: 20px;}
    .add-address-card span{display: flex;justify-content: center;align-items: center;}
    .add-address-card span img {width: 16px;filter: invert(21%) sepia(36%) saturate(2948%) hue-rotate(197deg) brightness(97%) contrast(89%);position: relative;z-index: -1;}
    .add-address-card p{margin: 0;color: #1d488d;font-weight: 500;}
    .address-cards-wrapper{padding: 40px 0;}
    .address-card{display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;position: relative;border: 1px solid #d7d7d7;padding: 20px;margin: 20px 0;}
    .address-card em{position: absolute;top: 20px;right: 20px;margin: auto;display: flex;justify-content: center;align-items: center;font-style: initial;gap: 5px;}
    .address-card em img{width: 16px;}
    .address-card em img:nth-child(1){filter: invert(60%) sepia(78%) saturate(2187%) hue-rotate(176deg) brightness(85%) contrast(90%);}
    .address-card em img:nth-child(2){filter: invert(14%) sepia(92%) saturate(5115%) hue-rotate(7deg) brightness(89%) contrast(116%);}
    .address-card span {font-size: 14px;background: #efefef;padding: 5px;border-radius: 4px;color: #676767;font-weight: 500;}
    .address-card h4{font-size: 18px;margin: 10px 0;text-align: left;line-height: 1.4;color: #000;}
    .address-card p{font-size: 16px;margin: 5px 0;line-height: 1.4;color: #545454;}
    .modal-1 {position: absolute;z-index: 10000; /* 1 */top: 0;left: 0;visibility: hidden;width: 100%;height: 150%;}
    .modal-1.is-visible {visibility: visible;}
    .modal-overlay-1 {position: fixed;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;background: hsla(0, 0%, 0%, 0.5);visibility: hidden;opacity: 0;transition: visibility 0s linear 0.3s, opacity 0.3s;}
    .modal-1.is-visible .modal-overlay-1 {opacity: 1;visibility: visible;transition-delay: 0s;}
    .modal-container-1 {position: fixed;overflow-x: hidden; z-index: 9999;top: 0;bottom: 0; left: 0;right:0;width: 100%;max-width: 1100px;height: 700px; margin: auto; background: #fff;border-radius: 8px !important;}
    .modal-transition-1 {transition: all 0.3s 0.12s;transform: translateY(-10%);opacity: 0;}
    .modal-1.is-visible .modal-transition-1 {transform: translateY(0);opacity: 1;}
    .modal-content-1,.modal-body-1{padding: 30px 0 40px;}
    .modal-body-1 h2{text-align: center;margin: 10px auto 20px;color: #1662b5;font-weight: 500;}
    .modal-close-1 {position: absolute;top: 25px;right: 25px !important;padding: 1em;color: #04498e;background: none;text-align: right !important;font-size: 20px;width: 100%;max-width: 20px;display: flex;justify-content: center;align-items: center;height: 20px;cursor: pointer;z-index: 99999999;}
    
    .modal-heading-1{font-size: 20px;text-transform: capitalize;color: #04498e;position: relative; margin:0px}
    .modal-close-1 img{filter: invert(26%) sepia(99%) saturate(1351%) hue-rotate(194deg) brightness(90%) contrast(89%);max-width: 40px;}
    /* .modal-2 {position: absolute;z-index: 10000; 1top: 0;left: 0;visibility: hidden;width: 100%;height: 150%;} */
    .modal-2 {position: fixed;z-index: 10000;top: 0;left: 0;visibility: hidden;width: 100%;height: 100%;}
    .modal-2.is-visible {visibility: visible;}
    /* .modal-overlay-2 {position: absolute;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;background: hsla(0, 0%, 0%, 0.5);visibility: hidden;opacity: 0;transition: visibility 0s linear 0.3s, opacity 0.3s;} */
    .modal-overlay-2 {position: fixed;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;background: hsla(0, 0%, 0%, 0.5);visibility: hidden;opacity: 0;transition: visibility 0s linear 0.3s, opacity 0.3s;}
    .modal-2.is-visible .modal-overlay-2 {opacity: 1;visibility: visible;transition-delay: 0s;}
    /* .modal-container-2 {position: absolute;z-index: 9999;top: 5%;left: 0;right:0;width: 100%;max-width: 1100px;margin: 0 auto; background: #fff;border-radius: 8px !important;} */
    .modal-container-2 {position: absolute;z-index: 9999;top: 0;left: 0;right: 0;width: 100%;max-width: 1100px;margin: 0 auto;background: #fff;border-radius: 8px !important;bottom: 0;margin: auto;height: 750px !important;}
    .modal-transition-2 {transition: all 0.3s 0.12s;transform: translateY(-10%);opacity: 0;}
    .modal-2.is-visible .modal-transition-2 {transform: translateY(0);opacity: 1;}
    .modal-content-2,.modal-body-2{padding: 30px 0 40px;}
    .modal-body-2 h2{text-align: center;margin: 10px auto 20px;color: #1662b5;font-weight: 500;}
    /* .modal-close-2 {position: absolute;top: -51px;right: -40px;padding: 1em;color: #fff;background: none;text-align: right !important;font-size: 20px;border: 4px solid #fff;border-radius: 50%;width: 100%;max-width: 20px;display: flex;justify-content: center;align-items: center;height: 20px;cursor: pointer;} */
    .modal-close-2 {position: absolute;top: 10px;right: 10px;padding: 1em;color: #1b4c91;background: none;text-align: right !important;font-size: 20px;border: 2px solid #1b4c91;border-radius: 50%;width: 100%;max-width: 20px;display: flex;justify-content: center;align-items: center;height: 20px;cursor: pointer;}
    .modal-heading-2{font-size: 20px;text-transform: capitalize;color: #04498e;position: relative; margin:0px}
/* manage address page css  */

/* Delivery address page css  */
    .delivery-address-wrapper{padding: 40px 20px;}
    .delivery-address-wrapper{display: flex;justify-content: space-between;gap: 20px;align-items: flex-start;}
    .delivery-address-left {width: 100%;max-width: 1100px;margin: 20px auto;}
    .delivery-address-edit{width: 100%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 25px;padding: 20px 30px;}
    .heading-delivery{border-bottom: 1px solid #555;display: flex;justify-content: space-between;align-items: center;}
    .heading-delivery h2{color: #121212;font-size: 25px;margin: 10px 0;text-align: left;line-height: 1.6;}
    .heading-delivery a{color: #2a2a72;font-size: 18px;margin: 10px 0;text-align: left;line-height: 1.6;}
    .delivery-address-cards{border-bottom: 1px solid #555;padding: 10px 0;}
    .delivery-address-edit .delivery-address-cards:nth-child(4){border-bottom: 0 !important;}
    .delivery-address-cards h3{color: #4444;font-size: 20px;margin: 10px 0;text-align: left;line-height: 1.6;}
    .delivery-address-cards p{color: #4444;font-size: 18px;margin: 10px 0;text-align: left;line-height: 1.6;}
    .delivery-address-edit .delivery-address-cards:nth-child(4) h3{color: #121212;}
    .delivery-address-edit .delivery-address-cards:nth-child(4) p{color: #121212;}
    .delivery-address-edit a.delivery-a {margin: 10px 0;padding: 8px 15px;color: #fff;background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);border-radius: 28px;font-size: 17px;letter-spacing: .2px;width: 100%;max-width: 200px;display: flex;justify-content: center;align-items: center;}
    .add-delivery-address{width: 100%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 25px;padding: 20px 30px;margin: 20px auto;}
    .add-delivery-address a{display: flex;justify-content: flex-start;align-items: center;}
    .add-delivery-address a span{display: flex;justify-content: center;align-items: center;}
    .add-delivery-address a span img{width: 18px;margin: 0 10px;filter: invert(38%) sepia(56%) saturate(1872%) hue-rotate(179deg) brightness(101%) contrast(98%);}
    .upload-file-card{transform: translateX(100px);}
    .upload-file-card input.address-file{width: 100%; max-width: 400px; border: 1px solid #d7d7d7; border-radius: 8px; padding: 10px;}
    .download-sample-file-a{background: transparent !important;color: #2a2a72 !important;text-decoration: underline ;margin: 0 !important;text-align: left !important;justify-content: flex-start !important;}
    .delivery-address-right{width: 100%;max-width: 450px;margin: 20px auto;}
    .promo-from{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;display: flex;justify-content: space-between;align-items: center;padding: 20px;width: 100%;max-width: 450px;border-radius: 50px;}
    .promo-from input{padding: 8px 20px;color: #444 !important;font-size: 15px; font-style: italic;}
    .promo-from input::placeholder{color: #444;}
    .promo-from button {width: 100%;max-width: 30px;background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);border-radius: 50%;height: 30px;color: #fff;display: flex;justify-content: center;align-items: center;}
    .promo-from button img{width: 20px;filter: invert(98%) sepia(7%) saturate(246%) hue-rotate(105deg) brightness(121%) contrast(100%);}
    .item-price-details{padding: 30px;border-radius: 25px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;margin: 30px 0;}
    .item-price-details h3{font-size: 19px;text-transform: uppercase;color: #121212;padding: 0 0 15px;border-bottom: 1px solid #000;}
    .price-details{display: flex;justify-content: space-between;align-items: center;gap: 20px;}
    .price-details p{margin: 10px 0;}
    .total-price-details {border-top: 1px solid #000;border-bottom: 1px solid #000;}
    .total-price-details p{color: #000;}
    .save-p{margin: 10px auto;text-align: center;color: #1662b5;}
/* Delivery address page css  */

/* manage employees page css  */
    .inner-manage-employees-page{display: flex;justify-content: space-evenly;align-items: flex-start;}
    .manage-employees-right-link-wrapper{width: 100%;max-width: 300px;}
    .manage-employees-pic-name{display: flex;justify-content: space-between;align-items: center;gap: 20px;margin: 10px auto 25px;border-bottom: 1px solid #efefef;}
    .manage-employees-pic-name h2{font-size: 22px;padding-bottom: 10px;line-height: 1.6;}
    .manage-employees-pic-name h2:last-child{display: flex;justify-content: center;align-items: center;gap: 10px}
    .manage-employees-pic-name h2:last-child span{display: flex;justify-content: center;align-items: center;width: 45px;height: 45px;border: 1px solid #000;border-radius: 50%;}
    .myaccount-settings-wrapper{width: 100%;max-width: 300px;margin: auto 0;}
    .manage-employees-left-content {width: 100%;max-width: 1100px;padding: 30px 20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 15px;margin: 20px auto;}
    .manage-employees-table-wrapper{margin: 5px 0 25px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .manage-employees-table{width: 100%;max-width: 100%;margin: 0 auto;box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;}
    .manage-employees-table tr td{padding: 9px;border: 1px solid #ddd;}
    .manage-employees-table tr th {padding: 6px;background-color: #067cbd;text-align: center;border: 1px solid #ddd;color: #fff;}
    .manage-employees-table tr:nth-child(odd){background: #f1eeee;}
    .manage-employees-table tr:nth-child(even){background: #fff;}
    .manage-employees-table tr td input{background: #fff;border: 1px solid #dfdfdf;padding: 5px 8px;}
    .action-cell-icons{display: flex;justify-content: center;align-items: center;gap: 5px;padding: 12px !important;}
    .action-cell-icons span {display: flex;justify-content: center;align-items: center;width: 18px;}
    .action-cell-icons span img{width: 24px;}
    /* .action-cell-icons span:nth-child(1) img{filter: invert(60%) sepia(78%) saturate(2187%) hue-rotate(176deg) brightness(85%) contrast(90%);}
    .action-cell-icons span:nth-child(2) img{filter: invert(60%) sepia(78%) saturate(2187%) hue-rotate(176deg) brightness(85%) contrast(90%);}
    .action-cell-icons span:nth-child(3) img{filter: invert(14%) sepia(92%) saturate(5115%) hue-rotate(7deg) brightness(89%) contrast(116%);} */
/* manage employees page css  */

/* add employees page css  */   
    .add-employees-page-wrapper{margin-top: 159px;padding: 10px 0 180px;}
    .inner-add-employees-page{display: flex;justify-content: space-evenly;align-items: flex-start;}
    .add-employees-right-link-wrapper{width: 100%;max-width: 300px;}
    .add-employees-pic-name{display: flex;justify-content: space-between;align-items: center;gap: 20px;margin: 10px auto 25px;border-bottom: 1px solid #efefef;}
    .add-employees-pic-name h2{font-size: 22px;padding-bottom: 10px;line-height: 1.6;}
    .add-employees-pic-name h2:last-child{display: flex;justify-content: center;align-items: center;gap: 10px}
    .add-employees-pic-name h2:last-child span{display: flex;justify-content: center;align-items: center;width: 45px;height: 45px;box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;border-radius: 50%;}
    .add-employees-pic-name h2 img{border-radius: 50%;}
    .add-employees-left-content {width: 100%;max-width: 1100px;padding: 30px 20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 15px;margin: 20px 10px;}
    .personal-inputs textarea {background: #f9f9f9;color: #555 !important;padding: 20px 10px;transition: all .2s;outline: 1px solid transparent;border-radius: 4px;border:1px solid #dfdfdf}
    .personal-inputs textarea::placeholder{color: #555;}
/* add employees page css  */

/* my ordered page css  */
    .my-orders-page-wrapper{margin-top: 159px;padding: 10px 0 180px;}
    .inner-my-orders-page{display: flex;justify-content: space-evenly;align-items: flex-start;}
    .my-orders-right-link-wrapper{width: 100%;max-width: 300px;}
    .my-orders-pic-name{display: flex;justify-content: space-between;align-items: center;gap: 20px;margin: 10px auto 25px;border-bottom: 1px solid #efefef;}
    .my-orders-pic-name h2{font-size: 22px;padding-bottom: 10px;line-height: 1.6;}
    .my-orders-pic-name h2:last-child{display: flex;justify-content: center;align-items: center;gap: 10px}
    .my-orders-pic-name h2:last-child span {display: flex;justify-content: center;align-items: center;width: 45px;height: 45px;border-radius: 50%;box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;}
    .my-orders-left-content {width: 100%;max-width: 1100px;padding: 30px 20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 15px;margin: 20px 10px;}
    .my-order-tab.tabs {padding: 0;margin: 40px 0 0;}
    .my-orders-tabs ul#order-tabs-nav {overflow: auto;display: flex;justify-content: flex-start;white-space: nowrap;}
    .my-orders-tabs ul#order-tabs-nav li:hover a,
    .my-orders-tabs ul#order-tabs-nav li.active a {background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);color: #fff;}
    .my-orders-tabs #order-tabs-nav li a {color: #234;padding: 8px 25px;background: #ebebeb;transition: all .3s ease-in-out;}
    .my-orders-tabs #order-tabs-nav li:first-child a{border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
    .my-orders-tabs #order-tabs-nav li:last-child a{border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
    .my-orders-tabs .order-tab-content {margin-top: 25px;}
    .my-orders-tabs .order-tab-content p{color: #555;font-size: 16px;line-height: 1.6;margin: 10px 0;text-align: left;}
    .my-orders-tabs .order-tab-content p a{color: #0779B5;font-size: 17px;line-height: 1.6;}
    .my-orders-cards-wrapper {display: flex;justify-content: center;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 8px;padding: 20px;}
    .left-my-order-card {display: flex;justify-content: flex-start;gap: 20px;width: 100%;max-width: 480px;margin: 20px auto;}
    .left-my-order-card .img-order-item {width: 100%;max-width: 200px;margin: auto 0;}
    .left-my-order-card .img-order-item span{display: flex;justify-content: center;align-items: center;}
    .left-my-order-card .img-order-item span img{width: 200px;margin: auto;}
    .content-order-item h3{font-size: 16px;}
    .right-my-order-card {width: 100%;max-width: 400px;display: flex;justify-content: space-around;}
    .status-of-order p{display: flex;justify-content: center;align-items: center;gap: 10px;margin: 20px 0;}
    .status-of-order p span{width: 10px;height: 10px;display: flex;justify-content: center;align-items: center;background: #8cd014;border-radius: 50%;}
/* my ordered page css  */

/* bread crums css  */
    .banner-breadcrumbs{margin: 0 auto;display: flex;justify-content: flex-start;align-items: center;}
    .banner-breadcrumbs article {background: #fff;padding: 12px 20px;display: flex;justify-content: center;align-items: center;border-radius: 2px 2px 0 0;}
    .banner-breadcrumbs article span{display: inline-block;margin: 0 8px;color: #555;font-size: 16px;}
    .banner-breadcrumbs article span .current-page,.banner-breadcrumbs article span a:hover{text-decoration: underline;color: #292e77;}
    .banner-breadcrumbs article span a{display: block;transition: all .3s;}
    .banner-breadcrumbs article span:nth-child(2n){font-size: 8px;}
/* bread crums css  */

/* product page css  */
    .product-page-wrapper {padding: 40px 0px 180px;margin-top: 159px;}
    .product-overview-wrapper{display: flex;justify-content: space-evenly;gap: 20px;}
    .product-overview-wrapper .left-product-overview{width: 100%;max-width: 400px;}  
    .product-overview-wrapper .right-product-overview{width: 100%;max-width: 800px;}  
    .outer { margin:0 auto; max-width:400px;}
    #big .item {padding: 20px 0px; margin:2px; color: #FFF; border-radius: 3px; text-align: center; }
    #big .item img{width: 100%;max-width: 400px;height: 250px;object-fit: contain;}
    #thumbs{display: flex !important;justify-content: flex-start !important;align-items: center !important;width: 100%;max-width: 350px;}
    #thumbs .item {height: 100%;padding: 0px; margin:2px; color: #FFF; border-radius: 3px; text-align: center; cursor: pointer;border: 1px solid #ddd;width: 100%;max-width: 60px;display: flex;justify-content: center;align-items: center;}
    #thumbs .item img{width: 50px;height: 50px;object-fit: contain;}
    #thumbs .current .item {border: 1px solid #003552; }
    .owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; }
    .owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; }
    #big.owl-theme { position: relative; }
    #big.owl-theme .owl-next, #big.owl-theme .owl-prev {background: #18181899;width: 30px;height: 30px;margin-top: -20px;position: absolute;text-align: center;top: 50%;color: #fff;}
    #big.owl-theme .owl-prev { left: 10px; }
    #big.owl-theme .owl-next { right: 10px; }
    #thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev { background:#333; }
    .buy-cart-btns {display: flex;justify-content: center;align-items: center;gap: 20px;margin: 40px auto 20px;}
    .buy-cart-btns a.add-cart-btn {gap: 20px;margin: auto 0;padding: 10px;color: #2a2a72;border: 1px solid #2a2a72;border-radius: 28px;font-size: 17px;letter-spacing: .2px;display: flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;}
    .buy-cart-btns a.buy-now-btn {display: flex;justify-content: center;align-items: center;gap: 20px;margin: auto 0;padding: 10px;color: #fff;background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);border-radius: 28px;font-size: 17px;letter-spacing: .2px;width: 100%;max-width: 200px;}
    .buy-cart-btns a.add-cart-btn span{display: flex;justify-content: center;align-items: center;gap: 20px;}
    .buy-cart-btns a.add-cart-btn span img{width: 18px;filter: invert(16%) sepia(20%) saturate(6528%) hue-rotate(226deg) brightness(87%) contrast(94%);}
    .buy-cart-btns a.buy-now-btn  span{display: flex;justify-content: center;align-items: center;gap: 20px;}
    .buy-cart-btns a.buy-now-btn  span img{width: 18px;filter: invert(100%) sepia(0%) saturate(7449%) hue-rotate(39deg) brightness(112%) contrast(100%);}    
    .pdf-btn-wrapper {display: flex;justify-content: flex-start;align-items: center;gap: 20px;margin: 40px auto 20px;}
    .pdf-btn-wrapper a.download-btn {display: flex;justify-content: flex-start;align-items: center;gap: 10px;margin: auto 0;padding: 10px;color: #2a2a72;border-radius: 28px;font-size: 17px;letter-spacing: .2px;width: 100%;max-width: 260px;border: 1px solid #2a2a72;}
    .pdf-btn-wrapper a.download-btn  span{display: flex;justify-content: center;align-items: center;gap: 20px;}
    .pdf-btn-wrapper a.download-btn  span img{width: 25px;}    
    .heading-product{border-bottom: 1px solid #ddd;}
    .heading-product h2{font-size: 22px;padding: 0 0 10px;line-height: 1.4;}
    .right-product-overview h4{font-size: 20px;padding: 10px 0 5px;}
    .right-product-overview h4 span{font-size: 16px;}
    .stock-status{color: #21d008;font-size: 18px;font-weight: 500;margin: 15px 0;display: block;}
    .bank-offer-part{border-bottom: 1px solid #ddd;}
    .bank-offer-part h3{font-size: 16px;}
    .bank-offer-part p{display: flex;justify-content: flex-start;align-items: center;gap: 10px;margin: 10px 0;}
    .bank-offer-part span{display: flex;justify-content: center;align-items: center;}
    .bank-offer-part span img {width: 22px;filter: invert(47%) sepia(25%) saturate(3438%) hue-rotate(80deg) brightness(116%) contrast(94%);}
    .bank-offer-part i{color: #000;font-style: initial;}
    .Discription-wrapper{padding: 15px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 8px;}
    .Specification-wrapper{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 8px;padding: 15px;}
    .specification-ul li {font-size: 16px;color: #454545;list-style-type: circle;margin-left: 20px;padding: 6px 0 10px;border-bottom: 1px dotted #656565;}
    .genral-wrapper{border-bottom: 1px solid #ddd;}
    .sepecification-card{display: flex;justify-content: space-between;align-items: center;gap: 20px;border-bottom: 1px solid #ddd;padding: 5px 30px;}
    .Specification-wrapper h3{font-size: 25px;color: #292c75;padding: 30px 30px 10px;border-bottom: 1px solid #ddd;}
    .product-page-wish-list {display: flex;justify-content: center;align-items: center;width: 25px;height: 25px;position: absolute;top: 10px;right: -40px;cursor: pointer;border: 1px solid #ddd;border-radius: 50%;}
    .product-page-wish-list img{width: 15px;}
/* product page css  */

/* laptops page css  */
    .inner-Laptop-page{display: flex;justify-content: center;gap: 20px;}
    .Laptop-right-link-wrapper{width: 100%;max-width: 250px;margin: 0 auto;}
    .laptops-right-link-wrapper{padding: 20px 0;width: 100%;max-width: 250px;margin: auto;}
    .categories, .price-level, .filter-level{padding: 15px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 12px;margin: 20px 0;}
    .categories h3, .price-level h3, .filter-level h3{font-size: 22px;border-bottom: 1px solid #ddd;padding: 0 0 5px;}
    .categories ul, .price-level ul, .filter-level ul{border-bottom: 1px solid #ddd;padding: 10px 0 10px;}
    .categories ul li a, .price-level ul li a, .filter-level ul li a{padding: 0 10px;font-size: 14px;color: #545454;}
    .price-level ul li, .filter-level ul li{display: flex;justify-content: flex-start;align-items: center;gap: 10px;}
    .price-level ul li input, .filter-level ul li input{width: 18px;}
    .inner-banner {background: no-repeat center center/cover;height: 300px;border-radius: 8px;}
    .laptop-right-wrapper {width: 100%;max-width: 1250px;margin: 20px auto;}
    .categories ul.main-menu li a{display: flex;justify-content: flex-start;align-items: center;gap: 5px;}
    .categories ul.main-menu li a span{display: flex;justify-content: center;align-items: center;}
    .categories ul.main-menu li a span img{width: 16px;filter: invert(35%) sepia(76%) saturate(1646%) hue-rotate(189deg) brightness(84%) contrast(92%);}
    .sub-menu-right-link{margin-left: 20px;}
    .sub-menu-right-link li{display: initial;}
    .sub-menu-right-link li a{color: #121212 !important;}
    .sub-menu-right-link{border-bottom: 0 !important;}
    .Laptop-page-wrapper{  margin-top: 159px;padding: 10px 0 180px;}
    .laptops-cards-wrapper{padding: 0px 0 20px;display: flex;justify-content: center;align-items: flex-start;gap: 20px;flex-wrap: wrap;}
    .laptops-card {width: 100%;max-width: 280px;margin: 20px 5px;}
    .laptops-card div.laptop-inner-card {position: relative;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 20px;margin: 20px auto;border-radius: 8px;min-height: 440px;display: flex;justify-content: space-between;flex-direction: column;}
    .laptop-main{position: relative;}
    .laptop-a-product-page{position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
    .laptops-card div em {margin: 0 auto;display: flex;justify-content: flex-end;align-items: center;width: 100%;} 
    .laptops-card div em img{width: 23px;}
    .laptops-card div span {display: flex;justify-content: center;align-items: center;margin: 20px auto 0;}
    .laptops-card div span img {width: 100%;max-width: 200px;height: 150px;object-fit: contain;}
    .laptops-card div h4{font-size: 16px;color: #444;margin: 20px auto 10px;text-align: center;line-height: 1.6;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .laptops-card div.laptop-main p{color: #121212;font-size: 22px;margin: 20px auto;text-align: center;}
    .laptops-card a.move-to-cart-a {margin: auto;padding: 10px;color: #2a2a72;border: 1px solid #2a2a72;border-radius: 28px;font-size: 17px;letter-spacing: .2px;display: flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;}
    .laptops-card a.move-to-cart-a:hover {color: #fff;border: 0;box-shadow: 0 4px 6px 0 rgb(0 0 0 / 12%);background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);}
    .add-cart-product-card{display: flex;justify-content: center;align-items: center;gap: 20px;}
    .add-cart-product-card p{font-size: 16px !important;color: #17ad0a;font-weight: 500 !important;margin: 0 !important;border-right: 2px solid #26357f;padding-right: 15px;}
    a.bank-offer-a{margin-left: -10px;color: #f57c14;}
    .add-cart-product-card a span {display: flex;justify-content: center;align-items: center;margin: auto;}   
    .add-cart-product-card a span img {width: 30px;filter: invert(51%) sepia(76%) saturate(1763%) hue-rotate(354deg) brightness(99%) contrast(93%);transition: all .2s;height: initial;}
    .add-cart-product-card a span img:hover{transform: scale(1.2);}
/* laptops page css  */
    .check-out-wrapper{margin-top: 159px;padding: 10px 0 180px;}
    .inner-check-out-wrapper{margin: 40px auto;}
    .inner-check-out{display: flex;justify-content: flex-start;align-items: flex-start;gap: 20px;margin: 40px auto;}   
    .check-out-top-side ul{display: flex;justify-content: center;gap: 40px;flex-wrap: wrap;}
    .check-out-top-side ul li a {padding: 10px 20px;color: #fff;font-size: 17px;box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);border-radius: 8px;}
    .check-out-top-side ul li a em{font-style: initial;}
    .check-out-top-side ul li a.active{color: #ffed00;}
    .check-out-top-side ul li a:hover{color: #ffed00;}
    .check-out-left-side{width: 100%;max-width: 1100px;margin: 10px auto;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 20px;border-radius: 8px;}
    .check-out-heading{margin: 10px 0 28px;border-bottom: 1px dotted #454545;}
    .check-out-heading h2 {font-size: 25px;padding: 0 0 10px 10px;display: flex;justify-content: flex-start;align-items: center;gap: 10px;color: #0983c6;}
    .check-out-heading h2 span {display: flex;justify-content: center;align-items: center;padding: 5px 8px;font-size: 18px;color: #fff;border-radius: 4px;background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);}
    .check-out-left-side form.check-out-form-login{flex-direction: column;padding: 0px 20px 20px;}
    .check-out-right-side {width: 100%;max-width: 450px;margin: 10px auto;}
    .pre-next-btns-wrapper{display: flex;justify-content: flex-end;align-items: center;padding: 20px 0 0;gap: 20px;}
    .pre-next-btns-wrapper a{margin: auto 0;padding: 12px 15px;color: #fff;background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);border-radius: 28px;font-size: 17px;letter-spacing: .2px;display: flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;}
    .mult-add-input-wrapper{display: flex;justify-content: flex-start;align-items: center;}
    .mult-add-input-wrapper div h4{margin-bottom: 0;}    
    .mult-add-input{width: 40px;margin: 6px 5px 0 0 !important;}
    .upload-file-card .address-file{margin-top: 0 !important;}
    .address-radio-wrapper{width: 100%;position: relative;display: flex;justify-content: flex-start;align-items: flex-start;padding: 30px;border-bottom: 1px dotted #454545;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 8px;}
    .address-radio-wrapper em{position: absolute;top: 15px;right: 15px;margin: auto;font-style: initial;font-size: 18px;}
    .address-radio-wrapper input{width: 40px;margin: 12px 5px 0 0;}
    .address-radio-wrapper div h4{display: flex;justify-content: flex-start;align-items: center;gap: 20px;font-size: 20px;color: #1f4389;}
    .address-radio-wrapper div h4 span{background: #efefef;padding: 5px 10px;border-radius: 5px;color: #454;}
    .address-radio-wrapper div h4 i{font-style: initial;}
    .address-radio-wrapper div p{margin: 10px 0 15px;}
    .address-radio-wrapper div >a{margin: auto 0;padding: 12px 15px;color: #fff;background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);border-radius: 28px;font-size: 17px;letter-spacing: .2px;display: flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;}
    .add-address-wrapper {width: 100%;display: flex;justify-content: flex-start;align-items: center;padding: 14px 20px;gap: 20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 8px;max-width: 968px;margin: auto auto 20px;border-bottom: 1px dotted #454545;}
    .add-address-wrapper a.modal-toggle-1{display: flex;gap: 20px;}
    .add-address-wrapper a.modal-toggle-2{display: flex;gap: 20px;}
    .add-address-wrapper span{display: flex;justify-content: center;align-items: center;}
    .add-address-wrapper span img {width: 16px;filter: invert(21%) sepia(36%) saturate(2948%) hue-rotate(197deg) brightness(97%) contrast(89%);}
    .add-address-wrapper p{margin: 0;color: #1d488d;font-weight: 500;}
    .order-summary-card-wrapper{display: flex;justify-content: space-evenly;align-items: center;border-bottom: 1px dotted #454545;padding: 5px 20px;gap: 20px;}
    .order-img{width: 100%;max-width: 300px;margin: 10px 0;}
    .order-img span{display: flex;justify-content: center;align-items: center;margin: 0 0 15px;}
    .order-img span img{width: 100%;max-width: 100px;}
    .order-details{width: 100%;max-width: 800px;margin: 10px 0;}
    .order-details h4{font-size: 18px;color: #121618;}
    .order-details span{display: block;font-size: 16px;margin: 10px 0;text-align: left;color: #565656;}
    .order-details p{margin: 5px 0;color: #121212;font-weight: 500;font-size: 16px;}
    .order-details p s{color: #565656;}
    .order-details p em{font-style: initial;color: #24c403;}
    .order-details p i{font-style: initial;color: #24c403;}
    .payment-option-main-wrapper{border-bottom: 1px dotted #454545;}
    .payment-option-wrapper{display: flex;justify-content: flex-start;align-items: flex-start;padding: 20px;}
    .payment-option-wrapper input.Kotak-payment{width: 15px;margin: 8px 10px 0;}
    .payment-option-wrapper input.pay-options{width: 15px;margin: 8px 10px 0;}
    .b2b2c-h4{padding: 20px 20px 0 33px;font-size: 18px;}
    .credite-note-wrapper{border-bottom: 1px dotted #454545;}
    .credite-note{display: flex;justify-content: flex-start;align-items: flex-start;padding: 20px;}
    .credite-note h4{font-size: 18px;}
    .credite-note p{margin: 0;}
    .credite-note input.credite-note-payment{width: 15px;margin: 8px 10px 0;}
    .bank-details{width: 100%;margin: 0 auto;}
    .bank-details h4{display: flex;justify-content: flex-start;align-items: center;gap: 10px;padding-left: 10px;font-size: 18px;}
    .bank-details h4 br{display: none;}
    .bank-details h4 em{font-style: initial;color: #565656;font-size: 18px;}
    .pay-options{padding-left: 45px;}
    .pay-options p{margin: 10px 0;color: #161616;}
    .pay-radio-btn{display: flex;justify-content: flex-start;align-items: flex-start;gap: 10px;}
    .pay-radio-btn span{font-size: 16px;color: #121212;line-height: 1.4;}
    .pay-radio-btn span em{font-style: initial;color: #24c403;}
    .cvv-pay-btns{display: flex;margin: 10px 0;}
    .cvv-pay-btns input{width: 100%;max-width: 100px;padding: 10px;border: 1px solid #454545;margin: 10px 20px;border-radius: 8px;}
    .cvv-pay-btns a {margin: auto 0;padding: 12px 15px;color: #fff;background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);border-radius: 28px;font-size: 17px;letter-spacing: .2px;display: flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;}
    .b2b-pay-btns{display: flex;margin: 10px 0;padding-left: 45px;}
    .b2b-pay-btns input{width: 100%;max-width: 200px;padding: 10px;border: 1px solid #454545;margin: 10px 20px;border-radius: 8px;}
    .b2b-pay-btns a {margin: auto 0;padding: 12px 15px;color: #fff;background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);border-radius: 28px;font-size: 17px;letter-spacing: .2px;display: flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;}
    .my-account-top-link-wrapper{display: none;}
    .my-orders-top-link-wrapper{display: none;}
    .add-employees-top-link-wrapper{display: none;}
    .signup-p{font-size: 14px;margin: 10px 0;}
    .personal-inputs-wrapper{width: 100%;display: flex;justify-content: center;align-items: center;gap: 20px;position: relative;flex-wrap: wrap;}
    .personal-inputs-wrapper a.add {cursor: pointer;right: 0px;display: flex;justify-content: center;align-items: center;background: #0397f4;border-radius: 4px;width: 25px;height: 25px;vertical-align: middle;margin: auto;color: #fff;padding-bottom: 4px;font-size: 18px;bottom: 12px;}
    .add-input-wrapper{position: relative;}
    .add-input-wrapper a.add {right: 60px;width: 25px;height: 25px;border-radius: 4px;margin: auto;bottom: 18px;display: flex;justify-content: center;align-items: center;background: #0397f4;cursor: pointer;text-align: center;padding: 0 0 4px;color: #fff;}
    a.clone-product-remove-remove {right: 60px;width: 25px;height: 25px;border-radius: 4px;margin: auto;bottom: 18px;display: flex;justify-content: center;align-items: center;background: red;cursor: pointer;text-align: center;padding: 0 0 4px;}
    #pay-now{  margin: 25px 0 !important;padding: 12px 15px !important;max-width: 200px !important;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%) !important;}
/* forget-password-page css  */
    .forget-password-wrapper{padding: 10px 10px 10px;margin-top: 159px;}
/* forget-password-page css  */

/* short by css  */
    .short-by-wrapper{display: flex;justify-content: space-between;gap: 20px;align-content: center;padding: 10px 20px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;margin: 20px auto 0;border-radius: 9px;}
    /* .short-by-cards{width: 100%;max-width: 150px;margin: auto 0;} */
/* short by css  */

/* pagination css  */
    .pagination-wrapper {display: flex;justify-content: space-between;align-items: center;padding: 20px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;border-radius: 8px;flex-wrap: wrap;overflow: scroll;gap: 20px;}
    .pagination-cards p{margin: 0;color: #121212;}
    .pagination-cards ul{display: flex;justify-content: center;align-items: center;gap: 30px;}
    .pagination-cards ul li a{color: #121212;display: flex;justify-content: center;align-items: center;transition: all .4s;}
    .pagination-cards ul li a.active{background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);border-radius: 50%;width: 25px;height: 25px;display: flex;justify-content: center;align-items: center;color: #fff;transition: all .4s;}
/* pagination css  */

/* laptop brand page css  */
    .laptops-cards-brand-wrapper{padding: 0px 0 20px;display: flex;justify-content: center;align-items: center;gap: 20px;flex-wrap: wrap;}
    .laptops-card-brand {width: 100%;max-width: 280px;margin: 20px 5px;}
    .laptops-card-brand div.laptop-inner-card-brand {position: relative;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 20px;margin: 20px auto;border-radius: 8px;display: flex;justify-content: space-between;flex-direction: column;}
    .laptop-main{position: relative;}
    .laptop-a-product-page{position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
    .laptops-card-brand div em {position: absolute;top: 20px;right: 20px;margin: auto;display: flex;justify-content: center;align-items: center;}
    .laptops-card-brand div em img{width: 23px;}
    .laptops-card-brand div span {display: flex;justify-content: center;align-items: center;margin: 20px auto 0;}
    .laptops-card-brand div span img {width: 100%;max-width: 200px;}
    .laptops-card-brand div h4{font-size: 16px;color: #444;margin: 0px auto 10px;text-align: center;line-height: 1.6;}
    .laptops-card-brand div i{display: flex;justify-content: center;align-items: center;}
    .laptops-card-brand div i img.apple-logo{width: 40px;height: 40px;margin: 5px auto;}
    .laptops-card-brand div i img.dell-logo{width: 40px;height: 40px;margin: 5px auto;}
    .laptops-card-brand div i img.hp-logo{width: 40px;height: 40px;margin: 5px auto;}
    .laptops-card-brand div i img.mi-logo{width: 40px;height: 40px;margin: 5px auto;}
    .laptops-card-brand div i img.lenovo-logo{width: 80px;height: 40px;margin:auto;}
    .laptops-card-brand div i img.samsung-logo{width: 80px;height: 40px;margin:auto;}
    .laptops-card-brand div i img.acer-logo{width: 80px;height: 40px;margin:auto;}
    .laptops-card-brand div i img.asus-logo{width: 80px;height: 40px;margin:auto;}
    .laptops-card-brand div p{color: #121212;font-size: 22px;margin: 20px auto;text-align: center;}
/* laptop brand page css  */

/* common css  */
    .preloader {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;background-image: url('../images/preloader.svg');background-repeat: no-repeat; background-color: #FFF;background-position: center;}
    .all-form-label{font-size: 15px;color: #565656;margin: 5px 5px;}
    #new-nav-search{display: flex;width: 100%;max-width: 600px;justify-content: space-between;border: 1px solid #d7d7d7;border-radius: 8px ;}
    .new-btn-search-icon img{width: 100%;max-width: 20px;}
    .new-btn-search-icon{width: 50px;height: 40px;}
    .new-nav-search-drop{display: flex;gap: 5px;}
    .new-nav-search-drop select{margin: 0 0 0 10px;font-size: 16px;}
    /* .new-nav-search-drop{width: 100%;max-width: 135px;padding: 8px 0;} */
    .new-nav-search-drop{padding: 8px 0;}
    .new-search-bar{width: 100%;padding: 8px 0 0 10px;}
    .select-resp{display: none;}
    /* .select-img img{width: 10px;} */
    #search-desk{display: block;padding: 5px 5px 13px;font-size: 16px;}
    #search-resp{display: none;}
    .mobile-search-new{display: none !important;}
    .check-out-top-side ul li a:hover {color: #fff !important;background: #f98c00 !important;background-image: linear-gradient(315deg, #f98000 0%, #f98c00 74%) !important;}
    .check-out-top-side ul li a.active {color: #fff;background: #f98c00;background-image: linear-gradient(315deg, #f98000 0%, #f98c00 74%);}
    /* a:hover {color: #fff!important;} */
    .download-sample-file-a:hover{color: #067cbd !important;box-shadow: initial !important;}
    .address-radio-wrapper em a{color: #067cbd !important;box-shadow: initial !important;}
    .address-radio-wrapper em a img{filter: invert(60%) sepia(78%) saturate(2187%) hue-rotate(176deg) brightness(85%) contrast(90%);width: 14px;}
    .thank-u-wrapper a:hover{color: #fff !important;background: #f98c00;background-image: linear-gradient(315deg, #f98000 0%, #f98c00 74%);border: 0;transition: all .4s;}
    .down-footer-flex .down-footer-cards:nth-child(2) a:hover{color: #fc0 !important;box-shadow: initial !important;}
    .pagination-cards ul li a:hover{color: #067cbd !important; box-shadow: initial !important;}
    .social-media-icons a:hover{box-shadow: initial !important;}
    .social-media-icons a:hover img{filter: invert(78%) sepia(34%) saturate(1450%) hue-rotate(357deg) brightness(101%) contrast(107%); transition: all .4s;}
    a.header-logo:hover{box-shadow: initial !important;}
    .login-container .tab-content p a:hover{box-shadow: initial !important;color: #067cbd !important;}
    .login-container ul#tabs-nav li:hover a{color: #067cbd !important;}
    .signup-p a:hover{color: #067cbd !important; box-shadow: initial !important;}
    .p-a-h a:hover{color: #067cbd !important; box-shadow: initial !important;}
    .add-address-card a.modal-toggle-1:hover{color: inherit !important;box-shadow: initial !important;}
/* common css  */

/* contact us css  */
    .reach-us-from-wrapper{width: 100%;max-width: 1100px;margin: 10px auto 80px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 20px;border-radius: 8px;}
    .reach-us-heading{margin: 10px 0 28px;border-bottom: 1px dotted #454545;}
    .reach-us-heading h2 {font-size: 25px;padding: 0 0 10px 10px;display: flex;justify-content: flex-start;align-items: center;gap: 10px;}
    .reach-us-from-wrapper form.reach-us-form-login{padding: 0px 20px 20px;}
    .reach-iframe iframe{height: 400px;}
/* contact us css  */

/* inner banner section  */ 
    .inner-banner-section {height: 150px;background-color: #6b0f1a;position: relative;z-index: 0;padding: 0 20px;margin-top: 156px;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);}
    .inner-banner-section .fluid-container {height: 100%;display: flex;justify-content: space-between;align-items: center;}
    .inner-banner-section h1 {color: #fff;font-size: 44px;text-transform: uppercase;}
    .inner-banner-section h1 span{color: #fcc816;}
    .inner-banner-section .banner-breadcrumbs-inner {text-align: center;display: flex;justify-content: flex-start;align-items: center;}
    .banner-breadcrumbs-inner div.span-a-link span {display: inline-block;margin: 0 4px;color: #fff;font-size: 16px;}
    .banner-breadcrumbs-inner div.span-a-link span .current-page,.banner-breadcrumbs article span a:hover{text-decoration: underline;color: #fcc816;}
    .banner-breadcrumbs-inner div.span-a-link span a {display: block;transition: all .3s;color: #fff;}
    .banner-breadcrumbs-inner div.span-a-link span:nth-child(2n+2){font-size: 8px;}
    .banner-breadcrumbs-inner div.span-a-link span a.current-page{color: #fcc816;}
    .w3-dn{display: none;}
/* inner banner section  */

/* about us  */
    .about-section-wrapper{  display: flex;justify-content: center;align-items: center;gap: 20px;padding: 0px 0 40px;}
    .left-about-section{width: 100%;max-width: 450px;height: 450px;border-radius: 15px;border: 5px solid #0671bc;}
    .right-about-section{width: 100%;margin: 10px 0px;}
    .about-sub-content{display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;}
    .about-sub-card{width: 100%;max-width: 745px;margin: 0px 0 20px;border-bottom: 1px dotted #ddd;}
    .about-h3-p-sub h3, .about-sub-card h3{background: -webkit-linear-gradient(#2a2a72, #009ffd);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
    .about-h3-p-sub p, .about-sub-card p{text-align: justify;}
/* about us  */

/* hover common css  */
.inner-down-header ul li a.act-link{color:#067cbd;}
.cart-ul-user li a.act-link img{filter: invert(29%) sepia(94%) saturate(1209%) hue-rotate(176deg) brightness(100%) contrast(95%);}
.main-heading-li a.act-link, .main-heading-li.act-link > a,.main-heading-li .sub-menu-right-my-acc li a.act-link,.cart-ul-user li .second-route li a.act-link{color:#067cbd;}
.resp-link{background-color: #ee822d !important;color: #fff !important;}
.sub-menu-right-my-acc{display: none;}
/* mega menu issue fixed */
.inner-down-header ul li .first-route{pointer-events: none;}
.inner-down-header ul li:hover .first-route{pointer-events: visible;}
a.get-button>span{margin-right: 10px;}
a.get-button{display: flex;justify-content: center;align-items: center;gap: 10px;}
button.place-order{all: unset;margin: auto 0;padding: 12px 15px;color: #fff;background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);border-radius: 28px;font-size: 17px;letter-spacing: .2px;display: flex;justify-content: center;align-items: center;width: 100%;max-width: 175px;cursor: pointer;}
.pre-next-btns-wrapper{width: 100%;}
a.move-to-cart {margin: auto;padding: 10px;color: #2a2a72;border: 1px solid #2a2a72;border-radius: 28px;font-size: 17px;letter-spacing: .2px;display: flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;transition: all .2s;}
a.move-to-cart:hover{background-image: linear-gradient(315deg, #031833 0%, #009ffd 74%);color: #fff !important;border: 0;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.pre-next-btns-wrapper button.btn{margin: auto;padding: 12px 15px;color: #fff;background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);border-radius: 28px;font-size: 17px;letter-spacing: .2px;display: flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;transition: all .4s;cursor: pointer;}
.pre-next-btns-wrapper button.btn:hover{background-image: linear-gradient(315deg, #067cbd 0%, #2a2a72 74%); color: #fff;}
.pre-next-btns-wrapper a:hover{background-image: linear-gradient(315deg, #067cbd 0%, #2a2a72 74%); color: #fff;}
.btn-check-qoets a:hover{background-image: linear-gradient(315deg, #067cbd 0%, #2a2a72 74%); color: #fff;}
.buy-cart-btns a.add-cart-btn:hover{background-image: linear-gradient(315deg, #067cbd 0%, #2a2a72 74%); color: #fff;transition: all .4s;}
.buy-cart-btns a.add-cart-btn:hover span img{filter: invert(100%) sepia(0%) saturate(7449%) hue-rotate(39deg) brightness(112%) contrast(100%);}
.buy-cart-btns a.buy-now-btn:hover{background-image: linear-gradient(315deg, #067cbd 0%, #2a2a72 74%); color: #fff; transition: all .4s;}
a.get-button:hover{color: #ef822e !important;transition: all .4s;}
.pdf-btn-wrapper a.download-btn:hover {color: #fff !important;background-image: linear-gradient(315deg, #067cbd 0%, #2a2a72 74%);color: #fff;transition: all .4s;border: 0;}
.banner-breadcrumbs article span a:hover{color: #0671bc !important;}
article.add-cart-product-card a.move-to-cart{all: unset;}
button.place-order:hover{background-image: linear-gradient(315deg, #067cbd 0%, #2a2a72 74%); color: #fff; transition: all .4s;}
.address-radio-wrapper div > a:hover{background-image: linear-gradient(315deg, #067cbd 0%, #2a2a72 74%); color: #fff; transition: all .4s;}
#pay-now:hover{background-image: linear-gradient(315deg, #067cbd 0%, #2a2a72 74%); color: #fff; transition: all .4s;}
.ship-left a:hover{background-image: linear-gradient(315deg, #067cbd 0%, #2a2a72 74%); color: #fff; transition: all .4s;}
.promo-from button:hover{background-image: linear-gradient(315deg, #067cbd 0%, #2a2a72 74%);transition: all .4s;}
.stock-available{font-size: 14px;color: #17ad0a;}
/* hover common css  */
.account-holder-pic-name-btn-flex{display: flex;gap: 10px;align-items: center;}
.account-holder-pic-name a{color: #fff;background-color: #23b7e5;border-color: #1e9cc3;padding: 7px 20px;border-radius: 2px;outline: 0 !important;transition: all ease-in-out .15s;position: relative;font-size: 14px;}
.account-holder-pic-name a:hover {color: #fff !important;background-color: #19a9d5 !important;border-color: #1b8aad !important;box-shadow: none;background-image: none;}
.tags.tag {background: #067cbd;margin-top: 30px;color: #ffffff;padding: 5px 0px 5px 10px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.tags-flex {display: flex;justify-content: space-between;align-items: center; background: #067cbd;margin-top: 30px;color: #ffffff;padding: 5px 15px 5px 10px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.tags-flex span a{color: #fff;font-size: 18px;}
.order-details-flex-wrapper{display: flex;justify-content: flex-start;gap: 20px;}
.order-details-flex-wrapper article{width: 100%;max-width: 660px;margin: 0 10px;}
.order-details-flex-wrapper article.share-details-block div{display: flex;justify-content: space-evenly;align-items: flex-start;flex-direction: column;gap: 10px;}
.order-details-flex-wrapper article.share-details-block div.sub-share-details-block{padding: 20px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;border-bottom: 1px solid #ddd;} 
.order-details-flex-wrapper article table.addres-table tr td{text-align: left;}
.track-table-popup {pointer-events: none;visibility: hidden;position: fixed;width: 100%;max-width: 800px;height: 450px;overflow: scroll; top: 30px;left: 0;right: 0;z-index: 99;bottom: 0;margin: auto;background: #fff;display: flex;align-items: center;flex-direction: column;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
#table-popup {cursor: pointer;color: #067cbd;}
.track-table-popup .manage-employees-table-wrapper {position: relative;}
.track-table-overlay{pointer-events:none;visibility: hidden;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 98;background: rgba(0, 0, 0, 0.404);}
.track-table-popup-open{visibility: visible;pointer-events: visible;}
.table-close-x img{filter: invert(95%) sepia(100%) saturate(19%) hue-rotate(331deg) brightness(104%) contrast(106%);max-width: 25px;cursor: pointer;}
.track-table-header-flex{width: 100%;color: #fff; display: flex;justify-content: space-between; background: #067cbd;padding: 10px 20px;align-items: center;}
.track-new-pov{margin: 10px;}
.sub-share-details-block form.share-form {display: flex;flex-wrap: initial;width: 100%;justify-content: flex-start;}
.sub-share-details-block form.share-form .personal-inputs{width: 100%;max-width: 450px;}
.sub-share-details-block form.share-form .personal-submit button{font-size: 16px !important;padding: 10px 20px !important;}
.personal-submit button a{color: #fff;}
.track-table-popup .manage-employees-table-wrapper{margin: 5px 0 0px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
#enable{display: none;}
.disabled{display: none !important;}
.enabled{display: flex !important;}
.product-name-price-right h4 a{color: #000;}
.product-name-price-right p{font-size: 14px;color: #17ad0a;}

/* sticky css  */
    .left-product-overview{position: sticky;top: 150px;height:480px ;}
    .details {position: absolute;width: 100%;max-width: 800px;height: 500px;float: left;z-index: 1;pointer-events: none;}
    .drift-demo-trigger{cursor: crosshair;}
    .details{visibility: hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;border-radius: 8px;overflow: hidden;}
    .details.imgZoom{visibility: visible;}
/* sticky css  */

/* prize range css  */
    .min-max-value-wrapper{display: flex;gap: 10px;justify-content: space-between;}
    .min-max-value-wrapper .min-max-value{display: flex;justify-content: center;align-items: flex-start;flex-direction: column;}
/* prize range css  */

/* input css  */
    .personal-inputs:nth-child(2){position: relative;}
    .personal-inputs:nth-child(2) input[placeholder="Company Email Id: *"]{width: 79%;}
    .personal-inputs:nth-child(2) input[placeholder="Company Email Id: *"]+label{position: absolute;right: 0;background: #c9c9c9;color: #fff;padding: 12px 10px;border-radius: 0 4px 4px 0;}
   
    .personal-inputs:nth-child(1){position: relative;}
    .personal-inputs:nth-child(1) input[placeholder="Company Email Id: *"]{width: 78%;}
    .personal-inputs:nth-child(1) input[placeholder="Company Email Id: *"]+label{position: absolute;right: 0;background: #c9c9c9;color: #fff;padding: 12px 10px;border-radius: 0 4px 4px 0;}
    
    .promo-from-applied{padding: 12px 20px;background: #f4f4f4;}
    .promo-from-applied input{font-style: normal;}
    .promo-from input[name="applied"]+ label img{width: 20px;margin: 0 20px 0 0 ;cursor: pointer;filter: invert(38%) sepia(65%) saturate(7040%) hue-rotate(4deg) brightness(100%) contrast(101%);}
    .promo-from input[name="applied"]{pointer-events: none;}
    .promo-from-applied + p img {width: 22px;margin-top: 5px;}
    .promo-from-applied+p{display: flex;gap: 5px;align-items: flex-start;margin: 20px 0;padding: 0 20px;}
/* input css  */

/* qutation css  */

/* logo css start */
.header-logo-q img{width: 100%;max-width: 500px;margin: 20px auto;}
.header-logo-q{text-align: center;padding: 10px 0;}
.header-logo-q h2{font-size: 25px;font-weight: 600;}
/* .hd-cnt-sct{padding: 15px 0;} */
.header-inner-wrapper-q {display: flex;justify-content: space-between;align-items: center;border: 1px solid #333;padding: 0 20px;}
.content-sct{display: flex;justify-content: space-between;background: #f9f9f9;padding: 20px;}
.hd-cnt span{color: #000;font-size: 18px;}
.hd-cnt ul{padding: 4px 0;}
.hd-cnt ul li{padding: 5px 0;color: #000;font-size: 15px;}
/* logo css end */

/* table css start */
.tablecss {width: 100%;overflow: auto;margin: 0 auto;}
.tablecss tr {transition: all .25s linear 0s;}
.tablecss th {font-size:16px;border: 1px solid #000;text-align: left;}
.table td, .tablecss td, .tablecss th {padding: 7px 6px;color: #000;}
.tablecss td {font-size: 14px;border: 1px solid #d5d5d5;}
.tablecss-1 {width: 100%;overflow: auto;margin: 0 auto;}
.tablecss-1 tr {transition: all .25s linear 0s;}
.tablecss-1 th {font-size:16px;border: 1px solid #333;}
.table td, .tablecss-1 td, .tablecss-1 th {padding: 7px 6px;color: #fff;}
.tablecss-1 th{text-align: center;}
.tablecss-1 td {font-size: 16px;border: 1px solid #000;color: #000;text-align: center;}
.tablecss-1 tr td:nth-child(2){text-align: left;}
.tablecss-1 tr td:nth-child(4){text-align: right;}
.tablecss-1 tr td:nth-child(5){text-align: center;}
.tablecss-1 tr td:nth-child(7){text-align: right;}
.gr-tl{background: #44547b;}
.gr-tl td{color: #fff;}
/* .trms{padding: 40px 0;} */
.conditions-wrp{padding: 20px;background: #4583b1;color: #fff;}
.conditions-wrp h2{font-size: 22px;padding: 10px 0;font-weight: 900;}
.conditions-wrp ul li{padding: 8px 0;font-size: 18px;line-height: 1.6;}
.conditions-wrp p {padding: 10px 0;font-size: 20px;text-align: right;margin-right: 30px;color: #fff;font-weight: 900;margin: 0;}
.total-td{font-weight: 900;letter-spacing: .5px;}
/* table css end */

.inner-brands-logos{display: flex;justify-content: center;align-items: center;gap: 20px;border: 1px solid #333;padding: 15px;flex-wrap: wrap;}
.inner-brands-logos span{  display: flex;justify-content: center;align-items: center;}


    .content-sct {border: 2px solid #000;}
    .conditions-wrp h2 {font-size: 16px;padding: 10px 0;font-weight: 900;}
    .conditions-wrp ul li {padding: 8px 0;font-size: 14px;line-height: 1.6;}
    .conditions-wrp p {padding: 10px 0;font-size: 20px;text-align: right;margin-right: 30px;color: #fff;font-weight: 900;margin: 0;}
/* qutation css  */


.searchResult {list-style: none;padding: 0px;width: 340px !important;position: absolute !important;top: 57px !important;left: 122px !important;margin: auto !important;}

.personal-inputs-wrapper a.remove {cursor: pointer;position: absolute;right: 0;display: flex;justify-content: center;align-items: center;background: red !important;border-radius: 4px;width: 25px;height: 25px;vertical-align: middle;margin: auto;color: #fff;padding-bottom: 4px;font-size: 18px;}
.quote-filed-card a.remove {cursor: pointer;right: 0;display: flex;justify-content: center;align-items: center;background: red !important;border-radius: 4px;width: 25px;height: 25px;vertical-align: middle;margin: auto;color: #fff;padding-bottom: 4px;font-size: 18px;}
form.otp-from{flex-direction: column !important ;} 
.modal-otp-container{height: 370px; width: 100%;max-width: 650px;}
.add-employees-left-content form.personal-inform .personal-inputs:nth-child(7){max-width: 94% !important;}
.modal-body-1 form.personal-inform .personal-inputs:nth-child(5){max-width: 94% !important;}
/* .check-out-left-side form.personal-inform .personal-inputs:nth-child(13){max-width: 94% !important;} */
/* .my-account-left-content form.personal-inform .personal-inputs:nth-child(4){max-width: 94% !important;} */

/* go to top */
#to-top {cursor: pointer;position: fixed;bottom: 20px;right: 30px;z-index: 9;color: #f6b82b;font-size: 40px;}
#to-top:hover{color: #ed772e;}
/* go to top */


.banner-a-rtc{position: absolute !important;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 999;background-color: #000;}


.check-out-right-side{position: sticky;top: 160px;height: 500px;}
.product-cart-right{position: sticky;top: 160px;height: 500px;}



/* 14-04-2023  */
.all-menu-icon{position: relative;}
.all-menu-icon a{display: flex;justify-content: flex-start;align-items: center;gap: 5px;}
.all-menu-icon a img {width: 25px;filter: invert(16%) sepia(74%) saturate(2028%) hue-rotate(213deg) brightness(91%) contrast(89%);}
.inner-down-header ul li ul.all-menu-first-route {width: 200px;position: absolute;top: 80px;left: 0;margin: auto;background-color: #fff;padding: 20px 0;transition: .3s;visibility: hidden;opacity: 0;z-index: 10;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.inner-down-header ul li ul.all-menu-first-route li a{padding: 0 20px;}
.inner-down-header ul li:hover .all-menu-first-route {opacity: 1;visibility: visible;top: 44px;border-radius: 4px;}

.all-menu-first-route ul.all-sub-menu-first-route {width: 200px;position: absolute;top: 80px;right: -104%;margin: auto;background-color: #fff;padding: 20px 0;transition: .3s;visibility: hidden;opacity: 0;z-index: 10;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.all-menu-first-route li{position: relative;width: 100%;}
.all-menu-first-route ul.all-sub-menu-first-route li a{padding: 0 20px;}
.all-menu-first-route li a.with-icon-a-sub-menu{display: flex;justify-content: space-between;align-items: center;}
.all-menu-first-route li a.with-icon-a-sub-menu span{display: flex;justify-content: center;align-items: center;}
.all-menu-first-route li a.with-icon-a-sub-menu span img{width: 12px;}
.all-menu-first-route li:hover .all-sub-menu-first-route {opacity: 1;visibility: visible;top: -12px;right: -100%;}


form.feedback-form textarea{width: 100%;border: 1px solid #c4b6b6;height: 80px;padding: 15px;} 
form.feedback-form input.feedsubmit{display: flex;justify-content: center;align-items: center;gap: 20px;margin: 20px 0;padding: 10px;color: #fff;background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);border-radius: 28px;font-size: 17px;letter-spacing: .2px;width: 100%;max-width: 200px;margin-left: auto;} 
/* Rating Star Widgets Style */
.rating-stars ul {list-style-type:none;padding:0;-moz-user-select:none;-webkit-user-select:none;}
.rating-stars ul > li.star {display:inline-block;}
/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {font-size:1.5em; /* Change the size of the stars */color:#ccc; /* Color on idle state */}
/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {color:#FFCC36;}
/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {color:#FF912C;}
.success-box {margin:20px 0;padding:10px 10px;border:1px solid #eee;background:#f9f9f9;}
.success-box img {margin-right:10px;display:inline-block;vertical-align:top;}
.success-box > div {vertical-align:top;display:inline-block;color:#888;}
.rating{border-top: 1px dotted #656565;padding: 20px 0;margin-top: 30px;}
.rating h2{font-size: 22px;margin: 30px 0;}
.after-submit-feed{padding: 40px 0;}
.feed-back-card{padding: 20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 4px;margin: 20px 0;}
.feed-back-card h5{width: 100%;max-width: 50px;display: flex;align-items: center;justify-content: center;gap: 7px;padding: 5px 20px;background: #1b9903;color: #fff;font-size: 15px;border-radius: 8px;}
.person-name{font-size: 14px;color: #656565;font-weight: 400;}
.after-product-des{padding: 60px 0 40px;}
.after-product-des h2{font-size: 32px;}
.related-cards-wrapper{padding: 0px 0 20px;display: flex;justify-content: center;align-items: flex-start;gap: 20px;flex-wrap: wrap;}
.related-card {width: 100%;max-width: 280px;margin: 20px 5px;}
.related-card div.related-inner-card {position: relative;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 20px;margin: 20px auto;border-radius: 8px;min-height: 440px;display: flex;justify-content: space-between;flex-direction: column;}
.laptop-main{position: relative;}
.laptop-a-product-page{position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.related-card div em {margin: 0 auto;display: flex;justify-content: flex-end;align-items: center;width: 100%;} 
.related-card div em img{width: 23px !important;}
.related-card div span {display: flex;justify-content: center;align-items: center;margin: 20px auto 0;}
.related-card div span img {width: 100%;max-width: 200px;height: 150px;object-fit: contain;}
.related-card div h4{font-size: 16px;color: #444;margin: 20px auto 10px;text-align: center;line-height: 1.6;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.related-card div p{color: #121212;font-size: 22px;margin: 20px auto;text-align: center;}
.related-card a.move-to-cart-a {margin: auto;padding: 10px;color: #2a2a72;border: 1px solid #2a2a72;border-radius: 28px;font-size: 17px;letter-spacing: .2px;display: flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;}
.related-card a.move-to-cart-a:hover {color: #fff;border: 0;box-shadow: 0 4px 6px 0 rgb(0 0 0 / 12%);background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);}
.related-card .add-cart-product-card{display: flex;justify-content: center;align-items: center;gap: 20px;}
.related-card .add-cart-product-card p{font-size: 16px !important;color: #17ad0a !important;font-weight: 500 !important;margin: 0 !important;border-right: 2px solid #26357f;padding-right: 15px;}
.related-card a.bank-offer-a{margin-left: -10px;color: #f57c14;}
.related-card .add-cart-product-card a span {display: flex;justify-content: center;align-items: center;margin: auto;}   
.related-card .add-cart-product-card a span img {width: 30px;filter: invert(51%) sepia(76%) saturate(1763%) hue-rotate(354deg) brightness(99%) contrast(93%);transition: all .2s;height: initial;}
.related-card .add-cart-product-card a span img:hover{transform: scale(1.2);}

/* rating chart css  */
    .container {display: flex;border-radius: 15px;gap: 40px;height: 200px;}
    .chart {display: flex;justify-content: center;flex-direction: column;height: 100%;}
    .chart .rate-box {display: flex;justify-content: center;align-items: center;gap: 15px;height: 30px;padding: 20px 0;padding: 5px 10px;}
    .chart .rate-box > * {height: 100%;display: flex;align-items: center;font-weight: 500;color: #444;}
    .rate-box .value {display: flex;align-items: center;}
    .rate-box .value:hover {color: #66bb6a;}
    .chart .value {font-size: 16px;cursor: pointer;}
    .rate-box .progress-bar {border-width: 1px;position: relative;background-color: #cfd8dc91;height: 10px;border-radius: 100px;width: 350px;}
    .rate-box .progress-bar .progress {background-color: #66bb6a;height: 100%;border-radius: 100px;transition: 300ms ease-in-out;}
    .global {height: 100%;width: 150px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 8px;}
    .one .fas {color: #cfd8dc;}
    .two {background: linear-gradient(to right, #66bb6a 0%, transparent 0%);-webkit-background-clip: text !important;-webkit-text-fill-color: transparent;transition: 0.5s ease-in-out all;}
    .global > span {font-size: 40px;font-weight: 500;}
    .rating-icons {display: flex;justify-content: center;align-items: center;position: relative;width: 100%;height: 7%;}
    .rating-icons span {position: absolute;display: flex;font-size: 26px;left: 50%;transform: translateX(-50%);margin-bottom: 5px;}
    .total-reviews {font-size: 25px !important;}
    .mrp-s {font-style: inherit;font-size: 18px;margin: 0 10px;color: #8a8a8a;}
    h4.product-prize-mrp-dis{font-size: 25px;padding: 10px 0 0;}
    h4.product-prize-mrp-dis span{color: #66bb6a;font-size: 17px;font-weight: 500;}
    .tax-mrp-indicator{font-size: 16px;font-style: inherit;}
/* rating chart css  */

.related-cards-wrapper .owl-nav {position: absolute;top: -60px;right: 38px;margin: 0;width: 100%;display: flex;justify-content: flex-end;}
.related-cards-wrapper .owl-nav > button {width: 56px;height: 49px;background: #fff !important;border-radius: 0 !important;color: #fff !important;font-size: 24px !important;display: flex !important;justify-content: center;align-items: center;border: 1px solid #0000001c !important;}
.related-cards-wrapper .owl-nav > button img {width: 24px;opacity: .6;}

.dashboard-card-wapper{display: flex;justify-content: center;align-items: center;gap: 20px;flex-wrap: wrap;}
.dashboard-card-wapper .dashboard-card {display: flex;justify-content: space-between;gap: 20px;padding: 0px;width: 100%;max-width: 48%;}
.dashboard-card em{display: flex;justify-content: center;align-items: center;gap: 20px;background-color: rgba(0, 0, 0, .1);padding: 10px;width: 75px;}
.dashboard-card em img{width: 50px;filter: invert(95%) sepia(97%) saturate(11%) hue-rotate(280deg) brightness(103%) contrast(100%);}
.dashboard-card-txt{padding: 20px;}
.dashboard-card-txt span {font-size: 26px;color: #fff;line-height: 1.6;margin: 10px 0;text-align: left;font-weight: 600;}
.dashboard-card-txt h6{font-size: 18px;color: #fff;line-height: 1.6;margin: 10px 0;text-align: left;}

/* .my-account-top-link-wrapper p{margin: 0;font-weight: 600;font-size: 20px;color: #ec802f;} */
.my-account-top-link-wrapper .resp-acc-pic-name{display: none !important;}
.my-account-top-link-wrapper .resp-acc-pic-name h2{display: flex;justify-content: center;align-items: center;gap: 20px;color: #fd9615;font-size: 20px;}
.my-account-top-link-wrapper .resp-acc-pic-name h2 span {display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 50%;box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;overflow: hidden;}
.my-account-top-link-wrapper .resp-acc-pic-name h2 span img{width: 80px;border-radius: 50%;}
input[type="radio"] {-webkit-appearance: radio;display: inline;visibility: visible;/*opacity: 0;*/width: 15px;height: 15px;-moz-appearance: button;}
/* 14-04-2023  */

/* 09-05-2023  */
    .product-cart-right{position: sticky;top: 160px;height: 500px;}
    .ask-quote-flex-card .quote-filed-card:nth-child(1) {width: 100%;max-width: 550px;}
    .ask-quote-flex-card .quote-filed-card:nth-child(2) {width: 100%;max-width: 100px;}
    .ask-quote-flex-card .quote-filed-card:nth-child(3) {width: 100%;max-width: 200px;}
    .ask-quote-flex-card .quote-filed-card:nth-child(4) {width: 100%;max-width: 50px;}
    .quote-txt-area {width: 100%;max-width: 946px;margin: auto;}
    .price-mrp s {color: #8a8a8a;font-size: 14px;}
    #product-Price-disable{background-color: #dfdfdf;}
/* 09-05-2023  */

/* 10-10-2023  */
    .delivery-fee-product-span{display: flex;justify-content: space-between; width: 100%;}
    .delivery-span-fee{display: flex;justify-content: flex-start;align-items: center;gap: 4px;font-size: 14px;padding: 0 0 10px;color: #454545;}
    #delivery-em-fee{font-style: initial;color: #067cbd;}
/* 10-10-2023  */


/* media queri css  */
@media (max-height: 700px){
    .modal-container-1{height: 100%;overflow-y: scroll;}  
    .modal-container-2{height: 100%;overflow-y: scroll;}  
    .modal-container{height: 100%;overflow-y: scroll;}  
}
@media (max-height: 600px){
    .check-out-right-side{transform: translate(0px, 0px) !important;margin-top: 0 !important;}
}
@media(max-height:510px){
    .track-table-popup{height: 100%;overflow: scroll;}
}
@media (max-width: 1400px){
    .my-account-left-content{max-width: 700px;margin: 20px;}
    .features-top .owl-nav{display: none !important;}
    .personal-inputs-wrapper a.add{right: -20px;}
    .about-sub-card{max-width: 100%;}
    .product-page-wish-list{top: -10px;}
    .manage-employees-table-wrapper{overflow: auto;}

}
@media (max-width: 1300px){
    .down-header{display: none;}
    .inner-down-header ul.desk-nenu-ul{display: none;}
    header .toggle {display: block !important;top: 11px;left: 10px;}
    .main-slider{margin-top: 113px;}
    #nav-search-bar-form{max-width: 450px;}
    header .bottom-header ul.cart-ul-user{max-width: 240px;}
    .inner-banner-section{margin-top: 113px;}
    
}
@media (max-width: 1280px){
    .multi-add-main-wrapper{flex-direction: column;}
    .upload-file-card {transform: translateX(15px);margin-top: 18px;}
    .details{max-width: 600px;height: 400px;}
}
@media (max-width: 1240px){
    /* .down-header{display: none;}
    .inner-down-header ul.desk-nenu-ul{display: none;}
    header .toggle {display: block !important;top: 0;left: 10px;}
    .main-slider{margin-top: 113px;}
    #nav-search-bar-form{max-width: 450px;}
    header .bottom-header ul.cart-ul-user{max-width: 240px;} */
    .product-pic-left{margin: 0 10px 0 0;}
    .delivery-fee-product-span  .price-mrp{font-size: 15px;}
    .delivery-fee-product-span  .delivery-span-fee{font-size: 13px;}
}
@media (max-width: 1120px){   
    .product-cart-left{flex-direction: column;justify-content: center;align-items: center;}
    .product-overview-wrapper .left-product-overview{padding: 0 20px;}
    .modal-container-1{max-width: 90%;padding: 20px;}
    .modal-container-2{max-width: 90%;padding: 20px;}
    .modal-container{max-width: 90%;padding: 20px;}
    /* .modal-close-1{right: 0;}
    .modal-close-2{right: 0;} */
    .details{max-width: 500px;height: 400px;}
    .modal-container-1{height: 100% !important;overflow-y: scroll;}  
    .modal-container-2{height: 100% !important;overflow-y: scroll;}  
    .modal-container{height: 100% !important;overflow-y: scroll;}  
    .main-slider {margin-top: 106px;}
    .product-pic-left{margin: 0;}
    .add-input-wrapper a.add{right: 0;}
    .ask-quote-flex-card .quote-filed-card:nth-child(1){max-width: 400px !important;}
}     
@media (max-width: 1020px){
    .Laptop-right-link-wrapper{display: none;}
    .main-slider {margin-top: 102px;}
}     
@media (max-width: 992px){        
    #nav-search-bar-form{display: none;}
    #nav-search-bar-form-resp{display: flex !important;}
    .nav-search-scope select{width: 60px;}
    .main-footer{display: none;}
    .resp-main-footer {display: block;padding: 40px 20px;}
    .down-footer-flex{flex-wrap: wrap;}
    .resp-main-footer .down-footer-flex .down-footer-cards:nth-child(3) a br{display: none;}
    .myaccount-settings-wrapper{display: none;}
    .my-account-right-link-wrapper{display: none;}
    /* .my-account-top-link-wrapper{display: block;} */
    .my-account-top-link-wrapper{display: flex !important;justify-content: space-between;align-items: center;width: 100%;}
    .inner-my-account-page {display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;padding: 0px 0 40px;}
    .my-account-left-content {max-width: 100%;margin: 20px auto;}
    .personal-inputs {width: 100%;max-width: 48%;}
    .my-orders-right-link-wrapper{display: none;}
    .my-orders-top-link-wrapper{display: block;}
    .inner-my-orders-page {display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column; padding: 0px 0 40px;}
    .my-orders-left-content{width: 100%;max-width: 100%;margin: 20px auto;}
    .add-employees-right-link-wrapper{display: none;}
    .add-employees-top-link-wrapper{display: block;}
    .add-employees-left-content{width: 100%;max-width: 100%;}
    .inner-add-employees-page{display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;padding: 0px 0 40px;}
    .product-page-wrapper{padding: 40px 0 40px;}
    .check-out-wrapper{padding: 10px 0 40px;}
    .product-cart-wrapper{flex-direction: column;justify-content: center;align-items: center;}
    .product-cart-right{max-width: 700px;}
    .promo-from{max-width: 700px;}
    .product-name-price-right h4{text-align: center;}
    .price-mrp{margin: 5px auto;padding: 0 0 5px;}
    .dobbel-a-cart {display: flex;justify-content: center;align-items: center;gap: 20px;text-align: center;margin: 10px auto;}
    .inner-check-out{flex-direction: column;justify-content: center;align-items: center;}
    .check-out-right-side {max-width: 700px;transform: translate(0,0) !important;margin-top: 0 !important;}
    .ship-bill-details{flex-direction: column;}
    .ship-left{display: flex;justify-content: space-between;}
    .ship-right p br{display: none;}
    .wishlist-cards-wrapper{flex-wrap: wrap;align-items: center;justify-content: center;}
    .address-radio-wrapper{box-shadow: initial;border-radius: 0;}
    /* .modal-close{right: 0;}
    .modal-close-1{right: 0;}
    .modal-close-2{right: 0;} */
    .modal-container{max-width: 90%;padding: 20px;}
    .modal-container-1{max-width: 90%;padding: 20px;}
    .modal-container-2{max-width: 90%;padding: 20px;}
    .personal-inputs-wrapper a.add{right: -28px;}
    .multi-add-main-wrapper {flex-direction: row;}
    .upload-file-card {transform: translateX(50px);margin-top: 0;}
    /* .select-desk{display: none;} */
    /* .select-resp{display: block;} */
    /* .new-nav-search-drop{max-width: 50px;} */
    /* .new-nav-search-drop select{width: 25px;} */
    .inner-bottom-header a.header-logo{display: none !important;}
    .inner-bottom-header #nav-search-bar-form-resp{display: none !important;}
    .inner-bottom-header .cart-ul-user li{display: none !important;}
    #tabs-nav li{display: block !important;}
    .inner-bottom-header .resp-menu{display: none !important;}
    .inner-resp-bottom-header{display: block !important;}
    .inner-top-bottom-header{display: flex;justify-content: space-between;align-items: center;}
    .inner-top-bottom-header a.header-logo{width: 100%;max-width: 400px;}
    .inner-top-bottom-header a.header-logo img {width: 250px;margin: 10px auto 2px;}
    header .inner-top-bottom-header ul.cart-ul-user {display: flex;justify-content: center;gap: 20px;width: initial !important;max-width: 150px;}
    .inner-bottom-bottom-header{display: flex;justify-content: space-between;align-items: center;margin: 0 auto 10px;}
    .inner-bottom-bottom-header #nav-search-bar-form-resp{max-width: 600px;}
    .nav-search-scope select{width: 150px;}
    .nav-fill-resp {width: 100%;max-width: 450px;}
    .desk-search-new{display: none !important;}
    .mobile-search-new{display: flex !important;}
    .inner-bottom-bottom-header{margin: 10px auto;}
    #new-nav-search{max-width: 100%;}
    .product-cart-right{margin: 0 !important;transform: none !important;}
    .order-details-flex-wrapper{justify-content: center;flex-direction: column;}
    .order-details-flex-wrapper article{max-width: 100%;}
    .product-overview-wrapper{flex-direction: column;align-items: center;justify-content: center;}
    .left-product-overview{position: relative;top: 0;height: 100%;}
    .details{display: none !important;}
    .drift-demo-trigger{cursor:grab;}
    .inner-resp-bottom-header ul.cart-ul-user li>ul.second-route:before{display: none;}
    .cart-ul-user li:hover .second-route{top: 45px;}
    .product-name-price-right p{margin: 5px auto;}
    .main-slider {margin-top: 152px;}
    .add-employees-left-content form.personal-inform .personal-inputs:nth-child(7){max-width: 98% !important;}
    .modal-body-1 form.personal-inform .personal-inputs:nth-child(5){max-width: 98% !important;}
    .check-out-left-side form.personal-inform .personal-inputs:nth-child(13){max-width: 98% !important;}
    .add-employees-left-content {margin: 20px auto;}

    /* about us page  */
    .about-section-wrapper{flex-direction: column;}
    .inner-banner-section{margin-top: 155px;}
    .manage-employees-table-wrapper{box-shadow: initial !important;}
    .stock-available{margin: auto;}
    header .toggle{top: 0;}
    /* about us page  */
    .delivery-fee-product-span .price-mrp{margin: 5px 0;}

}
@media (max-width: 892px){
    .add-input-wrapper a.add{right: 20px;}
    a.clone-product-remove-remove{right: 20px;}
}
@media (max-width: 870px){
    .star-product-cards-wrapper{flex-direction: column;}
    .check-out-top-side ul li a em{display: none;}
    .check-out-top-side ul{position: relative;}
    .check-out-top-side ul::before{content: "";position: absolute;z-index: -1;width: 40%;height: 5px;background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #067cbd 74%);top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
}
@media(max-width:840px){
    #search-resp{display: block;}
    #search-desk{display: none;}
    .main-slider {margin-top: 144px;}
    /* about us page  */
    .inner-banner-section{margin-top: 144px;}
    /* about us page  */
}
@media (max-width: 820px){
    /* .add-input-wrapper{padding-bottom: 40px;}
    .add-input-wrapper a.add{bottom: 6px;} */
    .ask-quote-flex-card .quote-filed-card:nth-child(1) {width: 100%;max-width: 45%;}
    .quote-filed-card{width: 100%;max-width: 25%;}
}
@media (max-width: 776px){
    .order-summary-card-wrapper{flex-direction: column;justify-content: center;align-items: center;}
    .order-details {width: 100%;max-width: 800px;margin: 10px auto;text-align: center;}
    .order-details h4{text-align: center;}
    .order-details span {display: inline list-item;font-size: 18px;margin: 10px 0;text-align: center;color: #565656;}
    .track-table-popup{height: 100%;}
    .table-close-x{top: 0px;}
    .traking-order-print-btns{flex-direction: column;}
}
@media (max-width: 768px){
    .inner-popup-content .left-popup-content{display: none;}
    .resp-logo-popup{display: flex;justify-content: center;align-items: center;width: 100%;text-align: center;max-width: 350px;margin: auto;}
    .resp-logo-popup img{text-align: center;width: 100%;max-width: 350px;}
    .heading-container h2.heading-h2{font-size: 30px;}
    .my-account-page-wrapper {margin: 128px 0 0 ;}
    .my-orders-cards-wrapper{flex-direction: column;justify-content: center;align-items: center;}
    .check-out-top-side ul::before{width: 45%;}
    .address-radio-wrapper{padding: 30px 15px;}
    .address-radio-wrapper em{top: 4px;right: 4px;}
    .upload-file-card {transform: translateX(20px);}
    .multi-add-main-wrapper {flex-direction: column;}
    .upload-file-card {transform: translateX(15px);margin-top: 20px;}
    .rate-box .progress-bar{width: 200px;}
}
@media (max-width: 630px){
    .camera_thumbs{display: none;}
    .resp-main-footer .down-footer-flex .down-footer-cards:nth-child(3) a br{display: block;}
    .inner-bottom-footer {gap: 0;flex-direction: column;}
    .inner-bottom-footer span {padding: 5px 0;}
    .account-holder-pic-name h2:last-child span {width: 39px;height: 39px;}
    .my-account-page-wrapper {margin: 150px 0  0;}
    .thank-u-wrapper{flex-direction: column;gap: 0;}
    .ship-left{flex-direction: column;align-items: center;justify-content: center;}
    .check-out-left-side form.check-out-form-login{padding: 40px 0;}
    .inner-bottom-bottom-header{margin: 10px auto;}
    .personal-inputs{max-width: 100%;}
    .ask-quote-flex-card .quote-filed-card:nth-child(1) {width: 100%;max-width: 56%;}
    .ask-quote-flex-card .quote-filed-card:nth-child(2) {width: 100%;max-width: 25%;}
    .related-card {width: 100%;max-width: 95%;margin: 20px auto;}

    /* dashboard css  */
    .dashboard-card-wapper{flex-direction: column;}
    .dashboard-card-wapper .dashboard-card{max-width: 100%;}
    /* dashboard css  */

}
@media (max-width: 592px){
    .personal-inputs {width: 100%;max-width: 100%;}
    .check-out-top-side ul::before{width: 47%;}
    .personal-inputs-wrapper a.add{  right: 0;bottom: -20px;border-radius: 4px;}
    .personal-inputs-wrapper{padding-bottom: 12px;}
}
@media (max-width: 576px){
    .account-holder-pic-name h2:last-child{display: none;}
    .my-orders-pic-name h2:last-child{display: none;}
    .add-employees-pic-name h2:last-child{display: none;}
    .bank-details h4 br{display: block;}
    .bank-details h4{display: block;}
    .pay-options{padding-left: 0;}
    .b2b-pay-btns{padding-left: 0;}
    .left-my-order-card {display: flex;justify-content: center;gap: 20px;width: 100%;max-width: 480px;margin: 20px auto;flex-direction: column;align-items: center;text-align: center;}
    .right-my-order-card {width: 100%;max-width: 400px;display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;border-top: 1px dotted #454545;}
    .heading-product h2{font-size: 18px;}
    .check-out-top-side ul::before{width: 49%;}
    .my-account-top-link-wrapper .resp-acc-pic-name{display: flex !important;}
    .quote-filed-card label{font-size: 18px;}
    .ask-quote-flex-card .quote-filed-card:nth-child(1) {max-width: 160px !important;}
    .ask-quote-flex-card .quote-filed-card:nth-child(2) {max-width: 70px !important;}
    .ask-quote-flex-card .quote-filed-card:nth-child(3) {max-width: 125px !important;}

}
@media (max-width: 536px){
    .my-account-left-content{padding: 30px 20px;}
    .inner-order-confirm p span{justify-content: center;align-items: center;}
    h1.order-tick-ok{margin: 30px auto;text-align: center;justify-content: center;align-items: center;font-size: 24px;gap: 5px;}
    .resp-logo-popup img {text-align: center;width: 100%;max-width: 250px;margin: 20px auto 0;}
    .check-out-top-side ul{gap: 20px;}
    .pagination-wrapper{flex-wrap: wrap;justify-content: center;gap: 20px;}
    .related-cards-wrapper .owl-nav {top: -51px;right: -20px;}
    .related-cards-wrapper .owl-nav > button {width: 40px;height: 40px;}
    .inner-banner-section .fluid-container{flex-direction: column;justify-content: center;}
    .product-page-wish-list{top: -8px;right: -10px;}
    .banner-breadcrumbs article{flex-wrap: wrap;justify-content: flex-start;}
    .thank-u-wrapper h3{text-align: center;}
    h1.order-tick-ok{justify-content: center;align-items: center;font-size: 20px;}
    h1.order-tick-ok span{width: 20px;height: 20px;}
    h1.order-tick-ok span img{width: 10px;}

}
@media (max-width: 480px){
    .address-radio-wrapper div h4{flex-wrap: wrap;}
    .check-out-top-side ul::before{width: 59%;}
    .modal-close-1 img{max-width: 30px;}
    .add-input-wrapper a.add {right: 10px;}
    a.clone-product-remove-remove{right: 10px;}
    .rate-box .progress-bar{width: 150px;}
    .global > span {font-size: 30px;font-weight: 500;}
    .rating-icons span{font-size: 20px;}
    .account-holder-pic-name-btn-flex{flex-wrap: wrap;justify-content: center;}
    .ask-quote-flex-card{flex-wrap: wrap;}
    .ask-quote-flex-card .quote-filed-card:nth-child(1) {max-width: 180px !important;}
    .ask-quote-flex-card .quote-filed-card:nth-child(2) {max-width: 80px !important;}
    .ask-quote-flex-card .quote-filed-card:nth-child(3) {max-width: 180px !important;}
    .ask-quote-flex-card .quote-filed-card:nth-child(4) {max-width: 80px !important;}
}
@media (max-width: 420px){
    .right-star-product-card .right-top-product{flex-wrap: wrap;}
    .right-top-product .right-top-left{max-width: 400px;background: no-repeat center top/cover;}
    .right-top-product .right-top-right{max-width: 400px;background: no-repeat center top/cover;}
    .h2-line{width: 70px;}
    .resp-main-footer .down-footer-flex .down-footer-cards:nth-child(3){max-width: 300px;margin: 10px 0px 20px;text-align: left;}
    .resp-main-footer .down-footer-flex .down-footer-cards:nth-child(3) a {display: flex;justify-content: flex-start;align-items: flex-start;gap: 10px;text-align: left;color: #fff;font-size: 16px;line-height: 1.6;margin: 15px auto;}
    .buy-cart-btns{flex-wrap: wrap;}
    .add-input-wrapper a.add {right: 5px;}
    a.clone-product-remove-remove{right: 5px;}
    .container {display: flex;border-radius: 15px;gap: 20px;height: 200px;width: 100%;max-width: 95%;justify-content: center;padding: 0 !important;margin: 10px 0 !important;}
    .delivery-fee-product-span {flex-direction: column;justify-content: center;align-content: center;}
    .delivery-fee-product-span .price-mrp{margin: 5px auto;}
    .delivery-fee-product-span .delivery-span-fee{margin: auto;}
}
/* media queri css  */