@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
#scrollUp,
a {
    -webkit-transition: .4s;
    -o-transition: .4s
}

ul,
ul.menu-right {
    margin: 0;
    list-style: none
}

.category-menu,
ul,
ul.menu-right {
    list-style: none
}

.site-wrappersite-wrapper {
    font-family: Montserrat, sans-serif
}

.bg-overlay--white,
.site-wrapper {
    position: relative
}

a,
span {
    display: inline-block
}

a {
    transition: .4s;
    color: inherit
}

a:focus {
    outline: 0 !important
}

a:hover {
    text-decoration: none !important
}

a:visited {
    text-decoration: none
}

ul.menu-right {
    align-items: center
}

.btn:active,
.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: transparent
}

button {
    cursor: pointer;
    background: 0 0;
    border: none
}

.slick-slide:focus,
.slick-slide:focus a:focus,
button:focus {
    outline: 0
}

.icon i {
    font-size: inherit;
    color: #000
}

.category-nav.white-nav .category-trigger,
.text-white,
body.dark-mode .icon i,
body.dark-mode ul.main-menu>li.menu-item>a {
    color: #fff
}

.card {
    border: none;
    border-radius: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

@media (min-width:1600px) {
    .no-gutters-lg>.col,
    .no-gutters-lg>[class*=col-] {
        padding-right: 0;
        padding-left: 0
    }
}

.nice-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: none
}

#scrollUp {
    bottom: 30px;
    right: 16px;
    border-radius: 8px;
    padding: 10px 14px;
    text-align: center;
    cursor: pointer;
    border: 2px solid #83c3ff;
    color: #83c3ff;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-weight: 600;
    text-transform: uppercase;
    background: rgba(255, 255, 255, .9);
    z-index: 9;
    font-size: 13px;
    transition: .4s
}

#main-nav-fc,
#main-nav-fc2,
body.dark-mode #main-nav-fc2 {
    position: fixed !important;
    top: 0 !important;
    z-index: 999
}

.off-canvas-wrapper,
.overflow-image img {
    -webkit-transition: .4s;
    -o-transition: .4s
}

.form-control {
    display: inline-block;
    padding: 10px 15px;
    line-height: 30px;
    height: 52px;
    color: #7b7b7b;
    font-size: 15px;
    width: 100%;
    border: 2px solid #eee;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    border: 2px solid #eee
}

.section-margin {
    margin-bottom: 60px
}

.section-margin-top {
    margin-top: 60px
}

.inner-page-sec-padding-bottom,
.section-padding,
.section-padding-bottom {
    padding-bottom: 60px
}

.section-padding-top {
    padding-top: 60px
}

.overflow-hidden {
    overflow: hidden !important
}

.inner-page-sec-margin {
    margin-top: 50px !important
}

.inner-page-sec-padding {
    padding-bottom: 50px
}

.inner-page-sec-padding-top {
    padding-top: 90px
}

.flex-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.bg-position-left {
    background-position: left !important
}

@media (min-width:992px) {
    .no-gutters-lg>.col,
    .no-gutters-lg>[class*=col-] {
        padding-right: 0;
        padding-left: 0
    }
    .flex-lg-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .bg-position-lg-center {
        background-position: center !important
    }
}

.modal-social-share .single-icon:hover,
.off-canvas-wrapper .menu-block-2>li:hover>a,
.off-canvas-wrapper .off-canvas-social a:focus,
.text-primary,
.text-primary:hover {
    color: #0576eb !important
}

.text-black {
    color: #292929
}

.text-black-2 {
    color: #1a1f2b
}

.bg-primary {
    background: #0576eb !important
}

.bg-gray,
.bg-red,
.bg-white {
    background: #f6f6f6
}

.bg-yellow {
    background: #f1c40f
}

.bg-green {
    background: #a0d468
}

.bg-beige {
    background: beige
}

.bg-ghost-white {
    background: #f5f4fa
}

.bg-shade-whisper {
    background: #ededed
}

.bg-pink {
    background: #ff7a7a
}

.bg-yellow-2 {
    background: #ffff01
}

.bg-dark-gray {
    background: #2f4f4e
}

.text-red {
    color: red
}

.bg-overlay--white:before {
    background: #fff;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: .2
}

.bg-overlay--dark,
.category-menu .has-children,
.category-menu .has-children>a,
.main-mobile-menu .menu-item-has-children,
.off-canvas-wrapper .search-box.offcanvas {
    position: relative
}

.bg-overlay--dark:before {
    background: #000;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: .4
}

.modal.modal-quick-view {
    display: block;
    opacity: 0;
    visibility: hidden;
    z-index: -9999
}

.modal.modal-quick-view .modal-dialog {
    max-width: 100%;
    margin: 20% auto
}

@media (min-width:768px) {
    .section-margin {
        margin-bottom: 80px
    }
    .section-margin-top {
        margin-top: 80px
    }
    .inner-page-sec-padding-bottom,
    .section-padding,
    .section-padding-bottom {
        padding-bottom: 80px
    }
    .section-padding-top {
        padding-top: 80px
    }
    .flex-md-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .modal.modal-quick-view .modal-dialog {
        max-width: 700px;
        overflow-x: scroll
    }
}

@media (min-width:992px) {
    .modal.modal-quick-view .modal-dialog {
        max-width: 900px;
        overflow: unset;
        margin: 10% auto
    }
}

.modal.modal-quick-view.show {
    opacity: 1;
    visibility: visible;
    z-index: 9999
}

.modal.modal-quick-view .modal-close-btn {
    position: absolute;
    right: 0;
    margin-right: 10px;
    top: 5px;
    float: none
}

.modal.modal-quick-view .modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 30px
}

.modal.modal-quick-view .modal-footer .widget-social-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal.modal-quick-view .modal-footer .widget-social-share .widget-label {
    margin-right: 20px
}

.product-details-modal {
    padding: 30px
}

.product-details-modal .product-details-slider .single-slide img {
    width: 100%
}

.modal-social-share .single-icon {
    color: #333;
    margin-right: 10px
}

.bg-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1
}

.border-bottom {
    border-bottom: 1px solid #ebebeb
}

.overflow-image {
    overflow: hidden;
    width: 100%;
    display: block
}

.overflow-image img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: .4s;
    width: 100%
}

.overflow-image:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

@media (min-width:992px) {
    .modal.modal-quick-view .modal-footer {
        padding-left: 60px
    }
    .product-details-modal {
        padding: 60px
    }
    ul.main-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s
    }
    ul.main-menu>li.menu-item>a {
        margin-left: 6px;
        margin-right: 6px;
        padding-top: 25px;
        padding-bottom: 25px;
        font-size: 18px;
        font-weight: 500;
        color: #000;
        line-height: 31px
    }
    ul.main-menu>li.menu-item:hover>a {
        color: #0576eb
    }
    ul.main-menu>li.menu-item:first-child {
        padding-left: 0
    }
    ul.main-menu>li.menu-item:last-child {
        padding-right: 0
    }
    ul.main-menu>li.menu-item.has-children>a {
        position: relative;
        z-index: 139
    }
    ul.main-menu>li.menu-item.has-children>a:before {
        position: absolute;
        content: "";
        border-width: 10px 7px;
        border-color: transparent transparent #eee;
        border-style: solid;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-100%);
        -ms-transform: translate(-100%);
        transform: translate(-100%);
        display: none
    }
    ul.main-menu>li.menu-item.has-children>a:after {
        position: absolute;
        content: "";
        border-width: 12px 10px;
        border-color: transparent transparent #fff;
        border-style: solid;
        bottom: -6px;
        margin-left: 3px;
        left: 50%;
        -webkit-transform: translate(-100%);
        -ms-transform: translate(-100%);
        transform: translate(-100%);
        display: none
    }
    ul.main-menu>li.menu-item.has-children>a i {
        margin-left: 1px;
        font-size: 13px;
        display: inline-block;
        line-height: inherit;
        vertical-align: middle;
        font-style: normal
    }
    ul.main-menu>li.menu-item.has-children:hover>a:after,
    ul.main-menu>li.menu-item.has-children:hover>a:before {
        display: block
    }
    ul.main-menu>li .sub-menu {
        width: 200px;
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        margin-top: -1px;
        opacity: 0;
        pointer-events: none
    }
}

@media (min-width:992px) and (max-width:1174px) {
    ul.main-menu>li.menu-item>a {
        font-size: 18px;
    }
}
@media (min-width:1275px) and (max-width:2000px) {
    ul.main-menu>li.menu-item>a {
        margin-left: 16px;
        margin-right: 16px;
    }
}
@media (min-width:1175px) and (max-width:1274px) {
    ul.main-menu>li.menu-item>a {
        margin-left: 10px;
        margin-right: 10px;
    }
}
@media (min-width:1309px) and (max-width:1500px) {
    ul.main-menu>li.menu-item>a {
        margin-left: 12px;
        margin-right: 12px;
        font-size:16px;
    }
    #desc-contact-btn1{
        font-size:14px !important;
    }
}
@media (min-width:1250px) and (max-width:1309px) {
    ul.main-menu>li.menu-item>a {
        margin-left: 11px;
        margin-right: 11px;
        font-size:16px;
    }
    #desc-contact-btn1{
        font-size:14px !important;
    }
}
@media (min-width:1200px) and (max-width:1250px) {
    ul.main-menu>li.menu-item>a {
        margin-left: 11px;
        margin-right: 11px;
        font-size:15px;
    }
    #desc-contact-btn1{
        font-size:14px !important;
    }
}
@media (min-width:992px) and (max-width:1200px) {
    ul.main-menu>li.menu-item>a {
        margin-left: 6px;
        margin-right: 6px;
        font-size:14px;
    }
       #desc-contact-btn1 {
        font-size: 12px !important;
        padding: 4px 8px !important;
    }
}
/*@media (min-width: 992px) and (max-width: 1174px) {*/
/*    ul.main-menu>li.menu-item>a {*/
/*        font-size: 18px;*/
/*    }*/
/*}*/

/*@media (min-width: 1175px) and (max-width: 1274px) {*/
/*    ul.main-menu>li.menu-item>a {*/
/*        margin-left: 10px;*/
/*        margin-right: 10px;*/
/*    }*/
/*}*/

/*@media (min-width: 1275px) and (max-width: 2000px) {*/
/*    ul.main-menu>li.menu-item>a {*/
/*        margin-left: 16px;*/
/*        margin-right: 16px;*/
/*    }*/
/*}*/

@media (min-width:992px) {
    ul.main-menu>li .sub-menu li {
        color: #333;
        text-transform: capitalize;
        font-weight: 400;
        font-size: 14px;
        margin-bottom: 10px
    }
    ul.main-menu>li .sub-menu li:last-child {
        margin-bottom: 0
    }
    ul.main-menu>li .sub-menu li a {
        color: inherit
    }
    .mega-single-block li a {
        font-size: 16px;
        color: #000 !important;
        font-weight: 400
    }
    ul.main-menu>li .sub-menu li:hover>a {
        color: #0576eb
    }
    ul.main-menu.menu-black .menu-item {
        color: #292929
    }
    ul.main-menu.menu-right .mega-menu .sub-menu {
        left: auto;
        right: 0
    }
    ul.main-menu .has-children {
        position: relative
    }
    ul.main-menu .has-children.mega-menu {
        position: static
    }
}

@media (min-width:992px) and (min-width:992px) {
    ul.main-menu>li .sub-menu {
        padding: 20px 25px
    }
    ul.main-menu .has-children.mega-menu .menu-title {
        margin-bottom: 20px
    }
}

@media (min-width:992px) and (min-width:1200px) {
    ul.main-menu>li .sub-menu {
        padding: 30px
    }
    ul.main-menu>li .sub-menu li {
        margin-bottom: 15px
    }
    ul.main-menu .has-children.mega-menu .menu-title {
        margin-bottom: 30px
    }
}

#desc-contact-btn1,
body.dark-mode ul.main-menu>li .sub-menu li aP,
body.dark-mode ul.sub-menu a {
    color: #fff !important
}

.category-nav {
    position: relative;
    max-width: 270px;
    z-index: 180
}

.category-nav .category-trigger {
    position: relative;
    color: #000;
    text-decoration: none;
    border: 2px solid #eee;
    display: block;
    font-weight: 700;
    padding: 12px 10px 12px 15px
}

@media (min-width:992px) {
    ul.main-menu--white>li.menu-item,
    ul.main-menu--white>li.menu-item>a {
        color: #fff
    }
    ul.main-menu .has-children.mega-menu>.sub-menu {
        width: 1000px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    ul.main-menu .has-children.mega-menu>.sub-menu.three-column {
        width: 700px
    }
    ul.main-menu .has-children.mega-menu>.sub-menu.three-column>li {
        margin-bottom: 0;
        width: 33.3333%;
        padding-left: 20px;
        border-left: 1px solid #ebebeb
    }
    ul.main-menu .has-children.mega-menu>.sub-menu.four-column>li:first-child,
    ul.main-menu .has-children.mega-menu>.sub-menu.four-column>li:nth-child(5n+5),
    ul.main-menu .has-children.mega-menu>.sub-menu.three-column>li:first-child {
        padding-left: 0;
        border-left: 0
    }
    ul.main-menu .has-children.mega-menu>.sub-menu.four-column {
        width: 940px;
    }
    ul.main-menu .has-children.mega-menu>.sub-menu.five-column {
        width: 1251px !important;
    }
    ul.main-menu .has-children.mega-menu>.sub-menu.five-column>li {
        width: 20% !important;
        /*border-right: 1px solid #ebebeb !important;*/
        padding-left: 20px !important;
        margin-bottom: 0 !important;
    
    }
    .five-li{
        border-left: 1px solid #ebebeb !important;
        padding-left: 20px !important;
        margin-bottom: 0 !important;
    }
    ul.main-menu .has-children.mega-menu>.sub-menu.four-column>li {
        margin-bottom: 0;
        width: 25%;
        padding-left: 20px;
        border-left: 1px solid #ebebeb
    }
    ul.main-menu .has-children:hover {
        z-index: 200
    }
    ul.main-menu .has-children:hover>.sub-menu {
        pointer-events: auto;
        opacity: 1
    }
    ul.main-menu .menu-title {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
        color: #333
    }
    ul.main-menu .menu-title:hover a {
        color: #0576eb !important
    }
    ul.main-menu--white>li.menu-item.has-children:hover>li,
    ul.main-menu--white>li.menu-item:hover,
    ul.main-menu--white>li.menu-item:hover>a,
    ul.main-menu--white>li.menu-item>a:hover {
        color: #333
    }
    .category-nav .category-trigger {
        font-size: 14px;
        text-align: left
    }
}

@media (min-width:1200px) {
    .no-gutters-lg>.col,
    .no-gutters-lg>[class*=col-] {
        padding-right: 0;
        padding-left: 0
    }
    .flex-xl-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .bg-position-lg-center {
        background-position: center
    }
    .modal.modal-quick-view .modal-dialog {
        max-width: 1100px;
        overflow: unset
    }
    .category-nav .category-trigger {
        text-align: center;
        padding: 12px 20px;
        font-size: 15px
    }
}

.category-nav .category-trigger i {
    margin-right: 8px;
    font-size: 16px
}

.category-nav .category-trigger:before {
    position: absolute;
    content: "\f078";
    font-size: 13px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-weight: 900;
    top: 0;
    margin-right: 25px
}

.category-nav.show .category-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: visible
}

.category-nav.primary-nav {
    background: #0576eb
}

.category-nav.primary-nav .category-trigger {
    color: #fff;
    border-color: #0576eb
}

.category-menu .cat-item:last-child a,
.category-nav.primary-nav .category-menu {
    border-color: transparent
}

.category-menu {
    margin: 0;
    width: 100%;
    position: absolute;
    border: 2px solid #eee;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    background: #fff
}

.category-menu .cat-item {
    padding: 0 10px
}

.category-menu .cat-item>a {
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 25px 10px 15px;
    color: #555;
    line-height: 26px;
    text-transform: capitalize;
    font-weight: 400;
    display: block
}

.category-menu .cat-item a {
    color: #333;
    text-decoration: none;
    font-size: 14px
}

.category-menu .cat-item:hover,
.category-menu .cat-item:hover>a,
.category-menu .has-children>.sub-menu>li:hover>a,
.contact-list a:hover,
.mobile-header .header-links .sin-link:hover a,
.mobile-navigation .mobile-menu li:hover>a,
.off-canvas-wrapper .menu-block-2>li .sub-menu>li>a:hover,
.off-canvas-wrapper .off-canvas-social a:hover {
    color: #0576eb
}

.category-menu .has-children>.sub-menu {
    top: 0;
    width: 100%;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    display: none;
    border-bottom: 1px solid #eee
}

.category-menu .has-children>.sub-menu>li {
    padding: 5px 27px;
    font-weight: 600
}

.category-menu .has-children>a:before {
    position: absolute;
    content: "\f078";
    right: 0;
    font-size: 10px;
    font-weight: 900;
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    top: 0
}

.category-menu .has-children.mega-menu>.sub-menu {
    background: #fff;
    padding: 20px 0
}

.category-menu .has-children.mega-menu>.sub-menu .single-block {
    margin-bottom: 15px
}

.category-menu .has-children.mega-menu>.sub-menu .single-block li>a {
    font-weight: 400;
    color: #666;
    font-size: 14px;
    line-height: 28px
}

.category-menu .has-children.mega-menu>.sub-menu .single-block:last-child,
.contact-list a:last-child {
    margin-bottom: 0
}

.category-menu .has-children.mega-menu>.sub-menu .title {
    color: #333;
    font-size: 15px;
    font-weight: 600
}

.mobile-header.absolute-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99
}

.mobile-header .mobile-top-section {
    padding: 7px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #fff
}

.mobile-header .header-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mobile-header .header-links .sin-link {
    font-size: 25px;
    margin: 0 15px 0 0
}

.mobile-header .header-links .sin-link:last-child {
    margin-right: 0
}

.mobile-header .header-links .hamburgur-icon {
    font-size: 34px;
    width: 28px;
    height: 25px;
    border-color: #fff
}

.mobile-header .header-links .hamburgur-icon:hover {
    border-color: #0576eb
}

.mobile-header .category-nav {
    margin: 11px auto;
    max-width: 100%
}

@media (min-width:768px) {
    .mobile-header .category-nav {
        max-width: 270px
    }
}

.mobile-header .category-nav .category-menu {
    max-height: 320px;
    overflow-y: auto
}

@media (min-width:576px) {
    .flex-sm-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .mobile-header .category-nav .category-menu {
        max-height: 480px
    }
}

.off-canvas-wrapper {
    top: 0;
    right: 0;
    height: 100vh;
    position: fixed;
    background-color: #fff;
    z-index: 9999;
    transition: .4s;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 0 87px 0 rgba(0, 0, 0, .09);
    opacity: 0;
    visibility: hidden;
    width: 300px
}

@media (min-width:480px) {
    .mobile-header .header-links .sin-link {
        font-size: 30px;
        margin: 0 20px 0 0
    }
    .mobile-header .header-links .hamburgur-icon {
        width: 33px;
        height: 33px
    }
    .off-canvas-wrapper {
        width: 300px
    }
}

.main-logo,
body.dark-mode .main-logo {
    background-size: cover;
    height: 80px;
    width: 200px
}

.off-canvas-wrapper.open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.off-canvas-wrapper .off-canvas-inner {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    height: 100%;
    position: relative;
    overflow-y: scroll;
    margin-top: 1px;
    margin-left: 1px
}

.off-canvas-wrapper .btn-close-off-canvas {
    top: 0;
    left: -42px;
    width: 42px;
    height: 42px;
    font-size: 32px;
    background-color: #0576eb;
    color: #fff;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.off-canvas-wrapper .search-box.offcanvas input {
    width: 80%;
    height: 40px;
    padding-right: 50px;
    text-indent: 15px;
    border: 2px solid #85c1ff;
    border-radius: 50px;
    color: #0675e8
}

.off-canvas-wrapper .search-box.offcanvas input::placeholder {
    color: #969696;
    font-size: 16px
}

.off-canvas-wrapper .search-box.offcanvas input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.off-canvas-wrapper .search-box.offcanvas button {
    width: 40px;
    height: 40px;
    font-size: 21px;
    background: #0576eb;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 10px;
    border-radius: 100px
}

.off-canvas-wrapper .menu-expand {
    display: none
}

.off-canvas-wrapper .header-social .single-icon {
    padding: 0 8px
}

.off-canvas-wrapper .menu-block-2>li {
    margin-bottom: 5px
}

.off-canvas-wrapper .menu-block-2>li>a>i {
    font-size: 10px;
    margin-left: 6px
}

.off-canvas-wrapper .menu-block-2>li .sub-menu {
    padding-left: 15px;
    border-left: 2px solid #0576eb
}

.off-canvas-wrapper .menu-block-2>li .sub-menu>li {
    padding-top: 5px
}

.off-canvas-wrapper .off-canvas-social a {
    margin-right: 10px;
    font-size: 20px;
    color: #0576eb
}

.mobile-navigation {
    padding: 45px 0 30px
}

.mobile-navigation .mobile-menu>li {
    padding-bottom: 13px;
    margin-bottom: 13px;
    border-bottom: 1px solid #ececec
}

*,
ul.mobile-menu.main-mobile-menu {
    padding: 0
}

.mobile-navigation .mobile-menu>li .sub-menu1>li,
.mobile-navigation .mobile-menu>li .sub-menu>li {
    padding-top: 13px;
    margin-top: 13px;
    border-top: 1px solid #ececec;
    padding-left: 10px
}

.mobile-navigation .mobile-menu a {
    display: block;
    font-size: 14px;
    font-weight: 600
}

.off-canvas-bottom {
    position: static;
    margin-bottom: 30px
}

.contact-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.contact-list a {
    font-size: 14px;
    margin-bottom: 12px;
    line-height: 30px
}

.contact-list a i {
    margin-right: 7px;
    font-size: 20px;
    color: #0576eb
}

.li-last-0>li>a {
    margin-right: 30px
}

.main-mobile-menu .menu-expand {
    position: absolute;
    display: block;
    right: 0;
    font-size: 13px
}

#desc-contact-btn1 {
    background: #0675e8;
    padding: 6px 20px;
    border-radius: 100px;
    border: 2px solid #fff;
    font-size: 16px;
    font-weight: 600;
    font-family: Montserrat
}

#desc-contact-btn1:hover {
    color: #0675e8 !important;
    background: #fff;
    border: 2px solid #0675e8
}

.fa-adjust:before {
    content: "\f042";
    color: #0675e8;
    font-size: 26px
}

.sub-menu-title-i {
    margin: .5rem 0 0;
    font-size: 20px;
    padding-right: 8px;
    color: #0675e8
}

body.dark-mode #main-nav-fc {
    background: #000 !important
}

@media (min-width:992px) {
    .category-menu .has-children>.sub-menu {
        border: 2px solid #eee;
        position: absolute;
        display: block;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
        width: 230px;
        left: 110%;
        visibility: hidden;
        opacity: 0;
        pointer-events: none
    }
    .category-menu .has-children:hover>.sub-menu {
        left: 100%;
        visibility: visible;
        opacity: 1;
        pointer-events: visible
    }
    .category-menu .has-children>a:before {
        content: "\f054"
    }
    .category-menu .has-children.mega-menu>.sub-menu {
        padding: 30px 30px 8px;
        width: 600px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .category-menu .has-children.mega-menu>.sub-menu .single-block {
        margin-bottom: 22px;
        -webkit-box-flex: 50%;
        -ms-flex: 50%;
        flex: 50%
    }
    .mobile-header .category-nav .category-menu {
        max-height: none;
        overflow: unset
    }
    ul.sub-menu {
        box-shadow: rgba(50, 50, 93, .25) 0 50px 100px -20px, rgba(0, 0, 0, .3) 0 30px 60px -30px, rgba(10, 37, 64, .35) 0 -2px 6px 0 inset
    }
    body.dark-mode ul.sub-menu {
        background-color: #353535;
        box-shadow: rgba(124, 124, 124, .8) 0 50px 100px -20px, rgba(255, 255, 255, .9) 0 30px 60px -30px, rgba(194, 194, 194, .85) 0 -2px 6px 0 inset;
        border: 2px solid #fff
    }
}

body.dark-mode ul.main-menu>li .sub-menu li a:hover {
    color: #007bff !important
}

body.dark-mode .off-canvas-wrapper .off-canvas-inner {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    height: 100%;
    position: relative;
    overflow-y: scroll;
    margin-top: 1px;
    margin-left: 1px;
    background: #000
}

.main-nav-fc-child {
    margin: 0 auto
}

.ion-navicon {
    font-size: 50px;
    color: #0675e8
}

#main-nav-fc {
    background: #f9fafe !important;
    width: 100%
}

#main-nav-fc2 {
    width: 100%;
    background-color: #fff
}

.main-logo {
    background-image: url(../img/index/logo/logo.svg?28989)
}

body.dark-mode .main-logo {
    background-image: url(../img/index/logo/logo-dark.svg?65650)
}

body.dark-mode #main-nav-fc2 {
    width: 100%;
    background-color: #000
}

.off-canvas-social {
    margin-top: 12px
}

li.activeJs a,
ul.mega-single-block a:hover {
    color: #0675e8 !important
}

ul.sub-menu a {
    color: #111 !important
}

ul.mega-single-block a {
    font-size: 15px !important
}

.plusIcon {
    padding: 20px;
    margin-top: -8px
}

.Paddding-14 {
    padding: 10px;
    margin-top: -8px
}

.blue-gradient {
    background-image: linear-gradient(180deg, #5873e7 0, #0675e8 100%);
    min-height: 260px;
    border-radius: 10px
}

.blue-gradient img {
    padding: 10px;
    width: 100%;
    border-radius: 20px
}

* {
    margin: 0;
    box-sizing: border-box
}

.testimonial {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3d5a80;
    color: #3d5a80
}

.testimonial-slide {
    padding: 40px 20px;
    width: 100px !important
}

.testimonial_box-icon,
.testimonial_box-text {
    padding: 10px 0
}

.testimonial_box-icon i {
    font-size: 25px;
    color: #14213d
}

.testimonial_box-text p {
    color: #293241;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0
}

.testimonial_box-img {
    padding: 20px 0 10px;
    display: flex;
    justify-content: center
}

.testimonial_box-img img {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    border: 2px solid #e5e5e5
}

.testimonial_box-name {
    padding-top: 10px
}

.testimonial_box-name h4 {
    font-size: 20px;
    line-height: 25px;
    color: #293241;
    margin-bottom: 0
}

.testimonial_box-job p {
    color: #293241;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 20px;
    font-weight: 300;
    margin-bottom: 0
}