a:hover,
        a:active {
            color: var(--theme-color);
            text-decoration: none
        }

        h1 {
            color: #20252d
        }

        h1 a {
            color: #20252d
        }

        h1 a:hover {
            color: var(--theme-color)
        }

        h1 a:active {
            color: var(--theme-color)
        }

        h1 a:focus {
            color: var(--theme-color)
        }

        h2 {
            color: #20252d
        }

        h2 a {
            color: #20252d
        }

        h2 a:hover {
            color: var(--theme-color)
        }

        h2 a:active {
            color: var(--theme-color)
        }

        h2 a:focus {
            color: var(--theme-color)
        }

        h3 {
            color: #20252d
        }

        h3 a {
            color: #20252d
        }

        h3 a:hover {
            color: var(--theme-color)
        }

        h3 a:active {
            color: var(--theme-color)
        }

        h3 a:focus {
            color: var(--theme-color)
        }

        h4 {
            color: #20252d
        }

        h4 a {
            color: #20252d
        }

        h4 a:hover {
            color: var(--theme-color)
        }

        h4 a:active {
            color: var(--theme-color)
        }

        h4 a:focus {
            color: var(--theme-color)
        }

        h5 {
            color: #20252d
        }

        h5 a {
            color: #20252d
        }

        h5 a:hover {
            color: var(--theme-color)
        }

        h5 a:active {
            color: var(--theme-color)
        }

        h5 a:focus {
            color: var(--theme-color)
        }

        h6 {
            color: #20252d
        }

        h6 a {
            color: #20252d
        }

        h6 a:hover {
            color: var(--theme-color)
        }

        h6 a:active {
            color: var(--theme-color)
        }

        h6 a:focus {
            color: var(--theme-color)
        }

        .h1 {
            color: #20252d
        }

        .h1 a {
            color: #20252d
        }

        .h1 a:hover {
            color: var(--theme-color)
        }

        .h1 a:active {
            color: var(--theme-color)
        }

        .h1 a:focus {
            color: var(--theme-color)
        }

        .h2 {
            color: #20252d
        }

        .h2 a {
            color: #20252d
        }

        .h2 a:hover {
            color: var(--theme-color)
        }

        .h2 a:active {
            color: var(--theme-color)
        }

        .h2 a:focus {
            color: var(--theme-color)
        }

        .h3 {
            color: #20252d
        }

        .h3 a {
            color: #20252d
        }

        .h3 a:hover {
            color: var(--theme-color)
        }

        .h3 a:active {
            color: var(--theme-color)
        }

        .h3 a:focus {
            color: var(--theme-color)
        }

        .h4 {
            color: #20252d
        }

        .h4 a {
            color: #20252d
        }

        .h4 a:hover {
            color: var(--theme-color)
        }

        .h4 a:active {
            color: var(--theme-color)
        }

        .h4 a:focus {
            color: var(--theme-color)
        }

        .h5 {
            color: #20252d
        }

        .h5 a {
            color: #20252d
        }

        .h5 a:hover {
            color: var(--theme-color)
        }

        .h5 a:active {
            color: var(--theme-color)
        }

        .h5 a:focus {
            color: var(--theme-color)
        }

        .h6 {
            color: #20252d
        }

        .h6 a {
            color: #20252d
        }

        .h6 a:hover {
            color: var(--theme-color)
        }

        .h6 a:active {
            color: var(--theme-color)
        }

        .h6 a:focus {
            color: var(--theme-color)
        }

        .min-height-300 {
            min-height: 300px
        }

        .h-100vh {
            height: 100vh
        }

        .preloader {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            z-index: 999999;
            background-color: #fff;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .preloader .loading {
            position: relative;
            width: 80px;
            height: 80px
        }

        .preloader .loading span {
            position: absolute;
            width: 64px;
            height: 64px;
            border: 5px solid var(--theme-color);
            border-radius: 50%;
            animation: rotating 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            border-color: var(--color-primary) transparent transparent transparent
        }

        .preloader .loading span:nth-child(1) {
            animation-delay: -0.45s
        }

        .preloader .loading span:nth-child(2) {
            animation-delay: -0.3s
        }

        .preloader .loading span:nth-child(3) {
            animation-delay: -0.15s
        }

        /* Rotating Animation */
        @keyframes rotating {
            0% {
                transform: rotate(0deg)
            }

            100% {
                transform: rotate(360deg)
            }
        }

        .primary-overlay[data-overlay-dark]:before {
            background: var(--theme-color)
        }

        .secondary-overlay[data-overlay-dark]:before {
            background: var(--dark-color)
        }

        .dark-overlay[data-overlay-dark]:before {
            background: #20252d
        }

        .left-overlay-dark[data-overlay-dark]:before {
            background: rgba(225, 225, 225, 0.76);
            background: linear-gradient(-80deg, transparent, #20252d 55%)
        }

        .text-primary,
        .text-primary-hover:hover {
            color: var(--theme-color) !important
        }

        .text-white,
        .text-white-hover:hover {
            color: #fff !important
        }

        .bg-primary {
            background-color: var(--theme-color) !important
        }

        .border-primary {
            border-color: var(--theme-color) !important
        }

        .text-secondary,
        .text-secondary-hover:hover {
            color: #fff !important
        }

        .bg-secondary {
            background: var(--dark-color) !important
        }

        .border-secondary {
            border-color: var(--dark-color) !important
        }

        .bg-dark {
            background-color: #20252d !important
        }

        .bg-light {
            background-color: rgba(19, 136, 215, 0.06) !important
        }

        .text-dark,
        .text-dark-hover:hover {
            color: #20252d !important
        }

        .border-dark {
            border-color: #20252d !important
        }

        .primary-shadow {
            box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08)
        }

        .box-shadow-style1 {
            box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.05)
        }

        .border-primary-hover:hover {
            border-color: var(--theme-color) !important
        }

        .separator-line {
            margin: 5px 20px 0 20px;
            width: 70px;
            background-color: var(--theme-color);
            height: 1px;
            display: inline-block;
            vertical-align: middle
        }

        .map-h500 {
            height: 500px;
            width: 50%
        }

        .letter-spacing-minus-3px {
            letter-spacing: -3px
        }

        .rounded-start-md-10px {
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px
        }

        .rounded-top-10px {
            border-top-left-radius: 10px !important;
            border-top-right-radius: 10px !important
        }

        @media screen and (max-width:767px) {
            .rounded-start-md-10px {
                border-top-left-radius: 0px;
                border-bottom-left-radius: 0px
            }

            .rounded-top-sm-10px {
                border-top-left-radius: 10px;
                border-top-right-radius: 10px
            }
        }

        @media screen and (min-width:992px) {
            .border-radius-lg-6 {
                border-radius: 6px
            }
        }

        .border-radius-10 {
            border-radius: 10px !important
        }

        .section-bg {
            position: absolute;
            background-size: cover;
            top: 0;
            left: 0;
            width: 100%;
            height: 420px;
            background-position: center center;
            background-repeat: no-repeat
        }

        .min-vh-100 {
            min-height: 100vh
        }

        .min-vh-67 {
            min-height: 67vh !important
        }

        @media only screen and (max-width:767px) {
            .min-vh-67 {
                min-height: 60vh !important
            }
        }

        @media screen and (min-width:1599px) {
            .vw-90 {
                width: 90vw
            }
        }

        @media screen and (min-width:768px) {
            .w-100vw {
                width: 100vw
            }
        }

        .height-300 {
            height: 300px
        }

        @media screen and (min-width:992px) {
            .overlap-column {
                margin-bottom: 3rem
            }

            .overlap-column>[class*="col-"]:first-child {
                position: relative;
                left: 2rem
            }

            .overlap-column>[class*="col-"]:last-child {
                position: relative;
                left: -2rem;
                top: 3rem
            }
        }

        .cd-headline.clip .cd-words-wrapper:after {
            content: none
        }

        .scroll-to-top {
            font-size: 20px;
            text-align: center;
            color: #fff;
            text-decoration: none;
            position: fixed;
            bottom: 20px;
            right: 20px;
            display: none;
            background: #000;
            border: 1px solid #2a2a2a;
            width: 35px;
            height: 35px;
            line-height: 30px;
            z-index: 9999;
            outline: 0;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all 0.3s ease
        }

        .scroll-to-top i {
            color: #fff
        }

        .scroll-to-top:hover {
            color: #1e2022;
            background: #fff
        }

        .scroll-to-top:hover i {
            color: #1e2022
        }

        .scroll-to-top:visited {
            color: #1e2022;
            text-decoration: none
        }

        .scroll-top-percentage {
            height: 60px;
            width: 60px;
            background-color: var(--rr-color-white);
            border-radius: 50%;
            position: fixed;
            bottom: 30px;
            color: #fff;
            right: 50px;
            -webkit-transform: scale(0);
            transform: scale(0);
            display: -ms-grid;
            display: grid;
            place-items: center;
            cursor: pointer;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            z-index: 100
        }

        .scroll-top-percentage.active {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
            visibility: visible;
            -webkit-animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
            animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
            -webkit-transition: 0.3s;
            transition: 0.3s
        }

        @media (max-width:575px),
        only screen and (min-width:576px) and (max-width:767px),
        only screen and (min-width:992px) and (max-width:1199px) {
            .scroll-top-percentage {
                right: 30px;
                bottom: 20px
            }
        }

        #scroll-value {
            height: calc(100% - 6px);
            width: calc(100% - 6px);
            background: var(--dark-color);
            border-radius: 50%;
            display: -ms-grid;
            display: grid;
            place-items: center;
            font-size: 16px;
            font-weight: 600
        }

        #scroll-value i {
            font-size: 20px
        }

        @-webkit-keyframes scrollToTop {
            0% {
                -webkit-transform: translate3d(0, 80%, 0);
                transform: translate3d(0, 80%, 0);
                visibility: visible
            }

            to {
                -webkit-transform: translateZ(0);
                transform: translateZ(0)
            }
        }

        @keyframes scrollToTop {
            0% {
                -webkit-transform: translate3d(0, 80%, 0);
                transform: translate3d(0, 80%, 0);
                visibility: visible
            }

            to {
                -webkit-transform: translateZ(0);
                transform: translateZ(0)
            }
        }

        .icon-box {
            font-size: 30px;
            margin-bottom: 33px;
            display: inline-block;
            color: #ffffff;
            height: 65px;
            width: 65px;
            line-height: 65px;
            background-color: var(--dark-color);
            text-align: center
        }

        .icon-box.medium {
            font-size: 20px;
            width: 50px;
            height: 50px;
            line-height: 50px
        }

        .icon-box.small {
            font-size: 13px;
            width: 35px;
            height: 35px;
            line-height: 35px
        }

        @media screen and (max-width:991px) {
            .icon-box {
                height: 55px;
                width: 55px;
                line-height: 55px;
                font-size: 23px
            }
        }

        @media screen and (max-width:575px) {
            .icon-box {
                height: 45px;
                width: 45px;
                line-height: 45px;
                font-size: 18px
            }
        }

        .list-style1 li {
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #dee2e6;
            padding: 20px 35px
        }

        .list-style1 li:last-child {
            border-bottom: unset
        }

        @media screen and (max-width:575px) {
            .list-style1 li {
                padding: 20px
            }
        }

        .list-style2 {
            list-style: none;
            padding-left: 0
        }

        .list-style2 li {
            line-height: 32px;
            padding-left: 30px;
            position: relative;
            margin-bottom: 8px
        }

        .list-style2 li:last-child {
            margin-bottom: 0
        }

        .list-style2 li:before {
            content: "\e64d";
            font-family: 'themify';
            font-size: 18px;
            position: absolute;
            top: 0;
            left: 0;
            line-height: 35px;
            color: var(--dark-color)
        }

        .list-style3 li {
            display: inline-block;
            padding: 0 0.85rem
        }

        .list-style3 li:first-child {
            padding-left: 0
        }

        .list-style3 li:last-child {
            padding-right: 0
        }

        .list-style3 li a {
            color: #18455d;
            font-weight: 700
        }

        @media screen and (max-width:991px) {
            .list-style3 li {
                padding: 0.25rem 0.85rem
            }
        }

        .list-style4 li {
            font-weight: 600;
            padding: 5px 0
        }

        .list-style4 li i {
            margin-right: 8px;
            font-size: 14px;
            color: var(--dark-color);
            font-weight: 700
        }

        .list-style5 li {
            padding-left: 0px;
            position: relative
        }

        /* .list-style5 li:before{content:"\e64c";font-family:"themify";position:absolute;color:var(--dark-color);font-size:15px;top:0;left:0}*/
        .list-style6 li {
            border-bottom: 1px solid #e4e4e4;
            font-weight: 500;
            padding: 20px 0
        }

        .list-style6 li:last-child {
            border-bottom: 0
        }

        .list-style6 li i {
            margin-right: 12px;
            font-size: 14px;
            color: var(--dark-color);
            font-weight: 700
        }

        @media screen and (max-width:767px) {
            .list-style6 li {
                padding: 14px 0
            }
        }

        .list-style7 li {
            margin-bottom: 17px;
            color: rgba(255, 255, 255, 0.6)
        }

        .list-style7 li:last-child {
            margin-bottom: 0
        }

        .list-style7 li span {
            text-transform: uppercase;
            font-weight: 700;
            padding-right: 3px;
            color: #fff;
            font-size: 16px
        }

        .list-style8 li {
            position: relative;
            padding-left: 34px;
            margin-bottom: 10px
        }

        .list-style8 li:before {
            content: "\e64c";
            font-family: themify;
            position: absolute;
            left: 0;
            color: var(--theme-color)
        }

        .butn {
            padding: 13px 20px;
            background: var(--dark-color);
            color: #fff;
            font-weight: 800;
            font-size: 17px;
            display: inline-block;
            min-width: 170px;
            text-align: center;
            border-radius: 50%;
            border-radius: 60px;
            border: none;
            position: relative;
            overflow: hidden;
            z-index: 1;
            text-transform: capitalize;
            transition: box-shadow 0.5s
        }

        .butn:hover,
        .butn:active,
        .butn:focus {
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            color: #fff;
            background: var(--dark-color);
            border: none;
            transition: box-shadow 0.5s;
            -webkit-box-shadow: inset 0 0 0 2em var(--theme-color);
            -moz-box-shadow: inset 0 0 0 2em var(--theme-color);
            box-shadow: inset 0 0 0 2em var(--theme-color)
        }

        .butn.primary {
            background: var(--theme-color)
        }

        .butn.primary:hover,
        .butn.primary:active,
        .butn.primary:focus {
            background: var(--theme-color);
            -webkit-box-shadow: inset 0 0 0 2em var(--dark-color);
            -moz-box-shadow: inset 0 0 0 2em var(--dark-color);
            box-shadow: inset 0 0 0 2em var(--dark-color)
        }

        .butn.small {
            padding: 8px 20px !important;
            font-size: 15px;
            min-width: 125px
        }

        .butn.medium {
            padding: 13px 20px !important;
            font-size: 15px;
            min-width: 140px
        }

        .btn-style1 {
            position: relative;
            display: inline-block;
            overflow: hidden;
            vertical-align: middle;
            font-size: 14px !important;
            color: #fff;
            border-radius: 5px;
            font-weight: 700;
            text-align: center;
            padding: 15px 32px !important;
            text-transform: uppercase;
            z-index: 1;
            transition: all 500ms ease;
            background-color: var(--theme-color)
        }

        .btn-style1:before {
            transition-duration: 800ms;
            position: absolute;
            width: 200%;
            height: 200%;
            content: "";
            top: 110%;
            left: 50%;
            background-color: var(--dark-color);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            border-radius: 50%;
            z-index: -1
        }

        .btn-style1:hover {
            color: #fff
        }

        .btn-style1:hover:before {
            top: -40%
        }

        .btn-style1.md {
            padding: 12px 28px !important
        }

        .btn-style1.sm {
            padding: 8px 24px !important
        }

        .btn-style1.green {
            background-color: var(--dark-color)
        }

        .btn-style1.green:before {
            background-color: var(--theme-color)
        }

        @media screen and (max-width:575px) {
            .btn-style1 {
                padding: 13px 22px !important;
                font-size: 13px !important
            }
        }

        .btn-style2 {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            background: var(--dark-color);
            color: #fff;
            border: 2px solid var(--dark-color);
            line-height: 1;
            font-weight: 800;
            position: relative;
            outline: none;
            transition: all 0.4s ease;
            overflow: hidden;
            white-space: nowrap;
            font-size: 16px !important;
            padding: 18px 28px;
            z-index: 9;
            border-radius: 0;
            text-transform: uppercase
        }

        .btn-style2:after {
            content: "";
            position: absolute;
            height: 0%;
            left: 50%;
            top: 50%;
            width: 150%;
            z-index: -1;
            transition: all 0.35s ease 0s;
            background: #ffffff;
            -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
            transform: translateX(-50%) translateY(-50%) rotate(-25deg)
        }

        .btn-style2:hover,
        .btn-style2:active,
        .btn-style2:focus {
            color: #fff !important;
            border-color: var(--theme-color);
            background: var(--theme-color)
        }

        .btn-style2:hover:after,
        .btn-style2:active:after,
        .btn-style2:focus:after {
            height: 450%;
            transition: all 1s ease 0s;
            background: var(--theme-color)
        }

        .btn-style2.primary {
            background: var(--theme-color);
            color: #fff;
            border: 2px solid var(--theme-color)
        }

        .btn-style2.primary:after {
            background: #ffffff
        }

        .btn-style2.primary:hover,
        .btn-style2.primary:active,
        .btn-style2.primary:focus {
            color: #fff !important;
            border-color: var(--dark-color);
            background: var(--dark-color)
        }

        .btn-style2.primary:hover:after,
        .btn-style2.primary:active:after,
        .btn-style2.primary:focus:after {
            background: var(--dark-color)
        }

        .btn-style2.medium {
            padding: 13px 22px !important
        }

        .btn-style2.small {
            padding: 10px 18px !important
        }

        .btn-style3 {
            display: inline-block;
            background-color: var(--theme-color);
            color: #fff !important;
            padding: 16px 30px;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 16px;
            line-height: normal;
            transition-duration: .3s
        }

        .btn-style3.secondary {
            background-color: var(--dark-color)
        }

        .btn-style3.secondary:hover {
            background-color: var(--theme-color)
        }

        .btn-style3:hover {
            background-color: var(--dark-color)
        }

        .btn-style3.white:hover {
            background-color: #fff;
            color: var(--theme-color) !important
        }

        .btn-style3.white:hover span {
            color: var(--theme-color)
        }

        .btn-style3.medium {
            padding: 13px 22px !important;
            font-size: 14px
        }

        .btn-style3.small {
            padding: 10px 18px !important;
            font-size: 14px
        }

        .btn-style4 {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            background: var(--dark-color);
            color: #fff;
            line-height: 1.5;
            font-weight: 700;
            position: relative;
            outline: none;
            transition: all 0.4s ease;
            overflow: hidden;
            white-space: nowrap;
            font-size: 14px !important;
            padding: 15px 34px;
            z-index: 9;
            border-radius: 4px;
            text-transform: uppercase
        }

        .btn-style4:hover,
        .btn-style4:active,
        .btn-style4:focus {
            color: #fff;
            background: var(--theme-color)
        }

        .btn-style4.primary {
            background: var(--theme-color);
            color: #fff
        }

        .btn-style4.primary:after {
            background: #ffffff
        }

        .btn-style4.primary:hover,
        .btn-style4.primary:active,
        .btn-style4.primary:focus {
            color: #fff !important;
            background: var(--dark-color)
        }

        .btn-style4.medium {
            padding: 12px 30px !important
        }

        .btn-style4.small {
            padding: 10px 26px !important
        }

        .btn-style4.white {
            background: #fff;
            color: var(--theme-color)
        }

        .btn-style4.white:hover {
            background-color: var(--theme-color);
            color: #fff
        }

        .btn-style5 {
            background-color: var(--dark-color);
            color: #fff;
            font-size: 14px;
            padding: 15px 34px !important;
            display: inline-block;
            border: 0;
            text-transform: uppercase;
            letter-spacing: .5px;
            font-weight: 700;
            width: auto;
            line-height: 1.5;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1)
        }

        .btn-style5:hover {
            color: #fff;
            -webkit-box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15);
            -webkit-transform: translate3d(0, -2px, 0);
            transform: translate3d(0, -2px, 0)
        }

        .btn-style5.white {
            background-color: #fff;
            color: #232323
        }

        .btn-style5.md {
            padding: 13px 30px !important;
            font-size: 13px
        }

        .btn-style5.sm {
            padding: 11px 27px !important;
            font-size: 12px
        }

        .btn-style5.secondary {
            background-color: var(--theme-color)
        }

        .btn-style7 {
            color: #fff;
            padding: 17px 30px;
            text-transform: uppercase;
            text-align: center;
            display: inline-block;
            position: relative;
            overflow: hidden;
            transition: all 0.3s linear;
            z-index: 1;
            background: var(--theme-color);
            border: none;
            letter-spacing: 1.4px;
            font-size: 14px;
            line-height: normal;
            font-weight: bold;
            vertical-align: middle
        }

        .btn-style7:before {
            content: "";
            position: absolute;
            top: -71px;
            right: 0px;
            bottom: 0;
            width: 115%;
            height: 322%;
            left: -1px;
            transform: translateX(-100%) rotate(180deg);
            z-index: -1;
            transition: all 0.4s linear;
            background: var(--dark-color)
        }

        .btn-style7:hover,
        .btn-style7:active,
        .btn-style7:focus {
            color: #fff
        }

        .btn-style7:hover:before,
        .btn-style7:active:before,
        .btn-style7:focus:before {
            transform: translateX(0) rotate(195deg)
        }

        .btn-style7.secondary {
            background: var(--dark-color)
        }

        .btn-style7.secondary:hover:before {
            background: var(--theme-color)
        }

        .btn-style7.md {
            padding: 14px 24px !important;
            font-size: 15px
        }

        .btn-style7.sm {
            padding: 12px 20px !important;
            font-size: 14px
        }

        .btn-style7.sm:before {
            top: -58px
        }

        .btn-style7.white {
            background-color: #fff;
            color: var(--dark-color)
        }

        .btn-style7.white:hover {
            color: #fff
        }

        .btn-style7.white:before {
            background: var(--theme-color)
        }

        .butn-style8 {
            border-radius: 6px;
            display: inline-flex;
            align-items: center;
            font-weight: 600;
            font-size: 15px !important;
            letter-spacing: 0em;
            padding: 13px 30px !important;
            position: relative;
            overflow: hidden;
            text-align: center;
            z-index: 0;
            -webkit-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease;
            border: 1px solid var(--theme-color);
            background-color: transparent;
            color: var(--theme-color) !important
        }

        .butn-style8:before {
            content: "";
            height: 100%;
            left: -100%;
            position: absolute;
            top: 0;
            width: 0;
            z-index: -1;
            -webkit-transform: skew(50deg);
            -ms-transform: skew(50deg);
            transform: skew(50deg);
            -webkit-transition: width .6s;
            -o-transition: width .6s;
            transition: width .6s;
            -webkit-transform-origin: top left;
            -ms-transform-origin: top left;
            transform-origin: top left;
            background-color: var(--theme-color)
        }

        .butn-style8 i {
            margin-left: 10px;
            font-size: 16px;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            display: inline-block
        }

        .butn-style8:hover {
            border: 1px solid var(--theme-color);
            color: #fff !important
        }

        .butn-style8:hover:before {
            height: 100%;
            width: 200%
        }

        .butn-style8.md {
            padding: 9px 18px !important
        }

        .butn-style8.md:hover {
            color: #fff !important
        }

        .butn-style8.white {
            border: 1px solid #fff;
            color: #fff !important
        }

        .butn-style8.white:hover {
            color: var(--theme-color) !important
        }

        .butn-style8.white:before {
            background-color: #fff
        }

        .butn-style8.primary {
            color: var(--dark-color) !important;
            border: 1px solid var(--dark-color)
        }

        .butn-style8.primary:hover {
            border: 1px solid var(--theme-color);
            border: 1px solid var(--theme-color)
        }

        .button-text {
            padding: 0;
            position: relative;
            text-decoration: none;
            border: 0;
            background-color: transparent;
            display: inline-block;
            font-size: 15px;
            text-transform: uppercase;
            width: auto;
            font-weight: 500
        }

        .button-text a {
            border-bottom: 2px solid
        }

        .button-text:hover {
            border-color: var(--theme-color)
        }

        .top-bar-info {
            display: inline-block;
            vertical-align: middle
        }

        .top-bar-info ul {
            margin-bottom: 0
        }

        .top-bar-info li {
            font-weight: 500;
            color: #fff;
            list-style-type: none;
            font-size: 14px;
            padding: 0 5px 0;
            display: inline-block;
            margin-bottom: 0
        }

        .top-bar {
            display: block;
            position: relative;
            z-index: 999;
            padding: 7px 0
        }

        .top-bar-info li i {
            font-size: 16px;
            color: #fff;
            margin-right: 8px;
            margin-top: 0;
            display: inline-block;
            vertical-align: text-bottom
        }

        .top-social-icon {
            padding: 0;
            float: right;
            margin: 0
        }

        footer .top-social-icon {
            float: left
        }

        .top-social-icon li {
            font-size: 20px;
            list-style-type: none;
            float: left;
            text-align: center;
            margin: 0;
            padding: 0 7px
        }

        .top-social-icon li:last-child {
            padding-right: 0
        }

        .top-social-icon li:last-child a {
            padding-right: 0
        }

        .top-social-icon li a {
            color: #fff;
            line-height: 28px;
            -webkit-transition-duration: .3s;
            transition-duration: .3s;
            padding: 0 3px
        }

        .top-social-icon li a:hover {
            color: rgba(255, 255, 255, 0.65)
        }

        .navbar-nav li.current>a {
            color: var(--dark-color)
        }

        .navbar-nav li.active>a {
            color: var(--dark-color)
        }

        .attr-nav>ul>li>a.butn {
            color: #fff
        }

        .navbar>ul>li.current>a:after {
            border-color: transparent var(--dark-color) var(--dark-color) transparent
        }

        .menu_area-light .navbar-nav li.current>a {
            color: var(--dark-color)
        }

        .menu_area-light .navbar-nav li.active>a {
            color: var(--dark-color)
        }

        .menu_area-light .navbar>ul>li.current>a:after {
            border-color: transparent var(--dark-color) var(--dark-color) transparent
        }

        .menu_area-light.scrollHeader .navbar-nav li.current>a {
            color: var(--dark-color)
        }

        .menu_area-light.scrollHeader .navbar-nav li.current>a:hover {
            color: var(--dark-color)
        }

        .menu_area-light.scrollHeader .navbar-nav li.active>a {
            color: var(--dark-color)
        }

        .menu_area-light.scrollHeader .navbar>ul>li.current>a:after {
            border-color: transparent var(--dark-color) var(--dark-color) transparent
        }

        .navbar ul ul>li.has-sub:hover>a:before {
            top: 15px
        }

        .navbar ul ul li.has-sub>a:before {
            top: 15px;
            right: 26px;
            width: 2px;
            height: 10px;
            background: var(--dark-color)
        }

        .navbar ul ul li.has-sub>a:after {
            top: 19px;
            right: 22px;
            width: 10px;
            height: 2px;
            background: var(--dark-color)
        }

        @media screen and (min-width:992px) {
            .menu_area-light .navbar ul ul li.active>a {
                color: var(--dark-color)
            }

            .menu_area-light .navbar>ul>li.has-sub>a:hover:after {
                border-color: var(--dark-color)
            }

            .menu_area-light .navbar-nav li.has-sub a:hover {
                color: var(--dark-color)
            }

            .menu_area-light.scrollHeader .navbar-nav>li.has-sub>a:hover {
                color: var(--dark-color)
            }

            .header-style2.scrollHeader .navbar-nav>li.has-sub>a:hover {
                color: var(--dark-color)
            }

            .header-style2.scrollHeader .navbar-nav>li.has-sub>a:hover:after {
                border-color: transparent var(--dark-color) var(--dark-color) transparent
            }

            .header-style2.scrollHeader .navbar-nav li.current>a {
                color: var(--dark-color)
            }

            .header-style2.scrollHeader .navbar-nav li.current>a:hover {
                color: var(--dark-color)
            }

            .header-style2.scrollHeader .navbar>ul>li.current>a:after {
                border-color: transparent var(--dark-color) var(--dark-color) transparent
            }

            .header-style2 .navbar>ul>li.has-sub.current>a:hover:after {
                border-color: transparent var(--dark-color) var(--dark-color) transparent
            }

            .header-style2 .navbar>ul>li.has-sub>a:hover:after {
                border-color: transparent var(--dark-color) var(--dark-color) transparent
            }

            .header-style2 .navbar>ul>li.has-sub>a:active:after {
                border-color: transparent var(--dark-color) var(--dark-color) transparent
            }

            .header-style2 .navbar>ul>li.has-sub>a:focus:after {
                border-color: transparent var(--dark-color) var(--dark-color) transparent
            }

            .header-style2 .navbar ul ul li.active>a {
                color: var(--dark-color)
            }

            .header-style2 .navbar-nav li.has-sub a:hover {
                color: var(--dark-color)
            }

            .header-style2 .navbar-nav li.has-sub a:active {
                color: var(--dark-color)
            }

            .header-style2 .navbar-nav li.has-sub a:focus {
                color: var(--dark-color)
            }

            .header-style2 .navbar-nav li.current>a {
                color: var(--dark-color)
            }

            .header-style2 .navbar-nav li.active>a {
                color: var(--dark-color)
            }

            .navbar-nav li>ul {
                min-width: 270px;
                -webkit-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1);
                -ms-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1);
                -moz-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1)
            }

            .navbar ul ul li {
                margin-bottom: 0;
                padding: 0
            }

            .navbar-nav li>ul {
                padding: 15px 0;
                margin-left: 0
            }

            .navbar-nav li a {
                font-size: 17px;
                font-weight: 600;
                padding: 8px 42px 8px 32px
            }

            .navbar-nav>li>a {
                font-size: 15px;
                font-weight: 800;
                padding: 21px 0.5rem
            }
        }

        @media screen and (max-width:991px) {
            .header-style1 .navbar-toggler {
                background: var(--theme-color)
            }

            .header-style1 .navbar-toggler:after {
                border-top: 2px solid #fff;
                border-bottom: 2px solid #fff
            }

            .header-style1 .navbar-toggler:before {
                background: #fff
            }

            .header-style1 .navbar-toggler.menu-opened:after {
                background: #fff
            }

            .header-style1 .navbar-toggler.menu-opened:before {
                background: #fff
            }
        }

        .header-style2 .navbar-nav li.current>a {
            color: var(--dark-color)
        }

        .header-style2 .navbar>ul>li.current>a:after {
            border-color: transparent var(--dark-color) var(--dark-color) transparent
        }

        .header-style2.scrollHeader .navbar-nav li.current>a {
            color: var(--dark-color)
        }

        .header-style2.scrollHeader .navbar-nav li.current>a:hover {
            color: var(--dark-color)
        }

        .header-style2.scrollHeader .navbar>ul>li.current>a:after {
            border-color: transparent var(--dark-color) var(--dark-color) transparent
        }

        @media screen and (min-width:992px) {
            .header-style2 .navbar ul ul li.active>a {
                color: var(--dark-color)
            }

            .header-style2 .butn.secondary:before {
                background: #ffffff
            }

            .header-style2 .butn.secondary:hover {
                color: #18455d !important
            }

            .header-style2 .butn.secondary:focus {
                color: #18455d !important
            }

            .header-style2 .butn.secondary:active {
                color: #18455d !important
            }

            .header-style2.scrollHeader .butn.secondary:before {
                background: var(--dark-color)
            }

            .header-style2.scrollHeader .butn.secondary:hover {
                color: #fff !important
            }

            .header-style2.scrollHeader .butn.secondary:focus {
                color: #fff !important
            }

            .header-style2.scrollHeader .butn.secondary:active {
                color: #fff !important
            }
        }

        .sec-title {
            position: relative;
            display: block;
            padding-bottom: 3.5rem
        }

        .sec-title .border-box {
            position: relative;
            display: block;
            width: 80px;
            height: 7px
        }

        .sec-title .border-box:before {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 1px;
            content: "";
            background: var(--theme-color)
        }

        .sec-title .border-box:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 60px;
            height: 3px;
            content: "";
            background: var(--theme-color)
        }

        .sec-title .border-box.center {
            margin: 0 auto
        }

        .sec-title .border-box.center:after {
            top: 0;
            left: 0;
            right: 0;
            margin: 0 auto
        }

        .sec-title span {
            color: var(--theme-color);
            position: relative;
            display: inline-block;
            margin-bottom: 5px;
            z-index: 1;
            font-weight: 800;
            text-transform: uppercase;
            padding-right: 15px
        }

        .sec-title span:before {
            position: absolute;
            content: '';
            z-index: 1;
            height: 5px;
            width: 3px;
            bottom: 9px;
            right: 5px;
            background: var(--dark-color)
        }

        .sec-title span:after {
            position: absolute;
            content: '';
            z-index: 1;
            height: 7px;
            width: 3px;
            bottom: 6px;
            right: 0px;
            background: var(--theme-color)
        }

        .sec-title span.white {
            color: #fff
        }

        .sec-title span.white:before {
            background: #fff
        }

        .sec-title span.white:after {
            background: #fff
        }

        .sec-title.half {
            padding-bottom: 2.2rem
        }

        .sec-title2 span {
            position: relative;
            z-index: 1;
            padding-left: 10px;
            padding-bottom: 15px;
            display: inline-block
        }

        .sec-title2 span:before {
            display: inline-block;
            position: relative;
            z-index: 1;
            width: 8px;
            height: 8px;
            top: -1px;
            content: "";
            left: -10px;
            background-color: var(--dark-color);
            border-radius: 50%
        }

        .sec-title2.white span:before {
            background-color: #fff
        }

        .sec-title2.orange span:before {
            background-color: var(--theme-color)
        }

        .small-title {
            padding: 3px 15px;
            background-color: var(--dark-color);
            margin-bottom: 15px;
            display: inline-block;
            font-size: 15px;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 12px;
            color: #fff
        }

        .small-title.white {
            background-color: rgba(255, 255, 255, 0.2)
        }

        .title-style4 .sm-title {
            text-transform: uppercase;
            color: var(--theme-color);
            font-size: 14px;
            font-weight: bold
        }

        .title-style4 .sm-title span {
            position: relative;
            padding-left: 105px
        }

        .title-style4 .sm-title span:before {
            content: "";
            position: absolute;
            width: 70px;
            height: 1px;
            background-color: var(--theme-color);
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            margin: 0 16px
        }

        @media screen and (max-width:1199px) {
            .title-style4.footer-title .sm-title span {
                padding-left: 85px
            }

            .title-style4.footer-title .sm-title span:before {
                width: 50px
            }
        }

        @media screen and (max-width:575px) {
            .title-style4 .sm-title span {
                padding-left: 65px
            }

            .title-style4 .sm-title span:before {
                width: 45px;
                margin: 0 8px
            }
        }

        .title-style5 .title-sm {
            font-weight: 500;
            position: relative;
            z-index: 2;
            display: inline-block
        }

        .title-style5 .title-sm:before {
            content: '';
            background: var(--dark-color);
            height: 8px;
            width: 100%;
            position: absolute;
            bottom: 8px;
            z-index: -1
        }

        .title-style5 .title-sm.banner:before {
            bottom: 15px
        }

        @media screen and (max-width:991px) {
            .title-style5 .title-sm.banner:before {
                bottom: 7px
            }

            .title-style5 .title-sm:before {
                bottom: 3px
            }
        }

        .title-style6 span {
            position: relative;
            display: inline-block;
            font-size: 16px;
            font-weight: 800;
            color: var(--theme-color);
            margin-bottom: 15px;
            text-transform: uppercase;
            letter-spacing: 2px
        }

        .title-style6 span:before {
            position: absolute;
            content: "";
            left: 0;
            bottom: 0px;
            width: 100%;
            height: 1px;
            background-color: var(--theme-color)
        }

        .title-style6.secondary span {
            color: var(--dark-color)
        }

        .title-style6.secondary span:before {
            background-color: var(--dark-color)
        }

        .title-style6.footer span {
            margin-bottom: 0
        }

        .title-style7 span {
            color: var(--theme-color);
            position: relative;
            display: inline-block;
            margin-bottom: 5px;
            z-index: 1;
            font-weight: 800;
            text-transform: uppercase
        }

        .sidebar-title {
            color: var(--theme-color);
            font-size: 1.2rem;
            font-weight: 700;
            margin-bottom: 1rem;
            display: block
        }

        .overlay {
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            position: absolute;
            background-color: #20252d;
            opacity: 0.7;
            transition: background 0.3s, border-radius 0.3s, opacity 0.3s
        }

        .slider-fade .bg-img {
            position: absolute !important;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            -webkit-transition: all 8000ms linear;
            -moz-transition: all 8000ms linear;
            -ms-transition: all 8000ms linear;
            -o-transition: all 8000ms linear;
            transition: all 8000ms linear
        }

        .slider-fade .owl-item.active .bg-img {
            -webkit-transform: scale(1.25);
            -ms-transform: scale(1.25);
            transform: scale(1.25)
        }

        .slider-fade .item {
            height: 100vh
        }

        .slider-fade .item h1 {
            font-size: 100px;
            line-height: 95px;
            letter-spacing: -3px;
            font-weight: 900;
            text-shadow: 0 0 60px rgba(0, 0, 0, 0.9)
        }

        .slider-fade.owl-theme .owl-nav {
            margin-top: 0
        }

        .slider-fade.owl-theme .owl-nav.disabled+.owl-dots {
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            max-width: 200px;
            bottom: 20px
        }

        .slider-fade .owl-nav .owl-next {
            right: 15px;
            position: absolute;
            top: 45%;
            color: var(--dark-color) !important;
            height: 60px;
            width: 60px;
            background: rgba(255, 255, 255, 1) !important;
            opacity: 1;
            border-radius: 6px;
            transition: all 0.3s ease
        }

        .slider-fade .owl-nav .owl-prev {
            position: absolute;
            color: var(--dark-color) !important;
            top: 45%;
            height: 60px;
            width: 60px;
            background: rgba(255, 255, 255, 1) !important;
            opacity: 1;
            border-radius: 6px;
            transition: all 0.3s ease
        }

        .slider-fade .owl-nav i,
        .slider-fade .owl-nav span {
            font-size: 17px;
            color: var(--dark-color)
        }

        .slider-fade .owl-nav .owl-next:hover {
            background: var(--theme-color) !important
        }

        .slider-fade .owl-nav .owl-next:hover span {
            color: #fff
        }

        .slider-fade .owl-nav .owl-next span {
            color: var(--theme-color);
            font-size: 24px;
            line-height: 55px;
            transition: all 0.3s ease
        }

        .slider-fade .owl-nav .owl-prev {
            left: 15px
        }

        .slider-fade .owl-nav .owl-prev:hover {
            background: var(--theme-color) !important
        }

        .slider-fade .owl-nav .owl-prev span {
            color: var(--theme-color);
            font-size: 24px;
            line-height: 55px;
            transition: all 0.3s ease
        }

        .slider-fade .owl-nav .owl-prev:hover span {
            color: #fff
        }

        @media screen and (max-width:1399px) {
            .slider-fade .item h1 {
                font-size: 100px;
                line-height: 95px;
                letter-spacing: -3px;
                font-weight: 900;
                text-shadow: 0 0 60px rgba(0, 0, 0, 0.9)
            }
        }

        @media screen and (max-width:1199px) {
            .slider-fade .item h1 {
                font-size: 90px;
                line-height: 90px;
                letter-spacing: -3px
            }
        }

        @media screen and (max-width:991px) {
            .slider-fade .item h1 {
                font-size: 70px;
                line-height: 65px;
                letter-spacing: -2px
            }
        }

        @media screen and (max-width:767px) {
            .slider-fade .item h1 {
                letter-spacing: -1px;
                font-size: 45px;
                line-height: 43px
            }
        }

        .slider-fade3 h1 {
            animation-delay: 0.8s
        }

        .slider-fade3 p {
            animation-delay: 1.2s
        }

        .slider-fade3 .banner-button {
            animation-delay: 1.6s
        }

        .slider-fade3.owl-carousel .owl-nav button.owl-prev,
        .slider-fade3.owl-carousel .owl-nav button.owl-next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: #fff;
            width: 60px;
            height: 60px;
            line-height: 60px;
            border-radius: 50%;
            color: #000;
            transition: all 0.65s cubic-bezier(0.23, 1, 0.32, 1)
        }

        .slider-fade3.owl-carousel .owl-nav button.owl-prev {
            left: 2%
        }

        .slider-fade3.owl-carousel .owl-nav button.owl-next {
            right: 2%
        }

        .slider-fade3.owl-carousel .owl-nav button.owl-prev:hover,
        .slider-fade3.owl-carousel .owl-nav button.owl-next:hover {
            background-color: var(--theme-color);
            color: #fff
        }

        .slider-fade3 .banner-button .button-text a {
            transform: scale(0)
        }

        .slider-fade3 .banner-button .button-text a:hover {
            transform: scale(1.1)
        }

        .slider-fade3.owl-theme .owl-nav.disabled+.owl-dots {
            position: absolute;
            bottom: 50px;
            right: 50px;
            margin: 0 !important
        }

        .slider-fade3.owl-theme .owl-dots .owl-dot span {
            background-color: #fff;
            opacity: 1
        }

        .slider-fade3.owl-theme .owl-dots .owl-dot.active span,
        .slider-fade3.owl-theme .owl-dots .owl-dot:hover span {
            background-color: var(--theme-color)
        }

        .slider-fade3 .owl-nav i,
        .slider-fade3 .owl-nav span {
            color: #000;
            font-size: 16px
        }

        .slider-fade3.owl-carousel .owl-nav button.owl-prev:hover i,
        .slider-fade3.owl-carousel .owl-nav button.owl-next:hover i,
        .slider-fade3.owl-carousel .owl-nav button.owl-prev:hover span,
        .slider-fade3.owl-carousel .owl-nav button.owl-next:hover span {
            color: #fff
        }

        .slider-fade3.owl-theme .owl-nav {
            margin-top: 0
        }

        @media screen and (max-width:1599px) {
            .slider-fade3.owl-carousel .owl-nav button.owl-prev {
                left: 0
            }

            .slider-fade3.owl-carousel .owl-nav button.owl-next {
                right: 0
            }
        }

        .banner-style01 .title-sm {
            font-weight: 700;
            position: relative;
            z-index: 2;
            display: inline-block
        }

        .banner-style01 .title-sm:before {
            content: '';
            background: var(--dark-color);
            height: 8px;
            width: 100%;
            position: absolute;
            bottom: 16px;
            z-index: -1
        }

        @media screen and (max-width:1199px) {
            .banner-style01 .title-sm:before {
                bottom: 13px
            }
        }

        @media screen and (max-width:991px) {
            .banner-style01 .title-sm:before {
                bottom: 9px
            }
        }

        @media screen and (max-width:767px) {
            .banner-style01 .title-sm:before {
                bottom: 7px
            }
        }

        @media screen and (max-width:1599px) {
            .banner-style01 .left-text {
                left: 10px
            }
        }

        @media screen and (max-width:1199px) {
            .banner-style01 .left-text {
                left: 0
            }
        }

        .banner-style02 {
            border-radius: 0 0 40px 40px
        }

        .banner-style02 .img1,
        .banner-style02 .img2 {
            margin-left: -16px
        }

        .banner-style02 h1 {
            font-size: 80px
        }

        @media only screen and (max-width:1199px) {
            .banner-style02 h1 {
                font-size: 72px
            }
        }

        @media only screen and (max-width:991px) {
            .banner-style02 h1 {
                font-size: 58px
            }
        }

        @media only screen and (max-width:767px) {
            .banner-style02 h1 {
                font-size: 48px
            }
        }

        @media only screen and (max-width:1199px) {
            .banner-style02 {
                border-radius: 0
            }
        }

        .banner-style03 .left-text {
            position: absolute;
            transform: rotate(-90deg) translate(-50%, 50%);
            transform-origin: 0 50%;
            transition: 1s cubic-bezier(0.7, 0, 0.3, 1) !important;
            top: 50%;
            left: 50px;
            z-index: 9
        }

        .banner-style03 .left-text span {
            font-size: 16px;
            color: #fff
        }

        .banner-style03 .left-text span i {
            font-size: 18px;
            margin-right: 10px;
            display: inline-block
        }

        .banner-style04 .banner-button {
            -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
            -webkit-box-align: center !important;
            -ms-flex-align: center !important;
            align-items: center !important;
            -ms-flex-pack: center;
            justify-content: flex-start;
            text-align: left;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: relative;
            z-index: 1
        }

        .banner-style04 .banner-button .button-arrow {
            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;
            position: relative;
            overflow: hidden;
            -webkit-transition: .3s;
            transition: .3s;
            margin-right: 15px;
            width: 65px;
            height: 65px;
            background-color: var(--dark-color);
            border-radius: 50%
        }

        .banner-style04 .banner-button .button-arrow i {
            font-size: 18px;
            color: #fff;
            position: relative;
            z-index: 1;
            -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
            transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
            font-weight: 700
        }

        .banner-style04 .banner-button .button-text a {
            font-size: 19px
        }

        @media screen and (max-width:767px) {
            .banner-style04 .banner-button .button-arrow {
                width: 50px;
                height: 50px
            }

            .banner-style04 .banner-button .button-arrow i {
                font-size: 14px
            }

            .banner-style04 .banner-button .button-text a {
                font-size: 16px
            }
        }

        .page-title-section {
            padding: 160px 0 100px 0
        }

        .page-title-section h1 {
            color: #ffffff;
            font-weight: 900;
            margin-bottom: 0;
            word-break: break-word;
            font-size: 64px;
            line-height: 1;
            text-align: left
        }

        .page-title-section ul {
            margin: 0;
            list-style: none;
            display: inline-block;
            line-height: 1.2;
            text-transform: uppercase;
            position: absolute;
            bottom: -100px;
            background: #fff;
            padding: 15px 30px;
            left: 0.8rem;
            max-width: 100%
        }

        .page-title-section ul li {
            display: inline-block;
            color: var(--dark-color);
            font-weight: 800;
            text-transform: uppercase;
            position: relative;
            padding-right: 25px;
            font-size: 14px
        }

        .page-title-section ul li:last-child {
            padding-right: 0
        }

        .page-title-section ul li:last-child:before {
            content: none
        }

        .page-title-section ul li:last-child:after {
            content: none
        }

        .page-title-section ul li:last-child a {
            color: var(--dark-color)
        }

        .page-title-section ul li:after {
            position: absolute;
            content: '';
            z-index: 1;
            border-radius: 50%;
            height: 6px;
            width: 6px;
            bottom: 5px;
            right: 6px;
            background: var(--theme-color)
        }

        .page-title-section ul li:last-child:after {
            content: none
        }

        .page-title-section ul li a {
            color: #20252d;
            font-size: 14px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 1px
        }

        @media screen and (max-width:1199px) {
            .page-title-section {
                padding: 150px 0 100px 0
            }

            .page-title-section h1 {
                font-size: 54px
            }

            .page-title-section .shape-one {
                bottom: 15px
            }

            .page-title-section .shape-two {
                bottom: 55px
            }
        }

        @media screen and (max-width:991px) {
            .page-title-section {
                padding: 130px 0 100px 0
            }

            .page-title-section h1 {
                font-size: 48px
            }
        }

        @media screen and (max-width:767px) {
            .page-title-section {
                padding: 130px 0 100px 0
            }

            .page-title-section h1 {
                font-size: 40px
            }
        }

        .page-title-section.style2 ul {
            margin-left: auto;
            margin-right: auto;
            left: 0;
            right: 0;
            max-width: fit-content
        }

        .card .card-body {
            color: #575a7b
        }

        .card-style1 {
            transition: 0.3s;
            box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
            position: relative;
            height: 100%
        }

        .card-style1:before {
            content: '';
            background: rgba(0, 0, 0, 0.7);
            height: 100%;
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0
        }

        .card-style1:hover:before {
            opacity: 1
        }

        .card-style1:hover .card-body {
            background-color: transparent
        }

        .card-style1:hover h3,
        .card-style1:hover p,
        .card-style1:hover a,
        .card-style1:hover .card-footer i {
            color: #fff
        }

        .card-style1 .card-body {
            background-color: #fff;
            width: 100%;
            height: 100%;
            transition: all .5s
        }

        .card-style1 .card-footer {
            background-color: #fff;
            border-top-color: #eee
        }

        .card-style1:hover .card-footer {
            background-color: transparent;
            border-top-color: rgba(255, 255, 255, 0.5)
        }

        .card-style1:hover .card-icon {
            -webkit-transform: translateY(-10px) translate3d(0, -10px, 0);
            -moz-transform: translateY(-10px) translate3d(0, -10px, 0);
            -ms-transform: translateY(-10px) translate3d(0, -10px, 0);
            transform: translateY(-10px) translate3d(0, -10px, 0);
            background: var(--theme-color)
        }

        .card-style1 .card-icon {
            width: 110px;
            height: 110px;
            border-radius: 50%;
            text-align: center;
            background: var(--dark-color);
            line-height: 110px;
            margin: -100px auto 20px auto;
            backface-visibility: hidden;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
            -moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
            -ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
            -o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
            transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18)
        }

        .card-style1 .card-border::before {
            position: absolute;
            content: "";
            background: #eee;
            width: 1px;
            height: 45px;
            top: 10%;
            transition: 0.3s
        }

        .card-style1 .card-border::after {
            position: absolute;
            content: "";
            background: #eee;
            width: 1px;
            height: 45px;
            transition: 0.3s;
            bottom: 30px;
            opacity: 0;
            transition: 0.3s
        }

        .card-style1:hover .card-border::after {
            background: var(--theme-color);
            opacity: 1;
            bottom: -45px;
            transition: 0.3s
        }

        .card-style2 {
            box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
            overflow: hidden;
            height: 100%;
            transition: all 0.3s ease-out 0s
        }

        .card-style2:hover {
            background-color: var(--dark-color)
        }

        .card-style2 .card-icon {
            position: absolute;
            right: -20px;
            top: -20px;
            font-size: 120px;
            line-height: 1;
            z-index: 0;
            opacity: .1;
            color: var(--dark-color);
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s
        }

        .card-style2:hover .card-icon,
        .card-style2:hover p,
        .card-style2:hover a {
            color: #fff
        }

        .card-style2 .card-body .card-btn a {
            background-color: var(--dark-color);
            color: #fff;
            line-height: 50px;
            display: block;
            text-align: center;
            height: 50px;
            width: 50px;
            border: none;
            border-radius: 50%;
            font-size: 16px;
            z-index: 5;
            transition: all 0.5s ease-in-out;
            position: relative
        }

        .card-style2:hover .card-body .card-btn a {
            background-color: #fff;
            color: var(--dark-color)
        }

        @media screen and (max-width:991px) {
            .card-style2 .card-icon {
                font-size: 100px
            }
        }

        .services-top {
            margin-top: -90px;
            z-index: 9
        }

        @media screen and (max-width:1199px) {
            .services-top {
                margin-top: -70px
            }
        }

        .card-style3 .card-body {
            padding: 0;
            position: relative;
            height: 100%;
            width: 100%
        }

        /* .card-style3 .card-body:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;opacity:1;background-color:rgba(25,70,187,0.8);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform:scaleY(0);-webkit-transition:transform 0.5s cubic-bezier(0.57,0.04,0.06,0.84),opacity 0s 0.5s;transition:transform 0.5s cubic-bezier(0.57,0.04,0.06,0.84),opacity 0s 0.5s}.card-style3:hover .card-body:after{opacity:1;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);transform:scaleY(1);-webkit-transition:transform 0.5s cubic-bezier(0.57,0.04,0.06,0.84),opacity 0s;transition:transform 0.5s cubic-bezier(0.57,0.04,0.06,0.84),opacity 0s}.card-style3 .card-body .portfolio-icon{position:absolute;right:0px;top:0;z-index:1}.card-style3 .card-body .portfolio-icon .top-icon{position:relative;opacity:1;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:-webkit-transform .4s,opacity .2s;transition:transform .4s,opacity .2s;will-change:transform,opacity}.card-style3:hover .card-body .portfolio-icon .top-icon{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.57,0.04,0.06,0.84) 0.2s,opacity 0.2s 0.2s;transition:transform 0.6s cubic-bezier(0.57,0.04,0.06,0.84) 0.2s,opacity 0.2s 0.2s}*/
        .card-style3 .card-body .portfolio-icon .top-icon a {
            border: 2px solid transparent;
            display: inline-block;
            position: relative;
            transition: all 0.2s ease;
            color: #fff;
            font-size: 24px;
            height: 73px;
            line-height: 70px;
            text-align: center;
            width: 75px;
            background-color: var(--theme-color)
        }

        .card-style3 .card-body .portfolio-content {
            position: relative;
            margin-top: 10px
        }

        .card-style3 .card-body .portfolio-content span {
            position: relative;
            opacity: 1;
            /*-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:-webkit-transform .4s,opacity .2s;transition:transform .4s,opacity .2s;will-change:transform,opacity;*/
            padding-bottom: 10px;
            display: block
        }

        /*.card-style3:hover .card-body .portfolio-content span{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.57,0.04,0.06,0.84) 0.1s,opacity 0.2s 0.1s;transition:transform 0.6s cubic-bezier(0.57,0.04,0.06,0.84) 0.1s,opacity 0.2s 0.1s}*/
        .card-style3 .card-body .portfolio-content h3 {
            position: relative;
            font-size: 18px;
            color: var(--theme-color);
            opacity: 1;
            /*-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:-webkit-transform .4s,opacity .2s;transition:transform .4s,opacity .2s;will-change:transform,opacity*/
        }

        .card-style3 .card-body .portfolio-content h3 {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal
        }

        /*.card-style3:hover .card-body .portfolio-content h3{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.57,0.04,0.06,0.84) 0.1s,opacity 0.2s 0.1s;transition:transform 0.6s cubic-bezier(0.57,0.04,0.06,0.84) 0.1s,opacity 0.2s 0.1s}*/
        .card-style3 .card-body.round:after {
            border-radius: .3rem
        }

        @media screen and (max-width:1199px) {
            .card-style3 .card-body .portfolio-content {
                bottom: 15px;
                left: 25px
            }

            .card-style3 .card-body .portfolio-icon .top-icon a {
                width: 60px;
                height: 60px;
                line-height: 60px;
                font-size: 17px
            }
        }

        @media screen and (max-width:575px) {
            .card-style3 .card-body .portfolio-icon .top-icon a {
                width: 50px;
                height: 50px;
                line-height: 50px;
                font-size: 14px
            }
        }

        .card-style4 {
            box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
            word-break: break-word
        }

        .card-style4 .blog-img .category {
            color: #fff;
            text-align: center;
            background-color: var(--theme-color);
            font-size: 16px;
            display: block;
            padding: 8px 15px;
            position: absolute;
            bottom: 0;
            z-index: 99
        }

        .card-style4 .blog-img .category:hover {
            color: #fff;
            background-color: var(--dark-color)
        }

        .card-style4 .blog-img:before {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 1;
            display: block;
            content: '';
            width: 0;
            height: 0;
            background: rgba(255, 255, 255, 0.2);
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            opacity: 0
        }

        .card-style4:hover .blog-img:before {
            -webkit-animation: circle .75s;
            animation: circle .75s
        }

        .card-style4 .blog-img .category {
            color: inherit;
            background-color: inherit;
            padding: 0;
            right: 15px;
            position: absolute;
            top: 16px;
            text-align: left
        }

        .card-style4 .blog-img .category a {
            color: #fff
        }

        .card-style4 .blog-img .category:hover {
            background: transparent;
            color: inherit
        }

        .card-style4 .blog-img .category a {
            color: #fff;
            text-align: center;
            background-color: var(--dark-color);
            font-size: 14px;
            display: inline-block;
            padding: 6px 12px;
            margin-left: 4px;
            margin-top: 4px;
            font-weight: 700;
            text-transform: uppercase
        }

        .card-style4 .blog-img .category a:last-child {
            margin-right: 0
        }

        .card-style4 .blog-img .category a:hover {
            color: #fff;
            background-color: var(--theme-color)
        }

        .card-style4 .blog-img .category.rounded-pill a {
            border-radius: 50rem;
            font-size: 12px
        }

        .card-style4 .blog-img>span:first-child {
            position: inherit;
            left: 0;
            top: -4px;
            display: inline-block;
            text-align: left
        }

        .card-style5 .card-body .icon-holder .box {
            position: absolute;
            top: -6px;
            right: -3px;
            border-radius: 50px;
            width: 40px;
            height: 40px;
            background-color: rgba(28, 191, 170, 0.2);
            transition: all 500ms ease
        }

        .card-style5:hover .icon-holder .box {
            background-color: var(--theme-color)
        }

        .card-style5 .card-body .icon-holder span:before {
            position: relative;
            display: inline-block;
            color: var(--dark-color);
            font-size: 65px;
            line-height: 65px;
            transform: scale(1);
            transform-style: preserve-3d;
            transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52)
        }

        .card-style5:hover .icon-holder span:before {
            color: #20252d;
            transform: scale(0.9)
        }

        .card-style5 .card-img-top {
            border-top-left-radius: calc(0.25rem - 1px);
            border-top-right-radius: calc(0.25rem - 1px)
        }

        .card-style6 {
            box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
            position: relative;
            overflow: hidden;
            text-align: center;
            transition: all 0.5s ease-in-out;
            border: none;
            height: 100%
        }

        .card-style6 .card-image {
            width: 190px;
            margin: 0 auto;
            border-radius: 50% !important;
            position: relative;
            overflow: hidden;
            height: 190px
        }

        .card-style6 .card-image:before {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 1;
            display: block;
            content: '';
            width: 0;
            height: 0;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 0%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            opacity: 0
        }

        .card-style6:hover .card-image:before {
            -webkit-animation: circle .95s;
            animation: circle .95s
        }

        .card-style6 .card-icon {
            width: 60px;
            display: inline-block;
            height: 60px;
            line-height: 60px;
            background-color: var(--theme-color);
            color: #fff;
            position: absolute;
            bottom: -26px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 4
        }

        .card-style6:hover .link-box .overlay-btn {
            opacity: 1;
            transform: translateX(-50%) scale(1, 1);
            color: var(--dark-color)
        }

        .card-style6 .link-box .overlay-btn {
            left: 50%;
            transform: translateX(-50%) scale(0, 0);
            bottom: 0px;
            opacity: 0;
            padding-right: 30px;
            min-width: 125px;
            transition: all 500ms ease
        }

        .card-style6 .link-box .overlay-btn i {
            top: 7px;
            right: 0px
        }

        .card-style6:hover .link-box .link-btn {
            opacity: 0
        }

        @-webkit-keyframes circle {
            0% {
                opacity: 1
            }

            40% {
                opacity: 1
            }

            100% {
                width: 200%;
                height: 200%;
                opacity: 0
            }
        }

        @keyframes circle {
            0% {
                opacity: 1
            }

            40% {
                opacity: 1
            }

            100% {
                width: 200%;
                height: 200%;
                opacity: 0
            }
        }

        .card-style7 .card-body {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: flex-start;
            position: absolute;
            z-index: 3;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 40px;
            text-align: left;
            opacity: 0;
            transition: 0.5s;
            overflow: hidden
        }

        .card-style7:hover .card-body {
            opacity: 1
        }

        .card-style7 .portfolio-content {
            position: absolute;
            left: -80px;
            bottom: 0;
            background-color: #fff;
            padding: 30px 40px;
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
            visibility: hidden;
            opacity: 0;
            z-index: 2
        }

        .card-style7:hover .portfolio-content {
            left: 0;
            visibility: visible;
            opacity: 1
        }

        .card-style7 .portfolio-content span {
            position: relative;
            display: inline-block;
            margin-bottom: 5px
        }

        .card-style7 .portfolio-content .content-inner {
            border-left: 3px solid var(--dark-color);
            padding: 0 0 0 20px
        }

        .card-style7:before {
            content: "";
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: 0.5s;
            background-color: rgba(19, 136, 215, 0.7)
        }

        .card-style7:hover:before {
            opacity: 1
        }

        @media screen and (max-width:1199px) {
            .card-style7 .portfolio-content {
                padding: 20px
            }
        }

        .card-style8 {
            height: 100%
        }

        .card-style8 .social-icon {
            position: absolute;
            left: 0;
            bottom: -45px;
            padding: 30px 0 0 0;
            right: 0;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
            z-index: 1;
            text-align: center
        }

        .card-style8 .social-icon ul li {
            display: inline-block;
            margin: 0 5px 0 0
        }

        .card-style8:hover .social-icon {
            bottom: 15px
        }

        .card-style8 .social-icon ul li a {
            display: inline-block;
            color: #ffffff;
            height: 40px;
            width: 40px;
            line-height: 40px;
            border-radius: 50%;
            background-color: var(--dark-color)
        }

        .card-style8 .social-icon ul li a:hover {
            background-color: var(--theme-color)
        }

        .card-style9 {
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out
        }

        .card-style9:hover {
            webkit-transform: translateY(-4px);
            transform: translateY(-4px);
            -webkit-box-shadow: 0px 10px 30px rgba(29, 58, 83, 0.15);
            box-shadow: 0px 10px 30px rgba(29, 58, 83, 0.15)
        }

        .card-style10 .card-body .feature-categories {
            top: -17px;
            left: 0;
            padding: 4px 12px;
            -webkit-transition: .3s;
            transition: .3s;
            display: inline-block;
            font-size: 12px;
            background-color: var(--theme-color);
            position: absolute
        }

        .card-style10 .feature-image img {
            webkit-transition: all .3s linear;
            transition: all .3s linear;
            will-change: transform
        }

        .card-style10:hover .feature-image img {
            -webkit-transform: scale(1.07);
            transform: scale(1.07)
        }

        .card-style11 {
            border-radius: 10px;
            height: 100%
        }

        .card-style11 .icon i {
            width: 60px;
            height: 60px;
            line-height: 60px;
            border-radius: 50%;
            background-color: var(--theme-color);
            text-align: center;
            color: #fff;
            font-size: 36px;
            position: absolute;
            top: -38px;
            right: 30px
        }

        .card-style12 .team-img span {
            position: absolute;
            left: 0;
            bottom: 0;
            background-color: var(--theme-color);
            color: #fff;
            padding: 10px 20px;
            line-height: 35px;
            right: 0;
            margin: 0 auto;
            text-align: center;
            max-width: 210px
        }

        .card-style12 .card-body {
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px
        }

        .card-style12 .card-body:before {
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            position: absolute;
            z-index: 1;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            background: var(--dark-color);
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
            transition: all .4s ease;
            opacity: 0
        }

        .card-style12:hover .card-body:before {
            content: "";
            opacity: 1;
            -webkit-transform: translateY(0%);
            transform: translateY(0%)
        }

        .card-style12:hover .card-body h3,
        .card-style12:hover .card-body a {
            color: #fff
        }

        .card-style12:hover .card-body ul li .icon-box.small {
            background-color: #fff;
            color: var(--dark-color)
        }

        .card-style13 .card-body {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: "";
            border-radius: 10px;
            background: rgba(28, 191, 170, 0.9);
            -webkit-transform: translateY(20%);
            transform: translateY(20%);
            transition: all .4s ease;
            opacity: 0
        }

        .card-style13:hover .card-body {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        .card-style13 .card-body .hover-content .hover-inner {
            -webkit-transform: scale(0);
            transform: scale(0);
            transition: all 700ms ease 500ms
        }

        .card-style13:hover .card-body .hover-content .hover-inner {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        .card-style14 {
            transition: 0.3s;
            box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
            position: relative;
            height: 100%
        }

        .card-style14 .card-body {
            padding: 1.5rem
        }

        .card-style15 {
            padding: 62px 75px;
            border: 1px solid rgba(0, 0, 0, 0.1);
            border-radius: 0;
            -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
            -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
            transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
            height: 100%
        }

        @media screen and (max-width:1399px) {
            .card-style15 {
                padding: 52px 55px
            }
        }

        @media screen and (max-width:991px) {
            .card-style15 {
                padding: 42px 45px
            }
        }

        @media screen and (max-width:575px) {
            .card-style15 {
                padding: 32px 30px
            }
        }

        .card-style16 .card-body {
            padding: 40px 45px 40px 45px
        }

        .card-style16 .card-body .service-img {
            margin: 0 auto 25px;
            position: relative
        }

        .card-style16 .card-body .icon-circle {
            width: 85px;
            height: 85px;
            position: absolute;
            background-color: rgba(28, 191, 170, 0.1);
            border-radius: 50%;
            top: 0;
            left: 50%;
            transform: translateX(-50%) !important
        }

        .card-style16 .card-btn {
            background: transparent;
            display: flex;
            flex-direction: column;
            text-align: center;
            overflow: hidden;
            width: 100%;
            justify-content: center;
            position: relative;
            border-radius: 0
        }

        .card-style16 .card-btn .main-butn {
            font-weight: 700;
            padding: 10px 0;
            border-top: 1px solid #dee2e6;
            font-size: 14px;
            text-transform: uppercase
        }

        .card-style16 .card-btn .main-butn .main-text {
            -webkit-transition: all .3s linear;
            transition: all .3s linear;
            display: block
        }

        .card-style16 .card-btn .hover-butn {
            position: absolute;
            left: 0;
            top: 100%;
            width: 100%;
            height: 100%;
            -webkit-transition: all .3s linear;
            transition: all .3s linear;
            background-color: var(--theme-color);
            display: flex;
            justify-content: center;
            align-items: center
        }

        .card-style16 .card-btn .hover-butn a {
            padding: 0 0 2px;
            position: relative;
            border: 0;
            letter-spacing: 0;
            background-color: transparent;
            font-size: 15px;
            font-weight: 700;
            display: inline-block;
            width: auto;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            color: #fff
        }

        .card-style16 .card-btn .hover-butn .inner-butn {
            display: inline-flex;
            align-items: center
        }

        .card-style16 .card-btn .hover-butn .inner-butn .hover-text {
            margin-left: -13px;
            position: relative;
            z-index: 3;
            transition: transform 0.6s 125ms cubic-bezier(0.1, 0.75, 0.25, 1)
        }

        .card-style16 .card-btn .hover-butn .inner-butn .btn-icon {
            margin-left: 6px;
            position: relative;
            transition: opacity .4s .25s, transform .6s .25s;
            transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
            line-height: 0;
            z-index: 3
        }

        .card-style16 .card-btn .hover-butn .inner-butn .btn-icon i {
            margin: 0;
            line-height: 0;
            position: relative
        }

        .card-style16 .card-btn .hover-butn .inner-butn .btn-icon+.btn-icon {
            order: -2;
            opacity: 0;
            transition-delay: 0s;
            margin-left: 0;
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px)
        }

        .card-style16:hover .card-btn .main-butn .main-text {
            -webkit-transform: translateY(20px);
            transform: translateY(20px)
        }

        .card-style16:hover .card-btn .hover-butn {
            top: 0
        }

        @media screen and (max-width:1399px) {
            .card-style16 .card-body {
                padding: 35px 30px
            }
        }

        @media screen and (max-width:991px) {
            .card-style16 .card-body .icon-circle {
                width: 75px;
                height: 75px
            }
        }

        @media screen and (max-width:575px) {
            .card-style16 .card-body {
                padding: 30px 30px
            }

            .card-style16 .card-body .icon-circle {
                width: 60px;
                height: 60px
            }
        }

        .card-style17 .card-header h3 {
            font-size: 24px;
            line-height: 30px
        }

        .card-style17 .card-header .pricing-img {
            display: flex;
            text-align: center;
            background-color: var(--dark-color);
            width: 90px;
            height: 90px;
            color: #fff;
            border-radius: 50%;
            align-items: center;
            justify-content: center;
            margin: 0 auto 30px
        }

        @media screen and (max-width:991px) {
            .card-style17 .card-header .pricing-img {
                width: 80px;
                height: 80px
            }
        }

        .card-style18 {
            -webkit-transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
            transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1)
        }

        .card-style18 .card-body {
            padding: 15% 10%
        }

        .card-style18 .service-img {
            background-color: rgba(28, 191, 170, 0.1);
            margin-bottom: 30px;
            width: 100px;
            height: 100px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%
        }

        .card-style18:hover .service-img {
            background-color: rgba(255, 255, 255, 0.9)
        }

        .card-style18 .service-btn {
            color: #303334;
            font-size: 18px;
            font-weight: 700;
            display: flex
        }

        .card-style18 .service-btn i {
            width: 24px;
            height: 24px;
            border: 2px solid #303334;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 14px;
            margin-right: 6px
        }

        .card-style18 .card-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            background-color: var(--theme-color);
            border-radius: 6px;
            z-index: 1;
            -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
            transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0)
        }

        .card-style18 .service-butn {
            display: inline-flex;
            align-items: center;
            font-weight: 600;
            font-size: 15px;
            letter-spacing: 0em;
            color: var(--dark-color)
        }

        .card-style18 .service-butn i {
            margin-left: 10px;
            font-size: 16px;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            display: inline-block
        }

        .card-style18:hover .card-overlay {
            opacity: 1
        }

        .card-style18:hover h3 a {
            color: #fff
        }

        .card-style18:hover .service-btn {
            color: #fff
        }

        .card-style18:hover .service-btn i {
            border-color: #fff
        }

        .card-style18 .service-btn:hover i {
            border-color: rgba(255, 255, 255, 0.7)
        }

        .card-style18:hover p,
        .card-style18 .service-btn:hover {
            color: rgba(255, 255, 255, 0.7)
        }

        .card-style18:hover .service-butn {
            color: #fff
        }

        @media screen and (max-width:991px) {
            .card-style18 .card-body {
                padding: 10%
            }
        }

        @media screen and (max-width:575px) {
            .card-style18 .card-body {
                padding: 6%
            }

            .card-style18 .service-img {
                width: 100px;
                height: 100px
            }
        }

        .card-style20 {
            box-shadow: 0 0 15px #00000014;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out
        }

        .card-style20:hover {
            webkit-transform: translateY(-4px);
            transform: translateY(-4px);
            -webkit-box-shadow: 0px 10px 30px rgba(29, 58, 83, 0.15);
            box-shadow: 0px 10px 30px rgba(29, 58, 83, 0.15)
        }

        .card-style21 .card-body {
            position: relative;
            padding: 40px 25px 30px;
            background-color: #fff;
            box-shadow: -3px 0px 30px 0px rgba(0, 0, 0, 0.1);
            text-align: center;
            color: #575a7b
        }

        .card-style21:hover .img-card img {
            transform: scale(1.2);
            transition: all 1.5s ease
        }

        .card-style21 .card-body:before {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0 12px 12px;
            border-color: transparent transparent var(--dark-color) transparent;
            bottom: 2px;
            right: 2px
        }

        .card-style21 .card-body .icon-wrapper {
            width: 75px;
            height: 75px;
            padding: 15px;
            background-color: #1158e7;
            position: relative;
            margin: -84px auto 25px;
            border-radius: 5px;
            z-index: 99;
            text-align: center
        }

        .card-style21 .service-card {
            padding: 75px 40px 30px 40px;
            transition: 0.4s;
            height: 420px
        }

        .card-style21 .service-card:before {
            background: rgba(42, 51, 78, 0.76);
            background: linear-gradient(-180deg, transparent, #2a334e 110%);
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        .card-style21 .service-card .service-details {
            overflow: hidden;
            position: absolute;
            left: 0;
            bottom: -115px;
            width: 100%;
            padding: 25px;
            transition: all 0.3s;
            z-index: 9
        }

        .card-style21 .service-card:hover .service-details {
            bottom: 10px
        }

        .card-style21 .service-card .service-details h3,
        .card-style21 .service-card .service-details a,
        .card-style21 .service-card .service-details p {
            color: #fff
        }

        .card-style21 .service-card .service-details h3:hover,
        .card-style21 .service-card .service-details h3:active,
        .card-style21 .service-card .service-details h3:focus {
            color: var(--dark-color)
        }

        .card-style21 .service-card .service-details a:hover,
        .card-style21 .service-card .service-details a:active,
        .card-style21 .service-card .service-details a:focus {
            color: var(--dark-color)
        }

        .card-style21 .service-card:hover .service-details p {
            height: auto;
            opacity: 1;
            visibility: visible
        }

        .card-style21 .service-card .service-details p {
            visibility: hidden;
            opacity: 0;
            transition: all 0.3s ease 0.1s;
            height: 70px
        }

        @media screen and (max-width:575px) {
            .card-style21 .card-body {
                padding: 30px 20px 20px
            }

            .card-style21 .card-body .icon-wrapper {
                width: 70px;
                height: 70px;
                padding: 10px;
                margin: -80px auto 25px
            }
        }

        .card-style22 .card-body .icon-holder .box {
            position: absolute;
            top: -6px;
            right: -3px;
            border-radius: 50px;
            width: 40px;
            height: 40px;
            background-color: rgba(28, 191, 170, 0.2);
            transition: all 500ms ease
        }

        .card-style22:hover .icon-holder .box {
            background-color: var(--theme-color)
        }

        .card-style22 .icon .main-img {
            transform: scale(1);
            transform-style: preserve-3d;
            transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52)
        }

        .card-style22:hover .icon .main-img {
            opacity: 0;
            transform: scale(0.9)
        }

        .card-style22 .icon .hover-img {
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0
        }

        .card-style22:hover .icon .hover-img {
            opacity: 1;
            transform: scale(0.9)
        }

        .card-style23 {
            background-color: #f8f9fa
        }

        .card-style23:hover {
            background: white;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            -webkit-box-shadow: 0px 10px 60px rgba(208, 208, 208, 0.25);
            box-shadow: 0px 10px 60px rgba(208, 208, 208, 0.25)
        }

        .card-style24 .card-body .team-icons {
            position: absolute;
            right: 0;
            bottom: 10px;
            content: "";
            transition: all .4s ease-in-out;
            z-index: 2;
            display: inline-block;
            overflow: hidden;
            cursor: pointer
        }

        .card-style24 .card-body .team-icons ul {
            transform: translateY(100px);
            transition: all .6s ease-in-out;
            opacity: 0;
            visibility: hidden
        }

        .card-style24 .card-body .team-icons ul li a {
            width: 35px;
            height: 35px;
            line-height: 35px;
            display: block;
            background: var(--dark-color);
            color: #fff;
            transition: all .4s ease-in-out;
            text-align: center;
            border-radius: 50%;
            margin: 0 auto 10px;
            font-size: 14px
        }

        .card-style24 .card-body .team-icons span {
            z-index: 2;
            cursor: pointer;
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            display: inline-block;
            background: transparent;
            color: var(--dark-color);
            transition: all .3s ease-in-out;
            border-radius: 50%;
            border: 1px solid #e6e6e6
        }

        .card-style24 .card-body .team-icons:hover ul {
            transform: translateY(0);
            opacity: 1;
            visibility: visible
        }

        .card-style24 .card-body .team-icons ul li a:hover {
            background-color: var(--theme-color)
        }

        .card-style25 {
            transition: all 0.3s ease 0.1s
        }

        .card-style25 img {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px
        }

        .card-style25 .card-body {
            box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.06);
            border-radius: 0 0 5px 5px;
            padding: 20px 15px;
            transition: .4s;
            margin-bottom: 20px
        }

        .card-style25:hover {
            transform: translateY(-5px)
        }

        .card-style25:hover .card-body {
            background-color: var(--dark-color)
        }

        .card-style25 .card-body h3 a {
            color: #272c49
        }

        .card-style25:hover .card-body h3 a {
            color: #fff
        }

        .card-style26 {
            border: none;
            border-radius: 5px;
            height: 100%;
            box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08)
        }

        .card-style26 .radius-top {
            border-top-left-radius: 6px;
            border-top-right-radius: 6px
        }

        .card-style26 .blog-img {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px
        }

        .card-style26 .blog-img img {
            will-change: transform;
            -webkit-transition: -webkit-transform .3s ease;
            -ms-transition: -ms-transform .3s ease;
            transition: transform .3s ease;
            -webkit-transition: all .5s ease;
            -ms-transition: all .5s ease;
            transition: all .5s ease;
            -webkit-transform: scale(1.01, 1.01);
            -ms-transform: scale(1.01, 1.01);
            transform: scale(1.01, 1.01)
        }

        .card-style26 .post-date {
            position: absolute;
            right: 30px;
            top: -42px;
            background: var(--theme-color);
            color: #fff;
            border-radius: 3px;
            line-height: normal;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            padding: 14px 15px
        }

        .card-style26 .post-date .month {
            font-size: 12px;
            text-transform: uppercase
        }

        .card-style26 .blog-tag:before {
            content: "";
            margin: 0 0.75em;
            width: 3px;
            height: 3px;
            background-color: #8E919D;
            top: 50%;
            transform: translateY(-50%);
            left: -30%;
            display: inline-block;
            position: absolute;
            border-radius: 50%
        }

        .card-style26:hover .blog-img img {
            -webkit-transform: scale(1.07, 1.07);
            -ms-transform: scale(1.07, 1.07);
            transform: scale(1.07, 1.07)
        }

        .card-style27 .service-butn {
            display: inline-flex;
            align-items: center;
            font-weight: 600;
            font-size: 15px;
            letter-spacing: 0em;
            color: var(--dark-color)
        }

        .card-style27 .service-butn i {
            margin-left: 10px;
            font-size: 16px;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            display: inline-block;
            transition: .4s
        }

        .card-style27:hover .service-butn {
            color: var(--theme-color)
        }

        .card-style27 .service-butn:hover i {
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        .card-style27 .box {
            position: absolute;
            top: -6px;
            right: -3px;
            border-radius: 50px;
            width: 40px;
            height: 40px;
            background-color: rgba(28, 191, 170, 0.2);
            transition: all 500ms ease
        }

        .card-style27:hover .box {
            background-color: var(--theme-color)
        }

        .card-style27 .icon .main-img {
            transform: scale(1);
            transform-style: preserve-3d;
            transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52)
        }

        .card-style27:hover .icon .main-img {
            opacity: 0;
            transform: scale(0.9)
        }

        .card-style27 .icon .hover-img {
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0
        }

        .card-style27:hover .icon .hover-img {
            opacity: 1;
            transform: scale(0.9)
        }

        .card-style28 .service-img:before {
            position: absolute;
            left: 0;
            bottom: 0;
            height: 100%;
            width: 100%;
            content: "";
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #20252d 90%);
            pointer-events: none;
            z-index: 2;
            transition: all .5s ease;
            border-radius: 0.375rem
        }

        .card-style28 .service-img:after {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            background-color: var(--theme-color);
            height: 0;
            opacity: .75;
            z-index: 2;
            content: "";
            transition: all .3s ease;
            border-radius: 0.375rem
        }

        .card-style28:hover .service-img:after {
            height: 100%
        }

        .card-style28 .service-img img {
            transition: all .3s ease
        }

        .card-style28:hover .service-img img {
            transform: scale(1.1)
        }

        .card-style28 .service-icon {
            position: absolute;
            right: 40px;
            top: 10px;
            height: 52px;
            width: 52px;
            border-radius: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 18px;
            padding-top: 2px;
            border: 2px solid #fff;
            z-index: 2;
            transition: all .3s ease;
            opacity: 0
        }

        .card-style28:hover .service-icon {
            right: 40px;
            top: 40px;
            opacity: 1;
            transition-delay: .3s
        }

        .card-style28 .service-icon:hover {
            transform: rotate(-45deg);
            border: 2px solid var(--dark-color);
            background-color: var(--dark-color)
        }

        .card-style29 {
            padding: 0.8rem;
            border-radius: 3px;
            border: 1px solid rgba(0, 0, 0, 0.075)
        }

        .card-style29 h4 {
            font-size: 16px;
            font-weight: normal;
            margin-bottom: 0
        }

        .card-style29 .card-body {
            border-bottom: none;
            padding-right: 0;
            padding-left: 0
        }

        .card-style29 .card-body small {
            letter-spacing: 1px;
            font-size: 12px
        }

        .card-style29 .card-footer {
            background: none;
            border-top: 1px solid rgba(0, 0, 0, 0.075);
            padding-right: 0;
            padding-left: 0;
            padding-bottom: 0
        }

        .card-style29 .card-footer .read-more {
            font-size: 14px;
            color: var(--theme-color);
            letter-spacing: 0.8px;
            font-weight: 500
        }

        .card-style29 .card-footer i {
            vertical-align: middle
        }

        .about-main-img:before {
            width: 20px;
            height: 40px;
            content: '';
            background-color: var(--dark-color);
            position: absolute;
            right: 72px;
            bottom: 20px
        }

        .about-main-img:after {
            width: 35px;
            height: 60px;
            background-color: #ffffff;
            position: absolute;
            bottom: -20px;
            right: 30px;
            content: ''
        }

        .about-bg {
            top: 0;
            left: 0;
            width: 40%;
            content: "";
            height: 100%;
            position: absolute !important;
            z-index: 0
        }

        .shape1 {
            width: 45px;
            height: 70px;
            background-color: var(--dark-color);
            position: absolute;
            top: -40px;
            right: 30px
        }

        .shape2 {
            width: 25px;
            height: 50px;
            background-color: var(--theme-color);
            position: absolute;
            right: 85px;
            top: -60px
        }

        .about2-yearbox {
            background-color: #20252d;
            color: #fff;
            position: absolute;
            width: 200px;
            padding: 30px;
            bottom: 20px;
            left: 25%
        }

        blockquote:before {
            content: "";
            position: absolute;
            width: 4px;
            height: 100%;
            top: 0;
            left: 10px;
            background-color: #fff
        }

        p.quote-box:before {
            content: "";
            position: absolute;
            width: 4px;
            height: 100%;
            top: 0;
            left: 10px;
            background-color: #575a7b
        }

        .about-3 .about-img-content {
            position: absolute;
            text-align: center;
            box-shadow: 0px 5px 83px 0px rgba(27, 26, 26, 0.06);
            background-color: #fff;
            top: 20%;
            width: 230px;
            padding: 25px;
            left: -30px
        }

        .about-3 .about-text {
            padding: 20px 50px 20px 20px;
            transition-duration: .3s
        }

        .about-3 .about-text:hover {
            box-shadow: 4px 4px 36px 0px rgba(0, 0, 0, 0.07)
        }

        .about-3 .about-text i {
            position: relative;
            z-index: 9
        }

        .about-3 .about-text i:after {
            content: '';
            top: 0px;
            right: -3px;
            border-radius: 50px;
            width: 40px;
            height: 40px;
            background-color: rgba(19, 136, 215, 0.2);
            transition: all 500ms ease;
            position: absolute;
            z-index: -1
        }

        .about-3 .about-text:hover i:after {
            background-color: var(--dark-color)
        }

        @media screen and (max-width:575px) {
            .about-3 .about-img:before {
                right: 101px;
                bottom: 35px
            }

            .about-3 .about-img:after {
                right: 60px;
                bottom: 0
            }

            .about-3 .about-text {
                padding: 20px
            }
        }

        .about-4 img {
            position: absolute;
            top: 0;
            left: 0
        }

        .about-5 .about-shape1 {
            position: absolute;
            height: 60px;
            width: 30px;
            background: var(--theme-color);
            bottom: 0;
            right: 30px;
            overflow: hidden
        }

        .about-5 .about-shape1:after {
            background: var(--dark-color);
            animation: move 3s infinite;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .about-5 .about-shape1:before {
            background: var(--theme-color);
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .about-5 .about-shape2 {
            background: var(--dark-color);
            bottom: 40px;
            right: 68px;
            height: 38px;
            width: 18px;
            position: absolute;
            overflow: hidden
        }

        .about-5 .about-shape2:after {
            background: var(--theme-color);
            animation: move 3s infinite;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .about-5 .about-shape2:before {
            background: var(--dark-color);
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .about-5 .about-image {
            position: relative
        }

        .about-5 .about-img-text {
            margin: 0 auto;
            position: absolute;
            width: 90%;
            left: 0;
            right: 0;
            bottom: 40px
        }

        .about-5 .list-style2 li {
            line-height: 1.7;
            padding-left: 35px;
            position: relative;
            margin-bottom: 2.0rem
        }

        .about-5 .list-style2 li:last-child {
            margin-bottom: 0
        }

        .about-5 .list-style2 li:before {
            top: 2px;
            line-height: normal;
            content: "\e64c"
        }

        .about-5 h6 {
            font-size: 18px;
            font-weight: 700
        }

        .embed-responsive {
            position: relative;
            display: block;
            height: 0;
            padding: 0;
            overflow: hidden
        }

        .embed-responsive .embed-responsive-item,
        .embed-responsive iframe,
        .embed-responsive embed,
        .embed-responsive object,
        .embed-responsive video {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0
        }

        .embed-responsive-16by9 {
            padding-bottom: 56.25%
        }

        .embed-responsive-4by3 {
            padding-bottom: 75%
        }

        .fullscreen-bg {
            position: absolute;
            top: -15px;
            right: 0;
            bottom: 0;
            left: 0;
            overflow: hidden;
            z-index: -100
        }

        .fullscreen-bg__video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        @media (min-aspect-ratio:16 / 9) {
            .fullscreen-bg__video {
                height: 300%;
                top: -100%
            }
        }

        @media (max-aspect-ratio:16 / 9) {
            .fullscreen-bg__video {
                width: 300%;
                left: -100%
            }
        }

        @supports (-webkit-touch-callout:none) {
            @media (min-aspect-ratio:16 / 9) {
                .fullscreen-bg__video {
                    height: 400%;
                    top: -100%
                }
            }

            @media (max-aspect-ratio:16 / 9) {
                .fullscreen-bg__video {
                    width: 400%;
                    left: -100%
                }
            }
        }

        .video_btn {
            position: relative;
            height: 80px;
            width: 80px;
            background: var(--theme-color);
            text-align: center;
            display: inline-block;
            line-height: 80px;
            color: #fff;
            border-radius: 50%;
            transition-duration: 0s;
            -ms-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -webkit-transition-duration: 0s;
            -o-transition-duration: 0s
        }

        .video_btn:hover i,
        .video_btn:focus i {
            color: #fff
        }

        .video_btn:after {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            height: 80px;
            width: 80px;
            border: 2px solid var(--theme-color);
            border-radius: 50%;
            transform: translate(-50%, -50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            opacity: .3;
            animation: pulse-border 1500ms ease-out infinite
        }

        .video_btn:before {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            height: 95px;
            width: 95px;
            border: 2px solid var(--theme-color);
            border-radius: 50%;
            transform: translate(-50%, -50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            opacity: .3;
            animation: pulse-border 1500ms ease-out infinite
        }

        .video_btn.small {
            width: 50px;
            height: 50px;
            line-height: 50px
        }

        .video_btn.small:after {
            height: 50px;
            width: 50px
        }

        .video_btn.small:before {
            height: 65px;
            width: 65px
        }

        @keyframes pulse-border {
            0% {
                transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                opacity: 1
            }

            100% {
                transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
                opacity: 0
            }
        }

        @media screen and (max-width:1199px) {
            .video_btn {
                height: 75px;
                width: 75px;
                line-height: 75px
            }

            .video_btn:after {
                height: 75px;
                width: 75px
            }

            .video_btn:before {
                height: 90px;
                width: 90px
            }
        }

        @media screen and (max-width:991px) {
            .video_btn {
                height: 70px;
                width: 70px;
                line-height: 70px
            }

            .video_btn:after {
                height: 70px;
                width: 70px
            }

            .video_btn:before {
                height: 85px;
                width: 85px
            }

            @keyframes pulse-border {
                0% {
                    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1)
                }

                100% {
                    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2)
                }
            }
        }

        @media screen and (max-width:767px) {
            .video_btn {
                height: 60px;
                width: 60px;
                line-height: 60px
            }

            .video_btn:after {
                height: 60px;
                width: 60px
            }

            .video_btn:before {
                height: 75px;
                width: 75px
            }
        }

        .filtering {
            margin-bottom: 40px
        }

        .filtering span {
            cursor: pointer;
            font-size: 15px;
            font-weight: 600;
            margin-right: 10px;
            display: inline-block;
            margin: 5px;
            padding: 6px 15px;
            background: transparent;
            color: var(--dark-color);
            border: 2px solid var(--dark-color)
        }

        .filtering .active {
            color: #ffffff;
            background: var(--theme-color);
            border: 2px solid var(--theme-color)
        }

        .portfolio-details {
            position: relative
        }

        .portfolio-details .box-shape1 {
            position: absolute;
            width: 17px;
            height: 35px;
            bottom: -15px;
            background-color: var(--theme-color);
            right: 47px;
            overflow: hidden
        }

        .portfolio-details .box-shape1:after {
            background: #fff;
            animation: move 3s infinite;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .portfolio-details .box-shape1:before {
            background: var(--theme-color);
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .portfolio-details .box-shape2 {
            position: absolute;
            width: 35px;
            height: 50px;
            bottom: 0;
            background-color: #fff;
            right: 5px;
            overflow: hidden
        }

        .portfolio-details .box-shape2:after {
            background: var(--theme-color);
            animation: move 3s infinite;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .portfolio-details .box-shape2:before {
            background: #fff;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .pagination {
            border-radius: 0;
            padding: 0
        }

        .pagination li {
            display: inline-block;
            margin-left: 5px;
            margin-top: 1rem
        }

        .pagination a,
        .pagination span.current {
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            border-radius: 0;
            padding: 10px 18px;
            text-decoration: none;
            font-weight: 600;
            border: 1px solid #dbdbdb;
            background: #fff
        }

        .pagination a:hover {
            background-color: var(--theme-color);
            color: #fff
        }

        .pagination .active a {
            background-color: var(--theme-color);
            color: #fff;
            cursor: default
        }

        .pagination span.current {
            background-color: var(--theme-color);
            color: #fff;
            border-color: transparent
        }

        .page-navigation {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: #f1f7ff;
            padding: 0
        }

        .prev-page,
        .next-page {
            position: relative;
            width: 50%;
            max-width: 350px;
            margin: 10px
        }

        .prev-page:before,
        .next-page:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(34, 35, 40, 0);
            transform: scale(1.04, 1.12);
            transition: .3s ease-in-out;
            pointer-events: none
        }

        .prev-page .page-info>a,
        .next-page .page-info>a {
            display: flex;
            align-items: center;
            position: relative;
            padding: 16px 20px;
            min-height: 110px;
            transition: 0.8s
        }

        .prev-page .page-info .image-prev,
        .prev-page .page-info .image-next {
            position: relative;
            flex-shrink: 0;
            width: 70px;
            height: 70px;
            vertical-align: middle;
            transition: inherit;
            border-radius: 4px;
            overflow: hidden
        }

        .next-page .page-info .image-prev,
        .next-page .page-info .image-next {
            position: relative;
            flex-shrink: 0;
            width: 70px;
            height: 70px;
            vertical-align: middle;
            transition: inherit;
            overflow: hidden
        }

        .prev-page .page-info .prev-title,
        .prev-page .page-info .next-title {
            display: inline-block;
            position: relative;
            max-width: 220px;
            font-size: 16px;
            line-height: 1.5;
            word-wrap: break-word;
            vertical-align: middle;
            transition: 0.45s
        }

        .next-page .page-info .prev-title,
        .next-page .page-info .next-title {
            display: inline-block;
            position: relative;
            max-width: 220px;
            font-size: 16px;
            line-height: 1.5;
            word-wrap: break-word;
            vertical-align: middle;
            transition: 0.45s
        }

        .prev-page .page-info .prev-title:empty,
        .prev-page .page-info .next-title:empty {
            display: none
        }

        .next-page .page-info .prev-title:empty,
        .next-page .page-info .next-title:empty {
            display: none
        }

        .prev-page:hover:before,
        .next-page:hover:before {
            background-color: white;
            transform: scale(1);
            box-shadow: 0 10px 30px 0 rgba(34, 35, 40, 0.1)
        }

        .prev-page a {
            justify-content: flex-start;
            text-align: left
        }

        .prev-page a:hover .image-prev:after {
            visibility: visible;
            opacity: 1
        }

        .prev-page a:hover .image-prev:before {
            visibility: visible;
            opacity: 1;
            margin-left: 0
        }

        .prev-page .image-prev {
            margin-right: 20px
        }

        .prev-page .image-prev:after {
            background-color: var(--dark-color)
        }

        .next-page .image-next:after {
            background-color: var(--dark-color)
        }

        .prev-page .image-prev:before {
            display: block;
            position: absolute;
            z-index: 2;
            left: 0;
            right: 0;
            margin-left: 20px;
            content: "\e64a";
            font-family: 'themify';
            font-size: 21px;
            line-height: 70px;
            color: #fff;
            text-align: center;
            opacity: 0;
            visibility: hidden;
            transition: .3s ease-in-out
        }

        .prev-page .image-prev:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            visibility: hidden;
            transition: .3s ease-in-out
        }

        .next-page {
            margin-left: auto
        }

        .next-page a {
            justify-content: flex-end;
            text-align: right
        }

        .next-page a:hover .image-next:after {
            visibility: visible;
            opacity: 1
        }

        .next-page a:hover .image-next:before {
            visibility: visible;
            opacity: 1;
            margin-right: 0
        }

        .next-page .image-next {
            margin-left: 20px
        }

        .next-page .image-next:before {
            display: block;
            position: absolute;
            z-index: 2;
            left: 0;
            right: 0;
            margin-right: 20px;
            content: "\e64a";
            font-family: 'themify';
            font-size: 21px;
            line-height: 70px;
            color: #fff;
            text-align: center;
            opacity: 0;
            visibility: hidden;
            transition: .3s ease-in-out;
            transform: scaleX(-1)
        }

        .next-page .image-next:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            opacity: 0;
            visibility: hidden;
            transition: .3s ease-in-out
        }

        .next-page .next-title {
            text-align: right
        }

        .prev-link-page-info>span,
        .next-link-page-info>span {
            display: block
        }

        .prev-link-page-info .date-details,
        .next-link-page-info .date-details {
            font-size: 14px;
            letter-spacing: .025em;
            line-height: 20px;
            margin-bottom: -2px
        }

        .prev-link-page-info .date-details>div,
        .prev-link-page-info .date-details>span {
            line-height: inherit;
            transition: 0.45s;
            font-weight: 500
        }

        .next-link-page-info .date-details>div,
        .next-link-page-info .date-details>span {
            line-height: inherit;
            transition: 0.45s;
            font-weight: 500
        }

        .prev-link-page-info .date-details:only-child,
        .next-link-page-info .date-details:only-child {
            margin-top: 0
        }

        @media (max-width:767px) {

            .prev-page,
            .next-page {
                width: calc(100% - 20px);
                max-width: unset
            }

            .prev-page+.next-page {
                margin-top: 0
            }

            .page-navigation {
                flex-direction: column
            }
        }

        @media (max-width:575px) {

            .prev-page .page-info>a,
            .next-page .page-info>a {
                padding: 10px
            }

            .prev-page .page-info .prev-title,
            .prev-page .page-info .next-title {
                max-width: 168px
            }

            .next-page .page-info .prev-title,
            .next-page .page-info .next-title {
                max-width: 168px
            }
        }

        .owl-theme .owl-nav.disabled+.owl-dots {
            margin-top: 40px
        }

        .owl-theme .owl-dots .owl-dot.active span,
        .owl-theme .owl-dots .owl-dot:hover span {
            background-color: var(--theme-color)
        }

        .owl-nav i,
        .owl-nav span {
            color: #20252d;
            font-size: 28px
        }

        .owl-carousel .owl-item img {
            width: auto;
            display: inline-block
        }

        .owl-theme .owl-nav.disabled+.owl-dots {
            margin-top: 30px
        }

        .owl-theme .owl-dots .owl-dot.active span,
        .owl-theme .owl-dots .owl-dot:hover span {
            background-color: var(--dark-color)
        }

        .owl-theme .owl-nav [class*='owl-']:hover {
            background: #6fb45d
        }

        .owl-nav [class*='owl-']:hover i {
            color: #fff
        }

        .owl-nav i,
        .owl-nav span {
            color: #232323;
            font-size: 18px;
            padding-top: 4px
        }

        .owl-carousel .owl-item img {
            width: auto;
            display: inline-block
        }

        .owl-thumbs button {
            border: none;
            background: none
        }

        .owl-thumbs button img {
            opacity: .5;
            border: 4px solid transparent
        }

        .owl-thumbs button.active img {
            opacity: 1;
            border: 4px solid rgba(111, 180, 93, 0.4);
            border-radius: 50%
        }

        .owl-thumb-item {
            cursor: pointer
        }

        .owl-thumbs button {
            border: none
        }

        .owl-thumbs button img {
            opacity: .5
        }

        .owl-thumbs button.active img {
            opacity: 1
        }

        .accordion-style .card {
            background: transparent;
            box-shadow: none;
            margin-top: 0 !important;
            border-radius: .3rem
        }

        .accordion-style .card-header {
            border: 0px;
            padding: 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.15);
            background: none
        }

        .accordion-style .btn-link {
            color: #fff;
            font-size: 18px;
            line-height: 26px;
            position: relative;
            border: none;
            display: block;
            width: 100%;
            text-align: left;
            white-space: normal;
            border-top-left-radius: .3rem;
            border-top-right-radius: .3rem;
            border-radius: 0;
            padding: 20px 55px 20px 25px;
            font-weight: 400;
            text-decoration: none;
            background-color: var(--theme-color)
        }

        .accordion-style .btn-link.collapsed {
            color: #212121;
            font-size: 18px;
            line-height: 26px;
            position: relative;
            border: none;
            display: block;
            width: 100%;
            text-align: left;
            white-space: normal;
            border-top-left-radius: .3rem;
            border-top-right-radius: .3rem;
            padding: 20px 25px;
            font-weight: 400;
            text-decoration: none;
            background-color: transparent
        }

        .accordion-style .btn-link:hover {
            text-decoration: none
        }

        .accordion-style .btn-link.collapsed:after {
            content: "+";
            right: 17px;
            left: inherit;
            font-size: 20px;
            transform: none;
            top: 17px;
            position: absolute;
            color: #212121;
            background-color: #ececec;
            border-radius: .3rem;
            line-height: 24px;
            width: 25px;
            height: 25px;
            text-align: center
        }

        .accordion-style .btn-link:after {
            content: "-";
            right: 17px;
            left: inherit;
            font-size: 20px;
            transform: none;
            top: 17px;
            position: absolute;
            color: var(--theme-color);
            background-color: #fff;
            border-radius: .3rem;
            line-height: 22px;
            width: 25px;
            height: 25px;
            text-align: center
        }

        .accordion-style .card-body {
            padding: 25px 30px 25px 26px;
            line-height: 24px;
            text-align: left
        }

        @media screen and (max-width:991px) {
            .accordion-style .btn-link {
                padding: 20px 50px 20px 18px
            }

            .accordion-style .btn-link:after,
            .accordion-style .btn-link.collapsed:after {
                top: 20px
            }
        }

        @media screen and (max-width:575px) {
            .accordion-style .btn-link.collapsed {
                padding: 20px 50px 20px 18px
            }
        }

        .accordion-style.style1 .card {
            border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
            border-radius: 0;
            border: none
        }

        .accordion-style.style1 .card:last-child {
            border-bottom: 0 !important
        }

        .accordion-style.style1 .btn-link {
            padding: 20px 45px 20px 0;
            font-weight: 700;
            background-color: unset;
            color: unset
        }

        .accordion-style.style1 .btn-link:active,
        .accordion-style.style1 .btn-link:focus {
            color: #575a7b
        }

        .accordion-style.style1 .btn-link:after {
            top: 20px;
            background-color: unset
        }

        .accordion-style.style1 .card-body {
            padding: 0 25px 30px 0
        }

        .accordion-style.style2 .card {
            border: 0;
            border-bottom: 1px solid rgba(0, 0, 0, 0.175);
            border-radius: 0
        }

        .accordion-style.style2 .btn-link {
            background-color: transparent;
            color: var(--dark-color);
            padding: 0px 55px 20px 0px;
            font-weight: 700
        }

        .accordion-style.style2 .btn-link.collapsed {
            color: unset
        }

        .accordion-style.style2 .card-body {
            padding: 0px 30px 25px 0px
        }

        .accordion-style.style2 .btn-link:after {
            content: "\e648";
            font-family: 'themify';
            color: var(--dark-color);
            background-color: unset;
            border-radius: unset;
            font-size: 15px;
            font-weight: 800;
            top: 2px
        }

        .accordion-style.style2 .btn-link.collapsed:after {
            content: "\e64b"
        }

        .accordion-style.style2 .card:last-child {
            border: 0
        }

        ul.resp-tabs-list {
            margin: 0px;
            padding: 0px;
            padding-left: 0
        }

        .resp-tabs-list li {
            font-size: 16px;
            font-weight: 600;
            display: inline-block;
            padding: 8px 15px;
            margin: 0 4px 0 0;
            list-style: none;
            cursor: pointer;
            min-width: 180px
        }

        .resp-tabs-list li:last-child {
            margin-right: 0
        }

        .resp-tabs-list li i {
            font-size: 28px;
            margin-bottom: 8px;
            color: #6f6f6f
        }

        .resp-tabs-container {
            padding: 0px;
            background-color: #fff;
            clear: left
        }

        .resp-tab-content {
            display: none;
            padding: 0
        }

        .resp-tabs-list li.resp-tab-active i {
            color: #fff
        }

        .resp-content-active,
        .resp-accordion-active {
            display: block
        }

        .resp-tab-content {
            float: left;
            width: 100%
        }

        h2.resp-accordion {
            background: #fff !important;
            cursor: pointer;
            display: none;
            font-size: 16px;
            border: 1px solid #e4e4e4;
            border-top: 1px solid #e4e4e4;
            margin: 0px;
            padding: 15px 21px;
            float: left;
            width: 100%
        }

        h2.resp-tab-active {
            border-bottom: 0px solid #e4e4e4 !important;
            background: var(--theme-color) !important;
            color: #fff
        }

        h2.resp-tab-title:last-child {
            border-bottom: 12px solid #e4e4e4 !important;
            background: #00baee
        }

        .resp-arrow {
            border-color: transparent #20252d #20252d transparent;
            border-style: solid;
            border-width: 0 1px 1px 0;
            float: right;
            display: block;
            height: 8px;
            transform: rotate(45deg);
            width: 8px;
            margin-top: 4px
        }

        h2.resp-tab-active span.resp-arrow {
            border-color: #fff transparent transparent #fff;
            border-style: solid;
            border-width: 1px 0 0 1px;
            float: right;
            display: block;
            height: 8px;
            transform: rotate(45deg);
            width: 8px;
            margin-top: 7px
        }

        .tab-style1 .resp-tabs-list li {
            padding: 0 0 22px 0;
            border: 0;
            text-align: start;
            min-width: unset;
            margin-right: 60px;
            margin-left: auto;
            font-size: 24px;
            color: rgba(255, 255, 255, 0.5)
        }

        .tab-style1 .resp-tabs-list li:last-child {
            margin-right: 0
        }

        .tab-style1 .resp-tabs-list li.resp-tab-active {
            background: transparent;
            color: #fff
        }

        .tab-style1 .resp-tab-content {
            background-color: transparent;
            border: none
        }

        @media screen and (max-width:991px) {
            .tab-style1 h2.resp-accordion {
                border: 0;
                border-radius: 0.375rem;
                margin-bottom: 10px
            }

            .tab-style1 h2.resp-tab-active {
                margin-bottom: 0
            }
        }

        .tab-style2 .resp-tabs-list li {
            text-align: center;
            padding: 6px 16px;
            position: relative;
            border-radius: 50rem;
            margin: 0 4px 0 0;
            min-width: auto
        }

        .tab-style2 .resp-tabs-list li.resp-tab-active {
            background-color: var(--theme-color);
            color: #fff
        }

        .tab-style2 .resp-tab-content {
            border-radius: .3rem;
            padding: 25px 0
        }

        .tab-style2 h2.resp-tab-active {
            background: var(--theme-color) !important
        }

        @media screen and (max-width:991px) {
            .tab-style2 .resp-tab-content {
                padding: 20px
            }
        }

        @media screen and (max-width:991px) {
            ul.resp-tabs-list {
                display: none
            }

            h2.resp-accordion {
                display: block
            }

            h2.resp-accordion i {
                margin-right: 8px;
                font-size: 18px
            }

            h2.resp-tab-active h3 {
                color: #fff
            }

            .resp-vtabs .resp-tab-content {
                border: 1px solid #e4e4e4;
                padding: 10px
            }

            .resp-vtabs .resp-tabs-container {
                border: none !important;
                float: none;
                width: 100%;
                min-height: 100px;
                clear: none
            }

            .resp-accordion-closed {
                display: none !important
            }

            .resp-vtabs .resp-tab-content:last-child {
                border-bottom: 1px solid #c1c1c1 !important
            }

            .resp-tab-content {
                background-color: #fff;
                border: 1px solid #eee;
                padding: 20px
            }
        }

        @media screen and (max-width:991px) {
            h2.resp-tab-active {
                border: 1px solid var(--theme-color)
            }

            .resp-tab-content {
                border-bottom: 0
            }

            .resp-tab-content:last-child {
                border-bottom: 1px solid #eee
            }
        }

        .team-style-01 {
            position: relative
        }

        .team-style-01:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(23, 23, 23, 0.55) 80%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#8c171717', GradientType=0);
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: all 0.5s ease-in-out
        }

        .team-style-01:hover:before {
            opacity: 1
        }

        .team-style-01 .team-social {
            right: 80px;
            position: absolute;
            top: inherit;
            bottom: -10px;
            transition: all 0.5s ease-in-out;
            right: 20px
        }

        .team-style-01 .side-icons {
            position: relative;
            perspective: 1000px;
            z-index: 9
        }

        .team-style-01 .side-icons .icon-share {
            border-radius: 0px;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            font-size: 16px;
            width: 40px;
            height: 40px;
            text-align: center;
            color: #fff;
            background: var(--theme-color);
            outline: none;
            z-index: 100000;
            transition: all 0.3s
        }

        .team-style-01 .team-social .side-icons .icons-social {
            opacity: 0;
            transition: all 0.5s ease;
            visibility: hidden;
            border-radius: 0px;
            position: absolute;
            margin: 0;
            backface-visibility: hidden;
            transform-style: preserve-3d;
            transition-delay: 0.1s;
            transform: rotate(-180deg);
            bottom: 40px;
            right: 0
        }

        .team-style-01:hover .team-social .side-icons .icons-social {
            opacity: 1;
            visibility: visible
        }

        .team-style-01 .side-icons .icons-social:after {
            content: "";
            background: var(--dark-color);
            width: 1px;
            height: 70px;
            padding: 0;
            position: absolute;
            right: 0;
            left: 0;
            bottom: -95px;
            display: inline-block;
            margin: 0 auto;
            -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s
        }

        .team-style-01:hover .team-social .side-icons .icons-social {
            display: block
        }

        .team-style-01 .side-icons .icons-social ul {
            position: relative;
            list-style: none;
            margin: 0;
            padding: 0;
            z-index: -1
        }

        .team-style-01 .side-icons .icons-social ul li {
            margin-top: 10px;
            position: relative;
            opacity: 0;
            transition: all 0.5s;
            opacity: 1;
            z-index: 4
        }

        .team-style-01 .side-icons .icons-social ul li a {
            transform: rotate(180deg);
            display: inline-block;
            color: #fff;
            text-align: center;
            font-size: 16px;
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            background: var(--theme-color);
            transition: all 0.3s
        }

        .team-style-01 .side-icons .icons-social ul li a i {
            transition: none
        }

        .team-style-01 .side-icons .icons-social ul li a:hover {
            color: #fff;
            background-color: var(--dark-color)
        }

        .team-style-01 .side-icons .icons-social ul li:nth-of-type(1) {
            transition-delay: 0s;
            z-index: 4
        }

        .team-style-01 .side-icons .icons-social ul li:nth-of-type(2) {
            transition-delay: 0.2s;
            z-index: 3
        }

        .team-style-01 .side-icons .icons-social ul li:nth-of-type(3) {
            transition-delay: 0.3s;
            z-index: 2
        }

        .team-style-01 .side-icons .icons-social ul li:nth-of-type(4) {
            transition-delay: 0.4s;
            z-index: 1
        }

        .team-style {
            position: relative;
            z-index: 1;
            padding: 0;
            background: #ffffff;
            box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
            transition: 0.3s;
            height: 100%
        }

        .team-details {
            padding: 25px 0 21px;
            transition: 0.4s;
            text-align: center
        }

        .team-details-shape1 {
            position: absolute;
            width: 32px;
            height: 50px;
            top: 0;
            right: 10px;
            background-color: #ffffff;
            overflow: hidden
        }

        .team-details-shape1:after {
            background: var(--dark-color);
            animation: move 3s infinite;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .team-details-shape1:before {
            background: #fff;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .sidebar .widget {
            position: relative;
            display: block;
            background-color: #fff
        }

        .widget-title {
            position: relative;
            display: block;
            background-color: #f4f5f4;
            border: 0.0625rem solid rgba(220, 224, 229, 0.6);
            padding: 20px 30px;
            z-index: 1
        }

        .widget-title h5 {
            position: relative;
            text-transform: uppercase;
            font-size: 15px
        }

        .widget-content {
            border: 0.0625rem solid rgba(220, 224, 229, 0.6);
            border-width: 0 1px 1px 1px;
            position: relative;
            padding: 30px
        }

        .sidebar .menu li {
            position: relative;
            display: block;
            margin-bottom: 10px
        }

        .sidebar .menu li:last-child {
            margin-bottom: 0
        }

        .sidebar .menu li a:hover,
        .sidebar .menu li.active a {
            color: #fff;
            background-color: var(--theme-color);
            padding-left: 80px
        }

        .sidebar .menu li a {
            position: relative;
            display: block;
            font-size: 14px;
            line-height: 26px;
            font-weight: 600;
            color: #1e2434;
            text-transform: uppercase;
            background-color: #fff;
            padding: 17px 20px 17px 50px;
            border: 1px solid #e7e3e3
        }

        .sidebar .menu li a:hover:before {
            background-color: var(--dark-color)
        }

        .sidebar .menu li.active a:before {
            background-color: var(--dark-color)
        }

        .sidebar .menu li a:hover:before,
        .sidebar .menu li.active a:before {
            font-family: 'Font Awesome 6 Pro';
            content: "\f178"
        }

        .sidebar .menu li a:hover:before,
        .sidebar .menu li.active a:before {
            width: 60px;
            color: #fff
        }

        .sidebar .menu li a::before {
            position: absolute;
            display: flex;
            align-items: center;
            justify-content: center;
            left: 0px;
            top: 0px;
            width: 30px;
            height: 100%;
            background-color: #f4f5f4;
            text-align: center;
            font-size: 16px;
            color: #707582;
            transition: all 500ms ease
        }

        .download-list {
            position: relative;
            margin: 0px -10px
        }

        .download-list li {
            position: relative;
            display: inline-block;
            float: left;
            width: 50%
        }

        .download-list li .inner {
            position: relative;
            display: block;
            margin: 0px 10px;
            text-align: center
        }

        .download-list li .inner a {
            position: relative;
            display: inline-block;
            background-color: #f4f5f4;
            padding: 30px 15px 28px 15px
        }

        .download-list li .inner i {
            position: relative;
            display: inline-block;
            width: 80px;
            height: 80px;
            line-height: 80px;
            font-size: 30px;
            text-align: center;
            border-radius: 50%;
            margin-bottom: 16px;
            color: #fff;
            transition: all 500ms ease;
            background: var(--theme-color)
        }

        .download-list li .inner a:hover i {
            background-color: var(--dark-color)
        }

        .contact-widget {
            height: 300px
        }

        .modal-backdrop {
            z-index: 99999
        }

        .modal {
            z-index: 999999
        }

        .icon-gallery .d-table {
            margin-top: 30px
        }

        .icon-gallery .d-table-cell {
            width: 125px;
            height: 125px;
            text-align: center;
            margin-bottom: 25px;
            border: 1px solid rgba(0, 0, 0, 0.075);
            vertical-align: middle;
            font-size: 14px;
            transition: all 0.2s ease-in-out;
            padding: 10px;
            background: #fff
        }

        .icon-gallery i {
            display: block;
            margin-bottom: 15px;
            font-size: 28px;
            color: var(--dark-color)
        }

        pre[class*="language-"] {
            max-height: 45vh;
            height: 100%;
            margin: 35px 0 15px 0;
            padding-top: 0
        }

        .html-code {
            background-color: #fbfbfb;
            position: relative;
            box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);
            padding: 30px;
            border-radius: 5px;
            border: 1px solid #ededed
        }

        .html-code:before {
            color: #c8dfab;
            content: "•••";
            font-size: 30px;
            left: 24px;
            letter-spacing: 4px;
            line-height: 12px;
            position: absolute;
            top: 24px
        }

        .copy-element {
            position: absolute;
            top: 0;
            right: 85px;
            transition: opacity 0.3s ease-in-out
        }

        .source-element {
            position: absolute;
            top: 0;
            right: 0;
            transition: opacity 0.3s ease-in-out
        }

        .html-code .copy-element {
            top: 15px;
            right: 30px
        }

        .html-code:hover .copy-element,
        .html-code:hover .source-element {
            opacity: 1
        }

        .box-hover:hover .copy-element,
        .box-hover:hover .source-element {
            opacity: 1
        }

        .copy-element>a,
        .source-element>a {
            border-radius: 0.25rem;
            background: #dde1e6;
            color: #777 !important;
            display: inline-block;
            padding: 5px 15px;
            font-size: 14px;
            text-transform: capitalize;
            cursor: pointer !important;
            font-weight: 600
        }

        .copy-element>a:hover,
        .source-element>a:hover {
            background: var(--theme-color);
            color: #fff !important
        }

        .copy-clipboard {
            cursor: pointer;
            padding: 5px 15px
        }

        .white-popup-block {
            background-color: #fbfbfb;
            position: relative;
            max-width: 650px;
            box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);
            padding: 60px 30px 30px 30px;
            border-radius: 5px;
            margin: 40px auto;
            border: 1px solid #ededed
        }

        .white-popup-block.popup-copy.mfp-hide {
            display: block !important;
            height: 0;
            position: absolute;
            z-index: -1;
            padding: 0;
            opacity: 0;
            margin: 0
        }

        .white-popup-block:before {
            color: rgba(3, 169, 245, 0.2);
            content: "•••";
            font-size: 30px;
            left: 24px;
            letter-spacing: 4px;
            line-height: 12px;
            position: absolute;
            top: 24px
        }

        .white-popup-block:hover .copy-element {
            opacity: 1
        }

        .white-popup-block .copy-element {
            top: 45px;
            right: 30px
        }

        .box-hover {
            position: relative
        }

        .box-hover .container {
            position: relative
        }

        .inner-title {
            border-bottom: 1px solid rgba(0, 0, 0, 0.09);
            margin-bottom: 35px;
            padding-bottom: 20px
        }

        @media screen and (max-width:767px) {
            .elements-block .inner-title {
                margin-bottom: 65px
            }

            .copy-element,
            .source-element {
                top: 83px
            }
        }

        ul.countdown li {
            border-right: 1px solid rgba(255, 255, 255, 0.5);
            display: inline-block;
            padding: 0 50px;
            text-align: center
        }

        ul.countdown li:first-child {
            padding-left: 0
        }

        ul.countdown li:last-child {
            border: medium none;
            padding-right: 0
        }

        ul.countdown li span {
            font-size: 36px;
            font-weight: 700;
            line-height: normal;
            position: relative
        }

        ul.countdown li span::before {
            content: "";
            height: 1px;
            position: absolute;
            width: 100%
        }

        ul.countdown li p.timeRefDays,
        ul.countdown li p.timeRefHours,
        ul.countdown li p.timeRefMinutes,
        ul.countdown li p.timeRefSeconds {
            font-size: 12px;
            font-weight: 500;
            margin: 0;
            padding: 0;
            text-transform: uppercase
        }

        @media screen and (max-width:767px) {
            ul.countdown li {
                padding: 0 30px
            }

            ul.countdown li span {
                font-size: 22px
            }
        }

        @media screen and (max-width:575px) {
            ul.countdown li {
                padding: 0 12px
            }
        }

        .sidebar .input-group .form-control {
            min-height: 50px
        }

        .sidebar .blog-tags a {
            border: 1px solid var(--dark-color);
            background-color: #fff;
            padding: 7px 25px;
            font-size: 14px;
            line-height: 20px;
            margin: 0.6rem 10px 0 0;
            display: inline-block;
            border-radius: .3rem
        }

        .sidebar .blog-tags a:hover {
            border: 1px solid var(--theme-color);
            background-color: var(--theme-color);
            color: #fff
        }

        .sidebar .blog-insta:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            background: rgba(28, 191, 170, 0.8);
            opacity: 0;
            width: 100%;
            height: 100%;
            -webkit-transition: all 0.4s ease-out 0s;
            -moz-transition: all 0.4s ease-out 0s;
            -ms-transition: all 0.4s ease-out 0s;
            -o-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
            z-index: 1;
            border-radius: .3rem
        }

        .sidebar .blog-insta:hover:before {
            opacity: 0.85
        }

        .sidebar .blog-insta .insta-icon {
            position: absolute;
            font-size: 25px;
            color: #fff;
            left: 0;
            right: 0;
            margin: 0 auto;
            text-align: center;
            top: 55%;
            transform: translateY(-55%);
            opacity: 0;
            visibility: hidden;
            z-index: 3;
            -webkit-transition: all 0.4s ease-out 0s;
            -moz-transition: all 0.4s ease-out 0s;
            -ms-transition: all 0.4s ease-out 0s;
            -o-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s
        }

        .sidebar .blog-insta:hover .insta-icon {
            opacity: 1;
            visibility: visible
        }

        .widget ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

        .category-listing {
            margin: -0.5rem 0 0 0;
            padding: 0;
            list-style: none
        }

        .cat-item {
            margin-top: 15px;
            border-top: 1px solid #efefef;
            padding-top: 15px;
            list-style: none;
            word-wrap: break-word
        }

        .cat-item:first-child {
            margin-top: 0;
            border-top: 0;
            padding-top: 0
        }

        .cat-item ul.children {
            margin-top: 0.5rem;
            margin-left: 10px
        }

        .wp-tag-cloud li {
            display: inline-block
        }

        .wp-tag-cloud a {
            border: 1px solid var(--theme-color);
            padding: 7px 21px;
            font-size: 14px !important;
            line-height: 20px;
            margin: 5px 10px 5px 0;
            display: inline-block
        }

        .wp-tag-cloud a:hover {
            background-color: var(--dark-color);
            border-color: var(--dark-color);
            color: #fff
        }

        .sidebar .widget {
            margin-bottom: 2rem
        }

        .sidebar .widget:last-child {
            margin-bottom: 0
        }

        .sidebar .widget_custom_html {
            padding: 0
        }

        .sidebar .widget:last-child {
            margin-bottom: 0 !important
        }

        .sidebar .widget p:last-child {
            margin-bottom: 0
        }

        .blog-comment:before {
            content: "";
            position: absolute;
            width: 4px;
            height: 100%;
            top: 0;
            left: 10px;
            background-color: var(--dark-color)
        }

        .author-thumb img {
            border-radius: 50%;
            width: 80px
        }

        .comment-inner {
            display: flex;
            flex-wrap: nowrap;
            align-items: start
        }

        .comment-inner .avatar {
            width: 65px;
            min-width: 65px;
            margin-right: 20px;
            display: inline-block;
            border-radius: 50%
        }

        .comment-inner .comment-box {
            overflow: hidden;
            position: relative;
            margin-left: 0;
            flex-grow: 1;
            vertical-align: top;
            display: inline-block
        }

        .comment-inner .comment-box p:last-child {
            margin-bottom: 0
        }

        .comment-reply-link {
            color: var(--theme-color);
            background: rgba(19, 136, 215, 0.1);
            padding: 5px 18px;
            font-weight: 500;
            border-radius: 4px;
            font-size: 14px;
            margin-top: 18px;
            display: inline-block
        }

        .comment-reply-link:hover,
        .comment-reply-link:active,
        .comment-reply-link:focus {
            color: #fff;
            background: var(--theme-color)
        }

        a#cancel-comment-reply-link {
            color: var(--theme-color);
            background: rgba(19, 136, 215, 0.1);
            padding: 9px 18px;
            font-weight: 500;
            border-radius: 4px;
            font-size: 14px;
            transition: 0.3s;
            float: right;
            margin: 6px 0
        }

        a#cancel-comment-reply-link:hover,
        a#cancel-comment-reply-link:active,
        a#cancel-comment-reply-link:focus {
            color: #fff;
            background: var(--theme-color)
        }

        .tags a {
            border: 1px solid var(--dark-color);
            padding: 7px 21px;
            font-size: 14px;
            line-height: 20px;
            margin: 5px 10px 5px 0;
            display: inline-block
        }

        .tags a:hover,
        .tags a:active,
        .tags a:focus {
            border-color: var(--theme-color);
            background: var(--theme-color);
            color: #fff
        }

        .contact-info-block {
            position: relative;
            text-align: center
        }

        .contact-info-block .contact-img {
            width: 100%;
            padding: 50px 30px;
            position: relative;
            background-size: cover;
            background-position: 50%;
            overflow: hidden;
            box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
            transition: all 300ms ease-in-out;
            height: 100%
        }

        .contact-info-block .bg-overlay {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            transition: background-color .4s ease
        }

        .contact-info-block:hover .bg-overlay:before {
            opacity: 0;
            transform: translate(-100%, -100%)
        }

        .contact-info-block .bg-overlay:before {
            content: "";
            background-color: #fff;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            opacity: 1;
            transform: translate(0, 0);
            transition: transform .6s ease, opacity .6s ease
        }

        .contact-info-block:hover .bg-overlay:after {
            opacity: 1;
            transform: translate(0, 0)
        }

        .contact-info-block .bg-overlay:after {
            content: "";
            background-color: rgba(0, 0, 0, 0.8);
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            opacity: 0;
            transform: translate(100%, 100%);
            transition: transform .6s ease .2s, opacity .6s ease .2s
        }

        .contact-info-block .content-text {
            position: relative;
            padding: 0 50px
        }

        .contact-info-block i {
            color: var(--dark-color)
        }

        .contact-info-block:hover p,
        .contact-info-block:hover h3,
        .contact-info-block:hover i {
            color: #fff
        }

        @media screen and (max-width:1199px) {
            .contact-info-block .content-text {
                padding: 0
            }
        }

        .contact-info {
            position: relative
        }

        .contact-info .contact-shape1 {
            content: '';
            position: absolute;
            background: var(--dark-color);
            height: 33px;
            width: 18px;
            right: 50px;
            top: -13px;
            overflow: hidden
        }

        .contact-info .contact-shape1:after {
            background: #fff;
            animation: move 3s infinite;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .contact-info .contact-shape1:before {
            background: var(--dark-color);
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .contact-info .contact-shape2 {
            content: '';
            position: absolute;
            background: #ffffff;
            height: 50px;
            width: 35px;
            right: 10px;
            top: 0;
            overflow: hidden
        }

        .contact-info .contact-shape2:after {
            background: var(--dark-color);
            animation: move 3s infinite;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .contact-info .contact-shape2:before {
            background: #fff;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .contact-map {
            height: 400px;
            width: 100%;
            vertical-align: top;
            border: 0
        }

        .sidebar-logo {
            width: 190px
        }

        .feature-style01 {
            box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
            margin-top: -60px;
            background-color: #fff;
            z-index: 9;
            position: relative;
            padding: 40px
        }

        @media screen and (max-width:575px) {
            .feature-style01 {
                padding: 25px
            }
        }

        .testimonial-style01 {
            position: relative
        }

        .testimonial-style01 .testimonial-shape3 {
            content: '';
            height: 50px;
            width: 28px;
            position: absolute;
            background: #ffffff;
            top: -20px;
            right: 40px;
            overflow: hidden
        }

        .testimonial-style01 .testimonial-shape3:after {
            background: var(--dark-color);
            animation: move 3s infinite;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .testimonial-style01 .testimonial-shape3:before {
            background: #fff;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .testimonial-style01 .testimonial-shape4 {
            content: '';
            height: 35px;
            width: 15px;
            position: absolute;
            background: var(--dark-color);
            top: -34px;
            right: 76px;
            overflow: hidden
        }

        .testimonial-style01 .testimonial-shape4:after {
            background: #fff;
            animation: move 3s infinite;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .testimonial-style01 .testimonial-shape4:before {
            background: var(--dark-color);
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .testimonial-shape1 {
            height: 50px;
            width: 28px;
            position: absolute;
            background: #ffffff;
            bottom: 0px;
            right: 40px;
            z-index: 3;
            overflow: hidden
        }

        .testimonial-shape1:after {
            background: var(--dark-color);
            animation: move 3s infinite;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .testimonial-shape1:before {
            background: #fff;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .testimonial-shape2 {
            height: 35px;
            width: 15px;
            position: absolute;
            background: var(--dark-color);
            bottom: 28px;
            right: 76px;
            z-index: 3;
            overflow: hidden
        }

        .testimonial-shape2:after {
            background: #fff;
            animation: move 3s infinite;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .testimonial-shape2:before {
            background: var(--dark-color);
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .testimonial-carousel2.owl-theme .owl-dots .owl-dot span {
            background-color: var(--theme-color);
            width: 30px;
            height: 5px;
            border-radius: 0
        }

        .testimonial-carousel2.owl-theme .owl-dots .owl-dot.active span,
        .testimonial-carousel2.owl-theme .owl-dots .owl-dot:hover span,
        .testimonial-carousel2.owl-theme .owl-dots .owl-dot:focus span {
            background-color: var(--dark-color) !important
        }

        .testimonial-carousel1 .testimonial-text {
            position: relative
        }

        .testimonial-carousel1 .testimonial-text:before {
            content: "\e67f";
            font-family: 'themify';
            position: absolute;
            font-size: 60px;
            top: -12px;
            color: var(--dark-color);
            z-index: -1;
            line-height: 1;
            opacity: .2
        }

        .testimonial-carousel5 .separator-line {
            height: 60px;
            width: 1px;
            background: #d5d5d5;
            margin-left: auto;
            margin-right: auto
        }

        .testimonial-carousel5.owl-theme .owl-nav {
            position: absolute;
            margin-top: 0;
            top: 50%;
            transform: translateY(-50%);
            right: -180px
        }

        .testimonial-carousel5.owl-carousel .owl-nav button.owl-prev,
        .testimonial-carousel5.owl-carousel .owl-nav button.owl-next {
            background-color: #eceff1;
            width: 56px;
            height: 56px;
            border-radius: 50%;
            -webkit-transition: .3s;
            transition: .3s
        }

        .testimonial-carousel5 .owl-nav button.owl-prev:hover i,
        .testimonial-carousel5 .owl-nav button.owl-next:hover i {
            color: #7c898d
        }

        @media screen and (max-width:1199px) {
            .testimonial-carousel5.owl-theme .owl-nav {
                right: -140px
            }
        }

        @media screen and (max-width:991px) {
            .testimonial-carousel5.owl-theme .owl-nav {
                position: unset;
                margin-top: 20px
            }
        }

        .testimonial-carousel6 .owl-nav .owl-prev {
            position: absolute;
            top: 50%;
            left: -20%;
            transform: translateY(-50%)
        }

        .testimonial-carousel6 .owl-nav .owl-next {
            position: absolute;
            top: 50%;
            right: -20%;
            transform: translateY(-50%)
        }

        .testimonial-carousel6 .owl-nav .owl-prev i,
        .testimonial-carousel6 .owl-nav .owl-next i {
            padding-top: 0;
            font-size: 20px
        }

        .testimonial-carousel6.owl-theme .owl-nav [class*='owl-']:hover {
            background: transparent
        }

        .testimonial-carousel6.owl-theme .owl-nav [class*='owl-']:hover i {
            color: var(--dark-color)
        }

        @media screen and (max-width:1399px) {
            .testimonial-carousel6 .owl-nav .owl-prev {
                left: -13%
            }

            .testimonial-carousel6 .owl-nav .owl-next {
                right: -13%
            }
        }

        .testimonial-style02 .testimonial-content {
            border-radius: 100px;
            -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
            -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
            transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1)
        }

        @media screen and (max-width:991px) {
            .testimonial-style02 .testimonial-content {
                border-radius: 0
            }
        }

        .testimonial-style03 {
            position: absolute;
            z-index: 9;
            background-color: #fff;
            bottom: 0;
            right: 65px;
            padding: 27px;
            border-top-left-radius: 0.375rem
        }

        .testimonial-style03.owl-thumbs button img {
            opacity: unset
        }

        .testimonial-style03 .owl-thumbs button.active img,
        .testimonial-style03.owl-thumbs button img {
            border: none
        }

        .testimonial-style04 .owl-thumbs button img {
            opacity: 1;
            border: 0;
            will-change: transform;
            -webkit-transform: scale3d(0.8, 0.8, 0.8);
            -ms-transform: scale3d(0.8, 0.8, 0.8);
            transform: scale3d(0.8, 0.8, 0.8);
            -webkit-transition: -webkit-transform .3s ease-out;
            -ms-transition: -ms-transform .3s ease-out;
            transition: transform .3s ease-out
        }

        .testimonial-style04 .owl-thumbs button.active img {
            border: 0;
            -webkit-transform: scale3d(1, 1, 1);
            -ms-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        @media screen and (max-width:575px) {
            .testimonial-style04 .owl-thumbs button img {
                width: 85px
            }
        }

        .facts-block .fact-icon span {
            text-align: center;
            padding: 5px 20px;
            transition-duration: .4s;
            background: var(--theme-color);
            color: #fff;
            display: inline-block
        }

        .facts-block .fact-icon:hover span {
            background: var(--dark-color)
        }

        .facts-block .bg-plus {
            position: absolute;
            right: -20px;
            top: -30px
        }

        .save-money .video-img {
            margin-bottom: -90px
        }

        /* .cursor-helper{height:0}.cursor-helper-outer{width:8px;height:8px;border-radius:100%;background:#20252d;-webkit-transition:all 200ms ease-out;transition:all 200ms ease-out;position:fixed;pointer-events:none;left:25px;top:25px;-webkit-transform:translate(calc(-50% + 5px),-50%);transform:translate(calc(-50% + 5px),-50%);z-index:999999}.cursor-helper-inner{width:10px;height:10px;border-radius:100%;background-color:transparent;opacity:0.3;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none;-webkit-transition:width 0.3s,height 0.3s,opacity 0.3s;transition:width 0.3s,height 0.3s,opacity 0.3s;z-index:999999}.cursor-link{background-color:#20252d;opacity:0.4}.cursor-light{background-color:#fff;opacity:1}.cursor-slider{background-color:#20252d;border-radius:100%;padding:30px}.cursor-slider:after{content:"\e658";font-family:'themify';font-size:24px;position:absolute;top:13px;left:19px;line-height:35px;color:#fff}.cursor-helper-innerhover{width:25px;height:25px;opacity:0.4}@media screen and (max-width:1199px){.cursor-helper{display:none}}*/
        .error-wrapper .number-wrap h1 {
            color: #fff;
            font-size: 250px;
            text-align: center;
            line-height: 1
        }

        @media screen and (max-width:1199px) {
            .error-wrapper .number-wrap h1 {
                font-size: 230px;
                margin-bottom: 20px
            }
        }

        @media screen and (max-width:991px) {
            .error-wrapper .number-wrap h1 {
                font-size: 220px;
                margin-bottom: 15px
            }
        }

        @media screen and (max-width:767px) {
            .error-wrapper .number-wrap h1 {
                font-size: 200px;
                margin-bottom: 10px
            }
        }

        @media screen and (max-width:575px) {
            .error-wrapper .number-wrap h1 {
                font-size: 150px
            }
        }

        .client-carousel {
            transition: 0.4s
        }

        .client-carousel img {
            transition: 0.3s
        }

        .client-carousel .image-wrapper {
            overflow: hidden;
            position: relative;
            z-index: 1;
            border-radius: inherit
        }

        .client-carousel .image-wrapper>img {
            border-radius: inherit
        }

        .client-carousel .hover-image {
            display: block;
            transform: translateY(-100%);
            opacity: 0;
            display: none;
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            visibility: hidden
        }

        .client-carousel .image-wrapper:hover .hover-image {
            opacity: 1;
            visibility: visible;
            transform: translateY(0%)
        }

        .client-carousel .image-wrapper:hover .hover-image+.main-image {
            opacity: 0;
            transform: translateY(100%)
        }

        .service-carousel-one.owl-theme .owl-nav {
            text-align: left
        }

        .service-carousel-one.owl-theme .owl-nav [class*='owl-'] {
            width: 40px;
            height: 40px;
            background: rgba(19, 136, 215, 0.1);
            transition: all 0.6s ease;
            line-height: 44px;
            border-radius: 0
        }

        .service-carousel-one.owl-theme .owl-nav .owl-prev {
            margin-right: 30px;
            position: relative;
            margin-left: 0
        }

        .service-carousel-one.owl-theme .owl-nav .owl-prev i {
            color: var(--theme-color)
        }

        .service-carousel-one.owl-theme .owl-nav .owl-next i {
            color: var(--theme-color)
        }

        .service-carousel-one.owl-theme .owl-nav .owl-prev:before {
            content: '';
            display: inline-block;
            width: 6px;
            height: 6px;
            background-color: var(--dark-color);
            position: absolute;
            right: -20px;
            top: 15px;
            border-radius: 50%
        }

        .service-carousel-one.owl-theme .owl-nav [class*='owl-']:hover,
        .service-carousel-one.owl-theme .owl-nav [class*='owl-']:active,
        .service-carousel-one.owl-theme .owl-nav [class*='owl-']:focus {
            background: var(--theme-color);
            color: #fff !important
        }

        .service-carousel-one.owl-theme .owl-nav [class*='owl-']:hover i,
        .service-carousel-one.owl-theme .owl-nav [class*='owl-']:active i,
        .service-carousel-one.owl-theme .owl-nav [class*='owl-']:focus i {
            color: #fff !important
        }

        .services-carousel-three {
            margin-bottom: -85px
        }

        .services-carousel-three.owl-theme .owl-nav {
            margin-top: 0
        }

        .services-carousel-three.owl-theme .owl-nav span {
            width: 45px;
            height: 45px;
            line-height: 36px;
            font-size: 40px;
            background: #272c49;
            color: #fff;
            border-radius: 4px;
            display: inline-block
        }

        .services-carousel-three.owl-theme .owl-nav button.owl-prev {
            left: -100px;
            position: absolute;
            top: 39%
        }

        .services-carousel-three.owl-theme .owl-nav button.owl-next {
            right: -100px;
            position: absolute;
            top: 39%
        }

        .services-carousel-three.owl-carousel .owl-nav button.owl-prev,
        .services-carousel-three.owl-carousel .owl-nav button.owl-next {
            width: 57px;
            height: 57px;
            background-color: #fff;
            border-radius: 50%;
            line-height: 58px
        }

        .services-carousel-three.owl-theme .owl-nav [class*='owl-']:hover {
            background: var(--dark-color);
            transition: .4s
        }

        @media screen and (max-width:1599px) {
            .services-carousel-three.owl-carousel .owl-nav button.owl-prev {
                left: 0
            }

            .services-carousel-three.owl-carousel .owl-nav button.owl-next {
                right: 0
            }
        }

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

            .services-carousel-three.owl-carousel .owl-nav button.owl-prev,
            .services-carousel-three.owl-carousel .owl-nav button.owl-next {
                width: 47px;
                height: 47px;
                line-height: 48px
            }
        }

        .project-carousel.owl-theme .owl-nav {
            position: absolute;
            bottom: 0;
            right: 0;
            margin-top: 0
        }

        .project-carousel.owl-carousel .owl-nav button.owl-next,
        .project-carousel.owl-carousel .owl-nav button.owl-prev {
            display: block;
            width: 65px;
            height: 65px;
            background-color: var(--theme-color);
            margin: 0;
            border-radius: 0
        }

        .project-carousel .owl-nav i,
        .project-carousel .owl-nav span {
            color: #fff
        }

        .vertical-timeline {
            position: relative;
            z-index: 1
        }

        .vertical-timeline:before {
            content: '';
            position: absolute;
            left: 50%;
            top: -6px;
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background-color: rgba(28, 191, 170, 0.4);
            margin-left: -4px
        }

        .vertical-timeline:after {
            content: '\e64b';
            font-family: 'themify';
            font-size: 14px;
            position: absolute;
            left: 50%;
            bottom: -19px;
            color: var(--dark-color);
            margin-left: -6px
        }

        .vertical-timeline .timeline-items {
            padding-bottom: 40px
        }

        .vertical-timeline .timeline-items:before {
            content: '';
            height: 100%;
            width: 1px;
            position: absolute;
            z-index: -1;
            top: 0;
            left: 50%;
            background: #efefef
        }

        .vertical-timeline .item {
            display: flex;
            position: relative;
            transition: 0.3s
        }

        /*.vertical-timeline .item:hover .count{background:var(--dark-color);transition:0.3s}*/
        .vertical-timeline .item:not(:last-child) {
            margin-bottom: 70px
        }

        .vertical-timeline .item:nth-child(even) .text {
            margin-left: 45px;
            margin-right: 0px;
            padding-left: 40px;
            padding-right: 50px;
            border-radius: 5px 5px 5px 5px
        }

        .vertical-timeline .item:nth-child(odd) .count {
            margin-right: -30px
        }

        .vertical-timeline .item:nth-child(odd) .icon {
            justify-content: flex-end
        }

        .vertical-timeline .item:nth-child(odd) .timeline-circle:before {
            left: 100%
        }

        .vertical-timeline .item:nth-child(even) {
            flex-direction: row-reverse;
            text-align: right
        }

        .vertical-timeline .item:nth-child(even) .count {
            margin-left: -30px
        }

        .vertical-timeline .item:nth-child(even) .icon {
            justify-content: flex-start
        }

        .vertical-timeline .item:nth-child(even) .timeline-content {
            flex-direction: row-reverse
        }

        .vertical-timeline .item:nth-child(even) .timeline-circle:before {
            right: 100%
        }

        .vertical-timeline .icon,
        .vertical-timeline .timeline-content {
            flex-basis: calc(50% - 1px);
            transition: 0.5s;
            display: flex;
            align-items: center
        }

        .vertical-timeline .timeline-circle {
            position: relative;
            margin: 0px 100px 0px 100px
        }

        .vertical-timeline .timeline-circle .circle {
            position: absolute;
            top: 50%;
            transition: 0.4s;
            top: calc(50% - 7px);
            left: -7px;
            width: 15px;
            height: 15px;
            background: rgba(28, 191, 170, 0.4)
        }

        .vertical-timeline .timeline-circle:before {
            content: '';
            height: 1px;
            position: absolute;
            top: 50%;
            background: #efefef;
            width: calc(100px + 30px)
        }

        .vertical-timeline .timeline-circle:after {
            content: '';
            position: absolute;
            transition: 0.4s;
            top: calc(50% - 4px);
            left: -4px;
            width: 9px;
            height: 9px;
            background: #fff
        }

        .vertical-timeline .text {
            box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
            margin: 0px 45px 0px 0px;
            padding: 31px 40px 33px 50px;
            border-radius: 5px 5px 5px 5px;
            background-color: #ffffff
        }

        .vertical-timeline .count {
            position: relative;
            font-size: 19px;
            width: 70px;
            height: 70px;
            text-align: center;
            line-height: 70px;
            border-radius: 50%;
            flex: 1 0 auto;
            color: #fff;
            background: #fff
        }

        @media screen and (max-width:991px) {
            .vertical-timeline .timeline-circle:before {
                width: calc(100px + -20px)
            }

            .vertical-timeline .text {
                margin: 0;
                padding: 20px 20px 20px 40px
            }

            .vertical-timeline .count {
                width: 50px;
                height: 50px;
                font-size: 14px;
                line-height: 50px
            }

            .vertical-timeline .item:nth-child(even) .text {
                margin: 0;
                padding-left: 20px;
                padding-right: 40px
            }

            .vertical-timeline .timeline-circle {
                margin: 0px 30px 0px 30px
            }
        }

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

            .vertical-timeline:before,
            .vertical-timeline:after,
            .vertical-timeline .timeline-items:before {
                left: 10px
            }

            .vertical-timeline .item:not(:last-child) {
                margin-bottom: 40px
            }

            .vertical-timeline .timeline-content {
                order: 2;
                flex-basis: 100%
            }

            .vertical-timeline .icon {
                order: 3;
                flex-basis: 30%
            }

            .vertical-timeline .text {
                padding: 20px 20px 20px 30px
            }

            .vertical-timeline .item:nth-child(even) {
                flex-direction: row;
                text-align: left
            }

            .vertical-timeline .item:nth-child(even) .text {
                padding-left: 30px;
                padding-right: 20px
            }

            .vertical-timeline .item:nth-child(odd) {
                flex-direction: row;
                text-align: left
            }

            .vertical-timeline .item:nth-child(even) .count,
            .vertical-timeline .item:nth-child(odd) .count {
                margin-right: -20px;
                margin-left: 0
            }

            .vertical-timeline .item:nth-child(even) .timeline-content,
            .vertical-timeline .item:nth-child(odd) .timeline-content {
                flex-direction: row
            }

            .vertical-timeline .item:nth-child(even) .icon,
            .vertical-timeline .item:nth-child(odd) .icon {
                justify-content: center
            }
        }

        .why-choose-01 {
            margin-top: -70px
        }

        .why-choose-01 .why-choose-icon i {
            position: relative;
            color: #fff;
            opacity: .8
        }

        .why-choose-01 .why-choose-icon i:after {
            width: 30px;
            height: 30px;
            background-color: rgba(255, 255, 255, 0.2);
            content: '';
            position: absolute;
            border-radius: 50px;
            top: -2px;
            right: -4px;
            z-index: -1;
            transition: all 500ms ease
        }

        .why-choose-01 .why-choose-icon:hover i {
            opacity: 1
        }

        .why-choose-01 .why-choose-icon:hover i:after {
            background-color: var(--theme-color)
        }

        @media screen and (max-width:991px) {
            .why-choose-01 {
                margin-top: 0;
                background: none;
                padding-top: 0
            }
        }

        .why-choose-right .why-choose-box {
            position: absolute;
            bottom: -50px;
            right: 50px;
            width: 160px;
            height: 160px;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            z-index: 9;
            padding: 0 15px
        }

        .why-choose-right:after {
            position: absolute;
            content: "";
            height: 90%;
            width: 70%;
            border-radius: 0.25rem;
            background: var(--dark-color);
            left: -15px;
            top: -15px
        }

        @media screen and (max-width:767px) {
            .why-choose-right .why-choose-box {
                width: 130px;
                height: 130px
            }
        }

        @media screen and (max-width:575px) {
            .why-choose-right .why-choose-box {
                width: 105px;
                height: 105px;
                right: 15px
            }
        }

        .progress-style1 .progress {
            height: 5px
        }

        .progress-style1 .progress .progress-bar {
            background-color: var(--theme-color)
        }

        .portfolio-style1 {
            margin-bottom: -100px;
            position: relative;
            z-index: 9
        }

        .portfolio-style2 {
            margin: 0;
            position: relative;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .portfolio-style2 .portfolio-item-link {
            display: block;
            position: relative;
            text-decoration: none;
            transition: transform .5s
        }

        .portfolio-style2 .portfolio-item-link .portfolio-item-overlay {
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            right: auto;
            width: 100%;
            height: 100%;
            opacity: 0;
            -webkit-transition: opacity .6s;
            transition: opacity .6s
        }

        .portfolio-style2 .portfolio-item-link .portfolio-item-overlay:before {
            display: block;
            position: absolute;
            font-size: 20px;
            line-height: 72px;
            font-weight: 600;
            width: 72px;
            height: 72px;
            text-align: center;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background-color: #fff;
            top: 50%;
            left: 50%;
            right: auto;
            margin: -36px 0 0 -36px;
            z-index: 2;
            font-family: 'themify';
            content: ""
        }

        .portfolio-style2 .portfolio-item-link .portfolio-item-media {
            display: block;
            overflow: hidden;
            position: relative;
            transition: transform .5s;
            border-radius: 5px
        }

        .portfolio-style2 .portfolio-item-link .portfolio-item-media:before {
            content: '';
            position: absolute;
            display: block;
            box-sizing: border-box;
            left: 0;
            right: initial;
            bottom: 0;
            width: 100%;
            height: 28%;
            border-radius: 0.375rem;
            background: linear-gradient(0, rgba(0, 0, 0, 0.5) 0, transparent 100%);
            z-index: 2
        }

        .portfolio-style2 .portfolio-item-link img {
            -webkit-transition: transform .5s;
            transition: transform .5s;
            -webkit-border-radius: 0.375rem;
            border-radius: 0.375rem;
            width: 100%
        }

        .portfolio-style2:hover .portfolio-item-link {
            -webkit-transform: scale(0.93, 0.93);
            -ms-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93)
        }

        .portfolio-style2:hover .portfolio-item-link img {
            -webkit-transform: scale(1.17, 1.17);
            -ms-transform: scale(1.17, 1.17);
            transform: scale(1.17, 1.17)
        }

        .portfolio-style2:hover .portfolio-item-link .portfolio-item-overlay {
            opacity: 1
        }

        .portfolio-style2 .portfolio-item-link .portfolio-item-content {
            position: absolute;
            left: 35px;
            right: 35px;
            bottom: 30px;
            z-index: 2
        }

        @media screen and (max-width:991px) {
            .portfolio-style2 .portfolio-item-link .portfolio-item-overlay:before {
                width: 60px;
                height: 60px;
                line-height: 60px
            }
        }

        .portfolio-style3 .portfolio-msg .portfolio-content {
            margin: 0 70px 0 0;
            padding: 20px 50px;
            background-color: #fff;
            border-radius: 58px;
            position: relative
        }

        .portfolio-style3 .portfolio-msg .msg-icon {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 100px;
            height: 100px;
            background-color: var(--dark-color);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .portfolio-style4 .portfolio-img {
            position: relative;
            padding-top: 77%;
            background-color: #000;
            border-radius: 6px
        }

        .portfolio-style4 .portfolio-img:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            z-index: 2;
            background-color: rgba(0, 0, 0, 0.4);
            border-radius: 6px
        }

        .portfolio-style4 .portfolio-img img {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            object-fit: cover;
            z-index: 1;
            transition: all .3s ease;
            border-radius: 6px
        }

        .portfolio-style4 .portfolio-content {
            position: absolute;
            bottom: 0;
            width: 100%;
            left: 0;
            padding: 26px 60px 30px 40px;
            z-index: 5
        }

        .portfolio-style4 .portfolio-content:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            height: 4px;
            width: 100%;
            background-color: var(--theme-color);
            transition: all ease .35s;
            z-index: -1;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px
        }

        .portfolio-style4 .portfolio-link {
            color: #fff;
            position: absolute;
            top: 30px;
            right: 40px;
            font-size: 20px;
            transition: all ease 0.35s
        }

        .portfolio-style4 .portfolio-inner {
            overflow: hidden;
            position: relative;
            border-radius: 6px
        }

        .portfolio-style4 .portfolio-categories a {
            font-size: 14px;
            font-weight: 600;
            line-height: 1.4285714286;
            padding: 4px 20px;
            border: 1px solid;
            border-radius: 30px;
            color: #fff
        }

        .portfolio-style4 .portfolio-inner:hover .portfolio-link {
            transform: rotate(45deg)
        }

        .portfolio-style4 .portfolio-inner:hover .portfolio-content:before {
            height: 100%
        }

        .portfolio-style4 .portfolio-inner:hover .portfolio-img img {
            transform: translateY(-30px)
        }

        @media screen and (max-width:575px) {
            .portfolio-style4 .portfolio-content {
                padding: 20px 40px 25px 20px
            }

            .portfolio-style4 .portfolio-link {
                right: 20px
            }
        }

        .portfolio-style5 .portfolio-count .inner-count {
            position: relative;
            display: block;
            font-size: 160px;
            line-height: 160px;
            font-weight: 700;
            color: transparent;
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: rgba(255, 255, 255, 0.6)
        }

        .portfolio-style5 .portfolio-count h6 {
            position: absolute;
            top: 0px;
            right: -5px;
            font-weight: 400;
            color: #fff;
            height: 100%;
            text-align: center;
            writing-mode: vertical-lr;
            margin-bottom: 0
        }

        .portfolio-style5 .portfolio-box {
            position: relative;
            display: block;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-width: 1px 1px 0 1px;
            height: 100%;
            padding: 273px 47px 34px 50px;
            transition: all 500ms ease
        }

        .portfolio-style5 .portfolio-box .bg-img {
            position: absolute;
            left: -2px;
            top: -30px;
            width: 0%;
            height: calc(100% + 60px);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            opacity: 0;
            z-index: 1;
            transition: all 500ms ease
        }

        .portfolio-style5 .portfolio-box .bg-img:before {
            position: absolute;
            content: '';
            background: #161e2c;
            width: 100%;
            height: 100%;
            left: 0px;
            top: 0px;
            opacity: 0.3
        }

        .portfolio-style5 .portfolio-box .content-box {
            position: relative;
            z-index: 2;
            transition: all 500ms ease
        }

        .portfolio-style5 .portfolio-box h3 a {
            color: var(--theme-color);
            display: inline-block
        }

        .portfolio-style5 .portfolio-box .link a i {
            position: relative;
            display: inline-block;
            transition: all 500ms ease;
            font-size: 24px;
            color: rgba(255, 255, 255, 0.5)
        }

        .portfolio-style5 .portfolio-box:hover .bg-img {
            width: calc(100% + 3px);
            opacity: 1
        }

        .portfolio-style5 .portfolio-box:hover .content-box {
            transform: translateY(34px)
        }

        .portfolio-style5 .portfolio-box:hover h3 a {
            color: #fff
        }

        .portfolio-style5 .portfolio-box:hover .link a i {
            color: #fff;
            transform: rotate(-45deg)
        }

        @media screen and (max-width:1399px) {
            .portfolio-style5 .portfolio-box {
                padding: 273px 30px 34px 25px
            }

            .portfolio-style5 .portfolio-count .inner-count {
                font-size: 140px;
                line-height: 140px
            }
        }

        @media screen and (max-width:1199px) {
            .portfolio-style5 .portfolio-box {
                padding: 273px 40px 34px 30px
            }
        }

        @media screen and (max-width:575px) {
            .portfolio-style5 .portfolio-count .inner-count {
                font-size: 80px;
                line-height: 80px
            }

            .portfolio-style5 .portfolio-count h6 {
                position: unset;
                writing-mode: unset;
                text-align: start
            }
        }

        .portfolio-carousel1.owl-theme .owl-nav {
            text-align: left;
            margin-top: 60px
        }

        .portfolio-carousel1.owl-theme .owl-nav button {
            width: 60px;
            height: 60px;
            line-height: 65px;
            background-color: #fff;
            border-radius: 0;
            margin-left: 0;
            border-radius: 6px
        }

        .portfolio-carousel1.owl-theme .owl-nav button.owl-next {
            margin-right: 0
        }

        .portfolio-carousel1.owl-theme .owl-nav i {
            padding-top: 0
        }

        .portfolio-carousel1.owl-theme .owl-nav [class*='owl-']:hover {
            background: var(--dark-color);
            -webkit-transition: all .3s ease;
            transition: all .3s ease
        }

        .portfolio-carousel1.owl-theme .owl-nav [class*='owl-']:hover i {
            color: #fff
        }

        @media screen and (max-width:991px) {
            .portfolio-carousel1.owl-theme .owl-nav button {
                width: 50px;
                height: 50px;
                line-height: 55px
            }
        }

        .contact-info-text {
            display: flex;
            align-items: center
        }

        .contact-info-text i {
            font-size: 60px;
            color: var(--dark-color);
            line-height: 1;
            display: inline-block;
            margin-right: 35px
        }

        .contact-info-text p {
            font-size: 16px;
            color: #fff;
            margin-bottom: 5px
        }

        .contact-info-text h3 {
            font-size: 55px;
            line-height: 1.1;
            color: #ffffff;
            font-weight: 600;
            margin-bottom: 0
        }

        .contact-info-text .bar::before {
            position: absolute;
            width: 100px;
            height: 1px;
            content: "";
            background: rgba(255, 255, 255, 0.4);
            left: -180px;
            top: 50%
        }

        .call-to-action-shape1 {
            left: 70px;
            position: relative;
            overflow: hidden
        }

        .call-to-action-shape1:after {
            background: var(--dark-color);
            animation: move 3s infinite;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .call-to-action-shape1:before {
            background: #fff;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .call-to-action-shape2 {
            position: absolute;
            background: var(--dark-color);
            height: 40px;
            width: 20px;
            left: 110px;
            bottom: 25px;
            overflow: hidden
        }

        .call-to-action-shape2:after {
            background: #fff;
            animation: move 3s infinite;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        .call-to-action-shape2:before {
            background: var(--dark-color);
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ""
        }

        @media screen and (max-width:1399px) {
            .contact-info-text h3 {
                font-size: 42px
            }

            .contact-info-text .bar::before {
                left: -150px
            }
        }

        @media screen and (max-width:1199px) {
            .contact-info-text h3 {
                font-size: 36px
            }

            .contact-info-text .bar::before {
                content: none
            }
        }

        @media screen and (max-width:991px) {
            .contact-info-text i {
                font-size: 50px;
                margin-right: 15px
            }

            .contact-info-text h3 {
                font-size: 32px
            }
        }

        @media screen and (max-width:575px) {
            .contact-info-text h3 {
                font-size: 26px
            }
        }

        .testimonials1 button {
            border: 2px solid #fff;
            padding: 5px
        }

        .testimonials1 button img {
            opacity: 0.5
        }

        .testimonials1 button.active {
            border: 2px solid var(--dark-color);
            padding: 5px
        }

        .testimonials1 button.active img {
            opacity: 1
        }

        .testimonials-left span {
            font-size: 140px
        }

        .testimonials-left .left-icon i {
            width: 150px;
            height: 150px;
            display: block;
            line-height: 150px;
            margin: 0 auto;
            font-size: 90px;
            background: rgba(28, 191, 170, 0.9)
        }

        .testimonials-left .testimonials-inner {
            padding: 30px;
            display: inline-block
        }

        @media screen and (max-width:991px) {
            .testimonials-left .testimonials-inner {
                padding: 15px
            }

            .testimonials-left .left-icon i {
                width: 120px;
                height: 120px;
                line-height: 120px;
                font-size: 72px
            }

            .testimonials-left span {
                font-size: 110px
            }
        }

        @media screen and (max-width:575px) {
            .testimonials-left span {
                font-size: 80px
            }
        }

        .form-group {
            margin-bottom: 1rem
        }

        .form-group label {
            margin-bottom: .5rem
        }

        .form-control:focus {
            border-color: var(--theme-color)
        }

        .form-check-input:checked {
            border-color: var(--theme-color);
            background-color: var(--theme-color)
        }

        .quform .quform-elements {
            position: relative
        }

        .quform-input {
            position: relative
        }

        .quform-input .quform-errors-wrap {
            position: absolute;
            right: 8px;
            top: 0;
            line-height: normal;
            z-index: 1
        }

        .quform-element>label {
            font-weight: normal;
            padding-bottom: 5px;
            margin-bottom: 0;
            color: #6a747b;
            font-size: 15px
        }

        .quform-element>label .quform-required {
            color: #cc0101;
            font-size: 10px
        }

        .quform-inner input {
            width: 100%
        }

        .quform-elements .quform-element textarea {
            margin-bottom: 0;
            padding: 8px 15px;
            vertical-align: top
        }

        .quform-elements .quform-element select {
            margin-bottom: 0;
            padding: 8px 35px 8px 15px
        }

        .quform-errors {
            padding: 0;
            margin: 0;
            line-height: normal
        }

        .quform-errors>.quform-error {
            padding: 0;
            background: none;
            border: none;
            float: none;
            color: #f5543f;
            font-size: 11px;
            line-height: normal;
            letter-spacing: normal
        }

        .quform-outer-no-js .quform-error {
            padding: 0;
            background: none;
            border: none;
            float: none;
            color: #f5543f;
            font-size: 11px;
            line-height: normal;
            letter-spacing: normal
        }

        .quform-outer-no-js .quform-success-message {
            padding: 0.75rem 1.25rem 0.75rem 3rem
        }

        .quform-has-error input,
        .quform-has-error textarea,
        .quform-has-error select,
        .quform-has-error input[type=file],
        .quform-has-error .custom-file-label {
            border-color: #f5543f
        }

        .quform-success-message {
            padding: 0.75rem 1.25rem 0.75rem 3rem
        }

        .quform-submit-inner {
            float: none
        }

        .quform-loading-wrap {
            float: none
        }

        .quform-loading-wrap .quform-loading {
            display: inline-block
        }

        .quform-element {
            margin-bottom: 1rem
        }

        .newsletter-rounded .quform-elements {
            position: relative
        }

        .newsletter-rounded .quform-submit-inner {
            position: absolute;
            right: 0px;
            top: 6px;
            width: auto
        }

        .newsletter-rounded .quform-loading-wrap {
            margin-top: 15px;
            margin-bottom: 0;
            margin-left: 0
        }

        .newsletter-rounded input {
            border: 3px solid rgba(255, 255, 255, 0.1);
            height: 60px;
            min-height: auto;
            padding: 0.5rem 4rem 0.5rem 1.5rem
        }

        .newsletter-rounded .quform-has-error input,
        .newsletter-rounded .quform-has-error textarea,
        .newsletter-rounded .quform-has-error select {
            border-color: #f5543f
        }

        .newsletter-rounded .quform-input .quform-errors-wrap {
            right: 15px
        }

        .newsletter-rounded i {
            font-size: 1.5rem;
            line-height: 2rem
        }

        .newsletter-content {
            padding: 45px 45px 45px 0
        }

        .newsletter-content i.ti-email {
            height: 80px;
            width: 100px;
            background-color: var(--theme-color);
            color: #fff;
            display: block;
            font-size: 35px;
            line-height: 80px;
            text-align: center
        }

        @media screen and (max-width:575px) {
            .newsletter-content {
                padding: 25px
            }
        }

        .newsletter-form .quform-elements {
            position: relative
        }

        .newsletter-form .quform-submit-inner {
            position: absolute;
            right: 1px;
            top: 1px;
            width: auto;
            background: var(--theme-color);
            height: 48px
        }

        .newsletter-form .quform-loading-wrap {
            margin-top: 15px;
            margin-bottom: 0;
            margin-left: 0
        }

        .newsletter-form input {
            border: 1px solid rgba(0, 0, 0, 0.1);
            height: 50px;
            padding: 0.5rem 4rem 0.5rem 1rem
        }

        .newsletter-form .quform-has-error input,
        .newsletter-form .quform-has-error textarea,
        .newsletter-form .quform-has-error select {
            border-color: #f5543f
        }

        .newsletter-form .quform-input .quform-errors-wrap {
            right: 15px
        }

        .newsletter-form i {
            font-size: 1.2rem;
            line-height: 2rem
        }

        .newsletter-form-style01 .quform-elements {
            position: relative
        }

        .newsletter-form-style01 .quform-submit-inner {
            position: absolute;
            right: 1px;
            top: 1px;
            width: auto;
            background: transparent;
            height: 48px
        }

        .newsletter-form-style01 .quform-submit-inner .btn {
            padding: 0.500rem 1.15rem
        }

        .newsletter-form-style01 .quform-loading-wrap {
            margin-top: 15px;
            margin-bottom: 0;
            margin-left: 0
        }

        .newsletter-form-style01 input {
            border: 1px solid transparent;
            background-color: rgba(255, 255, 255, 0.2);
            height: 50px;
            padding: 0.5rem 4rem 0.5rem 1rem;
            color: #fff
        }

        .newsletter-form-style01 .form-control:focus,
        .newsletter-form-style01 .form-control:active {
            background-color: rgba(255, 255, 255, 0.2);
            color: #fff
        }

        .newsletter-form-style01 .quform-has-error input,
        .newsletter-form-style01 .quform-has-error textarea,
        .newsletter-form-style01 .quform-has-error select {
            border-color: #f5543f
        }

        .newsletter-form-style01 .quform-input .quform-errors-wrap {
            right: 15px
        }

        .newsletter-form-style01 i {
            font-size: 1.2rem;
            line-height: 2rem
        }

        .newsletter-form-icon .quform-elements {
            position: relative
        }

        .newsletter-form-icon .quform-submit-inner {
            position: absolute;
            right: 1px;
            top: 3px;
            width: auto;
            background: transparent;
            height: 48px
        }

        .newsletter-form-icon .quform-submit-inner .btn {
            border: none;
            padding: 0.500rem 1.15rem
        }

        .newsletter-form-icon .quform-loading-wrap {
            margin-top: 15px;
            margin-bottom: 0;
            margin-left: 0
        }

        .newsletter-form-icon input {
            border: 1px solid transparent;
            background-color: rgba(255, 255, 255, 0.2);
            min-height: 54px;
            height: 50px;
            padding: 0.5rem 4rem 0.5rem 1rem;
            color: #fff
        }

        .newsletter-form-icon .form-control:focus,
        .newsletter-form-icon .form-control:active {
            background-color: rgba(255, 255, 255, 0.2);
            color: #fff
        }

        .newsletter-form-icon .quform-has-error input,
        .newsletter-form-icon .quform-has-error textarea,
        .newsletter-form-icon .quform-has-error select {
            border-color: #f5543f
        }

        .newsletter-form-icon .quform-input .quform-errors-wrap {
            right: 15px
        }

        .newsletter-form-icon i {
            font-size: 1.2rem;
            line-height: 2rem
        }

        .social-icon-style1 {
            margin-bottom: 0;
            display: inline-block;
            padding-left: 10px;
            list-style: none
        }

        .social-icon-style1 li {
            vertical-align: middle;
            display: inline-block;
            margin-right: 5px
        }

        .social-icon-style1 li a {
            display: inline-block;
            font-size: 14px;
            text-align: center;
            color: #ffffff;
            background: var(--dark-color);
            height: 41px;
            line-height: 41px;
            width: 41px
        }

        .social-icon-style1 li a:hover,
        .social-icon-style1 li a:focus,
        .social-icon-style1 li a:active {
            background: var(--theme-color);
            color: #fff
        }

        .social-icon-style1 li:last-child {
            margin-right: 0
        }

        .social-icon-style2 {
            margin-bottom: 0;
            list-style: none
        }

        .social-icon-style2 li {
            vertical-align: middle;
            display: inline-block;
            margin-right: 5px
        }

        .social-icon-style2 li a {
            display: inline-block;
            font-size: 14px;
            text-align: center;
            color: #ffffff;
            background: var(--dark-color);
            height: 41px;
            line-height: 41px;
            width: 41px
        }

        .social-icon-style2 li a:hover,
        .social-icon-style2 li a:active,
        .social-icon-style2 li a:focus {
            background: var(--theme-color);
            color: #fff
        }

        .social-icon-style2 li:last-child {
            margin-right: 0
        }

        .social-icon-style2 li a.small {
            width: 30px;
            height: 30px;
            line-height: 30px;
            font-size: 11px
        }

        .social-icon-style2.small li a {
            width: 35px;
            height: 35px;
            line-height: 35px
        }

        .social-icon-style2.small li a {
            font-size: 14px;
            height: 41px;
            line-height: 41px;
            width: 41px
        }

        @media screen and (max-width:991px) {
            .social-icon-style2.small li a {
                width: 30px;
                height: 30px;
                line-height: 30px
            }
        }

        .social-icon-style3 {
            margin-bottom: 0;
            display: inline-block
        }

        .social-icon-style3 li {
            vertical-align: middle;
            display: inline-block;
            margin-right: 5px
        }

        .social-icon-style3 li a {
            display: inline-block;
            font-size: 14px;
            text-align: center;
            color: #ffffff;
            background: var(--dark-color);
            height: 41px;
            line-height: 42px;
            width: 41px;
            border-radius: 50%
        }

        .social-icon-style3 li a:hover,
        .social-icon-style3 li a:focus,
        .social-icon-style3 li a:active {
            background: var(--theme-color);
            color: #fff
        }

        .social-icon-style3 li:last-child {
            margin-right: 0
        }

        @media screen and (max-width:767px) {
            .social-icon-style3 li a {
                width: 36px;
                height: 36px;
                line-height: 37px
            }
        }

        .lg-backdrop {
            z-index: 99999
        }

        .lg-outer {
            z-index: 999999
        }

        .lg-outer .lg-thumb-item.active,
        .lg-outer .lg-thumb-item:hover {
            border-color: var(--theme-color)
        }

        .lg-progress-bar .lg-progress {
            background-color: var(--theme-color)
        }

        .lg-backdrop.in {
            opacity: 0.85
        }

        @keyframes spin {
            from {
                transform: rotate(0deg)
            }

            to {
                transform: rotate(360deg)
            }
        }

        .img-windmolen {
            position: relative;
            width: 500px;
            margin: 0 auto
        }

        .img-windmolen svg {
            width: 100%;
            height: 100%;
            vertical-align: bottom;
            overflow: visible
        }

        .img-windmolen .wieken {
            animation: spin 2s infinite linear;
            transform-origin: 61% 55%
        }

        .ani-left-right {
            animation-duration: 5s;
            animation-iteration-count: infinite;
            animation-name: LeftRight;
            animation-timing-function: ease-in-out
        }

        @keyframes LeftRight {
            0% {
                transform: translate(0px, 0px)
            }

            65% {
                transform: translate(30px, 0)
            }

            100% {
                transform: translate(0px, 0px)
            }
        }

        .ani-top-bottom {
            animation-duration: 5s;
            animation-iteration-count: infinite;
            animation-name: TopBottom;
            animation-timing-function: ease-in-out
        }

        @keyframes TopBottom {
            0% {
                transform: translate(0px, 0px)
            }

            65% {
                transform: translate(0, 30px)
            }

            100% {
                transform: translate(0px, 0px)
            }
        }

        .search-form_input {
            color: var(--theme-color)
        }

        .search-frame h4 a:hover {
            color: var(--theme-color)
        }

        .search-frame .search_list .match {
            color: var(--theme-color)
        }

        .search-frame .search_list li:before {
            color: var(--theme-color)
        }

        .search-frame .search_list li+li {
            border-top: 3px solid var(--theme-color)
        }

        .search-frame .search {
            color: var(--theme-color)
        }

        .rotation {
            animation: rotation infinite 30s linear
        }

        @keyframes rotation {
            to {
                transform: rotate(360deg)
            }
        }

        @keyframes move {
            0% {
                transform: translate3d(-200%, 0, 0)
            }

            60% {
                transform: translate3d(100%, 0, 0)
            }

            100% {
                transform: translate3d(100%, 0, 0)
            }
        }

        .c-1 {
            -webkit-animation-name: ScaleMe;
            -webkit-animation-duration: 5s;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
            -moz-animation-name: ScaleMe;
            -moz-animation-duration: 5s;
            -moz-animation-iteration-count: infinite;
            -moz-animation-timing-function: linear;
            -ms-animation-name: ScaleMe;
            -ms-animation-duration: 5s;
            -ms-animation-iteration-count: infinite;
            -ms-animation-timing-function: linear;
            animation-name: ScaleMe;
            animation-duration: 5s;
            animation-iteration-count: infinite;
            animation-timing-function: linear
        }

        .c-2 {
            -webkit-animation-name: ScaleMe;
            -webkit-animation-delay: 3ms;
            -webkit-animation-duration: 3s;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
            -moz-animation-name: ScaleMe;
            -moz-animation-delay: 3s;
            -moz-animation-duration: 3s;
            -moz-animation-iteration-count: infinite;
            -moz-animation-timing-function: linear;
            -ms-animation-name: ScaleMe;
            -ms-animation-delay: 3s;
            -ms-animation-duration: 3s;
            -ms-animation-iteration-count: infinite;
            -ms-animation-timing-function: linear;
            animation-name: ScaleMe;
            animation-delay: 3s;
            animation-duration: 3s;
            animation-iteration-count: infinite;
            animation-timing-function: linear
        }

        @-webkit-keyframes ScaleMe {
            0% {
                transform: scale(1)
            }

            50% {
                transform: scale(1.15)
            }

            100% {
                transform: scale(1)
            }
        }

        @-moz-keyframes ScaleMe {
            0% {
                transform: scale(1)
            }

            50% {
                transform: scale(1.15)
            }

            100% {
                transform: scale(1)
            }
        }

        .scrolling-main {
            padding: 40px 0
        }

        .scrolling-text {
            width: 100%;
            overflow: hidden;
            line-height: 0
        }

        .scrolling-marquee {
            white-space: nowrap;
            overflow: hidden;
            display: inline-block;
            animation: campoutscrollingmarqueeReverse 6s linear infinite
        }

        .scrolling-left-text .scrolling-marquee {
            animation: campoutscrollingmarquee 6s linear infinite
        }

        .scrolling-marquee h4 {
            margin: 0px;
            padding: 0px;
            display: inline-block;
            font-size: 26px;
            line-height: 38px;
            margin-bottom: 0
        }

        .scrolling-marquee h4.circle-marquee:before {
            content: '';
            width: 10px;
            height: 10px;
            border-radius: 100%;
            border: 2px solid #fff;
            display: inline-block;
            margin: 0px 50px;
            vertical-align: middle
        }

        @keyframes campoutscrollingmarquee {
            0% {
                transform: translate3d(0, 0, 0)
            }

            100% {
                transform: translate3d(-50%, 0, 0)
            }
        }

        @keyframes campoutscrollingmarqueeReverse {
            0% {
                transform: translate3d(-50%, 0, 0)
            }

            100% {
                transform: translate3d(0%, 0, 0)
            }
        }

        .scrolling-left-text .scrolling-marquee {
            animation-duration: 20s
        }

        .scrolling-left-text .scrolling-marquee h4 {
            color: #fff
        }

        .scrolling-text-2 {
            width: 100%;
            overflow: hidden
        }

        .scrolling-marquee-2 {
            white-space: nowrap;
            overflow: hidden;
            display: inline-block;
            animation: campoutscrollingmarqueeReverse 6s linear infinite
        }

        .scrolling-left-text-2 .scrolling-marquee-2 {
            animation: campoutscrollingmarquee 6s linear infinite
        }

        .scrolling-marquee-2 h4 {
            margin: 0px;
            padding: 0px;
            display: inline-block
        }

        @keyframes campoutscrollingmarquee {
            0% {
                transform: translate3d(0, 0, 0)
            }

            100% {
                transform: translate3d(-50%, 0, 0)
            }
        }

        @keyframes campoutscrollingmarqueeReverse {
            0% {
                transform: translate3d(-50%, 0, 0)
            }

            100% {
                transform: translate3d(0%, 0, 0)
            }
        }

        .scrolling-left-text-2 .scrolling-marquee-2 {
            animation-duration: 20s
        }

        .scrolling-left-text-2 .scrolling-marquee-2 h4 {
            -webkit-text-stroke: 0.5px #fff;
            text-stroke: 0.5px #fff;
            -webkit-text-stroke-color: #fff;
            text-stroke-color: #fff;
            color: transparent;
            text-transform: uppercase
        }

        .scrolling-marquee-2 {
            animation-duration: 20s
        }

        .scrolling-text-2 h4 {
            -webkit-text-stroke: 0.5px #fff;
            text-stroke: 0.5px #fff;
            -webkit-text-stroke-color: #fff;
            text-stroke-color: #fff;
            color: transparent
        }

        .about-style01 {
            padding: 80px 0
        }

        .about-style01 .right-content .blur-box {
            bottom: 25px;
            right: 25px;
            padding: 18px 30px;
            background-color: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            text-align: center
        }

        .about-style01 .icon {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background-color: rgba(28, 191, 170, 0.1);
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center
        }

        @media screen and (max-width:1199px) {
            .about-style01 .right-content .blur-box {
                padding: 10px 20px
            }
        }

        .about-style02 .about-left img {
            opacity: 1;
            box-shadow: 0 20px 100px rgba(0, 0, 0, 0.1);
            position: relative;
            overflow: hidden
        }

        .about-style02 .about-left .left-bg {
            transform: translateY(-8.01324px);
            opacity: 1;
            box-shadow: 0 20px 100px rgba(0, 0, 0, 0.1);
            z-index: 1;
            left: 30px;
            bottom: 100px;
            position: absolute;
            text-align: center;
            padding: 30px;
            width: 180px;
            background-color: #fff;
            overflow: hidden;
            display: inline-block;
            border-radius: 0.375rem
        }

        .about-style02 .about-left .left-bg .left-circle {
            z-index: -1;
            position: absolute;
            left: -35px;
            top: -30px;
            height: 150px;
            width: 150px;
            border-radius: 100%;
            background-color: var(--theme-color)
        }

        @media screen and (max-width:1399px) {
            .about-style02 .about-left .left-bg {
                left: 0
            }
        }

        @media screen and (max-width:1199px) {
            .about-style02 .about-left .left-bg {
                left: 0;
                bottom: -8px
            }
        }

        .about-style03 .left-img {
            position: absolute;
            bottom: -50px;
            right: -15px
        }

        .about-style04 .right-content .count-text .count-inner .count-no {
            font-size: 130px;
            line-height: 0.8;
            color: var(--dark-color);
            font-weight: 800
        }

        @media screen and (max-width:1199px) {
            .about-style04 .right-content .count-text .count-inner .count-no {
                font-size: 114px
            }
        }

        @media screen and (max-width:767px) {
            .about-style04 .right-content .count-text .count-inner .count-no {
                font-size: 92px
            }
        }

        @media screen and (max-width:575px) {
            .about-style04 .right-content .count-text .count-inner .count-no {
                font-size: 72px
            }
        }

        .about-5 .about-img-text .left-box {
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px
        }

        .about-5 .about-img-text .right-box {
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px
        }

        @media screen and (max-width:575px) {
            .about-5 .about-img-text .left-box {
                border-top-right-radius: 6px;
                border-bottom-left-radius: 0
            }

            .about-5 .about-img-text .right-box {
                border-top-right-radius: 0;
                border-bottom-left-radius: 6px
            }
        }

        .counter-style01 .counter-block .counter-inner {
            font-size: 78px;
            line-height: 1;
            font-weight: 700;
            color: #232323;
            letter-spacing: -0.04em;
            overflow: hidden
        }

        .counter-style01 .counter-block .counter-inner .counter-no {
            display: flex;
            margin: 0 0 -0.36em 0;
            font-weight: inherit;
            position: relative;
            white-space: nowrap;
            justify-content: center
        }

        .counter-style01 .counter-block .counter-line {
            width: 100%;
            height: 1px;
            background: #dee2e6;
            margin: 0 0 21px
        }

        @media screen and (max-width:1199px) {
            .counter-style01 .counter-block .counter-inner {
                font-size: 65px
            }

            .counter-style01 .counter-block .counter-inner .counter-no {
                margin: 0 0 -0.30em 0
            }

            .counter-style01 .counter-block .counter-line {
                margin: 0 0 12px
            }
        }

        @media screen and (max-width:991px) {
            .counter-style01 .counter-block .counter-inner {
                font-size: 56px
            }
        }

        .counter-style02 .count-no {
            font-size: 70px;
            line-height: 80px;
            font-weight: 800;
            margin-bottom: 0;
            color: var(--theme-color)
        }

        .counter-style02 h4 {
            font-size: 22px;
            font-weight: 800;
            line-height: 30px
        }

        @media screen and (max-width:575px) {
            .counter-style02 span {
                font-size: 50px;
                line-height: 50px
            }
        }

        .why-choose-02 .left-img .img1 {
            margin-left: -20px
        }

        .why-choose-02 .left-img .content-no {
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            background-color: var(--theme-color);
            border-radius: 50%;
            margin-left: -20px;
            color: #fff;
            display: inline-flex;
            border: 2px solid #fff;
            justify-content: center;
            align-items: center
        }

        .why-choose-02 .left-content {
            margin-left: -40%;
            background: white;
            border-radius: 0.375rem;
            padding: 50px 52px 40px 0px;
            padding-left: calc(20% + 74px);
            border: 1px solid #E9E9E9;
            -webkit-box-shadow: 0px 10px 60px rgba(208, 208, 208, 0.25);
            box-shadow: 0px 10px 60px rgba(208, 208, 208, 0.25)
        }

        .why-choose-02 .left-content .exp-content {
            color: white;
            border: none;
            font-size: 14px;
            padding: 2px 10px 0px 10px;
            background: var(--dark-color);
            border-radius: 50rem;
            position: relative;
            z-index: 9
        }

        .why-choose-02 .left-content .exp-line:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 1px;
            background-color: #E9E9E9;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1
        }

        @media screen and (max-width:991px) {
            .why-choose-02 .left-content {
                margin-left: -30%
            }
        }

        @media screen and (max-width:575px) {
            .why-choose-02 .left-content {
                margin-left: 0;
                padding: 30px
            }
        }

        .extra-style1 .content {
            position: absolute;
            left: 65px;
            bottom: 65px;
            background-color: var(--theme-color);
            padding: 50px 50px 49px 50px;
            width: 450px
        }

        .extra-style1 .content.right {
            background-color: #20252d
        }

        .extra-style1 span:before {
            content: "";
            position: absolute;
            width: 2px;
            height: 100%;
            background-color: #fff;
            left: 0;
            top: 0
        }

        .extra-style1 .bg-img {
            min-height: 550px
        }

        @media screen and (max-width:1199px) {
            .extra-style1 .content {
                left: 25px;
                bottom: 25px
            }
        }

        @media screen and (max-width:991px) {
            .extra-style1 .bg-img {
                min-height: 500px
            }
        }

        @media screen and (max-width:575px) {
            .extra-style1 .content {
                right: 0;
                padding: 30px 30px 29px 30px;
                width: 270px
            }

            .extra-style1 .bg-img {
                min-height: 380px
            }
        }

        .clients-style01 .client-img img {
            transition: .4s
        }

        .clients-style01 .client-img:hover img {
            filter: grayscale(1)
        }

        .process-style01 .process-inner span {
            margin-bottom: 20px;
            display: inline-block;
            line-height: 1;
            font-size: 122px;
            transition: all 0.65s;
            color: var(--dark-color);
            font-weight: 800
        }

        .process-style01 .process-inner:hover span {
            color: #36A5F7
        }

        .process-style01 .process-inner:hover span:before {
            opacity: 1
        }

        @media screen and (max-width:991px) {
            .process-style01 .process-inner span {
                font-size: 100px;
                margin-bottom: 10px
            }
        }

        @media screen and (max-width:767px) {
            .process-style01 .process-inner span {
                font-size: 80px
            }
        }

        .process-style02 .process-block {
            transition-timing-function: ease-in-out;
            -ms-transition-timing-function: ease-in-out;
            -moz-transition-timing-function: ease-in-out;
            -webkit-transition-timing-function: ease-in-out;
            -o-transition-timing-function: ease-in-out;
            transition-duration: .5s;
            -ms-transition-duration: .5s;
            -moz-transition-duration: .5s;
            -webkit-transition-duration: .5s;
            -o-transition-duration: .5s
        }

        .process-style02 .process-block .process-no {
            font-size: 130px;
            white-space: nowrap;
            line-height: 1;
            text-transform: uppercase;
            stroke-width: 1;
            font-weight: 700;
            letter-spacing: -1px;
            color: transparent;
            -webkit-text-stroke: 0.5px #20252d;
            -webkit-text-stroke-color: #e4e4e4;
            -webkit-text-fill-color: transparent;
            text-stroke: 0.5px #20252d;
            text-stroke-color: #e4e4e4;
            text-fill-color: transparent;
            transition-timing-function: ease-in-out;
            -ms-transition-timing-function: ease-in-out;
            -moz-transition-timing-function: ease-in-out;
            -webkit-transition-timing-function: ease-in-out;
            -o-transition-timing-function: ease-in-out;
            transition-duration: .5s;
            -ms-transition-duration: .5s;
            -moz-transition-duration: .5s;
            -webkit-transition-duration: .5s;
            -o-transition-duration: .5s
        }

        .process-style02 .process-block .process-text {
            font-size: 14px;
            text-transform: uppercase;
            transform: rotate(180deg);
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            writing-mode: vertical-lr;
            text-orientation: sideways;
            letter-spacing: 1.28px;
            margin-left: 8px
        }

        .process-style02 .process-block:hover .process-no {
            -webkit-text-stroke: 0.5px #20252d;
            -webkit-text-fill-color: #20252d
        }

        @media screen and (max-width:767px) {
            .process-style02 .process-block .process-no {
                font-size: 100px
            }
        }

        .contact-style01 .contact-text {
            font-size: 100px;
            color: var(--theme-color);
            font-weight: 700;
            line-height: .8em;
            letter-spacing: -3.6px
        }

        @media screen and (max-width:1199px) {
            .contact-style01 .contact-text {
                font-size: 80px
            }
        }

        @media screen and (max-width:575px) {
            .contact-style01 .contact-text {
                font-size: 60px
            }
        }

        .contact-style02 .contact-from .form-control {
            border-width: 0 0 1px 0;
            padding: 12px 30px 12px 0
        }

        .contact-style02 .contact-from .quform-element.form-group i {
            position: absolute;
            top: 15px;
            right: 0;
            font-size: 20px
        }

        .contact-style02 .form-control:focus {
            box-shadow: none;
            border-color: none
        }

        footer {
            word-break: break-word;
            background: #20252d
        }

        footer .newsletter-form input {
            border: none
        }

        .footer-logo {
            max-width: 214px;
            width: 100%;
            display: inline-block
        }

        .footer-bar {
            padding-top: 20px;
            padding-bottom: 20px;
            margin-top: 80px;
            text-align: center;
            background: #0c0c0c
        }

        footer .sec-title h3 {
            position: relative;
            display: inline-block;
            padding-right: 15px
        }

        footer .sec-title h3:after {
            position: absolute;
            content: '';
            z-index: 1;
            height: 7px;
            width: 3px;
            bottom: 2px;
            right: 0px;
            background: var(--theme-color)
        }

        footer .sec-title h3:before {
            position: absolute;
            content: '';
            z-index: 1;
            height: 5px;
            width: 3px;
            bottom: 5px;
            right: 5px;
            background: var(--dark-color)
        }

        footer address {
            color: rgba(255, 255, 255, 0.7)
        }

        footer .email {
            border-bottom: 1px solid rgba(255, 255, 255, 0.7);
            display: inline-block;
            padding-bottom: 5px
        }

        footer .email a {
            color: rgba(255, 255, 255, 0.7);
            position: relative;
            transition: all 0.8s ease
        }

        footer .email a:hover:after {
            width: 100%
        }

        footer .email a:active:after {
            width: 100%
        }

        footer .email a:focus:after {
            width: 100%
        }

        footer .email a:hover {
            color: var(--dark-color)
        }

        footer .email a:active {
            color: var(--dark-color)
        }

        footer .email a:focus {
            color: var(--dark-color)
        }

        footer .email a:after {
            border-bottom: 1px solid #fff;
            transition: all 0.8s ease;
            content: "";
            display: inline-block;
            position: absolute;
            bottom: -10px;
            right: 0;
            width: 0
        }

        footer .phone {
            padding-bottom: 0;
            margin-bottom: 0
        }

        footer .phone a {
            padding-bottom: 0;
            letter-spacing: -0.05rem;
            color: #fff
        }

        footer .phone a:hover {
            color: var(--dark-color)
        }

        footer .phone a:active {
            color: var(--dark-color)
        }

        footer .phone a:focus {
            color: var(--dark-color)
        }

        @media screen and (max-width:767px) {
            footer address {
                color: rgba(255, 255, 255, 0.7)
            }

            footer .email a:after {
                bottom: -10px
            }
        }

        .footer-style01 .footer-logo {
            max-width: 174px
        }

        .footer-style01 .footer-tag {
            font-weight: 500;
            margin-left: 20px;
            padding-left: 20px;
            padding-right: 20px;
            border-radius: 30px;
            background-color: rgba(19, 136, 215, 0.2);
            color: var(--theme-color);
            line-height: 30px;
            font-size: 12px;
            display: inline-block;
            vertical-align: middle
        }

        @media screen and (max-width:575px) {
            .footer-style01 .footer-logo {
                max-width: 144px
            }
        }

        .newsletter-rounded .quform-elements {
            position: relative
        }

        .newsletter-rounded .quform-loading-wrap {
            margin-top: 15px;
            margin-bottom: 0;
            margin-left: 0
        }

        .newsletter-rounded input {
            border: 3px solid rgba(255, 255, 255, 0.1);
            height: 60px;
            min-height: auto;
            padding: 0.5rem 4rem 0.5rem 1.5rem
        }

        .newsletter-rounded .quform-has-error input,
        .newsletter-rounded .quform-has-error textarea,
        .newsletter-rounded .quform-has-error select {
            border-color: #f5543f
        }

        .newsletter-rounded .quform-input .quform-errors-wrap {
            right: 15px
        }

        .newsletter-rounded i {
            font-size: 1.5rem;
            line-height: 2rem;
            vertical-align: middle
        }

        .newsletter-content {
            padding: 45px 45px 45px 0
        }

        .newsletter-content i.ti-email {
            height: 80px;
            width: 100px;
            background-color: var(--theme-color);
            color: #fff;
            display: block;
            font-size: 35px;
            line-height: 80px;
            text-align: center
        }

        @media screen and (max-width:575px) {
            .newsletter-content {
                padding: 25px
            }
        }

        .newsletter-form .quform-elements {
            position: relative
        }

        .newsletter-form .quform-submit-inner {
            position: absolute;
            right: 1px;
            top: 1px;
            width: auto;
            background: var(--theme-color);
            height: 48px
        }

        .newsletter-form .quform-loading-wrap {
            margin-top: 15px;
            margin-bottom: 0;
            margin-left: 0
        }

        .newsletter-form input {
            border: 1px solid rgba(0, 0, 0, 0.1);
            height: 50px;
            padding: 0.5rem 4rem 0.5rem 1rem
        }

        .newsletter-form .quform-has-error input,
        .newsletter-form .quform-has-error textarea,
        .newsletter-form .quform-has-error select {
            border-color: #f5543f
        }

        .newsletter-form .quform-input .quform-errors-wrap {
            right: 15px
        }

        .newsletter-form i {
            font-size: 1.2rem;
            line-height: 2rem
        }

        .footer1 {
            margin-top: -5.5rem
        }

        .footer-link li a {
            color: #fff
        }

        .footer-link li a:hover {
            color: var(--theme-color)
        }

        .input-height {
            min-height: 52px
        }

        .footer-bg-left {
            position: absolute;
            top: 0;
            left: -100px;
            max-height: 100%
        }

        .footer-bg-right {
            position: absolute;
            right: 0;
            bottom: 0;
            max-height: 100%
        }

        .footer-link.bottom-link li {
            display: inline-block;
            margin-right: 20px
        }

        .footer-link.bottom-link li:last-child {
            margin-right: 0
        }

        .footer-three .sec-title {
            padding-bottom: 0 !important;
            margin-bottom: 0 !important
        }

        .footer-three h3 {
            font-size: 1.25rem;
            margin-bottom: 2.2rem;
            font-weight: 800
        }

        .footer-three .sec-title h3 {
            padding-right: 0
        }

        .footer-three .sec-title h3:after,
        .footer-three .sec-title h3:before {
            content: none
        }

        .footer-three .border-box {
            display: none
        }

        @media screen and (min-width:1200px) {
            .footer-three .flex-grow-1 h4 {
                max-width: 70%
            }
        }

        .footer-two .sec-title {
            padding-bottom: 0 !important
        }

        .footer-two .sec-title h3 {
            padding-right: 0
        }

        .footer-two .sec-title h3:after,
        .footer-two .sec-title h3:before {
            content: none
        }

        .footer-two h3 {
            color: #fff !important;
            margin-bottom: 1.6rem !important
        }

        footer.bg-light.footer-two h4 a,
        footer.bg-light h6 a {
            color: #282b2d !important
        }

        footer.bg-light.footer-two h4 a:hover,
        footer.bg-light h6 a:hover {
            color: var(--theme-color) !important
        }

        .footer-two .border-box {
            display: none
        }

        footer.bg-light .social-icon-style1 a {
            color: #fff
        }

        .footer-icon {
            position: relative
        }

        .footer-icon a {
            display: inline-block
        }

        .footer-icon:before {
            content: "";
            border-radius: 0.25rem;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: rgba(19, 136, 215, 0.8);
            opacity: 0;
            transition: 0.5s all ease-in-out
        }

        .footer-icon:hover:before {
            opacity: 1
        }

        .footer-icon .hover-icon {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            vertical-align: middle;
            height: 100%;
            opacity: 0;
            transition: 0.5s all ease-in-out
        }

        .footer-icon:hover .hover-icon {
            opacity: 1
        }

        footer.bg-light p {
            color: #575a7b
        }

        footer.bg-light li {
            color: #575a7b
        }

        footer.bg-light li a {
            color: #575a7b
        }

        footer.bg-light h4 a,
        footer.bg-light h6 a {
            color: #282b2d
        }

        footer h1,
        footer h2,
        footer h3,
        footer h4,
        footer h5,
        footer h6 {
            color: #fff;
            font-weight: 800;
            font-size: 1.4rem
        }

        footer li {
            list-style: none;
            word-wrap: break-word
        }

        footer li:first-child {
            margin-top: 0;
            border-top: 0;
            padding-top: 0
        }

        footer label {
            color: #fff
        }

        footer li a {
            color: #fff
        }

        footer li a:hover,
        footer li a:active,
        footer li a:focus {
            color: var(--theme-color)
        }

        footer h1 a,
        footer h2 a,
        footer h3 a,
        footer h4 a,
        footer h5 a,
        footer h6 a,
        footer .h1 a,
        footer .h2 a,
        footer .h3 a,
        footer .h4 a,
        footer .h5 a,
        footer .h6 a {
            color: #fff
        }

        footer h1 a:hover,
        footer h1 a:active,
        footer h1 a:focus {
            color: var(--theme-color)
        }

        footer h2 a:hover,
        footer h2 a:active,
        footer h2 a:focus {
            color: var(--theme-color)
        }

        footer h3 a:hover,
        footer h3 a:active,
        footer h3 a:focus {
            color: var(--theme-color)
        }

        footer h4 a:hover,
        footer h4 a:active,
        footer h4 a:focus {
            color: var(--theme-color)
        }

        footer h5 a:hover,
        footer h5 a:active,
        footer h5 a:focus {
            color: var(--theme-color)
        }

        footer h6 a:hover,
        footer h6 a:active,
        footer h6 a:focus {
            color: var(--theme-color)
        }

        footer .h1 a:hover,
        footer .h1 a:active,
        footer .h1 a:focus {
            color: var(--theme-color)
        }

        footer .h2 a:hover,
        footer .h2 a:active,
        footer .h2 a:focus {
            color: var(--theme-color)
        }

        footer .h3 a:hover,
        footer .h3 a:active,
        footer .h3 a:focus {
            color: var(--theme-color)
        }

        footer .h4 a:hover,
        footer .h4 a:active,
        footer .h4 a:focus {
            color: var(--theme-color)
        }

        footer .h5 a:hover,
        footer .h5 a:active,
        footer .h5 a:focus {
            color: var(--theme-color)
        }

        footer .h6 a:hover,
        footer .h6 a:active,
        footer .h6 a:focus {
            color: var(--theme-color)
        }

        footer p,
        footer li {
            color: #fff;
            list-style: none
        }

        .buy-theme {
            transition-timing-function: ease-in-out;
            transition-duration: .2s;
            position: fixed;
            top: 150px;
            right: -89px;
            background: var(--dark-color);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            z-index: 9999
        }

        .buy-theme i {
            font-size: 16px;
            vertical-align: middle;
            position: relative;
            top: -1px;
            color: #fff
        }

        .all-demo i {
            font-size: 15px;
            vertical-align: middle;
            position: relative;
            top: -1px;
            color: #fff
        }

        .buy-theme:hover,
        .all-demo:hover {
            transition-timing-function: ease-in-out;
            transition-duration: .2s;
            right: 0px;
            background: var(--dark-color)
        }

        .all-demo:hover {
            background: var(--theme-color)
        }

        .buy-theme span,
        .all-demo span {
            padding: 0 9px;
            position: relative;
            top: 0;
            opacity: 0
        }

        .buy-theme:hover span,
        .all-demo:hover span {
            opacity: 1;
            color: #fff
        }

        .buy-theme:hover i,
        .all-demo:hover i {
            color: #fff
        }

        .buy-theme a,
        .all-demo a {
            color: #232323;
            font-size: 10px;
            text-transform: uppercase;
            padding: 5px 10px;
            display: block;
            text-decoration: none;
            font-weight: 500
        }

        .all-demo {
            transition-timing-function: ease-in-out;
            transition-duration: .2s;
            position: fixed;
            top: 185px;
            right: -105px;
            background: var(--theme-color);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            z-index: 9999
        }

        .sticky-chatbox-cont {
            position: absolute;
            width: 120px;
            height: 150px;
            bottom: 8rem;
            right: 0;
            z-index: 0;
            overflow: hidden
        }

        .sticky-chatbox-cont a {
            color: #fff
        }

        .sticky-chatbox-cont .sticky-chatbox {
            position: absolute;
            display: block;
            box-shadow: 0 .4rem .8rem 0 rgba(213, 52, 62, 0.1);
            -webkit-box-shadow: 0 .4rem .8rem 0 rgba(213, 52, 62, 0.1);
            font-family: 'bold', arial, helvetica, sans-serif;
            box-sizing: border-box;
            overflow: hidden;
            top: 0;
            right: 0;
            font-size: 14px;
            line-height: 1.375em;
            padding: .9rem 0 0 1.2rem;
            width: 120px;
            height: 150px;
            border-top-left-radius: .4rem;
            border-bottom-left-radius: .4rem;
            background-color: var(--dark-color);
            color: #fff;
            cursor: pointer;
            -webkit-transition: transform .4s cubic-bezier(0.91, 0.2, 0.25, 1), backgroun-color .2s linear;
            transition: transform .4s cubic-bezier(0.91, 0.2, 0.25, 1), backgroun-color .2s linear;
            -webkit-transform: translateX(12rem) translateZ(0);
            -ms-transform: translateX(12rem) translateZ(0);
            transform: translateX(12rem) translateZ(0)
        }

        .sticky-chatbox-cont .sticky-chatbox i {
            position: absolute;
            left: 17px;
            top: 79px;
            font-size: 30px;
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transition: transform .2s cubic-bezier(0.91, 0.2, 0.25, 1);
            transition: transform .2s cubic-bezier(0.91, 0.2, 0.25, 1);
            -webkit-transform: scale(1) translateZ(0);
            -ms-transform: scale(1) translateZ(0);
            transform: scale(1) translateZ(0)
        }

        .sticky-chatbox-cont .sticky-chatbox img {
            position: absolute;
            width: 75px;
            bottom: 0;
            right: -0.8rem
        }

        .sticky-chatbox-cont .sticky-chatbox:hover,
        .sticky-chatbox-cont .sticky-chatbox:active {
            background-color: var(--theme-color)
        }

        .sticky-chatbox-cont .sticky-chatbox:hover i,
        .sticky-chatbox-cont .sticky-chatbox:active i {
            -webkit-transform: scale(1.05) translateZ(0) rotate(3deg);
            -ms-transform: scale(1.05) translateZ(0) rotate(3deg);
            transform: scale(1.05) translateZ(0) rotate(3deg)
        }

        .sticky-chatbox-cont.animate {
            z-index: 999
        }

        .sticky-chatbox-cont.animate .sticky-chatbox {
            -webkit-transform: translateX(0) translateZ(0);
            -ms-transform: translateX(0) translateZ(0);
            transform: translateX(0) translateZ(0)
        }

        .sticky-chatbox-cont.sticky {
            position: fixed
        }

        .img-filter-white {
            filter: brightness(0) invert(1)
        }

        .whatsappCommercial {
            position: fixed;
            z-index: 9999;
            width: 200px;
            min-height: 100px;
            height: auto;
            border-radius: 12px;
            background: #fff;
            box-shadow: rgb(0 0 0 / 8%) 0px 2px 16px 0px;
            bottom: 30px;
            left: 30px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            padding: 15px
        }

        .whatsappCommercial span {
            font-size: 13px;
            color: #848996;
            text-align: center;
            margin-bottom: 10px
        }

        .whatsappCommercial img {
            width: 40px;
            margin-bottom: 10px
        }

        .whatsappCommercial a {
            font-size: 13px;
            color: #4caf4f;
            text-align: center;
            border: 1px solid #4caf4f;
            border-radius: 8px;
            padding: 5px 15px
        }

        .whatsappCommercial a:hover {
            border: 1px solid #848996;
            color: #848996
        }

        @media (max-width:481px) {
            .whatsappCommercial span {
                display: none
            }

            .lqd-buy-now-btn {
                padding: 10px
            }
        }

        .cover-background,
        .fix-background {
            position: relative;
            background-repeat: no-repeat !important;
            overflow: hidden
        }

        .cover-background {
            background-size: cover;
            background-position: center center !important
        }

        body .pbmit-bg-color-light {
            background-color: #f6f6f6
        }

        .p-14 {
            padding: 14% !important
        }

        .mb-5px {
            margin-bottom: 5px !important
        }

        .ls-minus-1px {
            letter-spacing: -1px !important
        }

        .mb-8 {
            margin-bottom: 8% !important
        }

        .fw-600 {
            font-weight: 600 !important
        }

        .subscribe-popup .form-control {
            margin-bottom: 20px;
            font-size: 14px;
            height: 60px;
            line-height: normal;
            padding: 10px 20px;
            font-weight: normal;
            border-width: 0 0 1px 0;
            font-family: inherit;
            background-color: transparent;
            border-radius: 10px;
            border: unset;
            transition: all 500ms ease;
            -webkit-transition: all 500ms ease;
            background-color: #fff
        }

        .subscribe-popup textarea {
            min-height: 150px
        }

        .subscribe-popup .mfp-close,
        .subscribe-popup .mfp-close:active {
            background-color: transparent;
            font-size: 13px;
            line-height: 30px;
            top: 20px;
            right: 20px
        }

        .subscribe-popup .mfp-close:before {
            color: #1f2220
        }

        /*button.mfp-close:active:before,button.mfp-close:before{content:"\f00d";color:var(--black);font-family:"Font Awesome 6 Pro";font-size:20px;font-weight:900}*/
        .ob-image {
            object-fit: cover;
            height: 440px
        }

        .gallery-img:hover {
            transform: scale(1.1)
        }

        .gallery-img {
            position: relative;
            margin-bottom: 30px;
            padding: 20px;
            border-radius: 10px;
            transition: all 0.3s ease
        }

        #wrapper {
            width: 100%;
            box-sizing: border-box;
            position: relative;
            overflow: hidden;
            opacity: 1;
            visibility: visible;
            -webkit-transition: opacity .6s linear;
            transition: opacity .6s linear
        }

        .sticky-ask-cont {
            position: absolute;
            width: 90px;
            height: 110px;
            top: 290px;
            right: 0;
            z-index: 0
        }

        .sticky-ask-cont .sticky-ask {
            position: absolute;
            display: block;
            box-shadow: 0 .4rem .8rem 0 rgba(213, 52, 62, 0.1);
            -webkit-box-shadow: 0 .4rem .8rem 0 rgba(213, 52, 62, 0.1);
            text-align: center;
            box-sizing: border-box;
            top: 0;
            right: 0;
            font-size: 15px;
            line-height: 1.125em;
            font-weight: 700;
            padding: 63px 20px 0;
            width: 90px;
            height: 110px;
            border-top-left-radius: .4rem;
            border-bottom-left-radius: .4rem;
            background-color: #fff;
            color: var(--dark-color);
            -webkit-transition: transform .4s cubic-bezier(0.91, 0.2, 0.25, 1), color .2s linear;
            transition: transform .4s cubic-bezier(0.91, 0.2, 0.25, 1), color .2s linear;
            -webkit-transform: translateX(10.2rem) translateZ(0);
            -ms-transform: translateX(10.2rem) translateZ(0);
            transform: translateX(10.2rem) translateZ(0)
        }

        .sticky-ask-cont .sticky-ask i {
            position: absolute;
            left: 50%;
            top: 17px;
            font-size: 30px;
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transition: transform .3s cubic-bezier(0.91, 0.2, 0.25, 1);
            transition: transform .3s cubic-bezier(0.91, 0.2, 0.25, 1);
            -webkit-transform: translateX(-50%) translateY(0) scale(1) translateZ(0);
            -ms-transform: translateX(-50%) translateY(0) scale(1) translateZ(0);
            transform: translateX(-50%) translateY(0) scale(1) translateZ(0)
        }

        .sticky-ask-cont .sticky-ask:hover,
        .sticky-ask-cont .sticky-ask:active {
            color: #000
        }

        .sticky-ask-cont .sticky-ask:hover i,
        .sticky-ask-cont .sticky-ask:active i {
            -webkit-transform: translateX(-50%) translateY(-5%) scale(1.05) translateZ(0);
            -ms-transform: translateX(-50%) translateY(-5%) scale(1.05) translateZ(0);
            transform: translateX(-50%) translateY(-5%) scale(1.05) translateZ(0);
            color: var(--dark-color)
        }

        .sticky-ask-cont.animate {
            z-index: 9999
        }

        .sticky-ask-cont.animate .sticky-ask {
            -webkit-transform: translateX(0) translateZ(0);
            -ms-transform: translateX(0) translateZ(0);
            transform: translateX(0) translateZ(0)
        }

        .sticky-ask-cont.sticky {
            position: fixed
        }

        .clone button {
            display: inline-block;
            padding: 10px;
            background: var(--dark-color);
            color: #fff;
            font-weight: 600;
            font-size: 14px;
            border: 2px solid var(--dark-color);
            border-radius: 3px;
            letter-spacing: 1px;
            transition: all .4s ease;
            cursor: pointer;
            width: auto;
            position: absolute;
            right: 0;
            top: 30px
        }

        .add-btn {
            background: var(--dark-color);
            color: #fff;
            font-weight: 600;
            border: 2px solid var(--dark-color);
            border-radius: 3px;
            transition: all .4s ease;
            cursor: pointer;
            width: auto;
            display: inline-block;
            padding: 10px
        }

        .offer-page label {
            font-weight: 700;
            line-height: 1;
            margin-bottom: 10px;
            color: var(--dark-color)
        }

        .swiper-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 1;
            display: flex;
            transition-property: transform;
            transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
            box-sizing: content-box
        }

        .swiper-wrapper {
            transform: translate3d(0px, 0, 0)
        }

        .swiper-horizontal {
            touch-action: pan-y
        }

        .swiper-slide {
            flex-shrink: 0;
            width: 100%;
            height: 100%;
            position: relative;
            transition-property: transform;
            display: block
        }

        .swiper-backface-hidden .swiper-slide {
            transform: translateZ(0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .BackgroundVideo__background__HiFeiReo {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            pointer-events: none
        }

        .BackgroundVideo__background__HiFeiReo video,
        .BackgroundVideo__background__HiFeiReo>div {
            background-color: transparent;
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        .BackgroundVideo__background__HiFeiReo .th-poster-element {
            display: none !important
        }

        .BackgroundVideo__background__HiFeiReo .th-video .th-media-bg-color {
            background-color: transparent
        }

        .VideoThron__wrapper__MQCgO8QA,
        .VideoThron__wrapper__MQCgO8QA video {
            background: transparent;
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        .BtnAction__wrapper__2lcvxx01 {
            appearance: none;
            padding: 0;
            margin: 0;
            border: 0;
            background: transparent;
            color: unset;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            text-decoration: none
        }

        .BtnAction__text__2vvCUxFa {
            display: flex;
            align-items: center;
            -webkit-font-smoothing: antialiased;
            -moz-font-smoothing: antialiased;
            -o-font-smoothing: antialiased;
            font-smoothing: antialiased;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 1px;
            font-size: 12px;
            line-height: 1.27em;
            text-transform: uppercase;
            text-transform: uppercase;
            margin-right: 8px;
            display: inline-flex;
            align-items: center
        }

        .theme-ferrari-dark .BtnAction__text__2vvCUxFa {
            color: #ffffff
        }

        .BtnAction__icon__3-znqAs5 {
            display: inline-flex
        }

        .Icon__icon__2tdLhZ5T {
            appearance: none;
            padding: 0;
            margin: 0;
            border: 0;
            background: transparent;
            display: inline-flex;
            align-items: center;
            height: 40px;
            width: 40px;
            padding: 8px;
            justify-content: center;
            border-radius: 100%;
            cursor: pointer;
            position: relative;
            background: #fff;
            font-size: 0
        }

        .theme-ferrari-dark .Icon__icon__2tdLhZ5T {
            background: #ffffff
        }

        .theme-ferrari-dark .Icon__icon__2tdLhZ5T>svg,
        .theme-ferrari-dark .Icon__icon__2tdLhZ5T path {
            fill: #181818
        }

        .Icon__icon__2tdLhZ5T.Icon__bgtransparent__2DiBPCjn {
            background: none !important
        }

        .theme-ferrari-dark .Icon__icon__2tdLhZ5T.Icon__bgtransparent__2DiBPCjn>svg,
        .theme-ferrari-dark .Icon__icon__2tdLhZ5T.Icon__bgtransparent__2DiBPCjn path {
            fill: #ffffff
        }

        .Icon__icon--border__3nsmYcwT {
            border: 2px solid #eeeded
        }

        .theme-ferrari-dark .Icon__icon--border__3nsmYcwT {
            background: #ffffff;
            border: 2px solid #969696
        }

        .Icon__over-circle__1opWzs6L {
            position: absolute;
            top: -3px;
            left: -3px;
            right: -3px;
            bottom: -3px
        }

        .Icon__over-circle__1opWzs6L svg {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            height: 100%;
            transform: translate(-50%, -50%) rotate(-90deg)
        }

        .Icon__over-circle__1opWzs6L svg circle {
            stroke-dasharray: 70;
            stroke-dashoffset: 70
        }

        .Icon__over-circle__1opWzs6L circle {
            stroke: #da291c;
            stroke-width: 1px;
            fill: none
        }

        .theme-ferrari-dark .Icon__over-circle__1opWzs6L circle {
            stroke: #da291c
        }

        .Title__title__Jgw9CDdc {
            display: block;
            -webkit-font-smoothing: antialiased;
            -moz-font-smoothing: antialiased;
            -o-font-smoothing: antialiased;
            font-smoothing: antialiased;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: normal;
            font-size: 18px;
            line-height: 1.3em;
            text-transform: none;
            margin: 0
        }

        .theme-ferrari-dark .Title__title__Jgw9CDdc {
            color: #ffffff
        }

        .Title__title--h1__1nb9uflG {
            -webkit-font-smoothing: antialiased;
            -moz-font-smoothing: antialiased;
            -o-font-smoothing: antialiased;
            font-smoothing: antialiased;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: normal;
            font-size: 26px;
            line-height: 1.2em
        }

        @media (min-width:37.5625em) {
            .Title__title--h1__1nb9uflG {
                font-size: 32px
            }
        }

        @media (min-width:60.0625em) {
            .Title__title--h1__1nb9uflG {
                font-size: 36px
            }
        }

        .Title__title--uppercase__15xOsAcP {
            text-transform: uppercase
        }

        .Title__title__Jgw9CDdc>span {
            display: inline-block;
            overflow: hidden;
            vertical-align: top
        }

        .Title__title__Jgw9CDdc>span>span {
            display: block
        }

        .Carousel__container__6clwioBJ {
            position: relative;
            overflow: hidden;
            width: 100%
        }

        .Carousel__container__6clwioBJ .swiper-container {
            overflow: visible
        }

        .Carousel__container__6clwioBJ .swiper-slide img {
            max-width: 100%
        }

        .Carousel__container__6clwioBJ .Carousel__prev-slide__1boVtd2G {
            position: absolute;
            outline: 0;
            z-index: 1;
            top: 0;
            right: 100%;
            height: 100%;
            width: 100%
        }

        .Carousel__pagination__Zb_scMBH {
            position: absolute;
            bottom: 48px;
            z-index: 2;
            left: 50%;
            z-index: 100;
            transform: translateX(-50%);
            display: flex;
            justify-content: center;
            padding: 0 24px;
            width: 100%
        }

        @media (min-width:37.5625em) {
            .Carousel__pagination__Zb_scMBH {
                padding: 0 64px
            }
        }

        @media (min-width:60.0625em) {
            .Carousel__pagination__Zb_scMBH {
                padding: 0;
                width: auto
            }
        }

        .Carousel__pagination__Zb_scMBH .bullets {
            font-size: 0;
            white-space: nowrap
        }

        .Carousel__pagination__Zb_scMBH .bullet {
            display: inline-block;
            position: relative;
            opacity: 1;
            width: 20px;
            height: 20px;
            margin: 0 2px;
            cursor: pointer
        }

        .Carousel__pagination__Zb_scMBH .bullet:after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 6px;
            height: 6px;
            transform: translate(-50%, -50%);
            overflow: hidden;
            border-radius: 100%;
            background: #fff;
            transition: opacity 100ms 100ms
        }

        .theme-ferrari-dark .Carousel__pagination__Zb_scMBH .bullet:after {
            background: #ffffff
        }

        .Carousel__pagination__Zb_scMBH .bullet svg {
            z-index: 1;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 20px;
            height: 20px;
            transform: translate(-50%, -50%) rotate(-90deg) scale(0);
            transition: transform 300ms
        }

        .Carousel__pagination__Zb_scMBH .bullet svg circle.bullet-bg {
            opacity: 0.7;
            fill: #fff
        }

        .theme-ferrari-dark .Carousel__pagination__Zb_scMBH .bullet svg circle.bullet-bg {
            fill: #ffffff
        }

        .Carousel__pagination__Zb_scMBH .bullet svg circle.bullet-progress-circle {
            stroke-dasharray: 70;
            stroke-dashoffset: 70
        }

        .Carousel__pagination__Zb_scMBH .bullet--active svg {
            transform: translate(-50%, -50%) rotate(-90deg) scale(1)
        }

        .Carousel__pagination__Zb_scMBH .bullet--active:after {
            transition: opacity 100ms;
            opacity: 0
        }

        .Carousel__timed__10muD7II .bullet--active:before {
            border-color: #d4d2d2
        }

        .Carousel__timed__10muD7II .bullet--active svg {
            display: block
        }

        .Carousel__timed__10muD7II .bullet--active svg circle.bullet-progress-circle {
            stroke: #da291c
        }

        .Cover__wrapper__2QIj7Vhy {
            position: relative;
            width: 100%;
            min-height: 100vh;
            min-height: 100svh;
            display: flex;
            align-items: flex-end;
            justify-content: center
        }

        .Cover__wrapper__2QIj7Vhy.theme-ferrari-dark {
            background: #181818
        }

        .Cover__wrapper--with-gradient__epU8Cgom:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 60%;
            z-index: 1;
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7))
        }

        @media (min-width:37.5625em) {
            .Cover__wrapper--with-gradient__epU8Cgom:before {
                height: 40%
            }
        }

        .Cover__bg__229t47d6 {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
            width: 100%;
            height: 100%
        }

        .Cover__content__2cUrPIni {
            flex-shrink: 0;
            width: 100%;
            position: relative;
            z-index: 2;
            text-align: center;
            padding: 32px 24px 96px
        }

        @media (min-width:37.5625em) {
            .Cover__content__2cUrPIni {
                position: absolute;
                bottom: 0;
                left: 0;
                padding: 0 24px 105px
            }
        }

        @media (min-width:80em) {
            .Cover__content__2cUrPIni {
                padding: 0 10vw 105px
            }
        }

        @media (min-width:100.0625em) {
            .Cover__content__2cUrPIni {
                padding: 0 20vw 105px
            }
        }

        .Cover__uptitle__mcag4koV {
            -webkit-font-smoothing: antialiased;
            -moz-font-smoothing: antialiased;
            -o-font-smoothing: antialiased;
            font-smoothing: antialiased;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: normal;
            font-size: 16px;
            line-height: 1.5em;
            color: #fff
        }

        .theme-ferrari-dark .Cover__uptitle__mcag4koV {
            color: #ffffff
        }

        .Cover__link__2sunY9Xb {
            margin-top: 15px;
            display: inline-block
        }

        @media (min-width:60.0625em) {
            .Cover__link__2sunY9Xb {
                display: flex;
                flex-direction: row;
                justify-content: center
            }
        }

        @media (min-width:80em) {
            .Cover__link__2sunY9Xb {
                margin-top: 35px
            }
        }

        .Cover__link__2sunY9Xb .Cover__button-wrap__14haVmlp {
            margin: 16px
        }

        @media (min-width:60.0625em) {
            .Cover__link__2sunY9Xb .Cover__button-wrap__14haVmlp {
                margin: 0 24px;
                display: inline-block
            }
        }

        @media (min-width:37.5625em) {
            .Cover__focuson__jrwR2mxx {
                position: absolute;
                right: 0;
                bottom: 0;
                z-index: 10
            }
        }

        .CoverCarousel__container__2vdS4uUu {
            position: relative
        }

        .CoverCarousel__container__2vdS4uUu .swiper-wrapper {
            min-height: 400px
        }

        .CoverCarousel__container__2vdS4uUu .swiper-slide {
            min-height: 100vh;
            min-height: 100svh
        }

        .th-media-bg-color {
            background: transparent !important;
            background-color: transparent !important
        }

        /*! CSS Used from:Embedded */
        .th-reset {
            font-size: 14px;
            font-weight: normal;
            text-align: left;
            text-decoration: none;
            cursor: default;
            color: #000;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            letter-spacing: normal
        }

        .th-player * {
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            border: 0 none rgba(0, 0, 0, 0);
            margin: 0;
            padding: 0;
            position: static;
            vertical-align: baseline;
            float: none;
            line-height: 1;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -ms-user-select: none;
            filter: alpha(opacity=100);
            opacity: 1
        }

        .th-player *::-webkit-scrollbar {
            width: 10px;
            height: 10px
        }

        .th-player *::-webkit-scrollbar {
            width: 10px;
            height: 10px
        }

        .th-player {
            overflow: hidden;
            position: relative
        }

        .th-player .th-main-container {
            position: static
        }

        .th-player .th-controls,
        .th-player .th-overlays {
            pointer-events: none
        }

        .th-player .th-media-container,
        .th-player .th-controls,
        .th-player .th-overlays {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            font-size: 0;
            overflow: hidden;
            float: left;
            clear: left
        }

        .th-player .th-media-container {
            transform: translate3d(0, 0, 0)
        }

        .th-player .th-controls {
            opacity: 1;
            transition: opacity .15s linear
        }

        .th-player .th-hide {
            opacity: 0;
            transition: opacity .15s linear
        }

        .th-centered {
            text-align: center;
            font-size: 0
        }

        .th-centered:before {
            content: "";
            display: inline-block;
            height: 100%;
            vertical-align: middle
        }

        .th-display-none {
            display: none !important
        }

        .th-button {
            text-align: center;
            cursor: pointer;
            opacity: 1
        }

        .th-button .th-svg-container {
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
            max-width: 100%
        }

        .th-button .th-svg-container>svg {
            max-width: 100%;
            max-height: 100%
        }

        .th-button .th-svg-container {
            background-image: none
        }

        .th-button .th-svg-container * {
            cursor: pointer
        }

        .th-player *::-webkit-scrollbar-track {
            background-color: #383838
        }

        .th-video .th-media-bg-color {
            background: #000
        }

        .th-overlay-bg-color {
            background-color: rgba(0, 0, 0, .5)
        }

        .th-svg-bg-color {
            fill: #333;
            fill-opacity: .8
        }

        .th-text-color {
            color: #fff
        }

        .th-text-color * {
            color: #fff
        }

        .th-button-color {
            fill: #fff;
            color: #fff
        }

        .th-button-color:not(.th-hover-disabled):not(.th-button-disabled):hover {
            fill: #f39900;
            color: #f39900
        }

        .th-clickable-overlay:hover .th-button-color:not(.th-hover-disabled):not(.th-button-disabled) {
            fill: #f39900;
            color: #f39900
        }

        /*! CSS Used from:https://ferrari-cdn.thron.com/static/preset/player/templates/8e1a458dee6e46ffadeeda2eb46f6a0c/v8/style.css */
        .th-player.th-skin-s2MWml .th-media-bg-color {
            background-color: #000000
        }

        .th-player.th-skin-s2MWml .th-button-color {
            fill: #ffffff;
            color: #ffffff
        }

        .th-player.th-skin-s2MWml .th-button-color:not(.th-button-disabled):hover {
            fill: #eb2323
        }

        .th-player.th-skin-s2MWml .th-overlay-bg-color {
            background-color: rgba(51, 51, 51, 0.5)
        }

        .th-player.th-skin-s2MWml .th-text-color {
            color: #ffffff
        }

        .th-player.th-skin-s2MWml .th-text-color * {
            color: #ffffff
        }

        .th-player.th-skin-s2MWml {
            clear: both
        }

        .th-player.th-skin-s2MWml.th-video .th-video-player .th-video-overlays .th-reload-overlay .th-reload-icon,
        .th-player.th-skin-s2MWml.th-video .th-video-player .th-video-overlays .th-init-overlay .th-big-play-icon {
            background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABRCAYAAAAkVQNKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAACHNJREFUeF7tnU1sFVUUxyFAIiyEBa5LqQFq2JA2FFywxWJwwwJo1IWYFDQRLIkfCaYiG8LC50ZN1Z2f3alo8Dsk1tSFC7VLlQ3aUG1SU78Ktu/5/yUzyfNl7tyZ92buvfOA5ISXzp17zvn/7/c9986qVRX412g0NkjulAxJ7pU8KHlEclLypOQZyZnoN3/j2QNRWt7h3Q0VcDVMEwXeOsl2yT2S45JxybMdCnmQF3mS97owvQ/EKgG0WtIjuU/yVIfgZyEPHehC5+pAYPBvhsBYKxmUPOaABBNR6MaGtf4R8WRB1Czdrf9PeySilSBs2XvTNWdRG34qICJaicG27Z7Kqju1cnKTZKRNIl7Qe5OSTyXfSH6SXJX8Jvk9En7zN56RhrS8w7tZ+pXWNEex2R1CDjXJsbskeTrrc0r/luRryazkjw7llygv8iTvrARh8w6HUJWrSs7QaR/IAcDLSvuVZL5DAtIIpCah46UcduFDtTt9ObBeciyj068p3UyJJJgI+l46X81oI76sL7cIl5S7DN8oeTSDo7TvPohoJQhisvQ1+HR7SbCVk60M3iyxjaJoxz+R0CF32j8U9f6CbPlYYutj8G1zOegVnCulRzJmqRmUREZCRQFZdD4/yLaaxQd8DLumyEAWAU9YHGGUU2aHXRQ52PimxRd8DbNPkWGMph62OPCBni8GXDNaycTW9y0+4fOaghuazrOTUbah7RcVIqKVmM8tpAx3jmCBOchYJn1pEy0cKqop8ZVPGinj8q+/QEjbz0qGsBySNgP/sAvIiAvBxZSCBwb+l1lkRNra1NsV6zNstY8+hUGJqTU42n7RLuBNGbYjxTiGtlUYTdlIaH2OT7UUv7cVAG3+LGQQ26ymyR8Tqx+7qKlqJQXfnjOQchJs8iPa4RtSyuaSqeoyA89b8qqWnhm9yf+9HcKb73UZwpzjtMEgmqqQlkPKInpBfprWvsDG3cqwlLH/bCodISwUlkVCa77fpeAwmK+Yt5laBhAdYgpIYAndFRih6HnFQAoYlR/NIiU9t2rH/wpdWi3pabPcZ39NZBDLlNRcsdMXSql1aQdzE9PO48HsyLaRkuGc5GkDIWyJugQiJF1TBkyYvZfXuStzQjCTagfzjm6cBGYlnT1607ykvHAiKSUuNokQlhOyGt+t6Ux7J/vbaIyyvSLQCVZOIoRQHadAz8/P/+lap0XftAGb49nQzZlKytgNHDcoLSJuKhehQ0ND9enp6b8DIuVnAzZgVvxRCGXKGYuk2sFsNReYRaTfsmVLo6+vr1Gr1a6vrKw412/woWbAqC9n+bcnlyIOviQRQqimc0AgJJaRkZHlubm5EJowsEjCaLcd4ZwppIiTS0nKiJ/1SgjEDA4O1qempnw3YSyqJmF0ICfc9uRSxBGxJGUENXsnJG7CLly4cH15edm5PREGYJGE0f12hHOmkCJTeI+XfY/mJqv19+HDh5evXbvmowkDiyRCTuSE255cih43KGN04bxEphHCs127dtUvX77sugkzjbRO2RHOmUKgc9o1if1fQyQEUrZu3do4f/68yyYMLJIweiIn3PbkUsSx4yRlXjajbDWk+fmhQ4eWZ2dnXTRhCwaMztgRzpmiyoRAzsDAQN3B0NgpIZVrsuJaQn/iaEg857LJqlSnHpPhsLliYHPVQEgpnXplhr2Q0dvb2zh79uwNx3MSp8Pe4CeGca3YuXNn/dKlS/94GP05nRgGvXQSkzE8PLxy5cqVvzyQQZPldOkk2MXFmIyxsbEbS0tLziepTeS/43JxMbjl95iI/v7+xuTk5JKnWtFcAGoGQkpZfk/boOJQvtOSGZOxb9++lZmZGV9NVLPPbjeomEcK9GC2cCFkdHT038XFRRcz8CyFzbSFO5pzDp49uQgxBTmwwZ/F6MLSTExMLNXr9cLyK8D+NwzNValBDmlhQITChASQS1vSwoDKOy8iwIl6NwXKESzmEoSQdH1pqB3lBspF/YgplJRwypBAcmULoaQvGggpN5Q0IqTHoJylee4LcQVEKHq8B1unHUfgVp1QgHJlh9/jCFEtSTuwczPVkm9TWgs3B3YiQmxH2tiocVVCfenBR9PMnItp3F63IYXc3mk61saBSF9AudL7UYr/e7LP7gpKKWPSjkUTmu8lPMhRQeD6prRj0eWdCUnjT0aZJorUHKpzN54ZwafnU2pHeRPBLJVJhqVdrcG5kSpdx2Rr7vDFtERCITySBbNS08iITZK0y2cuOmpGbGAW8fzdlJpBEMjGUsHOmrkM6U8xlJJzM1zPFNbdvgLddoFZlUn5zFLgwrrALJqbrJHRtiv+uC6vSn0Ktr5nIeOYnrudc+RourJcgsneSRVGX9j4uoUMQqNuy4qPl3QyMMs1sQyJGcsX0dGWkUd3XBMblwABfYfEFOkYz+7PKQ0z+oWAiMEWZuCmSV9s+ymlqcZFyk2kbJTRWa8aZwm7jJKeJ08WCqm5puWg+O98cCzsC5RNbaMMz3MZP8vYrleK6bQpDBMZiICQh/DJS19QlFI5kPdzFew8siVa5h49eaMj6+cqxpWWAA8/a1RFkdGcj5xh8pj3gy4sUxBeU0TcF3FT5MXIif7L1jTFz7vrgy4tpLDMwmeEsoLRnI72nVBN4mcJamY1+aqEY2Sc4kL4zd8YJZGGtLzDu+3oPKL3wlgOKaOWNHX4rBKfbBOkdoDN+w63wfldtS2TgKS85TD7KWxy2T5tkRfMTtJjyx5sc41HMPrkPJ0+e/S+Pyw5gC3BAOPbEIERf3r1oH7n6fzbrRHoQFcPun37H7T+qNZs0//7JUV+nHg0ypO8b9WGdkuBwGPRsk+yW8IyP8frWNhjYMDGEGfomz/fzTPSkJZ3eLf4O6vadejWe9VB4D8w7BwSoZFZigAAAABJRU5ErkJggg==');
            background-repeat: no-repeat;
            background-position: 50% 50%;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            bottom: 2px
        }

        /*! CSS Used from:Embedded */
        .th-video.th-no-skin .th-reload-overlay,
        .th-video.th-no-skin .th-loader,
        .th-video.th-no-skin .th-init-overlay {
            opacity: 0
        }

        .th-video .th-video-player {
            width: 100%;
            height: 100%
        }

        .th-video .th-video-player .th-video-wrapper {
            width: 100%;
            height: 100%;
            position: relative;
            text-align: left;
            vertical-align: top;
            text-indent: 0
        }

        .th-video .th-video-player .th-video-wrapper:focus {
            outline: none
        }

        .th-video .th-video-player .th-video-clear {
            clear: both
        }

        .th-video .th-video-player .th-video-element {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        .th-video .th-video-player .th-video-element video {
            height: 100%;
            width: 100%
        }

        .th-video .th-video-player .th-video-poster {
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-size: contain;
            background-position: 50% 50%;
            background-repeat: no-repeat
        }

        .th-video .th-video-player .th-video-poster img {
            display: none;
            border: 0;
            padding: 0
        }

        .th-video .th-video-player video {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -ms-user-select: none
        }

        .th-video .th-video-player .th-video-overlays {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            position: absolute;
            pointer-events: none
        }

        .th-video .th-video-player .th-video-overlays .th-reload-overlay,
        .th-video .th-video-player .th-video-overlays .th-init-overlay {
            cursor: pointer
        }

        .th-video .th-video-player .th-video-overlays .th-subtitle-position {
            position: absolute;
            width: 100%;
            margin-left: 10px;
            margin-right: 10px;
            bottom: 10px;
            left: 0
        }

        .th-video .th-video-player .th-video-overlays .th-subtitle-position .th-subtitles-wrapper {
            display: inline-block
        }

        .th-video .th-video-player .th-video-overlays .th-subtitle-position .th-subtitles-wrapper .th-subtitles-text {
            font-size: 12px;
            height: auto;
            padding: 10px
        }

        .th-video .th-video-player .th-video-overlay {
            pointer-events: auto;
            z-index: 1;
            visibility: hidden;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0
        }

        .th-video .th-video-player .th-video-overlay .th-button-color {
            max-height: 100%
        }

        .th-video .th-video-player .th-loader img {
            width: 60px;
            height: 60px;
            vertical-align: middle
        }

        .th-video .th-video-player .th-display-icon-wrapper {
            display: inline-block;
            vertical-align: middle
        }

        .th-video .th-video-player .th-display-icon-wrapper .th-display-icon {
            width: 100px;
            height: 100px
        }

        .th-video .th-video-player .th-display-icon-wrapper .th-display-icon-little {
            width: 30px;
            height: 30px
        }

        .enr-list li p {
            font-weight: 500;
            font-size: 14px
        }

        .support-links {
            background-color: #353a43;
            overflow: hidden
        }

        .support-links>.hylink-holder {
            padding-top: 80px;
            padding-bottom: 80px
        }

        .support-links>.hylink-holder:first-child {
            /*background-color:var(--theme-color);*/
            border-right: 2px solid var(--theme-color);
            text-align: right;
            padding-right: 80px;
            padding-left: 40px
        }

        .support-links>.hylink-holder:last-child {
            /*background-color:var(--dark-color);*/
            text-align: left;
            padding-left: 80px;
            padding-left: 40px
        }

        .hylink-box {
            position: relative;
            display: inline-block;
            text-align: left;
            width: 100%;
            max-width: 690px;
            padding: 15px 15px 15px 135px
        }

        .hylink-box .icon {
            position: absolute;
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            align-items: center;
            top: 20px;
            left: 0;
            width: 106px;
            height: 106px;
            background-color: var(--theme-color);
            border-radius: 16px;
            text-align: center;
            -webkit-box-shadow: 0 8px 12px rgba(31, 27, 90, 0.08);
            box-shadow: 0 8px 12px rgba(31, 27, 90, 0.08)
        }

        .hylink-box .icon img {
            width: 57px
        }

        .hylink-box .link {
            font-size: 18px;
            font-weight: 700;
            color: var(--dark-color);
            text-decoration: none;
            outline: none;
            display: inline-block;
            margin-bottom: 6px;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease
        }

        .hylink-box .link:after {
            font-family: 'Font Awesome 6 Pro';
            content: "\f30b";
            color: var(--dark-color);
            margin-left: 5px;
            vertical-align: middle;
            font-weight: 5000;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease
        }

        .hylink-box .link:hover,
        .hylink-box .link:focus {
            color: var(--dark-color)
        }

        .hylink-box .link:hover:after,
        .hylink-box .link:focus:after {
            margin-left: 10px
        }

        .hylink-box .text {
            font-size: 16px;
            line-height: normal;
            color: var(--dark-color);
            line-height: 21px
        }

        @media (max-width:1200px) {
            .support-links>.hylink-holder:first-child {
                padding-left: 116px
            }

            .support-links>.hylink-holder:last-child {
                padding-right: 116px
            }
        }

        @media (max-width:992px) {
            .support-links>.hylink-holder {
                padding-top: 50px;
                padding-bottom: 50px
            }

            .support-links>.hylink-holder:first-child {
                padding-right: 20px;
                padding-left: 120px
            }

            .support-links>.hylink-holder:last-child {
                padding-left: 35px;
                padding-right: 100px
            }
        }

        @media (max-width:768px) {

            .support-links>.hylink-holder:first-child,
            .support-links>.hylink-holder:last-child {
                padding-left: 30px;
                padding-right: 30px;
                text-align: left
            }

            .hylink-box {
                max-width: 100%
            }
        }

        @media (max-width:480px) {
            .support-links>.hylink-holder {
                padding-top: 40px;
                padding-bottom: 40px
            }

            .hylink-box {
                padding: 0 15px 15px 100px
            }

            .hylink-box .icon {
                width: 70px;
                height: 70px
            }

            .hylink-box .icon img {
                width: 35px
            }
        }

        .absolute {
            position: absolute
        }

        .relative {
            position: relative
        }

        .inset-0 {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }

        .left-0 {
            left: 0
        }

        .top-0 {
            top: 0
        }

        .isolate {
            isolation: isolate
        }

        .-z-10 {
            z-index: -10
        }

        .mx-auto {
            margin-left: auto;
            margin-right: auto
        }

        .-mt-8 {
            margin-top: -2rem
        }

        .mt-1 {
            margin-top: .25rem
        }

        .mt-8 {
            margin-top: 2rem
        }

        .flex {
            display: flex
        }

        .aspect-\[5\/4\] {
            width: 100%
        }

        .h-32 {
            height: 8rem
        }

        .h-full {
            height: 100%
        }

        .w-full {
            width: 100%
        }

        .max-w-2xl {
            max-width: 42rem
        }

        .max-w-7xl {
            max-width: 80rem
        }

        .flex-col {
            flex-direction: column
        }

        .items-center {
            align-items: center
        }

        .gap-x-8 {
            -moz-column-gap: 2rem;
            column-gap: 2rem
        }

        .gap-y-10 {
            row-gap: 2.5rem
        }

        .rounded-2xl {
            border-radius: 1rem
        }

        .bg-gray-800 {
            --tw-bg-opacity: 1;
            background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1))
        }

        .bg-kuzu-blue {
            --tw-bg-opacity: 1;
            background-color: rgb(37 78 153 / var(--tw-bg-opacity, 1))
        }

        .bg-white {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
        }

        .stroke-white\/20 {
            stroke: #fff3
        }

        .object-cover {
            -o-object-fit: cover;
            object-fit: cover
        }

        .object-top {
            -o-object-position: top;
            object-position: top
        }

        .px-6 {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .pb-16 {
            padding-bottom: 4rem
        }

        .pb-20 {
            padding-bottom: 5rem
        }

        .pt-24 {
            padding-top: 6rem
        }

        .pt-6 {
            padding-top: 1.5rem
        }

        .text-justify {
            text-align: justify
        }

        .text-base {
            font-size: 1rem;
            line-height: 1.5rem
        }

        .text-xl {
            font-size: 1.25rem;
            line-height: 1.75rem
        }

        .font-semibold {
            font-weight: 600
        }

        .leading-8 {
            line-height: 2rem
        }

        .text-gray-400 {
            --tw-text-opacity: 1;
            color: rgb(156 163 175 / var(--tw-text-opacity, 1))
        }

        .text-white {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1))
        }

        .shadow-2xl {
            --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
            --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        @media (min-width:640px) {
            .sm\:gap-y-8 {
                row-gap: 2rem
            }

            .sm\:pb-24 {
                padding-bottom: 6rem
            }

            .sm\:pt-12 {
                padding-top: 3rem
            }

            .sm\:pt-32 {
                padding-top: 8rem
            }

            .sm\:text-2xl {
                font-size: 1.5rem;
                line-height: 2rem
            }

            .sm\:leading-9 {
                line-height: 2.25rem
            }
        }

        @media (min-width:768px) {
            .md\:-mx-8 {
                margin-left: -2rem;
                margin-right: -2rem
            }
        }

        @media (min-width:1024px) {
            .lg\:aspect-\[4\/3\] {
                aspect-ratio: 4/3
            }

            .lg\:px-8 {
                padding-left: 2rem;
                padding-right: 2rem
            }
        }

        @media (min-width:1280px) {
            .xl\:mx-0 {
                margin-left: 0;
                margin-right: 0
            }

            .xl\:-mb-8 {
                margin-bottom: -2rem
            }

            .xl\:aspect-\[4\/5\] {
                aspect-ratio: 4/5
            }

            .xl\:w-96 {
                width: 24rem
            }

            .xl\:max-w-none {
                max-width: none
            }

            .xl\:flex-auto {
                flex: 1 1 auto
            }

            .xl\:flex-none {
                flex: none
            }

            .xl\:flex-row {
                flex-direction: row
            }

            .xl\:items-stretch {
                align-items: stretch
            }

            .xl\:px-16 {
                padding-left: 4rem;
                padding-right: 4rem
            }

            .xl\:py-24 {
                padding-top: 6rem;
                padding-bottom: 6rem
            }

            .xl\:pb-0 {
                padding-bottom: 0
            }

            .xl\:pb-32 {
                padding-bottom: 8rem
            }
        }

        body .pbmit-bg-color-secondary {
            background: linear-gradient(0deg, #f6f5f0, #fff)
        }

        .pbmit-heading-subheading {
            margin-bottom: 50px
        }

        .pbmit-heading-subheading .pbmit-subtitle {
            position: relative;
            display: inline-block;
            padding: 2px 20px;
            border-radius: 50px;
            margin-bottom: 5px;
            font-weight: 600;
            font-size: 11px;
            line-height: 22px;
            letter-spacing: 1px;
            color: #212c40;
            text-transform: uppercase;
            font-style: normal;
            border: 1px solid var(--theme-color)
        }

        .pbmit-heading-subheading .pbmit-subtitle {
            margin-bottom: 15px
        }

        .pbmit-heading-subheading .pbmit-title {
            font-weight: 800;
            font-size: 40px;
            line-height: 60px;
            letter-spacing: 0px;
            text-transform: none;
            font-style: normal;
            color: var(--theme-color)
        }

        .pbmit-ihbox-style-6 .pbmit-ihbox-icon .pbmit-ihbox-icon-type-text {
            -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
            -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1)
        }

        .pbmit-ihbox-style-6 {
            position: relative
        }

        .pbmit-ihbox-style-6 .pbmit-ihbox-icon {
            padding-bottom: 40px;
            border-bottom: 1px solid rgba(255, 255, 255, .5)
        }

        .pbmit-ihbox-style-6 .pbmit-ihbox-icon .pbmit-ihbox-icon-type-text {
            font-size: 90px;
            line-height: 90px;
            font-weight: 800;
            margin-bottom: 0;
            display: inline-flex;
            -webkit-text-size-adjust: 0%;
            overflow: visible !important;
            color: var(--theme-color);
            /*-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:rgba(255,255,255,.3);*/
        }

        .pbmit-ihbox-style-6 .pbmit-ihbox-icon {
            position: relative
        }

        .pbmit-ihbox-style-6 .pbmit-ihbox-icon::before {
            content: "";
            position: absolute;
            width: 10px;
            height: 10px;
            line-height: 10px;
            bottom: -5px;
            left: 0;
            background: var(--theme-color);
            background-color: #fff
        }

        .pbmit-ihbox-style-6 .pbmit-heading-desc {
            padding-top: 10px;
            color: rgba(255, 255, 255, .5)
        }

        .pbmit-ihbox-style-6 .pbmit-ihbox-contents {
            margin: 30px 80px 0 0
        }

        .pbmit-bg-color-secondary .pbmit-ihbox-style-6 .pbmit-ihbox-icon .pbmit-ihbox-icon-type-text {
            -webkit-text-stroke-color: var(--theme-color-rgb)
        }

        /*.swiper-slide-active .pbmit-ihbox-style-6 .pbmit-ihbox-icon .pbmit-ihbox-icon-type-text{color:var(--dark-color);text-shadow:1px 1px 0 var(--dark-color),-1px -1px 0 var(--dark-color),1px -1px 0 var(--dark-color),-1px 1px 0 var(--dark-color),1px 1px 0 var(--dark-color)}*/
        /*.pbmit-bg-color-secondary .swiper-slide-active .pbmit-ihbox-style-6 .pbmit-ihbox-icon .pbmit-ihbox-icon-type-text{-webkit-text-stroke-color:var(--theme-color);-webkit-text-fill-color:var(--theme-color)}*/
        .pbmit-bg-color-secondary .pbmit-element-miconheading-style-6 .pbmit-elemnt-line::after,
        .pbmit-bg-color-secondary .pbmit-element-miconheading-style-6 .pbmit-elemnt-line::before {
            background: rgba(208, 17, 43, .2)
        }

        .pbmit-bg-color-secondary .pbmit-ihbox-style-6 .pbmit-ihbox-icon::before {
            background: var(--theme-color)
        }

        .pbmit-bg-color-secondary .pbmit-ihbox-style-6 .pbmit-ihbox-icon {
            border-color: rgba(208, 17, 43, .2)
        }

        .pbmit-bg-color-secondary .pbmit-ihbox-style-6 .pbmit-heading-desc {
            color: #666666
        }

        .process-slider_arrow .swiper-button-next,
        .process-slider_arrow .swiper-button-prev {
            opacity: .35
        }

        .our-process-section_five {
            overflow: hidden;
            margin-top: 0;
            padding: 80px 0px 130px 0px
        }

        .our-process-section_five .swiper-button-next,
        .our-process-section_five .swiper-button-prev {
            opacity: 1
        }

        .our-process-section_five .swiper-button-next:after,
        .our-process-section_five .swiper-button-prev:after {
            color: var(--theme-color)
        }

        .align-items-center {
            align-items: center !important
        }

        @media (max-width:1400px) {

            .pbmit-ihbox-style-6 .pbmit-ihbox-contents,
            .pbmit-miconheading-style-6 .pbmit-ihbox-contents {
                margin: 30px 40px 0 0
            }
        }

        @media (max-width:1366px) {
            .our-process-section_five {
                padding: 100px 0px 100px 0px
            }
        }

        @media (min-width:1201px) {
            .pbmit-element-miconheading-style-6 .pbmit-elemnt-line {
                position: relative
            }

            .pbmit-element-miconheading-style-6 .pbmit-elemnt-line::after,
            .pbmit-element-miconheading-style-6 .pbmit-elemnt-line::before {
                position: absolute;
                content: '';
                height: 1px;
                width: 100%;
                background: rgba(33, 44, 64, 0.2);
                left: 100%;
                top: 130px;
                right: auto;
                background-color: rgba(255, 255, 255, .5)
            }

            .pbmit-element-miconheading-style-6 .pbmit-elemnt-line::after {
                left: inherit;
                right: 100%
            }
        }

        @media (max-width:1200px) {
            .pbmit-heading-subheading .pbmit-title {
                font-size: 46px;
                line-height: 56px
            }

            .pbmit-ihbox-style-6 .pbmit-ihbox-contents,
            .pbmit-miconheading-style-6 .pbmit-ihbox-contents {
                margin: 30px 20px 0 0
            }
        }

        @media (max-width:1024px) {
            .pbmit-heading-subheading .pbmit-title {
                font-size: 44px;
                line-height: 54px
            }

            .pbmit-heading-subheading .pbmit-title .split-line * div {
                opacity: 1 !important;
                transform: unset !important
            }

            .our-process-section_five {
                margin-top: 0;
                padding: 80px 0px 80px 0px
            }
        }

        @media (max-width:991px) {
            .pbmit-heading-subheading .pbmit-title {
                font-size: 42px;
                line-height: 52px
            }
        }

        @media (max-width:767px) {
            .pbmit-bg-color-secondary .pbmit-ihbox-style-6 .pbmit-ihbox-icon .pbmit-ihbox-icon-type-text {
                -webkit-text-stroke-color: var(--theme-color);
                -webkit-text-size-adjust: auto
            }

            .pbmit-heading-subheading .pbmit-title {
                font-size: 40px;
                line-height: 50px
            }

            .process-slider_arrow {
                position: static;
                margin-bottom: 50px;
                display: inline-flex !important
            }
        }

        @media (max-width:575px) {
            .pbmit-heading-subheading .pbmit-title {
                font-size: 38px;
                line-height: 48px
            }
        }

        @media (max-width:991px) and (min-width:768px) {
            .pbmit-ihbox-style-6 .pbmit-ihbox-icon .pbmit-ihbox-icon-type-text {
                font-size: 65px;
                line-height: 65px
            }

            .pbmit-ihbox-style-6 .pbmit-ihbox-contents {
                margin: 30px 10 0 0
            }
        }

        .our-process-section_five .swiper-button-next,
        .our-process-section_five .swiper-button-prev {
            text-align: center;
            position: static;
            z-index: 15;
            cursor: pointer;
            width: inherit;
            height: inherit;
            line-height: 50px;
            border-radius: 0;
            transition: all 500ms ease;
            background-color: transparent;
            color: var(--theme-color)
        }

        .our-process-section_five .swiper-button-next {
            margin-left: 20px
        }

        .our-process-section_five .swiper-slider {
            margin-left: auto;
            margin-right: auto;
            position: relative;
            overflow: hidden;
            z-index: 1
        }

        .absolute {
            position: absolute
        }

        .relative {
            position: relative
        }

        .inset-0 {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }

        .-bottom-8 {
            bottom: -2rem
        }

        .-left-96 {
            left: -24rem
        }

        .isolate {
            isolation: isolate
        }

        .-z-10 {
            z-index: -10
        }

        .order-first {
            order: -9999
        }

        .mx-auto {
            margin-left: auto;
            margin-right: auto
        }

        .mt-16 {
            margin-top: 4rem
        }

        .mt-2 {
            margin-top: .5rem
        }

        .mt-6 {
            margin-top: 1.5rem
        }

        .flex {
            display: flex
        }

        .grid {
            display: grid
        }

        .max-w-2xl {
            max-width: 42rem
        }

        .max-w-7xl {
            max-width: 80rem
        }

        .transform-gpu {
            transform: translate3d(0, 0, 0) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1)
        }

        .grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .gap-x-8 {
            -moz-column-gap: 2rem;
            column-gap: 2rem
        }

        .gap-y-10 {
            row-gap: 2.5rem
        }

        .gap-y-3 {
            row-gap: .75rem
        }

        .overflow-hidden {
            overflow: hidden
        }

        .border-l {
            border-left: 1px solid
        }

        .border-white-10 {
            border-color: #ffffff1a
        }

        .bg-gray-900 {
            --tw-bg-opacity: 1;
            background-color: rgb(17 24 39 / 1)
        }

        .bg-gradient-to-tr {
            background-image: linear-gradient(to top right)
        }

        .from-\[\#254e99\] {
            --tw-gradient-from: #254e99;
            --tw-gradient-to: rgb(37 78 153 / 0);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .to-\[\#254e99\] {
            --tw-gradient-to: #254e99
        }

        .object-cover {
            -o-object-fit: cover;
            object-fit: cover
        }

        .px-6 {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .py-24 {
            padding-top: 6rem;
            padding-bottom: 6rem
        }

        .pl-6 {
            padding-left: 1.5rem
        }

        .text-3xl {
            font-size: 1.875rem;
            line-height: 2.25rem
        }

        .text-lg {
            font-size: 1.125rem;
            line-height: 1.75rem
        }

        .text-sm {
            font-size: .875rem;
            line-height: 1.25rem
        }

        .font-bold {
            font-weight: 700
        }

        .font-semibold {
            font-weight: 600
        }

        .leading-6 {
            line-height: 1.5rem
        }

        .leading-8 {
            line-height: 2rem
        }

        .tracking-tight {
            letter-spacing: -.025em
        }

        .text-gray-300 {
            --tw-text-opacity: 1;
            color: rgb(209 213 219 / var(--tw-text-opacity, 1))
        }

        .text-white {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1))
        }

        .opacity-20 {
            opacity: .2
        }

        .blur-3xl {
            --tw-blur: blur(64px);
            filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
        }

        @media (min-width:640px) {
            .sm\:-bottom-64 {
                bottom: -16rem
            }

            .sm\:-left-40 {
                left: -10rem
            }

            .sm\:mt-20 {
                margin-top: 5rem
            }

            .sm\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }

            .sm\:gap-y-16 {
                row-gap: 4rem
            }

            .sm\:py-32 {
                padding-top: 8rem;
                padding-bottom: 8rem
            }

            .sm\:text-4xl {
                font-size: 2.25rem;
                line-height: 2.5rem
            }
        }

        @media (min-width:1024px) {
            .lg\:-bottom-32 {
                bottom: -8rem
            }

            .lg\:left-8 {
                left: 2rem
            }

            .lg\:mx-0 {
                margin-left: 0;
                margin-right: 0
            }

            .lg\:max-w-none {
                max-width: none
            }

            .lg\:max-w-xl {
                max-width: 36rem
            }

            .lg\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr))
            }

            .lg\:px-8 {
                padding-left: 2rem;
                padding-right: 2rem
            }
        }

        @media (min-width:1280px) {
            .xl\:-left-10 {
                left: -2.5rem
            }
        }

        .section h1 {
            text-transform: uppercase;
            font: 20px "Argumentum Medium";
            margin-bottom: 20px
        }

        .section .article {
            padding-top: 60px;
            min-height: 410px;
            font: 20px "Argumentum Light";
            padding-bottom: 70px
        }

        @media only screen and (max-width:1023px) {
            .section .article {
                overflow-x: hidden
            }
        }

        @media only screen and (max-width:480px) {
            .section .article {
                font-size: 18px
            }
        }

        .section .article ul li {
            line-height: 30px
        }

        @media only screen and (max-width:480px) {
            .section .article ul li {
                line-height: 25px
            }
        }

        .slick-list,
        .slick-slider,
        .slick-track {
            position: relative;
            display: block
        }

        .slick-slider {
            box-sizing: border-box;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-touch-callout: none;
            -khtml-user-select: none;
            -ms-touch-action: pan-y;
            touch-action: pan-y;
            -webkit-tap-highlight-color: transparent
        }

        .slick-list {
            overflow: hidden;
            margin: 0;
            padding: 0
        }

        .slick-list:focus {
            outline: 0
        }

        .slick-slider .slick-list,
        .slick-slider .slick-track {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        .slick-track {
            top: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto
        }

        .slick-track:after,
        .slick-track:before {
            display: table;
            content: ''
        }

        .slick-track:after {
            clear: both
        }

        .slick-slide {
            display: none;
            float: left;
            height: 100%;
            min-height: 1px
        }

        .slick-initialized .slick-slide,
        .slick-slide img {
            display: block
        }

        .section .article .bl-slider {
            padding-bottom: 30px
        }

        .section .article .slick-dots {
            list-style: none;
            padding: 0;
            margin: 35px 0 0;
            display: flex;
            align-items: center;
            justify-content: center
        }

        @media only screen and (max-width:992px) {
            .section .article .slick-dots {
                justify-content: center
            }
        }

        .section .article .slick-dots li {
            border: 1.5px solid #1e325e;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            transition: 0.3s;
            margin-right: 10px
        }

        .section .article .slick-dots li button {
            background: none;
            border: none;
            text-indent: -999px;
            overflow: hidden;
            outline: none
        }

        .section .article .slick-dots li.slick-active {
            background: #1e325e
        }

        .section .article .slider-nav {
            margin: 0 auto 30px
        }

        @media only screen and (max-width:1200px) {
            .section .article .slider-nav {
                padding: 0 60px
            }
        }

        .section .article .slider-nav .slick-arrow {
            position: absolute;
            bottom: -15px;
            margin: 0 -110px;
            left: 0;
            border: none;
            text-indent: -999px;
            overflow: hidden;
            background: white url("https://www.iletisimyazilim.com/application/themes/mediaclick/assets/img/arrow-03.svg") no-repeat center center;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            z-index: 1
        }

        @media (max-width:1300px) {
            .section .article .slider-nav .slick-arrow {
                margin: 0 -70px
            }
        }

        @media only screen and (max-width:1200px) {
            .section .article .slider-nav .slick-arrow {
                margin: 0;
                width: 50px;
                background-size: 17px;
                height: 50px
            }
        }

        @media only screen and (max-width:767px) {
            .section .article .slider-nav .slick-arrow {
                margin: 12px 0
            }
        }

        .section .article .slider-nav .slick-arrow.slick-prev {
            transform: rotate(180deg)
        }

        .section .article .slider-nav .slick-arrow.slick-next {
            right: 0;
            left: initial
        }

        .section .article .slider-nav .slick-track {
            padding-bottom: 20px
        }

        .section .article .slider-nav .list {
            font-size: 69px;
            font-weight: 600;
            letter-spacing: 0.05em;
            cursor: pointer;
            transition: 0.4s;
            position: relative;
            display: inline-flex;
            align-items: end;
            height: 220px
        }

        @media only screen and (max-width:767px) {
            .section .article .slider-nav .list {
                font-size: 44px;
                height: 140px
            }
        }

        .section .article .slider-nav .list span {
            transform: rotate(-90deg) translateX(-40px);
            display: block;
            transform-origin: 0 0;
            -webkit-text-stroke: 2px var(--theme-color);
            color: transparent
        }

        @media only screen and (max-width:767px) {
            .section .article .slider-nav .list span {
                transform: rotate(-90deg) translateX(-30px)
            }
        }

        .section .article .slider-nav .list:after {
            content: "";
            border-bottom: 2px solid var(--theme-color);
            position: absolute;
            bottom: 0;
            left: 42px;
            width: 100%
        }

        .section .article .slider-nav .list:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 40px;
            background: var(--theme-color);
            border-radius: 50%;
            width: 30px;
            height: 30px;
            margin: -15px -15px;
            transition: 0.4s;
            transform: scale(0.5);
            z-index: 1
        }

        @media only screen and (max-width:767px) {
            .section .article .slider-nav .list:before {
                width: 10px;
                height: 10px;
                margin: -4px -20px
            }
        }

        .section .article .slider-nav .list.swiper-slide-active {
            color: var(--dark-color)
        }

        .section .article .slider-nav .list.swiper-slide-active span {
            -webkit-text-stroke: initial;
            color: var(--dark-color)
        }

        .section .article .slider-nav .list.swiper-slide-active:before {
            transform: scale(1);
            background: var(--dark-color)
        }

        .section .article .slider-for {
            margin: 0 auto
        }

        .section .article .slider-for .list .block {
            background: white;
            border-radius: 30px;
            padding: 15px;
            font-size: 22px;
            margin-top: 30px
        }

        @media only screen and (max-width:992px) {
            .section .article .slider-for .list .block {
                font-size: 27px
            }
        }

        @media only screen and (max-width:767px) {
            .section .article .slider-for .list .block {
                font-size: 22px
            }
        }

        .section .article .slider-for .list .block figure {
            margin: 0;
            overflow: hidden;
            height: 310px;
            border-radius: 20px
        }

        @media only screen and (max-width:992px) {
            .section .article .slider-for .list .block figure {
                height: 260px
            }
        }

        @media only screen and (max-width:480px) {
            .section .article .slider-for .list .block figure {
                height: 200px;
                border-radius: 10px;
                margin-bottom: 15px
            }
        }

        .section .article .slider-for .list .block figure img {
            object-fit: cover;
            width: 100%;
            height: 100%
        }

        .info-readmore {
            font-weight: 600;
            cursor: pointer
        }

        .shadow-sm {
            box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / .05)
        }

        .p-6 {
            padding: 1.5rem
        }

        .bg-gray-100 {
            background-color: rgb(243 244 246 / 1)
        }

        .w-10 {
            width: 2.5rem
        }

        .h-10 {
            height: 2.5rem
        }

        .mb-4 {
            margin-bottom: 1rem
        }

        .font-semibold {
            font-weight: 600
        }

        .text-lg {
            font-size: 1.125rem;
            line-height: 1.75rem
        }

        .mt-8 {
            margin-top: 2rem
        }

        .grid {
            display: grid
        }

        .gap-8 {
            gap: 2rem
        }

        @media (min-width:640px) {
            .sm\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
        }

        @media (min-width:1024px) {
            .lg\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }
        }

        .tracking-tight {
            letter-spacing: -.025em
        }

        .text-gray-600 {
            --tw-text-opacity: 1;
            color: rgb(75 85 99 / var(--tw-text-opacity, 1))
        }

        .text-gray-900 {
            --tw-text-opacity: 1;
            color: rgb(17 24 39 / var(--tw-text-opacity, 1))
        }

        @media (min-width:640px) {
            .sm\:w-72 {
                width: 18rem
            }

            .sm\:flex-row {
                flex-direction: row
            }
        }

        .team-border {
            border-bottom: 1px solid rgb(229, 231, 235, 1);
            padding-bottom: 3rem
        }

        .absolute {
            position: absolute
        }

        .relative {
            position: relative
        }

        .inset-0 {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }

        .-bottom-8 {
            bottom: -2rem
        }

        .-left-96 {
            left: -24rem
        }

        .isolate {
            isolation: isolate
        }

        .-z-10 {
            z-index: -10
        }

        .order-first {
            order: -9999
        }

        .aspect-\[1266\/975\] {
            aspect-ratio: 1266/975
        }

        .h-8 {
            height: 2rem
        }

        .h-full {
            height: 100%
        }

        .w-8 {
            width: 2rem
        }

        .w-\[79\.125rem\] {
            width: 79.125rem
        }

        .max-w-2xl {
            max-width: 42rem
        }

        .max-w-7xl {
            max-width: 80rem
        }

        .transform-gpu {
            transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .cursor-pointer {
            cursor: pointer
        }

        .gap-10 {
            gap: 2.5rem
        }

        .gap-6 {
            gap: 1.5rem
        }

        .gap-x-8 {
            -moz-column-gap: 2rem;
            column-gap: 2rem
        }

        .gap-y-10 {
            row-gap: 2.5rem
        }

        .gap-y-3 {
            row-gap: .75rem
        }

        .overflow-hidden {
            overflow: hidden
        }

        .rounded-md {
            border-radius: .375rem
        }

        .border-l {
            border-left-width: 1px
        }

        .border-white\/10 {
            border-color: #ffffff1a
        }

        .bg-black {
            --tw-bg-opacity: 1;
            background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))
        }

        .bg-gray-900 {
            --tw-bg-opacity: 1;
            background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1))
        }

        .bg-opacity-25 {
            --tw-bg-opacity: .25
        }

        .bg-gradient-to-tr {
            background-image: linear-gradient(to top right, var(--tw-gradient-stops))
        }

        .from-\[\#254e99\] {
            --tw-gradient-from: #254e99 var(--tw-gradient-from-position);
            --tw-gradient-to: rgb(37 78 153 / 0) var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .to-\[\#254e99\] {
            --tw-gradient-to: #254e99 var(--tw-gradient-to-position)
        }

        .object-cover {
            -o-object-fit: cover;
            object-fit: cover
        }

        .px-6 {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .py-32 {
            padding-top: 8rem;
            padding-bottom: 8rem
        }

        .pl-6 {
            padding-left: 1.5rem
        }

        .text-justify {
            text-align: justify
        }

        .text-3xl {
            font-size: 1.875rem;
            line-height: 2.25rem
        }

        .text-\[28px\] {
            font-size: 28px
        }

        .text-lg {
            font-size: 1.125rem;
            line-height: 1.75rem
        }

        .text-sm {
            font-size: .875rem;
            line-height: 1.25rem
        }

        .font-bold {
            font-weight: 700
        }

        .font-semibold {
            font-weight: 600
        }

        .leading-6 {
            line-height: 1.5rem
        }

        .leading-8 {
            line-height: 2rem
        }

        .tracking-tight {
            letter-spacing: -.025em
        }

        .text-gray-300 {
            --tw-text-opacity: 1;
            color: rgb(209 213 219 / var(--tw-text-opacity, 1))
        }

        .text-white {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1))
        }

        .opacity-20 {
            opacity: .2
        }

        .blur-3xl {
            --tw-blur: blur(64px);
            filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
        }

        .transition {
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-duration: .15s
        }

        .duration-300 {
            transition-duration: .3s
        }

        .group:hover .group-hover\:bg-opacity-50 {
            --tw-bg-opacity: .5
        }

        @media (min-width:640px) {
            .sm\:-bottom-64 {
                bottom: -16rem
            }

            .sm\:-left-40 {
                left: -10rem
            }

            .sm\:mt-20 {
                margin-top: 5rem
            }

            .sm\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }

            .sm\:gap-y-16 {
                row-gap: 4rem
            }

            .sm\:py-32 {
                padding-top: 8rem;
                padding-bottom: 8rem
            }

            .sm\:text-4xl {
                font-size: 2.25rem;
                line-height: 2.5rem
            }
        }

        @media (min-width:1024px) {
            .lg\:-bottom-32 {
                bottom: -8rem
            }

            .lg\:left-8 {
                left: 2rem
            }

            .lg\:mx-0 {
                margin-left: 0;
                margin-right: 0
            }

            .lg\:max-w-none {
                max-width: none
            }

            .lg\:max-w-xl {
                max-width: 36rem
            }

            .lg\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }

            .lg\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr))
            }

            .lg\:px-8 {
                padding-left: 2rem;
                padding-right: 2rem
            }
        }

        @media (min-width:1280px) {
            .xl\:-left-10 {
                left: -2.5rem
            }
        }

        .light-bg-section {
            position: relative;
            width: 100%;
            max-width: 1600px;
            background: #f5f7fa;
            border-radius: 40px;
            margin: 0 auto;
            padding: 100px 0
        }

        .light-bg-section::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 30px;
            width: 490px;
            height: 480px;
            background-image: url(https://demo.awaikenthemes.com/html-preview/wexico/images/icon-section-bg.svg);
            background-repeat: no-repeat;
            background-position: bottom left
        }

        .light-bg-section .container {
            position: relative;
            z-index: 1
        }

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

        .section-row .section-title {
            margin-bottom: 0
        }

        .section-title {
            margin-bottom: 30px
        }

        .section-title h3 {
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            color: var(--theme-color);
            margin-bottom: 15px;
            letter-spacing: 0.2em
        }

        .section-title h2 {
            font-size: 50px;
            letter-spacing: -0.03em;
            font-weight: 600;
            margin-bottom: 0
        }

        .section-title-content p {
            margin: 0
        }

        .why-choose-us.light-bg-section {
            padding: 100px 0 70px
        }

        .why-choose-item {
            position: relative;
            background-color: #fff;
            border-radius: 40px;
            height: calc(100% - 30px);
            margin-bottom: 30px;
            padding: 40px;
            transition: all 0.4s ease-in-out;
            overflow: hidden
        }

        .why-choose-item::before {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: 100%;
            border-radius: 0px;
            background: var(--dark-color);
            transition: all 0.5s ease-in-out;
            height: 100%
        }

        .why-choose-item:hover:before {
            top: 0
        }

        .why-choose-item .icon-box {
            background-color: var(--theme-color);
            width: 60px;
            height: 60px;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            position: relative;
            z-index: 1
        }

        .why-choose-body h3 {
            font-size: 22px;
            margin-bottom: 20px;
            text-transform: capitalize;
            transition: all 0.3s ease-in-out;
            position: relative;
            z-index: 1
        }

        .why-choose-item:hover .why-choose-body h3 {
            color: #fff
        }

        .why-choose-body p {
            margin: 0;
            transition: all 0.3s ease-in-out;
            position: relative;
            z-index: 1
        }

        .why-choose-item:hover .why-choose-body p {
            color: #fff
        }

        @media only screen and (max-width:1600px) {
            .light-bg-section {
                width: calc(100% - 100px);
                margin: 0 50px
            }
        }

        @media only screen and (max-width:1366px) {
            .light-bg-section {
                width: calc(100% - 30px);
                margin: 0 15px
            }
        }

        @media only screen and (max-width:991px) {
            .light-bg-section {
                width: 100%;
                max-width: 100%;
                margin: 0;
                padding: 50px 0;
                border-radius: 0
            }

            .light-bg-section::before {
                width: 300px;
                height: 350px;
                background-size: cover
            }

            .section-row {
                margin-bottom: 40px
            }

            .section-title h2 {
                font-size: 36px
            }

            .section-title-content {
                margin-top: 15px
            }

            .why-choose-us.light-bg-section {
                padding: 50px 0 20px
            }

            .why-choose-item {
                padding: 30px
            }

            .why-choose-body h3 {
                font-size: 20px;
                margin-bottom: 10px
            }
        }

        @media only screen and (max-width:767px) {
            .section-row {
                margin-bottom: 30px
            }

            .section-title {
                text-align: center
            }

            .section-title h3 {
                font-size: 16px
            }

            .section-title h2 {
                font-size: 30px
            }

            .section-title-content {
                text-align: center
            }

            .why-choose-item {
                padding: 20px
            }

            .why-choose-body h3 {
                font-size: 18px
            }
        }

        @-webkit-keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0, 40px, 0);
                transform: translate3d(0, 40px, 0)
            }

            100% {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }

        @keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0, 40px, 0);
                transform: translate3d(0, 40px, 0)
            }

            100% {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }

        .float-bob-x {
            animation-name: float-bob-x;
            animation-duration: 15s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
            -webkit-animation-name: float-bob-x;
            -webkit-animation-duration: 15s;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
            -moz-animation-name: float-bob-x;
            -moz-animation-duration: 15s;
            -moz-animation-iteration-count: infinite;
            -moz-animation-timing-function: linear;
            -ms-animation-name: float-bob-x;
            -ms-animation-duration: 15s;
            -ms-animation-iteration-count: infinite;
            -ms-animation-timing-function: linear;
            -o-animation-name: float-bob-x;
            -o-animation-duration: 15s;
            -o-animation-iteration-count: infinite;
            -o-animation-timing-function: linear
        }

        @keyframes float-bob-x {
            0% {
                -webkit-transform: translateX(-100px);
                transform: translateX(-100px)
            }

            50% {
                -webkit-transform: translateX(-10px);
                transform: translateX(-10px)
            }

            100% {
                -webkit-transform: translateX(-100px);
                transform: translateX(-100px)
            }
        }

        .pt-120 {
            padding-top: 120px
        }

        @media (max-width:1199px) {
            .pt-120 {
                padding-top: 100px
            }
        }

        @media (max-width:991px) {
            .pt-120 {
                padding-top: 80px
            }
        }

        @media (max-width:767px) {
            .pt-120 {
                padding-top: 50px
            }
        }

        .pt-150 {
            padding-top: 150px
        }

        @media (max-width:1199px) {
            .pt-150 {
                padding-top: 100px
            }
        }

        @media (max-width:991px) {
            .pt-150 {
                padding-top: 80px
            }
        }

        @media (max-width:767px) {
            .pt-150 {
                padding-top: 50px
            }
        }

        .pb-120 {
            padding-bottom: 120px
        }

        @media (max-width:1199px) {
            .pb-120 {
                padding-bottom: 100px
            }
        }

        @media (max-width:991px) {
            .pb-120 {
                padding-bottom: 80px
            }
        }

        @media (max-width:767px) {
            .pb-120 {
                padding-bottom: 50px
            }
        }

        .pb-130 {
            padding-bottom: 130px
        }

        @media (max-width:1199px) {
            .pb-130 {
                padding-bottom: 100px
            }
        }

        @media (max-width:991px) {
            .pb-130 {
                padding-bottom: 80px
            }
        }

        @media (max-width:767px) {
            .pb-130 {
                padding-bottom: 50px
            }
        }

        .db-btn-arrow {
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 1.6px;
            text-transform: uppercase;
            color: #fff;
            display: inline-block;
            position: relative
        }

        .db-btn-arrow::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 1px;
            left: 0;
            bottom: -8px;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            background-color: var(--black-2)
        }

        .db-btn-arrow i {
            font-size: 18px;
            color: var(--main-color-one);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .db-btn-arrow:hover::after {
            width: 0
        }

        .db-btn-arrow:hover i {
            color: var(--black-2);
            -webkit-transition: all 0.3s;
            transition: all 0.3s
        }

        .sec-title {
            font-size: 48px;
            line-height: 1;
            font-weight: 600;
            letter-spacing: 0.16px;
            text-transform: capitalize;
            color: #fff;
            padding-bottom: 25px
        }

        @media (max-width:1399px) {
            .sec-title {
                font-size: 45px
            }
        }

        @media (max-width:1199px) {
            .sec-title {
                font-size: 40px
            }
        }

        @media (max-width:991px) {
            .sec-title {
                font-size: 32px
            }
        }

        @media (max-width:767px) {
            .sec-title {
                font-size: 30px
            }
        }

        .sec-subtitle {
            font-weight: 500;
            font-size: 18px;
            line-height: 1.3;
            letter-spacing: 1.8px;
            text-transform: capitalize;
            color: #fff;
            margin-bottom: 15px;
            position: relative
        }

        .sec-subtitle span {
            font-size: 48px;
            line-height: 1;
            font-weight: 600;
            -webkit-text-stroke: 2px #fff;
            color: transparent;
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-52%);
            transform: translateY(-52%);
            opacity: 0.1
        }

        @media (max-width:767px) {
            .sec-subtitle span {
                font-size: 36px
            }
        }

        .service__area {
            overflow: hidden
        }

        @media (max-width:767px) {
            .service__area {
                padding-top: 20px
            }

            .service__area br {
                display: none
            }
        }

        .service__text {
            padding-top: 37px
        }

        @media (max-width:767px) {
            .service__text {
                padding-top: 0
            }
        }

        .service__text p {
            max-width: 445px;
            margin-left: auto;
            color: #fff
        }

        .service__title {
            font-weight: 600;
            font-size: 20px;
            line-height: 1;
            color: var(--dark-color);
            padding-bottom: 20px;
            -webkit-transition: all 0.3s;
            transition: all 0.3s
        }

        .service__title:hover {
            color: var(--main-color-one)
        }

        .service__content {
            padding: 100px 40px 60px;
            background-color: var(--dark-color);
            border-radius: 20px
        }

        @media (max-width:1199px) {
            .service__content {
                padding: 90px 30px 40px
            }
        }

        @media (max-width:991px) {
            .service__content {
                padding: 90px 20px 30px
            }
        }

        @media (max-width:767px) {
            .service__content {
                padding: 80px 20px 30px
            }
        }

        .service__content p {
            color: var(--black-4);
            padding-bottom: 32px
        }

        @media (max-width:767px) {
            .service__content p {
                padding-bottom: 25px
            }
        }

        .service__item.style2 .service__content {
            padding: 50px 40px 60px;
            border-radius: 40px;
            -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
            background: #fff
        }

        .service__item.style2 .service__content .icon-box {
            margin-bottom: 55px;
            background: transparent;
            width: 70px
        }

        .service__item.style2 .service__content .icon-box img {
            -webkit-transition: 0.4s;
            transition: 0.4s
        }

        .service__item.style2:hover .service__content .icon-box img {
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg)
        }

        .border-radius-25 {
            border-radius: 25px
        }

        .border-radius-25:before {
            border-radius: 25px
        }

        .bg-light1 {
            background: var(--theme-color)
        }

        .service-inner {
            margin-top: -220px
        }

        @media all and (max-width:991px) {
            .service-inner {
                margin-top: -140px
            }
        }

        @media (max-width:575px) {
            .service-inner {
                margin-top: -75px
            }

            .service__item.style2 .service__content .icon-box {
                margin-bottom: 35px
            }

            .service__item.style2 .service__content {
                padding: 50px 30px 40px
            }
        }

        .fit-img {
            object-fit: cover;
            height: 350px
        }

        .leading-8 {
            line-height: 2rem
        }

        .italic {
            font-style: italic
        }

        .text-2xl {
            font-size: 1.5rem;
            line-height: 2rem
        }

        .pt-80 {
            padding-top: 80px
        }

        .pb-80 {
            padding-bottom: 80px
        }

        .video-section {
            position: relative;
            height: 100%;
            width: 100%;
            display: block
        }

        .video-section .text {
            posposition: relative;
            width: 100%;
            text-align: center;
            padding: 130px 0
        }

        .video__overlay {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            z-index: 1;
            pointer-events: none;
            background: rgba(0, 0, 0, .6)
        }

        .video__media {
            width: 100%;
            object-fit: cover;
            height: 400px;
            position: absolute;
            z-index: -1
        }

        @media (max-width:768px) {
            .video-section .text {
                position: relative;
                background: url(assets/images/systems/kuzu-grup-video-bg_IG5hiWMxzN.png);
                left: 0;
                right: 0;
                padding-top: 40px;
                padding-bottom: 40px
            }

            #introVideo2 {
                width: 100%;
                display: none
            }
        }

        .bg-video {
            padding: 27px 0;
            border-radius: 20px;
            height: 350px
        }

        .ani-rotate {
            -webkit-animation-duration: 750ms;
            animation-duration: 750ms;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation: ani-rotate 10s linear infinite
        }

        #circle svg {
            -webkit-animation-name: rotate;
            -moz-animation-name: rotate;
            -ms-animation-name: rotate;
            -o-animation-name: rotate;
            animation-name: rotate;
            -webkit-animation-duration: 25s;
            -moz-animation-duration: 25s;
            -ms-animation-duration: 25s;
            -o-animation-duration: 25s;
            animation-duration: 25s;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            -ms-animation-iteration-count: infinite;
            -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
            -moz-animation-timing-function: linear;
            -ms-animation-timing-function: linear;
            -o-animation-timing-function: linear;
            animation-timing-function: linear
        }

        .fill-white text {
            fill: #fff;
            font-size: 17.5px;
            z-index: 999
        }

        @keyframes ani-rotate {
            0% {
                -webkit-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg)
            }

            to {
                -webkit-transform: rotate(1turn);
                -o-transform: rotate(1turn);
                transform: rotate(1turn)
            }
        }

        .herobanner__button .video__button {
            position: static;
            transform: none;
            margin-left: 0px
        }

        @media (min-width:320px) and (max-width:575px) {
            .herobanner__button .video__button {
                margin-top: 10px;
                margin-left: 0
            }
        }

        .herobanner__button .video__button a {
            height: 70px;
            width: 70px;
            line-height: 70px;
            position: relative;
            border: 1px solid #eeeeee
        }

        .herobanner__button .video__button a::before {
            animation: 2s ease 0s infinite none running pulse_2;
            width: 70px;
            height: 70px;
            left: -1px;
            bottom: -1px
        }

        .herobanner__button .video__button span {
            margin-left: 5px
        }

        @media (min-width:320px) and (max-width:575px) {
            .herobanner.herobanner__front__img__wrapper .herobanner__button .video__button {
                margin-top: 0;
                margin-left: 6px
            }

            .herobanner.herobanner__front__img__wrapper .herobanner__button .video__button .video__button__text {
                margin-left: 5px;
                font-size: 14px
            }
        }

        .video__button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

        .video__button a {
            height: 104px;
            width: 104px;
            line-height: 104px;
            border-radius: 100%;
            background: var(--theme-color);
            display: inline-block;
            text-align: center
        }

        @media (max-width:767px) {
            .video__button a {
                height: 50px;
                width: 50px;
                line-height: 50px
            }
        }

        .video__button a:hover {
            background: var(--theme-color)
        }

        .video__button a:hover svg path {
            fill: #fff
        }

        .video__button a::before {
            position: absolute;
            content: "";
            width: 104px;
            height: 104px;
            border-radius: 50%;
            z-index: -1;
            animation: pulse 2s infinite;
            left: 0;
            right: 0;
            text-align: center;
            margin: 0 auto
        }

        @media (max-width:767px) {
            .video__button a::before {
                height: 50px;
                width: 50px;
                line-height: 50px
            }
        }

        @-webkit-keyframes pulse {
            0% {
                -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4)
            }

            70% {
                -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0)
            }

            100% {
                -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
            }
        }

        @keyframes pulse_2 {
            0% {
                -moz-box-shadow: 0 0 0 0 rgba(254, 0, 148, 0.4);
                box-shadow: 0 0 0 0 rgba(254, 0, 148, 0.4)
            }

            70% {
                -moz-box-shadow: 0 0 0 45px rgba(254, 0, 148, 0);
                box-shadow: 0 0 0 45px rgba(254, 0, 148, 0)
            }

            100% {
                -moz-box-shadow: 0 0 0 0 rgba(254, 0, 148, 0);
                box-shadow: 0 0 0 0 rgba(254, 0, 148, 0)
            }
        }

        .copy {
            font-size: 14px
        }

        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0
        }

        .absolute {
            position: absolute
        }

        .relative {
            position: relative
        }

        .inset-0 {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }

        .isolate {
            isolation: isolate
        }

        .-z-10 {
            z-index: -10
        }

        .mx-auto {
            margin-left: auto;
            margin-right: auto
        }

        .-ml-12 {
            margin-left: -1rem
        }

        .-mt-12 {
            margin-top: -3rem
        }

        .mt-2 {
            margin-top: .5rem
        }

        .mt-4 {
            margin-top: 1rem
        }

        .mt-8 {
            margin-top: 2rem
        }

        .flex {
            display: flex
        }

        .inline-flex {
            display: inline-flex
        }

        .grid {
            display: grid
        }

        .w-\[48rem\] {
            width: 48rem
        }

        .max-w-2xl {
            max-width: 42rem
        }

        .max-w-none {
            max-width: none
        }

        .max-w-xl {
            max-width: 36rem
        }

        .flex-wrap {
            flex-wrap: wrap
        }

        .items-center {
            align-items: center
        }

        .gap-4 {
            gap: 1rem
        }

        .gap-x-8 {
            -moz-column-gap: 2rem;
            column-gap: 2rem
        }

        .gap-y-16 {
            row-gap: 4rem
        }

        .overflow-hidden {
            overflow: hidden
        }

        .rounded-md {
            border-radius: .375rem
        }

        .rounded-xl {
            border-radius: .75rem
        }

        .border {
            border-width: 1px
        }

        .border-transparent {
            border-color: transparent
        }

        .bg-gray-900 {
            --tw-bg-opacity: 1;
            background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1))
        }

        .bg-indigo-600 {
            --tw-bg-opacity: 1;
            background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1))
        }

        .bg-white {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
        }

        .p-12 {
            padding: 3rem
        }

        .px-4 {
            padding-left: 1rem;
            padding-right: 1rem
        }

        .px-6 {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .py-2 {
            padding-top: .5rem;
            padding-bottom: .5rem
        }

        .text-justify {
            text-align: justify
        }

        .text-3xl {
            font-size: 1.875rem;
            line-height: 2.25rem
        }

        .text-base {
            font-size: 1rem;
            line-height: 1.5rem
        }

        .text-sm {
            font-size: .875rem;
            line-height: 1.25rem
        }

        .font-bold {
            font-weight: 700
        }

        .font-medium {
            font-weight: 500
        }

        .font-semibold {
            font-weight: 600
        }

        .italic {
            font-style: italic
        }

        .leading-7 {
            line-height: 1.75rem
        }

        .tracking-tight {
            letter-spacing: -.025em
        }

        .text-gray-600 {
            --tw-text-opacity: 1;
            color: rgb(75 85 99 / var(--tw-text-opacity, 1))
        }

        .text-gray-700 {
            --tw-text-opacity: 1;
            color: rgb(55 65 81 / var(--tw-text-opacity, 1))
        }

        .text-gray-900 {
            --tw-text-opacity: 1;
            color: rgb(17 24 39 / var(--tw-text-opacity, 1))
        }

        .text-white {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1))
        }

        .shadow-xl {
            --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
            --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        .ring-1 {
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
        }

        .ring-gray-400\/10 {
            --tw-ring-color: rgb(156 163 175 / .1)
        }

        .hover\:bg-indigo-700:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1))
        }

        @media (min-width:640px) {
            .sm\:w-\[57rem\] {
                width: 57rem
            }

            .sm\:py-8 {
                padding-top: 2rem;
                padding-bottom: 2rem
            }

            .sm\:text-4xl {
                font-size: 2.25rem;
                line-height: 2.5rem
            }
        }

        @media (min-width:1024px) {
            .lg\:sticky {
                position: sticky
            }

            .lg\:top-12 {
                top: 3rem
            }

            .lg\:col-span-2 {
                grid-column: span 2 / span 2
            }

            .lg\:col-start-1 {
                grid-column-start: 1
            }

            .lg\:col-start-2 {
                grid-column-start: 2
            }

            .lg\:row-span-2 {
                grid-row: span 2 / span 2
            }

            .lg\:row-start-1 {
                grid-row-start: 1
            }

            .lg\:row-start-2 {
                grid-row-start: 2
            }

            .lg\:mx-0 {
                margin-left: 0;
                margin-right: 0
            }

            .lg\:mx-auto {
                margin-left: auto;
                margin-right: auto
            }

            .lg\:grid {
                display: grid
            }

            .lg\:w-full {
                width: 100%
            }

            .lg\:max-w-7xl {
                max-width: 80rem
            }

            .lg\:max-w-lg {
                max-width: 32rem
            }

            .lg\:max-w-none {
                max-width: none
            }

            .lg\:items-start {
                align-items: flex-start
            }

            .lg\:gap-x-8 {
                -moz-column-gap: 2rem;
                column-gap: 2rem
            }

            .lg\:gap-y-10 {
                row-gap: 2.5rem
            }

            .lg\:overflow-hidden {
                overflow: hidden
            }

            .lg\:overflow-visible {
                overflow: visible
            }

            .lg\:px-0 {
                padding-left: 0;
                padding-right: 0
            }

            .lg\:px-8 {
                padding-left: 2rem;
                padding-right: 2rem
            }

            .lg\:pr-4 {
                padding-right: 1rem
            }
        }

        .relative {
            position: relative
        }

        .mx-auto {
            margin-left: auto;
            margin-right: auto
        }

        .mb-8 {
            margin-bottom: 2rem
        }

        .grid {
            display: grid
        }

        .aspect-\[4\/3\] {
            aspect-ratio: 4/3
        }

        .h-full {
            height: 100%
        }

        .w-full {
            width: 100%
        }

        .max-w-7xl {
            max-width: 80rem
        }

        .gap-x-4 {
            -moz-column-gap: 1rem;
            column-gap: 1rem
        }

        .gap-y-8 {
            row-gap: 2rem
        }

        .overflow-hidden {
            overflow: hidden
        }

        .rounded-lg {
            border-radius: .5rem
        }

        .bg-gray-100 {
            --tw-bg-opacity: 1;
            background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
        }

        .object-cover {
            -o-object-fit: cover;
            object-fit: cover
        }

        .object-center {
            -o-object-position: center;
            object-position: center
        }

        @media (min-width:640px) {
            .sm\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }

            .sm\:gap-x-6 {
                -moz-column-gap: 1.5rem;
                column-gap: 1.5rem
            }

            .sm\:px-6 {
                padding-left: 1.5rem;
                padding-right: 1.5rem
            }
        }

        @media (min-width:1024px) {
            .lg\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr))
            }

            .lg\:px-8 {
                padding-left: 2rem;
                padding-right: 2rem
            }
        }

        @media (min-width:1280px) {
            .xl\:gap-x-8 {
                -moz-column-gap: 2rem;
                column-gap: 2rem
            }
        }

        .gallery-project li {
            list-style: none
        }

        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0
        }

        .relative {
            position: relative
        }

        .isolate {
            isolation: isolate
        }

        .mx-auto {
            margin-left: auto;
            margin-right: auto
        }

        .mt-10 {
            margin-top: 2.5rem
        }

        .mt-2\.5 {
            margin-top: .625rem
        }

        .mt-4 {
            margin-top: 1rem
        }

        .mt-6 {
            margin-top: 1.5rem
        }

        .mt-8 {
            margin-top: 2rem
        }

        .block {
            display: block
        }

        .flex {
            display: flex
        }

        .grid {
            display: grid
        }

        .h-7 {
            height: 1.75rem
        }

        .w-6 {
            width: 1.5rem
        }

        .w-full {
            width: 100%
        }

        .max-w-7xl {
            max-width: 80rem
        }

        .max-w-xl {
            max-width: 36rem
        }

        .flex-none {
            flex: none
        }

        .justify-end {
            justify-content: flex-end
        }

        .gap-x-4 {
            -moz-column-gap: 1rem;
            column-gap: 1rem
        }

        .gap-x-8 {
            -moz-column-gap: 2rem;
            column-gap: 2rem
        }

        .gap-y-6 {
            row-gap: 1.5rem
        }

        .space-y-4>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(1rem * var(--tw-space-y-reverse))
        }

        .rounded-md {
            border-radius: .375rem
        }

        .border-0 {
            border-width: 0px
        }

        .bg-indigo-600 {
            --tw-bg-opacity: 1;
            background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1))
        }

        .bg-white {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
        }

        .px-3\.5 {
            padding-left: .875rem;
            padding-right: .875rem
        }

        .px-6 {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .py-2 {
            padding-top: .5rem;
            padding-bottom: .5rem
        }

        .py-2\.5 {
            padding-top: .625rem;
            padding-bottom: .625rem
        }

        .pb-20 {
            padding-bottom: 5rem
        }

        .pb-24 {
            padding-bottom: 6rem
        }

        .pt-20 {
            padding-top: 5rem
        }

        .pt-24 {
            padding-top: 6rem
        }

        .text-center {
            text-align: center
        }

        .text-3xl {
            font-size: 1.875rem;
            line-height: 2.25rem
        }

        .text-base {
            font-size: 1rem;
            line-height: 1.5rem
        }

        .text-lg {
            font-size: 1.125rem;
            line-height: 1.75rem
        }

        .text-sm {
            font-size: .875rem;
            line-height: 1.25rem
        }

        .font-bold {
            font-weight: 700
        }

        .font-semibold {
            font-weight: 600
        }

        .leading-6 {
            line-height: 1.5rem
        }

        .leading-7 {
            line-height: 1.75rem
        }

        .leading-8 {
            line-height: 2rem
        }

        .tracking-tight {
            letter-spacing: -.025em
        }

        .text-gray-400 {
            --tw-text-opacity: 1;
            color: rgb(156 163 175 / var(--tw-text-opacity, 1))
        }

        .text-gray-600 {
            --tw-text-opacity: 1;
            color: rgb(75 85 99 / var(--tw-text-opacity, 1))
        }

        .text-gray-900 {
            --tw-text-opacity: 1;
            color: rgb(17 24 39 / var(--tw-text-opacity, 1))
        }

        .text-kuzu-blue {
            --tw-text-opacity: 1;
            color: rgb(37 78 153 / var(--tw-text-opacity, 1))
        }

        .text-white {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1))
        }

        .shadow-sm {
            --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
            --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        .ring-1 {
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
        }

        .ring-inset {
            --tw-ring-inset: inset
        }

        .ring-gray-300 {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1))
        }

        .placeholder\:text-gray-400::placeholder {
            --tw-text-opacity: 1;
            color: rgb(156 163 175 / var(--tw-text-opacity, 1))
        }

        .hover\:bg-indigo-500:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1))
        }

        .hover\:text-gray-900:hover {
            --tw-text-opacity: 1;
            color: rgb(17 24 39 / var(--tw-text-opacity, 1))
        }

        .focus\:ring-2:focus {
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
        }

        .focus\:ring-inset:focus {
            --tw-ring-inset: inset
        }

        .focus\:ring-indigo-600:focus {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity, 1))
        }

        .grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .cta-btn {
            padding: 120px 0 60px
        }

        .cta-btn i {
            font-size: 45px
        }

        .text-gray-400:hover {
            --tw-text-opacity: 1;
            color: rgb(156 163 175 / var(--tw-text-opacity, 1))
        }

        .mr-2 {
            margin-right: .5rem
        }

        .page-header {
            min-height: 160px;
            z-index: 1
        }

        .page-header,
        .page-header .visual {
            position: relative;
            display: block;
            width: 100%
        }

        .page-header .visual {
            height: 800px;
            overflow: hidden
        }

        .page-header .visual:before {
            content: "";
            position: absolute;
            display: block;
            z-index: 2;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: linear-gradient(-10deg, transparent, #292929);
            opacity: .85
        }

        .page-header .heading {
            position: absolute;
            display: block;
            z-index: 3;
            width: 100%;
            top: 250px;
            left: 0
        }

        .heading {
            position: relative;
            display: block
        }

        .heading h1 {
            display: block;
            margin-bottom: 35px;
            font-weight: 400;
            font-size: 18px;
            letter-spacing: .02em;
            color: #fff
        }

        @media screen and (max-width:1200px) {
            .heading h1 {
                font-size: 14px
            }
        }

        .btn-std {
            position: relative;
            display: flex;
            align-items: center;
            gap: 40px;
            width: -moz-fit-content;
            width: fit-content;
            height: 52px;
            background-color: hsla(0, 0%, 100%, .15);
            padding: 0 22px;
            border-radius: 26px;
            font-family: Inter, sans-serif;
            font-weight: 400;
            font-size: 18px;
            color: #fff
        }

        .btn-std,
        .btn-std img {
            transition: all .3s ease
        }

        .btn-std:hover {
            background-color: #fff;
            color: #000
        }

        .btn-std:hover img {
            filter: brightness(0)
        }

        .btn-std:hover img {
            transform: rotate(45deg)
        }

        .img-regular {
            width: 100%;
            height: 100%
        }

        .img-regular {
            -o-object-fit: cover;
            object-fit: cover
        }

        -header.homepage {
            height: 100vh;
            min-height: 768px
        }

        .page-header.homepage .visual {
            width: 100%;
            height: 100%;
            min-height: 100%
        }

        .page-header.homepage .visual .visual-item {
            position: relative;
            z-index: 1
        }

        .page-header.homepage .visual:before {
            content: "";
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            z-index: 2;
            background: linear-gradient(rgba(20, 21, 29, .23), #14151d)
        }

        @media screen and (max-width:700px) {
            .page-header.homepage .heading {
                top: 125px;
                left: 10px
            }
        }

        .page-header.homepage .heading .hero {
            display: block;
            letter-spacing: -.2px;
            font-weight: 400;
            font-weight: 500;
            font-size: 45px;
            line-height: 55px;
            color: #f6f7f7
        }

        @media screen and (max-width:1700px) {
            .page-header.homepage .heading .hero {
                font-size: 45px;
                line-height: 55px
            }
        }

        @media screen and (max-width:700px) {
            .page-header.homepage .heading .hero {
                font-size: 40px;
                line-height: 48px;
                color: #fff
            }
        }

        @media screen and (max-width:500px) {
            .page-header.homepage .heading .hero {
                font-size: 35px;
                line-height: 43px;
                color: #fff
            }
        }

        @media screen and (max-width:400px) {
            .page-header.homepage .heading .hero {
                font-size: 30px;
                line-height: 40px;
                color: #fff
            }
        }

        .page-header.homepage .content-card {
            position: absolute;
            display: block;
            z-index: 2;
            right: 7%;
            bottom: 18%;
            max-width: 540px;
            /*border-left:1px solid #1946ba;*/
            padding-left: 20px
        }

        @media screen and (max-width:700px) {
            .page-header.homepage .content-card {
                right: 0;
                left: 0;
                bottom: 120px;
                width: calc(100% - 72px);
                margin: 0 30px;
                padding-left: 10px
            }
        }

        .page-header.homepage .content-card .description {
            display: block;
            margin-bottom: 25px;
            font-weight: 400;
            font-size: 18px;
            line-height: 26px;
            text-align: left;
            color: #f4f1ee
        }

        @media screen and (max-width:400px) {
            .page-header.homepage .content-card .description {
                font-size: 16px;
                line-height: 1.5
            }
        }

        @media screen and (max-width:1024px) {
            .btn-std {
                font-size: 16px
            }

            #introVideo {
                object-fit: cover;
                height: 70vh
            }
        }

        @media screen and (max-width:1400px) {
            .page-header .heading {
                top: 150px;
                left: 50px
            }

            .page-header.homepage .heading .hero {
                font-size: 22px;
                line-height: normal
            }

            .page-header.homepage .content-card {
                bottom: 22%
            }

            .page-header.homepage .content-card .description {
                font-size: 16px
            }
        }

        .header-4 {
            position: absolute;
            width: 100%;
            /*backdrop-filter:blur(4px);*/
            /*--webkit-backdrop-filter:blur(4px);*/
            /*background-color:hsl(0deg 0% 100% / 10%);*/
        }

        .header-4.scrollHeader {
            position: fixed !important;
            z-index: 999;
            top: 0
        }

        .section-row {
            margin-bottom: 80px
        }

        .section-row .section-title {
            margin-bottom: 0
        }

        .section-row .section-title.section-title-center {
            width: 100%;
            max-width: 990px;
            margin: 0 auto;
            text-align: center
        }

        .section-title {
            margin-bottom: 40px
        }

        .section-title h3 {
            position: relative;
            display: inline-block;
            font-size: 14px;
            line-height: 1.2em;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            padding-left: 16px;
            margin-bottom: 10px
        }

        .section-title h3::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            background: var(--theme-color);
            width: 6px;
            height: 6px
        }

        .section-title h2 {
            font-size: 48px;
            letter-spacing: -0.04em;
            margin-bottom: 0
        }

        @media only screen and (max-width:991px) {
            .section-row {
                margin-bottom: 40px
            }

            .section-title {
                margin-bottom: 30px
            }

            .section-title h2 {
                font-size: 36px
            }
        }

        @media only screen and (max-width:767px) {
            .section-row {
                margin-bottom: 30px
            }

            .section-title h2 {
                font-size: 26px
            }
        }

        .our-features-gold {
            /*background:linear-gradient(180deg,#F5F5F5 50%,#FFFFFF 50%);*/
            background: #f1f7fa;
            padding: 100px 0
        }

        .feature-item-gold {
            background: #FFFFFF;
            box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.05);
            border-radius: 10px;
            min-height: 440px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            text-align: center;
            gap: 30px;
            height: calc(100% - 30px);
            margin-bottom: 30px;
            padding: 40px 25px 0 25px
        }

        .feature-item-content-gold h3 {
            font-size: 20px
        }

        .feature-item-content-gold p {
            margin: 10px 0 0 0
        }

        .feature-item-image-gold {
            width: 100%;
            max-width: 100%;
            margin: 0 auto
        }

        .feature-item-image-gold figure {
            display: block;
            border-radius: 10px 10px 0 0;
            margin: 0
        }

        .feature-item-image-gold img {
            width: 100%;
            object-fit: cover;
            border-radius: 10px 10px 0 0
        }

        @media only screen and (max-width:1440px) {
            .feature-item-gold {
                min-height: 470px;
                padding: 30px 30px 0 30px
            }
        }

        @media only screen and (max-width:991px) {
            .our-features-gold {
                padding: 50px 0
            }
        }

        @media only screen and (max-width:767px) {
            .feature-item-gold {
                min-height: initial;
                padding: 20px 20px 0 20px
            }

            .feature-item-image-gold {
                max-width: 100%
            }
        }

        section.home-stats .swiper-button-next,
        section.home-stats .swiper-button-prev {
            width: 68px;
            height: 68px;
            border: 1px solid rgba(5, 15, 25, 0.1);
            border-radius: 50%;
            position: relative
        }

        section.home-stats .swiper-button-next:after,
        section.home-stats .swiper-button-prev:after {
            content: none
        }

        section.home-stats .swiper-button-next svg,
        section.home-stats .swiper-button-prev svg {
            width: 71px;
            height: 14px;
            margin: 0 auto;
            display: flex;
            position: absolute;
            top: auto;
            left: 9px;
            transform: translateX(0)
        }

        section.home-stats .swiper-button-next svg .draw-arrow,
        section.home-stats .swiper-button-prev svg .draw-arrow {
            stroke-width: 1;
            stroke: var(--c--1);
            fill: none;
            stroke-dasharray: 22;
            stroke-dashoffset: 0;
            transform: matrix(1, 0, 0, 1, 0, 0);
            transition: 1s all ease
        }

        section.home-stats .swiper-button-next svg .tail,
        section.home-stats .swiper-button-prev svg .tail {
            stroke-width: 1px;
            fill: none;
            transition: 1s all ease;
            transform: translateX(0px)
        }

        @media (min-width:960px) {

            section.home-stats .swiper-button-next:hover svg .draw-arrow,
            section.home-stats .swiper-button-prev:hover svg .draw-arrow {
                stroke-dashoffset: 10px;
                transform: matrix(3, 0, 0, 1, 0, 0);
                transition: 1s stroke-dashoffset ease, 0.7s 0.3s transform ease
            }

            section.home-stats .swiper-button-next:hover svg .tail,
            section.home-stats .swiper-button-prev:hover svg .tail {
                transform: translateX(34px);
                transition: 0.72s 0.3s all ease
            }
        }

        @media (max-width:768px) {

            section.home-stats .swiper-button-next,
            section.home-stats .swiper-button-prev {
                width: 47px;
                height: 47px
            }

            section.home-stats .swiper-button-next svg,
            section.home-stats .swiper-button-prev svg {
                width: 67px;
                left: 0
            }
        }

        section.home-stats .swiper-button-next,
        section.home-stats .swiper-button-prev {
            border: 1px solid rgba(255, 255, 255, 0.2)
        }

        section.home-stats .swiper-button-next svg .draw-arrow,
        section.home-stats .swiper-button-prev svg .draw-arrow,
        section.home-stats .swiper-button-next svg .tail,
        section.home-stats .swiper-button-prev svg .tail {
            stroke: #fff
        }

        section.home-stats .subtitle {
            position: relative;
            font-size: calc(1rem + 4 * (100vw - 28.75rem) / 820);
            letter-spacing: 0.025rem;
            margin-bottom: 10px;
            color: var(--c--5)
        }

        @media (min-width:960px) {
            section.home-stats .subtitle {
                margin-bottom: 10px
            }
        }

        @media screen and (min-width:1280px) {
            section.home-stats .subtitle {
                font-size: 1.25rem
            }
        }

        @media screen and (max-width:460px) {
            section.home-stats .subtitle {
                font-size: 1rem
            }
        }

        section.home-stats .title {
            letter-spacing: -0.0125rem;
            font-weight: 300;
            font-size: 1.5rem;
            line-height: 1
        }

        @media (min-width:992px) {
            section.home-stats .title {
                font-size: 2.625rem
            }
        }

        @media (min-width:1800px) {
            section.home-stats .title {
                font-size: 3.25rem;
                line-height: 1
            }
        }

        section.home-stats .carousel-controls {
            position: relative;
            margin-left: auto;
            margin-right: auto;
            padding-left: 15px;
            padding-right: 15px;
            width: 100%
        }

        @media (min-width:1024px) {
            section.home-stats .carousel-controls {
                padding-left: 15px;
                padding-right: 15px
            }
        }

        section.home-stats .carousel-controls {
            max-width: 1255px
        }

        @media (min-width:1800px) {
            section.home-stats .carousel-controls {
                max-width: 1670px
            }
        }

        .section-inner {
            height: 100%
        }

        section.home-stats {
            position: relative;
            border-top-left-radius: 30px;
            border-top-right-radius: 30px;
            padding: 0;
            background: #223d7f;
            color: #ffffff;
            margin-top: 0px;
            margin-bottom: -30px;
            z-index: 9;
            min-height: 100vh;
            width: 100%;
            overflow: hidden
        }

        section.home-stats .wrapper {
            display: flex
        }

        section.home-stats .images-slider {
            width: 55%
        }

        section.home-stats .images-slider .swiper {
            height: 100%
        }

        section.home-stats .image-wrapper {
            position: relative;
            height: 100%
        }

        section.home-stats .image-wrapper img {
            -o-object-fit: cover;
            object-fit: cover;
            display: block;
            width: 100%;
            height: 100%;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            position: absolute;
            transition: 0.5s transform 0.9s ease
        }

        section.home-stats .image-1 {
            height: 50%;
            width: 100%;
            position: relative;
            padding-bottom: 50%;
            overflow: hidden
        }

        section.home-stats .image-1 img {
            transform: translateY(-100%)
        }

        section.home-stats .images-bottom {
            width: 100%;
            height: 50%;
            display: flex;
            position: relative
        }

        section.home-stats .image-2,
        section.home-stats .image-3 {
            width: 50%;
            height: 100%;
            padding-bottom: 50%;
            position: relative;
            overflow: hidden
        }

        section.home-stats .image-2 img {
            transform: translateX(-100%)
        }

        section.home-stats .image-3 img {
            transform: translateY(100%)
        }

        section.home-stats .images-slider .swiper-slide {
            opacity: 1 !important
        }

        section.home-stats .swiper-slide-active {
            z-index: 999
        }

        section.home-stats .swiper-slide-active .image-1 img {
            transform: translateY(0);
            transition-delay: 0s
        }

        section.home-stats .swiper-slide-active .image-2 img {
            transform: translateX(0);
            transition-delay: 0.2s
        }

        section.home-stats .swiper-slide-active .image-3 img {
            transform: translateY(0);
            transition-delay: 0.4s
        }

        section.home-stats .text-slider {
            width: 45%;
            padding: 100px calc((100% - 1220px) / 2) 80px 90px
        }

        section.home-stats .subtitle {
            color: #fff;
            margin-bottom: 50px;
            border-top: 1px solid #fff;
            padding-top: 5px
        }

        section.home-stats .stat {
            color: #fff;
            font-weight: 300;
            font-size: calc(8.75rem + 120 * (100vw - 28.75rem) / 820);
            line-height: 0.75;
            margin-bottom: 0;
            display: flex;
            align-items: center;
            letter-spacing: -0.1875rem
        }

        section.home-stats .stat b {
            font-weight: 300
        }

        @media screen and (min-width:1280px) {
            section.home-stats .stat {
                font-size: 12.25rem
            }
        }

        @media screen and (max-width:460px) {
            section.home-stats .stat {
                font-size: 6.75rem
            }
        }

        section.home-stats .stat b {
            font-size: calc(2.375rem + 70 * (100vw - 25.75rem) / 820)
        }

        @media screen and (min-width:1280px) {
            section.home-stats .stat b {
                font-size: 6.75rem
            }
        }

        @media screen and (max-width:460px) {
            section.home-stats .stat b {
                font-size: 3.375rem
            }
        }

        section.home-stats .title {
            margin-bottom: 30px
        }

        section.home-stats .carousel-controls {
            position: relative;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 80px;
            padding: 0
        }

        section.home-stats .counter {
            color: #ffffff;
            font-size: 1rem;
            font-weight: 300;
            margin-top: -25px
        }

        section.home-stats .counter .total {
            color: var(--c--5)
        }

        section.home-stats .swiper-buttons {
            display: flex;
            justify-content: space-between;
            width: 165px
        }

        section.home-stats .swiper-button-next,
        section.home-stats .swiper-button-prev {
            top: 0;
            position: relative
        }

        section.home-stats .swiper-button-prev {
            transform: rotate(180deg)
        }

        section.home-stats .swiper-pagination-progressbar {
            background: rgba(255, 255, 255, 0.3);
            width: calc(100% - 240px);
            margin: 9px auto 0 auto;
            left: 65px;
            height: 1px
        }

        section.home-stats .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            background: #ffffff;
            height: 4px;
            top: -1px
        }

        @media (min-height:760px) {
            section.home-stats {
                height: 100vh
            }
        }

        @media (max-width:1220px) {
            section.home-stats .text-slider {
                padding-top: 50px;
                padding-right: 20px;
                padding-left: 20px
            }
        }

        @media (max-width:960px) {
            section.home-stats .images-slider {
                width: 50%
            }

            section.home-stats .text-slider {
                width: 50%
            }

            section.home-stats .subtitle {
                margin-bottom: 20px
            }

            section.home-stats .title {
                line-height: 1
            }
        }

        @media (max-width:768px) {
            section.home-stats .wrapper {
                flex-flow: column-reverse
            }

            section.home-stats .carousel-controls {
                margin-top: 60px
            }

            section.home-stats .swiper-buttons {
                width: 125px
            }

            section.home-stats .images-slider {
                width: 100%
            }

            section.home-stats .text-slider {
                width: 100%;
                max-width: 500px
            }

            section.home-stats .carousel-controls .swiper-pagination-progressbar {
                margin-top: 0;
                width: calc(100% - 200px)
            }
        }

        section.home-stats .swiper-button-next,
        section.home-stats .swiper-button-prev {
            top: 0;
            position: relative
        }

        section.home-stats .swiper-button-prev {
            transform: rotate(180deg)
        }

        section.home-stats .swiper-pagination-progressbar {
            background: rgba(255, 255, 255, 0.3);
            width: calc(100% - 240px);
            margin: 9px auto 0 auto;
            left: 65px;
            height: 1px
        }

        section.home-stats .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            background: #ffffff;
            height: 4px;
            top: -1px
        }

        /*! CSS Used from:Embedded;media=all */
        @media all {
            .st0 {
                fill: #FFFFFF
            }
        }

        /*============================================================================================ Start Video Area ==============================================================================================*/
        .tc-video__inner {
            position: relative;
            border-radius: 20px;
            height: 650px;
            z-index: 2;
            background-size: cover;
            background-position: center
        }

        .tc-video__inner::before {
            position: absolute;
            content: "";
            width: 730px;
            height: 100%;
            top: 0;
            left: 0;
            background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 84.69%);
            z-index: -1;
            border-radius: 20px 0px 0px 20px
        }

        .tc-video__content {
            max-width: 545px;
            width: 545px;
            position: relative;
            top: 64px;
            left: 64px
        }

        .tc-video-title {
            font-size: 40px;
            font-weight: 400;
            line-height: 48px;
            margin: 0;
            position: absolute;
            z-index: 2;
            top: 10px;
            left: 22px;
            background: #fff;
            padding: 0 20px;
            border-radius: 10px
        }

        .tc-video-title span {
            display: flex;
            gap: 12px
        }

        .tc-video-title span svg {
            position: relative;
            top: 10px
        }

        .tc-video-title .text-bg {
            position: absolute;
            left: 60px;
            top: 64px;
            z-index: -1
        }

        .tc-video-action {
            position: absolute;
            right: 0;
            bottom: 0;
            display: flex;
            align-items: center;
            gap: 16px;
            border-radius: 44px 0px 0px 0px;
            background: #fff;
            padding: 12px 20px 12px 12px
        }

        .tc-video-action::before,
        .tc-video-action::after {
            position: absolute;
            content: "";
            width: 20px;
            height: 20px;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat
        }

        .tc-video-action::before {
            left: -19px;
            bottom: -1px;
            background-image: url("assets/images/system/corner-shape-1.svg")
        }

        .tc-video-action::after {
            right: -1px;
            top: -19px;
            background-image: url("assets/images/system/corner-shape-2.svg")
        }

        .tc-video-btn img {
            width: 64px;
            height: 64px;
            object-fit: cover;
            border-radius: 100%
        }

        .tc-video-btn {
            position: relative
        }

        .tc-video-btn svg {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%)
        }

        .tc-video-btn__info h5 {
            font-size: 16px;
            font-weight: 500;
            line-height: 24px;
            margin: 0
        }

        .tc-video-btn__info p {
            font-size: 14px;
            font-weight: 400;
            line-height: 22px;
            margin-bottom: 0
        }

        .tc-video--style2 .tc-video__inner {
            border-radius: 24px;
            height: 450px
        }

        .tc-video--style2 .tc-video__inner::before {
            display: none
        }

        @media only screen and (max-width:767px) {
            .tc-video-title {
                font-size: 22px;
                line-height: 120%;
                top: 6px;
                left: 8px
            }

            .tc-video__content {
                max-width: 92%;
                width: 92%;
                top: 16px;
                left: 16px
            }

            .tc-video__inner::before {
                width: 100%
            }

            .tc-video__inner {
                height: 360px
            }

            .tc-video--style2 .tc-video__inner {
                height: 240px
            }
        }

        .map-dot {
            fill: #ff3b3b;
            stroke: #fff;
            stroke-width: 2;
            cursor: pointer;
            transition: transform .2s ease, opacity .2s
        }

        .map-dot:hover {
            transform: scale(1.4);
            opacity: .9
        }

        #worldMap {
            width: 100%;
            height: auto
        }

        .active-country {
            fill: #8c8c8c
        }

        .map-dot {
            fill: #ff3b3b;
            stroke: #fff;
            stroke-width: 2;
            cursor: pointer;
            transition: transform .2s ease
        }

        .map-dot:hover {
            transform: scale(1.4)
        }

        .how-work-item-prime {
            position: relative;
            min-height: 390px;
            background: #fff;
            border-radius: 10px;
            height: calc(100% - 30px);
            margin-bottom: 30px;
            padding: 40px;
            overflow: hidden;
            transition: all 0.4s ease-in-out
        }

        .how-work-item-img-prime:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #fff;
            border-radius: 20px;
            width: 100%;
            height: 100%;
            transition: all 0.4s ease-in-out;
            z-index: 1
        }

        .how-work-item-prime.active .how-work-item-img-prime::before,
        .how-work-item-prime:hover .how-work-item-img-prime::before {
            transform: translate(100%, -100%)
        }

        .how-work-item-img-prime {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s ease-in-out
        }

        .how-work-item-prime.active .how-work-item-img-prime,
        .how-work-item-prime:hover .how-work-item-img-prime {
            opacity: 1;
            visibility: visible
        }

        .how-work-item-img-prime::after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background-color: var(--theme-color);
            opacity: 80%
        }

        .how-work-item-img-prime figure {
            height: 100%;
            display: block
        }

        .how-work-item-img-prime img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

        .how-work-item-body-prime {
            position: relative;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 30px;
            z-index: 2
        }

        .how-work-item-no-prime img {
            transition: all 0.4s ease-in-out
        }

        .how-work-item-prime:hover .how-work-item-no-prime img {
            filter: brightness(0) invert(1);
            transition: all 0.4s ease-in-out
        }

        .how-work-item-content-prime h3 {
            font-size: 20px;
            line-height: 1.4em;
            transition: all 0.4s ease-in-out
        }

        .how-work-item-content-prime p {
            margin: 15px 0 0;
            transition: all 0.4s ease-in-out
        }

        .how-work-item-prime.active .how-work-item-no-prime h2,
        .how-work-item-prime:hover .how-work-item-no-prime h2,
        .how-work-item-prime.active .how-work-item-content-prime h3,
        .how-work-item-prime:hover .how-work-item-content-prime h3,
        .how-work-item-prime.active .how-work-item-content-prime p,
        .how-work-item-prime:hover .how-work-item-content-prime p {
            color: #fff
        }

        @media only screen and (max-width:1440px) {
            .how-work-item-prime {
                padding: 30px 25px
            }
        }

        @media only screen and (max-width:1024px) {
            .how-work-item-prime {
                min-height: 320px
            }
        }

        @media only screen and (max-width:991px) {
            .how-work-item-no-prime h2 {
                font-size: 36px
            }
        }

        @media only screen and (max-width:767px) {
            .how-work-item-prime {
                min-height: 270px;
                padding: 20px
            }

            .how-work-item-no-prime h2 {
                font-size: 24px
            }
        }

        .about-style1 {
            margin: 0px 30px 0px;
            padding: 120px 0px
        }

        .about-style1__img {
            position: relative;
            display: block;
            margin-right: 35px;
        }

        .about-style1__img .img-box {
            position: relative;
            display: block;
            overflow: hidden;
            border-radius: 10px;
            margin-right: 60px
        }

        .about-style1__img .img-box::before {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0;
            background: rgb(25, 70, 186);
            background: linear-gradient(180deg, rgba(25, 70, 186, 0) 0%, rgba(25, 70, 186, 0.3) 21%, rgba(25, 70, 186, .6) 80%);
            -webkit-transition: all 0.5s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0.2s;
            transition: all 0.5s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0.2s;
            z-index: 1
        }

        .about-style1__img .img-box:hover::before {
            opacity: 1
        }

        .about-style1__img .img-box img {
            width: 100%;
            transform: scale(1.0);
            transition: all 1500ms ease
        }

        .about-style1__img .img-box:hover img {
            transform: scale(1.07) rotate(0deg)
        }

        .about-style1__img-award {
            position: absolute;
            right: 0;
            bottom: -110px;
            max-width: 300px;
            z-index: 5
        }

        .about-style1__img-award-top {
            position: relative;
            display: block;
            background-color: #fff;
            box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            padding: 46px 30px 22px
        }

        .about-style1__img-award-top .top {
            position: relative;
            display: block;
            width: 100%;
            height: 157px
        }

        .about-style1__img-award-top .shapes {
            position: absolute;
            top: -25px;
            left: 0;
            right: 0;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .about-style1__img-award-top .shapes img {
            margin: 0 auto
        }

        .about-style1__img-award .text {
            position: relative;
            display: block;
            z-index: 5
        }

        .about-style1__img-award .text h5 {
            font-size: 13px;
            line-height: 18px;
            font-weight: 600;
            text-transform: uppercase
        }

        .about-style1__img-award .text h6 {
            color: #6b7e8b;
            font-size: 14px;
            line-height: 26px;
            font-weight: 600
        }

        .about-style1__img-award .title {
            position: relative;
            display: block;
            margin-top: -7px
        }

        .about-style1__img-award .title h3 {
            font-size: 16px;
            line-height: normal;
            font-weight: 600;
            margin-bottom: 5px
        }

        .about-style1__img-award .title p {
            margin: 0
        }

        .about-style1__img-award-bottom {
            position: relative;
            display: block;
            background-color: var(--dark-color);
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            padding: 18px 50px 17px
        }

        .about-style1__img-award-bottom h3 {
            color: #fff;
            font-size: 16px;
            line-height: 32px;
            font-weight: 600
        }

        .about-style1-round-text {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 200px;
            height: 200px;
            border-radius: 50%;
            background-color: #fff;
            border: 30px solid var(--theme-color);
            margin-left: 0px;
            z-index: 11
        }

        .about-style1-round-text__dot1 {
            position: absolute;
            top: 67px;
            left: -17px;
            width: 4px;
            height: 4px;
            background-color: #051509;
            border-radius: 50%
        }

        .about-style1-round-text__dot2 {
            position: absolute;
            top: 67px;
            right: -17px;
            width: 4px;
            height: 4px;
            background-color: #051509;
            border-radius: 50%
        }

        .about-style1-round-text__top {
            position: absolute;
            top: -30px;
            left: -30px;
            bottom: 0;
            right: 0;
            width: 200px;
            height: 200px !important;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            line-height: 30px;
            text-transform: uppercase;
            word-spacing: 2px;
            letter-spacing: -0.09em;
            transform: rotate(0deg)
        }

        .about-style1-round-text__bottom {
            position: absolute;
            top: -30px;
            left: -30px;
            bottom: 0;
            right: 0;
            width: 200px;
            height: 200px !important;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            line-height: 30px;
            text-transform: uppercase;
            word-spacing: 2px;
            letter-spacing: 0.08em;
            transform: rotate(0deg);
            display: flex;
            align-items: flex-end;
            justify-content: center
        }

        .about-style1-round-text .overlay-text {
            position: absolute;
            top: 10px;
            left: 10px;
            bottom: 10px;
            right: 10px;
            background-color: #2c4f9d;
            display: flex;
            align-items: center;
            text-align: center;
            border-radius: 50%;
            color: #051509;
            font-size: 80px;
            font-weight: 700;
            padding: 10px
        }

        .about-style1-round-text .overlay-text .inner {
            margin-top: -14px
        }

        .about-style1-round-text .overlay-text span {
            position: absolute;
            bottom: 0px;
            right: 15px;
            color: transparent;
            -webkit-text-stroke: 2px #051509
        }

        .about-style1__content {
            position: relative;
            display: block
        }

        .about-style1__content .sec-title {
            padding-bottom: 33px
        }

        .about-style1__content .text {
            position: relative;
            display: block
        }

        .about-style1__content .text p {
            margin: 0
        }

        .about-style1__content .title-box {
            position: relative;
            display: block;
            padding-top: 21px
        }

        .about-style1__content .title-box h3 {
            font-size: 24px;
            line-height: 30px;
            font-weight: 600;
            margin-bottom: 9px
        }

        .about-style1__content .title-box h6 {
            font-size: 14px;
            line-height: 20px;
            font-weight: 600;
            text-transform: uppercase
        }

        .about-style1__content .text-box {
            position: relative;
            display: flex;
            padding-top: 25px
        }

        .about-style1__content .text-box .icon {
            position: relative;
            display: flex;
            align-items: flex-end;
            width: 100px;
            height: 100px;
            background-color: transparent;
            border-top: 1px solid #e1e7e3;
            border-right: 1px solid #e1e7e3;
            border-top-right-radius: 10px
        }

        .about-style1__content .text-box .icon .inner {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 70px;
            height: 70px;
            background-color: #f1f7f3;
            border-radius: 10px;
            font-size: 40px
        }

        .about-style1__content .text-box .icon .icon-target .path1:before {
            color: var(--theme-color)
        }

        .about-style1__content .text-box .icon .icon-target .path2:before {
            color: var(--theme-color)
        }

        .about-style1__content .text-box .icon .icon-target .path3:before {
            color: var(--theme-color)
        }

        .about-style1__content .text-box .icon .icon-target .path4:before {
            color: #051509
        }

        .about-style1__content .text-box .icon .icon-target .path5:before {
            color: #051509
        }

        .about-style1__content .text-box .icon .icon-target .path6:before {
            color: #051509
        }

        .about-style1__content .text-box .icon .icon-target .path7:before {
            color: #051509
        }

        .about-style1__content .text-box .icon .icon-target .path8:before {
            color: #051509
        }

        .about-style1__content .text-box .icon .icon-target .path9:before {
            color: #051509
        }

        .about-style1__content .text-box .text1 {
            position: relative;
            display: block;
            padding-left: 30px;
            padding-top: 22px;
            flex: 1;
            border-top: 1px solid #e1e7e3;
            border-top-left-radius: 10px
        }

        .about-style1__content .text-box .text1 p {
            margin: 0
        }

        .about-style1__content .btn-box {
            position: relative;
            display: block;
            padding-top: 24px
        }

        .about-style1__content .btn-box a {
            position: relative;
            display: inline-flex;
            align-items: center;
            color: #051509;
            font-size: 18px;
            line-height: 18px;
            font-weight: 600;
            transition: all 200ms linear;
            transition-delay: 0.1s
        }

        .about-style1__content .btn-box a:hover {
            color: var(--theme-color)
        }

        .about-style1__content .btn-box a i {
            position: relative;
            top: 1px;
            font-size: 10px;
            margin-left: 10px
        }

        .img-bk {
            position: absolute;
            bottom: 20px
        }

        .img-bk.left-0 {
            left: 0
        }

        .sec-title {
            position: relative;
            display: block;
            margin-top: 0px;
            padding-bottom: 53px
        }

        .sec-title .sub-title {
            position: relative;
            display: inline-block;
            margin-bottom: 20px
        }

        .sec-title .sub-title h4 {
            color: #fff;
            font-size: 14px;
            line-height: 35px;
            font-weight: 600;
            text-transform: uppercase;
            border-radius: 18px;
            background-color: var(--theme-color);
            padding: 0px 20px 0px;
            z-index: 1
        }

        .sec-title h2 {
            color: #051509;
            font-size: 48px;
            line-height: 1.2em;
            font-weight: 600;
            text-transform: capitalize
        }

        .btn-box {
            position: relative;
            display: block
        }

        /*! CSS Used from:https://mehedi.asiandevelopers.com/2025/tradebro/assets/css/responsive.css */
        @media only screen and (min-width:992px) and (max-width:1199px) {
            .about-style1__img {
                margin-right: 0;
                padding-bottom: 360px
            }

            .about-style1__img .img-box {
                margin-right: 0
            }

            .about-style1-round-text {
                position: absolute;
                left: -42px;
                bottom: 270px
            }
        }

        @media only screen and (min-width:768px) and (max-width:991px) {
            .about-style1__img {
                margin-right: 0;
                max-width: 535px;
                margin: 0 auto
            }

            .about-style1__img .img-box {
                margin-right: 70px
            }

            .about-style1__content {
                max-width: 570px;
                margin: 70px auto 0px
            }
        }

        @media only screen and (max-width:767px) {
            .sec-title {
                padding-bottom: 49px
            }

            .sec-title h2 {
                font-size: 32px;
                line-height: 1.3em
            }

            .sec-title h2 br {
                display: none
            }

            .about-style1 {
                margin: 0px 0px 0px
            }

            .about-style1__img {
                margin-right: 0px;
                padding-bottom: 0px
            }

            .about-style1__img .img-box {
                margin-right: 0px
            }

            .about-style1__img-award {
                position: relative;
                margin: 30px auto 0px
            }

            .about-style1-round-text {
                position: relative;
                margin: 30px auto 0px
            }

            .about-style1__content {
                margin-top: 60px
            }

            .about-style1__content .text-box {
                display: block;
                border-top: 1px solid #e1e7e3;
                margin-top: 25px
            }

            .about-style1__content .text-box .icon {
                display: block;
                width: 70px;
                height: 70px;
                border-top: none;
                border-right: none
            }

            .about-style1__content .text-box .text1 {
                padding-left: 0;
                border-top: none
            }
        }

        .btn-default {
            position: relative;
            display: inline-block;
            background: var(--dark-color);
            border-radius: 6px;
            font-size: 16px;
            font-weight: 700;
            line-height: 1em;
            text-transform: capitalize;
            color: #fff;
            padding: 17px 58px 17px 24px;
            border: none;
            overflow: hidden;
            outline: none;
            transition: all 0.4s ease-in-out;
            z-index: 0
        }

        .btn-default::before {
            content: '';
            position: absolute;
            top: 50%;
            right: 24px;
            width: 18px;
            height: 18px;
            background-image: url('../images/system/arrow-white.svg');
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            transform: translate(0, -50%);
            transition: all 0.4s ease-in-out;
            z-index: 1
        }

        .btn-default:hover:before {
            transform: translate(2px, -50%)
        }

        .btn-default::after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: auto;
            right: 0;
            bottom: 0;
            width: 0;
            height: 100%;
            background: var(--theme-color);
            border-radius: 0;
            transition: 0.4s ease-in-out;
            z-index: -1
        }

        .btn-default:hover::after {
            width: 100%;
            left: 0;
            right: auto
        }

        .btn-default.btn-highlighted:hover {
            color: var(--theme-color)
        }

        .btn-default.btn-highlighted:hover:before {
            background-image: url('../images/system/arrow-primary.svg')
        }

        .btn-default.btn-highlighted::after {
            background-color: #fff
        }

        .section-row {
            margin-bottom: 80px
        }

        .section-row .section-title {
            margin-bottom: 0
        }

        .section-row .section-title.section-title-center {
            width: 100%;
            max-width: 800px;
            margin: 0 auto;
            text-align: center
        }

        .section-title {
            margin-bottom: 40px
        }

        .section-title h3 {
            position: relative;
            display: inline-block;
            border: 1px solid #104B5A1A;
            border-radius: 100px;
            font-size: 14px;
            font-weight: 700;
            line-height: 1em;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: var(--text-color);
            padding: 7px 14px 7px 32px;
            margin-bottom: 10px
        }

        .section-title h3::before {
            content: '';
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
            background: var(--dark-color);
            border-radius: 50%;
            width: 8px;
            height: 8px
        }

        .about-us {
            padding: 100px 0
        }

        .about-us .section-row .section-title.section-title-center {
            max-width: 1080px
        }

        .about-us .section-row .section-title.section-title-center h2 .about-us-title-image-1 img,
        .about-us .section-row .section-title.section-title-center h2 .about-us-title-image-2 img {
            width: 100%;
            border-radius: 100px
        }

        .about-us .section-row .section-title.section-title-center h2 .about-us-title-image-1 img {
            max-width: 110px
        }

        .about-us .section-row .section-title.section-title-center h2 .about-us-title-image-2 img {
            max-width: 36px
        }

        .about-us-image-box {
            position: relative;
            height: calc(100% - 30px);
            margin-bottom: 30px
        }

        .about-us-image {
            height: 100%
        }

        .about-us-image figure {
            display: block;
            height: 100%;
            border-radius: 10px
        }

        .about-us-image img {
            width: 100%;
            height: 100%;
            aspect-ratio: 1 / 0.85;
            object-fit: cover;
            border-radius: 10px
        }

        .about-us-image-box .about-counter-box {
            position: absolute;
            display: inline-block;
            max-width: 190px;
            bottom: 40px;
            left: 40px;
            background: #FFFFFF1A;
            backdrop-filter: blur(30px);
            -webkit-backdrop-filter: blur(30px);
            border-radius: 10px;
            padding: 25px;
            z-index: 1
        }

        .about-counter-box h2 {
            font-size: 36px
        }

        .about-counter-box p {
            margin: 10px 0 0
        }

        .about-us-image-box .about-counter-box h2,
        .about-us-image-box .about-counter-box p {
            color: #fff
        }

        .about-us-item {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 30px;
            background: var(--dark-color);
            border-radius: 10px;
            min-height: 500px;
            height: calc(100% - 30px);
            margin-bottom: 30px;
            padding: 50px;
            overflow: hidden
        }

        .about-us-item-content h3 {
            font-size: 20px;
            line-height: 1.4em;
            margin-bottom: 10px
        }

        .about-us-item-content p {
            margin: 0
        }

        .about-us-body {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            align-items: end
        }

        .about-us-body .about-counter-box {
            width: calc(100% - 210px)
        }

        .about-us-body-image {
            margin-right: -60px;
            margin-bottom: -50px
        }

        .about-us-body-image figure {
            display: block
        }

        .about-us-body-image img {
            width: 100%;
            max-width: 250px
        }

        .about-us-item.highlighted-box {
            background: var(--dark-color)
        }

        .about-us-item.highlighted-box .about-us-item-content p,
        .about-us-item.highlighted-box .about-us-item-list ul li {
            color: #fff
        }

        .about-us-item-list ul {
            padding: 0;
            margin: 0;
            list-style: none
        }

        .about-us-item-list ul li {
            position: relative;
            line-height: 1.5em;
            margin-bottom: 20px;
            padding-left: 30px
        }

        .about-us-item-list ul li:last-child {
            margin-bottom: 0
        }

        .about-us-item-list ul li::before {
            content: '\f058';
            position: absolute;
            font-family: 'Font Awesome 6 Free';
            font-size: 18px;
            font-weight: 900;
            color: #fff;
            top: 0;
            left: 0
        }

        .about-us-item-btn {
            border-top: 1px solid #FFFFFF1A;
            margin-top: 40px;
            padding-top: 40px
        }

        .about-us-item-btn .btn-default {
            background: var(--theme-color)
        }

        .section-footer-text {
            margin-top: 30px;
            text-align: center
        }

        .section-footer-text p {
            margin-bottom: 0
        }

        .section-footer-text p a {
            font-weight: 600;
            color: var(--dark-color);
            text-transform: capitalize;
            text-decoration: underline;
            text-underline-offset: 3px;
            transition: all 0.3s ease-in-out
        }

        .section-footer-text p a:hover {
            color: var(--theme-color)
        }

        .section-footer-text ul {
            width: 100%;
            padding: 0;
            margin: 20px 0 0;
            list-style: none
        }

        .section-footer-text ul li {
            display: inline-block;
            font-size: 20px;
            font-weight: 700;
            letter-spacing: -0.02em;
            line-height: normal;
            color: var(--theme-color);
            margin-right: 15px
        }

        .section-footer-text ul li:last-child {
            margin: 0
        }

        .section-footer-text ul li i {
            color: var(--dark-color)
        }

        @media only screen and (max-width:1440px) {
            .container {
                max-width: 1300px
            }

            .about-us-item {
                min-height: 440px;
                padding: 40px 30px
            }

            .about-us-image-box .about-counter-box {
                bottom: 30px;
                left: 30px;
                padding: 20px
            }

            .about-us-body-image {
                margin-right: -40px;
                margin-bottom: -40px
            }
        }

        @media only screen and (max-width:991px) {
            .btn-default {
                padding: 15px 46px 15px 18px
            }

            .btn-default::before {
                width: 18px;
                height: 18px;
                right: 15px
            }

            .section-row {
                margin-bottom: 40px
            }

            .section-title {
                margin-bottom: 30px
            }

            .section-title h2 {
                font-size: 36px
            }

            .about-us {
                padding: 50px 0
            }

            .about-us .section-row .section-title.section-title-center h2 .about-us-title-image-1 img {
                max-width: 90px
            }

            .about-us-body .about-counter-box {
                width: calc(100% - 170px)
            }

            .about-counter-box h2 {
                font-size: 30px
            }

            .about-counter-box p {
                margin-top: 5px
            }

            .about-us-item {
                min-height: initial;
                padding: 20px
            }

            .about-us-body-image {
                margin-bottom: -20px;
                margin-right: -30px
            }

            .about-us-body-image img {
                max-width: 190px
            }

            .about-us-item-list ul li {
                padding-left: 25px;
                margin-bottom: 10px
            }

            .about-us-item-list ul li::before {
                font-size: 16px
            }

            .about-us-item-btn {
                margin-top: 30px;
                padding-top: 30px
            }

            .section-footer-text {
                margin-top: 10px
            }

            .section-footer-text ul {
                margin-top: 10px
            }

            .section-footer-text ul li {
                font-size: 18px;
                margin-right: 5px
            }

            .section-footer-text ul li i {
                font-size: 16px
            }
        }

        @media only screen and (max-width:767px) {
            .section-row {
                margin-bottom: 30px
            }

            .section-title h2 {
                font-size: 24px
            }

            .about-us .section-row .section-title.section-title-center h2 .about-us-title-image-1 img {
                max-width: 70px
            }

            .about-us .section-row .section-title.section-title-center h2 .about-us-title-image-2 img {
                max-width: 28px
            }

            .about-us-image-box .about-counter-box {
                bottom: 20px;
                left: 20px;
                padding: 15px
            }

            .about-counter-box h2 {
                font-size: 24px
            }

            .about-us-item-btn {
                margin-top: 20px;
                padding-top: 20px
            }
        }

        .our-partner {
            padding: 100px 0
        }

        .partner-contact-info-list {
            display: flex;
            flex-wrap: wrap;
            gap: 50px 60px
        }

        .partner-contact-info-item {
            position: relative;
            width: calc(50% - 30px);
            display: flex;
            flex-wrap: wrap
        }

        .partner-contact-info-item::before {
            content: '';
            position: absolute;
            top: 0;
            right: -30px;
            bottom: 0;
            background: #104B5A1A;
            width: 1px;
            height: 100%
        }

        .partner-contact-info-item:last-child:before,
        .partner-contact-info-item:nth-child(2n + 2):before {
            display: none
        }

        .partner-contact-info-item.location-info-item {
            width: 100%;
            border-top: 1px solid #104B5A1A;
            padding-top: 50px
        }

        .partner-contact-info-item .icon-box {
            width: 50px;
            height: 50px;
            background: var(--theme-color);
            border-radius: 100px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 15px
        }

        .partner-contact-info-item .icon-box img {
            width: 100%;
            max-width: 24px
        }

        .partner-contact-info-content {
            width: calc(100% - 65px)
        }

        .partner-contact-info-content p {
            margin: 0 0 5px
        }

        .partner-contact-info-content h3 {
            font-size: 20px
        }

        .partner-contact-info-content h3 a {
            color: inherit;
            transition: all 0.3s ease-in-out
        }

        .partner-contact-info-content h3 a:hover {
            color: var(--theme-color)
        }

        .partner-world-map-box {
            position: relative
        }

        .partner-world-map-image figure {
            display: block;
            border-radius: 10px
        }

        .partner-world-map-image img {
            width: 100%;
            aspect-ratio: 1 / 0.65;
            object-fit: cover;
            border-radius: 10px
        }

        .world-map-cards-box {
            position: absolute;
            top: 50%;
            transform: translateY(-70%);
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px 0
        }

        .world-map-card-item {
            position: relative;
            width: auto;
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            align-content: center;
            transition: all 0.5s ease-in-out
        }

        .world-map-card-item.card-1 {
            top: 50px;
            left: 12%
        }

        .world-map-card-item.card-2 {
            top: 24px;
            left: 15%
        }

        .world-map-card-item.card-3 {
            top: 0;
            left: 6%
        }

        .world-map-card-item.card-4 {
            top: 60px;
            left: 12%
        }

        .world-map-card-item.card-5 {
            top: 20px;
            left: 12%
        }

        .world-map-card-item.card-6 {
            top: 73px;
            left: 10px
        }

        .world-map-card-item.card-7 {
            top: 58px;
            left: 4%
        }

        .world-map-card-btn {
            border: none;
            background: transparent;
            padding: 0;
            margin: 0 auto 30px
        }

        .world-map-card-btn img {
            width: 100%;
            max-width: 25px
        }

        .world-map-card-body {
            position: relative;
            width: 190px;
            background: #fff;
            border-radius: 10px;
            filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.05));
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 10px;
            padding: 10px;
            opacity: 0;
            margin: 0 auto;
            transform: scale(0);
            transform-origin: top;
            transition: all 0.5s ease-in-out;
            z-index: 1
        }

        .world-map-card-item.active .world-map-card-body {
            transform: scale(1);
            opacity: 1
        }

        .world-map-card-body::before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translate(-50%, -75%);
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-bottom: 24px solid #fff;
            width: 0;
            height: 0
        }

        .world-map-card-image figure {
            display: block;
            border-radius: 5px
        }

        .world-map-card-image img {
            width: 100%;
            max-width: 60px;
            border-radius: 5px
        }

        .world-map-card-content {
            position: relative;
            width: calc(100% - 70px);
            z-index: 1
        }

        .world-map-card-content h3 {
            font-size: 14px
        }

        .world-map-card-content p {
            font-size: 12px;
            margin: 5px 0 0
        }

        .world-map-counter-box {
            display: flex;
            flex-wrap: wrap;
            gap: 30px 60px;
            border-top: 1px solid #104B5A1A;
            margin-top: 80px;
            padding-top: 80px
        }

        .world-map-counter-item {
            position: relative;
            width: calc(20% - 48px);
            display: flex;
            flex-wrap: wrap;
            align-items: baseline;
            gap: 20px
        }

        .world-map-counter-item::before {
            content: '';
            position: absolute;
            display: block;
            top: 0;
            right: -30px;
            bottom: 0;
            background: #104B5A1A;
            width: 1px;
            height: 100%
        }

        .world-map-counter-item:last-child::before,
        .world-map-counter-item:nth-child(5n + 5)::before {
            display: none
        }

        .world-map-counter-item .icon-box img {
            width: 100%;
            max-width: 40px
        }

        .world-map-counter-content {
            width: calc(100% - 60px)
        }

        .world-map-counter-content h2 {
            font-size: 40px
        }

        .world-map-counter-content p {
            margin: 5px 0 0
        }

        @media only screen and (max-width:1440px) {
            .container {
                max-width: 1300px
            }

            .partner-contact-info-list {
                gap: 40px 60px
            }

            .partner-contact-info-item.location-info-item {
                padding-top: 40px
            }

            .world-map-card-body {
                width: 180px
            }

            .world-map-card-image img {
                max-width: 50px
            }

            .world-map-card-content {
                width: calc(100% - 60px)
            }

            .world-map-counter-box {
                gap: 30px
            }

            .world-map-counter-item {
                width: calc(20% - 24px)
            }

            .world-map-counter-item::before {
                right: -15px
            }
        }

        @media only screen and (max-width:1024px) {
            .world-map-cards-box {
                display: none
            }

            .our-partner-content {
                margin-bottom: 30px
            }

            .partner-contact-info-list {
                gap: 30px 60px
            }

            .partner-contact-info-item.location-info-item {
                padding-top: 30px
            }

            .world-map-counter-box {
                margin-top: 40px;
                padding-top: 40px
            }

            .world-map-counter-item {
                gap: 15px;
                flex-direction: column;
                align-items: center;
                text-align: center
            }

            .world-map-counter-content {
                width: 100%
            }
        }

        @media only screen and (max-width:991px) {
            .section-title {
                margin-bottom: 30px
            }

            .section-title p {
                margin-top: 10px
            }

            .our-partner {
                padding: 50px 0
            }

            .world-map-counter-content h2 {
                font-size: 34px
            }
        }

        @media only screen and (max-width:767px) {
            .partner-contact-info-item {
                width: 100%
            }

            .partner-contact-info-item::before {
                display: none
            }

            .partner-contact-info-item.location-info-item {
                padding: 0;
                border-top: none
            }

            .partner-contact-info-content h3 {
                font-size: 18px
            }

            .world-map-cards-box {
                position: initial;
                transform: initial;
                gap: 15px;
                margin-top: 30px
            }

            .world-map-card-item {
                flex-direction: initial;
                width: 100%
            }

            .world-map-card-item:nth-child(even) {
                justify-content: right
            }

            .world-map-card-item.card-2,
            .world-map-card-item.card-4 {
                top: initial
            }

            .world-map-card-body {
                transform: scale(1);
                opacity: 1;
                margin: 0
            }

            .world-map-card-body::before {
                display: none
            }

            .world-map-card-btn {
                margin: 0 15px 0 0
            }

            .world-map-card-btn img {
                max-width: 30px
            }

            .world-map-counter-box {
                margin-top: 30px;
                padding-top: 30px;
                gap: 20px
            }

            .world-map-counter-item {
                width: calc(50% - 10px)
            }

            .world-map-counter-item::before {
                right: -10px
            }

            .world-map-counter-item:nth-child(5n + 5)::before {
                display: block
            }

            .world-map-counter-item:nth-child(2n + 2)::before,
            .world-map-counter-item:last-child::before {
                display: none
            }

            .world-map-counter-content h2 {
                font-size: 28px
            }

            .world-map-counter-content p {
                font-size: 14px
            }
        }

        .hero-info-box {
            position: relative;
            z-index: 2
        }

        .hero-info-list {
            display: flex;
            flex-wrap: wrap;
            gap: 30px
        }

        .hero-info-item {
            position: relative;
            width: calc(33.33% - 20px);
            border-radius: 10px;
            overflow: hidden
        }

        .hero-info-item.box-3 {
            background: var(--dark-color);
            padding: 40px
        }

        .hero-info-item.box-3:hover {
            background: #fff
        }

        .hero-info-header {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            gap: 10px;
            margin-bottom: 0px
        }

        .hero-info-header .icon-box {
            position: relative;
            background: var(--theme-color);
            border-radius: 5px;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden
        }

        .hero-info-header .icon-box::before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            background: #fff;
            width: 100%;
            height: 100%;
            transform: rotate(180deg) scale(0);
            transition: all 0.4s ease-in-out;
            z-index: 0
        }

        .hero-info-item.box-3:hover .hero-info-header .icon-box::before {
            background: var(--dark-color)
        }

        .hero-info-item.box-3:hover .hero-info-header .icon-box img {
            filter: none
        }

        .hero-info-item:hover .hero-info-header .icon-box::before {
            transform: rotate(0) scale(1)
        }

        .hero-info-header .icon-box img {
            position: relative;
            width: 100%;
            max-width: 40px;
            z-index: 1
        }

        .hero-info-item.box-3:hover img {
            filter: invert(1)
        }

        .satisfy-client-images {
            display: flex;
            align-items: center
        }

        .satisfy-client-image {
            position: relative;
            display: inline-block;
            margin-left: -14px;
            border: 1px solid var(--theme-color);
            border-radius: 50%;
            overflow: hidden;
            z-index: 1
        }

        .satisfy-client-image:first-child {
            margin: 0
        }

        .satisfy-client-image figure {
            display: block
        }

        .satisfy-client-image figure img {
            width: 100%;
            max-width: 48px;
            border-radius: 50%
        }

        .hero-info-counter-box h3 {
            font-size: 18px;
            color: #fff;
            line-height: 1.2em;
            margin-bottom: 10px
        }

        .hero-info-counter-box h2 {
            font-size: 45px;
            color: #fff
        }

        .hero-info-item.box-3:hover .hero-info-counter-box h3 {
            color: var(--dark-color)
        }

        .hero-info-item.box-3:hover .hero-info-counter-box h2 {
            color: var(--dark-color)
        }

        .hero-info-bg-icon {
            position: absolute;
            bottom: -15px;
            right: -15px
        }

        .hero-info-bg-icon img {
            width: 100%;
            max-width: 100px
        }

        @media only screen and (max-width:1440px) {
            .hero-info-item.box-3 {
                padding: 30px
            }
        }

        @media only screen and (max-width:1024px) {
            .hero-info-item {
                width: calc(50% - 15px)
            }
        }

        @media only screen and (max-width:991px) {
            .hero-info-box {
                margin-top: -100px
            }

            .hero-info-item.box-3 {
                padding: 20px
            }

            .hero-info-header .icon-box {
                width: 50px;
                height: 50px
            }

            .hero-info-header .icon-box img {
                max-width: 24px
            }

            .hero-info-counter-box h2 {
                font-size: 40px
            }

            .hero-info-bg-icon img {
                max-width: 80px
            }
        }

        @media only screen and (max-width:767px) {
            .hero-info-list {
                gap: 20px
            }

            .hero-info-item {
                width: 100%
            }

            .hero-info-header {
                margin-bottom: 30px
            }

            .hero-info-counter-box h3 {
                font-size: 18px
            }

            .hero-info-counter-box h2 {
                font-size: 28px
            }

            .hero-info-bg-icon {
                bottom: -10px;
                right: -10px
            }

            .hero-info-bg-icon img {
                max-width: 60px
            }
        }

        @media only screen and (max-width:991px) {
            .satisfy-client-image figure img {
                max-width: 40px
            }
        }

        .footer-section {
            position: relative
        }

        .footer-section .shape-1 {
            position: absolute;
            bottom: 0;
            left: -5%
        }

        .footer-section .shape-2 {
            position: absolute;
            bottom: 0;
            right: -3%
        }

        .footer-section .footer-shape-4 {
            position: absolute;
            top: 0;
            left: -5%
        }

        .btn-one-rounded {
            font-size: 16px;
            line-height: 16px;
            font-weight: 500;
            display: inline-block;
            background-color: var(--dark-color);
            color: #20252d;
            text-align: center;
            min-width: 208px;
            max-width: 100%;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            border-radius: 30px;
            padding: 20px;
            position: relative;
            z-index: 1;
            overflow: hidden;
            text-transform: capitalize
        }

        .btn-one-rounded i {
            margin-left: 5px;
            -webkit-transition: all 500ms ease;
            transition: all 500ms ease
        }

        .btn-one-rounded::after {
            position: absolute;
            left: -25%;
            top: 100%;
            width: 150%;
            padding-top: 150%;
            content: "";
            z-index: -1;
            background-color: var(--theme-color);
            opacity: 0.1;
            border-radius: 50%;
            -webkit-transition: ease-in 500ms;
            transition: ease-in 500ms
        }

        .btn-one-rounded:hover {
            color: var(--theme)
        }

        .btn-one-rounded:hover i {
            -webkit-transform: translateX(5px);
            transform: translateX(5px)
        }

        .btn-one-rounded:hover::after {
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        @media (max-width:767.98px) {
            .btn-one-rounded {
                min-width: 150px;
                padding: 14px 25px
            }
        }

        .logo {
            width: 181px
        }

        .logo a {
            display: block
        }

        .logo a img {
            width: 100%
        }

        .mobile-nav-toggler {
            position: relative;
            font-size: 28px;
            line-height: 20px;
            cursor: pointer;
            color: #20252d;
            display: none;
            top: 0;
            margin-left: 30px;
            -webkit-box-ordinal-group: 9;
            -ms-flex-order: 8;
            order: 8
        }

        @media (max-width:991.98px) {
            .mobile-nav-toggler {
                display: block
            }
        }

        @media (max-width:767.98px) {
            .mobile-nav-toggler {
                margin-left: 20px
            }
        }

        .main-footer {
            position: relative;
            background-color: var(--theme)
        }

        .main-footer .widgets-section {
            padding: 60px 0 100px
        }

        @media (max-width:991.98px) {
            .main-footer .widgets-section {
                padding-bottom: 30px
            }
        }

        @media (max-width:991.98px) {
            .main-footer .footer-column {
                margin-bottom: 30px
            }
        }

        .main-footer .widget-title {
            position: relative;
            color: var(--bs-white);
            margin-bottom: 20px;
            background: transparent;
            border: none
        }

        .main-footer .widget-content {
            border: none
        }

        .main-footer .user-links {
            margin: 0;
            padding: 0
        }

        .user-links {
            position: relative
        }

        .user-links li {
            position: relative;
            line-height: 32px;
            font-weight: 400;
            margin-bottom: 8px
        }

        .user-links li:last-child {
            margin-bottom: 0
        }

        .user-links li a {
            position: relative;
            display: inline-block;
            color: inherit;
            font-size: 16px;
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
            color: var(--bs-white);
            font-weight: 400
        }

        .user-links li a:before {
            position: absolute;
            left: 0;
            bottom: 3px;
            width: 0;
            height: 1px;
            background-color: var(--bg-theme-color1);
            content: "";
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease
        }

        .user-links li a:hover:before {
            width: 100%
        }

        .footer-bottom {
            position: relative;
            z-index: 1;
            background-color: #20252d;
            border-top: 1px solid rgba(var(--bs-white-rgb), 0.1);
            padding: 30px 0;
            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;
            gap: 10px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .footer-bottom .copyright-text {
            position: relative;
            margin-bottom: 0;
            color: rgba(var(--bs-white-rgb), 0.45);
            font-size: 16px
        }

        .footer-bottom .copyright-text a {
            color: var(--bs-white)
        }

        .footer-bottom .copyright-text a:hover {
            color: var(--bs-white)
        }

        @media (max-width:767.98px) {
            .footer-bottom {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                gap: 5px;
                padding: 15px 0;
                padding-top: 30px
            }

            .footer-bottom .copyright-text {
                font-size: 14px
            }
        }

        .footer-style-one {
            background-color: #20252d;
            overflow: hidden
        }

        .footer-style-one .outer-box {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .footer-style-one .widgets-section {
            padding: 70px
        }

        @media (max-width:575.98px) {
            .footer-style-one .widgets-section {
                padding: 30px 12px
            }

            .footer-style-one .widgets-section .footer-column {
                margin-bottom: 10px
            }
        }

        .footer-style-one .footer-top {
            border-bottom: 1px solid #324d4e;
            padding: 70px 40px 40px 70px
        }

        .footer-style-one .footer-top .info-item ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 15px
        }

        .footer-style-one .footer-top .info-item ul li i {
            display: inline-block;
            max-width: 55px;
            min-width: 55px;
            width: 100%;
            height: 55px;
            line-height: 55px;
            color: var(--bs-white);
            border-radius: 50%;
            text-align: center;
            background-color: rgba(var(--bs-white-rgb), 0.11);
            font-size: 24px
        }

        .footer-style-one .footer-top .info-item ul li span {
            color: var(--bs-white)
        }

        .footer-style-one .footer-top .info-item ul li .title {
            margin-bottom: 0;
            color: var(--bs-white);
            font-size: 20px;
            line-height: 26px
        }

        .footer-style-one .footer-top .info-item ul li .title a {
            color: var(--bs-white)
        }

        .footer-style-one .footer-top .info-item:hover i {
            -webkit-animation: ring-animation 2s ease-in-out infinite;
            animation: ring-animation 2s ease-in-out infinite
        }

        @media (max-width:575.98px) {
            .footer-style-one .footer-top {
                padding: 30px 12px
            }
        }

        .footer-style-one .footer-left {
            width: 110px;
            position: relative;
            z-index: 1;
            border-right: 2px solid rgba(169, 167, 167, 0.188)
        }

        .footer-style-one .footer-left .logo {
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            position: absolute;
            top: 120px;
            left: -40px
        }

        .footer-style-one ul {
            padding-left: 0
        }

        .footer-style-one .footer-left .back-top-btn {
            background-color: transparent;
            position: absolute;
            top: 55%;
            left: 40px
        }

        .footer-style-one .footer-left .back-top-btn.mobile-nav-toggler {
            display: inline-block;
            margin: 0
        }

        @media (max-width:575.98px) {
            .footer-style-one .footer-left {
                display: none
            }
        }

        .footer-style-one .footer-bottom {
            border-top: 2px solid #324d4e;
            padding-left: 70px
        }

        .footer-style-one .footer-bottom .copyright-text a {
            color: #d5ad4b
        }

        @media (max-width:575.98px) {
            .footer-style-one .footer-bottom {
                padding-left: 0;
                text-align: center
            }
        }

        .footer-style-one .right-column {
            background-color: var(--dark-color);
            padding: 30px;
            position: relative;
            z-index: 1
        }

        .footer-style-one .right-column .inner-column {
            max-width: 350px;
            margin: 0 auto;
            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;
            gap: 40px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 100%
        }

        .footer-style-one .right-column .inner-column .title {
            font-size: 28px;
            color: #fff;
            margin-bottom: 0
        }

        .footer-style-one .right-column .inner-column .circle-btn {
            display: inline-block;
            width: 244px;
            height: 244px;
            line-height: 244px;
            text-align: center;
            font-size: 18px;
            font-weight: 700;
            color: var(--bs-white);
            background-color: #20252d;
            border-radius: 50%;
            position: relative;
            z-index: 1;
            overflow: hidden
        }

        .footer-style-one .right-column .inner-column .circle-btn i {
            margin-left: 5px;
            display: inline-block;
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease
        }

        .footer-style-one .right-column .inner-column .circle-btn:hover {
            color: #20252d
        }

        .footer-style-one .right-column .inner-column .circle-btn::after {
            position: absolute;
            bottom: 10px;
            right: 10px;
            width: 55px;
            height: 55px;
            border-radius: 50%;
            background-color: #fff;
            border-radius: 50%;
            content: "";
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
            z-index: -1
        }

        .footer-style-one .right-column .inner-column .circle-btn:hover::after {
            width: 130%;
            height: 130%;
            bottom: -50px;
            right: -50px
        }

        .footer-style-one .right-column .inner-column .circle-btn:hover i {
            -webkit-transform: rotate(405deg);
            transform: rotate(405deg)
        }

        .footer-style-one .right-column .inner-column .time {
            color: #101249;
            text-transform: uppercase;
            margin-bottom: 0
        }

        .footer-style-one .right-column .inner-column .date {
            font-weight: 400;
            line-height: 18px;
            color: #101249;
            margin-bottom: 0;
            text-transform: capitalize
        }

        .footer-style-one .right-column .shape {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1
        }

        .footer-style-one .right-column .shape img {
            width: 100%
        }

        .footer-style-one .footer-widget .input-feild input {
            border-radius: 38px;
            padding: 10px 25px;
            width: 100%
        }

        .footer-style-one .footer-widget .input-feild .btn-one-rounded {
            min-width: 100%;
            color: var(--theme-color);
            margin-top: 20px
        }

        .footer-style-one .footer-widget .footer-nav {
            gap: 15px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-top: 20px
        }

        .footer-style-one .footer-widget .footer-nav li a {
            display: inline-block;
            width: 34px;
            height: 34px;
            line-height: 36px;
            border-radius: 50%;
            text-align: center;
            background-color: rgba(var(--bs-white-rgb), 0.1);
            color: var(--bs-white);
            font-size: 15px
        }

        .footer-style-one .footer-widget .footer-nav li a:hover {
            background-color: #20252d;
            color: var(--dark-color)
        }

        @-webkit-keyframes ring-animation {
            from {
                -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg)
            }

            20%,
            32%,
            44%,
            56%,
            68% {
                -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg)
            }

            23%,
            35%,
            47%,
            59%,
            71% {
                -webkit-transform: rotate3d(0, 0, 1, 15deg);
                transform: rotate3d(0, 0, 1, 15deg)
            }

            26%,
            38%,
            50%,
            62%,
            74% {
                -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg)
            }

            29%,
            41%,
            53%,
            65%,
            77% {
                -webkit-transform: rotate3d(0, 0, 1, -15deg);
                transform: rotate3d(0, 0, 1, -15deg)
            }

            80% {
                -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg)
            }
        }

        @keyframes ring-animation {
            from {
                -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg)
            }

            20%,
            32%,
            44%,
            56%,
            68% {
                -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg)
            }

            23%,
            35%,
            47%,
            59%,
            71% {
                -webkit-transform: rotate3d(0, 0, 1, 15deg);
                transform: rotate3d(0, 0, 1, 15deg)
            }

            26%,
            38%,
            50%,
            62%,
            74% {
                -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg)
            }

            29%,
            41%,
            53%,
            65%,
            77% {
                -webkit-transform: rotate3d(0, 0, 1, -15deg);
                transform: rotate3d(0, 0, 1, -15deg)
            }

            80% {
                -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg)
            }
        }

        .max-height-670 {
            max-height: 670px;
            overscroll-behavior: contain;
            position: sticky;
            overflow: auto
        }

        .tp-skill-item {
            background: #f8f8f8;
            border-radius: 24px;
            padding: 50px 20px
        }

        .tp-skill-item.locations {
            min-height: 220px
        }

        @media only screen and (min-width:1200px) and (max-width:1399px) {
            .tp-skill-item {
                padding: 30px 20px
            }
        }

        .tp-skill-text {
            font-weight: 600;
            font-size: 16px;
            letter-spacing: -0.04em
        }

        @media only screen and (min-width:1200px) and (max-width:1399px) {
            .tp-skill-text {
                font-size: 24px
            }
        }

        .odometer {
            margin-top: -7px
        }

        html[dir="rtl"] .navbar-nav {
            direction: rtl
        }

        html[dir="rtl"] .navbar-nav>li {
            float: right;
            /* SOLDAN SAĞA DEĞİL */
            text-align: right
        }

        html[dir="rtl"] .navbar-nav>li>ul {
            left: auto !important;
            right: 0 !important;
            /* ALT MENÜ SAĞA YASLANIR */
            text-align: right
        }

        html[dir="rtl"] .navbar-nav ul li a {
            text-align: right;
            padding-right: 32px;
            padding-left: 42px
        }

        .langs a {
            color: #fff
        }

        .scrollHeader .langs a {
            color: #20252d
        }

        /*! CSS Used from:https://html.awaikenthemes.com/skyvilla/css/bootstrap.min.css;media=screen */
        .why-choose-video-box-metal .video-play-button-metal {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            z-index: 1
        }

        .video-play-button-metal a {
            position: relative;
            height: 70px;
            width: 70px;
            background: var(--theme-color);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease-in-out
        }

        .video-play-button-metal:hover a {
            background: var(--dark-color)
        }

        .video-play-button-metal a.bg-effect:before,
        .video-play-button-metal a.bg-effect:after {
            content: '';
            position: absolute;
            top: -36%;
            left: -36%;
            width: 100%;
            height: 100%;
            border: 60px solid var(--dark-color);
            opacity: 50%;
            border-radius: 50%;
            transform: scale(0.6);
            z-index: -1;
            animation: border-zooming 1.2s infinite linear
        }

        .video-play-button-metal a.bg-effect:after {
            animation-delay: .3s
        }

        .video-play-button-metal a i {
            font-size: 24px;
            color: #fff;
            margin-left: 2px;
            transition: all 0.3s ease-in-out
        }

        .video-play-button-metal:hover a i {
            color: var(--white-color)
        }

        @media only screen and (max-width:991px) {
            .video-play-button-metal a {
                width: 60px;
                height: 60px
            }

            .video-play-button-metal a i {
                font-size: 20px
            }

            .video-play-button-metal a.bg-effect:before,
            .video-play-button-metal a.bg-effect:after {
                border-width: 50px;
                top: -33%;
                left: -33%
            }
        }

        @keyframes border-zooming {
            100% {
                transform: scale(1);
                opacity: 0
            }
        }

        .mk-bg {
            background: #ffffff1c;
            padding: 10px;
            border-radius: 10px
        }

        .text-theme {
            color: var(--theme-color)
        }

        .ethic__boxes {
            align-items: flex-start;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 40px;
            max-width: 100%;
            width: 100%
        }

        .ethic__box {
            align-items: center;
            border: 1px solid #e8ecf0;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            margin: 7.5px;
            min-height: 220px;
            padding: 20px 50px;
            position: relative;
            text-align: center;
            transition: .5s;
            width: calc(50% - 15px)
        }

        .ethic__box .image {
            margin-bottom: 10px;
            width: 40px
        }

        .ethic__box h4 {
            color: #181818;
            font-size: 14px;
            font-size: .875rem;
            line-height: 22.4px;
            line-height: 1.4rem
        }

        .ethic__box p,
        .ethic__box p a {
            color: #4c4f52;
            font-size: 12px;
            font-size: .75rem;
            line-height: 19.2px;
            line-height: 1.2rem
        }

        .ethic__box p a {
            cursor: pointer;
            text-decoration: underline
        }

        .ethic__box:hover {
            background: linear-gradient(279deg, var(--dark-color), var(--theme-color))
        }

        .ethic__box:hover h4,
        .ethic__box:hover p,
        .ethic__box:hover p a {
            color: #fff
        }

        .ethic__box:hover .image {
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1)
        }

        @media only screen and (max-width:909px) {
            .ethic__box {
                width: calc(50% - 15px)
            }
        }

        @media only screen and (max-width:768px) {
            .slider-fade .item {
                height: 70vh
            }

            .scrolldown-indicator {
                display: none
            }

            .ethic__boxes {
                flex-direction: column
            }

            .ethic__boxes {
                margin: 40px 0 0
            }

            .ethic__box {
                width: calc(100% - 15px)
            }
        }

        @media only screen and (min-width:1199px) {
            .langs {
                position: absolute;
                right: 0px
            }
        }

        .scrolldown-indicator {
            position: absolute;
            bottom: 4.5rem;
            left: 50%;
            z-index: 9;
            color: #fff;
            transform: translateX(-50%);
            transition: opacity .2s ease;
            font-size: 1.2rem;
            line-height: 2.5rem;
            letter-spacing: .1em;
            text-align: center
        }

        .scroll-down {
            width: 42px;
            height: 67px;
            border-radius: 26px;
            border: 2px solid #fff;
            left: calc(50% - 21px);
            position: absolute;
            z-index: 4;
            cursor: pointer;
            top: 40px
        }

        .scroll-down span {
            position: absolute;
            top: 10px;
            left: 50%;
            width: 4px;
            height: 12px;
            margin-left: -2px;
            background-color: #fff;
            -webkit-animation: sdb10 2s infinite;
            animation: sdb10 2s infinite;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: 1px
        }

        @media screen and (max-width:575px) {
            .scroll-down {
                display: none
            }
        }

        @-webkit-keyframes sdb10 {
            0% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
                opacity: 0
            }

            40% {
                opacity: 1
            }

            80% {
                -webkit-transform: translate(0, 20px);
                transform: translate(0, 20px);
                opacity: 0
            }

            100% {
                opacity: 0
            }
        }

        @keyframes sdb10 {
            0% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
                opacity: 0
            }

            40% {
                opacity: 1
            }

            80% {
                -webkit-transform: translate(0, 20px);
                transform: translate(0, 20px);
                opacity: 0
            }

            100% {
                opacity: 0
            }
        }

        @media screen and (max-width:1024px) {
            .m-none {
                display: none
            }

            .about-style1__img-award {
                max-width: 100%;
                bottom: 0
            }
        }