/*!// Contents

// ------------------------------------------------>

1. Global Styles

2. Typography

3. Color

4. Align

5. Grid

6. Blockquotes

7. Background

8. Breadcrumbs

9. Buttons

10. Forms

11. Icons

12. List

13. Accordions

14. Alerts

15. Backtop

16. Page Loader

17. Header

18. Menu

19. Module

20. TopBar

21. Page Title

22. Carousel

23. Pagination

24. Heading

25. Hero

26. Blog

27. Shop

28. Work

29. Sidebar

30. Features

31. Pricing

32. team

33. Contact

34. Faq

35. Clients

36. Testimonial

37. Video

38. Counters

39. Services

40. Action

41. 404

42. Company Data

43. Image Hot Pointer

44. Careers

45. Awards

46. About

47. Processes

48. Footer

/*

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use

the custom.css file to add your styles. You can copy a style from this file and paste it in

custom.css and it will override the style in this file. You have been warned! :)*/

:root {

    --global--color-primary: #FFA500;

    --global--color-primary-90: rgba(50, 195, 108, 0.9);

    --global--color-primary-70: rgba(50, 195, 108, 0.7);

    --global--color-heading: #253745;

    --global--color-secondary: #2b3e4b;

    --global--color-body: #9b9b9b;

    --global--color-white: #ffffff;

    --global--color-white-90: rgba(255, 255, 255, 0.9);

    --global--color-gray: #f9f9f9;

    --global--font-body: 'Roboto', sans-serif;

    --global--font-heading: 'IBM Plex Sans', sans-serif;

    --global--font-secondary: 'Heebo', sans-serif

}



*, h1, h2, h3, h4, h5, h6, p, ul, a, dl, dt, dd, ol, ul, li {

    list-style: none;

    margin: 0;

    padding: 0

}



*, :active, :focus {

    outline: none !important

}



ul, ol {

    list-style: none;

    margin: 0;

    padding: 0

}



textarea {

    resize: none

}



::-moz-selection {

    text-shadow: none

}



::selection {

    text-shadow: none

}



::-moz-selection {

    text-shadow: none

}



::-webkit-selection {

    text-shadow: none

}



.form-control {

    -webkit-box-shadow: none;

    box-shadow: none

}



button {

    background-color: transparent;

    -webkit-box-shadow: none;

    box-shadow: none;

    border: none;

    outline: none;

    padding: 0

}



textarea {

    resize: none

}



body, html {

    overflow-x: hidden

}



body {

    background-color: var(--global--color-white);

    font-family: var(--global--font-body);

    font-size: 14px;

    font-weight: 400;

    color: var(--global--color-body);

    margin: 0

}



::-moz-selection {

    background-color: var(--global--color-primary);

    color: var(--global--color-white);

    text-shadow: none

}



::selection {

    background-color: var(--global--color-primary);

    color: var(--global--color-white);

    text-shadow: none

}



a {

    font-family: var(--global--font-body);

    font-weight: 400;

    color: var(--global--color-primary);

    -webkit-transition: all 300ms ease-in-out;

    -o-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    text-decoration: none

}



a:hover {

    text-decoration: none

}



p {

    font-family: var(--global--font-body);

    font-weight: 400

}



textarea {

    resize: none

}



.fullscreen {

    height: 100vh !important

}



section {

    background-color: var(--global--color-white);

    padding: 120px 0;

    overflow: hidden

}



@media only screen and (max-width:767px) {

    section {

        padding: 70px 0

    }

}



hr {

    background-color: #eaeaea;

    border-color: #eaeaea;

    margin: 0

}



@media only screen and (max-width:992px) {

    .fullscreen {

        height: auto !important

    }

}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

    color: var(--global--color-heading);

    font-family: var(--global--font-heading);

    font-weight: 700;

    margin: 0 0 28px;

    line-height: 1

}



.h1, h1 {

    font-size: 52px

}



.h2, h2 {

    font-size: 42px

}



.h3, h3 {

    font-size: 38px

}



.h4, h4 {

    font-size: 28px

}



.h5, h5 {

    font-size: 24px

}



.h6, h6 {

    font-size: 18px

}



p {

    font-family: var(--global--font-body);

    color: var(--global--color-body);

    font-size: 16px;

    font-weight: 400;

    line-height: 28px

}



.lead {

    font-size: 16px;

    line-height: 1.8

}



.text--left {

    text-align: left !important

}



.text--right {

    text-align: right !important

}



.text--center {

    text-align: center !important

}



.text--just {

    text-align: justify !important

}



.align--top {

    vertical-align: top

}



.align--bottom {

    vertical-align: bottom

}



.align--middle {

    vertical-align: middle

}



.align--baseline {

    vertical-align: baseline

}



.bold {

    font-weight: 700 !important

}



.regular {

    font-weight: 400 !important

}



.medium {

    font-weight: 500 !important

}



.italic {

    font-style: normal

}



.break-word {

    word-wrap: break-word

}



.no-wrap {

    white-space: nowrap

}



.text-white {

    color: var(--global--color-white) !important

}



.text-gray {

    color: var(--global--color-gray) !important

}



.text-black {

    color: var(--global--color-heading)

}



.text-theme {

    color: var(--global--color-primary) !important

}



.text--capitalize {

    text-transform: capitalize !important

}



.text--uppercase {

    text-transform: uppercase !important

}



.font-heading {

    font-family: var(--global--font-heading)

}



.font-heading {

    font-family: var(--global--font-heading)

}



.font-18 {

    font-size: 24px

}



.font-16 {

    font-size: 16px

}



.font-20 {

    font-size: 20px

}



.font-40 {

    font-size: 40px

}



@media only screen and (min-width:320px) and (max-width:767px) {

    text-center-xs {

        text-align: center !important

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    text-center-sm {

        text-align: center !important

    }

}



.higlighted-style1 {

    background-color: var(--global--color-primary);

    color: var(--global--color-white);

    padding: 5px 0

}



.higlighted-style2 {

    background-color: var(--global--color-heading);

    color: var(--global--color-white);

    padding: 5px 0

}



.higlighted-style3 {

    background-color: var(--global--color-gray);

    color: var(--global--color-primary);

    padding: 5px 0

}



.color-heading {

    color: var(--global--color-heading) !important

}



.color-theme {

    color: var(--global--color-primary) !important

}



.color-white {

    color: var(--global--color-white) !important

}



.color-gray {

    color: var(--global--color-gray) !important

}



address, blockquote, dd, dl, fieldset, form, ol, p, pre, table, ul {

    margin-bottom: 0

}



.row-no-padding [class*=col-] {

    padding-left: 0 !important;

    padding-right: 0 !important

}



.col-lg-5ths, .col-md-5ths, .col-sm-5ths, .col-xs-5ths {

    position: relative;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px

}



.col-xs-5ths {

    width: 20%;

    float: left

}



@media(min-width:768px) {

    .col-sm-5ths {

        width: 20%;

        float: left

    }

}



@media(min-width:992px) {

    .col-md-5ths {

        width: 20%;

        float: left

    }

}



@media(min-width:1200px) {

    .col-lg-5ths {

        width: 20%;

        float: left

    }

}



.col-content {

    padding: 120px 100px 110px 120px

}



@media only screen and (min-width:320px) and (max-width:767px) {

    .col-content {

        padding: 125px 18px 0 !important

    }

}



.pos-fixed {

    position: fixed

}



.pos-relative {

    position: relative

}



.pos-absolute {

    position: absolute

}



.pos-static {

    position: static

}



.pos-top {

    top: 0

}



.pos-bottom {

    bottom: 0

}



.pos-right {

    right: 0

}



.pos-left {

    left: 0

}



.pos-vertical-center {

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.height-700 {

    height: 700px !important

}



.height-500 {

    height: 500px !important

}



.height-800 {

    height: 800px !important

}



@media only screen and (min-width:992px) {

    .hidden-lg, .hidden-md {

        display: none

    }

}



@media only screen and (min-width:768px) {

    .col-lg-5ths {

        -ms-flex: 0 0 20%;

        -webkit-box-flex: 0;

        flex: 0 0 20%;

        max-width: 20%

    }

}



.blockquote, blockquote {

    font-size: 20px;

    font-family: var(--global--font-heading);

    color: var(--global--color-body);

    font-style: normal;

    line-height: 28px;

    font-weight: 500;

    padding: 30px 0 30px 30px;

    position: relative;

    border-left: 6px solid var(--global--color-heading)

}



.blockquote .quote-author, blockquote .quote-author {

    font-family: var(--global--font-heading);

    display: block;

    font-size: 13px;

    font-style: normal;

    font-weight: 600;

    line-height: 1;

    color: var(--global--color-heading);

    margin-top: 18px

}



.blockquote .author, blockquote .author {

    font-family: var(--global--font-body);

    display: block;

    font-size: 18px;

    font-style: italic;

    font-weight: 600;

    line-height: 1;

    color: var(--global--color-heading);

    margin-top: 18px

}



.blockquote-1 {

    border-left: 6px solid var(--global--color-heading)

}



.blockquote-2 {

    position: relative;

    border-left: none

}



.blockquote-2::before, .blockquote-2::after {

    font-family: "font awesome 5 free";

    font-size: 16px;

    position: absolute;

    color: var(--global--color-primary);

    line-height: 1.8;

    font-weight: 600

}



.blockquote-2::before {

    content: "\f10d";

    top: 0;

    left: 0

}



.blockquote-2::after {

    content: "\f10e";

    right: 0;

    bottom: 0

}



.blockquote-3 {

    background-color: var(--global--color-heading)

}



.blockquote-3 .author {

    color: var(--global--color-body)

}



.bg-theme {

    background-color: var(--global--color-primary) !important

}



.bg-theme2 {

    background-color: var(--global--color-heading) !important

}



.bg-gray {

    background-color: var(--global--color-gray) !important

}



.bg-grey {

    background-color: #f6f7f8 !important

}



.bg-dark-gray {

    background-color: #3a3a3a

}



.bg-dark {

    background-color: #222 !important

}



.bg-secondary {

    background-color: var(--global--color-secondary)

}



.bg-section {

    position: relative;

    overflow: hidden;

    z-index: 1;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    width: 100%;

    height: 100%

}



.bg-parallax {

    background-attachment: fixed

}



.bg-overlay:before {

    content: "";

    display: inline-block;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1

}



.bg-overlay-light:before {

    background-color: var(--global--color-white);

    opacity: .8

}



.bg-overlay-dark:before {

    background-color: rgba(29, 42, 77, .45)

}



.bg-overlay-dark-2:before {

    background-image: -webkit-gradient(linear, left top, left bottom, from(#1B1A1A80), to(#00000000));

    background-image: -o-linear-gradient(top, #1B1A1A80 0%, #00000000 100%);

    background-image: linear-gradient(180deg, #1B1A1A80 0%, #00000000 100%);

    opacity: .55

}



.bg-overlay-dark-3:before {

    background-image: -webkit-gradient(linear, left top, left bottom, from(#1B1A1A80), to(#00000000));

    background-image: -o-linear-gradient(top, #1B1A1A80 0%, #00000000 100%);

    background-image: linear-gradient(180deg, #1B1A1A80 0%, #00000000 100%)

}



.bg-overlay-dark-slider:before {

    background-image: -webkit-gradient(linear, left top, left bottom, from(#14191c), color-stop(82%, rgba(20, 25, 28, 0)));

    background-image: -o-linear-gradient(top, #14191c 0%, rgba(20, 25, 28, 0) 82%);

    background-image: linear-gradient(180deg, #14191c 0%, rgba(20, 25, 28, 0) 82%)

}



.bg-overlay-dark-slider-2:before {

    background-image: -webkit-gradient(linear, left top, left bottom, from(#14191c), color-stop(82%, rgba(20, 25, 28, 0)));

    background-image: -o-linear-gradient(top, #14191c 0%, rgba(20, 25, 28, 0) 82%);

    background-image: linear-gradient(180deg, #14191c 0%, rgba(20, 25, 28, 0) 82%)

}



.bg-overlay-theme:before {



    background-color: #FFA500;

}



.bg-overlay-theme2:before {

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #253745), to(#253745E6));

    background-image: -o-linear-gradient(top, #253745 50%, #253745E6 100%);

    background-image: linear-gradient(180deg, #253745 50%, #253745E6 100%)

}



.bg-overlay-theme3:before {

    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFA500F2), color-stop(86%, #FFA500));

    background-image: -o-linear-gradient(top, #FFA500F2 0%, #FFA500 86%);

    background-image: linear-gradient(180deg, #FFA500F2 0%, #FFA500 86%)

}



.bg-overlay-theme4 {

    background-color: var(--global--color-heading)

}



.bg-overlay-theme4:before {

    background-image: -webkit-gradient(linear, left top, left bottom, from(#00000000), color-stop(70%, #1F313F));

    background-image: -o-linear-gradient(top, #00000000 0%, #1F313F 70%);

    background-image: linear-gradient(180deg, #00000000 0%, #1F313F 70%)

}



.bg-overlay-theme5:before {

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(46%, #FFA500), color-stop(144%, #FFA5005c));

    background-image: -o-linear-gradient(top, #FFA500 46%, #FFA5005c 144%);

    background-image: linear-gradient(180deg, #FFA500 46%, #FFA5005c 144%)

}



.bg-overlay-video:before {

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(42%, #1D2A4D03), color-stop(90%, #1D2A4D));

    background-image: -o-linear-gradient(top, #1D2A4D03 42%, #1D2A4D 90%);

    background-image: linear-gradient(180deg, #1D2A4D03 42%, #1D2A4D 90%);

    opacity: .8

}



.bg-overlay-white:before {

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#ffffffd6));

    background-image: -o-linear-gradient(top, #fff 50%, #ffffffd6 100%);

    background-image: linear-gradient(180deg, #fff 50%, #ffffffd6 100%)

}



.bg-overlay-white2:before {

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(34%, #fff), color-stop(44%, #ffffff00));

    background-image: -o-linear-gradient(bottom, #fff 34%, #ffffff00 44%);

    background-image: linear-gradient(0deg, #fff 34%, #ffffff00 44%)

}



.bg-overlay-white3:before {

    background-image: -webkit-gradient(linear, left top, left bottom, from(#00000000), color-stop(90%, #F6F7F8));

    background-image: -o-linear-gradient(top, #00000000 0%, #F6F7F8 90%);

    background-image: linear-gradient(180deg, #00000000 0%, #F6F7F8 90%)

}



.bg-video {

    position: relative

}



.bg-video iframe {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    -o-object-fit: cover;

    object-fit: cover;

    width: 100%;

    height: 100%;

    -webkit-transform: rotateZ(0);

    -ms-transform: rotate(0);

    transform: rotateZ(0)

}



.bg-video h2 {

    text-transform: capitalize;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%);

    -ms-transform: translate(-50%);

    transform: translate(-50%);

    z-index: 5

}



.no-shadow {

    -webkit-box-shadow: none !important;

    box-shadow: none !important

}



.bg-animate {

    background-size: cover;

    background-position: 0 0;

    background-repeat: repeat-x;

    -webkit-animation: animatedBackground 30s linear infinite;

    animation: animatedBackground 30s linear infinite

}



@-webkit-keyframes animatedBackground {

    from {

        background-position: 0 0

    }



    to {

        background-position: 100% 0

    }

}



@keyframes animatedBackground {

    from {

        background-position: 0 0

    }



    to {

        background-position: 100% 0

    }

}



.breadcrumb {

    background-color: transparent;

    margin-bottom: 0;

    padding: 0;

    border-radius: 0;

    color: #e5e4e4;

    font-size: 14px;

    font-weight: 400;

    line-height: 1;

    text-transform: capitalize;

    display: block

}



.breadcrumb>li {

    display: inline-block

}



.breadcrumb>li+li:before {

    font-family: "font awesome 5 free";

    font-weight: 700;

    padding: 0 10px;

    color: var(--global--color-gray);

    content: "\f054"

}



.breadcrumb>li a {

    color: var(--global--color-gray)

}



.breadcrumb>li a:hover {

    color: var(--global--color-primary)

}



.breadcrumb>.active {

    color: var(--global--color-secondary)

}



.btn {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-family: var(--global--font-body);

    position: relative;

    z-index: 2;

    font-size: 15px;

    font-weight: 700;

    text-transform: capitalize;

    padding: 0 30px;

    border: 0;

    width: 170px;

    height: 65px;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    -webkit-transition-property: background, color;

    -o-transition-property: background, color;

    transition-property: background, color;

    border-radius: 4px;

    overflow: hidden

}



@media screen and (max-width:767.98px) {

    .btn {

        height: 50px

    }

}



.btn.no-shadow {

    -webkit-box-shadow: none;

    box-shadow: none

}



.btn:focus, .btn.active, .btn:active {

    -webkit-box-shadow: none;

    box-shadow: none;

    outline: none

}



.btn i {

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out

}



.btn::before {

    content: '';

    position: absolute;

    width: calc(100%);

    height: calc(100%);

    top: 0;

    left: 0;

    z-index: -1;

    -webkit-transform: scaleX(0);

    -ms-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: right center;

    -ms-transform-origin: right center;

    transform-origin: right center;

    -webkit-transition: -webkit-transform .24s ease-in-out;

    transition: -webkit-transform .24s ease-in-out;

    -o-transition: transform .24s ease-in-out;

    transition: transform .24s ease-in-out;

    transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out

}



.btn:hover::before {

    -webkit-transform: scaleX(1);

    -ms-transform: scaleX(1);

    transform: scaleX(1);

    -webkit-transform-origin: left center;

    -ms-transform-origin: left center;

    transform-origin: left center

}



.btn--primary {

    background-color: var(--global--color-primary);

    color: var(--global--color-white)

}



.btn--primary::before {

    background-color: var(--global--color-secondary)

}



.btn--primary:active, .btn--primary:focus, .btn--primary:hover {

    color: var(--global--color-white)

}



.btn--primary.btn--inversed::before {

    background-color: var(--global--color-white)

}



.btn--primary.btn--inversed i {

    color: var(--global--color-white)

}



.btn--primary.btn--inversed:active, .btn--primary.btn--inversed:focus, .btn--primary.btn--inversed:hover {

    color: var(--global--color-heading)

}



.btn--primary.btn--inversed:active i, .btn--primary.btn--inversed:focus i, .btn--primary.btn--inversed:hover i {

    color: var(--global--color-heading)

}



.btn--secondary {

    background-color: var(--global--color-heading);

    color: var(--global--color-white)

}



.btn--secondary::before {

    background-color: var(--global--color-primary)

}



.btn--secondary:active, .btn--secondary:focus, .btn--secondary:hover {

    color: var(--global--color-white)

}



.btn--secondary.btn--inversed::before {

    background-color: var(--global--color-secondary)

}



.btn--secondary.btn--inversed:active, .btn--secondary.btn--inversed:focus, .btn--secondary.btn--inversed:hover {

    color: var(--global--color-white)

}



.btn--white {

    background-color: var(--global--color-white);

    color: var(--global--color-secondary)

}



.btn--white::before {

    background-color: var(--global--color-secondary)

}



.btn--white:active, .btn--white:focus, .btn--white:hover {

    color: var(--global--color-white)

}



.btn--transparent {

    background-color: transparent;

    color: var(--global--color-white);

    border: 2px solid var(--global--color-primary);

    -webkit-transition-property: background, color, border-color;

    -o-transition-property: background, color, border-color;

    transition-property: background, color, border-color

}



.btn--transparent::before {

    background-color: var(--global--color-primary)

}



.btn--transparent:active, .btn--transparent:focus, .btn--transparent:hover {

    color: var(--global--color-white);

    border-color: var(--global--color-primary)

}



.btn--transparent.btn--inversed::before {

    background-color: var(--global--color-secondary)

}



.btn--transparent.btn--inversed:active, .btn--transparent.btn--inversed:focus, .btn--transparent.btn--inversed:hover {

    color: var(--global--color-white);

    border-color: var(--global--color-secondary)

}



.btn-shadow {

    -webkit-box-shadow: 0 9px 30px 0 rgba(40, 40, 40, .15);

    box-shadow: 0 9px 30px 0 rgba(40, 40, 40, .15)

}



.btn-shadow-hover:hover, .btn-shadow-hover:active, .btn-shadow-hover:focus {

    -webkit-box-shadow: 0 9px 30px 0 rgba(40, 40, 40, .15);

    box-shadow: 0 9px 30px 0 rgba(40, 40, 40, .15)

}



.btn--bordered {

    border: 2px solid var(--global--color-primary);

    background-color: transparent

}



.btn--bordered.btn--primary {

    color: var(--global--color-primary);

    border-color: var(--global--color-primary)

}



.btn--bordered.btn--primary::before {

    background-color: var(--global--color-primary)

}



.btn--bordered.btn--primary:active, .btn--bordered.btn--primary:focus, .btn--bordered.btn--primary:hover {

    color: var(--global--color-white);

    border-color: var(--global--color-primary)

}



.btn--bordered.btn--secondary {

    color: var(--global--color-secondary);

    border-color: var(--global--color-secondary)

}



.btn--bordered.btn--secondary::before {

    background-color: var(--global--color-secondary)

}



.btn--bordered.btn--secondary:active, .btn--bordered.btn--secondary:focus, .btn--bordered.btn--secondary:hover {

    color: var(--global--color-white);

    border-color: var(--global--color-secondary)

}



.btn--bordered.btn--white {

    color: var(--global--color-white);

    border-color: var(--global--color-white)

}



.btn--bordered.btn--white::before {

    background-color: var(--global--color-white)

}



.btn--bordered.btn--white i {

    color: var(--global--color-white)

}



.btn--bordered.btn--white:active, .btn--bordered.btn--white:focus, .btn--bordered.btn--white:hover {

    color: var(--global--color-primary);

    border-color: var(--global--color-white)

}



.btn--bordered.btn--white:active i, .btn--bordered.btn--white:focus i, .btn--bordered.btn--white:hover i {

    color: var(--global--color-primary)

}



.btn-video {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 170px;

    height: 96px;

    padding: 0 30px;

    border-radius: 32px 32px 0 32px;

    background-color: #435ba1;

    color: var(--global--color-white);

    -webkit-transition: 300ms ease-in-out;

    -o-transition: 300ms ease-in-out;

    transition: 300ms ease-in-out;

    cursor: pointer;

    position: relative

}



.btn-video i {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 54px;

    height: 36px;

    background-color: var(--global--color-white);

    z-index: 5;

    color: var(--global--color-heading);

    font-size: 16px;

    -webkit-box-shadow: 2.121px 2.121px 6px 0 rgba(3, 21, 50, .05);

    box-shadow: 2.121px 2.121px 6px 0 rgba(3, 21, 50, .05);

    border-radius: 8px;

    -webkit-transition: 300ms ease-in-out;

    -o-transition: 300ms ease-in-out;

    transition: 300ms ease-in-out;

    margin-right: 15px

}



.btn-video span {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 15px;

    line-height: 21px;

    text-transform: capitalize;

    color: var(--global--color-white)

}



.btn-video.btn-video-2 {

    border-radius: 0;

    background-color: transparent;

    padding: 0;

    width: auto;

    height: auto

}



.btn-video.btn-video-2 i {

    position: relative;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    width: 88px;

    height: 88px;

    padding: 0;

    border-radius: 50%;

    background-color: var(--global--color-white);

    margin-right: 0;

    color: var(--global--color-heading)

}



.btn-video.btn-video-2 i::after {

    content: '';

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    border: 2px solid rgba(255, 255, 255, .5);

    border-radius: 100%;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1;

    -webkit-animation: pulse .8s ease-out 0s infinite;

    animation: pulse .8s ease-out 0s infinite;

    z-index: -1

}



.btn-video.btn-video-2:hover i {

    background-color: var(--global--color-primary);

    color: var(--global--color-white)

}



form {

    position: relative

}



form .col-12 {

    position: relative

}



.form-control {

    font-family: var(--global--font-body);

    color: var(--global--color-body);

    font-size: 14px;

    font-weight: 400;

    height: 50px;

    line-height: 1px;

    border-radius: 4px;

    border: 1px solid #eaeaea;

    background-color: var(--global--color-white);

    padding-left: 20px;

    margin-bottom: 25px;

    position: relative;

    -webkit-box-shadow: none;

    box-shadow: none;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out

}



.form-control:focus {

    border-color: var(--global--color-heading);

    -webkit-box-shadow: none;

    box-shadow: none

}



.form-control::-webkit-input-placeholder {

    font-family: var(--global--font-body);

    color: var(--global--color-body);

    font-size: 14px;

    text-transform: capitalize

}



.form-control::-moz-placeholder {

    font-family: var(--global--font-body);

    color: var(--global--color-body);

    font-size: 14px;

    text-transform: capitalize

}



.form-control:-ms-input-placeholder {

    font-family: var(--global--font-body);

    color: var(--global--color-body);

    font-size: 14px;

    text-transform: capitalize

}



.form-control.nice-select {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.form-control.nice-select::after {

    width: 6px;

    height: 6px;

    border-color: var(--global--color-body);

    right: 20px

}



.form-control.nice-select.open .list {

    width: 100%

}



.form-control.nice-select .current {

    text-transform: capitalize

}



.form-control.nice-select .list li {

    text-transform: capitalize

}



.form-control+.error {

    position: absolute;

    bottom: 3px;

    left: 16px;

    color: red

}



.form-control.error {

    border-color: red

}



.form-label {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 14px;

    color: var(--global--color-secondary);

    margin-bottom: 9px

}



.custom-radio-group {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 10px

}



@media screen and (max-width:767.98px) {

    .custom-radio-group {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }

}



.custom-radio-group .custom-control {

    position: relative;

    min-height: 0;

    margin-right: 30px;

    margin-bottom: 14px

}



.custom-radio-group .custom-control .custom-control-input {

    opacity: 0

}



.custom-radio-group .custom-control .custom-control-input:checked~label::after {

    background-color: var(--global--color-primary);

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



.custom-radio-group .custom-control label {

    font-size: 14px;

    font-family: var(--global--font-body);

    font-weight: 400;

    color: var(--global--color-body);

    margin-bottom: 0;

    line-height: 1.9;

    text-transform: capitalize;

    cursor: pointer;

    padding-left: 10px

}



.custom-radio-group .custom-control label::before {

    content: '';

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    left: 0;

    border-radius: 4px;

    border: 3px solid #eaeaea;

    width: 17px;

    height: 17px

}



.custom-radio-group .custom-control label::after {

    content: '';

    display: inline-block;

    position: absolute;

    width: 7px;

    height: 7px;

    border-radius: 50%;

    left: 5px;

    top: 9px;

    background-color: transparent;

    -webkit-transition: .3s cubic-bezier(.4, 0, .2, 1);

    -o-transition: .3s cubic-bezier(.4, 0, .2, 1);

    transition: .3s cubic-bezier(.4, 0, .2, 1);

    opacity: 0;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0)

}



textarea.form-control {

    height: auto

}



.form-select {

    position: relative

}



.form-select i {

    position: absolute;

    font-size: 19px;

    font-weight: 400;

    line-height: 49px;

    right: 20px;

    top: 0;

    z-index: 1;

    pointer-events: none;

    cursor: pointer;

    color: var(--global--color-body)

}



.form-select select {

    line-height: 1;

    color: var(--global--color-body);

    cursor: pointer;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none

}



.input-checkbox {

    margin-bottom: 30px

}



.input-checkbox p {

    display: block;

    position: relative;

    font-size: 13px;

    padding-left: 30px;

    line-height: 20px;

    text-align: left;

    margin-bottom: 0

}



.label-checkbox {

    display: block;

    position: relative;

    cursor: pointer;

    font-size: 18px;

    line-height: 18px;

    z-index: 2

}



.label-checkbox input {

    position: absolute;

    z-index: -1;

    opacity: 0

}



.label-checkbox .check-indicator {

    position: absolute;

    top: 2px;

    left: 0;

    height: 17px;

    width: 17px;

    background: 0 0;

    border: 1px solid #e1e3e3;

    border-radius: 2px

}



.label-checkbox .check-indicator:after {

    content: "";

    position: absolute;

    display: none;

    left: 4px;

    top: 1px;

    width: 6px;

    height: 12px;

    border: solid var(--global--color-primary);

    border-width: 0 2px 2px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg)

}



.label-checkbox input:checked~.check-indicator {

    background: var(--global--color-white)

}



.label-checkbox input:checked~.check-indicator:after {

    display: block

}



ul.list-icons {

    padding: 0;

    font-size: 14px;

    list-style-type: none

}



ul.list-icons li {

    font-family: var(--global--font-body);

    color: var(--global--color-body);

    font-size: 16px;

    font-weight: 400;

    line-height: 29px;

    position: relative

}



ul.list-icons li i {

    font-size: 14px;

    color: var(--global--color-heading);

    margin-right: 10px

}



.advantages-list {

    text-align: left;

    margin: 0;

    padding: 0;

    list-style: none

}



.advantages-list li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 15px;

    line-height: 36px;

    color: var(--global--color-body);

    text-transform: capitalize

}



@media(min-width:992px) and (max-width:1200px) {

    .advantages-list li {

        font-size: 14px

    }

}



@media screen and (max-width:991.98px) {

    .advantages-list li {

        display: -webkit-inline-box;

        display: -ms-inline-flexbox;

        display: inline-flex;

        margin-right: 20px

    }

}



@media screen and (max-width:767.98px) {

    .advantages-list li {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        margin-right: 0

    }

}



.advantages-list li::before {

    content: '\f00c';

    font-family: "font awesome 5 free";

    font-weight: 700;

    width: 20px;

    height: 20px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: var(--global--color-primary);

    color: var(--global--color-white);

    margin-right: 15px;

    border-radius: 50%;

    font-size: 10px

}



@media(min-width:992px) and (max-width:1200px) {

    .advantages-list li::before {

        margin-right: 8px

    }

}



.advantages-list.advantages-list-2 li {

    color: var(--global--color-white)

}



.advantages-list.advantages-list-2 li::before {

    background-color: var(--global--color-heading)

}



.advantages-list.advantages-list-3 li::before {

    background-color: var(--global--color-heading)

}



.advantages-list.advantages-list-white li {

    color: var(--global--color-white)

}



.advantages-list.advantages-list-white li::before {

    color: var(--global--color-primary);

    background-color: var(--global--color-white)

}



.tabs .tab-content>.tab-pane {

    font-family: var(--global--font-body);

    font-size: 16px;

    font-weight: 400;

    line-height: 26px

}



.tabs-1 .nav-pills .nav-link.active, .tabs-1 .nav-pills .show>.nav-link {

    color: var(--global--color-primary);

    border-color: var(--global--color-primary)

}



.tabs-1 .nav-pills {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.tabs-1 .nav-pills .nav-link {

    border-bottom: 2px solid transparent;

    background-color: transparent;

    color: var(--global--color-heading);

    font-family: var(--global--font-heading);

    font-size: 18px;

    font-weight: 700;

    text-transform: capitalize;

    padding-top: 0;

    border-radius: 0;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.tabs-1 .nav-pills .nav-link:hover {

    color: var(--global--color-primary);

    border-color: var(--global--color-primary)

}



.tabs-2 .nav-pills .nav-link.active, .tabs-2 .nav-pills .show>.nav-link {

    color: var(--global--color-primary)

}



.tabs-2 .nav-pills .nav-link.active i, .tabs-2 .nav-pills .show>.nav-link i {

    color: var(--global--color-white);

    background-color: var(--global--color-primary)

}



.tabs-2 .nav-pills {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.tabs-2 .nav-pills .nav-link {

    border: 0;

    background-color: transparent;

    color: var(--global--color-heading);

    font-family: var(--global--font-heading);

    font-size: 18px;

    font-weight: 700;

    text-transform: capitalize;

    padding-top: 0;

    border-radius: 0;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.tabs-2 .nav-pills .nav-link i {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 60px;

    height: 60px;

    border: 1px solid #e6e6e6;

    border-radius: 3px;

    color: var(--global--color-heading);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    font-size: 25px;

    margin-bottom: 15px

}



.tabs-2 .nav-pills .nav-link:hover {

    color: var(--global--color-primary)

}



.tabs-2 .nav-pills .nav-link:hover i {

    color: var(--global--color-white);

    background-color: var(--global--color-primary)

}



.accordion {

    border-top: 4px solid var(--global--color-primary)

}



.accordion .card, .accordion .card:first-of-type, .accordion .card:not(:first-of-type):not(:last-of-type) {

    padding: 23px 20px 22px 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    border: 0;

    border-bottom: 2px solid #eaeaea;

    margin-bottom: 0;

    border-radius: 0;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    text-align: left

}



.accordion .card.active-acc .card-heading .card-link::before, .accordion .card:first-of-type.active-acc .card-heading .card-link::before, .accordion .card:not(:first-of-type):not(:last-of-type).active-acc .card-heading .card-link::before {

    color: var(--global--color-white)

}



.accordion .card .card-heading, .accordion .card:first-of-type .card-heading, .accordion .card:not(:first-of-type):not(:last-of-type) .card-heading {

    padding: 0

}



.accordion .card .card-heading .card-link, .accordion .card:first-of-type .card-heading .card-link, .accordion .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link {

    font-family: var(--global--font-heading);

    font-size: 19px;

    font-weight: 700;

    color: var(--global--color-heading);

    text-transform: capitalize;

    position: relative;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    display: block;

    padding-left: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.accordion .card .card-heading .card-link:hover, .accordion .card:first-of-type .card-heading .card-link:hover, .accordion .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link:hover {

    color: var(--global--color-primary)

}



.accordion .card .card-heading .card-link::before, .accordion .card:first-of-type .card-heading .card-link::before, .accordion .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link::before {

    content: "\f054";

    -ms-flex-negative: 0;

    flex-shrink: 0;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 22px;

    height: 22px;

    border-radius: 50%;

    background-color: var(--global--color-heading);

    color: var(--global--color-white);

    font-family: "font awesome 5 free";

    font-weight: 700;

    font-size: 11px;

    margin-right: 20px;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg)

}



.accordion .card .card-heading .card-link.collapsed::before, .accordion .card:first-of-type .card-heading .card-link.collapsed::before, .accordion .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link.collapsed::before {

    background-color: var(--global--color-white);

    color: var(--global--color-heading);

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg)

}



.accordion .card .card-body, .accordion .card:first-of-type .card-body, .accordion .card:not(:first-of-type):not(:last-of-type) .card-body {

    font-family: var(--global--font-body);

    color: var(--global--color-body);

    padding: 16px 0 0 31px;

    font-size: 15px;

    font-weight: 400;

    line-height: 25px

}



.accordion .card:last-of-type {

    margin-bottom: 0

}



.accordion.accordion-light {

    border-color: var(--global--color-white)

}



.accordion.accordion-light .card, .accordion.accordion-light .card:first-of-type, .accordion.accordion-light .card:not(:first-of-type):not(:last-of-type) {

    border-color: #99dfb6;

    background-color: transparent

}



.accordion.accordion-light .card .card-heading .card-link, .accordion.accordion-light .card:first-of-type .card-heading .card-link, .accordion.accordion-light .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link {

    color: var(--global--color-white)

}



.accordion.accordion-light .card .card-heading .card-link:hover, .accordion.accordion-light .card:first-of-type .card-heading .card-link:hover, .accordion.accordion-light .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link:hover {

    color: var(--global--color-heading)

}



.accordion.accordion-light .card .card-body, .accordion.accordion-light .card:first-of-type .card-body, .accordion.accordion-light .card:not(:first-of-type):not(:last-of-type) .card-body {

    color: var(--global--color-gray)

}



.accordion.accordion-2 {

    border-top: 0

}



.accordion.accordion-2 .card, .accordion.accordion-2 .card:first-of-type, .accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type) {

    padding-left: 30px;

    padding-right: 25px;

    border: 2px solid #eaeaea;

    border-radius: 4px

}



@media screen and (max-width:767.98px) {

    .accordion.accordion-2 .card, .accordion.accordion-2 .card:first-of-type, .accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type) {

        padding-left: 15px;

        padding-right: 15px

    }

}



.accordion.accordion-2 .card.active-acc, .accordion.accordion-2 .card:first-of-type.active-acc, .accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type).active-acc {

    border-color: var(--global--color-primary)

}



.accordion.accordion-2 .card.active-acc .card-heading .card-link, .accordion.accordion-2 .card:first-of-type.active-acc .card-heading .card-link, .accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type).active-acc .card-heading .card-link {

    color: var(--global--color-primary)

}



.accordion.accordion-2 .card .card-heading .card-link, .accordion.accordion-2 .card:first-of-type .card-heading .card-link, .accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link {

    font-size: 17px

}



.accordion.accordion-2 .card .card-heading .card-link::before, .accordion.accordion-2 .card:first-of-type .card-heading .card-link::before, .accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link::before {

    position: absolute;

    right: 0;

    margin-right: 0;

    content: '\f077';

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

    background-color: var(--global--color-primary)

}



.accordion.accordion-2 .card .card-heading .card-link.collapsed::before, .accordion.accordion-2 .card:first-of-type .card-heading .card-link.collapsed::before, .accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link.collapsed::before {

    background-color: var(--global--color-heading);

    color: var(--global--color-white);

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg)

}



.accordion.accordion-2 .card .card-body, .accordion.accordion-2 .card:first-of-type .card-body, .accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type) .card-body {

    padding-top: 12px;

    padding-left: 0

}



.accordion.accordion-2 .card:last-of-type {

    margin-bottom: 30px

}



.pagination {

    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: 0;

    border-radius: 0

}



.pagination li {

    margin-right: 10px;

    display: inline-block

}



.pagination li a, .pagination li span {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: var(--global--color-white);

    color: var(--global--color-heading);

    font-family: var(--global--font-body);

    font-size: 20px;

    font-weight: 700;

    text-transform: uppercase;

    padding: 0;

    width: 50px;

    height: 50px;

    border-radius: 4px;

    border: 2px solid #929ba2;

    -webkit-transition: 300ms ease-in-out;

    -o-transition: 300ms ease-in-out;

    transition: 300ms ease-in-out

}



.pagination li a:hover, .pagination li span:hover {

    background-color: var(--global--color-heading);

    color: var(--global--color-white);

    border-color: var(--global--color-heading)

}



.pagination li a i, .pagination li span i {

    font-size: 12px

}



.pagination li a.current, .pagination li span.current {

    background-color: var(--global--color-heading);

    color: var(--global--color-white);

    border-color: var(--global--color-heading)

}



.alerts {

    background-color: var(--global--color-gray);

    border-radius: 2px;

    padding: 20px;

    margin-bottom: 30px

}



.alerts .alert-icon {

    width: 46px;

    height: 46px;

    line-height: 46px;

    background-color: var(--global--color-primary);

    border-radius: 2px 1px 1px 2px;

    text-align: center;

    position: absolute

}



.alerts .alert-icon i {

    color: var(--global--color-white);

    font-size: 15px;

    font-weight: 400;

    line-height: 28px

}



.alerts .alert-content {

    padding-left: 68px

}



.alerts .alert-content h4 {

    color: var(--global--color-primary);

    font-size: 15px;

    font-weight: 800;

    line-height: 32px;

    text-transform: capitalize;

    margin-bottom: 0;

    margin-top: -6px

}



.alerts .alert-content p {

    font-family: var(--global--font-body);

    color: var(--global--color-body);

    font-size: 13px;

    font-weight: 400;

    line-height: 22px;

    margin-bottom: 0

}



.alerts.alert-warning h4 {

    color: #8a6d3b

}



.alerts.alert-warning .alert-icon {

    background-color: #fcf8e3

}



.alerts.alert-warning .alert-icon i {

    color: #8a6d3b

}



.alerts.alert-danger h4 {

    color: #a94442

}



.alerts.alert-danger .alert-icon {

    background-color: #f2dede

}



.alerts.alert-danger .alert-icon i {

    color: #a94442

}



.alert {

    font-size: 16px;

    font-family: var(--global--font-body)

}



.subscribe-alert .alert {

    margin: 10px auto;

    font-size: 12px

}



#contact-result .alert {

    margin: 10px auto;

    font-size: 12px

}



#back-to-top {

    position: fixed;

    right: 0;

    bottom: 0;

    opacity: 0;

    width: 90px;

    height: 200px;

    border-radius: 4px 0 0 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    cursor: pointer;

    -webkit-transition: 300ms ease-in-out;

    -o-transition: 300ms ease-in-out;

    transition: 300ms ease-in-out;

    background-color: var(--global--color-primary)

}



#back-to-top::before {

    content: '';

    position: absolute;

    width: calc(100%);

    height: calc(100%);

    top: 0;

    left: 0;

    z-index: -1;

    -webkit-transform: scaleY(0);

    -ms-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: top;

    -ms-transform-origin: top;

    transform-origin: top;

    background-color: var(--global--color-heading);

    -webkit-transition: -webkit-transform .24s ease-in-out;

    transition: -webkit-transform .24s ease-in-out;

    -o-transition: transform .24s ease-in-out;

    transition: transform .24s ease-in-out;

    transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out

}



#back-to-top:hover::before {

    -webkit-transform: scaleY(1);

    -ms-transform: scaleY(1);

    transform: scaleY(1);

    -webkit-transform-origin: bottom;

    -ms-transform-origin: bottom;

    transform-origin: bottom

}



#back-to-top.show {

    z-index: 999;

    opacity: 1

}



#back-to-top i {

    color: var(--global--color-white);

    font-weight: 700;

    font-size: 15px

}



@media screen and (max-width:991.98px) {

    #back-to-top {

        width: 50px;

        height: 50px;

        border-radius: 50%;

        bottom: 30px;

        right: 20px

    }

}



@media(min-width:992px) and (max-width:1200px) {

    #back-to-top {

        width: 70px;

        height: 150px

    }

}



.preloader {

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    position: fixed;

    z-index: 99999;

    background-color: var(--global--color-white);

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.preloader .dual-ring {

    display: inline-block;

    width: 80px;

    height: 80px

}



.preloader .dual-ring::after {

    content: " ";

    display: block;

    width: 64px;

    height: 64px;

    margin: 8px;

    border-radius: 50%;

    border: 6px solid #FFA500;

    border-color: #FFA500 transparent #FFA500 transparent;

    -webkit-animation: dualring 1.2s linear infinite;

    animation: dualring 1.2s linear infinite

}



@-webkit-keyframes dualring {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }



    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes dualring {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }



    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



.header {

    height: 80px;

    -webkit-box-shadow: 0 5px 41.5px rgba(40, 40, 40, .11);

    box-shadow: 0 5px 41.5px rgba(40, 40, 40, .11)

}



@media screen and (min-width:992px) {

    .header {

        height: 100px

    }

}



.header .navbar-brand {

    padding: 0;

    margin: 0;

    margin-right: 40px

}



@media(min-width:992px) and (max-width:1100px) {

    .header .navbar-brand {

        margin-right: 20px

    }

}



@media screen and (min-width:992px) {

    .header .navbar-brand {

        height: 100px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }

}



@media(min-width:1200px) and (max-width:1350px) {

    .header .navbar-brand {

        margin-right: 20px

    }

}



.header .navbar-brand .logo {

    max-width: 100%;

    width: 160px;

    height: 60px

}



@media screen and (max-width:991.98px) {

    .header .navbar-brand .logo {

        width: auto;

        height: 50px

    }

}



@media screen and (max-width:767.98px) {

    .header .navbar-brand .logo {

        width: 100px

    }

}



.header.header-light {

    background-color: var(--global--color-white)

}



.header.header-light .navbar {

    background-color: var(--global--color-white)

}



.header.header-light .navbar .logo-dark {

    display: inline-block

}



@media screen and (max-width:991.98px) {

    .header.header-light .navbar .logo-dark {

        display: none

    }

}



.header.header-light .navbar .logo-light {

    display: none

}



.header.header-light .navbar .logo-mobile {

    display: inline-block

}



@media screen and (min-width:992px) {

    .header.header-light .navbar .logo-mobile {

        display: none

    }

}



.header.header-light .navbar .navbar-nav>li>a {

    color: var(--global--color-heading)

}



.header.header-light .navbar .navbar-nav>li>a::before {

    background-color: var(--global--color-heading)

}



.header.header-light .navbar .module .module-icon i {

    color: var(--global--color-secondary)

}



.header.header-light .navbar .module .module-icon i:hover {

    color: var(--global--color-primary)

}



.header.header-topbar {

    height: 150px

}



@media screen and (max-width:991.98px) {

    .header.header-topbar {

        height: 80px

    }

}



@media screen and (max-width:991.98px) {

    .header.header-topbar .top-bar {

        display: none

    }

}



@media screen and (min-width:992px) {

    .header.header-topbar .navbar {

        padding: 0 0 0 40px;

        min-height: 100px;

        position: relative;

        top: auto;

        bottom: auto;

        right: auto;

        left: auto

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .header.header-topbar .navbar {

        padding: 0 0 0 20px

    }

}



@media screen and (min-width:992px) {

    .header.header-topbar .navbar .navbar-nav>li>a {

        line-height: 100px

    }

}



.header.header-topbar.header-shadow .navbar {

    -webkit-box-shadow: 0 5px 41.5px rgba(9, 29, 62, .11);

    box-shadow: 0 5px 41.5px rgba(9, 29, 62, .11)

}



@media screen and (min-width:992px) {

    .header.header-topbar.header-topbar1 .navbar-brand {

        padding-right: 40px;

        border-right: 1px solid #eaeaea

    }

}



@media screen and (min-width:992px) and (min-width:992px) and (max-width:1100px) {

    .header.header-topbar.header-topbar1 .navbar-brand {

        padding-right: 20px

    }

}



.header.header-topbar.header-topbar1 .module-holder .module-search {

    border-right: 1px solid #eaeaea

}



.header.header-topbar.header-topbar2 .navbar {

    padding-right: 40px

}



@media(min-width:992px) and (max-width:1200px) {

    .header.header-topbar.header-topbar2 .navbar {

        padding-right: 20px

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .header.header-topbar.header-topbar2 .navbar .navbar-nav>li {

        margin-right: 15px

    }

}



.header.header-topbar.header-topbar2 .navbar-brand {

    position: relative

}



@media screen and (min-width:992px) {

    .header.header-topbar.header-topbar2 .navbar-brand {

        padding-right: 40px;

        margin-right: 40px

    }



    .header.header-topbar.header-topbar2 .navbar-brand::after {

        content: '';

        width: 2px;

        height: 41px;

        display: -webkit-inline-box;

        display: -ms-inline-flexbox;

        display: inline-flex;

        position: absolute;

        top: 50%;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

        right: 0;

        background-color: #eaeaea

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .header.header-topbar.header-topbar2 .navbar-brand {

        padding-right: 20px;

        margin-right: 20px

    }

}



@media screen and (max-width:991.98px) {

    .header.header-topbar.header-topbar2 .module-holder {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        height: auto;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start

    }

}



@media screen and (min-width:992px) {

    .header.header-topbar.header-topbar2 .module-holder .module-call {

        padding-right: 20px;

        margin-right: 20px

    }



    .header.header-topbar.header-topbar2 .module-holder .module-call::after {

        content: '';

        width: 2px;

        height: 41px;

        display: -webkit-inline-box;

        display: -ms-inline-flexbox;

        display: inline-flex;

        position: absolute;

        top: 50%;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

        right: 0;

        background-color: #eaeaea

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .header.header-topbar.header-topbar2 .module-holder .module-call {

        padding-right: 15px;

        margin-right: 15px

    }

}



.header.header-topbar.header-topbar2 .module-holder .module-search {

    padding-right: 30px

}



@media(min-width:992px) and (max-width:1200px) {

    .header.header-topbar.header-topbar2 .module-holder .module-search {

        padding-right: 15px

    }

}



@media screen and (min-width:992px) {

    .header.header-topbar.header-topbar2 .module-holder .module-contact {

        margin-left: 0;

        margin-right: 30px

    }



    .header.header-topbar.header-topbar2 .module-holder .module-contact .btn {

        font-size: 0;

        width: auto

    }



    .header.header-topbar.header-topbar2 .module-holder .module-contact .btn i {

        font-size: 15px;

        margin-left: 0

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .header.header-topbar.header-topbar2 .module-holder .module-contact {

        margin-left: 0;

        margin-right: 15px

    }

}



@media screen and (min-width:992px) {

    .header.header-topbar.header-topbar2 .module-holder .module-cart {

        margin-left: 0

    }

}



@media screen and (min-width:992px) {

    .header.header-topbar.header-topbar2 .module-holder .module-cart .module-cart-warp {

        left: -300px

    }

}



@media screen and (max-width:991.98px) {

    .header.header-topbar.header-topbar2 .module-holder-phone {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row;

        flex-direction: row;

        height: 80px;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }

}



.header.header-topbar.header-topbar2 .module-holder-phone .module-cart {

    margin-left: 0;

    margin-right: 30px

}



.header.header-topbar.header-topbar3 .navbar {

    padding: 0

}



@media(min-width:992px) and (max-width:1200px) {

    .header.header-topbar.header-topbar3 .navbar .navbar-nav>li {

        margin-right: 20px

    }



    .header.header-topbar.header-topbar3 .navbar .navbar-nav>li:last-child {

        margin-right: 0

    }

}



.header.header-topbar.header-topbar3 .navbar-brand {

    position: relative

}



@media screen and (max-width:991.98px) {

    .header.header-topbar.header-topbar3 .module-holder {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        height: auto;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start

    }

}



@media screen and (min-width:992px) {

    .header.header-topbar.header-topbar3 .module-holder {

        margin-left: 30px

    }

}



.header.header-topbar.header-topbar3 .module-holder .module-search {

    padding-right: 30px

}



@media(min-width:992px) and (max-width:1200px) {

    .header.header-topbar.header-topbar3 .module-holder .module-search {

        padding-right: 15px

    }

}



@media screen and (min-width:992px) {

    .header.header-topbar.header-topbar3 .module-holder .module-contact {

        margin-left: 0;

        margin-right: 30px

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .header.header-topbar.header-topbar3 .module-holder .module-contact {

        margin-left: 0;

        margin-right: 15px

    }

}



@media screen and (min-width:992px) {

    .header.header-topbar.header-topbar3 .module-holder .module-contact.module-contact-2 .btn {

        width: 174px

    }

}



@media screen and (min-width:992px) {

    .header.header-topbar.header-topbar3 .module-holder .module-cart {

        margin-left: 0

    }

}



@media screen and (min-width:992px) {

    .header.header-topbar.header-topbar3 .module-holder .module-cart .module-cart-warp {

        left: -300px

    }

}



@media screen and (max-width:991.98px) {

    .header.header-topbar.header-topbar3 .module-holder-phone {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row;

        flex-direction: row;

        height: 80px;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }

}



.header.header-topbar.header-topbar3 .module-holder-phone .module-cart {

    margin-left: 0;

    margin-right: 30px

}



.header.header-topbar.header-shadow .navbar {

    -webkit-box-shadow: 0 5px 41.5px rgba(9, 29, 62, .11);

    box-shadow: 0 5px 41.5px rgba(9, 29, 62, .11)

}



.header .navbar {

    margin-bottom: 0;

    border-radius: 0;

    border: none;

    z-index: 7777;

    padding: 0;

    -webkit-transition: all 300ms ease-in-out;

    -o-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out

}



.header .navbar .navbar-nav>li {

    margin-right: 30px;

    position: relative

}



.header .navbar .navbar-nav>li:last-child {

    margin-right: 0

}



.header .navbar .navbar-nav>li>a {

    font-family: var(--global--font-body);

    font-size: 15px;

    text-transform: capitalize;

    font-weight: 700;

    line-height: 100px;

    color: var(--global--color-white);

    padding: 0;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.header .navbar .navbar-nav>li>a::before {

    position: absolute;

    bottom: 0;

    left: 0;

    margin: auto;

    width: 100%;

    height: 3px;

    background: var(--global--color-white);

    content: "";

    -webkit-transition: -webkit-transform 1s cubic-bezier(.2, 1, .3, 1);

    transition: -webkit-transform 1s cubic-bezier(.2, 1, .3, 1);

    -o-transition: transform 1s cubic-bezier(.2, 1, .3, 1);

    transition: transform 1s cubic-bezier(.2, 1, .3, 1);

    transition: transform 1s cubic-bezier(.2, 1, .3, 1), -webkit-transform 1s cubic-bezier(.2, 1, .3, 1);

    -webkit-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    transform-origin: 100% 50%;

    -webkit-transform: scale3d(0, 1, 1);

    transform: scale3d(0, 1, 1)

}



.header .navbar .navbar-nav>li.has-dropdown>a {

    position: relative

}



.header .navbar .navbar-nav>li.has-dropdown>a::after {

    border: 0;

    content: '\f078';

    position: relative;

    margin-left: 7px;

    font-size: 11px;

    font-family: "font awesome 5 free";

    color: var(--global--color-heading);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.header .navbar .navbar-nav>li#contact.active a, .header .navbar .navbar-nav>li#contact:hover a {

    color: var(--global--color-primary)

}



@media screen and (min-width:992px) {

    .header .navbar .navbar-nav>li#contact.active a::before, .header .navbar .navbar-nav>li#contact:hover a::before {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

        -webkit-transform-origin: 0 50%;

        -ms-transform-origin: 0 50%;

        transform-origin: 0 50%;

        background-color: var(--global--color-primary)

    }

}



.header .navbar .navbar-nav>li.active>.dropdown-toggle, .header .navbar .navbar-nav>li.has-dropdown.active>.dropdown-toggle, .header .navbar .navbar-nav>li:hover .dropdown-toggle {

    color: var(--global--color-primary)

}



.header .navbar .navbar-nav>li.active>.dropdown-toggle::before, .header .navbar .navbar-nav>li.has-dropdown.active>.dropdown-toggle::before, .header .navbar .navbar-nav>li:hover .dropdown-toggle::before {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    transform-origin: 0 50%;

    background-color: var(--global--color-primary)

}



.header .navbar .navbar-nav>li.active>.dropdown-toggle::after, .header .navbar .navbar-nav>li.has-dropdown.active>.dropdown-toggle::after, .header .navbar .navbar-nav>li:hover .dropdown-toggle::after {

    color: var(--global--color-primary)

}



.header .navbar.navbar-fixed {

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    background: var(--global--color-white);

    -webkit-animation: fadeInDown 1s ease-in-out;

    animation: fadeInDown 1s ease-in-out;

    -webkit-box-shadow: 0 2px 4px rgba(3, 27, 78, .1);

    box-shadow: 0 2px 4px rgba(3, 27, 78, .1)

}



@media screen and (min-width:992px) {

    .header .navbar.navbar-fixed .navbar-brand .logo-dark {

        display: inline-block

    }

}



.header .navbar.navbar-fixed .navbar-brand .logo-light {

    display: none

}



.header .navbar.navbar-fixed .navbar-nav>li>a {

    color: var(--global--color-heading)

}



@-webkit-keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-200px);

        transform: translateY(-200px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



@keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-200px);

        transform: translateY(-200px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



.navbar-nav>li.active>ul {

    margin-top: 0

}



li.has-dropdown>ul.dropdown-menu>li.dropdown-submenu>a:before, ul.dropdown-menu>li.has-dropdown>a:before {

    font-family: "font awesome 5 free";

    font-weight: 700;

    content: "\f105";

    font-size: 13px;

    position: absolute;

    right: 25px

}



.dropdown-menu {

    background-color: transparent;

    position: relative;

    width: 100%;

    border: none;

    margin: 0;

    border-radius: 0;

    -webkit-box-shadow: none;

    box-shadow: none

}



@media screen and (min-width:992px) {

    .navbar.navbar-dark {

        background-color: var(--global--color-heading)

    }

}



.navbar.navbar-dark.navbar-fixed .module-social a {

    color: var(--global--color-white)

}



.navbar.navbar-dark.navbar-fixed .module-social a:hover {

    color: var(--global--color-primary)

}



.navbar.navbar-dark .module .module-icon i {

    color: var(--global--color-white)

}



@media screen and (min-width:992px) {

    .navbar.navbar-dark .navbar-nav>li>a {

        color: var(--global--color-white)

    }



    .navbar.navbar-dark .navbar-nav>li>a:hover {

        color: var(--global--color-primary)

    }



    .navbar.navbar-dark .navbar-nav>li.active>a, .navbar.navbar-dark .navbar-nav>li:hover>a {

        color: var(--global--color-white)

    }

}



@media only screen and (max-width:991.98px) {

    .header .navbar {

        padding: 0 40px

    }

}



@media only screen and (max-width:991.98px) and (max-width:767.98px) {

    .header .navbar {

        padding: 0 15px

    }

}



@media only screen and (max-width:991.98px) {

    .header .navbar .navbar-brand {

        margin-right: 0;

        height: 80px;

        line-height: 80px

    }



    .header .navbar .navbar-brand .logo-light {

        display: none

    }



    .header .navbar .navbar-brand .logo-phone {

        width: auto

    }



    .header .navbar .navbar-collapse {

        border-top: 1px solid #eaeaea;

        position: absolute;

        left: 0;

        top: 100%;

        width: 100%;

        background-color: var(--global--color-white);

        padding: 15px 30px;

        opacity: 0;

        visibility: hidden;

        -webkit-transform: translateY(20px);

        -ms-transform: translateY(20px);

        transform: translateY(20px);

        -webkit-transition: .3s linear;

        -o-transition: .3s linear;

        transition: .3s linear

    }



    .header .navbar .navbar-collapse.show {

        visibility: visible;

        opacity: 1;

        -webkit-transform: translateY(0px);

        -ms-transform: translateY(0px);

        transform: translateY(0px)

    }



    .header .navbar.navbar-bordered .navbar-collapse {

        top: calc(100% + 1px)

    }



    .header .navbar .navbar-nav>li {

        margin-right: 0

    }



    .header .navbar .navbar-nav>li>a, .header .navbar .navbar-nav>li.active>a {

        line-height: 36px;

        color: var(--global--color-heading);

        display: block;

        z-index: 5

    }



    .header .navbar .navbar-nav>li>a::before, .header .navbar .navbar-nav>li>a::after, .header .navbar .navbar-nav>li.active>a::before, .header .navbar .navbar-nav>li.active>a::after {

        display: none

    }



    .header .navbar .menu-item::before {

        display: none

    }



    .header .navbar .has-dropdown::after {

        font-family: "font awesome 5 free";

        font-weight: 700;

        content: "\f107";

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        font-size: 14px;

        position: absolute;

        border-radius: 5px;

        right: 0;

        top: 5px;

        color: var(--global--color-heading);

        background-color: #e0f6e9;

        width: 25px;

        height: 25px;

        -webkit-transition: .3s ease-in-out;

        -o-transition: .3s ease-in-out;

        transition: .3s ease-in-out

    }



    .header .navbar .has-dropdown:hover::after, .header .navbar .has-dropdown.active::after {

        color: var(--global--color-primary)

    }



    .header .navbar .has-dropdown.show::after {

        content: '\f106'

    }



    .header .navbar .dropdown-menu {

        padding: 0;

        -webkit-transition: max-height .3s ease-in-out;

        -o-transition: max-height .3s ease-in-out;

        transition: max-height .3s ease-in-out;

        max-height: 0;

        display: block;

        overflow: hidden

    }



    .header .navbar .dropdown-menu li {

        line-height: 26px

    }



    .header .navbar .dropdown-menu li.current a {

        background-color: #e0f6e9;

        color: var(--global--color-primary)

    }



    .header .navbar .dropdown-menu li a {

        margin-left: 15px;

        color: var(--global--color-heading);

        font-size: 15px;

        font-weight: 500;

        display: block;

        padding: 4px 15px;

        margin-bottom: 5px;

        text-transform: capitalize;

        border-radius: 8px 8px 0 8px

    }



    .header .navbar .dropdown-menu li a:hover {

        background-color: #e0f6e9;

        color: var(--global--color-primary)

    }



    .header .navbar .show>.dropdown-menu {

        max-height: 2000px

    }



    .header .navbar .dropdown-submenu.show .dropdown-menu {

        max-height: 2000px

    }



    .header .navbar .dropdown-submenu .dropdown-menu {

        padding-left: 20px

    }



    .header .navbar li.has-dropdown.mega-dropdown>.dropdown-menu .row .menu-head {

        font-size: 14px;

        font-family: var(--global--font-heading);

        font-weight: 700;

        color: var(--global--font-heading);

        text-transform: capitalize;

        margin-bottom: 15px

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .navbar-nav>li {

        margin-right: 16px

    }



    .module .module-icon, .module-consultation .btn {

        margin-right: 0

    }

}



@media only screen and (min-width:992px) {

    .navbar-collapse {

        padding-right: 0;

        padding-left: 0

    }



    .navbar-nav>li.has-dropdown>ul.dropdown-menu {

        -webkit-box-shadow: 0 5px 41.5px rgba(40, 40, 40, .11);

        box-shadow: 0 5px 41.5px rgba(40, 40, 40, .11);

        -webkit-transition: all 300ms linear;

        -o-transition: all 300ms linear;

        transition: all 300ms linear;

        opacity: 0;

        visibility: hidden;

        position: absolute;

        left: -40px;

        right: auto;

        -webkit-transform-origin: left top;

        -ms-transform-origin: left top;

        transform-origin: left top;

        -webkit-transform: translateY(20px);

        -ms-transform: translateY(20px);

        transform: translateY(20px);

        display: block;

        width: 235px;

        padding: 24px 40px 25px;

        background-color: var(--global--color-white);

        border-radius: 0 0 8px 8px

    }



    .navbar-nav>li.has-dropdown>ul.dropdown-menu>li {

        padding-right: 0;

        position: relative;

        vertical-align: top

    }



    .navbar-nav>li.has-dropdown>ul.dropdown-menu li a {

        -webkit-transition: .3s ease-in-out;

        -o-transition: .3s ease-in-out;

        transition: .3s ease-in-out;

        position: relative;

        font-family: var(--global--font-body);

        color: var(--global--color-body);

        padding: 10px 0 9px 0;

        display: block;

        font-size: 14px;

        font-weight: 400;

        -webkit-transition: all 300ms ease-in-out;

        -o-transition: all 300ms ease-in-out;

        transition: all 300ms ease-in-out;

        text-transform: capitalize;

        border-radius: 0;

        border-bottom: 1px solid #eaeaea;

        position: relative

    }



    .navbar-nav>li.has-dropdown>ul.dropdown-menu li a::before {

        content: '\e905';

        color: var(--global--color-primary);

        font-family: energia;

        position: absolute;

        top: 50%;

        left: -22px;

        font-size: 12px;

        opacity: 0;

        visibility: hidden;

        -webkit-transform: translate(-5px, -50%);

        -ms-transform: translate(-5px, -50%);

        transform: translate(-5px, -50%);

        -webkit-transition: .3s ease-in-out;

        -o-transition: .3s ease-in-out;

        transition: .3s ease-in-out

    }



    .navbar-nav>li.has-dropdown>ul.dropdown-menu li a::after {

        content: '';

        position: absolute;

        bottom: -1px;

        left: 0;

        height: 1px;

        width: 0;

        -webkit-transition: .3s ease;

        -o-transition: .3s ease;

        transition: .3s ease;

        background-color: var(--global--color-primary)

    }



    .navbar-nav>li.has-dropdown>ul.dropdown-menu li a:active, .navbar-nav>li.has-dropdown>ul.dropdown-menu li a:focus, .navbar-nav>li.has-dropdown>ul.dropdown-menu li a:hover {

        color: var(--global--color-primary)

    }



    .navbar-nav>li.has-dropdown>ul.dropdown-menu li a:active::before, .navbar-nav>li.has-dropdown>ul.dropdown-menu li a:focus::before, .navbar-nav>li.has-dropdown>ul.dropdown-menu li a:hover::before {

        visibility: visible;

        opacity: 1;

        -webkit-transform: translate(0px, -50%);

        -ms-transform: translate(0px, -50%);

        transform: translate(0px, -50%)

    }



    .navbar-nav>li.has-dropdown>ul.dropdown-menu li a:active::after, .navbar-nav>li.has-dropdown>ul.dropdown-menu li a:focus::after, .navbar-nav>li.has-dropdown>ul.dropdown-menu li a:hover::after {

        width: 100%

    }



    .navbar-nav>li.has-dropdown>ul.dropdown-menu li:last-child a {

        border-bottom: 0

    }



    .navbar-nav>li.has-dropdown>ul.dropdown-menu li:last-child a::after {

        content: unset

    }



    .navbar-nav>li.has-dropdown>ul.dropdown-menu li.current>a {

        border-color: var(--global--color-primary);

        color: var(--global--color-primary)

    }



    .navbar-nav>li.has-dropdown>ul.dropdown-menu li.current>a::before {

        visibility: visible;

        opacity: 1;

        -webkit-transform: translate(0px, -50%);

        -ms-transform: translate(0px, -50%);

        transform: translate(0px, -50%)

    }



    .navbar-nav>li.has-dropdown:hover>ul.dropdown-menu {

        opacity: 1;

        visibility: visible;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0);

        z-index: 100;

        display: block

    }



    .navbar-nav li ul.dropdown-menu.left {

        left: -650px !important;

        margin-left: 0 !important

    }



    .navbar-nav li.has-dropdown.mega-dropdown>.dropdown-menu {

        background-color: var(--global--color-white);

        padding: 0;

        width: 510px

    }



    .navbar-nav li.has-dropdown.mega-dropdown>.dropdown-menu li {

        padding-left: 0;

        padding-right: 0

    }



    .navbar-nav li.has-dropdown.mega-dropdown>.dropdown-menu .row {

        background-color: var(--global--color-white);

        margin-right: 0;

        margin-left: 0;

        padding: 35px 23px

    }



    .navbar-nav li.has-dropdown.mega-dropdown>.dropdown-menu .row .menu-head {

        font-size: 14px;

        font-family: var(--global--font-heading);

        font-weight: 700;

        color: var(--global--font-heading);

        text-transform: capitalize;

        margin-bottom: 15px

    }



    .navbar-nav li.has-dropdown.mega-dropdown>.dropdown-menu .row ul {

        margin: 0;

        padding: 0

    }



    .navbar-nav li.has-dropdown.mega-dropdown>.dropdown-menu .row ul li {

        line-height: 2.5

    }



    .navbar-nav li.has-dropdown.mega-dropdown>.dropdown-menu .row ul li.title {

        color: var(--global--color-heading);

        font-size: 13px;

        font-weight: 600;

        text-transform: capitalize

    }



    .navbar-nav li.has-dropdown.mega-dropdown>.dropdown-menu .row ul li a {

        margin: 0

    }



    .navbar-nav.ml-auto.mr-auto li.has-dropdown.mega-dropdown {

        position: absolute

    }



    .navbar-nav.ml-auto:not(.mr-auto) li.has-dropdown.mega-dropdown {

        position: relative

    }

}



.module-holder {

    margin-left: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 100px

}



@media screen and (max-width:991.98px) {

    .module-holder .module-language, .module-holder .module-search, .module-holder .module-cart {

        display: none

    }

}



.module-holder.module-holder-phone {

    display: none

}



@media screen and (max-width:991.98px) {

    .module-holder.module-holder-phone {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        height: 80px;

        margin-top: 0

    }

}



.module-holder.module-holder-phone .navbar-toggler {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 30px;

    height: 30px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    border: 0;

    padding: 0;

    outline: 0;

    cursor: pointer;

    border-radius: 0

}



.module-holder.module-holder-phone .navbar-toggler:focus {

    -webkit-box-shadow: none;

    box-shadow: none

}



@media screen and (min-width:1200px) {

    .module-holder.module-holder-phone .navbar-toggler {

        display: none

    }

}



.module-holder.module-holder-phone .navbar-toggler:not(.collapsed) .navbar-toggler-icon {

    background-color: transparent

}



.module-holder.module-holder-phone .navbar-toggler:not(.collapsed) .navbar-toggler-icon:before, .module-holder.module-holder-phone .navbar-toggler:not(.collapsed) .navbar-toggler-icon:after {

    top: 0

}



.module-holder.module-holder-phone .navbar-toggler:not(.collapsed) .navbar-toggler-icon::before {

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg)

}



.module-holder.module-holder-phone .navbar-toggler:not(.collapsed) .navbar-toggler-icon::after {

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.module-holder.module-holder-phone .navbar-toggler .navbar-toggler-icon {

    background-color: var(--global--color-heading);

    width: 100%;

    height: 2px;

    position: relative;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.module-holder.module-holder-phone .navbar-toggler .navbar-toggler-icon::before, .module-holder.module-holder-phone .navbar-toggler .navbar-toggler-icon::after {

    content: '';

    position: absolute;

    left: 0;

    height: 2px;

    width: 100%;

    background-color: var(--global--color-heading);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.module-holder.module-holder-phone .navbar-toggler .navbar-toggler-icon::before {

    top: -10px

}



.module-holder.module-holder-phone .navbar-toggler .navbar-toggler-icon::after {

    top: 10px

}



.module-holder.module-holder-phone .module-language {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    margin-left: 20px;

    margin-right: 20px

}



@media screen and (min-width:992px) {

    .module-holder.module-holder-phone .module-language {

        display: none

    }

}



@media screen and (max-width:767.98px) {

    .module-holder.module-holder-phone .module-language {

        margin-right: 15px

    }

}



.module-holder.module-holder-phone .module-language .selected img {

    margin-right: 0

}



.module-holder.module-holder-phone .module-language .selected span, .module-holder.module-holder-phone .module-language .selected i {

    display: none

}



.module-holder.module-holder-phone .module-language .selected .lang-list {

    left: -45px

}



.module-holder.module-holder-phone .module-search {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    border-bottom: 0;

    padding: 0;

    padding-right: 20px

}



@media screen and (max-width:767.98px) {

    .module-holder.module-holder-phone .module-search {

        padding-right: 15px

    }

}



.module-holder.module-holder-phone .module-cart {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    margin-left: 30px

}



@media screen and (max-width:767.98px) {

    .module-holder.module-holder-phone .module-cart {

        margin-left: 20px

    }

}



.module {

    display: inline-block;

    position: relative

}



.module span.title {

    display: none

}



.module .module-label {

    width: 16px;

    height: 16px;

    line-height: 16px;

    border-radius: 50%;

    background-color: var(--global--color-primary);

    color: var(--global--color-white);

    font-size: 10px;

    font-weight: 400;

    text-align: center;

    position: absolute;

    top: -6px;

    left: 10px

}



.module .module-box {

    position: absolute;

    display: block;

    -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, .1);

    box-shadow: 0 2px 3px rgba(40, 40, 40, .1);

    background-color: #1b1a1a;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 100ms linear;

    -o-transition: all 100ms linear;

    transition: all 100ms linear;

    right: 0;

    width: 290px;

    border-radius: 6px;

    padding: 30px;

    z-index: 99;

    -webkit-transform: translateY(10%);

    -ms-transform: translateY(10%);

    transform: translateY(10%);

    height: 0;

    margin-top: 1px

}



.module-fullscreen {

    left: 0;

    top: 0;

    right: 0;

    z-index: 9999;

    display: block;

    height: 100%;

    width: 100%;

    opacity: 0;

    visibility: hidden;

    background-color: var(--global--color-white);

    position: fixed

}



.module-fullscreen .module-cancel {

    top: 0;

    right: 0;

    border-radius: 0;

    position: absolute;

    width: 100px;

    height: 100px;

    font-size: 20px;

    font-weight: 700;

    text-transform: uppercase;

    color: var(--global--color-white);

    background-color: var(--global--color-primary);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media screen and (max-width:767.98px) {

    .module-fullscreen .module-cancel {

        font-size: 14px;

        width: 50px;

        height: 50px

    }

}



.module-fullscreen.module-active {

    visibility: visible;

    opacity: 1;

    -webkit-transition: opacity .5s ease-in-out;

    -o-transition: opacity .5s ease-in-out;

    transition: opacity .5s ease-in-out

}



.module-fullscreen.fullscreen-light {

    background-color: var(--global--color-white)

}



.module-active .module-box {

    opacity: 1;

    visibility: visible;

    display: block;

    -webkit-transform: translateY(0px);

    -ms-transform: translateY(0px);

    transform: translateY(0px);

    height: inherit

}



.module-search {

    position: relative;

    padding-right: 40px;

    height: 80px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media screen and (min-width:992px) {

    .module-search {

        height: 100px

    }

}



@media(min-width:992px) and (max-width:1100px) {

    .module-search {

        padding-right: 20px

    }

}



.module-search .module-icon i {

    color: var(--global--color-heading);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    cursor: pointer

}



.module-search .module-icon i:hover {

    color: var(--global--color-primary)

}



@media only screen and (max-width:991px) {

    .module-search .module-icon i {

        border-left: none;

        padding-left: 0;

        padding-right: 5px

    }

}



.module-search-warp {

    left: 0;

    top: 0;

    right: 0;

    z-index: 9999;

    display: block;

    height: 100%;

    width: 100%;

    opacity: 0;

    visibility: hidden;

    background-color: var(--global--color-white);

    position: fixed

}



.module-search-warp.search-warp-active {

    visibility: visible;

    opacity: 1;

    -webkit-transition: opacity .5s ease-in-out;

    -o-transition: opacity .5s ease-in-out;

    transition: opacity .5s ease-in-out

}



.module-search-warp .module-cancel {

    top: 0;

    right: 0;

    border-radius: 0;

    position: absolute;

    width: 100px;

    height: 100px;

    font-size: 20px;

    font-weight: 700;

    text-transform: uppercase;

    color: var(--global--color-white);

    background-color: var(--global--color-primary);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media screen and (max-width:767.98px) {

    .module-search-warp .module-cancel {

        font-size: 14px;

        width: 50px;

        height: 50px

    }

}



.module-search-warp .form-search {

    margin-bottom: 0

}



.module-search-warp .form-search button::before {

    position: absolute;

    left: 0;

    top: 0;

    content: "\e90b";

    color: var(--global--color-heading);

    font-family: energia;

    font-size: 24px;

    font-weight: 400;

    line-height: 70px;

    z-index: 999;

    cursor: pointer

}



.module-search-warp .form-control {

    position: relative;

    color: var(--global--color-white);

    font-family: var(--global--font-heading);

    font-size: 24px;

    font-weight: 400;

    line-height: 70px;

    height: 70px;

    color: var(--global--color-body);

    border: none;

    background-color: transparent;

    width: 100%;

    border-bottom: 2px solid #eaeaea;

    padding: 17px 30px 17px 46px;

    margin-bottom: 0;

    -webkit-transition: 400ms linear;

    -o-transition: 400ms linear;

    transition: 400ms linear;

    text-transform: capitalize;

    border-radius: 0

}



.module-search-warp .form-control:focus, .module-search-warp .form-control:active {

    border-color: var(--global--color-primary)

}



.module-search-warp .form-control::-webkit-input-placeholder {

    color: var(--global--color-body);

    font-family: var(--global--font-heading);

    font-size: 35px

}



@media screen and (max-width:767.98px) {

    .module-search-warp .form-control::-webkit-input-placeholder {

        font-size: 18px

    }

}



.module-search-warp .form-control::-moz-placeholder {

    color: var(--global--color-body);

    font-family: var(--global--font-heading);

    font-size: 35px

}



@media screen and (max-width:767.98px) {

    .module-search-warp .form-control::-moz-placeholder {

        font-size: 18px

    }

}



.module-search-warp .form-control::-moz-placeholder {

    color: var(--global--color-body);

    font-family: var(--global--font-heading);

    font-size: 35px

}



@media screen and (max-width:767.98px) {

    .module-search-warp .form-control::-moz-placeholder {

        font-size: 18px

    }

}



.module-search-warp .form-control:-ms-input-placeholder {

    color: var(--global--color-body);

    font-family: var(--global--font-heading);

    font-size: 35px

}



@media screen and (max-width:767.98px) {

    .module-search-warp .form-control:-ms-input-placeholder {

        font-size: 18px

    }

}



.module-search-warp .btn {

    background-color: transparent;

    border-radius: 0;

    width: 35px;

    line-height: 57px;

    color: var(--global--color-white);

    font-size: 28px;

    font-weight: 400;

    text-align: right;

    margin-left: 0;

    padding: 0

}



.module-cart {

    margin-left: 40px;

    height: 80px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media screen and (min-width:992px) {

    .module-cart {

        height: 100px

    }

}



@media(min-width:992px) and (max-width:1100px) {

    .module-cart {

        margin-left: 20px

    }

}



.module-cart .module-icon {

    position: relative

}



.module-cart .module-icon i {

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    font-size: 16px;

    position: relative;

    cursor: pointer

}



.module-cart .module-cart-warp {

    position: absolute;

    -webkit-box-shadow: 0 5px 41.5px rgba(9, 29, 62, .15);

    box-shadow: 0 5px 41.5px rgba(9, 29, 62, .15);

    top: 100%;

    left: -150px;

    width: 290px;

    background-color: var(--global--color-white);

    padding: 40px;

    border-radius: 0 0 8px 8px;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(40px);

    -ms-transform: translateY(40px);

    transform: translateY(40px);

    -webkit-transition: 500ms;

    -o-transition: 500ms;

    transition: 500ms

}



@media screen and (max-width:991.98px) {

    .module-cart .module-cart-warp {

        left: -250px

    }

}



@media screen and (max-width:767.98px) {

    .module-cart .module-cart-warp {

        left: -160px;

        padding: 30px

    }

}



@media screen and (min-width:768px) {

    .module-cart .module-cart-warp {

        width: 330px

    }

}



.module-cart .module-cart-warp .cart-overview {

    margin-bottom: 0;

    width: 100%

}



.module-cart .module-cart-warp .cart-overview li {

    margin-bottom: 30px;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.module-cart .module-cart-warp .cart-overview li:last-child {

    margin-bottom: 25px

}



.module-cart .module-cart-warp .cart-overview li .cart-cancel {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    color: var(--global--color-white);

    font-size: 7px;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    border-radius: 50%;

    width: 20px;

    height: 20px;

    background-color: var(--global--color-heading);

    margin-left: 15px

}



.module-cart .module-cart-warp .cart-overview li .cart-cancel:hover {

    background-color: var(--global--color-primary)

}



.module-cart .module-cart-warp .cart-overview li img {

    border-radius: 4px;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 60px;

    height: 60px;

    margin-right: 15px;

    -webkit-box-shadow: 0 5px 41.5px rgba(40, 40, 40, .21);

    box-shadow: 0 5px 41.5px rgba(40, 40, 40, .21)

}



.module-cart .module-cart-warp .cart-overview li .product-meta {

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1

}



.module-cart .module-cart-warp .cart-overview li .product-meta h5 {

    color: var(--global--color-body);

    font-family: var(--global--font-heading);

    font-size: 15px;

    text-transform: capitalize;

    line-height: 1;

    font-weight: 700;

    margin-bottom: 8px

}



.module-cart .module-cart-warp .cart-overview li .product-meta p {

    font-family: var(--global--font-body);

    color: var(--global--color-primary);

    font-size: 16px;

    line-height: 20px;

    font-weight: 700;

    margin-bottom: 0

}



.module-cart .module-cart-warp span {

    font-family: var(--global--font-heading);

    color: var(--global--color-heading);

    font-size: 17px;

    font-weight: 500;

    line-height: 22px;

    display: inline-block;

    text-transform: capitalize;

    margin-bottom: 24px

}



.module-cart .module-cart-warp span .total-price {

    font-style: normal

}



.module-cart .module-cart-warp .cart--control .btn {

    height: 65px;

    width: 100%;

    border-radius: 8px;

    background-color: var(--global--color-primary);

    color: var(--global--color-white);

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.module-cart .module-cart-warp .cart--control .btn::before {

    background-color: var(--global--color-heading)

}



.module-cart.module-active .module-cart-warp {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0)

}



.module-call {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-left: auto;

    position: relative

}



.module-call i {

    font-size: 50px;

    color: var(--global--color-primary);

    margin-right: 15px;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



@media screen and (min-width:992px) and (max-width:1060px) {

    .module-call i {

        display: none

    }

}



.module-call p {

    font-size: 13px;

    color: #929ba2;

    line-height: 21px;

    margin-bottom: 0;

    text-transform: capitalize

}



.module-call a {

    font-size: 15px;

    line-height: 22px;

    font-weight: 700;

    color: var(--global--color-secondary);

    -webkit-transform: .3s ease-in-out;

    -ms-transform: .3s ease-in-out;

    transform: .3s ease-in-out

}



.module-call a:hover {

    color: var(--global--color-primary)

}



@media screen and (max-width:991.98px) {

    .module-call {

        margin-left: 0;

        margin-top: 10px;

        margin-bottom: 20px

    }

}



.module-contact {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media screen and (min-width:992px) {

    .module-contact {

        margin-left: 40px

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .module-contact {

        margin-left: 20px

    }

}



@media screen and (max-width:991.98px) {

    .module-contact {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        width: 100%

    }

}



.module-contact .btn {

    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;

    color: var(--global--color-white);

    background-color: var(--global--color-primary);

    padding: 0 38px;

    width: auto;

    text-transform: capitalize;

    font-family: var(--global--font-body);

    font-size: 15px;

    font-weight: 700;

    cursor: pointer;

    -webkit-transition: background .3s cubic-bezier(.37, .31, .31, .9), color .3s cubic-bezier(.37, .31, .31, .9);

    -o-transition: background .3s cubic-bezier(.37, .31, .31, .9), color .3s cubic-bezier(.37, .31, .31, .9);

    transition: background .3s cubic-bezier(.37, .31, .31, .9), color .3s cubic-bezier(.37, .31, .31, .9);

    overflow: hidden;

    height: 100px;

    border-radius: 0

}



@media screen and (min-width:992px) {

    .module-contact .btn {

        font-size: 14px

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .module-contact .btn {

        padding: 0 20px

    }

}



@media screen and (max-width:991.98px) {

    .module-contact .btn {

        height: 50px;

        width: 100%;

        border-radius: 8px

    }

}



.module-contact .btn i {

    color: var(--global--color-white);

    margin-left: 10px;

    margin-right: 0;

    -webkit-transition: .3s cubic-bezier(.37, .31, .31, .9);

    -o-transition: .3s cubic-bezier(.37, .31, .31, .9);

    transition: .3s cubic-bezier(.37, .31, .31, .9)

}



@media screen and (max-width:991.98px) {

    .module-contact .btn .btn {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        width: 100%

    }

}



.module-contact.module-contact-2 .btn {

    width: 174px;

    height: 55px;

    padding: 0 20px;

    border-radius: 4px

}



@media(min-width:992px) and (max-width:1200px) {

    .module-contact.module-contact-2 .btn {

        width: 150px

    }

}



@media screen and (max-width:991.98px) {

    .module-contact.module-contact-2 .btn {

        width: 100%

    }

}



.module-language {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative;

    height: 100%

}



.module-language.module-active .lang-list, .module-language:hover .lang-list {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0)

}



.module-language .selected {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.module-language .selected img {

    margin-right: 10px

}



.module-language .selected span {

    font-family: var(--global--font-body);

    font-size: 13px;

    font-weight: 400;

    text-transform: capitalize;

    color: #929ba2;

    margin-right: 5px;

    cursor: pointer

}



.module-language .selected i {

    font-size: 10px;

    color: #929ba2

}



.module-language .lang-list {

    background-color: var(--global--color-white);

    color: var(--global--color-heading);

    position: absolute;

    top: 100%;

    padding: 6px 22px;

    -webkit-box-shadow: 0 5px 41.5px rgba(9, 29, 62, .11);

    box-shadow: 0 5px 41.5px rgba(9, 29, 62, .11);

    z-index: 5555;

    left: -22px;

    visibility: hidden;

    opacity: 0;

    -webkit-transform: translateY(15px);

    -ms-transform: translateY(15px);

    transform: translateY(15px);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    border-radius: 0 0 8px 8px

}



@media(min-width:992px) and (max-width:1200px) {

    .module-language .lang-list {

        top: 140%

    }

}



.module-language .lang-list ul {

    margin-bottom: 0

}



.module-language .lang-list ul li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.module-language .lang-list ul li:last-of-type a {

    border-bottom: none

}



.module-language .lang-list ul li:last-of-type a::after {

    content: none

}



.module-language .lang-list ul li img {

    margin-right: 10px

}



.module-language .lang-list ul li a {

    font-size: 14px;

    display: block;

    color: var(--global--color-body);

    text-transform: capitalize;

    border-bottom: 1px solid #eaeaea;

    padding: 8px 0;

    cursor: pointer;

    -webkit-transition: .3s ease;

    -o-transition: .3s ease;

    transition: .3s ease;

    position: relative

}



.module-language .lang-list ul li a::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    height: 1px;

    width: 0;

    -webkit-transition: .3s ease;

    -o-transition: .3s ease;

    transition: .3s ease;

    background-color: transparent

}



.module-language .lang-list ul li a:hover {

    color: var(--global--color-primary)

}



.module-language .lang-list ul li a:hover::after {

    width: 100%;

    background-color: var(--global--color-primary)

}



.module-social {

    line-height: 100px;

    height: 100px;

    margin-right: 20px;

    margin-bottom: 0

}



@media screen and (max-width:991.98px) {

    .module-social {

        border-bottom: 0

    }

}



.module-social:last-child {

    margin-right: 0

}



.module-social a {

    color: var(--global--color-white);

    font-size: 17px;

    font-weight: 400;

    margin-right: 10px;

    position: relative;

    overflow: hidden;

    width: 35px;

    height: 35px;

    background-color: var(--global--color-primary);

    border-radius: 50%;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transition: 300ms ease-in-out;

    -o-transition: 300ms ease-in-out;

    transition: 300ms ease-in-out

}



.module-social a:hover {

    -webkit-transform: scale(.9);

    -ms-transform: scale(.9);

    transform: scale(.9)

}



.module-social.module-social-2 {

    line-height: 70px;

    height: 70px;

    border-right: 2px solid #292929;

    margin-right: 0

}



.module-social.module-social-2:last-child {

    margin-right: 0

}



.module-social.module-social-2 a {

    color: var(--global--color-white);

    background-color: transparent;

    margin-right: 20px;

    width: auto;

    height: auto;

    border-radius: 0

}



.module-social.module-social-2 a:hover {

    color: var(--global--color-primary);

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



@media only screen and (max-width:991px) {

    .module-content {

        margin-bottom: 10px

    }



    .module-cart-warp .cart-overview h5 {

        color: var(--global--color-white)

    }

}



.module-cart.active .module-cart-warp {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    opacity: 1

}



.module.module-active .module-cart-warp, .module.module-active .search-box {

    display: block !important

}



.module-cart.module-active .module-cart-warp .cart-control {

    margin-right: auto;

    margin-left: auto;

    text-align: center

}



.module-cart.module-active .module-cart-warp .cart-control .pull-right {

    float: none !important

}



.module-consultation {

    padding: 10px 0

}



.module-consultation .btn {

    border-color: var(--global--color-heading);

    color: var(--global--color-heading);

    margin: 0

}



.module-social a {

    color: var(--global--color-heading);

    line-height: 36px

}



.module-sidearea .module-sidearea-wrap {

    width: 320px;

    padding: 40px

}



.top-bar {

    padding: 0 40px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    height: 50px;

    position: relative;

    z-index: 8888;

    background-color: var(--global--color-secondary)

}



@media(min-width:992px) and (max-width:1100px) {

    .top-bar {

        padding: 0 20px

    }

}



.top-bar .block-left {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1

}



.top-bar .block-right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end

}



.top-bar .block-right .module-language {

    margin-left: 30px

}



@media(min-width:992px) and (max-width:1100px) {

    .top-bar .block-right .module-language {

        margin-left: 15px

    }

}



.top-bar .top-contact {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.top-bar .top-contact .contact-infos {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-right: 30px

}



@media(min-width:992px) and (max-width:1100px) {

    .top-bar .top-contact .contact-infos {

        margin-right: 15px

    }

}



.top-bar .top-contact .contact-infos:last-child {

    margin-right: 0

}



.top-bar .top-contact .contact-infos i {

    color: var(--global--color-primary);

    font-size: 15px;

    margin-right: 10px

}



.top-bar .top-contact .contact-infos a, .top-bar .top-contact .contact-infos p {

    font-family: var(--global--font-body);

    line-height: 22px;

    font-size: 13px;

    font-weight: 400;

    margin-bottom: 0;

    color: #929ba2;

}



.top-bar .top-contact .contact-infos a:hover {

    color: var(--global--color-primary)

}



.top-bar .social-links {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-right: 30px

}



@media(min-width:992px) and (max-width:1100px) {

    .top-bar .social-links {

        margin-right: 15px

    }

}



.top-bar .social-links a {

    margin-right: 10px;

    color: var(--global--color-primary);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    font-size: 20px;

    line-height: 1

}



.top-bar .social-links a:last-child {

    margin-right: 0

}



.top-bar .social-links a:hover i {

    -webkit-transform: scale(.9);

    -ms-transform: scale(.9);

    transform: scale(.9)

}



.top-bar .social-links a i {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.top-bar .topbar-links a {

    font-size: 13px;

    color: var(--global--color-white);

    text-transform: capitalize;

    margin-right: 15px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.top-bar .topbar-links a:hover {

    color: var(--global--color-primary)

}



.top-bar .topbar-links a:last-child {

    margin-right: 0

}



.top-bar .headline {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-family: var(--global--font-body);

    font-weight: 400;

    font-size: 13px;

    line-height: 21px;

    color: var(--global--color-primary);

    margin-bottom: 0;

    text-transform: capitalize

}



.top-bar .headline a {

    font-family: var(--global--font-body);

    font-weight: 400;

    font-size: 13px;

    line-height: 21px;

    color: var(--global--color-primary);

    margin-bottom: 0;

    text-transform: capitalize;

    margin-left: 4px

}



.top-bar .headline a {

    color: #929ba2

}



.top-bar .headline i {

    font-size: 16px;

    margin-right: 10px

}



.top-bar.top-bar-2 .top-contact {

    margin-right: 30px

}



.top-bar.top-bar-2 .social-links {

    margin-right: 0

}



.top-bar.top-bar-3 {

    padding: 0

}



.top-bar.top-bar-3 .topbar-links {

    margin-right: 30px

}



.top-bar.top-bar-3 .social-links {

    margin-right: 0

}



.top-bar.top-bar-3 .blocks-holder {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 100%;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.page-title {

    padding-top: 0;

    padding-bottom: 0

}



.page-title .page-title-wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 560px

}



@media screen and (max-width:991.98px) {

    .page-title .page-title-wrap {

        height: 500px

    }

}



@media screen and (max-width:991.98px) {

    .page-title .title {

        text-align: center

    }

}



.page-title .title .title-sub-heading {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 15px;

    line-height: 1;

    color: var(--global--color-gray);

    margin-bottom: 0

}



@media screen and (max-width:991.98px) {

    .page-title .title .title-sub-heading {

        line-height: 1.4

    }

}



.page-title .title .title-heading {

    margin-bottom: 24px;

    font-family: var(--global--font-heading);

    color: var(--global--color-white);

    font-size: 55px;

    font-weight: 700;

    line-height: 75px;

    text-transform: capitalize

}



@media screen and (max-width:767.98px) {

    .page-title .title .title-heading {

        font-size: 32px;

        line-height: 1.4

    }

}



.page-title .title .title-desc {

    color: var(--global--color-gray);

    font-size: 18px;

    line-height: 29px;

    margin-bottom: 30px;

    font-weight: 700

}



.page-title .title .title-action {

    margin-bottom: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media screen and (max-width:991.98px) {

    .page-title .title .title-action {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



@media screen and (max-width:767.98px) {

    .page-title .title .title-action {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }

}



.page-title .title .title-action .btn {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    border-radius: 4px;

    padding: 0 30px;

    -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    font-family: var(--global--font-body);

    font-size: 15px;

    font-weight: 700;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    width: 200px;

    height: 65px;

    margin-right: 30px

}



.page-title .title .title-action .btn:last-child {

    margin-right: 0

}



@media screen and (max-width:767.98px) {

    .page-title .title .title-action .btn {

        width: 190px;

        height: 50px;

        margin-right: 0;

        margin-bottom: 20px

    }



    .page-title .title .title-action .btn:last-child {

        margin-bottom: 0

    }

}



.page-title .title .title-action .btn i {

    font-size: 12px;

    margin-right: 0

}



.page-title .title .title-action .btn-video i {

    width: 65px;

    height: 65px

}



.page-title .title .title-list {

    margin-bottom: 14px

}



@media screen and (max-width:767.98px) {

    .page-title .title .title-list {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        margin-right: 0

    }

}



.page-title .title .title-list .icon {

    margin-right: 35px;

    display: inline-block

}



.page-title .title .title-list .icon:last-child {

    margin-right: 0

}



@media screen and (max-width:767.98px) {

    .page-title .title .title-list .icon {

        margin-right: 0;

        margin: 0 15px;

        margin-bottom: 15px

    }



    .page-title .title .title-list .icon:last-child {

        margin-right: 15px

    }

}



.page-title .title .title-list .icon:hover i {

    -webkit-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    transform: translateY(-10px)

}



.page-title .title .title-list .icon i {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.page-title .title .title-list .icon i::before {

    margin-left: 0;

    font-size: 67px;

    color: var(--global--color-white)

}



.page-title .breadcrumb-wrap {

    height: 60px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border-bottom: 1px solid #eaeaea

}



.page-title .breadcrumb {

    font-family: var(--global--font-body);

    font-size: 14px;

    font-weight: 400;

    line-height: 1;

    background: 0 0;

    color: var(--global--color-gray);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



@media screen and (min-width:992px) {

    .page-title .breadcrumb {

        -webkit-box-pack: start;

        -ms-flex-pack: start;

        justify-content: start

    }

}



@media screen and (max-width:991.98px) {

    .page-title .breadcrumb {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.page-title .breadcrumb a {

    font-family: var(--global--font-body);

    font-size: 14px;

    font-weight: 400;

    line-height: 1px;

    background: 0 0;

    color: var(--global--color-heading)

}



.page-title .breadcrumb a:hover {

    color: var(--global--color-primary)

}



.page-title .breadcrumb .active {

    color: var(--global--color-body)

}



.page-title .breadcrumb .breadcrumb-item+.breadcrumb-item {

    padding-left: 0

}



.page-title .breadcrumb .breadcrumb-item+.breadcrumb-item::before {

    font-family: "font awesome 5 free";

    font-weight: 700;

    font-size: 11px;

    padding: 0 10px;

    color: var(--global--color-heading);

    content: "\f054"

}



.page-title .breadcrumb.breadcrumb-light {

    color: var(--global--color-white)

}



.page-title .breadcrumb.breadcrumb-light a {

    color: var(--global--color-white)

}



.page-title .breadcrumb.breadcrumb-light .active {

    color: var(--global--color-white)

}



.page-title .breadcrumb.breadcrumb-light .breadcrumb-item+.breadcrumb-item::before {

    color: var(--global--color-white)

}



.page-title.page-title-blank .breadcrumb-wrap {

    min-height: 100px;

    border-bottom: 0

}



.page-title.page-title-blank .breadcrumb-wrap .breadcrumb a {

    color: var(--global--color-heading)

}



.page-title.page-title-blank .breadcrumb-wrap .breadcrumb a:hover {

    color: var(--global--color-primary)

}



.page-title.page-title-blank .breadcrumb-wrap .breadcrumb .active {

    color: var(--global--color-body)

}



.page-title.page-title-blank .breadcrumb-wrap .breadcrumb-item+.breadcrumb-item::before {

    color: var(--global--color-heading)

}



.page-title.page-title-blank-2 .breadcrumb-wrap {

    min-height: 100px;

    border-bottom: 0

}



@media screen and (max-width:991.98px) {

    .page-title.page-title-blank-2 .breadcrumb-wrap .breadcrumb {

        line-height: 1.4;

        -webkit-box-pack: start;

        -ms-flex-pack: start;

        justify-content: flex-start

    }

}



.page-title.page-title-blank-2 .breadcrumb-wrap .breadcrumb a {

    color: var(--global--color-heading);

    margin-bottom: 5px

}



.page-title.page-title-blank-2 .breadcrumb-wrap .breadcrumb a:hover {

    color: var(--global--color-primary)

}



.page-title.page-title-blank-2 .breadcrumb-wrap .breadcrumb .active {

    color: var(--global--color-body)

}



.page-title.page-title-blank-2 .breadcrumb-wrap .breadcrumb-item+.breadcrumb-item::before {

    color: var(--global--color-heading)

}



.page-title.page-title-1 .page-title-wrap {

    background-position-y: bottom

}



.page-title.page-title-1 .page-title-wrap .title .title-action .btn {

    margin-right: 40px

}



@media screen and (max-width:767.98px) {

    .page-title.page-title-1 .page-title-wrap .title .title-action .btn {

        margin-right: 0

    }

}



@media screen and (min-width:992px) {

    .page-title.page-title-3 .page-title-wrap {

        background-position-y: -75px

    }

}



.page-title.page-title-3 .page-title-wrap .title .title-action .btn {

    width: 234px;

    margin-right: 0

}



.page-title.page-title-3 .page-title-wrap .title .title-action .btn:hover i {

    color: var(--global--color-white)

}



.page-title.page-title-3 .page-title-wrap .title .title-action .btn i {

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    color: var(--global--color-heading)

}



@media screen and (min-width:992px) {

    .page-title.page-title-4 .page-title-wrap {

        background-position-y: 73%

    }

}



.page-title.page-title-4 .page-title-wrap .title .title-action .btn {

    width: 170px;

    margin-right: 0

}



.page-title.page-title-4 .page-title-wrap .title .title-action .btn:hover i {

    color: var(--global--color-white)

}



.page-title.page-title-4 .page-title-wrap .title .title-action .btn i {

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    color: var(--global--color-heading)

}



.page-title.page-title-5 .page-title-wrap {

    background-position-y: bottom

}



.page-title.page-title-5 .page-title-wrap .title .title-action .btn:first-child {

    width: 170px

}



.page-title.page-title-5 .page-title-wrap .title .title-action .btn:last-child {

    width: 178px;

    padding: 0 27px

}



@media(min-width:992px) and (max-width:1200px) {

    .page-title.page-title-5 .page-title-wrap .title .title-action .btn:last-child {

        padding: 0 25px

    }

}



.page-title.page-title-6 .page-title-wrap .title .title-action .btn {

    width: 170px

}



.page-title.page-title-7 .page-title-wrap .title .title-action .btn {

    padding: 0 27px;

    width: 170px

}



@media(min-width:992px) and (max-width:1200px) {

    .page-title.page-title-7 .page-title-wrap .title .title-action .btn {

        padding: 0 25px

    }

}



.page-title.page-title-8 .page-title-wrap .title .title-action .btn {

    padding: 0 27px;

    width: 170px

}



@media(min-width:992px) and (max-width:1200px) {

    .page-title.page-title-8 .page-title-wrap .title .title-action .btn {

        padding: 0 25px

    }

}



.page-title.page-title-9 .page-title-wrap {

    height: 350px

}



@media screen and (min-width:992px) {

    .page-title.page-title-9 .page-title-wrap {

        background-position-y: 70%

    }

}



.page-title.page-title-9 .page-title-wrap .title .title-heading {

    margin-bottom: 0

}



@media screen and (min-width:992px) {

    .page-title.page-title-9 .breadcrumb-wrap .breadcrumb {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.page-title.page-title-10 {

    position: relative

}



.page-title.page-title-10 .page-title-wrap {

    height: 675px;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end

}



.page-title.page-title-10 .page-title-wrap .title {

    margin-bottom: 110px

}



.page-title.page-title-10 .page-title-wrap .title .title-action .btn:first-child {

    width: 170px

}



.page-title.page-title-10 .page-title-wrap .title .title-action .btn:last-child {

    width: 178px;

    padding: 0 27px

}



@media(min-width:992px) and (max-width:1200px) {

    .page-title.page-title-10 .page-title-wrap .title .title-action .btn:last-child {

        padding: 0 25px

    }

}



.page-title.page-title-10 .page-title-wrap .breadcrumb-wrap {

    height: auto;

    border-bottom: 0;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-bottom: 28px

}



.page-title.page-title-11 {

    position: relative

}



.page-title.page-title-11 .page-title-wrap {

    height: 675px;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end

}



.page-title.page-title-11 .page-title-wrap .title {

    margin-bottom: 110px

}



.page-title.page-title-11 .page-title-wrap .title .title-action .btn:first-child {

    width: 170px

}



.page-title.page-title-11 .page-title-wrap .title .title-action .btn:last-child {

    width: 178px;

    padding: 0 27px

}



@media(min-width:992px) and (max-width:1200px) {

    .page-title.page-title-11 .page-title-wrap .title .title-action .btn:last-child {

        padding: 0 25px

    }

}



.page-title.page-title-11 .page-title-wrap .breadcrumb-wrap {

    height: auto;

    border-bottom: 0;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-bottom: 28px

}



.page-title.page-title-12 .page-title-wrap {

    height: 470px;

    background-position-y: top

}



.page-title.page-title-12 .page-title-wrap .title .title-heading {

    margin-bottom: 23px

}



@media screen and (min-width:992px) {

    .page-title.page-title-12 .breadcrumb-wrap .breadcrumb {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.page-title.page-title-13 .page-title-wrap {

    height: 395px;

    background-position-y: bottom

}



@media screen and (min-width:992px) {

    .page-title.page-title-13 .page-title-wrap {

        background-position-y: 75%

    }

}



@media screen and (max-width:767.98px) {

    .page-title.page-title-13 .page-title-wrap {

        height: 230px

    }

}



.page-title.page-title-13 .page-title-wrap .title .title-heading {

    margin-bottom: 20px

}



.page-title.page-title-14 .page-title-wrap {

    height: 350px;

    background-position-y: bottom

}



@media screen and (min-width:992px) {

    .page-title.page-title-14 .page-title-wrap {

        background-position-y: 75%

    }

}



@media screen and (max-width:767.98px) {

    .page-title.page-title-14 .page-title-wrap {

        height: 230px

    }

}



.owl-nav.disabled {

    display: none

}



.carousel-dots {

    position: relative

}



.carousel-dots button.owl-dot, .carousel-dots button.owl-dot:focus {

    padding: 0;

    background-color: transparent;

    border: none;

    outline: none;

    -webkit-box-shadow: none;

    box-shadow: none

}



.carousel-dots .owl-dots {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    z-index: 5

}



.carousel-dots .owl-dots .owl-dot {

    margin-right: 10px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex

}



.carousel-dots .owl-dots .owl-dot:last-child {

    margin-right: 0

}



.carousel-dots .owl-dots .owl-dot.active span {

    background-color: var(--global--color-primary);

    height: 6px

}



.carousel-dots .owl-dots .owl-dot span {

    display: inline-block;

    width: 35px;

    height: 3px;

    border-top: 3px solid transparent;

    background-color: #6b7475;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    margin-right: 0;

    position: relative

}



@media screen and (max-width:767.98px) {

    .carousel-dots .owl-dots .owl-dot span {

        width: 25px

    }

}



@media screen and (min-width:992px) {

    .carousel-dots.dots-side .owl-dots {

        position: absolute;

        bottom: -17px;

        right: 0

    }

}



@media screen and (max-width:991.98px) {

    .carousel-dots.dots-side .owl-dots {

        margin-bottom: 35px

    }

}



.owl-carousel .owl-stage-outer {

    overflow: visible

}



.owl-carousel .owl-stage-outer .owl-item {

    opacity: 0

}



.owl-carousel .owl-stage-outer .owl-item.active {

    opacity: 1

}



.carousel-navs {

    position: relative

}



.carousel-navs .owl-nav span {

    font-size: 0

}



@media screen and (min-width:992px) {

    .carousel-navs .owl-nav {

        position: absolute;

        top: 50%;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

        right: 0;

        left: 0

    }

}



.carousel-navs .owl-next, .carousel-navs .owl-prev {

    position: absolute

}



.carousel-navs .owl-next:hover::before, .carousel-navs .owl-prev:hover::before {

    color: var(--global--color-primary)

}



.carousel-navs .owl-next:before, .carousel-navs .owl-prev:before {

    font-family: carousel;

    font-size: 43px;

    font-weight: 600;

    color: #687596;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.carousel-navs .owl-prev {

    left: 50px

}



.carousel-navs .owl-prev:before {

    content: "\e990"

}



.carousel-navs .owl-next {

    right: 50px

}



.carousel-navs .owl-next:before {

    content: "\e991"

}



.carousel-navs .owl-dots {

    position: absolute;

    bottom: 30px;

    width: 100%

}



.heading {

    margin-bottom: 48px

}



@media screen and (max-width:991.98px) {

    .heading {

        text-align: center

    }

}



.heading .heading-subtitle {

    font-family: var(--global--font-body);

    text-transform: capitalize;

    color: var(--global--color-primary);

    font-size: 15px;

    font-weight: 700;

    line-height: 1;

    margin-bottom: 13px

}



@media screen and (max-width:991.98px) {

    .heading .heading-subtitle {

        line-height: 1.5

    }

}



.heading .heading-subtitle.heading-subtitle-bg {

    display: inline-block;

    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content;

    padding: 12px 20px;

    border-radius: 4px;

    background-color: #e0f6e9

}



@media screen and (max-width:991.98px) {

    .heading .heading-subtitle.heading-subtitle-bg {

        width: auto

    }

}



.heading .heading-title {

    font-family: var(--global--font-heading);

    text-transform: capitalize;

    font-size: 40px;

    line-height: 54px;

    margin-bottom: 25px;

    font-weight: 700;

    color: var(--global--color-heading)

}



@media(min-width:992px) and (max-width:1200px) {

    .heading .heading-title {

        font-size: 35px;

        line-height: 1.4

    }

}



@media screen and (max-width:767.98px) {

    .heading .heading-title {

        font-size: 32px;

        line-height: 1.4

    }

}



.heading .heading-desc {

    font-family: var(--global--font-body);

    color: var(--global--color-body);

    font-size: 16px;

    font-weight: 400;

    line-height: 27px;

    margin-bottom: 25px

}



@media(min-width:992px) and (max-width:1200px) {

    .heading .heading-desc {

        font-size: 15px;

        line-height: 26px

    }

}



.heading .paragraph {

    font-weight: 700;

    font-size: 16px;

    line-height: 27px;

    color: #283b6a;

    margin-bottom: 0

}



.heading.heading-light .heading-subtitle {

    color: var(--global--color-gray)

}



.heading.heading-light .heading-title {

    color: var(--global--color-white)

}



.heading.heading-light .heading-desc {

    color: var(--global--color-gray)

}



.heading.heading-light .paragraph {

    color: var(--global--color-gray)

}



.heading.heading-light2 .heading-subtitle {

    color: var(--global--color-primary)

}



.heading.heading-light2 .heading-title {

    color: var(--global--color-white)

}



.heading.heading-light2 .heading-desc {

    color: var(--global--color-gray)

}



.heading.heading-light2 .paragraph {

    color: var(--global--color-gray)

}



.heading.heading-1 {

    margin-bottom: 40px

}



.heading.heading-1 .heading-title {

    margin-bottom: 0

}



.heading.heading-2 {

    margin-bottom: 70px

}



.heading.heading-2 .heading-title {

    font-size: 37px;

    line-height: 54px

}



@media screen and (max-width:767.98px) {

    .heading.heading-2 .heading-title {

        font-size: 32px;

        line-height: 1.4

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .heading.heading-2 .heading-title {

        font-size: 30px;

        line-height: 1.4

    }

}



.heading.heading-2 .heading-desc:first-child {

    margin-top: 8px

}



.heading.heading-2 .heading-desc:nth-child(2) {

    margin-bottom: 32px

}



.heading.heading-3 {

    margin-bottom: 63px

}



.heading.heading-3 .heading-title {

    font-size: 37px;

    line-height: 54px

}



@media(min-width:992px) and (max-width:1200px) {

    .heading.heading-3 .heading-title {

        font-size: 32px;

        line-height: 1.4

    }

}



@media screen and (max-width:767.98px) {

    .heading.heading-3 .heading-title {

        font-size: 32px;

        line-height: 1.4

    }

}



.heading.heading-4 {

    margin-bottom: 70px

}



.heading.heading-4 .heading-title {

    font-size: 37px;

    line-height: 54px

}



@media screen and (max-width:767.98px) {

    .heading.heading-4 .heading-title {

        font-size: 32px;

        line-height: 1.4

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .heading.heading-4 .heading-title {

        font-size: 30px;

        line-height: 1.4

    }

}



.heading.heading-4 .heading-desc {

    margin-bottom: 32px

}



.heading.heading-5 {

    margin-bottom: 58px

}



.heading.heading-5 .heading-title {

    font-size: 37px;

    line-height: 54px

}



@media screen and (max-width:767.98px) {

    .heading.heading-5 .heading-title {

        font-size: 32px;

        line-height: 1.4

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .heading.heading-5 .heading-title {

        font-size: 35px;

        line-height: 1.4

    }

}



.heading.heading-6 .heading-title {

    font-size: 37px;

    line-height: 54px;

    margin-bottom: 31px

}



@media screen and (max-width:767.98px) {

    .heading.heading-6 .heading-title {

        font-size: 32px;

        line-height: 1.4

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .heading.heading-6 .heading-title {

        font-size: 32px;

        line-height: 1.4

    }

}



.heading.heading-7 {

    margin-bottom: 41px

}



.heading.heading-7 .heading-title {

    font-size: 24px;

    line-height: 1.5

}



.heading.heading-8 {

    margin-bottom: 56px

}



.heading.heading-8 .heading-title {

    margin-bottom: 0;

    font-size: 37px;

    line-height: 54px

}



@media screen and (max-width:767.98px) {

    .heading.heading-8 .heading-title {

        font-size: 32px;

        line-height: 1.4

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .heading.heading-8 .heading-title {

        font-size: 30px;

        line-height: 1.4

    }

}



.heading.heading-9 {

    margin-bottom: 96px

}



.heading.heading-9 .heading-title {

    font-size: 37px;

    line-height: 54px

}



@media screen and (max-width:767.98px) {

    .heading.heading-9 .heading-title {

        font-size: 32px;

        line-height: 1.4

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .heading.heading-9 .heading-title {

        font-size: 35px;

        line-height: 1.4

    }

}



.heading.heading-10 .heading-title {

    font-size: 37px;

    line-height: 54px;

    margin-bottom: 21px

}



@media screen and (max-width:767.98px) {

    .heading.heading-10 .heading-title {

        font-size: 32px;

        line-height: 1.4

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .heading.heading-10 .heading-title {

        font-size: 30px;

        line-height: 1.4

    }

}



.heading.heading-10 .heading-desc {

    font-weight: 700;

    margin-bottom: 42px

}



.heading.heading-11 .heading-title {

    font-size: 37px;

    line-height: 54px

}



@media screen and (max-width:767.98px) {

    .heading.heading-11 .heading-title {

        font-size: 32px;

        line-height: 1.4

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .heading.heading-11 .heading-title {

        font-size: 35px;

        line-height: 1.4

    }

}



.heading.heading-12 {

    margin-bottom: 40px

}



.heading.heading-12 .heading-title {

    margin-bottom: 0

}



@media(min-width:992px) and (max-width:1200px) {

    .heading.heading-12 .heading-title {

        font-size: 30px;

        line-height: 1.4

    }

}



.heading.heading-13 {

    margin-bottom: 48px

}



.heading.heading-13 .heading-title {

    margin-bottom: 0

}



@media(min-width:992px) and (max-width:1200px) {

    .heading.heading-13 .heading-title {

        font-size: 30px;

        line-height: 1.4

    }

}



.heading.heading-14 {

    margin-bottom: 23px

}



.heading.heading-15 {

    margin-bottom: 70px

}



.heading.heading-15 .heading-title {

    font-size: 37px;

    line-height: 54px

}



@media screen and (max-width:767.98px) {

    .heading.heading-15 .heading-title {

        font-size: 32px;

        line-height: 1.4

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .heading.heading-15 .heading-title {

        font-size: 30px;

        line-height: 1.4

    }

}



.heading.heading-15 .heading-desc {

    margin-top: 8px;

    margin-bottom: 35px

}



.heading.heading-16 .heading-title {

    font-size: 37px;

    line-height: 54px

}



@media screen and (max-width:767.98px) {

    .heading.heading-16 .heading-title {

        font-size: 32px;

        line-height: 1.4

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .heading.heading-16 .heading-title {

        font-size: 30px;

        line-height: 1.4

    }

}



.heading.heading-17 .heading-title {

    font-size: 37px;

    line-height: 54px

}



@media screen and (max-width:767.98px) {

    .heading.heading-17 .heading-title {

        font-size: 32px;

        line-height: 1.4

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .heading.heading-17 .heading-title {

        font-size: 30px;

        line-height: 1.4

    }

}



.heading.heading-18 .heading-title {

    font-size: 37px;

    line-height: 54px

}



@media screen and (max-width:767.98px) {

    .heading.heading-18 .heading-title {

        font-size: 32px;

        line-height: 1.4

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .heading.heading-18 .heading-title {

        font-size: 30px;

        line-height: 1.4

    }

}



.heading.heading-19 .heading-title {

    font-size: 37px;

    line-height: 54px

}



@media screen and (max-width:767.98px) {

    .heading.heading-19 .heading-title {

        font-size: 32px;

        line-height: 1.4

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .heading.heading-19 .heading-title {

        font-size: 30px;

        line-height: 1.4

    }

}



.heading.heading-20 {

    margin-bottom: 0

}



.heading.heading-20 .heading-title {

    font-size: 37px;

    line-height: 54px

}



@media screen and (max-width:767.98px) {

    .heading.heading-20 .heading-title {

        font-size: 32px;

        line-height: 1.4

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .heading.heading-20 .heading-title {

        font-size: 30px;

        line-height: 1.4

    }

}



@media screen and (min-width:992px) {

    .heading.heading-20 .heading-desc:last-child {

        margin-bottom: 0

    }

}



.heading.heading-21 {

    margin-bottom: 34px

}



.heading.heading-21 .heading-title {

    font-size: 24px;

    line-height: 48px;

    margin-bottom: 0

}



.skills .progressbar {

    margin-bottom: 29px

}



.skills .progressbar:last-of-type {

    margin-bottom: 0

}



.skills .progressbar .progress-title {

    display: block;

    position: relative;

    width: 100%;

    margin-bottom: 7px;

    line-height: 1

}



.skills .progressbar .progress-title .title {

    font-family: var(--global--font-body);

    color: var(--global--color-heading);

    font-size: 15px;

    font-weight: 700;

    line-height: 1;

    margin-bottom: 2px;

    text-transform: capitalize

}



.skills .progressbar .progress-title .value {

    font-family: var(--global--font-body);

    color: var(--global--color-body);

    font-weight: 700;

    font-size: 15px;

    line-height: 1px;

    text-transform: uppercase;

    bottom: 7px;

    position: absolute;

    margin-left: -27px;

    opacity: 0;

    -webkit-transition: opacity 300ms linear;

    -o-transition: opacity 300ms linear;

    transition: opacity 300ms linear

}



.skills .progressbar .progress {

    height: 12px;

    background-color: transparent;

    -webkit-box-shadow: none;

    box-shadow: none;

    padding: 0;

    width: 100%;

    border-bottom: 2px solid #dcdee2;

    margin-bottom: 0;

    border-radius: 0

}



.skills .progressbar .progress .progress-bar {

    height: 7px;

    background-color: #435ba1;

    border-radius: 4px;

    width: 0

}



@media only screen and (min-width:320px) and (max-width:767px) {

    .skills .heading {

        margin-bottom: 30px

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .skills .heading {

        margin-bottom: 30px

    }

}



.slider {

    padding-top: 0;

    padding-bottom: 0

}



.slider .slide {

    padding-top: 0;

    height: 650px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.slider .slide .slide-content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



@media screen and (max-width:991.98px) {

    .slider .slide .slide-content {

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }

}



.slider .slide .slide-content .slide-subheadline {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 16px;

    line-height: 1;

    color: var(--global--color-gray);

    margin-bottom: 20px;

    text-transform: capitalize

}



@media screen and (max-width:991.98px) {

    .slider .slide .slide-content .slide-subheadline {

        text-align: center;

        line-height: 1.5

    }

}



.slider .slide .slide-content .slide-headline {

    font-family: var(--global--font-heading);

    font-weight: 700;

    font-size: 55px;

    line-height: 75px;

    color: var(--global--color-white);

    margin-bottom: 24px; 

    text-transform: capitalize

}



@media(min-width:992px) and (max-width:1200px) {

    .slider .slide .slide-content .slide-headline {

        font-size: 60px;

        line-height: 1.3

    }

}



@media screen and (max-width:767.98px) {

    .slider .slide .slide-content .slide-headline {

        font-size: 32px;

        line-height: 1.4

    }

}



@media screen and (max-width:991.98px) {

    .slider .slide .slide-content .slide-headline {

        text-align: center

    }

}



.slider .slide .slide-content .slide-desc {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 18px;

    line-height: 29px;

    color: var(--global--color-gray);

    margin-bottom: 41px

}



@media screen and (max-width:991.98px) {

    .slider .slide .slide-content .slide-desc {

        text-align: center

    }

}



.slider .slide .slide-content .slide-action {

    margin-bottom: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media screen and (max-width:767.98px) {

    .slider .slide .slide-content .slide-action {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }

}



.slider .slide .slide-content .slide-action .btn {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    border-radius: 4px;

    padding: 30px;

    -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    font-family: var(--global--font-body);

    font-size: 15px;

    font-weight: 700;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    width: 200px;

    height: 65px;

    margin-right: 30px

}



.slider .slide .slide-content .slide-action .btn:last-child {

    margin-right: 0

}



@media screen and (max-width:767.98px) {

    .slider .slide .slide-content .slide-action .btn {

        width: 190px;

        height: 50px;

        margin-right: 0;

        margin-bottom: 20px

    }



    .slider .slide .slide-content .slide-action .btn:last-child {

        margin-bottom: 0

    }

}



.slider .slide .slide-content .slide-action .btn i {

    font-size: 12px;

    margin-right: 0

}



.slider .slide .slide-content .slide-list {

    margin-right: 40px

}



@media screen and (max-width:767.98px) {

    .slider .slide .slide-content .slide-list {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        margin-right: 0

    }

}



.slider .slide .slide-content .slide-list .icon {

    margin-right: 35px;

    display: inline-block

}



.slider .slide .slide-content .slide-list .icon:last-child {

    margin-right: 0

}



@media screen and (max-width:767.98px) {

    .slider .slide .slide-content .slide-list .icon {

        margin-right: 0;

        margin: 0 15px;

        margin-bottom: 15px

    }



    .slider .slide .slide-content .slide-list .icon:last-child {

        margin-right: 15px

    }

}



.slider .slide .slide-content .slide-list .icon:hover i {

    -webkit-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    transform: translateY(-10px)

}



.slider .slide .slide-content .slide-list .icon i {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.slider .slide .slide-content .slide-list .icon i::before {

    margin-left: 0;

    font-size: 67px;

    color: var(--global--color-white)

}



.slider .slide .slider-panel-holder {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



@media screen and (max-width:991.98px) {

    .slider .slide .slider-panel-holder {

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }

}



.slider .slide .slider-panel-holder .slider-panel {

    background-color: var(--global--color-white);

    position: relative;

    padding: 40px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08);

    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08);

    border-radius: 8px;

    max-width: 270px

}



@media screen and (max-width:767.98px) {

    .slider .slide .slider-panel-holder .slider-panel {

        padding: 30px

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .slider .slide .slider-panel-holder .slider-panel {

        padding: 20px

    }

}



.slider .slide .slider-panel-holder .slider-panel::before {

    content: '';

    position: absolute;

    top: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    height: 4px;

    width: calc(100% - 80px);

    background-color: var(--global--color-primary)

}



@media screen and (max-width:767.98px) {

    .slider .slide .slider-panel-holder .slider-panel::before {

        width: calc(100% - 60px)

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .slider .slide .slider-panel-holder .slider-panel::before {

        width: calc(100% - 40px)

    }

}



.slider .slide .slider-panel-holder .slider-panel .panel-icon {

    margin-bottom: 23px

}



.slider .slide .slider-panel-holder .slider-panel .panel-icon:before {

    font-size: 75px;

    margin-left: 0;

    color: var(--global--color-heading)

}



.slider .slide .slider-panel-holder .slider-panel .panel-title {

    font-size: 19px;

    line-height: 29px;

    color: var(--global--color-secondary);

    text-transform: capitalize;

    margin-bottom: 10px

}



.slider .slide .slider-panel-holder .slider-panel .panel-desc {

    font-size: 15px;

    line-height: 25px;

    margin-bottom: 17px

}



.slider .slide .slider-panel-holder .slider-panel a {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 32px;

    height: 32px;

    background-color: var(--global--color-primary);

    border-radius: 50%;

    color: var(--global--color-white);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.slider .slide .slider-panel-holder .slider-panel a:hover {

    -webkit-transform: translateX(10px);

    -ms-transform: translateX(10px);

    transform: translateX(10px)

}



@media screen and (max-width:991.98px) {

    .slider .carousel-navs .owl-nav {

        display: none

    }

}



.slider .carousel-navs .owl-nav span {

    font-size: 0

}



.slider .carousel-navs .owl-nav .owl-next:before, .slider .carousel-navs .owl-nav .owl-prev:before {

    color: rgba(255, 255, 255, .5);

    font-family: carousel !important;

    font-size: 44px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.slider .carousel-navs .owl-nav .owl-prev:before {

    content: "\e990"

}



.slider .carousel-navs .owl-nav .owl-next:before {

    content: "\e991"

}



.slider .carousel-navs .owl-nav .owl-next, .slider .carousel-navs .owl-nav .owl-prev {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.slider .carousel-navs .owl-nav .owl-next:hover::before, .slider .carousel-navs .owl-nav .owl-prev:hover::before {

    color: #fff

}



.slider .carousel-navs .owl-nav .owl-next {

    right: 30px

}



.slider .carousel-navs .owl-nav .owl-prev {

    margin-right: 0;

    left: 30px

}



@media screen and (max-width:991.98px) {

    .slider.slider-1 .slide {

        height: auto;

        padding-top: 70px;

        padding-bottom: 110px

    }

}



@media screen and (max-width:991.98px) {

    .slider.slider-1 .slide .slide-content {

        margin-bottom: 50px

    }

}



@media screen and (max-width:767.98px) {

    .slider.slider-1 .slide .slide-content .slide-list {

        margin-bottom: 25px

    }

}



@media screen and (min-width:992px) {

    .slider.slider-2 .carousel-dots {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

}



@media screen and (min-width:992px) {

    .slider.slider-2 .carousel-dots .owl-dots {

        padding-right: var(--bs-gutter-x, 0.75rem);

        padding-left: var(--bs-gutter-x, 0.75rem);

        margin-right: auto;

        margin-left: auto;

        position: relative;

        max-width: 960px;

        bottom: auto;

        -webkit-box-ordinal-group: 0;

        -ms-flex-order: -1;

        order: -1;

        -webkit-box-pack: start;

        -ms-flex-pack: start;

        justify-content: flex-start;

        -webkit-transform: translateY(80px);

        -ms-transform: translateY(80px);

        transform: translateY(80px);

        margin-top: -6px

    }

}



@media screen and (min-width:1200px) {

    .slider.slider-2 .carousel-dots .owl-dots {

        max-width: 1140px

    }

}



.slider.slider-3 .slide-content .slide-headline {

    margin-bottom: 34px

}



.slider.slider-3 .slide-content .slide-list {

    margin-right: 0;

    margin-bottom: 32px

}



@media screen and (max-width:767.98px) {

    .slider.slider-3 .slide-content .slide-list li::before {

        margin-right: 10px;

        -ms-flex-negative: 0;

        flex-shrink: 0

    }

}



@media screen and (max-width:991.98px) {

    .slider.slider-3 .slide-content .slide-action {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.slider.slider-3 .slide-content .slide-action .btn:first-child {

    margin-right: 40px

}



@media screen and (max-width:767.98px) {

    .slider.slider-3 .slide-content .slide-action .btn:first-child {

        margin-right: 0

    }

}



.slider.slider-3 .slide-content .slide-action .btn:first-child:hover i {

    color: var(--global--color-white)

}



.slider.slider-3 .slide-content .slide-action .btn:first-child i {

    color: var(--global--color-heading);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.slider.slider-3 .slide-content .slide-action .btn-video:hover span {

    color: var(--global--color-heading)

}



.slider.slider-3 .slide-content .slide-action .btn-video:hover i {

    background-color: var(--global--color-heading);

    color: var(--global--color-white)

}



.slider.slider-3 .slide-content .slide-action .btn-video i {

    width: 65px;

    height: 65px;

    margin-right: 30px

}



.slider.slider-3 .slide-content .slide-action .btn-video span {

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    font-family: var(--global--font-body);

    font-size: 15px;

    font-weight: 700;

    color: var(--global--color-white);

    text-transform: capitalize

}



.hero {

    padding-bottom: 0

}



.hero .hero-content {

    padding-top: 185px;

    padding-bottom: 26px

}



@media screen and (max-width:991.98px) {

    .hero .hero-content {

        text-align: center;

        padding-top: 120px

    }

}



.hero .hero-content .hero-subtitle {

    font-family: var(--global--font-body);

    color: var(--global--color-gray);

    font-size: 16px;

    line-height: 1;

    font-weight: 700;

    margin-bottom: 15px

}



@media screen and (max-width:991.98px) {

    .hero .hero-content .hero-subtitle {

        line-height: 1.5

    }

}



.hero .hero-content .hero-title {

    font-family: var(--global--font-heading);

    color: var(--global--color-white);

    font-weight: 500;

    font-size: 40px;

    line-height: 55px;

    margin-bottom: 19px;

    text-transform: capitalize

}



@media(min-width:992px) and (max-width:1199px) {

    .hero .hero-content .hero-title {

        font-size: 35px;

        line-height: 1.4

    }

}



@media screen and (max-width:767.98px) {

    .hero .hero-content .hero-title {

        font-size: 32px;

        line-height: 1.4

    }

}



.hero .hero-content .hero-desc {

    font-family: var(--global--font-body);

    color: var(--global--color-gray);

    font-size: 16px;

    font-weight: 400;

    line-height: 27px;

    margin-bottom: 31px

}



.hero .hero-content .hero-action {

    margin-bottom: 105px

}



@media screen and (max-width:767.98px) {

    .hero .hero-content .hero-action {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        margin-bottom: 70px

    }

}



.hero .hero-content .hero-action .btn {

    font-family: var(--global--font-body);

    font-size: 15px;

    font-weight: 700;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    width: 210px;

    height: 60px;

    margin-right: 30px

}



@media screen and (max-width:767.98px) {

    .hero .hero-content .hero-action .btn {

        margin-right: 0;

        margin-bottom: 15px;

        height: 50px;

        width: 210px

    }

}



@media(min-width:992px) and (max-width:1250px) {

    .hero .hero-content .hero-action .btn {

        width: 170px;

        margin-bottom: 15px

    }

}



.hero .hero-content .hero-action .btn:last-child {

    margin-right: 0

}



.hero .hero-content .hero-action .btn.btn--white {

    -webkit-box-shadow: 2.121px 2.121px 3px rgba(3, 21, 50, .05);

    box-shadow: 2.121px 2.121px 3px rgba(3, 21, 50, .05)

}



@media screen and (max-width:991.98px) {

    .hero .hero-content .breadcrumb {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.hero .hero-content .breadcrumb .breadcrumb-item+.breadcrumb-item {

    padding-left: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.hero .hero-content .breadcrumb .breadcrumb-item+.breadcrumb-item a {

    font-size: 14px;

    line-height: 1

}



.hero .hero-content .breadcrumb>li+li:before {

    font-family: "font awesome 5 free";

    font-weight: 700;

    font-size: 10px;

    padding: 0 10px;

    color: var(--global--color-white);

    content: "\f054"

}



.hero .hero-panel-holder {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end

}



@media screen and (max-width:991.98px) {

    .hero .hero-panel-holder {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        margin-bottom: 30px

    }

}



.hero .hero-panel-holder .hero-panel {

    background-color: var(--global--color-white);

    border-radius: 8px 0 8px 8px;

    padding: 26px 40px 39px;

    max-width: 290px

}



.hero .hero-panel-holder .hero-panel .panel-content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



@media screen and (max-width:991.98px) {

    .hero .hero-panel-holder .hero-panel .panel-content {

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }

}



.hero .hero-panel-holder .hero-panel .panel-content i {

    color: #51668a;

    margin-bottom: 12px;

    display: inline-block

}



.hero .hero-panel-holder .hero-panel .panel-content i::before {

    margin-left: 0;

    font-size: 49px

}



.hero .hero-panel-holder .hero-panel .panel-content h5 {

    font-family: var(--global--font-heading);

    font-weight: 500;

    font-size: 19px;

    line-height: 28px;

    color: var(--global--color-heading);

    margin-bottom: 14px;

    text-transform: capitalize

}



.hero .hero-panel-holder .hero-panel .panel-content p {

    font-family: var(--global--font-body);

    font-weight: 400;

    font-size: 14px;

    line-height: 24px;

    color: var(--global--color-body);

    margin-bottom: 21px

}



.hero .hero-panel-holder .hero-panel .panel-content .btn {

    width: 155px;

    height: 42px;

    border-radius: 8px 8px 0 8px;

    border: 2px solid;

    -webkit-transition-property: background, color, border-color;

    -o-transition-property: background, color, border-color;

    transition-property: background, color, border-color;

    border-color: #687596

}



.hero .hero-panel-holder .hero-panel .panel-content .btn::before {

    background-color: var(--global--color-secondary);

    width: calc(100% + 4px);

    height: calc(100% + 4px);

    top: -2px;

    left: -2px

}



.hero .hero-panel-holder .hero-panel .panel-content .btn:hover {

    border-color: #213360

}



.hero .hero-panel-holder .hero-panel.hero-panel-dark {

    background-color: #435ba1

}



.hero .hero-panel-holder .hero-panel.hero-panel-dark .panel-content i, .hero .hero-panel-holder .hero-panel.hero-panel-dark .panel-content h5, .hero .hero-panel-holder .hero-panel.hero-panel-dark .panel-content p {

    color: var(--global--color-white)

}



.hero .hero-panel-holder .hero-panel.hero-panel-dark .panel-content .btn {

    background-color: transparent;

    color: var(--global--color-white);

    border-color: #7284b9;

    border: 2px solid;

    -webkit-transition-property: background, color, border-color;

    -o-transition-property: background, color, border-color;

    transition-property: background, color, border-color

}



.hero .hero-panel-holder .hero-panel.hero-panel-dark .panel-content .btn::before {

    background-color: var(--global--color-primary);

    width: calc(100% + 4px);

    height: calc(100% + 4px);

    top: -2px;

    left: -2px

}



.hero .hero-panel-holder .hero-panel.hero-panel-dark .panel-content .btn:hover {

    border-color: var(--global--color-primary);

    color: var(--global--color-white)

}



.hero .hero-panel-holder .phone-card {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    background-color: #435ba1;

    padding: 35px 40px 31px;

    border-radius: 0 32px 0 0;

    max-width: 470px

}



@media screen and (min-width:992px) {

    .hero .hero-panel-holder .phone-card {

        -webkit-transform: translateY(80px);

        -ms-transform: translateY(80px);

        transform: translateY(80px)

    }

}



@media screen and (max-width:767.98px) {

    .hero .hero-panel-holder .phone-card {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        text-align: center

    }

}



.hero .hero-panel-holder .phone-card .card-icon {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    margin-right: 30px

}



@media screen and (max-width:767.98px) {

    .hero .hero-panel-holder .phone-card .card-icon {

        margin-right: 0

    }

}



.hero .hero-panel-holder .phone-card .card-icon i::before {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-transform: translateY(-4px);

    -ms-transform: translateY(-4px);

    transform: translateY(-4px);

    font-size: 50px;

    margin-left: 0;

    color: var(--global--color-white)

}



.hero .hero-panel-holder .phone-card .card-content h5 {

    font-weight: 500;

    font-size: 19px;

    line-height: 28px;

    color: var(--global--color-white);

    text-transform: capitalize;

    margin-bottom: 16px

}



.hero .hero-panel-holder .phone-card .card-content p {

    font-size: 14px;

    color: var(--global--color-gray);

    line-height: 24px;

    margin-bottom: 15px

}



.hero .hero-panel-holder .phone-card .card-content a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    color: var(--global--color-white)

}



@media screen and (max-width:991.98px) {

    .hero .hero-panel-holder .phone-card .card-content a {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.hero .hero-panel-holder .phone-card .card-content a span {

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    font-family: var(--global--font-heading);

    font-weight: 400;

    font-size: 24px

}



.hero .hero-panel-holder .phone-card .card-content a i {

    margin-bottom: 4px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    font-size: 19px;

    margin-right: 15px

}



.hero .hero-panel-holder.hero-panel-holder-2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end

}



@media screen and (max-width:991.98px) {

    .hero .hero-panel-holder.hero-panel-holder-2 {

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }

}



.hero .hero-rating {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.hero .hero-rating .num {

    font-family: var(--global--font-heading);

    font-weight: 500;

    font-size: 37px;

    line-height: 22px;

    color: var(--global--color-white);

    margin-right: 18px

}



.hero .hero-rating .rating-body p {

    font-family: var(--global--font-body);

    font-weight: 400;

    font-size: 13px;

    line-height: 23px;

    color: var(--global--color-gray);

    margin-bottom: 0

}



.hero .hero-rating .rating-body p a {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 14px;

    line-height: 23px;

    color: var(--global--color-secondary);

    text-transform: capitalize

}



.blog {

    padding: 127px 0 70px

}



.blog.blog-1 {

    padding-top: 119px;

    padding-bottom: 105px

}



@media screen and (max-width:991.98px) {

    .blog.blog-1 {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.blog.blog-2 {

    padding-top: 129px;

    padding-bottom: 105px

}



@media screen and (max-width:991.98px) {

    .blog.blog-2 {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.blog .more-blog {

    text-align: center

}



.blog .more-blog a {

    position: relative;

    font-size: 15px;

    font-family: var(--global--font-body);

    font-weight: 700;

    color: var(--global--color-heading);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    text-transform: capitalize;

    padding-bottom: 6px

}



.blog .more-blog a:hover::before {

    width: calc(100% - 20%)

}



.blog .more-blog a::before {

    content: '';

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 100%;

    height: 2px;

    background-color: var(--global--color-primary)

}



.blog-entry {

    position: relative;

    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08);

    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08);

    border-radius: 8px;

    background-color: var(--global--color-white);

    -webkit-transition: .5s ease-in-out;

    -o-transition: .5s ease-in-out;

    transition: .5s ease-in-out;

    margin-bottom: 36px

}



@media screen and (max-width:991.98px) {

    .blog-entry {

        max-width: 370px;

        margin: 0 auto 30px

    }

}



.blog-entry::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    height: 10px;

    width: calc(100% - 40px);

    background-color: #eaeaea;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    border-radius: 8px 0 0 0

}



@media screen and (max-width:767.98px) {

    .blog-entry::before {

        width: calc(100% - 20px)

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .blog-entry::before {

        width: calc(100% - 25px)

    }

}



.blog-entry::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    height: 10px;

    width: calc(100% - 40px);

    background-color: var(--global--color-primary);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    border-radius: 8px 0 0 0;

    -webkit-transform: scaleX(0);

    -ms-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: left;

    -ms-transform-origin: left;

    transform-origin: left

}



@media screen and (max-width:767.98px) {

    .blog-entry::after {

        width: calc(100% - 20px)

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .blog-entry::after {

        width: calc(100% - 25px)

    }

}



.blog-entry:hover {

    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11)

}



.blog-entry:hover::after {

    -webkit-transform: scaleX(1);

    -ms-transform: scaleX(1);

    transform: scaleX(1)

}



.blog-entry:hover .entry-content .entry-img-wrap .entry-img img {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

}



.blog-entry:hover .entry-content .entry-more .btn {

    -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    color: var(--global--color-white);

    background-color: var(--global--color-heading);

    border-color: var(--global--color-heading)

}



.blog-entry:hover .entry-content .entry-more .btn i {

    background-color: var(--global--color-white);

    color: var(--global--color-heading)

}



.blog-entry .entry-content {

    padding: 36px 40px 40px

}



@media(min-width:992px) and (max-width:1200px) {

    .blog-entry .entry-content {

        padding-left: 25px;

        padding-right: 25px

    }

}



@media screen and (max-width:767.98px) {

    .blog-entry .entry-content {

        padding-left: 20px;

        padding-right: 20px

    }

}



.blog-entry .entry-content .entry-img-wrap {

    -webkit-transform: translateX(-40px);

    -ms-transform: translateX(-40px);

    transform: translateX(-40px);

    width: calc(100% + 40px);

    position: relative;

    margin-bottom: 32px

}



@media(min-width:992px) and (max-width:1200px) {

    .blog-entry .entry-content .entry-img-wrap {

        -webkit-transform: translateX(-25px);

        -ms-transform: translateX(-25px);

        transform: translateX(-25px);

        width: calc(100% + 25px)

    }

}



@media screen and (max-width:767.98px) {

    .blog-entry .entry-content .entry-img-wrap {

        -webkit-transform: translateX(-20px);

        -ms-transform: translateX(-20px);

        transform: translateX(-20px);

        width: calc(100% + 20px)

    }

}



.blog-entry .entry-content .entry-img-wrap .entry-img {

    position: relative;

    border-radius: 0 8px 8px 0;

    overflow: hidden;

    max-width: 100%

}



.blog-entry .entry-content .entry-img-wrap .entry-img img {

    -webkit-transition: -webkit-transform .35s;

    transition: -webkit-transform .35s;

    -o-transition: transform .35s;

    transition: transform .35s;

    transition: transform .35s, -webkit-transform .35s;

    max-width: 100%;

    height: auto;

    -webkit-transform: scale3d(1.05, 1.05, 1);

    transform: scale3d(1.05, 1.05, 1)

}



.blog-entry .entry-content .entry-img-wrap .entry-category {

    position: absolute;

    left: 40px;

    bottom: -15px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 0;

    text-transform: capitalize;

    height: 30px;

    padding: 0 10px;

    background-color: #4aab3d;

    border-radius: 6px

}



@media(min-width:992px) and (max-width:1200px) {

    .blog-entry .entry-content .entry-img-wrap .entry-category {

        left: 25px

    }

}



@media screen and (max-width:767.98px) {

    .blog-entry .entry-content .entry-img-wrap .entry-category {

        left: 20px

    }

}



.blog-entry .entry-content .entry-img-wrap .entry-category a {

    position: relative;

    color: var(--global--color-white);

    font-family: var(--global--font-body);

    font-size: 13px;

    font-weight: 400;

    line-height: 26px;

    text-transform: capitalize;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.blog-entry .entry-content .entry-img-wrap .entry-category a::after {

    content: ", ";

    position: relative;

    margin-right: 4px

}



.blog-entry .entry-content .entry-img-wrap .entry-category a:last-of-type::after {

    content: ""

}



.blog-entry .entry-content .entry-img-wrap .entry-category a:hover {

    color: var(--global--color-heading)

}



.blog-entry .entry-content .entry-meta {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 6px

}



.blog-entry .entry-content .entry-meta .entry-date {

    margin-right: 20px

}



.blog-entry .entry-content .entry-meta .entry-date .day, .blog-entry .entry-content .entry-meta .entry-date .year {

    font-family: var(--global--font-body);

    font-weight: 400;

    font-size: 13px;

    line-height: 16px;

    color: #616161;

    text-transform: capitalize

}



.blog-entry .entry-content .entry-meta .entry-date .day:after {

    content: ',';

    margin-right: 3px

}



.blog-entry .entry-content .entry-meta .entry-author {

    text-transform: capitalize

}



.blog-entry .entry-content .entry-meta .entry-author p {

    font-family: var(--global--font-body);

    font-weight: 400;

    font-size: 13px;

    line-height: 16px;

    color: var(--global--color-heading);

    margin-bottom: 0

}



.blog-entry .entry-content .entry-title {

    margin-bottom: 32px

}



.blog-entry .entry-content .entry-title h4 a {

    font-family: var(--global--font-heading);

    font-size: 20px;

    font-weight: 600;

    line-height: 28px;

    margin-bottom: 0;

    text-transform: capitalize;

    color: var(--global--color-heading);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.blog-entry .entry-content .entry-title h4 a:hover {

    color: var(--global--color-primary)

}



@media(min-width:992px) and (max-width:1200px) {

    .blog-entry .entry-content .entry-title h4 a {

        font-size: 18px

    }

}



.blog-entry .entry-content .entry-bio p {

    font-family: var(--global--font-body);

    font-size: 15px;

    font-weight: 400;

    line-height: 25px;

    margin-bottom: 22px

}



@media screen and (max-width:767.98px) {

    .blog-entry .entry-content .entry-more {

        text-align: center

    }

}



.blog-entry .entry-content .entry-more a {

    width: 142px;

    height: 45px;

    padding: 0 20px;

    border: 2px solid rgba(37, 55, 69, .5);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.blog-entry .entry-content .entry-more a::before {

    content: unset

}



.blog-entry .entry-content .entry-more a:hover i {

    -webkit-transform: translateX(10px);

    -ms-transform: translateX(10px);

    transform: translateX(10px)

}



.blog-entry .entry-content .entry-more a i {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    background-color: var(--global--color-heading);

    color: var(--global--color-white);

    font-size: 12px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.blog-grid {

    padding: 70px 0 110px

}



.blog-grid .owl-carousel .owl-stage-outer {

    overflow: visible

}



.blog-grid .owl-carousel .owl-stage-outer .owl-item {

    opacity: 0

}



.blog-grid .owl-carousel .owl-stage-outer .owl-item.active {

    opacity: 1

}



.blog-grid .owl-carousel .owl-dots {

    position: relative;

    right: auto;

    bottom: auto;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



@media screen and (max-width:991.98px) {

    .blog-grid .owl-carousel .owl-dots {

        margin-top: 0

    }

}



.blog-grid .owl-carousel .owl-dots .owl-dot {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex

}



.blog-grid.blog-grid-2 {

    padding-top: 510px

}



.blog-grid.blog-grid-3 {

    padding-top: 130px

}



@media screen and (max-width:991.98px) {

    .blog-grid.blog-grid-3 {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.blog-grid.blog-grid-4 {

    padding-top: 218px

}



@media screen and (max-width:991.98px) {

    .blog-grid.blog-grid-4 {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.blog-grid.blog-grid-5 {

    padding-top: 110px;

    padding-bottom: 110px

}



@media screen and (max-width:991.98px) {

    .blog-grid.blog-grid-5 {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.blog-grid.blog-grid-5 .blog-entry {

    margin-bottom: 30px

}



.blog-grid.blog-grid-5 .pagination {

    margin-top: 20px

}



.blog-standard {

    padding-top: 110px;

    padding-bottom: 110px

}



@media screen and (max-width:991.98px) {

    .blog-standard {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.blog-standard .blog-entry {

    -webkit-box-shadow: none;

    box-shadow: none;

    margin-top: 0

}



@media screen and (max-width:991.98px) {

    .blog-standard .blog-entry {

        max-width: initial

    }

}



.blog-standard .blog-entry:last-of-type {

    margin-bottom: 0

}



.blog-standard .blog-entry::before {

    content: unset

}



.blog-standard .blog-entry .entry-img {

    position: relative

}



.blog-standard .blog-entry .entry-img img {

    max-width: 100%;

    border-radius: 12px

}



.blog-standard .blog-entry .entry-content {

    padding: 34px 40px 40px

}



@media(min-width:992px) and (max-width:1200px) {

    .blog-standard .blog-entry .entry-content {

        padding-left: 25px;

        padding-right: 25px

    }

}



@media screen and (max-width:991.98px) {

    .blog-standard .blog-entry .entry-content {

        padding: 39px 0 40px

    }

}



.blog-standard .blog-entry .entry-content .entry-meta {

    background-color: var(--global--color-white);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 23px

}



.blog-standard .blog-entry .entry-content .entry-meta .entry-date {

    margin-right: 15px

}



.blog-standard .blog-entry .entry-content .entry-meta .entry-date span {

    font-family: var(--global--font-body);

    font-size: 13px;

    font-weight: 400;

    color: #616161;

    text-transform: capitalize

}



.blog-standard .blog-entry .entry-content .entry-meta .entry-date span:last-child::after {

    content: unset

}



.blog-standard .blog-entry .entry-content .entry-meta .entry-date span::after {

    content: ',';

    margin-right: 3px

}



.blog-standard .blog-entry .entry-content .entry-meta .entry-comments span {

    font-family: var(--global--font-body);

    font-size: 13px;

    font-weight: 400;

    color: var(--global--color-primary);

    text-transform: capitalize

}



.blog-standard .blog-entry .entry-content .entry-meta .entry-comments span.num {

    color: var(--global--color-primary);

    margin-left: 3px

}



.blog-standard .blog-entry .entry-content .entry-meta .entry-category {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-right: 15px

}



.blog-standard .blog-entry .entry-content .entry-meta .entry-category a {

    font-family: var(--global--font-body);

    font-size: 13px;

    font-weight: 400;

    color: #616161;

    text-transform: capitalize

}



.blog-standard .blog-entry .entry-content .entry-meta .entry-category a:hover {

    color: var(--global--color-heading)

}



.blog-standard .blog-entry .entry-content .entry-meta .entry-category a:last-child::after {

    content: unset

}



.blog-standard .blog-entry .entry-content .entry-meta .entry-category a::after {

    content: ',';

    margin-right: 5px

}



.blog-standard .blog-entry .entry-content .entry-title {

    margin-bottom: 23px

}



.blog-standard .blog-entry .entry-content .entry-title h4 {

    margin-bottom: 0

}



.blog-standard .blog-entry .entry-content .entry-title h4 a {

    font-size: 40px;

    line-height: 49px;

    font-weight: 700

}



@media(min-width:992px) and (max-width:1200px) {

    .blog-standard .blog-entry .entry-content .entry-title h4 a {

        font-size: 35px

    }

}



@media screen and (max-width:767.98px) {

    .blog-standard .blog-entry .entry-content .entry-title h4 a {

        font-size: 32px;

        line-height: 1.4

    }

}



.blog-standard .blog-entry .entry-content .entry-bio p {

    font-size: 16px;

    line-height: 27px

}



.blog-standard .blog-entry .entry-content .entry-more a {

    border: 0;

    padding: 0;

    font-size: 14px;

    font-weight: 700;

    color: var(--global--color-heading);

    border-bottom: 2px solid var(--global--color-heading);

    padding-bottom: 5px;

    text-transform: capitalize;

    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content

}



.blog-standard .blog-entry .entry-content .entry-more a:hover {

    color: var(--global--color-primary);

    border-color: var(--global--color-primary)

}



.blog-single {

    padding-top: 0;

    padding-bottom: 110px

}



@media screen and (max-width:991.98px) {

    .blog-single {

        padding-bottom: 40px

    }

}



.blog-single .blog-entry {

    -webkit-box-shadow: none;

    box-shadow: none;

    margin-top: 0

}



@media screen and (max-width:991.98px) {

    .blog-single .blog-entry {

        max-width: initial

    }

}



.blog-single .blog-entry:last-of-type {

    margin-bottom: 0

}



.blog-single .blog-entry::before {

    content: unset

}



.blog-single .blog-entry .entry-img {

    position: relative

}



.blog-single .blog-entry .entry-img img {

    max-width: 100%;

    border-radius: 12px

}



.blog-single .blog-entry .entry-img .entry-meta {

    position: absolute;

    background-color: var(--global--color-white);

    border-radius: 0 12px 0 0;

    bottom: -6px;

    left: 0;

    padding: 25px 40px 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end

}



@media(min-width:992px) and (max-width:1200px) {

    .blog-single .blog-entry .entry-img .entry-meta {

        padding-left: 25px;

        padding-right: 25px

    }

}



@media screen and (max-width:767.98px) {

    .blog-single .blog-entry .entry-img .entry-meta {

        padding-left: 25px;

        padding-right: 25px

    }

}



.blog-single .blog-entry .entry-img .entry-meta .entry-date {

    margin-right: 20px

}



.blog-single .blog-entry .entry-img .entry-meta .entry-date span {

    font-family: var(--global--font-body);

    font-size: 13px;

    font-weight: 400;

    color: #616161;

    text-transform: capitalize

}



.blog-single .blog-entry .entry-img .entry-meta .entry-date span:last-child::after {

    content: unset

}



.blog-single .blog-entry .entry-img .entry-meta .entry-date span::after {

    content: ',';

    margin-right: 3px

}



.blog-single .blog-entry .entry-img .entry-meta .entry-author {

    margin-right: 20px

}



.blog-single .blog-entry .entry-img .entry-meta .entry-author a {

    font-family: var(--global--font-body);

    font-size: 13px;

    font-weight: 400;

    color: var(--global--color-heading);

    text-transform: capitalize

}



.blog-single .blog-entry .entry-img .entry-meta .entry-author a:hover {

    color: var(--global--color-primary)

}



.blog-single .blog-entry .entry-img .entry-meta .entry-comments span {

    font-family: var(--global--font-body);

    font-size: 13px;

    font-weight: 400;

    color: #616161;

    text-transform: capitalize

}



.blog-single .blog-entry .entry-img .entry-meta .entry-comments span.num {

    color: var(--global--color-primary);

    margin-left: 3px

}



.blog-single .blog-entry .entry-img .entry-meta .entry-category {

    position: absolute;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: #4aab3d;

    height: 30px;

    padding: 0 10px;

    top: -15px;

    left: 40px;

    border-radius: 6px

}



@media(min-width:992px) and (max-width:1200px) {

    .blog-single .blog-entry .entry-img .entry-meta .entry-category {

        left: 25px

    }

}



@media screen and (max-width:767.98px) {

    .blog-single .blog-entry .entry-img .entry-meta .entry-category {

        left: 25px

    }

}



.blog-single .blog-entry .entry-img .entry-meta .entry-category a {

    font-family: var(--global--font-body);

    font-size: 13px;

    font-weight: 400;

    color: var(--global--color-white);

    text-transform: capitalize

}



.blog-single .blog-entry .entry-img .entry-meta .entry-category a:hover {

    color: var(--global--color-heading)

}



.blog-single .blog-entry .entry-img .entry-meta .entry-category a:last-child::after {

    content: unset

}



.blog-single .blog-entry .entry-img .entry-meta .entry-category a::after {

    content: ',';

    margin-right: 5px

}



.blog-single .blog-entry .entry-content {

    padding: 39px 40px 40px;

    border-bottom: 1px solid #eaeaea

}



@media(min-width:992px) and (max-width:1200px) {

    .blog-single .blog-entry .entry-content {

        padding-left: 25px;

        padding-right: 25px

    }

}



@media screen and (max-width:991.98px) {

    .blog-single .blog-entry .entry-content {

        padding: 39px 0 40px

    }

}



.blog-single .blog-entry .entry-content .entry-title {

    margin-bottom: 32px

}



.blog-single .blog-entry .entry-content .entry-title h4 {

    font-size: 40px;

    line-height: 49px;

    font-weight: 700

}



@media(min-width:992px) and (max-width:1200px) {

    .blog-single .blog-entry .entry-content .entry-title h4 {

        font-size: 35px

    }

}



@media screen and (max-width:767.98px) {

    .blog-single .blog-entry .entry-content .entry-title h4 {

        font-size: 32px;

        line-height: 1.4

    }

}



.blog-single .blog-entry .entry-content .entry-bio p {

    font-size: 16px;

    line-height: 27px;

    margin-bottom: 27px

}



.blog-single .blog-entry .entry-content .entry-bio p:last-child {

    margin-bottom: 24px

}



.blog-single .blog-entry .entry-content .entry-holder .entry-share {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    background-color: var(--global--color-white);

    border-radius: 8px;

    padding: 25px 25px 25px 40px;

    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);

    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21)

}



@media screen and (max-width:767.98px) {

    .blog-single .blog-entry .entry-content .entry-holder .entry-share {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        padding: 20px

    }

}



.blog-single .blog-entry .entry-content .entry-holder .entry-share span {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 15px;

    color: var(--global--color-secondary);

    text-transform: capitalize

}



@media screen and (max-width:767.98px) {

    .blog-single .blog-entry .entry-content .entry-holder .entry-share span {

        margin-bottom: 20px

    }

}



.blog-single .blog-entry .entry-content .entry-holder .entry-share a {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    border: 2px solid #929ba2;

    margin-right: 10px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.blog-single .blog-entry .entry-content .entry-holder .entry-share a:last-child {

    margin-right: 0

}



.blog-single .blog-entry .entry-content .entry-holder .entry-share a:hover i {

    width: 40px;

    height: 40px;

    background-color: var(--global--color-primary)

}



.blog-single .blog-entry .entry-content .entry-holder .entry-share a i {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    font-size: 11px;

    background-color: var(--global--color-heading);

    color: var(--global--color-white);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.blog-single .blog-entry .entry-content .entry-holder .entry-tags {

    margin-bottom: 32px

}



.blog-single .blog-entry .entry-content .entry-holder .entry-tags span {

    font-family: var(--global--font-body);

    font-weight: 700;

    color: #282828;

    text-transform: capitalize;

    font-size: 15px;

    margin-right: 5px

}



@media screen and (max-width:767.98px) {

    .blog-single .blog-entry .entry-content .entry-holder .entry-tags {

        margin-bottom: 30px

    }

}



.blog-single .blog-entry .entry-content .entry-holder .entry-tags a {

    display: inline-block;

    font-family: var(--global--font-body);

    font-size: 14px;

    font-weight: 400;

    line-height: 28px;

    text-transform: capitalize;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    color: var(--global--color-primary)

}



.blog-single .blog-entry .entry-content .entry-holder .entry-tags a:last-child::after {

    content: unset

}



.blog-single .blog-entry .entry-content .entry-holder .entry-tags a::after {

    content: ',';

    margin-right: 5px

}



.blog-single .blog-entry .entry-content .entry-holder .entry-tags a:hover {

    color: var(--global--color-heading)

}



.blog-single .nav-posts {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding-top: 30px;

    padding-bottom: 30px;

    text-transform: capitalize;

    border-bottom: 1px solid #eaeaea

}



@media screen and (max-width:991.98px) {

    .blog-single .nav-posts {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.blog-single .nav-posts .prev-post, .blog-single .nav-posts .next-post {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border-radius: 8px;

    padding: 20px;

    background-color: var(--global--color-white);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.blog-single .nav-posts .prev-post:hover, .blog-single .nav-posts .next-post:hover {

    background-color: #e0f6e9

}



.blog-single .nav-posts .prev-post:hover .post-img .overlay, .blog-single .nav-posts .next-post:hover .post-img .overlay {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



.blog-single .nav-posts .prev-post .post-img, .blog-single .nav-posts .next-post .post-img {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 90px;

    height: 67px;

    border-radius: 8px;

    margin-right: 20px;

    position: relative;

    overflow: hidden

}



.blog-single .nav-posts .prev-post .post-img .overlay, .blog-single .nav-posts .next-post .post-img .overlay {

    content: '\e905';

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: var(--global--color-primary-90);

    color: var(--global--color-white);

    transition: .3s ease-in-out;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0)

}



.blog-single .nav-posts .prev-post .post-img img, .blog-single .nav-posts .next-post .post-img img {

    width: 100%

}



.blog-single .nav-posts .prev-post .post-body span, .blog-single .nav-posts .next-post .post-body span {

    display: block;

    font-family: var(--global--font-body);

    font-size: 13px;

    font-weight: 400;

    line-height: 16px;

    color: var(--global--color-body)

}



.blog-single .nav-posts .prev-post .post-body .post-link, .blog-single .nav-posts .next-post .post-body .post-link {

    font-family: var(--global--font-heading);

    font-weight: 700;

    font-size: 16px;

    line-height: 22px;

    color: var(--global--color-heading);

    -webkit-transition: 300ms ease-in-out;

    -o-transition: 300ms ease-in-out;

    transition: 300ms ease-in-out

}



.blog-single .nav-posts .prev-post .post-body .post-link:hover, .blog-single .nav-posts .next-post .post-body .post-link:hover {

    color: var(--global--color-primary)

}



@media screen and (min-width:992px) {

    .blog-single .nav-posts .prev-post, .blog-single .nav-posts .next-post {

        -ms-flex-preferred-size: 50%;

        flex-basis: 50%

    }

}



.blog-single .nav-posts .prev-post .post-img .overlay i {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg)

}



@media screen and (max-width:991.98px) {

    .blog-single .nav-posts .prev-post {

        margin-bottom: 38px

    }

}



.blog-single .nav-posts .next-post {

    text-align: right

}



.blog-single .nav-posts .next-post .post-img {

    margin-right: 0;

    margin-left: 20px

}



.blog-single .entry-widget {

    padding-top: 62px

}



.blog-single .entry-widget .entry-widget-title {

    position: relative;

    margin-bottom: 21px

}



.blog-single .entry-widget .entry-widget-title h4 {

    font-family: var(--global--font-heading);

    font-size: 21px;

    font-weight: 700;

    line-height: 30px;

    margin-bottom: 0;

    position: relative;

    text-transform: capitalize;

    color: var(--global--color-secondary)

}



.blog-single .entry-widget-bio {

    margin-top: 40px;

    padding: 40px 40px 35px;

    border-radius: 8px;

    background-color: #f4f4f4;

    position: relative

}



@media screen and (max-width:767.98px) {

    .blog-single .entry-widget-bio {

        padding-right: 20px;

        padding-left: 20px

    }

}



.blog-single .entry-widget-bio::before {

    content: '';

    position: absolute;

    bottom: 0;

    right: 0;

    height: 4px;

    width: calc(100% - 40px);

    background-color: var(--global--color-primary);

    border-radius: 0 0 8px 0

}



@media screen and (max-width:767.98px) {

    .blog-single .entry-widget-bio::before {

        width: calc(100% - 20px)

    }

}



.blog-single .entry-widget-bio .entry-widget-content {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



@media screen and (max-width:767.98px) {

    .blog-single .entry-widget-bio .entry-widget-content {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }

}



.blog-single .entry-widget-bio .entry-widget-content img {

    width: 70px;

    height: 70px;

    border-radius: 8px;

    margin-right: 30px

}



@media screen and (max-width:767.98px) {

    .blog-single .entry-widget-bio .entry-widget-content img {

        margin-right: 0;

        margin-bottom: 25px

    }

}



@media screen and (max-width:767.98px) {

    .blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc {

        text-align: center

    }

}



.blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc h4 {

    font-family: var(--global--font-heading);

    color: var(--global--color-heading);

    font-size: 18px;

    font-weight: 700;

    line-height: 30px;

    margin-bottom: 10px

}



.blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc p {

    color: var(--global--color-body);

    font-size: 15px;

    font-family: var(--global--font-body);

    font-weight: 400;

    line-height: 23px;

    margin-bottom: 22px

}



.blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc a {

    color: var(--global--color-heading);

    font-size: 16px;

    font-weight: 400;

    line-height: 1;

    margin-right: 18px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc a:hover {

    color: var(--global--color-primary)

}



.blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc a:last-child {

    margin-right: 0

}



.blog-single .entry-comments .entry-widget-content .comments-list {

    width: 100%;

    list-style: none;

    overflow: hidden;

    padding-left: 0;

    margin-bottom: 0

}



.blog-single .entry-comments .entry-widget-content .comments-list .comment-body {

    position: relative;

    margin-bottom: 30px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



@media screen and (max-width:767.98px) {

    .blog-single .entry-comments .entry-widget-content .comments-list .comment-body {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

}



.blog-single .entry-comments .entry-widget-content .comments-list .comment-body:last-child {

    border-bottom: none;

    padding-bottom: 0;

    margin-bottom: 0

}



.blog-single .entry-comments .entry-widget-content .comments-list .comment-body:last-child .comment {

    border-bottom: none

}



.blog-single .entry-comments .entry-widget-content .comments-list .comment-body:last-child .replies-list {

    margin-top: 25px;

    padding-top: 30px;

    border-top: 2px solid #eaeaea

}



.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list {

    margin-top: 25px;

    padding-top: 30px;

    border-top: 2px solid #eaeaea

}



.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list li {

    position: relative;

    margin-bottom: 30px

}



.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list li:last-child {

    border-bottom: none;

    padding-bottom: 0;

    margin-bottom: 0

}



.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list li:last-child .comment {

    border-bottom: none

}



.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list .comment-body .comment {

    border-bottom: 2px solid #eaeaea

}



.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list .comment-body:last-child .comment {

    border: 0

}



.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .avatar {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 60px;

    height: 60px;

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border-radius: 4px

}



@media screen and (max-width:767.98px) {

    .blog-single .entry-comments .entry-widget-content .comments-list .comment-body .avatar {

        margin-left: 20px;

        margin-bottom: 30px

    }

}



.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment {

    margin-left: 30px;

    padding-bottom: 10px;

    border-bottom: 2px solid #eaeaea

}



@media screen and (max-width:767.98px) {

    .blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment {

        margin-left: 20px

    }

}



.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment h6 {

    font-family: var(--global--font-heading);

    color: var(--global--color-heading);

    font-size: 15px;

    font-weight: 700;

    text-transform: capitalize;

    margin-bottom: 5px;

    line-height: 16px

}



.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment .date {

    color: #616161;

    font-family: var(--global--font-body);

    font-size: 12px;

    font-weight: 400;

    line-height: 24px;

    margin-bottom: 6px

}



.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment p {

    font-family: var(--global--font-body);

    color: var(--global--color-body);

    font-size: 15px;

    font-weight: 400;

    line-height: 24px;

    margin-bottom: 7px

}



.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment a.reply {

    font-family: var(--global--font-body);

    font-size: 14px;

    font-weight: 700;

    text-transform: capitalize;

    color: var(--global--color-primary);

    line-height: 20px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    position: relative

}



.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment a.reply:hover {

    color: var(--global--color-heading)

}



.blog-single .entry-add-comment {

    padding-top: 36px

}



.blog-single .entry-add-comment input.form-control {

    height: 60px;

    margin-bottom: 30px;

    padding-left: 25px

}



.blog-single .entry-add-comment textarea.form-control {

    margin-bottom: 30px;

    padding-left: 25px;

    padding-top: 25px;

    height: 120px

}



.blog-single .entry-add-comment .custom-radio-group .custom-control {

    margin-bottom: 20px

}



@media screen and (max-width:991.98px) {

    .blog-single .entry-add-comment .custom-radio-group .custom-control input {

        display: none

    }

}



@media screen and (max-width:991.98px) {

    .blog-single .entry-add-comment .custom-radio-group .custom-control label {

        padding-left: 25px

    }

}



@media screen and (max-width:991.98px) {

    .blog-single .entry-add-comment .custom-radio-group .custom-control label::after {

        top: 22px

    }

}



@media(max-width:344px) {

    .blog-single .entry-add-comment .custom-radio-group .custom-control label::after {

        top: 35px

    }

}



.blog-single .entry-add-comment .btn {

    width: 270px

}



@media screen and (max-width:991.98px) {

    .blog-single .entry-add-comment .btn {

        width: 100%

    }

}



.blog-single .entry-add-comment .btn:hover i {

    -webkit-transform: translateX(5px);

    -ms-transform: translateX(5px);

    transform: translateX(5px)

}



.blog-single .entry-add-comment .btn i {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 28px;

    height: 28px;

    background-color: var(--global--color-white);

    border-radius: 50%;

    color: var(--global--color-primary);

    margin-left: 10px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.shop {

    padding-top: 110px;

    padding-bottom: 110px

}



@media screen and (max-width:991.98px) {

    .shop {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.shop .sidebar-shop {

    margin-top: 40px

}



@media screen and (min-width:992px) {

    .shop .sidebar-shop {

        -webkit-transform: translateY(-5px);

        -ms-transform: translateY(-5px);

        transform: translateY(-5px);

        margin-top: 0

    }

}



.shop.shop-2 {

    padding-top: 47px;

    padding-bottom: 61px

}



.shop.shop-2 h5 {

    font-family: var(--global--font-heading);

    font-weight: 600;

    font-size: 21px;

    color: var(--global--color-secondary);

    text-transform: capitalize

}



@media screen and (max-width:991.98px) {

    .shop.shop-2 h5 {

        text-align: center

    }

}



.shop.shop-3 {

    padding-top: 130px;

    padding-bottom: 80px

}



@media screen and (max-width:991.98px) {

    .shop.shop-3 {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.product-item {

    margin-bottom: 10px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    border-radius: 8px

}



.product-item:hover {

    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11)

}



.product-item:hover .product-img-wrap {

    border-radius: 8px 8px 0 0;

    -webkit-box-shadow: none;

    box-shadow: none

}



.product-item:hover .product-img-wrap .product-img {

    border-radius: 8px 8px 0 0

}



.product-item:hover .product-img-wrap .product-img img {

    border-radius: 8px 8px 0 0;

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1)

}



.product-item:hover .product-img-wrap .product-img .add-to-cart {

    opacity: 1;

    -webkit-transform: translateX(-50%) translateY(0px);

    -ms-transform: translateX(-50%) translateY(0px);

    transform: translateX(-50%) translateY(0px);

    visibility: visible

}



.product-item:hover .product-content {

    background-color: var(--global--color-white);

    border-radius: 0 0 8px 8px

}



.product-item .product-img-wrap {

    border-radius: 8px;

    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.product-item .product-img-wrap .product-img {

    position: relative;

    overflow: hidden

}



.product-item .product-img-wrap .product-img img {

    border-radius: 8px;

    max-width: 100%;

    -webkit-transition: .4s ease-in-out;

    -o-transition: .4s ease-in-out;

    transition: .4s ease-in-out;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



.product-item .product-img-wrap .product-img .badge {

    position: absolute;

    top: 20px;

    right: 20px;

    background-color: var(--global--color-primary);

    color: var(--global--color-white);

    border-radius: 4px;

    font-family: var(--global--font-body);

    font-size: 14px;

    font-weight: 700;

    line-height: 1;

    padding: 8px 15px;

    text-transform: capitalize

}



.product-item .product-img-wrap .product-img .badge.badge-new {

    background-color: var(--global--color-primary)

}



.product-item .product-img-wrap .product-img .badge.badge-sale {

    background-color: red

}



.product-item .product-img-wrap .product-img .add-to-cart {

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(20px);

    -ms-transform: translateX(-50%) translateY(20px);

    transform: translateX(-50%) translateY(20px);

    bottom: 0;

    width: 190px;

    height: 60px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    color: var(--global--color-white);

    background-color: var(--global--color-primary);

    text-transform: capitalize;

    border-radius: 4px 4px 0 0;

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 15px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    opacity: 0;

    visibility: hidden

}



.product-item .product-img-wrap .product-img .add-to-cart:hover {

    background-color: var(--global--color-heading)

}



.product-item .product-img-wrap .product-img .add-to-cart i {

    font-size: 15px;

    margin-right: 10px

}



.product-item .product-content {

    padding: 31px 35px 32px;

    text-align: center;

    background-color: transparent;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



@media(min-width:992px) and (max-width:1200px) {

    .product-item .product-content {

        padding-left: 15px;

        padding-right: 15px

    }

}



.product-item .product-content .product-title a {

    text-transform: capitalize;

    font-family: var(--global--font-heading);

    font-size: 21px;

    line-height: 32px;

    font-weight: 700;

    color: var(--global--color-heading);

    margin-bottom: 10px

}



.product-item .product-content .product-price span {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 19px;

    color: var(--global--color-primary);

    line-height: 28px

}



.shop-options {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-bottom: 30px

}



@media screen and (max-width:767.98px) {

    .shop-options {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }

}



@media screen and (max-width:767.98px) {

    .shop-options .products-show {

        margin-bottom: 25px

    }

}



.shop-options .products-show p {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 14px;

    text-transform: capitalize;

    margin-bottom: 0

}



.shop-options .products-sort .nice-select {

    padding-left: 25px;

    border-radius: 4px;

    border-color: #eaeaea;

    height: 60px;

    width: 250px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.shop-options .products-sort .nice-select::after {

    width: 7px;

    height: 7px;

    border-color: var(--global--color-heading);

    -webkit-transform: rotate(45deg) translateY(-50%);

    -ms-transform: rotate(45deg) translateY(-50%);

    transform: rotate(45deg) translateY(-50%);

    right: 28px

}



.shop-options .products-sort .nice-select .current {

    font-family: var(--global--font-body);

    font-size: 14px;

    color: var(--global--color-heading);

    text-transform: capitalize

}



.shop-options .products-sort .nice-select .list {

    width: 100%

}



.shop-options .products-sort .nice-select .list li {

    text-transform: capitalize

}



.single-product {

    padding-top: 0;

    padding-bottom: 0

}



.single-product .checkout-banner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 25px;

    background-color: #e0f6e9;

    border-radius: 8px;

    margin-bottom: 40px

}



@media screen and (max-width:767.98px) {

    .single-product .checkout-banner {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        text-align: center

    }

}



.single-product .checkout-banner p {

    font-family: var(--global--font-heading);

    font-weight: 700;

    font-size: 19px;

    color: var(--global--color-secondary);

    margin-bottom: 0

}



@media screen and (max-width:767.98px) {

    .single-product .checkout-banner p {

        margin-bottom: 20px

    }

}



.single-product .checkout-banner .btn {

    height: 60px;

    width: 180px

}



@media screen and (max-width:767.98px) {

    .single-product .checkout-banner .btn {

        width: 100%

    }

}



.single-product .product-img {

    position: relative;

    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);

    border-radius: 12px

}



@media screen and (max-width:991.98px) {

    .single-product .product-img {

        margin-bottom: 25px

    }

}



.single-product .product-img img {

    border-radius: 12px

}



.single-product .product-img a {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    cursor: -webkit-zoom-in;

    cursor: zoom-in

}



.single-product .product-content {

    padding-top: 15px

}



@media screen and (max-width:991.98px) {

    .single-product .product-content {

        text-align: center

    }

}



.single-product .product-content .product-title h3 {

    font-family: var(--global--font-heading);

    font-weight: 700;

    color: var(--global--color-heading);

    font-size: 29px;

    line-height: 1;

    text-transform: capitalize;

    margin-bottom: 13px

}



.single-product .product-content .product-price {

    font-family: var(--global--font-body);

    color: #4aab3d;

    font-size: 22px;

    font-weight: 700;

    line-height: 28px;

    margin-bottom: 26px

}



.single-product .product-content .product-review {

    margin-bottom: 21px

}



.single-product .product-content .product-review span {

    color: var(--global--color-body);

    font-size: 13px;

    line-height: 1;

    font-weight: 400;

    font-family: var(--global--font-body);

    text-transform: capitalize

}



.single-product .product-content .product-review span::after {

    content: '/';

    margin: 0 6px

}



.single-product .product-content .product-review span:last-child::after {

    content: unset

}



.single-product .product-content .product-review span a {

    color: var(--global--color-body)

}



.single-product .product-content .product-review span a:hover {

    color: var(--global--color-primary)

}



.single-product .product-content .product-review .product-rating {

    margin-right: 30px;

    display: inline-block

}



.single-product .product-content .product-review .product-rating i {

    color: var(--global--color-body);

    font-size: 15px;

    line-height: 1;

    margin-right: 5px

}



.single-product .product-content .product-review .product-rating i:last-child {

    margin-right: 0

}



.single-product .product-content .product-review .product-rating i.active {

    color: var(--global--color-primary)

}



.single-product .product-content .product-desc p {

    font-family: var(--global--font-body);

    font-weight: 400;

    font-size: 15px;

    line-height: 25px;

    margin-bottom: 32px;

    color: var(--global--color-body)

}



.single-product .product-content .product-details {

    margin-bottom: 30px

}



.single-product .product-content .product-details .table {

    margin-bottom: 0

}



@media screen and (min-width:992px) {

    .single-product .product-content .product-details .table {

        width: 60%

    }

}



.single-product .product-content .product-details .table td {

    border-top: 0;

    border-bottom: 0;

    padding-bottom: 5px

}



.single-product .product-content .product-details .table .name {

    font-family: var(--global--font-heading);

    font-weight: 700;

    font-size: 16px;

    color: var(--global--color-secondary);

    text-transform: capitalize

}



@media screen and (min-width:992px) {

    .single-product .product-content .product-details .table .name {

        padding-left: 0

    }

}



.single-product .product-content .product-details .table .value {

    font-family: var(--global--font-body);

    font-weight: 400;

    font-size: 15px;

    color: var(--global--color-body);

    text-transform: capitalize

}



.single-product .product-content .product-share {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap

}



@media screen and (max-width:991.98px) {

    .single-product .product-content .product-share {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }

}



.single-product .product-content .product-share a {

    color: var(--global--color-white);

    background-color: var(--global--color-heading);

    border-radius: 4px;

    margin-right: 15px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    width: 52px;

    height: 40px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    transition: .3s ease-in-out

}



@media screen and (min-width:992px) {

    .single-product .product-content .product-share a {

        margin-right: 10px

    }

}



.single-product .product-content .product-share a:last-child {

    margin-right: 0

}



.single-product .product-content .product-share a:hover {

    background-color: var(--global--color-primary);

    -webkit-transform: translateY(-5px);

    -ms-transform: translateY(-5px);

    transform: translateY(-5px)

}



.single-product .product-content .product-share a.facebook-bg {

    background-color: #3b5999

}



.single-product .product-content .product-share a.facebook-bg:hover {

    background-color: var(--global--color-primary)

}



.single-product .product-content .product-share a.twitter-bg {

    background-color: #55acee

}



.single-product .product-content .product-share a.twitter-bg:hover {

    background-color: var(--global--color-primary)

}



.single-product .product-content .product-share a.instagram-bg {

    background-color: #0092ff

}



.single-product .product-content .product-share a.instagram-bg:hover {

    background-color: var(--global--color-primary)

}



.single-product .product-content .product-share a.pinterest-bg {

    background-color: #ca1f27

}



.single-product .product-content .product-share a.pinterest-bg:hover {

    background-color: var(--global--color-primary)

}



.single-product .product-content .product-action {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 35px

}



@media screen and (max-width:991.98px) {

    .single-product .product-content .product-action {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.single-product .product-content .product-action .product-quantity {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border: 2px solid #929ba2;

    border-radius: 4px;

    width: 80px;

    margin-right: 15px

}



.single-product .product-content .product-action .product-quantity span {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.single-product .product-content .product-action .product-quantity span a {

    border-left: 2px solid #929ba2

}



.single-product .product-content .product-action .product-quantity span a:first-child {

    border-bottom: 2px solid #929ba2

}



.single-product .product-content .product-action .product-quantity span a i {

    width: 24px;

    height: 24px;

    font-size: 10px;

    line-height: 25px;

    color: var(--global--color-heading);

    text-align: center

}



.single-product .product-content .product-action .product-quantity input {

    width: 50px;

    height: 50px;

    color: var(--global--color-heading);

    font-size: 20px;

    font-weight: 700;

    line-height: 22px;

    font-family: var(--global--font-body);

    text-align: center;

    background-color: transparent;

    border-color: transparent

}



.single-product .product-content .product-action .btn {

    height: 54px

}



.single-product .product-tabs {

    background-color: var(--global--color-white);

    margin-top: 95px;

    margin-bottom: 40px

}



.single-product .product-tabs .nav-tabs {

    background-color: var(--global--color-white);

    border: 0

}



.single-product .product-tabs .nav-tabs li {

    margin-right: 30px

}



.single-product .product-tabs .nav-tabs li:last-child {

    margin-right: 0

}



.single-product .product-tabs .nav-tabs li a {

    color: var(--global--color-heading);

    font-size: 16px;

    font-weight: 700;

    text-transform: capitalize;

    font-family: var(--global--font-body);

    text-transform: capitalize;

    border-radius: 0;

    margin-right: 0;

    padding-bottom: 14px;

    display: block;

    border-right: 0;

    position: relative

}



.single-product .product-tabs .nav-tabs li a::after {

    content: '';

    position: absolute;

    bottom: -2px;

    left: 0;

    width: 100%;

    height: 2px;

    background-color: transparent;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



@media(max-width:420px) {

    .single-product .product-tabs .nav-tabs li a::after {

        content: unset

    }

}



.single-product .product-tabs .nav-tabs li a:focus, .single-product .product-tabs .nav-tabs li a:hover {

    color: var(--global--color-primary)

}



.single-product .product-tabs .nav-tabs li>.active, .single-product .product-tabs .nav-tabs li>.active:focus, .single-product .product-tabs .nav-tabs li>.active:hover {

    color: var(--global--color-primary)

}



.single-product .product-tabs .nav-tabs li>.active::after, .single-product .product-tabs .nav-tabs li>.active:focus::after, .single-product .product-tabs .nav-tabs li>.active:hover::after {

    background-color: var(--global--color-primary)

}



.single-product .product-tabs .tab-content {

    border-top: 2px solid #e6e8eb;

    padding-top: 25px

}



.single-product .product-tabs .tab-content p {

    font-family: var(--global--font-body);

    font-size: 15px;

    font-weight: 400;

    line-height: 25px;

    color: var(--global--color-body)

}



.single-product .product-tabs .tab-content h5 {

    font-size: 13px

}



.single-product .product-tabs .tab-content .review-comment .review-body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 25px

}



.single-product .product-tabs .tab-content .review-comment .review-body img {

    width: 60px;

    height: 60px;

    border-radius: 8px;

    margin-right: 30px

}



.single-product .product-tabs .tab-content .review-comment .review-body h6, .single-product .product-tabs .tab-content .review-comment .review-body p {

    margin-bottom: 0

}



.single-product .product-tabs .tab-content .review-comment .review-body .product-rating i.active {

    color: var(--global--color-primary)

}



.single-product .product-tabs .tab-content .review-comment .product-comment {

    margin-bottom: 35px

}



.single-product .product-tabs .tab-content .review-comment .product-comment p {

    margin-bottom: 0

}



.single-product .product-tabs .tab-content .form-review .nice-select .list {

    width: 100%

}



.single-product .form-review .form-control {

    margin-bottom: 30px

}



.shop-cart {

    padding-top: 0

}



.shop-cart .table-wrap {

    border: 1px solid #eaeaea;

    border-radius: 8px;

    margin-bottom: 53px;

    overflow: hidden

}



.shop-cart .table-wrap .cart-table {

    margin-bottom: 30px

}



.shop-cart .table-wrap .cart-table.table-responsive {

    min-height: .01%;

    overflow-x: auto

}



.shop-cart .table-wrap .cart-table .table {

    background-color: var(--global--color-white);

    border-radius: 0;

    margin-bottom: 0;

    color: var(--global--color-body)

}



.shop-cart .table-wrap .cart-table .table tr:first-child th {

    border-top: 0

}



.shop-cart .table-wrap .cart-table .table tr:first-child th:first-child {

    border-left: 0

}



.shop-cart .table-wrap .cart-table .table tr:first-child th:last-child {

    border-right: 0

}



.shop-cart .table-wrap .cart-table .table tr th {

    font-size: 16px;

    font-weight: 700;

    text-align: center;

    text-transform: capitalize;

    color: var(--global--color-body);

    font-family: var(--global--font-body);

    padding: 10px 0;

    border-right: 1px solid #e5e8ed;

    border-bottom: 1px solid #e5e8ed

}



.shop-cart .table-wrap .cart-table .table tbody tr td {

    padding: 20px;

    border-right: 1px solid #e5e8ed;

    border-bottom: 1px solid #e5e8ed;

    border-top: 0;

    border-left: 0

}



.shop-cart .table-wrap .cart-table .table tbody tr td:last-child {

    border-right: 0

}



.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-price, .shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-total {

    text-align: center;

    font-size: 16px;

    font-weight: 700;

    line-height: 20px;

    color: var(--global--color-primary);

    font-family: var(--global--font-body);

    vertical-align: baseline

}



.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-item .cart-product-remove {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 19px;

    height: 19px;

    background-color: var(--global--color-heading);

    border-radius: 50%;

    text-align: center;

    cursor: pointer;

    margin-right: 20px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-item .cart-product-remove:hover {

    background-color: var(--global--color-primary)

}



.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-item .cart-product-img {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 70px;

    height: 70px;

    margin-right: 20px;

    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);

    border-radius: 4px

}



.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-item .cart-product-img img {

    border-radius: 4px;

    max-width: 100%

}



.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-item .cart-product-name h6 {

    font-family: var(--global--font-heading);

    color: var(--global--color-heading);

    font-size: 16px;

    font-weight: 700;

    line-height: 27px;

    text-transform: capitalize;

    margin-bottom: 0

}



.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-quantity .product-quantity {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border: 2px solid #e6e8eb;

    border-radius: 8px 8px 0 8px;

    width: 80px;

    margin-right: 0;

    margin: 0 auto

}



.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-quantity .product-quantity span {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-quantity .product-quantity span a {

    border-left: 2px solid #e6e8eb

}



.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-quantity .product-quantity span a:first-child {

    border-bottom: 2px solid #e6e8eb

}



.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-quantity .product-quantity span a i {

    width: 24px;

    height: 24px;

    font-size: 10px;

    line-height: 25px;

    color: var(--global--color-heading);

    text-align: center

}



.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-quantity .product-quantity input {

    width: 50px;

    height: 50px;

    color: var(--global--color-heading);

    font-size: 20px;

    font-weight: 700;

    line-height: 22px;

    font-family: var(--global--font-body);

    text-align: center;

    background-color: transparent;

    border-color: transparent

}



.shop-cart .table-wrap .cart-product-action {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-bottom: 30px;

    padding-left: 30px;

    padding-right: 30px

}



@media screen and (max-width:767.98px) {

    .shop-cart .table-wrap .cart-product-action {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }

}



.shop-cart .table-wrap .cart-product-action form {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 0

}



@media screen and (max-width:767.98px) {

    .shop-cart .table-wrap .cart-product-action form {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        margin-bottom: 20px

    }

}



.shop-cart .table-wrap .cart-product-action form .form-control {

    border-radius: 4px;

    margin-bottom: 0;

    border: 1px solid #eaeaea;

    background-color: var(--global--color-white);

    margin-right: 10px;

    height: 42px;

    width: 250px;

    line-height: 42px;

    margin-bottom: 0

}



@media screen and (max-width:991.98px) {

    .shop-cart .table-wrap .cart-product-action form .form-control {

        width: 200px

    }

}



@media screen and (max-width:767.98px) {

    .shop-cart .table-wrap .cart-product-action form .form-control {

        width: 100%;

        margin-bottom: 15px;

        margin-right: 0

    }

}



.shop-cart .table-wrap .cart-product-action form .btn {

    margin-top: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.shop-cart .table-wrap .cart-product-action .btn {

    width: 134px;

    height: 42px;

    line-height: 39px;

    margin-right: 10px;

    padding: 0 18px

}



@media screen and (max-width:575.98px) {

    .shop-cart .table-wrap .cart-product-action .btn {

        margin-top: 20px

    }

}



.shop-cart .table-wrap .cart-product-action .btn:last-child {

    margin-right: 0

}



.shop-cart .table-wrap .cart-product-action div {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.shop-cart .cart-total-amount h5 {

    color: var(--global--color-heading);

    font-size: 21px;

    font-weight: 700;

    line-height: 30px;

    font-family: var(--global--font-heading);

    margin-bottom: 13px;

    position: relative

}



.shop-cart .cart-total-amount .table {

    margin-bottom: 40px

}



.shop-cart .cart-total-amount .table tbody .head {

    font-family: var(--global--font-heading);

    font-weight: 700;

    font-size: 17px;

    color: var(--global--color-body);

    text-transform: capitalize

}



.shop-cart .cart-total-amount .table tbody td {

    font-family: var(--global--font-body);

    font-weight: 400;

    font-size: 17px;

    color: var(--global--color-body);

    border-top: 0;

    border-bottom: 1px solid #eaeaea;

    padding-left: 0

}



.shop-cart .cart-total-amount .table tbody td.amount {

    font-weight: 700

}



.shop-cart .cart-total-amount .btn {

    width: 270px;

    height: 50px

}



@media screen and (max-width:767.98px) {

    .shop-cart .cart-total-amount .btn {

        width: 100%

    }

}



.shop-checkout {

    padding-bottom: 120px

}



.shop-checkout .cart-empty, .shop-checkout .cart-coupon {

    padding: 30px;

    background-color: #f5f5f5;

    border-top: 3px solid #1e85be;

    font-size: 18px;

    font-weight: 400;

    font-family: var(--global--font-body);

    line-height: 1;

    color: #515151;

    margin-bottom: 35px

}



.shop-checkout .cart-empty a, .shop-checkout .cart-coupon a {

    color: var(--global--color-primary)

}



.checkout-widget {

    padding: 20px;

    margin-bottom: 45px

}



.checkout-widget .widget-title {

    margin-bottom: 15px;

    text-transform: capitalize

}



.checkout-widget label {

    font-family: var(--global--font-heading);

    font-weight: 500;

    font-size: 16px;

    line-height: 2;

    margin-bottom: 10px;

    text-transform: capitalize;

    color: var(--global--color-heading);

    display: block

}



.checkout-widget label .required {

    margin-left: 3px;

    color: red

}



.checkout-widget .form-control {

    margin-bottom: 12px

}



.checkout-widget .nice-select {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%

}



.checkout-widget .nice-select .list {

    width: 100%

}



.your-order {

    margin-bottom: 53px;

    border-radius: 8px 8px 0 8px;

    overflow: hidden

}



.your-order h5 {

    text-transform: capitalize

}



.your-order .table-order {

    background-color: var(--global--color-gray);

    padding: 30px 30px 12px

}



.your-order .table-order table {

    width: 100%

}



.your-order .table-order table thead .order-heading {

    border-bottom: 1px solid #eaeaea

}



.your-order .table-order table thead .order-heading th {

    font-family: var(--global--font-body);

    font-size: 16px;

    color: var(--global--color-heading);

    font-weight: 700;

    text-transform: capitalize;

    padding-bottom: 3px

}



.your-order .table-order table tbody tr {

    border-bottom: 1px solid #eaeaea

}



.your-order .table-order table tbody tr:last-child {

    border-bottom: 0

}



.your-order .table-order table tbody tr td {

    font-family: var(--global--font-body);

    font-size: 14px;

    color: var(--global--color-heading);

    text-transform: capitalize;

    font-weight: 700;

    padding-top: 13px;

    padding-bottom: 13px

}



.your-order .table-order table tbody tr td:last-of-type {

    font-weight: 400;

    color: var(--global--color-body)

}



.your-order .table-order table tbody tr td.product-name {

    padding-left: 10px

}



.your-order .table-order table tbody tr.cart-total td:last-of-type {

    font-weight: 700;

    color: var(--global--color-heading)

}



.payment {

    background-color: var(--global--color-gray);

    padding: 33px 15px;

    border-radius: 8px 8px 0 8px

}



.payment .payment-method {

    margin: 0 15px

}



.payment .payment-method .no-payment {

    border-top: 3px solid #1e85be;

    padding: 27px 0

}



.payment .payment-method .no-payment p {

    font-family: var(--global--font-body);

    padding: 0 30px;

    font-size: 18px;

    line-height: 2;

    font-weight: 500;

    color: var(--global--color-heading)

}



.payment .payment-conditions {

    margin: 0 15px

}



.payment .payment-conditions .message {

    padding-top: 10px;

    font-family: var(--global--font-body);

    font-size: 17px;

    line-height: 2;

    color: var(--global--color-body);

    font-weight: 400;

    margin-bottom: 30px

}



.payment .payment-conditions label {

    text-transform: capitalize;

    font-weight: 500;

    color: var(--global--color-heading);

    font-size: 16px;

    margin-bottom: 30px

}



.payment .payment-conditions label a {

    color: var(--global--color-primary)

}



.login {

    padding-bottom: 140px

}



.login .login-body {

    background-color: #e6f8fb;

    border-radius: 8px 8px 8px 0;

    padding: 40px

}



.login .login-body label {

    font-family: var(--global--font-heading);

    font-weight: 500;

    font-size: 16px;

    line-height: 2;

    margin-bottom: 5px;

    text-transform: capitalize;

    color: #222

}



.login .login-body label .required {

    margin-left: 3px;

    color: red

}



.login .login-body .form-control {

    background-color: var(--global--color-white);

    margin-bottom: 8px

}



.login .login-body .check {

    margin-top: 10px;

    margin-bottom: 5px

}



.login .login-body .check label {

    margin-left: 5px

}



.login .login-body .forget {

    margin-top: 13px;

    font-family: var(--global--font-body);

    font-size: 15px;

    font-weight: 700;

    color: var(--global--color-heading)

}



.login .login-body .forget:hover {

    color: var(--global--color-primary)

}



@media only screen and (min-width:320px) and (max-width:767px) {

    .product-item {

        max-width: 270px;

        margin: 0 auto 30px

    }



    .product-options2 span {

        display: inline-block;

        min-width: 50px;

        margin-bottom: 10px

    }

}



.shop-checkout {

    padding-bottom: 120px;

    padding-top: 0

}



@media screen and (max-width:991.98px) {

    .shop-checkout {

        padding-bottom: 70px

    }

}



.shop-checkout .cart-empty, .shop-checkout .cart-coupon {

    padding: 30px;

    background-color: #f5f5f5;

    border-top: 3px solid #1e85be;

    font-size: 18px;

    font-weight: 400;

    font-family: var(--global--font-body);

    line-height: 1;

    color: #515151;

    margin-bottom: 35px

}



.shop-checkout .cart-empty a, .shop-checkout .cart-coupon a {

    color: var(--global--color-primary)

}



.checkout-widget {

    padding: 20px;

    margin-bottom: 45px;

    background-color: #f5f5f5;

    border-radius: 4px

}



.checkout-widget .widget-title {

    margin-bottom: 15px

}



.checkout-widget .widget-title h2 {

    color: var(--global--color-heading);

    font-size: 24px;

    font-weight: 700;

    line-height: 30px;

    font-family: var(--global--font-heading);

    margin-bottom: 0;

    text-transform: capitalize

}



.checkout-widget label {

    font-family: var(--global--font-heading);

    font-weight: 500;

    font-size: 16px;

    line-height: 2;

    margin-bottom: 10px;

    text-transform: capitalize;

    color: var(--global--color-heading);

    display: block

}



.checkout-widget label .required {

    margin-left: 3px;

    color: red

}



.checkout-widget .form-control {

    margin-bottom: 12px

}



.checkout-widget textarea.form-control {

    padding-top: 17px;

    height: 170px

}



.checkout-widget .nice-select {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%

}



.checkout-widget .nice-select .list {

    width: 100%

}



.your-order {

    margin-bottom: 53px;

    border-radius: 8px 8px 0 8px;

    overflow: hidden

}



.your-order h5 {

    text-transform: capitalize

}



.your-order .table-order {

    background-color: var(--global--color-gray);

    padding: 30px 30px 12px

}



.your-order .table-order table {

    width: 100%

}



.your-order .table-order table thead .order-heading {

    border-bottom: 1px solid #eaeaea

}



.your-order .table-order table thead .order-heading th {

    font-family: var(--global--font-body);

    font-size: 16px;

    color: var(--global--color-heading);

    font-weight: 700;

    text-transform: capitalize;

    padding-bottom: 3px

}



.your-order .table-order table tbody tr {

    border-bottom: 1px solid #eaeaea

}



.your-order .table-order table tbody tr:last-child {

    border-bottom: 0

}



.your-order .table-order table tbody tr td {

    font-family: var(--global--font-body);

    font-size: 14px;

    color: var(--global--color-heading);

    text-transform: capitalize;

    font-weight: 700;

    padding-top: 13px;

    padding-bottom: 13px

}



.your-order .table-order table tbody tr td:last-of-type {

    font-weight: 400;

    color: var(--global--color-body)

}



.your-order .table-order table tbody tr td.product-name {

    padding-left: 10px

}



.your-order .table-order table tbody tr.cart-total td:last-of-type {

    font-weight: 700;

    color: var(--global--color-heading)

}



.payment {

    background-color: var(--global--color-gray);

    padding: 33px 15px;

    border-radius: 4px

}



.payment .payment-method {

    margin: 0 15px;

    border-bottom: 2px solid #eaeaea

}



.payment .payment-method .no-payment {

    border-top: 3px solid #1e85be;

    padding: 27px 0

}



.payment .payment-method .no-payment p {

    font-family: var(--global--font-body);

    padding: 0 30px;

    font-size: 18px;

    line-height: 2;

    font-weight: 500;

    color: var(--global--color-heading)

}



.payment .payment-conditions {

    margin: 0 15px

}



.payment .payment-conditions .message {

    padding-top: 10px;

    font-family: var(--global--font-body);

    font-size: 17px;

    line-height: 2;

    color: var(--global--color-body);

    font-weight: 400;

    margin-bottom: 30px

}



.payment .payment-conditions label {

    text-transform: capitalize;

    font-weight: 500;

    color: var(--global--color-heading);

    font-size: 16px;

    margin-bottom: 30px

}



.payment .payment-conditions label a {

    color: var(--global--color-primary)

}



.payment .payment-conditions .btn {

    width: 170px;

    height: 50px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



@media screen and (max-width:767.98px) {

    .payment .payment-conditions .btn {

        width: 100%

    }

}



.login {

    padding: 120px 0

}



@media screen and (max-width:991.98px) {

    .login {

        padding: 70px 0

    }

}



.login .login-body {

    background-color: #e6f8fb;

    border-radius: 4px;

    padding: 40px

}



@media screen and (max-width:767.98px) {

    .login .login-body {

        padding: 40px 20px

    }

}



.login .login-body label {

    font-family: var(--global--font-heading);

    font-weight: 500;

    font-size: 16px;

    line-height: 2;

    margin-bottom: 5px;

    text-transform: capitalize;

    color: #222

}



.login .login-body label .required {

    margin-left: 3px;

    color: red

}



.login .login-body .form-control {

    background-color: var(--global--color-white);

    margin-bottom: 8px

}



.login .login-body .check {

    margin-top: 10px;

    margin-bottom: 5px

}



.login .login-body .check label {

    margin-left: 5px

}



.login .login-body .btn {

    width: 170px;

    height: 50px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: 20px

}



.login .login-body .forget {

    margin-top: 13px;

    font-family: var(--global--font-body);

    font-size: 15px;

    font-weight: 700;

    color: var(--global--color-heading)

}



.login .login-body .forget:hover {

    color: var(--global--color-primary)

}



.shop-account {

    padding-top: 60px

}



.shop-account .shop-account-nav {

    background-color: #f4f4f4;

    padding: 0 30px;

    border: 1px solid #eaeaea

}



@media screen and (max-width:991px) {

    .shop-account .shop-account-nav {

        margin-bottom: 30px

    }

}



.shop-account .shop-account-nav ul li a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 60px;

    color: var(--global--color-heading);

    font-size: 15px;

    font-family: var(--global--font-body);

    font-weight: 700;

    line-height: 36px;

    text-transform: capitalize;

    position: relative;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    border-bottom: 1px solid #eaeaea

}



@media screen and (max-width:500px) {

    .shop-account .shop-account-nav ul li a {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.shop-account .shop-account-nav ul li a:hover {

    color: var(--global--color-primary)

}



.shop-account .shop-account-nav ul li a:hover i {

    color: var(--global--color-primary);

    -webkit-transform: translateX(-5px);

    -ms-transform: translateX(-5px);

    transform: translateX(-5px)

}



@media screen and (max-width:500px) {

    .shop-account .shop-account-nav ul li a span {

        display: none

    }

}



.shop-account .shop-account-nav ul li a i {

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    margin-left: 10px;

    font-size: 15px

}



@media screen and (max-width:500px) {

    .shop-account .shop-account-nav ul li a i {

        margin-left: 0;

        font-size: 20px

    }

}



.shop-account .shop-account-nav ul li:first-child a {

    border-top: none

}



.shop-account .shop-account-nav ul li:last-child a {

    border-bottom: none

}



.shop-account .shop-account-nav ul li.active a {

    color: var(--global--color-primary)

}



.shop-account .shop-account-nav ul li.active a i {

    color: var(--global--color-primary)

}



.shop-account .shop-account-nav ul li.active:hover a i {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0)

}



.shop-account .shop-account-content {

    background-color: #f4f4f4;

    padding: 50px 30px;

    border: 1px solid #eaeaea

}



@media screen and (max-width:767.98px) {

    .shop-account .shop-account-content {

        padding-left: 20px;

        padding-right: 20px

    }

}



.shop-account .shop-account-content p {

    font-family: var(--global--font-heading);

    font-size: 18px;

    font-weight: 600;

    line-height: 28px;

    margin-bottom: 0;

    text-transform: capitalize;

    color: var(--global--color-heading);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.shop-account .shop-account-content p:last-child {

    margin-bottom: 0

}



.shop-account .shop-account-content p a {

    color: var(--global--color-primary)

}



@media only screen and (min-width:320px) and (max-width:767px) {

    .product-item {

        max-width: 270px;

        margin: 0 auto 30px

    }



    .product-options2 span {

        display: inline-block;

        min-width: 50px;

        margin-bottom: 10px

    }

}



.team {

    padding-top: 110px;

    padding-bottom: 10px

}



@media screen and (max-width:991.98px) {

    .team {

        padding-top: 70px;

        padding-bottom: 30px

    }

}



.team .member {

    -webkit-transition: all 300ms linear 0ms;

    -o-transition: all 300ms linear 0ms;

    transition: all 300ms linear 0ms;

    max-width: 370px;

    margin: 0 auto 70px;

    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08);

    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08)

}



@media screen and (max-width:991.98px) {

    .team .member {

        margin: 0 auto 40px

    }

}



.team .member:hover .member-content::after {

    -webkit-clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%);

    clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%)

}



.team .member:hover .member-content .member-social a {

    background-color: var(--global--color-primary)

}



.team .member .member-img {

    position: relative

}



.team .member .member-img img {

    border-radius: 8px;

    max-width: 100%

}



.team .member .member-content {

    background-color: var(--global--color-white);

    padding: 32px 40px 36px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    position: relative

}



@media(min-width:992px) and (max-width:1200px) {

    .team .member .member-content {

        padding-left: 30px;

        padding-right: 30px

    }

}



@media screen and (max-width:767.98px) {

    .team .member .member-content {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

}



.team .member .member-content::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    background-color: var(--global--color-primary);

    height: 4px;

    width: calc(100% - 80px);

    -webkit-transform-origin: 50% 100%;

    -ms-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

    -webkit-transition: -webkit-clip-path .3s, -webkit-transform .3s cubic-bezier(.2, 1, .8, 1);

    transition: -webkit-clip-path .3s, -webkit-transform .3s cubic-bezier(.2, 1, .8, 1);

    -o-transition: clip-path .3s, transform .3s cubic-bezier(.2, 1, .8, 1);

    transition: clip-path .3s, transform .3s cubic-bezier(.2, 1, .8, 1);

    transition: clip-path .3s, transform .3s cubic-bezier(.2, 1, .8, 1), -webkit-clip-path .3s, -webkit-transform .3s cubic-bezier(.2, 1, .8, 1);

    -webkit-clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);

    clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%)

}



.team .member .member-content .member-social {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.team .member .member-content .member-social a {

    border-radius: 50%;

    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;

    background-color: var(--global--color-heading);

    width: 20px;

    height: 20px;

    color: var(--global--color-white);

    font-size: 11px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    margin-right: 10px

}



.team .member .member-content .member-social a:last-child {

    margin-right: 0

}



.team .member .member-content .member-social a:hover {

    -webkit-transform: translateY(-5px);

    -ms-transform: translateY(-5px);

    transform: translateY(-5px)

}



@media screen and (max-width:767.98px) {

    .team .member .member-content .member-info {

        margin-bottom: 25px

    }

}



.team .member .member-content .member-info a {

    display: inline-block;

    font-family: var(--global--font-heading);

    font-size: 19px;

    font-weight: 700;

    color: var(--global--color-secondary);

    margin-bottom: 11px;

    text-transform: capitalize;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.team .member .member-content .member-info a:hover {

    color: var(--global--color-primary)

}



.team .member .member-content .member-info h6 {

    font-family: var(--global--font-body);

    color: var(--global--color-body);

    font-size: 14px;

    font-weight: 400;

    line-height: 1;

    text-transform: capitalize;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    margin-bottom: 0

}



.team .member.member-2 {

    border-radius: 8px;

    overflow: hidden;

    -webkit-box-shadow: none;

    box-shadow: none

}



.team .member.member-2:hover .member-content .member-social {

    opacity: 1;

    visibility: visible

}



.team .member.member-2:hover .member-content .member-info a, .team .member.member-2:hover .member-content .member-info h6 {

    color: var(--global--color-white)

}



.team .member.member-2 .member-content {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding-top: 22px;

    padding-bottom: 26px

}



@media(min-width:992px) and (max-width:1200px) {

    .team .member.member-2 .member-content {

        padding-left: 25px;

        padding-right: 25px

    }

}



.team .member.member-2 .member-content::after {

    content: unset

}



.team .member.member-2 .member-content .member-social {

    position: absolute;

    top: -40px;

    left: 0;

    right: 0;

    width: 100%;

    height: calc(100% + 40px);

    padding-top: 30px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    background-color: var(--global--color-primary);

    z-index: 1;

    -webkit-transform-origin: bottom;

    -ms-transform-origin: bottom;

    transform-origin: bottom;

    visibility: hidden;

    opacity: 0

}



.team .member.member-2 .member-content .member-social a {

    background-color: var(--global--color-white);

    color: var(--global--color-primary)

}



.team .member.member-2 .member-content .member-info {

    text-align: center;

    position: relative;

    z-index: 2

}



@media screen and (min-width:992px) {

    .sidebar {

        max-width: 330px;

        margin-left: auto

    }

}



.widget {

    background-color: #e0f6e9;

    padding: 33px 40px 40px;

    margin-bottom: 40px;

    border-radius: 8px;

    position: relative

}



@media screen and (max-width:767.98px) {

    .widget {

        padding-left: 25px;

        padding-right: 25px

    }

}



.widget::after {

    content: '';

    position: absolute;

    bottom: 0;

    right: 0;

    height: 4px;

    width: calc(100% - 40px);

    background-color: var(--global--color-primary);

    border-radius: 0 0 8px 0

}



@media screen and (max-width:767.98px) {

    .widget::after {

        width: calc(100% - 25px)

    }

}



.widget .widget-title {

    text-align: center;

    margin-bottom: 23px

}



@media screen and (min-width:992px) {

    .widget .widget-title {

        text-align: left

    }

}



.widget .widget-title h5 {

    font-size: 19px;

    line-height: 30px;

    font-weight: 700;

    font-family: var(--global--font-heading);

    color: var(--global--color-secondary);

    text-transform: capitalize;

    margin-bottom: 0;

    position: relative

}



.widget-categories {

    padding-bottom: 28px

}



.widget-categories .widget-title {

    margin-bottom: 8px

}



.widget-categories ul {

    padding-left: 0;

    list-style: none;

    margin-bottom: 0

}



.widget-categories ul li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.widget-categories ul li:hover a {

    padding-left: 15px;

    color: var(--global--color-primary)

}



.widget-categories ul li:hover span {

    background-color: var(--global--color-heading)

}



.widget-categories ul li a {

    color: var(--global--color-heading);

    font-size: 15px;

    font-family: var(--global--font-body);

    font-weight: 700;

    line-height: 36px;

    text-transform: capitalize;

    position: relative;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.widget-categories ul li span {

    margin-left: 15px;

    font-family: var(--global--font-body);

    font-weight: 400;

    font-size: 13px;

    padding: 1px 7px;

    color: var(--global--color-white);

    background-color: var(--global--color-primary);

    border-radius: 50%;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.widget-tags .widget-title {

    margin-bottom: 22px

}



.widget-tags .widget-content {

    text-align: left

}



.widget-tags .widget-content a {

    display: inline-block;

    background-color: transparent;

    font-family: var(--global--font-body);

    font-size: 12px;

    font-weight: 400;

    line-height: 28px;

    color: var(--global--color-primary);

    margin-right: 10px;

    margin-bottom: 10px;

    text-transform: capitalize;

    padding: 0 9px;

    border: 1px solid var(--global--color-primary);

    border-radius: 4px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.widget-tags .widget-content a:hover {

    color: var(--global--color-white);

    background-color: var(--global--color-primary);

    border-color: var(--global--color-primary)

}



.widget-recent-posts {

    padding-bottom: 35px

}



.widget-recent-posts .widget-title {

    margin-bottom: 18px

}



.widget-recent-posts .post {

    position: relative;

    margin-bottom: 19px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.widget-recent-posts .post:last-child {

    margin-bottom: 0

}



.widget-recent-posts .post .post-img {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    max-width: 100%;

    margin-right: 20px;

    overflow: hidden;

    border-radius: 4px;

    width: 80px;

    height: 80px

}



.widget-recent-posts .post .post-img img {

    width: 100%;

    height: 100%

}



.widget-recent-posts .post .post-content {

    position: relative

}



.widget-recent-posts .post .post-content .post-date {

    font-family: var(--global--font-body);

    font-weight: 400;

    font-size: 13px;

    line-height: 20px;

    color: #616161;

    text-transform: capitalize;

    margin-bottom: 4px

}



.widget-recent-posts .post .post-content .post-date span:after {

    position: relative;

    content: ',';

    margin-right: 4px

}



.widget-recent-posts .post .post-content .post-date span:last-child:after {

    content: unset

}



.widget-recent-posts .post .post-content .post-title a {

    font-family: var(--global--font-heading);

    color: var(--global--color-heading);

    font-size: 16px;

    font-weight: 700;

    line-height: 20px;

    text-transform: capitalize

}



.widget-recent-posts .post .post-content .post-title a:hover {

    color: var(--global--color-primary)

}



.widget-recent-posts .carousel-dots .owl-dots {

    text-align: center;

    margin-top: 26px

}



@media screen and (min-width:992px) {

    .widget-recent-posts .carousel-dots .owl-dots {

        text-align: left

    }

}



.widget-recent-posts .carousel-dots .owl-dots .owl-dot.active span {

    background-color: var(--global--color-primary);

    border-color: var(--global--color-primary)

}



.widget-recent-posts .carousel-dots .owl-dots .owl-dot span {

    width: 16px;

    height: 6px;

    border-radius: 2px;

    border-width: 3px;

    background-color: var(--global--color-heading);

    border-color: var(--global--color-heading);

    margin-right: 12px

}



.widget-search .form-search {

    border: 1px solid #eaeaea;

    margin-bottom: 0;

    border-radius: 4px;

    background-color: var(--global--color-white)

}



.widget-search .form-search .form-control {

    border: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    color: var(--global--color-body);

    font-size: 14px;

    font-family: var(--global--font-body);

    font-weight: 400;

    line-height: 5px;

    height: 55px;

    text-transform: capitalize;

    padding-left: 20px;

    background-color: transparent;

    border-radius: 0;

    margin-bottom: 0

}



.widget-search .form-search .form-control::-webkit-input-placeholder {

    font-size: 14px;

    font-family: var(--global--font-body);

    color: var(--global--color-body);

    text-transform: capitalize

}



.widget-search .form-search .form-control:-moz-placeholder {

    font-size: 14px;

    font-family: var(--global--font-body);

    color: var(--global--color-body);

    text-transform: capitalize

}



.widget-search .form-search .btn {

    background-color: transparent;

    border-radius: 0;

    border: 0;

    width: 45px;

    height: 55px;

    line-height: 29px;

    font-size: 16px;

    padding: 0 15px

}



.widget-search .form-search .btn i {

    color: var(--global--color-heading);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    margin-right: 0

}



.widget-search .form-search .btn:hover i {

    color: var(--global--color-primary)

}



.widget-reservation {

    position: relative;

    overflow: hidden;

    padding: 50px 40px 30px;

    border-radius: 8px

}



.widget-reservation:hover::before {

    opacity: 0;

    visibility: hidden

}



.widget-reservation:hover::after {

    opacity: .9;

    visibility: visible

}



.widget-reservation img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    z-index: 1

}



.widget-reservation::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #FFA500E6), to(#FFA500));

    background-image: -o-linear-gradient(top, #FFA500E6 20%, #FFA500 100%);

    background-image: linear-gradient(180deg, #FFA500E6 20%, #FFA500 100%);

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

    z-index: 2;

    -webkit-transition: .5s ease-in-out;

    -o-transition: .5s ease-in-out;

    transition: .5s ease-in-out;

    opacity: .9;

    visibility: visible

}



.widget-reservation::after {

    content: '';

    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 189, 213, 0)), color-stop(0%, var(--global--color-heading)));

    background-image: -o-linear-gradient(top, rgba(19, 189, 213, 0) 0%, var(--global--color-heading) 0%);

    background-image: linear-gradient(180deg, rgba(19, 189, 213, 0) 0%, var(--global--color-heading) 0%);

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

    z-index: 2;

    -webkit-transition: .5s ease-in-out;

    -o-transition: .5s ease-in-out;

    transition: .5s ease-in-out;

    opacity: 0;

    visibility: hidden

}



@media screen and (max-width:991.98px) {

    .widget-reservation {

        text-align: center

    }

}



.widget-reservation .widget-content {

    position: relative;

    z-index: 3

}



.widget-reservation .widget-content i {

    display: block;

    -webkit-transform: translateY(-25px);

    -ms-transform: translateY(-25px);

    transform: translateY(-25px);

    margin-bottom: -25px

}



.widget-reservation .widget-content i:before {

    font-size: 65px;

    color: var(--global--color-white)

}



.widget-reservation .widget-content p {

    margin-top: 7px;

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 17px;

    line-height: 28px;

    color: var(--global--color-white);

    margin-bottom: 52px

}



.widget-reservation .widget-content a {

    font-family: var(--global--font-body);

    font-weight: 400;

    color: var(--global--color-white);

    font-size: 24px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



@media screen and (max-width:991.98px) {

    .widget-reservation .widget-content a {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.widget-reservation .widget-content a span {

    font-size: 18px;

    margin-right: 15px

}



.widget-reservation .widget-content .btn {

    width: 100%;

    height: 60px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-family: var(--global--font-body);

    font-size: 15px;

    font-weight: 700;

    padding: 0 26px;

    margin-bottom: 22px

}



.widget-opening-hours {

    position: relative;

    overflow: hidden;

    padding: 50px 40px 60px;

    border-radius: 8px 8px 0 8px;

    background-color: #f6f6f6

}



@media screen and (max-width:991.98px) {

    .widget-opening-hours {

        text-align: center

    }

}



.widget-opening-hours::before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    background-color: #435ba1;

    height: 3px;

    width: calc(100% - 80px)

}



.widget-opening-hours .widget-content {

    position: relative;

    z-index: 3

}



.widget-opening-hours .widget-content i {

    display: block;

    margin-bottom: 11px

}



.widget-opening-hours .widget-content i:before {

    font-size: 50px;

    color: #51668a;

    margin-left: 0

}



.widget-opening-hours .widget-content h5 {

    text-transform: capitalize;

    font-family: var(--global--font-heading);

    font-weight: 500;

    font-size: 19px;

    line-height: 28px;

    color: var(--global--color-heading);

    margin-bottom: 8px

}



.widget-opening-hours .widget-content ul {

    margin-bottom: 0

}



.widget-opening-hours .widget-content ul li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    font-size: 14px;

    font-weight: 400;

    font-family: var(--global--font-body);

    color: var(--global--color-body);

    text-transform: capitalize;

    border-bottom: 1px solid #dcdee2;

    padding: 9px 0

}



.widget-download ul {

    margin: 0

}



.widget-download ul li:last-of-type a {

    margin-bottom: 0

}



.widget-download ul li.inversed a {

    background-color: var(--global--color-heading)

}



.widget-download ul li a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 0 25px;

    height: 70px;

    background-color: var(--global--color-primary);

    color: var(--global--color-white);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    border-radius: 4px;

    margin-bottom: 20px;

    position: relative

}



@media screen and (max-width:767.98px) {

    .widget-download ul li a {

        padding: 0 20px;

        height: 50px

    }

}



.widget-download ul li a svg {

    margin-left: 5px;

    fill: var(--global--color-white)

}



.widget-download ul li a span {

    font-family: var(--global--font-body);

    font-size: 15px;

    font-weight: 700;

    text-transform: capitalize

}



.widget-recent-products .product {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 30px

}



.widget-recent-products .product .product-img {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    margin-right: 20px;

    width: 60px;

    height: 60px;

    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);

    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);

    overflow: hidden;

    border-radius: 4px

}



.widget-recent-products .product .product-img img {

    border-radius: 4px;

    max-width: 100%

}



.widget-recent-products .product .product-desc .product-title a {

    text-transform: capitalize;

    font-family: var(--global--font-heading);

    font-weight: 700;

    font-size: 16px;

    line-height: 23px;

    color: var(--global--color-heading);

    margin-bottom: 4px;

    display: inline-block

}



.widget-recent-products .product .product-desc .product-title a:hover {

    color: var(--global--color-primary)

}



.widget-recent-products .product .product-desc .product-meta span {

    font-family: var(--global--font-body);

    font-size: 15px;

    font-weight: 700;

    color: var(--global--color-primary)

}



.widget-services .widget-content ul {

    margin-bottom: 0

}



.widget-services .widget-content ul li {

    margin-bottom: 5px

}



.widget-services .widget-content ul li:last-child {

    margin-bottom: 0

}



.widget-services .widget-content ul li a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-family: var(--global--font-body);

    font-size: 15px;

    font-weight: 700;

    color: var(--global--color-heading);

    text-transform: capitalize;

    background-color: var(--global--color-white);

    border-radius: 4px;

    z-index: 1;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    -webkit-box-shadow: 0 5px 20px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 5px 20px 0 rgba(40, 40, 40, .11);

    height: 65px;

    padding: 0 30px;

    position: relative

}



.widget-services .widget-content ul li a::before {

    content: '';

    position: absolute;

    width: calc(100%);

    height: calc(100%);

    top: 0;

    left: 0;

    background-color: var(--global--color-primary);

    z-index: -1;

    -webkit-transform: scaleX(0);

    -ms-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: right center;

    -ms-transform-origin: right center;

    transform-origin: right center;

    -webkit-transition: -webkit-transform .24s ease-in-out;

    transition: -webkit-transform .24s ease-in-out;

    -o-transition: transform .24s ease-in-out;

    transition: transform .24s ease-in-out;

    transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out

}



.widget-services .widget-content ul li a:hover {

    color: var(--global--color-white)

}



.widget-services .widget-content ul li a:hover::before {

    -webkit-transform: scaleX(1);

    -ms-transform: scaleX(1);

    transform: scaleX(1);

    -webkit-transform-origin: left center;

    -ms-transform-origin: left center;

    transform-origin: left center

}



.widget-services .widget-content ul li a:hover i {

    background-color: var(--global--color-white);

    color: var(--global--color-primary)

}



.widget-services .widget-content ul li a i {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 28px;

    height: 28px;

    border-radius: 50%;

    background-color: transparent;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    font-size: 13px

}



.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {

    -webkit-filter: inherit;

    filter: inherit

}



.ui-slider-horizontal .ui-slider-handle {

    position: absolute;

    top: -4px;

    margin-left: -.6em

}



.ui-slider-horizontal .ui-slider-range {

    position: absolute;

    top: -1px;

    height: 100%

}



.ui-slider-horizontal .ui-slider-range-min {

    left: 0

}



.ui-slider-horizontal .ui-slider-range-max {

    right: 0

}



.ui-slider-vertical {

    width: .8em;

    height: 100px

}



.ui-slider-vertical .ui-slider-handle {

    left: -.3em;

    margin-left: 0;

    margin-bottom: -.6em

}



.ui-slider-vertical .ui-slider-range {

    left: 0;

    width: 100%

}



.ui-slider-vertical .ui-slider-range-min {

    bottom: 0

}



.ui-slider-vertical .ui-slider-vertical .ui-slider-range-max {

    top: 0

}



.widget-filter .ui-slider {

    position: relative;

    height: 2px;

    background-color: #eaeaea;

    border-radius: 0;

    margin-bottom: 20px;

    margin-top: 5px

}



.widget-filter .ui-slider-handle {

    width: 10px;

    height: 10px;

    margin-left: 0;

    background-color: var(--global--color-primary);

    border-radius: 2px

}



.widget-filter .ui-slider-range {

    height: 4px;

    background-color: var(--global--color-primary);

    margin-bottom: 20px

}



.widget-filter .slider-mount {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-family: var(--global--font-body);

    font-size: 14px;

    font-weight: 400;

    line-height: 1

}



.widget-filter label {

    color: var(--global--color-body);

    margin: 0

}



.widget-filter input {

    color: var(--global--color-body);

    border: none;

    background-color: transparent

}



.widget-filter .btn-filter {

    float: right;

    font-family: var(--global--font-body);

    font-size: 14px;

    font-weight: 700;

    text-transform: capitalize;

    color: var(--global--color-primary);

    -webkit-box-flex: 2;

    -ms-flex-positive: 2;

    flex-grow: 2;

    text-align: right

}



.widget-filter .btn-filter:hover {

    color: var(--global--color-heading)

}



.sidebar-blog .widget {

    background-color: #f4f4f4

}



.sidebar-blog .form-search {

    background-color: var(--global--color-white)

}



.sidebar-blog .widget-recent-posts .entry {

    margin-bottom: 30px

}



.sidebar-blog .widget-recent-posts .entry:last-of-type {

    margin-bottom: 0

}



.sidebar-blog .widget-recent-posts .entry-title a {

    font-weight: 700

}



.sidebar-blog .widget-recent-posts .entry-date {

    font-family: var(--global--font-body);

    font-size: 13px;

    font-weight: 600;

    color: #616161

}



.sidebar-blog .widget-tags {

    padding-bottom: 40px

}



.sidebar-shop .widget {

    padding: 0;

    background-color: var(--global--color-white)

}



.sidebar-shop .widget::after {

    content: unset

}



.sidebar-shop .widget-categories {

    margin-bottom: 35px

}



@media only screen and (min-width:320px) and (max-width:767px) {

    .sidebar {

        margin-top: 40px

    }



    .widget {

        margin-bottom: 30px

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .sidebar {

        margin-top: 40px

    }



    .widget-recent .entry .entry-desc {

        margin-left: 70px

    }

}



.features {

    padding-top: 130px;

    padding-bottom: 100px;

    overflow: visible

}



@media screen and (max-width:767.98px) {

    .features {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.features .feature-panel-holder {

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.features .feature-panel-holder:hover .feature-panel {

    background-color: var(--global--color-white)

}



.features .feature-panel-holder:hover .feature-panel .feature-icon {

    -webkit-animation: bounce .5s ease-in-out;

    animation: bounce .5s ease-in-out

}



.features .feature-panel-holder:hover .feature-panel a {

    background-color: var(--global--color-primary);

    padding-left: 15px;

    padding-right: 15px

}



.features .feature-panel-holder:hover .feature-panel a i {

    color: var(--global--color-white)

}



.features .feature-panel-holder:hover .feature-panel a span {

    font-size: 14px;

    opacity: 1;

    margin-left: 10px

}



.features .feature-panel-holder:hover .feature-panel.feature-panel-2 {

    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);

    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21)

}



.features .feature-panel-holder .feature-panel {

    position: relative;

    padding: 39px 35px 40px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    overflow: hidden;

    background-color: var(--global--color-white);

    border-radius: 8px;

    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);

    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);

    cursor: pointer;

    margin-bottom: 30px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



@media(min-width:992px) and (max-width:1200px) {

    .features .feature-panel-holder .feature-panel {

        padding: 39px 19px 40px

    }

}



@media screen and (max-width:991.98px) {

    .features .feature-panel-holder .feature-panel {

        max-width: 370px;

        margin: 0 auto 30px

    }

}



.features .feature-panel-holder .feature-panel .feature-icon {

    margin-bottom: 17px

}



.features .feature-panel-holder .feature-panel .feature-icon i::before {

    color: var(--global--color-primary);

    margin-left: 0;

    font-size: 65px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.features .feature-panel-holder .feature-panel .feature-content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center

}



.features .feature-panel-holder .feature-panel .feature-content h4 {

    font-family: var(--global--font-heading);

    font-weight: 600;

    font-size: 19px;

    line-height: 27px;

    text-transform: capitalize;

    margin-bottom: 16px;

    color: var(--global--color-secondary);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.features .feature-panel-holder .feature-panel .feature-content p {

    font-family: var(--global--font-body);

    font-size: 15px;

    line-height: 25px;

    margin-bottom: 20px;

    color: var(--global--color-body);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    height: 130px;

}



.features .feature-panel-holder .feature-panel a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 10px;

    height: 32px;

    border-radius: 16px;

    background-color: var(--global--color-heading);

    font-size: 12px;

    color: var(--global--color-white);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)

}



.features .feature-panel-holder .feature-panel a i {

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.features .feature-panel-holder .feature-panel a span {

    font-size: 0;

    opacity: 0;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    text-transform: capitalize;

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 0;

    color: var(--global--color-white)

}



.features .feature-panel-holder .feature-panel.feature-panel-2 {

    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11)

}



.features .actions-holder {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media screen and (max-width:991.98px) {

    .features .actions-holder {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



@media screen and (max-width:767.98px) {

    .features .actions-holder {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

}



.features .actions-holder .btn {

    margin-right: 30px

}



.features .actions-holder .btn:first-child {

    width: 170px

}



.features .actions-holder .btn:last-child {

    width: 180px;

    margin-right: 0;

    padding: 0 28px

}



@media screen and (max-width:767.98px) {

    .features .actions-holder .btn {

        margin-right: 0;

        margin-bottom: 20px

    }

}



.features .carousel-dots .owl-dots {

    margin-top: 10px;

    margin-bottom: 70px

}



.features.features-1 {

    padding-bottom: 0

}



.features.features-2 {

    padding-bottom: 0;

    position: relative;

    z-index: 2

}



.features.features-2 .feature-panel-holder .feature-panel {

    margin-bottom: 32px

}



.features.features-3 {

    padding-top: 0;

    padding-bottom: 0

}



.features.features-4 {

    padding-top: 130px;

    padding-bottom: 110px;

    position: relative

}



@media screen and (max-width:991.98px) {

    .features.features-4 {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.features.features-4 .features-overlay {

    position: absolute;

    top: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    height: 100%;

    width: calc(100% - 7%);

    border-radius: 12px

}



@media screen and (max-width:991.98px) {

    .features.features-4 .features-overlay {

        width: calc(100% - 4%)

    }

}



.features.features-4 .heading {

    position: relative;

    z-index: 1

}



.features.features-4 .owl-carousel .owl-dots {

    margin-bottom: 0

}



@media screen and (max-width:991.98px) {

    .more-features {

        text-align: center;

        margin-bottom: 40px

    }

}



.more-features p {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 16px;

    color: var(--global--color-gray);

    margin-bottom: 30px

}



.more-features p a {

    position: relative;

    color: var(--global--color-primary);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    text-transform: capitalize

}



.more-features p a:hover {

    color: var(--global--color-primary-70)

}



.more-features .btn {

    width: 185px

}



.more-features.more-features-2 {

    text-align: center;

    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;

    padding-top: 40px;

    padding-bottom: 40px

}



@media screen and (max-width:991.98px) {

    .more-features.more-features-2 {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        margin-bottom: 0

    }

}



.more-features.more-features-2 p {

    margin-right: 30px;

    margin-bottom: 0;

    font-size: 15px

}



@media screen and (max-width:991.98px) {

    .more-features.more-features-2 p {

        margin-right: 0;

        margin-bottom: 30px

    }

}



.more-features.more-features-2 .btn {

    width: 178px;

    height: 45px;

    padding: 0 23px;

    color: var(--global--color-heading)

}



.more-features.more-features-3 {

    text-align: center

}



.more-features.more-features-3 p {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 15px;

    color: var(--global--color-white);

    margin-bottom: 70px

}



.more-features.more-features-3 p a {

    position: relative;

    font-weight: 700;

    color: var(--global--color-primary);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    text-transform: capitalize;

    padding-bottom: 6px

}



.more-features.more-features-3 p a:hover::before {

    width: calc(100% - 20%)

}



.more-features.more-features-3 p a::before {

    content: '';

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 100%;

    height: 2px;

    background-color: var(--global--color-primary)

}



.features-bar {

    padding-top: 0;

    padding-bottom: 0;

    overflow: visible

}



.features-bar .features-holder {

    position: relative;

    z-index: 55;

    -webkit-transform: translateY(-80px);

    -ms-transform: translateY(-80px);

    transform: translateY(-80px);

    margin-bottom: -80px;

    background-color: var(--global--color-white);

    border-radius: 4px;

    overflow: hidden

}



@media screen and (max-width:567px) {

    .features-bar .features-holder {

        max-width: 370px

    }

}



@media screen and (min-width:992px) {

    .features-bar .features-holder {

        -webkit-box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);

        box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15)

    }

}



@media screen and (max-width:767.98px) {

    .features-bar .features-holder {

        margin: 0 auto -80px

    }

}



@media screen and (max-width:767px) {

    .features-bar .features-holder {

        padding-bottom: 40px

    }

}



.features-bar .features-holder .feature-panel {

    padding: 34px 40px 40px

}



@media screen and (max-width:767px) {

    .features-bar .features-holder .feature-panel {

        padding-bottom: 0

    }

}



@media screen and (min-width:992px) {

    .features-bar .features-holder .feature-panel {

        -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

        box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)

    }

}



@media screen and (max-width:991.98px) {

    .features-bar .features-holder .feature-panel {

        max-width: 370px;

        margin: 0 auto

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .features-bar .features-holder .feature-panel {

        padding-left: 30px;

        padding-right: 30px

    }

}



.features-bar .features-holder .feature-panel:hover .feature-content i {

    color: var(--global--color-white);

    background-color: var(--global--color-primary);

    -webkit-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg)

}



.features-bar .features-holder .feature-panel .feature-content {

    position: relative;

    z-index: 3;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.features-bar .features-holder .feature-panel .feature-content i {

    margin-bottom: 7px;

    width: 94px;

    height: 94px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border-radius: 50%;

    background-color: var(--global--color-white);

    color: var(--global--color-primary);

    position: relative;

    overflow: hidden;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.features-bar .features-holder .feature-panel .feature-content i::before {

    font-size: 65px;

    z-index: 2

}



.features-bar .features-holder .feature-panel .feature-content h5 {

    text-transform: capitalize;

    font-family: var(--global--font-heading);

    font-weight: 600;

    font-size: 19px;

    line-height: 28px;

    color: var(--global--color-secondary);

    margin-bottom: 0

}



.features-bar .actions-holder {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media screen and (max-width:991.98px) {

    .features-bar .actions-holder {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



@media screen and (max-width:767.98px) {

    .features-bar .actions-holder {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

}



.features-bar .actions-holder .btn {

    width: 170px;

    height: 60px;

    margin-right: 30px

}



@media screen and (max-width:767.98px) {

    .features-bar .actions-holder .btn {

        margin-right: 0;

        margin-bottom: 20px

    }

}



.features-bar .actions-holder .btn:last-child {

    border-color: #687696;

    border: 2px solid;

    -webkit-transition-property: background, color, border-color;

    -o-transition-property: background, color, border-color;

    transition-property: background, color, border-color

}



.features-bar .actions-holder .btn:last-child::before {

    background-color: var(--global--color-primary);

    width: calc(100% + 4px);

    height: calc(100% + 4px);

    top: -2px;

    left: -2px

}



.features-bar .actions-holder .btn:last-child:hover {

    border-color: var(--global--color-secondary)

}



.pricing .price-table {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



@media screen and (max-width:991.98px) {

    .pricing .price-table {

        max-width: 370px;

        margin: 0 auto

    }

}



.pricing .price-table .pricing-panel {

    background-color: var(--global--color-white);

    padding: 44px 50px 42px;

    border-radius: 8px;

    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1

}



@media(min-width:992px) and (max-width:1200px) {

    .pricing .price-table .pricing-panel {

        padding-right: 25px;

        padding-left: 25px

    }

}



@media screen and (max-width:991.98px) {

    .pricing .price-table .pricing-panel {

        text-align: center;

        max-width: 370px;

        margin: 0 auto 30px

    }

}



@media screen and (max-width:767.98px) {

    .pricing .price-table .pricing-panel {

        padding-left: 25px;

        padding-right: 25px

    }

}



.pricing .price-table .pricing-panel .pricing-body .pricing-heading {

    margin-bottom: 40px

}



.pricing .price-table .pricing-panel .pricing-body .pricing-heading .pricing-title {

    font-family: var(--global--font-heading);

    font-size: 18px;

    font-weight: 700px;

    line-height: 26px;

    color: var(--global--color-secondary);

    margin-bottom: 0;

    position: relative;

    text-transform: capitalize;

    -webkit-transition: 300ms ease-in-out;

    -o-transition: 300ms ease-in-out;

    transition: 300ms ease-in-out

}



.pricing .price-table .pricing-panel .pricing-body .pricing-heading .pricing-desc {

    font-family: var(--global--font-body);

    font-size: 14px;

    font-weight: 400;

    color: var(--global--color-body);

    line-height: 26px;

    margin-bottom: 0

}



.pricing .price-table .pricing-panel .pricing-body .pricing-list p {

    font-size: 14px;

    line-height: 24px;

    color: var(--global--color-body);

    margin-bottom: 20px

}



.pricing .price-table .pricing-panel .pricing-body .pricing-price {

    margin-bottom: 34px

}



.pricing .price-table .pricing-panel .pricing-body .pricing-price p {

    padding-top: 55px;

    margin-bottom: 29px;

    font-family: var(--global--font-heading);

    font-weight: 400;

    color: var(--global--color-secondary);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

    line-height: 30px;

    position: relative

}



.pricing .price-table .pricing-panel .pricing-body .pricing-price p::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    height: 2px;

    width: 100%;

    background-color: #eaeaea

}



@media screen and (max-width:991.98px) {

    .pricing .price-table .pricing-panel .pricing-body .pricing-price p {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.pricing .price-table .pricing-panel .pricing-body .pricing-price p span::before {

    content: '/'

}



.pricing .price-table .pricing-panel .pricing-body .pricing-price p span:first-of-type::before {

    content: unset

}



.pricing .price-table .pricing-panel .pricing-body .pricing-price p .currency {

    font-size: 50px

}



.pricing .price-table .pricing-panel .pricing-body .pricing-price p .time {

    font-size: 14px

}



.pricing .price-table .pricing-panel .pricing-body .pricing-price .btn {

    width: 100%;

    height: 65px;

    color: var(--global--color-white);

    padding-right: 20px;

    -webkit-transition: .5s ease-in-out;

    -o-transition: .5s ease-in-out;

    transition: .5s ease-in-out

}



.pricing .price-table .pricing-panel .pricing-body .pricing-price .btn:hover {

    background-color: var(--global--color-primary)

}



.pricing .price-table .pricing-panel .pricing-body .pricing-price .btn i {

    width: 28px;

    height: 28px;

    background-color: var(--global--color-white);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    color: var(--global--color-heading);

    border-radius: 50%;

    -webkit-transition: .5s ease-in-out;

    -o-transition: .5s ease-in-out;

    transition: .5s ease-in-out

}



.pricing .price-table .pricing-panel .pricing-body .pricing-price .btn i::before {

    font-size: 14px

}



.pricing .price-table .pricing-panel .pricing-body .pricing-price .btn::before {

    content: unset

}



.pricing .price-table .pricing-panel .pricing-body .pricing-price .btn:hover i {

    -webkit-transform: translateX(5px);

    -ms-transform: translateX(5px);

    transform: translateX(5px)

}



.pricing .price-table .pricing-panel.active {

    position: relative

}



.pricing .price-table .pricing-panel.active::before {

    content: '';

    display: block;

    width: 46px;

    height: 20px;

    background-image: url(../images/icons/high-light.png);

    position: absolute;

    top: 30px;

    right: -2px

}



.pricing .price-table .pricing-panel.active::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 50%;

    background-color: var(--global--color-primary);

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    height: 4px;

    width: calc(100% - 100px)

}



@media(min-width:992px) and (max-width:1200px) {

    .pricing .price-table .pricing-panel.active::after {

        width: calc(100% - 50px)

    }

}



.pricing .price-table .pricing-panel.active .pricing-price .btn {

    background-color: var(--global--color-primary)

}



.pricing .price-table .pricing-panel.active .pricing-price .btn:hover {

    background-color: var(--global--color-heading)

}



.pricing .more-prices {

    text-align: center;

    margin-top: 0

}



@media screen and (min-width:992px) {

    .pricing .more-prices {

        margin-top: 32px

    }

}



.pricing .more-prices p {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 15px;

    color: var(--global--color-body)

}



.pricing .more-prices p a {

    position: relative;

    font-weight: 700;

    color: var(--global--color-heading);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    text-transform: capitalize;

    padding-bottom: 6px

}



.pricing .more-prices p a:hover::before {

    width: calc(100% - 20%)

}



.pricing .more-prices p a::before {

    content: '';

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 100%;

    height: 2px;

    background-color: var(--global--color-primary)

}



.pricing.pricing-1 {

    padding-top: 130px;

    padding-bottom: 100px

}



@media screen and (max-width:991.98px) {

    .pricing.pricing-1 {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.contact .advantages-list-holder {

    margin-bottom: 32px

}



.contact .contact-action {

    margin-bottom: 80px

}



@media screen and (max-width:767.98px) {

    .contact .contact-action {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        margin-bottom: 40px

    }

}



.contact .contact-action .btn {

    font-family: var(--global--font-body);

    font-size: 15px;

    font-weight: 700;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    width: 170px;

    height: 65px;

    margin-right: 30px

}



@media(min-width:992px) and (max-width:1200px) {

    .contact .contact-action .btn {

        margin-right: 10px

    }

}



@media screen and (max-width:991.98px) {

    .contact .contact-action .btn {

        margin: 0 30px 0 0

    }

}



@media screen and (max-width:767.98px) {

    .contact .contact-action .btn {

        margin-right: 0;

        margin-bottom: 15px;

        height: 50px

    }

}



.contact .contact-action .btn:first-child i {

    color: var(--global--color-heading)

}



.contact .contact-action .btn:first-child:hover i {

    color: var(--global--color-white)

}



.contact .contact-action .btn:last-child {

    padding: 0 28px

}



.contact .contact-action .btn.btn--white {

    -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)

}



.contact .contact-action.contact-action-2 {

    margin-bottom: 131px

}



@media screen and (max-width:991.98px) {

    .contact .contact-action.contact-action-2 {

        margin-bottom: 30px

    }

}



@media screen and (max-width:991.98px) {

    .contact .contact-action.contact-action-2 .btn {

        margin-right: 0

    }

}



.contact .contact-quote {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.contact .contact-quote img {

    margin-right: 15px

}



.contact .contact-quote p {

    font-weight: 700;

    font-size: 15px;

    line-height: 25px;

    color: var(--global--color-gray)

}



.contact .contact-quote p a {

    color: var(--global--color-gray);

    font-weight: 700;

    font-size: 15px;

    line-height: 25px;

    position: relative;

    padding-bottom: 6px

}



.contact .contact-quote p a:hover::before {

    width: calc(100% - 20%)

}



.contact .contact-quote p a::before {

    content: '';

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 100%;

    height: 2px;

    background-color: var(--global--color-gray)

}



.contact .contact-quote.contact-quote-2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start

}



@media screen and (max-width:991.98px) {

    .contact .contact-quote.contact-quote-2 {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        max-width: 370px;

        margin: 0 auto

    }

}



.contact .contact-quote.contact-quote-2 i {

    color: var(--global--color-white);

    margin-right: 40px

}



@media screen and (max-width:991.98px) {

    .contact .contact-quote.contact-quote-2 i {

        margin-right: 0;

        margin-bottom: 30px

    }

}



.contact .contact-quote.contact-quote-2 i::before {

    font-size: 65px

}



@media screen and (min-width:992px) {

    .contact .contact-quote.contact-quote-2 .quote-body {

        padding-top: 10px

    }

}



.contact .contact-quote.contact-quote-2 .quote-body p {

    font-size: 17px;

    line-height: 28px;

    margin-bottom: 22px;

    color: var(--global--color-white)

}



.contact .contact-quote.contact-quote-2 .quote-body a {

    color: var(--global--color-white);

    text-transform: capitalize;

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



@media screen and (max-width:991.98px) {

    .contact .contact-quote.contact-quote-2 .quote-body a {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.contact .contact-quote.contact-quote-2 .quote-body a:hover {

    padding-left: 10px

}



.contact .contact-quote.contact-quote-2 .quote-body a i {

    width: 32px;

    height: 32px;

    margin-right: 10px;

    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;

    background-color: var(--global--color-white);

    border-radius: 50%

}



@media screen and (max-width:991.98px) {

    .contact .contact-quote.contact-quote-2 .quote-body a i {

        margin-bottom: 0

    }

}



.contact .contact-quote.contact-quote-2 .quote-body a i::before {

    color: var(--global--color-primary);

    font-size: 15px

}



.contact .contact-quote.contact-quote-3 p {

    color: var(--global--color-body)

}



.contact .contact-quote.contact-quote-3 p a {

    color: var(--global--color-heading)

}



.contact .contact-quote.contact-quote-3 p a::before {

    background-color: var(--global--color-primary)

}



.contact.contact-1 {

    padding-top: 108px;

    padding-bottom: 108px

}



@media screen and (max-width:991.98px) {

    .contact.contact-1 {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.contact.contact-2 {

    position: relative;

    padding-top: 108px;

    padding-bottom: 108px;

    background-position-x: -750px

}



@media screen and (max-width:991.98px) {

    .contact.contact-2 {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.contact.contact-2 .contact-overlay {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: calc(100% - 5%);

    border-radius: 12px;

    height: 100%;

    z-index: 1

}



.contact.contact-4 {

    padding-top: 110px;

    padding-bottom: 110px

}



@media screen and (max-width:991.98px) {

    .contact.contact-4 {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.contact.contact-4 .contact-action .btn:first-child i {

    color: var(--global--color-white)

}



.contact.contact-4 .contact-action .btn:last-child {

    border: 2px solid rgba(37, 55, 69, .5);

    color: var(--global--color-heading)

}



.contact.contact-4 .contact-action .btn:last-child i {

    color: var(--global--color-heading)

}



.contact.contact-4 .contact-action .btn:last-child::before {

    content: unset

}



.contact.contact-4 .contact-action .btn:last-child:hover {

    background-color: var(--global--color-heading);

    color: var(--global--color-white)

}



.contact.contact-4 .contact-action .btn:last-child:hover i {

    color: var(--global--color-white)

}



.contact.contact-4 .contact-panel-3 textarea {

    padding-top: 25px;

    height: 150px

}



.contact-panel {

    padding: 50px 55px

}



@media screen and (max-width:767.98px) {

    .contact-panel {

        padding: 40px 25px

    }

}



.contact-panel.contact-panel-2 {

    padding: 60px 70px;

    background-color: var(--global--color-white);

    -webkit-box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);

    box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);

    border-radius: 12px;

    -webkit-transform: translateY(370px);

    -ms-transform: translateY(370px);

    transform: translateY(370px);

    margin-top: -370px;

    z-index: 5

}



@media(min-width:992px) and (max-width:1200px) {

    .contact-panel.contact-panel-2 {

        padding-left: 40px;

        padding-right: 40px

    }

}



@media screen and (max-width:767.98px) {

    .contact-panel.contact-panel-2 {

        padding-left: 25px;

        padding-right: 25px

    }

}



.contact-panel.contact-panel-2 .contact-card {

    padding-top: 0;

    padding-bottom: 0;

    padding-right: 0;

    -webkit-box-shadow: none;

    box-shadow: none

}



@media screen and (max-width:991.98px) {

    .contact-panel.contact-panel-2 .contact-card {

        padding-left: 0

    }

}



.contact-panel.contact-panel-2 .contact-card .contact-result {

    margin-top: 0

}



.contact-panel.contact-panel-3 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: 0;

    position: relative

}



@media screen and (max-width:991.98px) {

    .contact-panel.contact-panel-3 {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

}



@media screen and (min-width:992px) {

    .contact-panel.contact-panel-3 {

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between

    }

}



.contact-panel.contact-panel-3 .heading {

    z-index: 4

}



@media screen and (min-width:992px) {

    .contact-panel.contact-panel-3 .heading {

        -ms-flex-preferred-size: 40%;

        flex-basis: 40%;

        -ms-flex-negative: 0;

        flex-shrink: 0;

        margin-bottom: 0

    }

}



.contact-panel.contact-panel-3 .contact-card {

    z-index: 4

}



@media screen and (min-width:992px) {

    .contact-panel.contact-panel-3 .contact-card {

        -ms-flex-preferred-size: 54%;

        flex-basis: 54%;

        -ms-flex-negative: 0;

        flex-shrink: 0

    }

}



@media screen and (max-width:767.98px) {

    .contact-panel.contact-panel-3 .contact-card {

        padding-left: 25px;

        padding-right: 25px

    }

}



.contact-card {

    background-color: var(--global--color-white);

    border-radius: 8px 8px 0 8px;

    padding: 47px 50px 40px;

    border-radius: 12px;

    -webkit-box-shadow: 0 1px 73px 0 rgba(40, 40, 40, .15);

    box-shadow: 0 1px 73px 0 rgba(40, 40, 40, .15);

    height: -webkit-max-content;

    height: -moz-max-content;

    height: max-content;

    position: relative

}



@media screen and (max-width:767.98px) {

    .contact-card {

        padding: 37px 25px 30px

    }

}



.contact-card .contact-body .card-heading {

    color: var(--global--color-heading);

    font-family: var(--global--font-heading);

    font-size: 24px;

    line-height: 1;

    font-weight: 700;

    text-transform: capitalize;

    margin-bottom: 20px

}



@media screen and (max-width:991.98px) {

    .contact-card .contact-body .card-heading {

        text-align: center

    }

}



.contact-card .contact-body .card-desc {

    font-family: var(--global--font-body);

    font-weight: 400;

    font-size: 15px;

    line-height: 25px;

    color: var(--global--color-body);

    margin-bottom: 28px

}



@media screen and (max-width:991.98px) {

    .contact-card .contact-body .card-desc {

        text-align: center

    }

}



.contact-card .contact-body form {

    margin-bottom: 0

}



.contact-card .contact-body .btn {

    padding-left: 30px;

    padding-right: 20px

}



.contact-card .contact-body .btn i {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: var(--global--color-white);

    border-radius: 50%;

    width: 28px;

    height: 28px;

    color: var(--global--color-heading);

    font-size: 12px

}



.contact-card .contact-body .contact-result {

    margin-top: 10px;

    text-align: center

}



.img-card {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    height: auto;

    padding: 33px 40px 50px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    text-align: center

}



@media screen and (min-width:992px) {

    .img-card {

        text-align: left;

        -ms-flex-preferred-size: 46%;

        flex-basis: 46%

    }

}



@media screen and (max-width:767.98px) {

    .img-card {

        padding-left: 20px;

        padding-right: 20px

    }

}



.img-card .card-content {

    max-width: 100%

}



@media screen and (max-width:991.98px) {

    .img-card .card-content .content-top {

        margin-bottom: 30px

    }

}



.img-card .card-content .content-top p {

    font-size: 17px;

    line-height: 28px;

    margin-bottom: 22px;

    font-weight: 700;

    color: var(--global--color-white)

}



.img-card .card-content .content-top a {

    color: var(--global--color-white);

    text-transform: capitalize;

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



@media screen and (max-width:991.98px) {

    .img-card .card-content .content-top a {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.img-card .card-content .content-top a:hover i {

    -webkit-transform: translateX(5px);

    -ms-transform: translateX(5px);

    transform: translateX(5px)

}



.img-card .card-content .content-top a i {

    width: 32px;

    height: 32px;

    margin-right: 10px;

    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;

    background-color: var(--global--color-white);

    border-radius: 50%;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



@media screen and (max-width:991.98px) {

    .img-card .card-content .content-top a i {

        margin-bottom: 0

    }

}



.img-card .card-content .content-top a i::before {

    color: var(--global--color-primary);

    font-size: 15px

}



.img-card .card-content .content-bottom .contact-infos {

    margin-bottom: 26px

}



.img-card .card-content .content-bottom .contact-infos .contact-info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 14px

}



.img-card .card-content .content-bottom .contact-infos .contact-info:last-child {

    margin-bottom: 0

}



.img-card .card-content .content-bottom .contact-infos .contact-info i {

    color: #f4f4f4;

    font-size: 16px;

    margin-right: 10px

}



.img-card .card-content .content-bottom .contact-infos .contact-info a, .img-card .card-content .content-bottom .contact-infos .contact-info p {

    font-family: var(--global--font-body);

    line-height: 22px;

    font-size: 14px;

    font-weight: 700;

    margin-bottom: 0;

    color: #f4f4f4;

    /* text-transform: capitalize */

}



.img-card .card-content .content-bottom .contact-infos .contact-info a:hover {

    color: var(--global--color-heading)

}



.img-card .card-content .content-bottom .btn {

    width: 150px;

    height: 55px;

    -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    padding: 0 20px;

    color: var(--global--color-primary)

}



.img-card .card-content .content-bottom .btn i {

    color: var(--global--color-primary)

}



.img-card .card-content .content-bottom .btn:hover {

    color: var(--global--color-white)

}



.img-card .card-content .content-bottom .btn:hover i {

    color: var(--global--color-white)

}



@media screen and (max-width:991.98px) {

    .img-card .card-content .content-bottom .btn {

        display: -webkit-inline-box;

        display: -ms-inline-flexbox;

        display: inline-flex

    }

}



.img-card.img-card-2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    border-radius: 12px;

    background-position-x: 81%

}



@media screen and (max-width:991.98px) {

    .img-card.img-card-2 {

        margin-bottom: 50px

    }

}



.img-card.img-card-2 .card-content {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.img-card-holder {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.map {

    position: relative;

    height: 470px

}



.map iframe {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%

}



.map iframe.map-gray {

    -webkit-filter: brightness(104%) contrast(99%) saturate(0%) blur(0px) hue-rotate(0deg);

    filter: brightness(104%) contrast(99%) saturate(0%) blur(0px) hue-rotate(0deg)

}



.mb-20 {

    margin-bottom: 20px !important

}



.clients {

    padding-top: 0;

    padding-bottom: 0;

    border-top: 1px solid #eaeaea;

    overflow: visible

}



.clients.bg-grey {

    color: var(--global--color-gray)

}



.clients .client {

    padding-top: 60px;

    padding-bottom: 60px;

    cursor: pointer;

    -webkit-transition: .3s ease;

    -o-transition: .3s ease;

    transition: .3s ease;

    width: 150px;

    margin-right: auto;

    margin-left: auto;

    position: relative

}



@media(min-width:992px) and (max-width:1200px) {

    .clients .client {

        width: 130px

    }

}



.clients .client:hover::before {

    width: 100%

}



.clients .client::before {

    content: '';

    position: absolute;

    top: -1px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 0%;

    height: 1px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    background-color: var(--global--color-primary)

}



.clients .client a {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    z-index: 2

}



.clients .client img {

    max-width: 100%;

    width: auto;

    display: block;

    margin-right: auto;

    margin-left: auto

}



.certificate img {

    display: block;

    margin: 0 auto

}



.testimonial {

    padding-top: 90px;

    padding-bottom: 85px

}



@media screen and (max-width:767.98px) {

    .testimonial {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



@media screen and (max-width:767.98px) {

    .testimonial .testimonial-panel {

        max-width: 370px;

        margin-right: auto;

        margin-left: auto

    }

}



.testimonial .testimonial-panel .testimonial-body {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



@media screen and (max-width:991.98px) {

    .testimonial .testimonial-panel .testimonial-body {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }

}



.testimonial .testimonial-panel .testimonial-body .testimonial-img {

    margin-right: 40px;

    width: 63px;

    height: 63px;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding: 5px;

    border: 2px solid var(--global--color-primary);

    border-radius: 50%;

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.testimonial .testimonial-panel .testimonial-body .testimonial-img img {

    max-width: 100%;

    border-radius: 50%

}



@media(min-width:992px) and (max-width:1200px) {

    .testimonial .testimonial-panel .testimonial-body .testimonial-img {

        margin-right: 25px

    }

}



@media screen and (max-width:991.98px) {

    .testimonial .testimonial-panel .testimonial-body .testimonial-img {

        margin-bottom: 30px;

        margin-right: 0

    }

}



@media screen and (max-width:991.98px) {

    .testimonial .testimonial-panel .testimonial-body .testimonial-content {

        text-align: center

    }

}



.testimonial .testimonial-panel .testimonial-body .testimonial-content p {

    font-family: var(--global--font-heading);

    color: var(--global--color-white);

    font-size: 24px;

    font-weight: 500;

    line-height: 39px;

    margin-bottom: 21px;

    font-style: italic

}



@media(min-width:992px) and (max-width:1200px) {

    .testimonial .testimonial-panel .testimonial-body .testimonial-content p {

        font-size: 22px;

        line-height: 1.5

    }

}



.testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media screen and (max-width:991.98px) {

    .testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta h6 {

    font-family: var(--global--font-body);

    font-size: 14px;

    line-height: 28px;

    font-weight: 700;

    color: var(--global--color-white);

    text-transform: capitalize;

    margin-bottom: 0

}



.testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta h6:after {

    content: ',';

    margin-right: 4px

}



.testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta p {

    font-family: var(--global--font-body);

    color: var(--global--color-gray);

    font-size: 14px;

    font-weight: 400;

    line-height: 23px;

    text-transform: capitalize;

    margin-bottom: 0

}



.testimonial .testimonial-panel.testimonial-panel-2 .testimonial-body .testimonial-content p {

    font-weight: 600;

    font-size: 25px;

    line-height: 41px;

    margin-bottom: 39px;

    font-style: normal;

    color: var(--global--color-secondary)

}



@media(min-width:992px) and (max-width:1200px) {

    .testimonial .testimonial-panel.testimonial-panel-2 .testimonial-body .testimonial-content p {

        font-size: 20px;

        line-height: 35px

    }

}



@media screen and (max-width:767.98px) {

    .testimonial .testimonial-panel.testimonial-panel-2 .testimonial-body .testimonial-content p {

        font-size: 20px;

        line-height: 35px

    }

}



.testimonial .testimonial-thumbs {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media screen and (max-width:991.98px) {

    .testimonial .testimonial-thumbs {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



@media screen and (max-width:767.98px) {

    .testimonial .testimonial-thumbs {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

}



.testimonial .testimonial-thumbs .testimonial-thumb {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    opacity: .5;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    margin-right: 40px;

    cursor: pointer

}



.testimonial .testimonial-thumbs .testimonial-thumb:last-child {

    margin-right: 0

}



@media screen and (max-width:991.98px) {

    .testimonial .testimonial-thumbs .testimonial-thumb {

        margin-right: 20px

    }

}



@media screen and (max-width:767.98px) {

    .testimonial .testimonial-thumbs .testimonial-thumb {

        margin-right: 0;

        margin-bottom: 20px

    }

}



.testimonial .testimonial-thumbs .testimonial-thumb.active {

    opacity: 1

}



.testimonial .testimonial-thumbs .testimonial-thumb.active .thumb-img {

    border-color: var(--global--color-primary)

}



.testimonial .testimonial-thumbs .testimonial-thumb .thumb-img {

    margin-right: 15px;

    width: 63px;

    height: 63px;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding: 5px;

    border: 2px solid transparent;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    border-radius: 50%;

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.testimonial .testimonial-thumbs .testimonial-thumb .thumb-img img {

    max-width: 100%;

    border-radius: 50%

}



.testimonial .testimonial-thumbs .testimonial-thumb .thumb-body h6 {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 14px;

    line-height: 20px;

    color: var(--global--color-secondary);

    text-transform: capitalize;

    margin-bottom: 0

}



.testimonial .testimonial-thumbs .testimonial-thumb .thumb-body p {

    text-transform: capitalize;

    font-size: 14px;

    line-height: 23px;

    color: var(--global--color-body)

}



.testimonial.testimonial-1 .owl-stage-outer {

    overflow: hidden

}



@media screen and (min-width:992px) {

    .testimonial.testimonial-1 .owl-stage-outer::before {

        content: '';

        height: 100%;

        width: 40%;

        top: 0;

        right: 0;

        position: absolute;

        background-image: -webkit-gradient(linear, left top, right top, color-stop(2%, #00000000), color-stop(22%, var(--global--color-heading)));

        background-image: -o-linear-gradient(left, #00000000 2%, var(--global--color-heading) 22%);

        background-image: linear-gradient(90deg, #00000000 2%, var(--global--color-heading) 22%);

        opacity: .96;

        z-index: 5

    }

}



.testimonial.testimonial-1 .carousel-dots {

    position: relative

}



@media screen and (max-width:991.98px) {

    .testimonial.testimonial-1 .carousel-dots .owl-nav {

        display: none

    }

}



.testimonial.testimonial-1 .carousel-dots .owl-nav span {

    font-size: 0

}



.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next:before, .testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev:before {

    color: rgba(255, 255, 255, .5);

    font-family: carousel !important;

    font-size: 44px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev:before {

    content: "\e990"

}



.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next:before {

    content: "\e991"

}



.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next, .testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next:hover::before, .testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev:hover::before {

    color: #fff

}



.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next {

    right: 30px

}



.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev {

    display: none

}



.testimonial.testimonial-1 .carousel-dots .owl-item {

    opacity: 1

}



.testimonial.testimonial-1 .carousel-dots .owl-dots {

    margin-top: 16px

}



.testimonial.testimonial-2 {

    padding-bottom: 0

}



@media screen and (max-width:991.98px) {

    .testimonial.testimonial-2 {

        padding-top: 190px

    }

}



.testimonial.testimonial-3 {

    padding-top: 460px;

    padding-bottom: 110px;

    background-position: top center

}



@media screen and (max-width:991.98px) {

    .testimonial.testimonial-3 {

        padding-bottom: 70px

    }

}



@media screen and (max-width:991.98px) {

    .testimonial.testimonial-3 .counters-holder {

        margin-bottom: 30px;

        text-align: center

    }

}



@media screen and (min-width:992px) {

    .testimonial.testimonial-3 .counters-holder .counter {

        padding-top: 30px

    }

}



.testimonial.testimonial-3 .counters-holder .counter .counter-desc p {

    color: var(--global--color-secondary)

}



.testimonial.testimonial-3 .counters-holder .counter .counter-desc p::after {

    background-color: var(--global--color-secondary)

}



.testimonial.testimonial-3 .owl-stage-outer {

    overflow: hidden

}



.testimonial.testimonial-3 .owl-stage-outer .owl-item {

    opacity: 1

}



.testimonial.testimonial-4 {

    position: relative;

    padding-top: 80px;

    padding-bottom: 110px

}



@media screen and (max-width:991.98px) {

    .testimonial.testimonial-4 {

        padding-top: 40px;

        padding-bottom: 70px

    }

}



.testimonial.testimonial-4 .testimonial-overlay {

    background-color: #f6f7f8;

    background-position: top center;

    position: absolute;

    top: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    height: 100%;

    width: calc(100% - 7%);

    border-radius: 12px;

    z-index: 0

}



@media screen and (max-width:991.98px) {

    .testimonial.testimonial-4 .testimonial-overlay {

        width: calc(100% - 4%)

    }

}



.testimonial.testimonial-4 .counters-holder {

    position: relative;

    z-index: 1

}



@media screen and (max-width:991.98px) {

    .testimonial.testimonial-4 .counters-holder {

        margin-bottom: 30px;

        text-align: center

    }

}



@media screen and (min-width:992px) {

    .testimonial.testimonial-4 .counters-holder .counter {

        padding-top: 30px

    }

}



.testimonial.testimonial-4 .counters-holder .counter .counter-desc p {

    color: var(--global--color-secondary)

}



.testimonial.testimonial-4 .counters-holder .counter .counter-desc p::after {

    background-color: var(--global--color-secondary)

}



.testimonial.testimonial-4 .owl-stage-outer {

    overflow: hidden

}



.testimonial.testimonial-4 .owl-stage-outer .owl-item {

    opacity: 1

}



.testimonial.testimonial-4 .testimonial-thumbs {

    position: relative;

    z-index: 1

}



.testimonial.testimonial-5 {

    padding-top: 0;

    padding-bottom: 100px;

    background-position: top center;

    overflow: visible

}



@media screen and (max-width:991.98px) {

    .testimonial.testimonial-5 {

        padding-bottom: 70px

    }

}



.testimonial.testimonial-5 .contact-panel {

    -webkit-transform: translateY(-60px);

    -ms-transform: translateY(-60px);

    transform: translateY(-60px);

    margin-top: -60px;

    margin-bottom: 30px

}



.testimonial.testimonial-5 .contact-panel .contact-card .contact-body .btn {

    width: 270px

}



.testimonial.testimonial-5 .contact-panel .contact-card .contact-body .form-control {

    margin-bottom: 30px

}



.testimonial.testimonial-5 .contact-panel .contact-card .contact-body textarea {

    height: 127px;

    padding-top: 20px

}



@media screen and (max-width:991.98px) {

    .testimonial.testimonial-5 .counters-holder {

        margin-bottom: 30px;

        text-align: center

    }

}



@media screen and (min-width:992px) {

    .testimonial.testimonial-5 .counters-holder .counter {

        padding-top: 30px

    }

}



.testimonial.testimonial-5 .counters-holder .counter .counter-desc p {

    color: var(--global--color-secondary)

}



.testimonial.testimonial-5 .counters-holder .counter .counter-desc p::after {

    background-color: var(--global--color-secondary)

}



.testimonial.testimonial-5 .owl-stage-outer {

    overflow: hidden

}



.testimonial.testimonial-5 .owl-stage-outer .owl-item {

    opacity: 1

}



.video {

    position: relative;

    border-radius: 12px;

    height: 375px;

    -webkit-transform: translateY(100px);

    -ms-transform: translateY(100px);

    transform: translateY(100px);

    margin-top: -100px

}



.video.video-1 {

    position: relative;

    margin-bottom: 0

}



.video.video-1 .btn-video {

    position: absolute;

    bottom: 30px;

    left: 30px;

    background-color: transparent;

    height: auto;

    padding: 0

}



.video.video-2 {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    margin-top: 0

}



.video.video-2 .btn-video {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.video.video-3 {

    height: 525px;

    border-radius: 8px;

    margin-top: 0;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0)

}



.video.video-3 .btn-video {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.mfp-bg {

    z-index: 1543

}



.mfp-wrap {

    z-index: 1642

}



@-webkit-keyframes pulse {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }



    100% {

        -webkit-transform: scale(1.4);

        transform: scale(1.4);

        opacity: 0

    }

}



@keyframes pulse {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }



    100% {

        -webkit-transform: scale(1.4);

        transform: scale(1.4);

        opacity: 0

    }

}



.cta {

    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);

    border-radius: 12px;

    overflow: hidden;

    background-color: var(--global--color-white);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



@media screen and (min-width:992px) {

    .cta {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row;

        flex-direction: row;

        height: 250px

    }

}



@media screen and (min-width:1200px) {

    .cta {

        height: 200px

    }

}



.cta .cta-img {

    position: relative

}



@media screen and (min-width:992px) {

    .cta .cta-img {

        -ms-flex-preferred-size: 38%;

        flex-basis: 38%;

        -ms-flex-negative: 0;

        flex-shrink: 0

    }

}



.cta .cta-img img {

    max-width: 100%

}



.cta .cta-img .cta-icon {

    border: 9px solid var(--global--color-white);

    border-radius: 50%;

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    -webkit-transform: translate(-50%, 50%);

    -ms-transform: translate(-50%, 50%);

    transform: translate(-50%, 50%)

}



@media screen and (min-width:992px) {

    .cta .cta-img .cta-icon {

        top: 50%;

        left: auto;

        bottom: auto;

        -webkit-transform: translate(50%, -50%);

        -ms-transform: translate(50%, -50%);

        transform: translate(50%, -50%);

        right: 0

    }

}



.cta .cta-img .cta-icon:hover i {

    background-color: var(--global--color-heading)

}



.cta .cta-img .cta-icon i {

    border-radius: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 80px;

    height: 80px;

    background-color: var(--global--color-primary);

    color: var(--global--color-white);

    font-size: 30px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



@media screen and (max-width:767.98px) {

    .cta .cta-img .cta-icon i {

        width: 50px;

        height: 50px;

        font-size: 25px

    }

}



.cta .cta-body {

    padding: 38px 50px 35px 80px

}



@media screen and (max-width:991.98px) {

    .cta .cta-body {

        padding-top: 70px;

        padding-left: 50px

    }

}



@media screen and (max-width:767.98px) {

    .cta .cta-body {

        padding-top: 50px;

        padding-left: 30px;

        padding-right: 30px

    }

}



.cta .cta-body h5 {

    font-size: 23px;

    margin-bottom: 20px;

    line-height: 1;

    text-transform: capitalize

}



@media screen and (max-width:991.98px) {

    .cta .cta-body h5 {

        text-align: center;

        line-height: 1.4

    }

}



.cta .cta-body .cta-content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



@media screen and (min-width:768px) {

    .cta .cta-body .cta-content {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row;

        flex-direction: row

    }

}



.cta .cta-body .cta-content p {

    font-size: 15px;

    line-height: 25px

}



@media screen and (max-width:767.98px) {

    .cta .cta-body .cta-content p {

        text-align: center;

        margin-bottom: 20px

    }

}



.cta .cta-body .cta-content .btn {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 185px;

    height: 55px;

    padding: 0 27px;

    border-color: rgba(37, 55, 69, .5);

    color: var(--global--color-heading);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    margin-left: 0

}



.cta .cta-body .cta-content .btn i {

    color: var(--global--color-heading);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.cta .cta-body .cta-content .btn::before {

    background-color: var(--global--color-heading)

}



.cta .cta-body .cta-content .btn:hover {

    border-color: var(--global--color-heading);

    color: var(--global--color-white)

}



.cta .cta-body .cta-content .btn:hover i {

    color: var(--global--color-white)

}



@media screen and (min-width:768px) {

    .cta .cta-body .cta-content .btn {

        margin-left: 30px

    }

}



@media screen and (min-width:992px) {

    .cta .cta-body .cta-content .btn {

        margin-left: 50px

    }

}



.cta-holder {

    overflow: visible;

    padding-bottom: 70px;

    background-position: bottom center

}



@media screen and (min-width:992px) {

    .cta-holder {

        -webkit-transform: translateY(-160px);

        -ms-transform: translateY(-160px);

        transform: translateY(-160px);

        margin-bottom: -160px;

        padding-bottom: 100px;

        background-position-y: -200px

    }

}



@media screen and (min-width:1200px) {

    .cta-holder {

        background-position-y: -400px;

        -webkit-transform: translateY(-180px);

        -ms-transform: translateY(-180px);

        transform: translateY(-180px);

        margin-bottom: -180px

    }

}



.cta-holder .cta {

    margin-bottom: 33px

}



.cta-holder .more-actions {

    text-align: center

}



.cta-holder .more-actions p {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 15px;

    color: var(--global--color-body)

}



.cta-holder .more-actions p a {

    position: relative;

    font-weight: 700;

    color: var(--global--color-heading);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    text-transform: capitalize;

    padding-bottom: 6px

}



.cta-holder .more-actions p a:hover::before {

    width: calc(100% - 20%)

}



.cta-holder .more-actions p a::before {

    content: '';

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 100%;

    height: 2px;

    background-color: var(--global--color-primary)

}



.page-404 h3 {

    font-size: 280px;

    font-weight: 600;

    line-height: 1.1;

    margin-bottom: 0

}



.page-404 p {

    color: #a5a5a5;

    font-size: 15px;

    font-weight: 400;

    line-height: 23px;

    margin-bottom: 20px

}



@media only screen and (max-width:767px) {

    .page-404 h3 {

        font-size: 150px

    }



    .page-404 .btn {

        width: 125px

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .page-404 h3 {

        font-size: 180px

    }

}



.services {

    padding-top: 210px;

    padding-bottom: 100px;

    background-color: #f6f7f8

}



@media screen and (max-width:991.98px) {

    .services {

        padding-top: 150px;

        padding-bottom: 70px

    }

}



.services .service-panel {

    position: relative;

    padding: 66px 40px 40px;

    cursor: pointer;

    margin-bottom: 30px;

    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);

    border-radius: 8px;

    background-color: var(--global--color-white)

}



@media screen and (min-width:992px) {

    .services .service-panel {

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .services .service-panel {

        padding-left: 20px;

        padding-right: 20px

    }

}



@media screen and (max-width:991.98px) {

    .services .service-panel {

        margin: 0 auto 30px;

        max-width: 370px

    }

}



@media screen and (max-width:767.98px) {

    .services .service-panel {

        padding-left: 25px;

        padding-right: 25px

    }

}



.services .service-panel::after {

    content: '';

    position: absolute;

    bottom: 0;

    right: 0;

    height: 4px;

    width: calc(100% - 40px);

    background-color: var(--global--color-primary);

    border-radius: 0 0 8px 0;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



@media(min-width:992px) and (max-width:1200px) {

    .services .service-panel::after {

        width: calc(100% - 20px)

    }

}



@media screen and (max-width:767.98px) {

    .services .service-panel::after {

        width: calc(100% - 20px)

    }

}



.services .service-panel:hover:after {

    height: 10px

}



.services .service-panel:hover .service-icon i {

    -webkit-transform: rotateY(360deg);

    transform: rotateY(360deg)

}



.services .service-panel:hover .service-content .btn::before {

    -webkit-transform: scaleX(1);

    -ms-transform: scaleX(1);

    transform: scaleX(1);

    -webkit-transform-origin: left center;

    -ms-transform-origin: left center;

    transform-origin: left center

}



.services .service-panel .service-icon {

    position: absolute;

    top: -40px;

    left: 40px;

    z-index: 2;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-perspective: 1300px;

    perspective: 1300px

}



@media(min-width:992px) and (max-width:1200px) {

    .services .service-panel .service-icon {

        left: 25px

    }

}



@media screen and (max-width:767.98px) {

    .services .service-panel .service-icon {

        left: 25px

    }

}



.services .service-panel .service-icon i {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.services .service-panel .service-icon i::before {

    margin-left: 0;

    font-size: 75px;

    color: var(--global--color-primary);

    -webkit-transition: 300ms ease-in-out;

    -o-transition: 300ms ease-in-out;

    transition: 300ms ease-in-out

}



.services .service-panel .service-content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media screen and (min-width:768px) {

    .services .service-panel .service-content {

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start

    }

}



.services .service-panel .service-content h4 {

    width: 100%;

    margin-bottom: 0

}



.services .service-panel .service-content h4 a {

    display: block;

    font-family: var(--global--font-heading);

    font-weight: 700;

    font-size: 23px;

    line-height: 29px;

    text-transform: capitalize;

    padding-bottom: 36px;

    margin-bottom: 35px;

    border-bottom: 2px solid #eaeaea;

    color: var(--global--color-heading);

    width: 100%;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.services .service-panel .service-content h4 a:hover {

    color: var(--global--color-primary)

}



.services .service-panel .service-content p {

    font-family: var(--global--font-body);

    font-size: 15px;

    line-height: 25px;

    margin-bottom: 24px;

    color: var(--global--color-body)

}



.services .service-panel .service-content .advantages-list {

    text-align: left;

    margin: 0;

    padding: 0;

    list-style: none;

    margin-bottom: 32px

}



.services .service-panel .service-content .advantages-list li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 15px;

    line-height: 36px;

    color: var(--global--color-body);

    text-transform: capitalize

}



@media(min-width:992px) and (max-width:1200px) {

    .services .service-panel .service-content .advantages-list li {

        font-size: 14px

    }

}



.services .service-panel .service-content .advantages-list li::before {

    content: '\f00c';

    font-family: "font awesome 5 free";

    font-weight: 700;

    width: 20px;

    height: 20px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: var(--global--color-secondary);

    color: var(--global--color-white);

    margin-right: 18px;

    border-radius: 50%;

    font-size: 10px

}



@media(min-width:992px) and (max-width:1200px) {

    .services .service-panel .service-content .advantages-list li::before {

        margin-right: 8px

    }

}



.services .service-panel .service-content .btn {

    position: relative;

    text-transform: capitalize;

    -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    width: 165px;

    height: 55px

}



.services .service-panel .service-content .btn i {

    -webkit-transition: all 300ms ease-in-out;

    -o-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    color: var(--global--color-white);

    font-size: 12px

}



.services .service-panel.services-panel-2 {

    padding-top: 50px;

    padding-bottom: 50px;

    margin-bottom: 37px

}



.services .service-panel.services-panel-2 .service-icon {

    position: relative;

    top: auto;

    left: auto;

    margin-bottom: 32px

}



.services .service-panel.services-panel-2 .service-content h4 a {

    padding-bottom: 0;

    border-bottom: 0;

    margin-bottom: 29px

}



.services .service-panel.services-panel-2 .service-content p {

    margin-bottom: 31px

}



.services .service-panel.services-panel-2 .service-content .advantages-list {

    display: none

}



.services .service-panel.services-panel-3 {

    padding: 0;

    margin-bottom: 40px

}



.services .service-panel.services-panel-3:hover::after {

    height: 4px;

    width: calc(100% - 80px)

}



@media(min-width:992px) and (max-width:1200px) {

    .services .service-panel.services-panel-3:hover::after {

        width: calc(100% - 50px)

    }

}



@media screen and (max-width:767.98px) {

    .services .service-panel.services-panel-3:hover::after {

        width: calc(100% - 60px)

    }

}



.services .service-panel.services-panel-3::after {

    right: auto;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 0;

    border-radius: 0

}



.services .service-panel.services-panel-3 .service-img {

    border-radius: 8px;

    overflow: hidden

}



.services .service-panel.services-panel-3 .service-content {

    padding: 33px 40px 40px

}



@media screen and (max-width:991.98px) {

    .services .service-panel.services-panel-3 .service-content {

        text-align: center

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .services .service-panel.services-panel-3 .service-content {

        padding-left: 25px;

        padding-right: 25px

    }

}



@media screen and (max-width:767.98px) {

    .services .service-panel.services-panel-3 .service-content {

        padding-left: 30px;

        padding-right: 30px

    }

}



.services .service-panel.services-panel-3 .service-content h4 a {

    padding-bottom: 0;

    border-bottom: 0;

    margin-bottom: 19px

}



.services .service-panel.services-panel-3 .service-content p {

    margin-bottom: 21px

}



@media screen and (max-width:991.98px) {

    .services .service-panel.services-panel-3 .service-content .btn {

        margin: 0 auto

    }

}



.services .actions-holder {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding-top: 8px

}



@media screen and (max-width:991.98px) {

    .services .actions-holder {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



@media screen and (max-width:767.98px) {

    .services .actions-holder {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

}



.services .actions-holder .btn {

    margin-right: 30px

}



.services .actions-holder .btn:first-child {

    width: 170px;

    -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)

}



.services .actions-holder .btn:last-child {

    width: 182px;

    margin-right: 0;

    padding: 0 27px;

    border-color: rgba(37, 55, 69, .5);

    color: var(--global--color-heading);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.services .actions-holder .btn:last-child::before {

    background-color: var(--global--color-heading)

}



.services .actions-holder .btn:last-child:hover {

    border-color: var(--global--color-heading);

    color: var(--global--color-white)

}



@media screen and (max-width:767.98px) {

    .services .actions-holder .btn {

        margin-right: 0;

        margin-bottom: 20px

    }

}



.services .more-services {

    text-align: center

}



.services .more-services p {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 15px;

    color: var(--global--color-body)

}



.services .more-services p a {

    position: relative;

    font-weight: 700;

    color: var(--global--color-heading);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    text-transform: capitalize;

    padding-bottom: 6px

}



.services .more-services p a:hover::before {

    width: calc(100% - 20%)

}



.services .more-services p a::before {

    content: '';

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 100%;

    height: 2px;

    background-color: var(--global--color-primary)

}



.services .more-services .rating i {

    color: var(--global--color-primary);

    margin-right: 5px

}



.services .more-services .rating i:last-child {

    margin-right: 0

}



.services .more-services.more-services-2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    text-align: left

}



@media screen and (max-width:991.98px) {

    .services .more-services.more-services-2 {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        text-align: center

    }

}



.services .more-services.more-services-2 .rating {

    margin-top: 4px;

    margin-right: 40px;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



@media screen and (max-width:991.98px) {

    .services .more-services.more-services-2 .rating {

        margin-right: 0;

        margin-bottom: 10px

    }

}



.services .more-services.more-services-2 a {

    color: var(--global--color-primary)

}



.services .more-services.more-services-2 a::before {

    background-color: var(--global--color-heading)

}



.services .more-services.more-services-2 p {

    font-weight: 400

}



.services.services-2 {

    padding-top: 114px;

    padding-bottom: 65px

}



@media screen and (max-width:991.98px) {

    .services.services-2 {

        padding-top: 60px;

        padding-bottom: 70px

    }

}



.services.services-2 .owl-dots {

    margin-bottom: 62px

}



.services.services-3 {

    padding-top: 130px;

    padding-bottom: 110px;

    background-position: top center

}



@media screen and (max-width:991.98px) {

    .services.services-3 {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.services.services-4 {

    padding-top: 130px;

    padding-bottom: 40px

}



@media screen and (max-width:991.98px) {

    .services.services-4 {

        padding-top: 70px;

        padding-bottom: 0

    }

}



.services.services-4 .service-panel {

    margin-bottom: 90px

}



.service-single {

    padding-top: 110px;

    padding-bottom: 60px

}



@media screen and (max-width:991.98px) {

    .service-single {

        padding-top: 70px;

        padding-bottom: 20px

    }

}



.service-single .sidebar {

    margin-left: 0;

    margin-right: auto

}



.service-single .service-entry .entry-content .entry-infos {

    margin-bottom: 66px

}



@media screen and (max-width:991.98px) {

    .service-single .service-entry .entry-content .entry-infos {

        text-align: center

    }

}



.service-single .service-entry .entry-content .entry-infos .entry-heading {

    font-size: 24px;

    line-height: 1;

    font-weight: 700;

    margin-bottom: 21px;

    color: var(--global--color-secondary);

    text-transform: capitalize

}



.service-single .service-entry .entry-content .entry-infos .entry-desc {

    font-size: 16px;

    line-height: 26px;

    margin-bottom: 28px

}



.service-single .service-entry .entry-content .entry-infos .entry-desc:last-child {

    margin-bottom: 0

}



.service-single .service-entry .entry-content .entry-introduction .entry-heading {

    margin-bottom: 17px;

    -webkit-transform: translateY(-4px);

    -ms-transform: translateY(-4px);

    transform: translateY(-4px)

}



.service-single .service-entry .entry-content .entry-introduction .entry-desc:nth-child(3) {

    margin-bottom: 32px

}



.service-single .service-entry .entry-content .entry-introduction img {

    max-width: 100%;

    border-radius: 8px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



@media screen and (max-width:767.98px) {

    .service-single .service-entry .entry-content .entry-introduction img {

        margin-bottom: 30px

    }

}



.service-single .service-entry .entry-content .entry-introduction img:hover {

    -webkit-transform: translateY(-5px);

    -ms-transform: translateY(-5px);

    transform: translateY(-5px)

}



.service-single .service-entry .entry-content .entry-stats {

    margin-bottom: 57px

}



.service-single .service-entry .entry-content .entry-stats img {

    max-width: 100%;

    margin: 0 auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



@media screen and (max-width:991.98px) {

    .service-single .service-entry .entry-content .entry-stats img {

        margin-top: 30px

    }

}



.service-single .service-entry .entry-content .entry-processes {

    margin-bottom: 66px;

    background-color: #e0f6e9;

    border-radius: 12px;

    padding: 45px 40px 40px

}



@media screen and (max-width:767.98px) {

    .service-single .service-entry .entry-content .entry-processes {

        padding: 60px 25px 40px

    }

}



.service-single .service-entry .entry-content .entry-processes .entry-body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start

}



@media screen and (max-width:767.98px) {

    .service-single .service-entry .entry-content .entry-processes .entry-body {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }

}



.service-single .service-entry .entry-content .entry-processes .entry-body .process-icon {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 170px;

    height: 170px;

    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;

    border-radius: 50%

}



@media screen and (max-width:767.98px) {

    .service-single .service-entry .entry-content .entry-processes .entry-body .process-icon {

        width: 150px;

        height: 150px;

        margin-bottom: 20px

    }

}



@media screen and (min-width:768px) {

    .service-single .service-entry .entry-content .entry-processes .entry-body .process-icon {

        margin-right: 40px;

        margin-top: 15px

    }

}



.service-single .service-entry .entry-content .entry-processes .entry-body .process-icon:hover i {

    -webkit-transform: scale(.9);

    -ms-transform: scale(.9);

    transform: scale(.9)

}



.service-single .service-entry .entry-content .entry-processes .entry-body .process-icon i {

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    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;

    width: 110px;

    height: 110px;

    background-color: var(--global--color-primary);

    color: var(--global--color-white);

    border-radius: 50%

}



@media screen and (max-width:767.98px) {

    .service-single .service-entry .entry-content .entry-processes .entry-body .process-icon i {

        width: 90px;

        height: 90px

    }

}



.service-single .service-entry .entry-content .entry-processes .entry-body .process-icon i::before {

    font-size: 50px

}



.service-single .service-entry .entry-content .entry-processes .images-holder {

    overflow: hidden;

    border-radius: 8px

}



.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-stage-outer {

    overflow: hidden

}



.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-stage-outer .owl-item {

    opacity: 1

}



.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



@media screen and (max-width:767.98px) {

    .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav {

        display: none

    }

}



.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev, .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 110px;

    height: 110px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev::before, .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next::before {

    color: var(--global--color-white);

    content: '\e906';

    font-family: energia;

    font-size: 20px

}



.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev {

    left: 0;

    border-radius: 0 8px 8px 0;

    background-color: var(--global--color-primary)

}



.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev:hover {

    background-color: var(--global--color-heading)

}



.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev:before {

    -webkit-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    transform: rotate(270deg)

}



.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next {

    right: 0;

    border-radius: 8px 0 0 8px;

    background-color: var(--global--color-heading)

}



.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next:hover {

    background-color: var(--global--color-primary)

}



.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next:before {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg)

}



.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-dots {

    position: absolute;

    width: 100%;

    bottom: -100px

}



.service-single .service-entry .entry-content .entry-video .heading-desc {

    margin-bottom: 35px

}



.service-single .service-entry .entry-content .entry-topics {

    padding-top: 40px

}



.service-single .service-entry .entry-content .entry-topics .entry-topic {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    margin-bottom: 16px

}



.service-single .service-entry .entry-content .entry-topics .entry-topic:last-of-type {

    margin-bottom: 7px

}



@media screen and (min-width:992px) {

    .service-single .service-entry .entry-content .entry-topics .entry-topic {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row;

        flex-direction: row

    }

}



@media screen and (min-width:992px) {

    .service-single .service-entry .entry-content .entry-topics .entry-topic h5 {

        -ms-flex-preferred-size: 25%;

        flex-basis: 25%;

        margin-right: 5%

    }

}



@media screen and (min-width:992px) {

    .service-single .service-entry .entry-content .entry-topics .entry-topic p {

        -ms-flex-preferred-size: 70%;

        flex-basis: 70%;

        -webkit-transform: translateY(-4px);

        -ms-transform: translateY(-4px);

        transform: translateY(-4px)

    }

}



.service-single .service-entry .entry-content .entry-why {

    margin-bottom: 36px

}



.service-single .service-entry .entry-content .entry-why .entry-desc {

    margin-bottom: 32px

}



.service-single .service-entry .entry-content .entry-benefits {

    margin-bottom: 36px

}



.service-single .service-entry .entry-content .entry-benefits .entry-heading {

    margin-bottom: 37px

}



.service-single .service-entry .entry-content .projects {

    margin-bottom: 0

}



.service-single .service-entry .entry-content .projects .entry-heading {

    margin-bottom: 37px

}



.company-data {

    padding-top: 45px;

    padding-bottom: 45px;

    border-bottom: 1px solid #eaeaea;

    overflow: visible

}



.company-data .data {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media screen and (max-width:767.98px) {

    .company-data .data {

        margin-bottom: 15px

    }

}



.company-data .data .data-icon {

    margin-right: 20px

}



@media(min-width:992px) and (max-width:1200px) {

    .company-data .data .data-icon {

        margin-right: 10px

    }

}



.company-data .data .data-icon i::before {

    margin-left: 0;

    color: var(--global--color-primary);

    font-size: 50px

}



@media(min-width:992px) and (max-width:1200px) {

    .company-data .data .data-icon i::before {

        font-size: 35px

    }

}



.company-data .data .data-body h6 {

    font-family: var(--global--font-heading);

    font-weight: 700;

    font-size: 18px;

    line-height: 24px;

    color: #282828;

    text-transform: capitalize;

    margin-bottom: 7px

}



.company-data .data .data-body p, .company-data .data .data-body a {

    color: var(--global--color-body);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    font-family: var(--global--font-body);

    font-weight: 400;

    font-size: 14px;

    line-height: 24px;

    text-transform: capitalize

}



.company-data .data .data-body a:hover {

    color: var(--global--color-primary)

}



.company-data .panels-container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 40px;

    border-radius: 8px;

    overflow: hidden

}



@media screen and (min-width:992px) {

    .company-data .panels-container {

        margin-top: 0;

        -webkit-box-pack: end;

        -ms-flex-pack: end;

        justify-content: flex-end;

        margin-bottom: -126px;

        -webkit-transform: translateY(-126px);

        -ms-transform: translateY(-126px);

        transform: translateY(-126px);

        position: relative;

        z-index: 1000

    }

}



@media screen and (max-width:991.98px) {

    .company-data .panels-container {

        max-width: 370px;

        margin-left: auto;

        margin-right: auto

    }

}



.company-data .panels-container .panel-action {

    background-color: var(--global--color-primary);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    padding: 37px 30px 39px 45px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    cursor: pointer

}



@media(min-width:992px) and (max-width:1200px) {

    .company-data .panels-container .panel-action {

        padding-left: 20px;

        padding-right: 20px

    }

}



@media screen and (max-width:991.98px) {

    .company-data .panels-container .panel-action {

        padding-left: 25px;

        padding-right: 25px

    }

}



@media screen and (max-width:767.98px) {

    .company-data .panels-container .panel-action {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        text-align: center

    }

}



.company-data .panels-container .panel-action .panel-icon {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    margin-bottom: 20px

}



@media screen and (min-width:768px) {

    .company-data .panels-container .panel-action .panel-icon {

        margin-right: 30px;

        margin-bottom: 0

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .company-data .panels-container .panel-action .panel-icon {

        margin-right: 20px

    }

}



.company-data .panels-container .panel-action .panel-icon i::before {

    color: var(--global--color-white);

    font-size: 65px;

    margin-left: 0

}



@media(min-width:992px) and (max-width:1200px) {

    .company-data .panels-container .panel-action .panel-icon i::before {

        font-size: 50px

    }

}



.company-data .panels-container .panel-action .panel-content .panel-heading {

    font-family: var(--global--font-heading);

    font-weight: 700;

    font-size: 20px;

    line-height: 30px;

    margin-bottom: 16px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    color: var(--global--color-white)

}



@media(min-width:992px) and (max-width:1200px) {

    .company-data .panels-container .panel-action .panel-content .panel-heading {

        font-size: 18px

    }

}



.company-data .panels-container .panel-action .panel-content .panel-desc {

    font-size: 15px;

    line-height: 24px;

    color: var(--global--color-gray)

}



.counters {

    padding-top: 130px;

    padding-bottom: 90px;

    position: relative

}



@media screen and (max-width:991.98px) {

    .counters {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.counters .actions-holder {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media screen and (max-width:991.98px) {

    .counters .actions-holder {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



@media screen and (max-width:767.98px) {

    .counters .actions-holder {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

}



.counters .actions-holder .btn {

    margin-right: 30px

}



.counters .actions-holder .btn:last-child {

    width: 235px;

    margin-right: 0

}



@media screen and (max-width:767.98px) {

    .counters .actions-holder .btn {

        margin-right: 0;

        margin-bottom: 20px

    }

}



.counters-bar {

    border-radius: 8px;

    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);

    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);

    background-color: var(--global--color-white);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding-top: 32px;

    padding-bottom: 26px

}



@media screen and (max-width:991.98px) {

    .counters-bar {

        padding-left: 25px;

        padding-right: 25px;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-pack: space-evenly;

        -ms-flex-pack: space-evenly;

        justify-content: space-evenly

    }

}



.counter {

    background-color: var(--global--color-primary);

    color: var(--global--color-white);

    border-radius: 8px;

    padding: 24px 40px 30px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start

}



.counter .counter-icon {

    margin-bottom: 18px

}



.counter .counter-icon i::before {

    font-size: 65px;

    margin-left: 0

}



.counter .counter-num {

    margin-bottom: 12px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.counter .counter-num span, .counter .counter-num p {

    font-size: 37px;

    font-family: var(--global--font-heading);

    font-weight: 700;

    line-height: 29px;

    display: inline-block;

    color: var(--global--color-white)

}



.counter .counter-num p {

    margin-bottom: 0

}



.counter .counter-name h6 {

    margin-bottom: 0;

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 16px;

    line-height: 29px;

    color: var(--global--color-white);

    text-transform: capitalize

}



.counter.counter-2 {

    background-color: transparent;

    border-radius: 0;

    padding: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: relative;

    margin-bottom: 40px

}



@media screen and (max-width:991.98px) {

    .counter.counter-2 {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        text-align: center;

        max-width: 370px;

        margin: 0 auto 30px

    }

}



.counter.counter-2::before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 170px;

    height: 2px;

    background-color: #4c5b66

}



@media screen and (max-width:991.98px) {

    .counter.counter-2::before {

        left: 50%;

        -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

        transform: translateX(-50%)

    }

}



.counter.counter-2:last-child {

    margin-bottom: 0

}



.counter.counter-2:last-child::before {

    content: unset

}



.counter.counter-2:last-child .counter-desc p {

    margin-bottom: 0

}



.counter.counter-2 .counter-num {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

    margin-bottom: 17px

}



.counter.counter-2 .counter-num .counting {

    font-family: var(--global--font-body);

    font-weight: 500;

    font-size: 37px;

    color: var(--global--color-primary);

    line-height: 29px;

    margin-right: 10px

}



.counter.counter-2 .counter-num h6 {

    text-transform: capitalize;

    font-size: 18px;

    font-weight: 700;

    /* font-style: italic; */

    line-height: 29px;

    color: var(--global--color-white);

    margin-bottom: 0

}



.counter.counter-2 .counter-desc p {

    margin-bottom: 34px;

    font-size: 15px;

    line-height: 25px;

    color: var(--global--color-gray)

}



.counter.counter-3 {

    background-color: transparent;

    border-radius: 0;

    padding: 0

}



.counter.counter-3 .counter-holder {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    margin-bottom: 35px

}



.counter.counter-3 .counter-holder .counter-num {

    margin-right: 32px;

    -webkit-transform: translateY(-14px);

    -ms-transform: translateY(-14px);

    transform: translateY(-14px);

    margin-top: -14px

}



.counter.counter-3 .counter-holder .counter-num span {

    font-family: var(--global--font-body);

    font-weight: 300;

    color: var(--global--color-primary);

    font-size: 40px;

    margin-bottom: 0

}



@media screen and (max-width:767.98px) {

    .counter.counter-3 .counter-holder .counter-num span {

        font-size: 60px

    }

}



.counter.counter-3 .counter-holder .counter-img {

    width: 170px;

    height: 170px;

    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;

    border-radius: 50%

}



@media screen and (max-width:767.98px) {

    .counter.counter-3 .counter-holder .counter-img {

        width: 150px;

        height: 150px

    }

}



.counter.counter-3 .counter-holder .counter-img:hover i {

    -webkit-transform: scale(.9);

    -ms-transform: scale(.9);

    transform: scale(.9)

}



.counter.counter-3 .counter-holder .counter-img i {

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    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;

    width: 110px;

    height: 110px;

    background-color: var(--global--color-primary);

    color: var(--global--color-white);

    border-radius: 50%

}



@media screen and (max-width:767.98px) {

    .counter.counter-3 .counter-holder .counter-img i {

        width: 90px;

        height: 90px

    }

}



.counter.counter-3 .counter-holder .counter-img i::before {

    font-size: 50px

}



.counter.counter-3 .counter-desc {

    position: relative;

    padding-bottom: 24px

}



.counter.counter-3 .counter-desc::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 28px;

    height: 2px;

    background-color: #4c5b66

}



@media screen and (max-width:767.98px) {

    .counter.counter-3 .counter-desc::after {

        left: 50%;

        -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

        transform: translateX(-50%)

    }

}



@media screen and (min-width:992px) {

    .counter.counter-3 .counter-desc {

        margin-left: 40px;

        width: 50%

    }

}



.counter.counter-3 .counter-desc p {

    margin-bottom: 0;

    font-family: var(--global--font-body);

    color: var(--global--color-white);

    font-weight: 700;

    font-size: 16px;

    line-height: 26px

}



.counter.counter-4 {

    padding: 32px 40px 38px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.counter.counter-4 .counter-num {

    margin-bottom: 0

}



.counter.counter-4 .counter-num h6, .counter.counter-4 .counter-num span, .counter.counter-4 .counter-num p {

    font-style: italic;

    margin-bottom: 0;

    font-weight: 600;

    font-size: 20px;

    line-height: 29px;

    text-transform: capitalize;

    color: var(--global--color-white)

}



.counter.counter-4 .counter-num p {

    margin-right: 10px

}



.counter.counter-5 {

    background-color: transparent;

    border-radius: 0;

    padding: 0;

    position: relative;

    text-align: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media screen and (min-width:992px) {

    .counter.counter-5 {

        padding-left: 40px;

        text-align: left;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start

    }

}



.counter.counter-5:first-child::before {

    content: unset

}



@media screen and (min-width:992px) {

    .counter.counter-5:last-child {

        padding-right: 40px

    }

}



.counter.counter-5::before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    height: 53px;

    width: 2px;

    background-color: #eaeaea

}



@media screen and (max-width:991.98px) {

    .counter.counter-5::before {

        content: unset

    }

}



.counter.counter-5 .counter-name {

    margin-bottom: 8px

}



.counter.counter-5 .counter-name h6 {

    color: #282828

}



.counter.counter-5 .counter-num span {

    font-family: var(--global--font-body);

    font-weight: 600;

    font-size: 30px;

    color: #4aab3d

}



@media screen and (max-width:991.98px) {

    .counter.counter-5 .counter-num span {

        font-size: 25px

    }

}



.counter.counter-5 .counter-num span:last-of-type {

    margin-left: 10px

}



.counter.counter-6 {

    background-color: transparent;

    border-radius: 0;

    padding: 0

}



@media screen and (max-width:991.98px) {

    .counter.counter-6 {

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        margin: 0 auto 30px

    }

}



.counter.counter-6 .counter-name {

    margin-bottom: 0

}



.counter.counter-6 .counter-name h6 {

    color: var(--global--color-secondary)

}



.counter.counter-6 .counter-num {

    margin-bottom: 24px

}



.counter.counter-6 .counter-num span {

    font-weight: 400;

    font-family: var(--global--font-body);

    font-size: 50px;

    color: var(--global--color-primary)

}



@-webkit-keyframes Bounce {

    0% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }



    25% {

        -webkit-transform: translateY(-15px);

        transform: translateY(-15px)

    }



    50% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }



    75% {

        -webkit-transform: translateY(-15px);

        transform: translateY(-15px)

    }



    100% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }

}



@keyframes Bounce {

    0% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }



    25% {

        -webkit-transform: translateY(-15px);

        transform: translateY(-15px)

    }



    50% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }



    75% {

        -webkit-transform: translateY(-15px);

        transform: translateY(-15px)

    }



    100% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }

}



.projects.projects-modern {

    padding-top: 130px;

    padding-bottom: 70px

}



@media screen and (max-width:991.98px) {

    .projects.projects-modern {

        padding-top: 70px

    }

}



.projects.projects-modern.projects-modern-2 {

    padding-top: 210px

}



@media screen and (max-width:991.98px) {

    .projects.projects-modern.projects-modern-2 {

        padding-top: 170px

    }

}



.projects.projects-modern.projects-modern-3 {

    padding-top: 86px;

    padding-bottom: 110px

}



@media screen and (max-width:991.98px) {

    .projects.projects-modern.projects-modern-3 {

        padding-top: 66px;

        padding-bottom: 70px

    }

}



.projects.projects-grid {

    padding-top: 114px;

    padding-bottom: 130px

}



@media screen and (max-width:991.98px) {

    .projects.projects-grid {

        padding-top: 54px;

        padding-bottom: 105px

    }

}



@media(max-width:400px) {

    .projects.projects-grid .carousel {

        padding: 0 5%

    }

}



.projects.projects-grid .carousel .owl-stage-outer {

    overflow: hidden

}



.projects.projects-grid .carousel .owl-stage-outer .owl-item {

    opacity: 1

}



.projects.projects-grid .carousel .owl-nav {

    top: 167px

}



@media screen and (max-width:991.98px) {

    .projects.projects-grid .carousel .owl-nav {

        display: none

    }

}



.projects.projects-grid .carousel .owl-nav .owl-prev, .projects.projects-grid .carousel .owl-nav .owl-next {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 110px;

    height: 110px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.projects.projects-grid .carousel .owl-nav .owl-prev::before, .projects.projects-grid .carousel .owl-nav .owl-next::before {

    color: var(--global--color-white);

    content: '\e906';

    font-family: energia;

    font-size: 20px

}



.projects.projects-grid .carousel .owl-nav .owl-prev {

    left: 0;

    border-radius: 0 8px 8px 0;

    background-color: var(--global--color-primary)

}



.projects.projects-grid .carousel .owl-nav .owl-prev:hover {

    background-color: var(--global--color-heading)

}



.projects.projects-grid .carousel .owl-nav .owl-prev:before {

    -webkit-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    transform: rotate(270deg)

}



.projects.projects-grid .carousel .owl-nav .owl-next {

    right: 0;

    border-radius: 8px 0 0 8px;

    background-color: var(--global--color-heading)

}



.projects.projects-grid .carousel .owl-nav .owl-next:hover {

    background-color: var(--global--color-primary)

}



.projects.projects-grid .carousel .owl-nav .owl-next:before {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg)

}



.projects.projects-grid .carousel .owl-dots {

    position: absolute;

    width: 100%;

    bottom: -100px

}



.projects.projects-grid .project-panel:hover {

    -webkit-box-shadow: none;

    box-shadow: none

}



.projects.projects-grid .project-panel .project-panel-holder .project-content {

    padding: 30px 38px 17px

}



@media(min-width:992px) and (max-width:1200px) {

    .projects.projects-grid .project-panel .project-panel-holder .project-content {

        padding-left: 10px;

        padding-right: 10px

    }

}



.projects.projects-grid .project-panel .project-panel-holder .project-content .project-title {

    margin-bottom: 6px

}



.projects.projects-grid.projects-grid-2 {

    padding-top: 0;

    padding-bottom: 0

}



@media(max-width:400px) {

    .projects.projects-grid.projects-grid-2 .carousel {

        padding: 0

    }

}



.projects.projects-grid.projects-grid-2 .carousel .owl-nav {

    position: absolute;

    top: 125px;

    left: -58px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



@media screen and (max-width:991.98px) {

    .projects.projects-grid.projects-grid-2 .carousel .owl-nav {

        display: none

    }

}



.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-prev, .projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-next {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: auto;

    height: auto;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-prev::before, .projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-next::before {

    color: var(--global--color-white);

    font-family: carousel;

    font-size: 40px

}



.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-prev span, .projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-next span {

    display: none

}



.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-prev {

    left: auto;

    border-radius: 0;

    background-color: transparent

}



.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-prev:before {

    content: '\e990';

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

    color: var(--global--color-heading)

}



.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-next {

    right: auto;

    margin-bottom: 25px;

    border-radius: 0;

    background-color: transparent

}



.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-next:before {

    content: '\e991';

    color: var(--global--color-primary);

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg)

}



.projects.projects-grid.projects-grid-2 .project-panel .project-panel-holder .project-content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.projects.projects-grid.projects-grid-2 .project-panel .project-panel-holder .project-content .project-title {

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2

}



.projects.projects-grid.projects-grid-2 .project-panel .project-panel-holder .project-content .project-cat {

    -webkit-box-ordinal-group: 2;

    -ms-flex-order: 1;

    order: 1;

    margin-bottom: 0

}



.projects.projects-grid.projects-grid-3 {

    padding-top: 86px;

    padding-bottom: 110px

}



@media screen and (max-width:991.98px) {

    .projects.projects-grid.projects-grid-3 {

        padding-top: 66px;

        padding-bottom: 70px

    }

}



.projects.projects-grid.projects-grid-3 .project-panel {

    margin-bottom: 10px

}



.projects.projects-grid.projects-grid-3 #load-more {

    margin-top: 10px

}



.projects.projects-standard {

    padding-top: 86px;

    padding-bottom: 110px

}



@media screen and (max-width:991.98px) {

    .projects.projects-standard {

        padding-top: 66px;

        padding-bottom: 70px

    }

}



.projects.projects-standard .project-panel {

    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);

    margin-bottom: 30px

}



.projects.projects-standard .project-panel:hover .project-panel-holder .project-content {

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    background-color: var(--global--color-primary)

}



.projects.projects-standard .project-panel:hover .project-panel-holder .project-content .project-title h4 a {

    color: var(--global--color-white)

}



.projects.projects-standard .project-panel:hover .project-panel-holder .project-content .project-cat a {

    color: var(--global--color-white)

}



.projects.projects-standard .project-panel .project-panel-holder .project-img {

    border-radius: 8px 8px 0 0

}



.projects.projects-standard .project-panel .project-panel-holder .project-content {

    background-color: var(--global--color-white);

    padding: 30px 38px 27px;

    border-radius: 0 0 8px 8px

}



@media(min-width:992px) and (max-width:1200px) {

    .projects.projects-standard .project-panel .project-panel-holder .project-content {

        padding-left: 10px;

        padding-right: 10px

    }

}



.projects.projects-standard .project-panel .project-panel-holder .project-content .project-title {

    margin-bottom: 6px

}



.projects.projects-standard #load-more {

    margin-top: 20px

}



.projects.projects-standard.projects-standard-2 {

    padding-top: 36px;

    padding-bottom: 145px

}



@media screen and (max-width:767.98px) {

    .projects.projects-standard.projects-standard-2 {

        padding-bottom: 105px

    }

}



.projects.projects-standard.projects-standard-2 .project-panel {

    margin-bottom: 50px

}



.projects.projects-standard.projects-standard-2 .owl-carousel .owl-dots {

    position: absolute;

    width: 100%;

    bottom: -100px

}



.projects .projects-load-more {

    text-align: center

}



.projects .projects-load-more .btn {

    width: 222px;

    -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)

}



.projects.projects-gallery {

    padding-top: 130px;

    padding-bottom: 110px

}



@media screen and (max-width:991.98px) {

    .projects.projects-gallery {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.projects.projects-gallery .project-panel {

    margin-bottom: 30px

}



.projects.projects-gallery .project-panel:hover {

    -webkit-box-shadow: none;

    box-shadow: none

}



.projects.projects-gallery .project-panel:hover .project-panel-holder .project-img img {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



.projects.projects-gallery .project-panel:hover .project-panel-holder .project-img .project-hover {

    opacity: 1;

    visibility: visible

}



.projects.projects-gallery .project-panel .project-panel-holder .project-img {

    border-radius: 8px

}



.projects.projects-gallery .project-panel .project-panel-holder .project-img::after {

    content: unset

}



.projects.projects-gallery .project-panel .project-panel-holder .project-img .project-hover {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 80px;

    height: 80px;

    border-radius: 50%;

    z-index: 2;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background: var(--global--color-primary-70);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: .4s ease-in-out;

    -o-transition: .4s ease-in-out;

    transition: .4s ease-in-out

}



.projects.projects-gallery .project-panel .project-panel-holder .project-img .project-hover .project-zoom {

    color: var(--global--color-white);

    font-size: 20px

}



.projects.projects-gallery .project-panel .project-panel-holder .project-img .project-hover a {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    z-index: 2

}



.projects.projects-gallery .btn {

    margin-top: 10px;

    border: 2px solid var(--global--color-heading)

}



.projects.projects-gallery .btn:focus .projects.projects-gallery .btn::active {

    color: var(--global--color-heading)

}



.projects #load-more {

    -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)

}



.projects #load-more i {

    font-size: 12px

}



.project-panel {

    margin-bottom: 20px;

    background-color: var(--global--color-white);

    -webkit-transition: .5s ease-in-out;

    -o-transition: .5s ease-in-out;

    transition: .5s ease-in-out;

    border-radius: 8px

}



.project-panel:hover {

    -webkit-box-shadow: 0 3px 20px 0 rgba(40, 40, 40, .13);

    box-shadow: 0 3px 20px 0 rgba(40, 40, 40, .13)

}



.project-panel:hover .project-panel-holder .project-img img {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1)

}



.project-panel:hover .project-panel-holder .project-img::after {

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)

}



.project-panel:hover .project-panel-holder .project-content .project-more .btn {

    -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    color: var(--global--color-white);

    background-color: var(--global--color-heading);

    border-color: var(--global--color-heading)

}



.project-panel:hover .project-panel-holder .project-content .project-more .btn i {

    color: var(--global--color-heading)

}



@media screen and (max-width:991.98px) {

    .project-panel {

        margin: 0 auto 30px;

        max-width: 370px

    }

}



.project-panel .project-panel-holder .project-img {

    position: relative;

    overflow: hidden;

    border-radius: 8px

}



.project-panel .project-panel-holder .project-img::after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, .5);

    content: '';

    z-index: 1;

    -webkit-transition: -webkit-transform .6s;

    transition: -webkit-transform .6s;

    -o-transition: transform .6s;

    transition: transform .6s;

    transition: transform .6s, -webkit-transform .6s;

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0)

}



.project-panel .project-panel-holder .project-img a {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    z-index: 2

}



.project-panel .project-panel-holder .project-img img {

    max-width: 100%;

    height: auto;

    -webkit-transition: .5s ease-in-out;

    -o-transition: .5s ease-in-out;

    transition: .5s ease-in-out

}



.project-panel .project-panel-holder .project-content {

    padding: 33px 40px 40px;

    text-align: center

}



@media(min-width:992px) and (max-width:1200px) {

    .project-panel .project-panel-holder .project-content {

        padding-right: 25px;

        padding-left: 25px

    }

}



@media screen and (min-width:992px) {

    .project-panel .project-panel-holder .project-content {

        text-align: left

    }

}



.project-panel .project-panel-holder .project-content .project-title {

    margin-bottom: 16px

}



.project-panel .project-panel-holder .project-content .project-title h4 {

    margin-bottom: 0

}



.project-panel .project-panel-holder .project-content .project-title h4 a {

    font-family: var(--global--font-heading);

    font-size: 20px;

    font-weight: 600;

    line-height: 27px;

    text-transform: capitalize;

    color: var(--global--color-heading)

}



@media(min-width:992px) and (max-width:1200px) {

    .project-panel .project-panel-holder .project-content .project-title h4 a {

        font-size: 18px

    }

}



.project-panel .project-panel-holder .project-content .project-title h4 a:hover {

    color: var(--global--color-primary)

}



.project-panel .project-panel-holder .project-content .project-cat {

    margin-bottom: 3px

}



.project-panel .project-panel-holder .project-content .project-cat a {

    color: var(--global--color-primary);

    font-family: var(--global--font-body);

    font-size: 14px;

    font-weight: 400;

    line-height: 28px;

    position: relative;

    text-transform: capitalize

}



.project-panel .project-panel-holder .project-content .project-cat a::before {

    content: '';

    height: 1px;

    width: 100%;

    background-color: var(--global--color-primary);

    position: absolute;

    bottom: -2px;

    left: 0;

    opacity: 0;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.project-panel .project-panel-holder .project-content .project-cat a:hover {

    color: var(--global--color-primary)

}



.project-panel .project-panel-holder .project-content .project-cat a:hover::before {

    opacity: 1

}



.project-panel .project-panel-holder .project-content .project-cat a::after {

    content: ",";

    margin-right: 5px

}



.project-panel .project-panel-holder .project-content .project-cat a:last-of-type::after {

    content: none

}



.project-panel .project-panel-holder .project-content .project-desc {

    margin-bottom: 32px

}



.project-panel .project-panel-holder .project-content .project-desc p {

    font-family: var(--global--font-body);

    color: var(--global--color-body);

    font-size: 15px;

    line-height: 25px;

    margin-bottom: 0

}



.project-panel .project-panel-holder .project-content .project-more .btn {

    border: 2px solid rgba(37, 55, 69, .5);

    width: 100%;

    height: 55px;

    color: var(--global--color-heading);

    -webkit-transition: .5s ease-in-out;

    -o-transition: .5s ease-in-out;

    transition: .5s ease-in-out

}



.project-panel .project-panel-holder .project-content .project-more .btn i {

    width: 28px;

    height: 28px;

    background-color: var(--global--color-white);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    color: var(--global--color-heading);

    border-radius: 50%;

    -webkit-transition: .5s ease-in-out;

    -o-transition: .5s ease-in-out;

    transition: .5s ease-in-out

}



.project-panel .project-panel-holder .project-content .project-more .btn::before {

    content: unset

}



.project-panel .project-panel-holder .project-content .project-more .btn:hover i {

    -webkit-transform: translateX(10px);

    -ms-transform: translateX(10px);

    transform: translateX(10px)

}



.projects-filter {

    text-align: center;

    margin-bottom: 33px

}



@media screen and (max-width:767.98px) {

    .projects-filter ul {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-pack: space-evenly;

        -ms-flex-pack: space-evenly;

        justify-content: space-evenly

    }

}



.projects-filter li {

    display: inline-block

}



@media screen and (max-width:767.98px) {

    .projects-filter li {

        margin-bottom: 15px

    }

}



.projects-filter li:last-child a {

    margin-right: 0

}



.projects-filter li a {

    font-size: 15px;

    font-weight: 700;

    line-height: 1;

    margin-right: 35px;

    text-transform: capitalize;

    font-family: var(--global--font-body);

    color: var(--global--color-heading)

}



@media screen and (max-width:767.98px) {

    .projects-filter li a {

        margin-right: 0

    }

}



.projects-filter li a:hover {

    color: var(--global--color-primary)

}



.projects-filter li a.active-filter {

    color: var(--global--color-primary)

}



.project-single {

    padding-top: 0;

    padding-bottom: 0

}



.project-single .project-intro .project-img {

    position: relative

}



.project-single .project-intro .project-img img {

    max-width: 100%;

    border-radius: 12px

}



@media screen and (max-width:767.98px) {

    .project-single .project-intro .project-img img {

        height: 200px;

        border-radius: 8px 8px 0 0

    }

}



.project-single .project-intro .project-img .project-panel {

    position: absolute;

    right: 65px;

    bottom: -65px;

    max-width: 400px;

    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .16);

    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .16);

    margin-bottom: 0

}



@media screen and (max-width:991.98px) {

    .project-single .project-intro .project-img .project-panel {

        right: 40px;

        bottom: -70px

    }

}



@media screen and (max-width:767.98px) {

    .project-single .project-intro .project-img .project-panel {

        position: relative;

        right: auto;

        bottom: auto;

        border-radius: 0 0 8px 8px;

        margin-bottom: 0

    }

}



.project-single .project-intro .project-img .project-panel:hover .project-content .project-more .btn {

    background-color: var(--global--color-primary)

}



.project-single .project-intro .project-img .project-panel:hover .project-content .project-more .btn::before {

    -webkit-transform: scaleX(1);

    -ms-transform: scaleX(1);

    transform: scaleX(1);

    -webkit-transform-origin: left center;

    -ms-transform-origin: left center;

    transform-origin: left center

}



.project-single .project-intro .project-img .project-panel .project-content {

    padding: 43px 50px 75px

}



@media screen and (max-width:991.98px) {

    .project-single .project-intro .project-img .project-panel .project-content {

        padding-left: 25px;

        padding-right: 25px

    }

}



.project-single .project-intro .project-img .project-panel .project-content .project-cat {

    margin-bottom: 0

}



.project-single .project-intro .project-img .project-panel .project-content .project-title {

    margin-bottom: 29px

}



.project-single .project-intro .project-img .project-panel .project-content .project-more {

    position: absolute;

    bottom: 0;

    left: 0

}



.project-single .project-intro .project-img .project-panel .project-content .project-more .btn {

    width: 204px;

    height: 65px;

    color: var(--global--color-white);

    border: 0;

    -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    border-radius: 0 8px 0 8px

}



.project-single .project-intro .project-img .project-panel .project-content .project-more .btn::before {

    content: '';

    position: absolute;

    width: calc(100%);

    height: calc(100%);

    top: 0;

    left: 0;

    z-index: -1;

    -webkit-transform: scaleX(0);

    -ms-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: right center;

    -ms-transform-origin: right center;

    transform-origin: right center;

    -webkit-transition: -webkit-transform .24s ease-in-out;

    transition: -webkit-transform .24s ease-in-out;

    -o-transition: transform .24s ease-in-out;

    transition: transform .24s ease-in-out;

    transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out

}



.project-single .project-intro .project-img .project-panel .project-content .project-more .btn i {

    color: var(--global--color-white);

    background-color: transparent

}



.project-single .project-overview {

    padding-top: 110px;

    padding-bottom: 80px

}



@media screen and (max-width:991.98px) {

    .project-single .project-overview {

        padding-top: 70px;

        padding-bottom: 60px

    }

}



.project-single .project-overview .project-details {

    margin-bottom: 30px

}



@media screen and (min-width:992px) {

    .project-single .project-overview .project-details {

        -webkit-transform: translateY(-6px);

        -ms-transform: translateY(-6px);

        transform: translateY(-6px);

        margin-bottom: 23px

    }

}



.project-single .project-overview .project-details .table {

    margin-bottom: 0

}



@media screen and (min-width:992px) {

    .project-single .project-overview .project-details .table {

        width: 80%

    }

}



.project-single .project-overview .project-details .table td {

    border-top: 0;

    border-bottom: 0;

    padding-bottom: 5px

}



.project-single .project-overview .project-details .table .name {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 15px;

    color: var(--global--color-secondary);

    text-transform: capitalize

}



@media screen and (min-width:992px) {

    .project-single .project-overview .project-details .table .name {

        padding-left: 0

    }

}



.project-single .project-overview .project-details .table .value {

    font-family: var(--global--font-body);

    font-weight: 400;

    font-size: 15px;

    color: var(--global--color-body);

    text-transform: capitalize

}



.project-single .project-overview .advantages-list-holder {

    padding: 32px 40px;

    background-color: #e0f6e9;

    border-radius: 12px

}



@media screen and (min-width:992px) {

    .project-single .project-overview .advantages-list-holder {

        margin-top: 6px

    }

}



@media screen and (max-width:991.98px) {

    .project-single .project-overview .advantages-list-holder {

        padding-left: 30px;

        padding-right: 30px

    }

}



.project-single .project-overview .advantages-list-holder p {

    font-size: 17px;

    font-weight: 700;

    line-height: 27px;

    color: var(--global--color-secondary);

    margin-bottom: 25px

}



@media screen and (max-width:991.98px) {

    .project-single .project-overview.project-overview-1 {

        padding-top: 100px

    }

}



.project-single .project-overview.project-overview-1 .btn {

    width: 270px;

    height: 60px;

    -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)

}



@media screen and (max-width:991.98px) {

    .project-single .project-overview.project-overview-2 {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.project-single .project-overview.project-overview-3 {

    padding-top: 120px;

    padding-bottom: 130px

}



@media screen and (max-width:991.98px) {

    .project-single .project-overview.project-overview-3 {

        padding-top: 200px;

        padding-bottom: 70px

    }

}



.project-single .project-overview.project-overview-3 .btn {

    -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)

}



.project-single .project-overview.project-overview-3 .heading {

    margin-bottom: 62px

}



.project-single .project-overview.project-overview-4 {

    padding-top: 110px;

    padding-bottom: 90px

}



@media screen and (max-width:991.98px) {

    .project-single .project-overview.project-overview-4 {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.project-single .project-overview.project-overview-4 .counters-holder {

    margin-top: 30px

}



@media screen and (min-width:992px) {

    .project-single .project-overview.project-overview-4 .counters-holder {

        margin-top: 11px

    }

}



.project-single .project-image-carousel {

    padding-top: 0;

    padding-bottom: 0

}



.project-single .project-image-carousel .owl-carousel .owl-stage-outer .owl-item {

    opacity: 1

}



.project-single .project-image-carousel .owl-carousel .owl-nav {

    top: 167px

}



@media screen and (max-width:991.98px) {

    .project-single .project-image-carousel .owl-carousel .owl-nav {

        display: none

    }

}



.project-single .project-image-carousel .owl-carousel .owl-nav .owl-prev, .project-single .project-image-carousel .owl-carousel .owl-nav .owl-next {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 110px;

    height: 110px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.project-single .project-image-carousel .owl-carousel .owl-nav .owl-prev::before, .project-single .project-image-carousel .owl-carousel .owl-nav .owl-next::before {

    color: var(--global--color-white);

    content: '\e906';

    font-family: energia;

    font-size: 20px

}



.project-single .project-image-carousel .owl-carousel .owl-nav .owl-prev {

    left: 0;

    border-radius: 0 8px 8px 0;

    background-color: var(--global--color-primary)

}



.project-single .project-image-carousel .owl-carousel .owl-nav .owl-prev:hover {

    background-color: var(--global--color-heading)

}



.project-single .project-image-carousel .owl-carousel .owl-nav .owl-prev:before {

    -webkit-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    transform: rotate(270deg)

}



.project-single .project-image-carousel .owl-carousel .owl-nav .owl-next {

    right: 0;

    border-radius: 8px 0 0 8px;

    background-color: var(--global--color-heading)

}



.project-single .project-image-carousel .owl-carousel .owl-nav .owl-next:hover {

    background-color: var(--global--color-primary)

}



.project-single .project-image-carousel .owl-carousel .owl-nav .owl-next:before {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg)

}



.project-single .project-image-carousel .owl-carousel .owl-dots {

    margin-top: 10px;

    position: relative;

    bottom: auto

}



.project-single .project-share {

    padding-top: 33px;

    padding-bottom: 40px;

    border-bottom: 1px solid #eaeaea

}



.project-single .project-share .tags {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 10px

}



.project-single .project-share .tags a {

    font-family: var(--global--font-body);

    font-weight: 400;

    font-size: 14px;

    line-height: 28px;

    color: var(--global--color-primary);

    text-transform: capitalize

}



.project-single .project-share .tags a::after {

    content: ',';

    margin-right: 4px

}



.project-single .project-share .tags a:last-child::after {

    content: unset

}



.project-single .project-share .social-share {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.project-single .project-share .social-share a {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    border: 2px solid #929ba2;

    margin-right: 10px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.project-single .project-share .social-share a:last-child {

    margin-right: 0

}



.project-single .project-share .social-share a:hover i {

    width: 40px;

    height: 40px;

    background-color: var(--global--color-primary)

}



.project-single .project-share .social-share a i {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    font-size: 11px;

    background-color: var(--global--color-heading);

    color: var(--global--color-white);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.faqs {

    padding-top: 130px;

    padding-bottom: 110px

}



@media screen and (max-width:991.98px) {

    .faqs {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.faqs .faqs-action {

    margin-bottom: 0

}



@media screen and (max-width:767.98px) {

    .faqs .faqs-action {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }

}



.faqs .faqs-action .btn {

    font-family: var(--global--font-body);

    font-size: 15px;

    font-weight: 700;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    width: 170px;

    height: 65px;

    margin-right: 30px

}



@media(min-width:992px) and (max-width:1200px) {

    .faqs .faqs-action .btn {

        margin-right: 10px

    }

}



@media screen and (max-width:991.98px) {

    .faqs .faqs-action .btn {

        margin: 0 30px 0 0

    }

}



@media screen and (max-width:767.98px) {

    .faqs .faqs-action .btn {

        margin-right: 0;

        margin-bottom: 15px;

        height: 50px

    }

}



.faqs .faqs-action .btn:first-child i {

    color: var(--global--color-heading)

}



.faqs .faqs-action .btn:first-child:hover i {

    color: var(--global--color-white)

}



.faqs .faqs-action .btn:last-child {

    padding: 0 28px

}



.faqs .faqs-action .btn.btn--white {

    -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)

}



.faqs .more-faqs {

    text-align: center;

    margin-top: 3px

}



.faqs .more-faqs p {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 15px;

    color: var(--global--color-body)

}



.faqs .more-faqs p a {

    position: relative;

    font-weight: 700;

    color: var(--global--color-heading);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    text-transform: capitalize;

    padding-bottom: 6px

}



.faqs .more-faqs p a:hover::before {

    width: calc(100% - 20%)

}



.faqs .more-faqs p a::before {

    content: '';

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 100%;

    height: 2px;

    background-color: var(--global--color-primary)

}



.faqs.faqs-2 {

    padding-top: 130px;

    padding-bottom: 100px

}



@media screen and (max-width:991.98px) {

    .faqs.faqs-2 {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.img-hotspot .img-hotspot-wrap {

    position: relative;

    max-width: 100%

}



@media screen and (max-width:567px) {

    .img-hotspot .img-hotspot-wrap {

        max-width: 470px

    }

}



@media screen and (max-width:991.98px) {

    .img-hotspot .img-hotspot-wrap {

        margin: 0 auto 40px

    }

}



.img-hotspot .img-hotspot-wrap .img-hotspot-bg img {

    max-width: 100%

}



.img-hotspot .img-hotspot-wrap .img-hotspot-pointers {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0

}



.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer {

    position: absolute;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .pointer-icon {

    width: 22px;

    height: 22px;

    cursor: pointer;

    border: 2px solid var(--global--color-primary);

    border-radius: 50%;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .pointer-icon::after {

    content: '';

    background-color: var(--global--color-primary);

    width: 8px;

    height: 8px;

    border-radius: 50%

}



.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer:hover .info {

    -webkit-transform: translate(-50%, -50%) scale(1);

    -ms-transform: translate(-50%, -50%) scale(1);

    transform: translate(-50%, -50%) scale(1);

    opacity: 1;

    visibility: visible

}



.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 1;

    -webkit-transform: translate(-50%, -50%) scale(0);

    -ms-transform: translate(-50%, -50%) scale(0);

    transform: translate(-50%, -50%) scale(0);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info .border-outer {

    width: 96px;

    height: 96px;

    cursor: pointer;

    border: 2px solid var(--global--color-primary);

    border-radius: 50%;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info .border-outer .border-inner {

    width: 82px;

    height: 82px;

    cursor: pointer;

    border: 2px solid var(--global--color-primary);

    border-radius: 50%;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info .border-outer .border-inner i {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 68px;

    height: 68px;

    background-color: var(--global--color-primary);

    border-radius: 50%

}



.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info .border-outer .border-inner i::before {

    color: var(--global--color-white);

    font-size: 50px;

    margin-left: 0

}



.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer {

    position: absolute;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 42px;

    height: 42px;

    padding: 4px;

    border: 2px solid var(--global--color-heading);

    border-radius: 50%;

    cursor: pointer;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer::after {

    position: absolute;

    content: '';

    width: 56px;

    height: 56px;

    border: 2px solid var(--global--color-primary);

    border-radius: 50%;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer:hover {

    border-color: var(--global--color-primary)

}



.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer:hover::after {

    opacity: 1;

    visibility: visible;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer:hover .info {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0)

}



.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer img {

    max-width: 100%;

    border-radius: 50%

}



.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info {

    background-color: var(--global--color-white);

    -webkit-box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);

    box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);

    border-radius: 8px;

    position: relative;

    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content;

    position: absolute;

    max-width: 330px;

    z-index: 2;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    padding: 23px 28px;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(10px);

    -ms-transform: translateY(10px);

    transform: translateY(10px)

}



.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info::before {

    content: '';

    bottom: -9px;

    width: 10px;

    height: 10px;

    background-color: var(--global--color-white);

    position: absolute

}



.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.left::before {

    -webkit-clip-path: polygon(100% 0, 0 0, 0 100%);

    clip-path: polygon(100% 0, 0 0, 0 100%);

    left: auto;

    right: 30px

}



.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.right::before {

    -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);

    clip-path: polygon(100% 0, 0 0, 100% 100%);

    left: 30px

}



.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info span {

    font-family: var(--global--font-body);

    font-size: 15px;

    font-weight: 700;

    line-height: 26px;

    color: var(--global--color-secondary);

    text-transform: capitalize

}



.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer {

    position: absolute;

    width: 28px;

    height: 28px;

    cursor: pointer

}



.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer:hover .info {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0)

}



.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .pointer-icon {

    border-color: var(--global--color-secondary)

}



.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .pointer-icon::after {

    background-color: var(--global--color-secondary)

}



.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info {

    background-color: var(--global--color-white);

    -webkit-box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);

    box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);

    border-radius: 10px 10px 10px 0;

    position: relative;

    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content;

    position: absolute;

    max-width: 170px;

    z-index: 2;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    padding: 15px 20px;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(10px);

    -ms-transform: translateY(10px);

    transform: translateY(10px)

}



.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info::before {

    content: '';

    bottom: -9px;

    width: 10px;

    height: 10px;

    background-color: var(--global--color-white);

    position: absolute

}



.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.left {

    border-radius: 10px 10px 0 10px

}



.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.left::before {

    -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);

    clip-path: polygon(100% 0, 0 0, 100% 100%);

    left: auto;

    right: 0

}



.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.right {

    border-radius: 10px 10px 10px 0

}



.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.right::before {

    -webkit-clip-path: polygon(100% 0, 0 0, 0 100%);

    clip-path: polygon(100% 0, 0 0, 0 100%);

    left: 0

}



.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info span {

    font-family: var(--global--font-body);

    font-size: 14px;

    line-height: 24px;

    color: var(--global--color-body);

    text-transform: capitalize

}



.careers {

    padding-top: 130px;

    padding-bottom: 220px

}



@media screen and (max-width:991.98px) {

    .careers {

        padding-top: 70px;

        padding-bottom: 180px

    }

}



@media screen and (max-width:991.98px) {

    .careers .career-item {

        max-width: 370px;

        margin: 0 auto

    }

}



.careers .career-item .career-item-wrap {

    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .06);

    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .06);

    border-radius: 8px;

    background-color: var(--global--color-white);

    padding: 39px 40px 40px;

    position: relative

}



@media(min-width:992px) and (max-width:1200px) {

    .careers .career-item .career-item-wrap {

        padding-right: 25px;

        padding-left: 25px

    }

}



.careers .career-item .career-item-wrap .career-meta {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 33px

}



.careers .career-item .career-item-wrap .career-meta .career-type, .careers .career-item .career-item-wrap .career-meta .career-place {

    font-size: 13px;

    line-height: 28px;

    font-family: var(--global--font-body);

    font-weight: 400;

    text-transform: capitalize;

    margin-bottom: 0

}



.careers .career-item .career-item-wrap .career-meta .career-type {

    color: var(--global--color-primary);

    border: 2px solid var(--global--color-primary);

    padding: 0 9px;

    border-radius: 4px;

    margin-right: 15px

}



.careers .career-item .career-item-wrap .career-meta .career-place {

    color: var(--global--color-body)

}



.careers .career-item .career-item-wrap .career-content .career-title {

    font-family: var(--global--font-heading);

    font-size: 20px;

    font-weight: 700;

    line-height: 28px;

    color: var(--global--color-heading);

    margin-bottom: 17px;

    text-transform: capitalize

}



.careers .career-item .career-item-wrap .career-content .career-desc {

    font-family: var(--global--font-body);

    font-weight: 400;

    font-size: 15px;

    line-height: 25px;

    color: var(--global--color-body);

    margin-bottom: 32px

}



.careers .career-item .career-item-wrap .career-content .career-more {

    width: 140px;

    height: 42px;

    padding: 0 20px

}



.careers .career-item .career-item-wrap .career-content .career-more i {

    font-size: 12px

}



.careers .carousel-dots .owl-dots {

    margin-top: 40px

}



.awards {

    padding-top: 130px;

    padding-bottom: 80px

}



@media screen and (max-width:991.98px) {

    .awards {

        padding-top: 70px;

        padding-bottom: 30px

    }

}



.awards .award {

    margin-bottom: 30px

}



.awards .award:hover .award-img {

    background-color: var(--global--color-primary)

}



.awards .award .award-img {

    padding: 42px 65px;

    background-color: #f3f3f3;

    border-radius: 8px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media(min-width:992px) and (max-width:1200px) {

    .awards .award .award-img {

        padding-left: 45px;

        padding-right: 45px

    }

}



@media screen and (max-width:991.98px) {

    .awards .award .award-img {

        padding-left: 40px;

        padding-right: 40px

    }

}



.awards .award .award-img img {

    max-width: 100%

}



.awards .award .award-content {

    padding: 29px 30px 12px

}



@media screen and (max-width:991.98px) {

    .awards .award .award-content {

        text-align: center

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .awards .award .award-content {

        padding-left: 20px;

        padding-right: 20px

    }

}



.awards .award .award-content .award-title {

    margin-bottom: 17px

}



.awards .award .award-content .award-title a {

    font-family: var(--global--font-heading);

    font-weight: 700;

    font-size: 18px;

    line-height: 26px;

    color: var(--global--color-secondary);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    text-transform: capitalize

}



.awards .award .award-content .award-title a:hover {

    color: var(--global--color-primary)

}



.awards .award .award-content .award-desc {

    font-family: var(--global--font-body);

    font-weight: 400;

    font-size: 15px;

    line-height: 25px;

    color: var(--global--color-body);

    margin-bottom: 0

}



.about {

    padding-top: 130px;

    padding-bottom: 130px;

    overflow: visible

}



@media screen and (max-width:991.98px) {

    .about {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.about .about-img {

    position: relative;

    height: 570px

}



@media screen and (min-width:992px) {

    .about .about-img {

        max-width: calc(100% - 40px)

    }

}



@media screen and (max-width:991.98px) {

    .about .about-img {

        margin: 0 auto 40px

    }

}



.about .about-img .about-img-holder {

    border-radius: 12px

}



.about .about-img .counter {

    min-width: 200px;

    position: absolute;

    top: 70px;

    left: -40px;

    z-index: 2

}



@media screen and (max-width:767.98px) {

    .about .about-img .counter {

        left: 0;

        border-radius: 0 8px 8px 0;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }

}



.about .prief-set p {

    font-size: 17px;

    line-height: 27px;

    font-weight: 700;

    margin-bottom: 24px

}



.about .signature-block {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media screen and (max-width:991.98px) {

    .about .signature-block {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.about .signature-block .signature-body {

    position: relative

}



.about .signature-block .signature-body img {

    position: absolute;

    top: -18px;

    left: 2px;

    right: 0

}



@media screen and (max-width:767.98px) {

    .about .signature-block .signature-body img {

        top: 0;

        left: -20px;

        max-width: 130%

    }

}



.about .signature-block .signature-body h6 {

    font-family: var(--global--font-heading);

    font-weight: 600;

    font-style: italic;

    color: var(--global--color-secondary);

    font-size: 19px;

    line-height: 29px;

    text-transform: capitalize;

    margin-bottom: 0

}



.about .signature-block .signature-body p {

    font-family: var(--global--font-body);

    font-weight: 400;

    color: var(--global--color-primary);

    font-size: 14px;

    line-height: 26px;

    text-transform: capitalize;

    margin-bottom: 0

}



.about .signature-block .btn {

    margin-right: 30px;

    width: 170px;

    -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)

}



@media screen and (max-width:991.98px) {

    .about .about-block {

        text-align: center

    }

}



@media screen and (max-width:991.98px) {

    .about .about-block .block-left {

        margin-bottom: 40px

    }

}



.about .about-block .block-left .paragraph {

    font-size: 17px;

    line-height: 27px;

    color: var(--global--color-secondary);

    font-weight: 500;

    margin-bottom: 25px

}



.about .about-block .block-left p {

    font-size: 16px;

    line-height: 27px;

    margin-bottom: 32px

}



.about .about-block .block-left .btn {

    -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);

    box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)

}



@media screen and (min-width:992px) {

    .about .about-wrapper {

        display: grid;

        grid-template-columns: 40% 60%;

        height: 635px

    }

}



.about .about-wrapper .about-block-wrapper {

    position: relative;

    z-index: 2

}



.about .about-wrapper .about-block-wrapper .about-block {

    background-color: var(--global--color-white)

}



@media screen and (min-width:992px) {

    .about .about-wrapper .about-block-wrapper .about-block {

        border-radius: 12px 0 0 0;

        position: absolute;

        top: 0;

        left: 0;

        padding-left: 60px;

        width: calc(100% + 60px)

    }

}



@media screen and (min-width:1200px) {

    .about .about-wrapper .about-block-wrapper .about-block {

        left: 0;

        padding-left: 120px;

        width: calc(100% + 120px)

    }

}



@media screen and (max-width:991.98px) {

    .about .about-wrapper .about-block-wrapper .about-block .heading {

        max-width: 90%;

        margin: 0 auto

    }

}



@media screen and (min-width:992px) {

    .about .about-wrapper .about-block-wrapper .about-block .heading {

        padding-right: var(--bs-gutter-x, 0.75rem);

        margin-right: auto;

        max-width: calc(960px/2)

    }

}



@media screen and (min-width:1200px) {

    .about .about-wrapper .about-block-wrapper .about-block .heading {

        max-width: calc(1140px/2)

    }

}



.about .about-wrapper .about-block-wrapper .about-block .heading .heading-subtitle {

    background-color: var(--global--color-primary);

    color: var(--global--color-white);

    border-radius: 0 0 12px 12px;

    margin-bottom: 55px

}



@media screen and (max-width:991.98px) {

    .about .about-wrapper .about-block-wrapper .about-block .heading .heading-subtitle {

        border-radius: 12px;

        margin-bottom: 40px

    }

}



.about .about-wrapper .about-block-wrapper .about-block .heading .heading-title {

    margin-bottom: 21px

}



.about .about-wrapper .about-block-wrapper .about-block .heading .heading-desc {

    margin-bottom: 32px

}



.about .about-wrapper .about-block-wrapper .about-block .heading .signature-block {

    margin-bottom: 63px

}



.about .about-wrapper .about-block-wrapper .about-block .heading .advantages-list-holder {

    padding: 32px 40px;

    background-color: #e0f6e9;

    border-radius: 12px

}



@media screen and (max-width:991.98px) {

    .about .about-wrapper .about-block-wrapper .about-block .heading .advantages-list-holder {

        padding-left: 30px;

        padding-right: 30px

    }

}



.about .about-wrapper .about-block-wrapper .about-block .heading .advantages-list-holder p {

    font-size: 17px;

    font-weight: 700;

    line-height: 27px;

    color: var(--global--color-secondary);

    margin-bottom: 0

}



@media screen and (max-width:991.98px) {

    .about .about-wrapper .about-block-wrapper .about-block .heading .advantages-list-holder p {

        margin-bottom: 10px

    }

}



.about .about-wrapper .video-wrapper {

    position: relative;

    z-index: 1

}



@media screen and (max-width:991.98px) {

    .about .about-wrapper .video-wrapper {

        max-width: 90%;

        margin: 0 auto 40px

    }

}



.about .about-wrapper .video-wrapper .video {

    background-position-x: right

}



@media screen and (min-width:992px) {

    .about .about-wrapper .video-wrapper .video {

        border-radius: 0 12px 12px 0;

        position: absolute;

        top: -110px;

        left: 0;

        width: calc(100% + 60px);

        height: calc(100% + 110px)

    }

}



@media screen and (min-width:1200px) {

    .about .about-wrapper .video-wrapper .video {

        width: calc(100% + 120px)

    }

}



.about.about-2 {

    padding-top: 0;

    padding-bottom: 0

}



.about.about-3 {

    padding-top: 110px;

    padding-bottom: 130px

}



@media screen and (max-width:991.98px) {

    .about.about-3 {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



@media screen and (min-width:992px) {

    .about.about-3 .about-block .block-left .paragraph, .about.about-3 .about-block .block-left p, .about.about-3 .about-block .block-left .signature-block {

        padding-left: 50px

    }

}



@media screen and (min-width:1200px) {

    .about.about-3 .about-block .block-left .paragraph, .about.about-3 .about-block .block-left p, .about.about-3 .about-block .block-left .signature-block {

        padding-left: 95px

    }

}



.about.about-3 .about-block .block-left p {

    margin-bottom: 42px

}



.about.about-3 .about-block .block-left .paragraph {

    border-left: 4px solid var(--global--color-primary);

    margin-bottom: 25px

}



@media screen and (max-width:767.98px) {

    .about.about-3 .about-block .block-left .paragraph {

        padding-left: 15px

    }

}



.about.about-3 .about-block .block-left .signature-block .signature-body p {

    margin-bottom: 0;

    padding-left: 0

}



@media screen and (max-width:991.98px) {

    .about.about-3 .about-img .about-img-holder {

        max-width: 370px

    }

}



.about.about-3 .about-img .counter {

    top: auto;

    bottom: 0;

    left: 99px;

    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content;

    min-width: 0;

    border-radius: 12px 0 12px 0;

    -webkit-transform-origin: bottom left;

    -ms-transform-origin: bottom left;

    transform-origin: bottom left;

    -webkit-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    transform: rotate(270deg)

}



.processes {

    overflow: visible;

    padding-top: 0;

    padding-bottom: 0

}



.processes .process-panel {

    padding: 0 50px 32px 0;

    position: relative

}



@media screen and (max-width:991.98px) {

    .processes .process-panel {

        padding-right: 0

    }

}



.processes .process-panel .process-number {

    font-family: var(--global--font-body);

    font-size: 37px;

    font-weight: 500;

    line-height: 29px;

    color: var(--global--color-primary);

    margin-bottom: 32px

}



@media screen and (max-width:767.98px) {

    .processes .process-panel .process-number {

        text-align: center

    }

}



.processes .process-panel .process-body .process-content h5 {

    font-weight: 700;

    font-style: italic;

    font-size: 24px;

    color: var(--global--color-white);

    line-height: 48px;

    margin-bottom: 18px;

    text-transform: capitalize

}



.processes .process-panel .process-body .process-content p {

    font-size: 16px;

    line-height: 27px;

    color: var(--global--color-white);

    margin-bottom: 0

}



.processes .process-panel.process-panel-dark .process-body .process-content h5 {

    color: var(--global--color-secondary)

}



.processes .process-panel.process-panel-dark .process-body .process-content p {

    color: var(--global--color-body)

}



@media screen and (max-width:991.98px) {

    .processes .block-right-holder {

        padding: 70px 5% 0;

        text-align: center;

        margin-bottom: 50px

    }

}



@media screen and (min-width:992px) {

    .processes .block-right-holder {

        padding-left: var(--bs-gutter-x, 0.75rem);

        margin-left: auto;

        max-width: calc(960px/2);

        padding-top: 130px

    }

}



@media screen and (min-width:1200px) {

    .processes .block-right-holder {

        max-width: calc(1140px/2)

    }

}



.processes .block-right-holder .heading {

    margin-bottom: 223px

}



@media screen and (max-width:991.98px) {

    .processes .block-right-holder .heading {

        margin-bottom: 50px

    }

}



.processes .processes-holder {

    padding-top: 40px

}



@media screen and (min-width:992px) {

    .processes .processes-holder {

        border-left: 1px solid #4c5b66;

        padding-top: 130px

    }

}



@media screen and (max-width:991.98px) {

    .processes .processes-holder .process-content-carousel {

        text-align: center;

        padding: 0 5%;

        margin-bottom: 60px

    }

}



@media screen and (min-width:992px) {

    .processes .processes-holder .process-content-carousel {

        padding-left: 75px;

        margin-bottom: 110px;

        padding-right: var(--bs-gutter-x, 0.75rem);

        margin-right: auto;

        max-width: calc(960px/2)

    }

}



@media screen and (min-width:1200px) {

    .processes .processes-holder .process-content-carousel {

        padding-left: 115px;

        max-width: calc(1140px/2)

    }

}



.processes .processes-holder .process-content-carousel .owl-stage-outer {

    overflow: hidden

}



.processes .processes-holder .process-content-carousel .owl-stage-outer .owl-item {

    opacity: 1

}



.processes .processes-holder .process-content-carousel .owl-dots {

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start

}



@media screen and (max-width:991.98px) {

    .processes .processes-holder .process-content-carousel .owl-dots {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.processes .processes-holder .images-holder {

    border-radius: 0 0 0 12px;

    overflow: hidden;

    -webkit-transform: translateY(130px);

    -ms-transform: translateY(130px);

    transform: translateY(130px);

    margin-top: -130px;

    position: relative

}



.processes .processes-holder .images-holder .process-image-carousel {

    position: relative

}



.processes .processes-holder .images-holder .process-image-carousel .owl-stage-outer {

    overflow: hidden

}



.processes .processes-holder .images-holder .process-image-carousel .owl-stage-outer .owl-item {

    opacity: 1

}



.processes .processes-holder .images-holder .process-image-carousel .owl-stage-outer .owl-item img {

    -o-object-fit: scale-down;

    object-fit: scale-down;

    width: auto

}



.processes .processes-holder .images-holder .processes-panel {

    padding: 42px 49px 40px;

    position: absolute;

    right: 0;

    bottom: 0;

    border-radius: 12px 0 0 0;

    background-color: var(--global--color-primary);

    max-width: 400px;

    z-index: 10

}



@media screen and (max-width:767.98px) {

    .processes .processes-holder .images-holder .processes-panel {

        padding-left: 30px;

        padding-right: 30px;

        position: relative;

        right: auto;

        bottom: auto;

        border-radius: 0 0 12px 12px;

        text-align: center;

        max-width: 100%

    }

}



@media(min-width:992px) and (max-width:1200px) {

    .processes .processes-holder .images-holder .processes-panel {

        max-width: 330px;

        padding: 25px

    }

}



.processes .processes-holder .images-holder .processes-panel .panel-title {

    font-size: 20px;

    line-height: 30px;

    color: var(--global--color-white);

    margin-bottom: 17px

}



.processes .processes-holder .images-holder .processes-panel .panel-desc {

    font-size: 15px;

    line-height: 24px;

    margin-bottom: 23px;

    color: var(--global--color-gray)

}



.processes .processes-holder .images-holder .processes-panel a {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 15px;

    color: var(--global--color-white);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-transform: capitalize

}



@media screen and (max-width:767.98px) {

    .processes .processes-holder .images-holder .processes-panel a {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.processes .processes-holder .images-holder .processes-panel a:hover i {

    -webkit-transform: translateX(15px);

    -ms-transform: translateX(15px);

    transform: translateX(15px)

}



.processes .processes-holder .images-holder .processes-panel a i {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 32px;

    height: 32px;

    background-color: var(--global--color-white);

    border-radius: 50%;

    color: var(--global--color-primary);

    margin-left: 10px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.processes.processes-1 {

    background-position: top center;

    padding-bottom: 0

}



.processes.processes-2 {

    overflow: hidden

}



.processes.processes-2 .processes-holder {

    padding-top: 0;

    border-left: 0;

    padding-left: 0

}



.processes.processes-2 .processes-holder .process-content-carousel {

    padding-left: 0;

    max-width: unset;

    padding-right: 0;

    margin-right: 0;

    margin-bottom: 40px

}



@media screen and (max-width:991.98px) {

    .processes.processes-2 .processes-holder .process-content-carousel {

        padding: 0

    }

}



@media screen and (max-width:767.98px) {

    .processes.processes-2 .processes-holder .process-content-carousel {

        max-width: 370px

    }

}



#wrapperParallax {

    position: relative;

    z-index: 1060;

    min-height: 100vh

}



#footerParallax {

    position: fixed;

    z-index: -1;

    left: 0;

    right: 0;

    bottom: 0

}



@media only screen and (max-width:991px) {

    #wrapperParallax {

        margin-bottom: 0 !important

    }



    #footerParallax {

        position: static;

        text-align: center

    }

}



.footer {

    background-color: #1a2a36;

    padding-top: 0;

    padding-bottom: 0;

    position: relative

}



.footer .footer-top {

    padding-top: 100px;

    padding-bottom: 68px

}



@media screen and (max-width:991.98px) {

    .footer .footer-top {

        padding-top: 70px;

        padding-bottom: 20px

    }

}



.footer .footer-widget {

    text-align: center

}



@media screen and (min-width:768px) {

    .footer .footer-widget {

        text-align: left

    }

}



@media screen and (max-width:991.98px) {

    .footer .footer-widget {

        margin-bottom: 30px

    }

}



.footer .footer-widget .footer-widget-title h5 {

    font-family: var(--global--font-heading);

    color: var(--global--color-gray);

    font-size: 16px;

    font-weight: 700;

    line-height: 30px;

    text-transform: capitalize;

    margin-bottom: 30px

}



.footer .footer-widget .widget-content p {

    font-family: var(--global--font-body);

    color: #929ba2;

    font-size: 14px;

    font-weight: 400;

    line-height: 24px;

    margin-bottom: 25px

}



.footer .widget-links ul {

    padding-left: 0;

    list-style: none;

    margin-bottom: 0;

    overflow: hidden;

    -webkit-transform: translateY(-5px);

    -ms-transform: translateY(-5px);

    transform: translateY(-5px)

}



.footer .widget-links ul li {

    display: block

}



.footer .widget-links ul li a {

    color: #929ba2;

    font-size: 14px;

    font-weight: 400;

    line-height: 33px;

    text-transform: capitalize;

    font-family: var(--global--font-body)

}



.footer .widget-links ul li a:hover {

    color: var(--global--color-primary)

}



.footer .widget-links.widget-icon {

    background: url(../images/icons/footer-mouse.png);

    background-position-x: 100%;

    background-position-y: -21px;

    background-repeat: no-repeat

}



.footer .widget-contact {

    -webkit-transform: translateY(12px);

    -ms-transform: translateY(12px);

    transform: translateY(12px)

}



.footer .widget-contact .widget-content p {

    color: var(--global--color-white);

    margin-bottom: 15px

}



.footer .widget-contact .widget-content .phone {

    margin-bottom: 18px;

    font-family: var(--global--font-body);

    font-weight: 300;

    font-size: 34px;

    line-height: 22px;

    color: #929ba2;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



@media screen and (max-width:767.98px) {

    .footer .widget-contact .widget-content .phone {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.footer .widget-contact .widget-content .phone a {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 24px;

    line-height: 22px;

    margin-left: 8px;

    color: var(--global--color-white);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.footer .widget-contact .widget-content .phone a:hover {

    color: var(--global--color-primary)

}



.footer .widget-contact .widget-content .email {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 15px;

    line-height: 21px;

    color: var(--global--color-primary);

    margin-bottom: 40px

}



.footer .widget-contact .widget-content .email a {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 15px;

    line-height: 21px;

    color: var(--global--color-primary)

}



.footer .widget-contact .widget-content .email a:hover {

    color: var(--global--color-primary-70)

}



.footer .widget-contact .widget-content .address {

    margin-bottom: 12px

}



.footer .widget-contact .widget-content .address p {

    font-family: var(--global--font-body);

    color: #929ba2;

    font-size: 14px;

    font-weight: 400;

    line-height: 24px;

    margin-bottom: 25px;

    margin-bottom: 0

}



.footer .widget-contact .widget-content .directions a {

    font-family: var(--global--font-body);

    font-weight: 700;

    font-size: 15px;

    line-height: 1;

    color: var(--global--color-white);

    text-transform: capitalize;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



@media screen and (max-width:767.98px) {

    .footer .widget-contact .widget-content .directions a {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.footer .widget-contact .widget-content .directions a i {

    color: var(--global--color-white);

    margin-right: 10px;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.footer .widget-contact .widget-content .directions a:hover {

    color: var(--global--color-primary)

}



.footer .widget-contact .widget-content .directions a:hover i {

    color: var(--global--color-primary)

}



.footer-copyright {

    padding: 50px 0 40px

}



.footer-copyright .copyright {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%

}



@media screen and (max-width:991.98px) {

    .footer-copyright .copyright {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

}



.footer-copyright .copyright span {

    font-family: var(--global--font-body);

    font-weight: 400;

    font-size: 14px;

    color: var(--global--color-white);

    text-transform: capitalize

}



@media screen and (max-width:991.98px) {

    .footer-copyright .copyright span {

        margin-bottom: 40px;

        text-align: center

    }

}



.footer-copyright .copyright span a {

    color: var(--global--color-primary)

}



.footer-copyright .copyright span a:hover {

    color: var(--global--color-primary-70)

}



.footer-copyright .copyright .social-icons {

    margin-bottom: 0

}



.footer-copyright .copyright .social-icons li {

    display: inline-block;

    margin-right: 30px

}



@media screen and (max-width:767.98px) {

    .footer-copyright .copyright .social-icons li {

        margin-right: 15px

    }

}



.footer-copyright .copyright .social-icons li:last-child {

    margin-right: 0

}



.footer-copyright .copyright .social-icons li a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 14px;

    text-transform: capitalize;

    font-family: var(--global--font-body);

    font-weight: 700;

    color: #929ba2;

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.footer-copyright .copyright .social-icons li a:hover {

    color: var(--global--color-primary)

}



.footer-copyright .copyright .social-icons li a:hover i {

    color: var(--global--color-primary)

}



.footer-copyright .copyright .social-icons li a i {

    font-size: 20px;

    margin-right: 10px;

    color: var(--global--color-white);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}