@import "https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap";
    @import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Rajdhani:wght@300;400;500;600;700&display=swap";

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

    /* width */
    ::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */

    ::-webkit-scrollbar-track {
        background: #121316;
    }

    /* Handle */

    ::-webkit-scrollbar-thumb {
        background: #222327;
    }

    /* Handle on hover */

    ::-webkit-scrollbar-thumb:hover {
        background: #ce0224e5;
    }

    a:focus,
    input:focus,
    textarea:focus,
    button:focus {
        outline: 0 solid
    }

    ::selection {
        background-color: #ce0224e5;
        color: #fff;
    }

    html,
    body {
        height: 100%;
        scroll-behavior: smooth
    }

    body {
        cursor: none;
        font-size: 16px;
        font-family: saira, sans-serif !important;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 700;
        margin-bottom: 20px
    }

    img {
        max-width: 100%
    }

    a,
    ul,
    ol {
        padding: 0;
        margin: 0;
        list-style: none
    }

    p {
        color: rgba(255, 255, 255, .75);
        line-height: 1.6
    }

    a,
    a:hover {
        text-decoration: none
    }

    input,
    select,
    audio,
    canvas,
    iframe,
    img,
    svg,
    video {
        vertical-align: middle
    }

    .sec-pad {
        padding: 55px 0
    }

    .sec-pad-top {
        padding-top: 120px
    }

    .sec-pad-bottom {
        padding-bottom: 120px
    }

    .sec-mar {
        margin: 120px 0
    }

    .sec-mar-top {
        margin-top: 120px
    }

    .sec-mar-bottom {
        margin-bottom: 120px
    }

    .cursor {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        border: 1px solid #d90a2c;
        transition: all 200ms ease-out;
        position: fixed;
        pointer-events: none;
        left: 0;
        top: 0;
        transform: translate(-50%, -50%);
        z-index: 9
    }

    .cursor2 {
        width: 6px;
        height: 6px;
        border-radius: 100%;
        background-color: #d90a2c;
        position: fixed;
        transform: translate(-50%, -50%);
        pointer-events: none;
        transition: width .3s, height .3s, opacity .3s;
        z-index: 9
    }

    .hover {
        background-color: #d90a2c;
        height: 70px;
        width: 70px;
        border: 1px solid transparent;
        opacity: .3;
        z-index: 9999
    }

    .cursorinnerhover {
        width: 2px;
        height: 2px;
        opacity: .5
    }

    .mb-15 {
        margin-bottom: 15px !important
    }

    .sk-cube-grid {
        width: 80px;
        height: 80px;
        margin: 100px auto
    }

    .sk-cube-grid .sk-cube {
        width: 33%;
        height: 33%;
        background-color: #d90a2c;
        float: left;
        -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
        animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
    }

    .sk-cube-grid .sk-cube1 {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

    .sk-cube-grid .sk-cube2 {
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }

    .sk-cube-grid .sk-cube3 {
        -webkit-animation-delay: .4s;
        animation-delay: .4s
    }

    .sk-cube-grid .sk-cube4 {
        -webkit-animation-delay: .1s;
        animation-delay: .1s
    }

    .sk-cube-grid .sk-cube5 {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

    .sk-cube-grid .sk-cube6 {
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }

    .sk-cube-grid .sk-cube7 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }

    .sk-cube-grid .sk-cube8 {
        -webkit-animation-delay: .1s;
        animation-delay: .1s
    }

    .sk-cube-grid .sk-cube9 {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

    @-webkit-keyframes sk-cubeGridScaleDelay {

        0%,
        70%,
        100% {
            -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1)
        }

        35% {
            -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1)
        }
    }

    @keyframes hover {
        0% {
            transform: scale(.5);
            color: #121212;
            -webkit-text-stroke: 2px gray
        }

        20% {
            transform: scale(1);
            color: pink;
            -webkit-text-stroke: 3px red;
            filter: drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 3px red) drop-shadow(0 0 5px red) hue-rotate(10turn)
        }

        50% {
            transform: scale(.5);
            color: #121212;
            -webkit-text-stroke: 2px gray
        }
    }

    /* .preloader_area_wrap {
        background: #282b34 none repeat scroll 0 0;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }
    
    .preloader_area_wrap .sk-cube-grid {
        left: 50%;
        margin: -20px 0 0 -20px;
        position: absolute;
        top: 50%
    } */

    .sticky {
        position: fixed;
        top: 0;
        left: 0;
        padding: 0 100px;
        width: 100%;
        z-index: 99;
        background-color: #121212
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .sticky {
            padding: 0 50px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px),
    only screen and (min-width:768px) and (max-width:991px) {
        .sticky {
            padding: 10px 20px
        }
    }

    @media(max-width:767px) {
        .sticky {
            padding: 20px 0
        }

        .has-child .bi-chevron-down {
            display: block !important;
            visibility: visible !important;
        }
    }

    .has-child .bi-chevron-down {
        display: none;
        visibility: hidden;
    }

    @media(max-width:767px) {
        .title {
            text-align: center
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .title {
            text-align: inherit
        }
    }

    .title span {
        position: relative;
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        color: rgba(255, 255, 255, .75);
        /* margin-bottom: 15px; */
        text-transform: capitalize !important;
    }

    .title span:before {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: #d90a2c;
    }

    .title h2 {
        font-size: 52px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 12px;
        text-transform: capitalize;
        margin-top: .15em;
    }

    @media only screen and (min-width:1200px) and (max-width:1399px),
    only screen and (min-width:992px) and (max-width:1199px) {
        .title h2 {
            font-size: 48px
        }
    }

    @media(max-width:767px) {
        .title h2 {
            font-size: 30px
        }
    }

    @media(max-width:767px) {
        .title span {
            font-size: 0.9em;
            font-weight: 500;
            color: #d90a2c;
        }
    }

    .title.black h2 {
        color: #17161a
    }

    .title.special h2 {
        text-transform: uppercase;
        margin: 0
    }

    .title.special h2 b {
        font-weight: 700;
        font-size: 65px;
        letter-spacing: .05em;
        text-transform: uppercase;
        -webkit-text-stroke: 2px #d90a2c;
        -webkit-text-fill-color: transparent
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .title.special h2 b {
            font-size: 55px
        }
    }

    @media(max-width:767px) {
        .title.special h2 b {
            font-size: 50px
        }
    }

    .sec-title-layout3 {
        text-align: center;
        margin-bottom: 70px
    }

    .sec-title-layout3 span {
        font-family: poppins, sans-serif;
        font-weight: 500;
        font-size: 16px;
        text-align: center;
        text-transform: capitalize;
        color: #d90a2c;
        border-bottom: 1px solid #d90a2c;
        padding-bottom: 5px;
        margin-bottom: 5px;
        display: inline-block
    }

    .sec-title-layout3 h2 {
        font-family: rajdhani, sans-serif;
        font-weight: 700;
        margin-bottom: 15px;
        font-size: 52px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 30px;
        text-transform: capitalize;
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .sec-title-layout3 h2 {
            font-size: 40px
        }
    }

    @media(max-width:767px) {
        .sec-title-layout3 h2 {
            font-size: 30px
        }
    }

    .cmn-btn {
        display: inline-flex
    }

    .cmn-btn a {
        overflow: hidden;
        position: relative;
        display: inline-block;
        border-radius: 8px;
        padding: 8px 28px;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        text-transform: capitalize;
        /* background: linear-gradient(90deg, #94051d 1.05%, #880000 100%); */
        background-color: #D90A2C;
        z-index: 1;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .btn-careers a:hover {
        background-color: #D90A2C !important;
        color: #fff !important;
        border: 1px solid #D90A2C !important;
    }

    .btn-careers a {
        background-color: transparent !important;
        color: #fff !important;
        border: 1px solid #fff !important;
    }

    .job-detail h2,
    .job-detail ul,
    .job-detail p {
        color: rgb(233, 233, 233);
    }

    .file-up input[type="file" i] {
        padding-top: 14px;
    }

    .cmn-btn-braskbumb a {
        border-radius: 6px;
        padding: 6px 16px;
        font-size: 14px;
        font-weight: 600;
        background-color: #ce0224;
    }

    .cmn-btn-testimonial-cat a {
        border-radius: .35rem;
        padding: 2px 11px;
        font-size: .9rem;
        font-weight: 600 !important;
        background-color: rgba(150, 144, 162, .15);
        color: #82838c;
        margin-bottom: .25rem !important;
        margin-top: 26px;
    }

    .cmn-btn-testimonial-cat a:hover {
        background-color: rgba(150, 144, 162, .35) !important;
        color: #111013 !important;
    }

    .cmn-btn-letstalk a {
        border-radius: 5px;
        padding: 12px 29px;
        font-size: 16px;
        font-weight: 600;
        background-color: #1a1a1f;
    }

    .cmn-btn-letstalk a:hover {
        background-color: #ce0224 !important;
    }

    .career-blade .cmn-btn-letstalk a {
        border-radius: 5px;
        padding: 12px 29px;
        font-size: 16px;
        font-weight: 600;
        background-color: #ce0224;
    }

    .career-blade .cmn-btn-letstalk a:hover {
        background-color: #1a1a1f !important;
    }

    .cmn-btn-careers-block a {
        border-radius: 6px;
        padding: 5px 20px;
        font-size: 14px;
        font-weight: 600;
        background-color: #ce0224;
    }

    /* .cmn-btn a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 0%;
    top: 50%;
    left: 50%;
    background-color: #000;
    transform: all cubic-bezier(.645, .045, .355, 1) .4s;
    z-index: -1;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s
} */

    .cmn-btn a:hover {
        /* box-shadow: 0 0 5px rgba(255, 255, 255, .3) */
        background-color: #0e0e0e;
    }

    .cmn-btn a:hover:before {
        height: 380%
    }

    .cmn-btn-layout3 a {
        position: relative;
        overflow: hidden;
        font-family: rajdhani, sans-serif;
        font-weight: 600;
        font-size: 20px;
        text-align: center;
        color: #fff;
        display: inline-block;
        background-color: #dd0429;
        padding: 15px 30px;
        text-transform: capitalize;
        z-index: 1;
        vertical-align: top;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .cmn-btn-layout3 a i {
        margin-left: 5px;
        display: inline-block
    }

    .cmn-btn-layout3 a:before {
        /* position: absolute;
    content: '';
    width: 100%;
    height: 0%;
    top: 50%;
    left: 50%;
    background-color: #000;
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: -1;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s */
    }

    .cmn-btn-layout3 a:hover {
        background-color: #000;
    }

    .cmn-btn-layout3 a:hover:before {
        height: 380%
    }

    .breadcrumbs {
        min-height: 500px;
        background-image: url(../img/breadcrumbs/inr_1.jpg);
        /* linear-gradient(rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.808)),  */
        background-size: cover;
        background-position: center center
    }

    @media(max-width:767px) {
        .breadcrumbs {
            text-align: center;
            min-height: 350px
        }
    }

    .breadcrumb-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 500px
    }

    @media(max-width:767px) {
        .breadcrumb-wrapper {
            text-align: center;
            min-height: 350px
        }
    }

    .breadcrumb-wrapper h1 {
        font-weight: 700;
        font-size: 60px;
        letter-spacing: .05em;
        text-transform: uppercase;
        -webkit-text-stroke: 2px #d90a2c;
        -webkit-text-fill-color: transparent;
        line-height: 1;
        margin-bottom: 20px
    }

    @media(max-width:767px) {
        .breadcrumb-wrapper h1 {
            font-size: 40px
        }
    }

    .breadcrumb-wrapper ul {
        list-style: none
    }

    .breadcrumb-wrapper ul li {
        display: inline-block;
        font-size: 15px;
        text-transform: capitalize;
        color: #fff
    }

    .breadcrumb-wrapper ul li a {
        position: relative;
        font-size: 15px;
        text-transform: capitalize;
        display: inline-block;
        color: #d90a2c;
        padding-right: 50px
    }

    .breadcrumb-wrapper ul li a:before {
        position: absolute;
        content: "";
        right: 15px;
        top: 50%;
        background-image: url(../img/icons/arrow-right.svg);
        height: 13px;
        width: 18px;
        transform: translateY(-50%)
    }

    .scroll-top.opacity {
        position: fixed;
        right: 20px;
        bottom: 50px;
        z-index: 9;
        text-align: center;
        display: block
    }

    .scroll-top.opacity span {
        height: 40px;
        width: 40px;
        display: block;
        border: 1px solid #d90a2c;
        border-radius: 50%;
        color: #d90a2c;
        position: relative;
        line-height: 40px;
        font-size: 11px;
        cursor: pointer;
        text-transform: uppercase
    }

    .scroll-top.opacity span i {
        position: absolute;
        top: -23px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 16px
    }

    header {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 999;
        width: 100%;
        padding: 15px 100px;
        -webkit-transition: all .8s ease-out 0s;
        -moz-transition: all .8s ease-out 0s;
        -ms-transition: all .8s ease-out 0s;
        -o-transition: all .8s ease-out 0s;
        transition: all .8s ease-out 0s
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        header {
            padding: 0 50px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px),
    only screen and (min-width:768px) and (max-width:991px),
    (max-width:767px) {
        header {
            padding: 30px 10px
        }
    }

    .logo a img {
        max-width: 170px
    }

    .get-quate.dn {
        display: none;
        margin-top: 50px;
        text-align: left
    }

    @media(max-width:767px) {
        .get-quate.dn {
            display: block
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .get-quate.dn {
            display: none
        }
    }

    .main-nav {
        display: inline-block
    }

    .main-nav .mobile-menu-logo {
        display: none
    }

    .main-nav ul {
        list-style: none
    }

    .main-nav ul li {
        display: inline-block;
        position: relative;
        padding: 0 20px
    }

    .main-nav ul li a {
        font-size: 16px;
        color: #fff;
        display: block;
        text-transform: capitalize;
        padding: 30px 0;
        position: relative;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .main-nav ul li a.active {
        color: #d90a2c
    }

    .main-nav ul li a:hover {
        color: #d90a2c
    }

    .main-nav ul li i {
        width: 30px;
        font-size: 14px;
        text-align: center;
        color: #fff;
        font-style: normal;
        position: absolute;
        right: -8px;
        top: 33px;
        z-index: 999;
        cursor: pointer
    }

    .main-nav ul li ul.sub-menu {
        position: absolute;
        left: 0;
        right: 0;
        top: auto;
        margin: 0;
        padding: 10px 0;
        opacity: 0;
        visibility: hidden;
        min-width: 230px;
        background: #222;
        text-align: left;
        border-radius: 5px;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s;
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .main-nav ul li ul.sub-menu>li {
        padding: 0;
        display: block
    }

    .main-nav ul li ul.sub-menu>li a {
        display: block;
        padding: 10px 15px;
        color: #fff;
        font-weight: 300;
        text-transform: capitalize;
        font-size: 16px;
        line-height: 1;
        -webkit-transition: all .4s ease-out 0s;
        -moz-transition: all .4s ease-out 0s;
        -ms-transition: all .4s ease-out 0s;
        -o-transition: all .4s ease-out 0s;
        transition: all .4s ease-out 0s
    }

    .main-nav ul li ul.sub-menu>li a.active {
        color: #d90a2c
    }

    .main-nav ul li ul.sub-menu>li a:hover {
        color: #d90a2c;
        margin-left: 10px
    }

    .main-nav ul li:hover ul.sub-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .get-quate {
        text-align: right
    }

    @media(max-width:767px) {
        .get-quate {
            display: none
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .get-quate {
            text-align: center;
            display: block
        }
    }

    .hero-area {
        position: relative;
        background-image: url(../img/hero-bg.png);
        background-size: cover;
        background-position: center center;
        height: 100%;
        overflow: hidden;
        z-index: 1
    }

    .swiper.hero-slider .swiper-pagination {
        left: 0% !important;
        bottom: initial !important;
        top: 50%;
        transform: rotate(90deg);
        width: auto !important
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .swiper.hero-slider .swiper-pagination {
            left: -2% !important
        }
    }

    @media(max-width:767px) {
        .swiper.hero-slider .swiper-pagination {
            display: none
        }
    }

    .swiper.hero-slider .swiper-pagination-bullet {
        position: relative;
        height: 15px;
        width: 15px;
        padding: 8px;
        border: 1px solid rgba(255, 255, 255, .6);
        background: 0 0;
        opacity: 1;
        margin: 0 12.5px !important
    }

    .swiper.hero-slider .swiper-pagination-bullet:before {
        position: absolute;
        content: "";
        height: 7.5px;
        width: 7.5px;
        background-color: rgba(255, 255, 255, .6);
        border-radius: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .swiper.hero-slider .swiper-pagination-bullet-active {
        position: relative;
        height: 20px;
        width: 20px;
        border: 1px solid #d90a2c;
        box-sizing: border-box;
        opacity: .6
    }

    .swiper.hero-slider .swiper-pagination-bullet-active:before {
        position: absolute;
        content: "";
        height: 10px;
        width: 10px;
        background-color: #d90a2c;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: .6
    }

    .hero-content-wrapper {
        position: relative;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    @media(max-width:767px) {
        .hero-content-wrapper {
            display: block;
            height: auto;
            margin-top: 180px
        }
    }

    .hero-content-wrap {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center
    }

    @media(max-width:767px) {
        .hero-content-wrap {
            display: block
        }
    }

    .hero-content-img {
        position: relative;
        max-width: 775px
    }

    @media only screen and (min-width:1400px) and (max-width:1650px) {
        .hero-content-img {
            max-width: 600px
        }
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .hero-content-img {
            max-width: 500px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .hero-content-img {
            max-width: 420px
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .hero-content-img {
            max-width: 380px
        }
    }

    @media(max-width:767px) {
        .hero-content-img {
            display: none
        }
    }

    .hero-content-img:before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        background: #17161a;
        opacity: .5;
        border-radius: 100px 20px 20px 20px
    }

    .hero-content-img img {
        border-radius: 100px 20px 20px 20px
    }

    .hero-content {
        background: linear-gradient(233.77deg, rgba(217, 10, 44, 0.8) 0.94%, rgba(115, 0, 0, 0.8) 99.09%);
        border: 1px solid rgba(173, 173, 173, .2);
        box-sizing: border-box;
        border-radius: 20px;
        text-align: center;
        max-width: 670px;
        padding: 80px 50px;
        position: relative;
        margin-left: -100px
    }

    @media only screen and (min-width:1400px) and (max-width:1650px) {
        .hero-content {
            max-width: 570px;
            padding: 50px 30px;
            margin-left: -75px
        }
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .hero-content {
            max-width: 500px;
            padding: 30px 20px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px),
    only screen and (min-width:768px) and (max-width:991px) {
        .hero-content {
            max-width: 400px;
            padding: 20px
        }
    }

    @media(max-width:767px) {
        .hero-content {
            padding: 20px;
            margin-left: 0
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .hero-content {
            padding: 30px
        }
    }

    .hero-content h2 {
        font-weight: 800;
        font-size: 60px;
        letter-spacing: .05em;
        text-transform: uppercase;
        -webkit-text-stroke: 2px rgba(255, 255, 255, .2);
        -webkit-text-fill-color: transparent;
        position: absolute;
        right: 0;
        top: -90px
    }

    @media only screen and (min-width:1400px) and (max-width:1650px) {
        .hero-content h2 {
            font-size: 50px
        }
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .hero-content h2 {
            font-size: 40px;
            margin-top: 35px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .hero-content h2 {
            font-size: 40px;
            margin-top: 10px
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .hero-content h2 {
            font-size: 40px;
            margin-top: 0
        }
    }

    @media(max-width:767px) {
        .hero-content h2 {
            font-size: 30px;
            right: 10px;
            top: -40px
        }
    }

    @media(max-width:767px) {
        .hero-content h2 {
            font-size: 40px;
            top: -50px
        }
    }

    .hero-content h1 {
        font-weight: 800;
        font-size: 50px;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 20px
    }

    @media only screen and (min-width:1400px) and (max-width:1650px) {
        .hero-content h1 {
            font-size: 45px;
            margin-bottom: 20px
        }
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .hero-content h1 {
            font-size: 40px;
            margin-bottom: 20px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .hero-content h1 {
            font-size: 35px;
            margin-bottom: 20px
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .hero-content h1 {
            font-size: 30px;
            margin-bottom: 20px
        }
    }

    @media(max-width:767px) {
        .hero-content h1 {
            font-size: 25px;
            margin-bottom: 20px
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .hero-content h1 {
            font-size: 45px
        }
    }

    .hero-content h1 span {
        font-weight: 800;
        font-size: 60px;
        letter-spacing: .05em;
        text-transform: uppercase;
        -webkit-text-stroke: 1px #fff;
        -webkit-text-fill-color: transparent
    }

    @media only screen and (min-width:1400px) and (max-width:1650px) {
        .hero-content h1 span {
            font-size: 55px
        }
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .hero-content h1 span {
            font-size: 48px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .hero-content h1 span {
            font-size: 42px
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .hero-content h1 span {
            font-size: 36px
        }
    }

    @media(max-width:767px) {
        .hero-content h1 span {
            font-size: 30px
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .hero-content h1 span {
            font-size: 55px
        }
    }

    .hero-content p {
        font-size: 16px;
        text-align: center;
        color: #fff;
        line-height: 35px;
        margin-bottom: 60px;
    }

    @media only screen and (min-width:1400px) and (max-width:1650px) {
        .hero-content p {
            margin-bottom: 30px
        }
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .hero-content p {
            line-height: initial;
            margin-bottom: 20px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px),
    only screen and (min-width:768px) and (max-width:991px) {
        .hero-content p {
            font-size: 14px;
            line-height: initial;
            margin-bottom: 20px
        }
    }

    @media(max-width:767px) {
        .hero-content p {
            font-size: 13px;
            line-height: initial;
            margin-bottom: 20px
        }
    }

    @media(max-width:767px) {
        .hero-content p {
            font-size: 15px
        }
    }

    .hero-content a {
        display: inline-block;
        padding: 10px 20px;
        min-width: 200px;
        font-weight: 700;
        font-size: 17px;
        text-align: center;
        letter-spacing: .03em;
        color: #fff;
        border-radius: 30px;
        position: relative;
        overflow: hidden;
        z-index: 1
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .hero-content a {
            font-size: 15px;
            min-width: 160px
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .hero-content a {
            font-size: 14px;
            min-width: 150px
        }
    }

    @media(max-width:767px) {
        .hero-content a {
            font-size: 13px;
            min-width: 130px
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .hero-content a {
            font-size: 16px;
            min-width: 150px
        }
    }

    .hero-content a.about-btn {
        background-color: #17161a;
        border: 1px solid #17161a;
        margin-right: 15px
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .hero-content a.about-btn {
            margin-right: 10px
        }
    }

    @media(max-width:767px) {
        .hero-content a.about-btn {
            margin: 0
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .hero-content a.about-btn {
            margin-right: 15px
        }
    }

    .hero-content a.work-btn {
        border: 1px solid #fff;
        box-sizing: border-box;
        margin-left: 15px
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .hero-content a.work-btn {
            margin-left: 10px
        }
    }

    @media(max-width:767px) {
        .hero-content a.work-btn {
            margin: 0
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .hero-content a.work-btn {
            margin-right: 15px
        }
    }

    /* .hero-content a:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 0%;
        top: 50%;
        left: 50%;
        background-color: #000;
        transform: translate(-50%, -50%) rotate(-45deg);
        z-index: -1;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    } */

    .hero-content a:hover:before {
        height: 380%
    }

    .hero-content .slider-num {
        position: absolute;
        right: -150px;
        bottom: -20px
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .hero-content .slider-num {
            right: -100px
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px),
    (max-width:767px) {
        .hero-content .slider-num {
            display: none
        }
    }

    .hero-content .slider-num span {
        font-weight: 600;
        font-size: 100px;
        letter-spacing: .05em;
        text-transform: uppercase;
        -webkit-text-stroke: 2px rgba(255, 255, 255, .2);
        -webkit-text-fill-color: transparent
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .hero-content .slider-num span {
            font-size: 80px
        }
    }

    .social-media {
        position: absolute;
        right: -100px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .social-media {
            right: -135px
        }
    }

    @media(max-width:767px) {
        .social-media {
            text-align: center;
            position: initial;
            transform: none;
            padding: 30px 10px 80px
        }
    }

    .social-media .social-list {
        list-style: none;
        transform: rotate(-90deg)
    }

    @media(max-width:767px) {
        .social-media .social-list {
            transform: none
        }
    }

    .social-media .social-list li {
        display: inline-block
    }

    .social-media .social-list li a {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: .02em;
        text-transform: capitalize;
        color: #fff;
        display: inline-block;
        line-height: 1;
        padding: 0 15px;
        border-right: 1px solid #d90a2c;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    @media(max-width:767px) {
        .social-media .social-list li a {
            font-size: 14px
        }
    }

    .social-media .social-list li a:hover {
        color: #d90a2c
    }

    .social-media .social-list li:last-child a {
        border: none
    }

    .service-area {
        background-color: #111215
    }

    @media(max-width:767px) {
        .service-area {
            padding-top: 60px;
            padding-bottom: 50px
        }

        .about-us .service-area {
            padding-top: 280px !important;
            padding-bottom: 50px
        }
    }

    .service-area .title h2 {
        margin-bottom: 45px
    }

    @media only screen and (min-width:768px) and (max-width:991px),
    (max-width:767px) {
        .service-area .title {
            margin-bottom: 60px
        }
    }

    .single-service {
        border: 1px solid #232323;
        box-sizing: border-box;
        border-radius: 10px;
        padding: 20px;
        position: relative;
        display: flex;
        width: 100%;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .single-service {
            padding: 20px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .single-service {
            padding: 20px
        }
    }

    @media(max-width:767px) {
        .single-service {
            display: block;
            padding: 20px;
            text-align: center
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .single-service {
            padding: 10px
        }
    }

    .single-service:before {
        position: absolute;
        content: "";
        right: 0;
        bottom: 0;
        height: 90px;
        width: 90px;
        background: radial-gradient(105.91% 105.91% at 37.1% 19.35%, rgba(217, 10, 44, 0.3) 0%, rgba(217, 10, 44, 0) 83.11%);
        border-radius: 50%;
        opacity: .3;
        display: none;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .single-service:after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        visibility: hidden;
        opacity: 0;
        background: linear-gradient(152.97deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
        border-radius: 10px;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .single-service span {
        font-size: 35px;
        font-weight: 700;
        -webkit-text-stroke: 2px rgba(255, 255, 255, .07);
        -webkit-text-fill-color: transparent;
        letter-spacing: 2px;
        position: absolute;
        right: 10px;
        top: 10px;
        line-height: 1;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .single-service:hover:after {
        visibility: visible;
        opacity: 1
    }

    .single-service:hover:before {
        display: block
    }

    .single-service:hover .service-content a i {
        margin-left: 5px
    }

    .single-service:hover span {
        -webkit-text-stroke: 2px #d90a2c;
        -webkit-text-fill-color: transparent
    }

    .service-icon {
        margin-top: 15px;
        min-width: 70px
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .service-icon {
            min-width: 60px
        }
    }

    @media(max-width:767px) {
        .service-icon {
            margin-bottom: 40px
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .service-icon {
            margin-bottom: 30px
        }
    }

    .service-icon i {
        background-color: #d90a2c;
        height: 65px;
        width: 65px;
        display: inline-block;
        line-height: 65px;
        text-align: center;
        border-radius: 50%;
        position: relative;
        z-index: 1
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .service-icon i {
            height: 50px;
            width: 50px;
            line-height: 50px
        }
    }

    .service-icon i:before {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        border: 1px solid rgba(217, 10, 44, .15);
        border-radius: 50%;
        left: -5px;
        top: -10px;
        z-index: -1
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .service-icon i:before {
            top: -5px
        }
    }

    .service-icon i:after {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        border: 1px solid rgba(217, 10, 44, .15);
        border-radius: 50%;
        right: -5px;
        top: -10px;
        z-index: -1
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .service-icon i:after {
            top: -5px
        }
    }

    .service-icon i img {
        max-height: 38px;
        max-width: 38px
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .service-icon i img {
            max-height: 28px;
            max-width: 28px
        }
    }

    .service-content {
        margin-left: 15px
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .service-content {
            margin-left: 10px
        }
    }

    @media(max-width:767px) {
        .service-content {
            margin: 0
        }
    }

    .service-content h4 {
        font-size: 22px;
        font-weight: 500;
        color: #fff;
        text-transform: capitalize;
        margin-bottom: 10px
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .service-content h4 {
            font-size: 20px;
            margin-bottom: 10px
        }
    }

    .service-content p {
        color: #e4e4e4;
        font-size: 16px;
        margin-bottom: 20px
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .service-content p {
            font-size: 13px;
            margin-bottom: 10px
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .service-content p {
            font-size: 14px
        }
    }

    .service-content a {
        display: inline-block;
        color: #d90a2c;
        font-size: 16px;
        font-weight: 500;
        text-transform: capitalize;
        z-index: 1;
        position: relative
    }

    .service-content a i {
        margin-left: -4px;
        z-index: -1;
        position: relative;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    @media(max-width:767px) {
        /* .about-area {
            margin: 60px 0
        } */
    }

    @media(max-width:767px) {
        .about-left {
            padding: 0 10px;
            margin-bottom: 50px
        }
    }

    .about-left .our-mission {
        display: flex;
        width: 100%;
        align-items: center;
        margin-top: 30px;
        margin-bottom: 55px
    }

    @media(max-width:767px) {
        .about-left .our-mission {
            display: block;
            text-align: center
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .about-left .our-mission {
            display: flex;
            text-align: left
        }
    }

    .about-left .our-mission .msn-icon {
        min-width: 100px
    }

    .about-left .our-mission .msn-icon i img {
        width: 70px
    }

    .about-left .our-mission .cto {
        min-width: 150px
    }

    .about-left .our-mission .cto img {
        width: 140px
    }

    @media(max-width:767px) {
        .about-left .our-mission .msn-content {
            margin: 25px 0
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .about-left .our-mission .msn-content {
            margin: 0
        }
    }

    .about-left .our-mission .msn-content h5 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 5px
    }

    .about-left .our-mission .msn-content p {
        margin: 0;
        color: #272727;
        font-size: 16px
    }

    @media(max-width:767px) {
        .about-left .cmn-btn {
            text-align: center
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .about-left .cmn-btn {
            text-align: left
        }
    }

    .about-left .cmn-btn a {
        color: #e4e4e4;
        font-size: 17px;
        font-weight: 700;
        letter-spacing: 1.2px
    }

    .about-right .group-images {
        position: relative;
        margin-top: 85px;
        margin-right: 85px
    }

    @media(max-width:767px) {
        .about-right .group-images {
            margin: 0
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .about-right .group-images {
            margin-top: 85px;
            margin-right: 85px
        }
    }

    .about-right .group-images>img {
        width: 100%;
        border-radius: 5px
    }

    .about-right .group-images .about-top {
        position: absolute;
        top: -85px;
        right: -85px
    }

    @media(max-width:767px) {
        .about-right .group-images .about-top {
            margin-top: 30px;
            position: static
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .about-right .group-images .about-top {
            margin-top: 0;
            position: absolute
        }
    }

    .about-right .group-images .about-top img {
        border-radius: 5px
    }

    @media(max-width:767px) {
        .about-right .group-images .about-top img {
            width: 100%
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .about-right .group-images .about-top img {
            width: auto
        }
    }

    .about-skills {
        background: #fff;
        border: 1px solid rgba(217, 10, 44, .1);
        box-shadow: 0 0 50px rgba(53, 51, 83, .06);
        border-radius: 10px;
        width: 500px;
        display: flex;
        margin: 0 auto;
        margin-top: -50px;
        position: relative;
        padding: 20px 30px;
        justify-content: space-between
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .about-skills {
            padding: 20px;
            width: 425px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .about-skills {
            padding: 20px;
            width: 100%
        }
    }

    @media(max-width:767px) {
        .about-skills {
            display: block;
            width: 90%
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .about-skills {
            display: flex;
            width: 90%
        }
    }

    .about-skills .signle-skill {
        display: flex;
        width: 100%;
        align-items: center
    }

    @media(max-width:767px) {
        .about-skills .signle-skill {
            margin-bottom: 10px
        }

        .about-skills .signle-skill.xsm {
            margin-bottom: 0
        }
    }

    .about-skills .signle-skill .skill-content h6 {
        font-size: 15px;
        color: #545454;
        margin-bottom: 0;
        text-transform: capitalize
    }

    .about-skills .signle-skill .skill-content p {
        margin: 0;
        color: #17161a
    }

    .signle-skill .progress-bar-circle {
        position: relative;
        height: 70px;
        width: 70px;
        min-width: 80px;
        background-color: transparent
    }

    .signle-skill .progress-bar-circle div {
        position: absolute;
        height: 70px;
        width: 70px;
        border-radius: 50%
    }

    .signle-skill .progress-bar-circle div span {
        color: #d90a2c;
        position: absolute;
        font-size: 18px;
        font-weight: 700;
        line-height: 60px;
        height: 60px;
        width: 60px;
        left: 50%;
        top: 50%;
        text-align: center;
        border-radius: 50%;
        background-color: #fff;
        transform: translate(-50%, -50%)
    }

    .signle-skill .progress-bar-circle .background {
        background-color: #000 !important
    }

    .signle-skill .progress-bar-circle .rotate {
        clip: rect(0 35px 70px 0);
        background-color: #d90a2c !important
    }

    .signle-skill .progress-bar-circle .left {
        clip: rect(0 35px 70px 0);
        opacity: 1;
        background-color: #d90a2c !important
    }

    .signle-skill .progress-bar-circle .right {
        clip: rect(0 35px 70px 0);
        transform: rotate(180deg);
        opacity: 0;
        background-color: #d90a2c !important
    }

    .features-count {
        margin-top: 120px;
        padding: 60px 0;
        /* background-image: url(../img/about-bottom.jpg); */
        border-radius: 30px;
        background-size: cover;
        background-position: center top;
        position: relative;
        z-index: 1
    }

    .features-count:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: #131216;
        border-radius: 30px;
        z-index: -1;
        opacity: .9
    }

    .single-count {
        text-align: left
    }

    @media(max-width:767px) {
        .single-count {
            margin-bottom: 30px
        }

        .single-count.xsm {
            margin-bottom: 0
        }

        .swiper.testimonial-slider {
            padding: 40px 0 !important;
        }

        .features-count {
            margin-top: 180px !important;
        }
    }

    .single-count i {
        display: block;
        margin-bottom: 15px
    }

    .single-count .count-descrp {
        font-size: 16px;
        color: rgb(109, 109, 109);
        margin-top: 15px;
    }

    .getin-touch-text .count-descrp {
        font-size: 16px;
        color: rgb(184, 184, 184);
        margin-top: 15px;
        width: 85%;
    }

    .getin-touch-text hr:not([size]) {
        height: 1px;
        color: rgb(228 228 228);
        width: 85%;
    }

    .single-count i img {
        height: 70px
    }

    .single-count p {
        /* text-transform: capitalize; */
        color: #bdbdbd;
        font-size: 18px;
        font-weight: 500;
        margin: 0
    }

    .single-count .counter span {
        font-size: 35px;
        font-weight: 700;
        color: #fff;
        display: inline-block
    }

    .single-count .counter sup {
        font-size: 35px;
        font-weight: 700;
        color: #fff;
        top: -5px;
        display: inline-block
    }

    .newsletter {
        background-image: url(https://colabrio.ams3.cdn.digitaloceanspaces.com/ohio-stage-demo-23/oh__img134.jpg?id=17);
        background-size: cover;
        background-position: center center;
        position: relative;
        z-index: 1;
        padding: 195px 0
    }

    .newsletter-contact {
        background-image: url(https://colabrio.ams3.cdn.digitaloceanspaces.com/ohio-stage-demo-23/oh__img136.jpg?id=19) !important;
        background-size: cover;
        background-position: center center;
        position: relative;
        z-index: 1;
        padding: 195px 0
    }

    @media only screen and (min-width:1400px) and (max-width:1650px) {
        .newsletter {
            padding: 192.1px 30px
        }
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .newsletter {
            padding: 188px 30px
        }
    }

    @media(max-width:767px) {
        .newsletter {
            padding: 80px 10px
        }
    }

    .newsletter:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        background: linear-gradient(256.31deg, #353535 0.80%, #000000 88.66%);
        opacity: .9;
        z-index: -1
    }

    .subscribes {
        max-width: 590px;
        margin: 0 auto;
        text-align: center
    }

    .subscribes span {
        font-weight: 600;
        font-size: 17px;
        text-align: center;
        text-transform: capitalize;
        color: #d90a2c;
        display: block;
        margin-bottom: 15px
    }

    .subscribes h1 {
        font-weight: 700;
        font-size: 55px;
        text-align: center;
        text-transform: uppercase;
        color: #e4e4e4;
        margin-bottom: 20px;
        line-height: 1
    }

    @media(max-width:767px) {
        .subscribes h1 {
            font-size: 25px;
            margin-bottom: 20px
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .subscribes h1 {
            font-size: 50px;
            margin-bottom: 30px
        }
    }

    .subscribes h2 {
        font-weight: 700;
        font-size: 39px;
        line-height: 1;
        text-align: center;
        text-transform: uppercase;
        -webkit-text-stroke: 1px #fff;
        -webkit-text-fill-color: transparent;
        margin-bottom: 30px
    }

    @media(max-width:767px) {
        .subscribes h2 {
            font-size: 40px;
            margin-bottom: 40px
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .subscribes h2 {
            font-size: 50px
        }
    }

    .subscribe-form {
        position: relative;
        height: 75px;
    }

    @media(max-width:767px) {
        .subscribe-form {
            padding: 0 10px
        }
    }

    .subscribe-form form input {
        width: 100%;
        height: 70px;
        background: #fff;
        border-radius: 48px;
        border: none;
        color: #4f4f4f;
        font-size: 14px
    }

    @media(max-width:767px) {
        .subscribe-form form input {
            height: 50px
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .subscribe-form form input {
            height: 60px
        }
    }

    .subscribe-form button {
        /* position: absolute; */
        /* right: 5px; */
        height: 49px;
        top: 5px;
        width: 150px;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        border: 2px solid transparent;
        text-transform: capitalize;
        letter-spacing: 1.1px;
        background-color: rgba(150, 144, 162, .25);
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .subscribe-form button:hover {
        background-color: #d90a2c;
    }

    @media(max-width:767px) {
        .subscribe-form button {
            width: 130px;
            font-size: 14px;
            right: 15px;
            height: 40px
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .subscribe-form form input[type=submit] {
            height: 50px
        }
    }

    .subscribe-form form input[type=submit]:hover {
        color: #17161a;
        border: 2px solid #d90a2c;
        background: 0 0;
        box-shadow: 0 0 20px #d90a2c 1.05%, #730000 100%
    }

    .subscribe-form form input[type=email] {
        padding: 0 160px 0 30px
    }

    @media(max-width:767px) {
        .subscribe-form form input[type=email] {
            padding: 0 140px 0 20px
        }
    }

    .our-clients {
        background-color: #111;
        padding: 149px 30px 55px
    }

    @media only screen and (min-width:1400px) and (max-width:1650px) {
        .our-clients {
            padding: 119px 30px 55px
        }
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .our-clients {
            padding: 165px 30px 55px
        }
    }

    .our-clients .title {
        margin-top: -75px
    }

    .single-client {
        position: relative;
        background-color: #111;
        border: 1px solid #191a1c;
        box-sizing: border-box;
        box-shadow: inset 0 0 10px rgba(6, 6, 6, .15);
        border-radius: 10px;
        /* padding: 30px; */
        text-align: center;
        line-height: 45px;
        margin-bottom: 50px;
        overflow: hidden
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .single-client {
            padding: 20px 10px
        }
    }

    @media(max-width:767px) {
        .single-client {
            margin-bottom: 30px
        }
    }

    .single-client img {
        /* max-height: 20px; */
        object-fit: cover;
    }

    .single-client .client-hover {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        height: 100%;
        width: 100%;
        bottom: 0;
        right: 0;
        border-radius: 10px;
        background: linear-gradient(152.97deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        transform: translateY(-50px);
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .single-client .client-hover span {
        font-weight: 300;
        font-size: 16px;
        text-align: center;
        color: #e4e4e4;
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 10px;
        justify-content: center;
        word-break: break-word;
        line-height: 20px
    }

    .single-client:hover .client-hover {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }

    .single-client:hover img {
        visibility: hidden
    }

    @media(max-width:767px) {
        .portfolio-area {
            margin: 80px 0
        }
    }

    .portfolio-area .title {
        margin-bottom: -80px
    }

    .portfolio-area .title h2 {
        margin: 0
    }

    .swiper.portfolio-slider {
        padding: 140px 0 50px
    }

    .swiper.portfolio-slider .swiper-pagination {
        bottom: 0 !important
    }

    .swiper.portfolio-slider .swiper-pagination-bullet {
        height: 15px;
        width: 15px;
        border: 1px solid #d90a2c;
        box-sizing: border-box;
        background: 0 0;
        opacity: 1
    }

    .swiper.portfolio-slider .swiper-pagination-bullet-active {
        position: relative;
        height: 15px;
        width: 15px;
        border: 1px solid #d90a2c;
        box-sizing: border-box
    }

    .swiper.portfolio-slider .swiper-pagination-bullet-active:before {
        position: absolute;
        content: "";
        height: 5px;
        width: 5px;
        background-color: #d90a2c;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .swiper.portfolio-slider .swiper-button-next,
    .swiper.portfolio-slider .swiper-button-prev {
        height: 40px !important;
        width: 40px !important;
        background-color: #2a2a2a;
        border-radius: 50%;
        color: #fff !important;
        top: 22px;
        right: 5% !important;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    @media(max-width:767px) {

        .swiper.portfolio-slider .swiper-button-next,
        .swiper.portfolio-slider .swiper-button-prev {
            display: none
        }
    }

    .swiper.portfolio-slider .swiper-button-next:hover,
    .swiper.portfolio-slider .swiper-button-prev:hover {
        background-color: #d90a2c
    }

    .swiper.portfolio-slider .swiper-button-next::after,
    .swiper.portfolio-slider .swiper-button-prev::after {
        font-size: 14px !important
    }

    .swiper.portfolio-slider .swiper-button-prev,
    .swiper.portfolio-slider .swiper-rtl .swiper-button-next {
        left: auto;
        right: 9% !important
    }

    @media only screen and (min-width:1400px) and (max-width:1650px) {

        .swiper.portfolio-slider .swiper-button-prev,
        .swiper.portfolio-slider .swiper-rtl .swiper-button-next {
            right: 9% !important
        }
    }

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

        .swiper.portfolio-slider .swiper-button-prev,
        .swiper.portfolio-slider .swiper-rtl .swiper-button-next {
            right: 10% !important
        }
    }

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

        .swiper.portfolio-slider .swiper-button-prev,
        .swiper.portfolio-slider .swiper-rtl .swiper-button-next {
            right: 12% !important
        }
    }

    .single-portfolio {
        position: relative;
        overflow: hidden
    }

    .single-portfolio .portfolio-data {
        position: relative;
        z-index: 1;
        border-radius: 10px
    }

    .single-portfolio .portfolio-data a img {
        border-radius: 10px;
        width: 100%;
        max-height: 500px
    }

    .single-portfolio .portfolio-data:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        right: 0;
        bottom: 0;
        background-image: url(../img/portfolio-hover-bg.png);
        background-size: cover;
        background-position: top bottom;
        border-radius: 10px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s;
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        transform: translateY(-50px)
    }

    .single-portfolio .portfolio-inner {
        position: absolute;
        z-index: 2;
        width: 90%;
        left: 5%;
        right: 5%;
        bottom: 5%;
        background-color: #0f0f11;
        border-radius: 5px;
        padding: 20px
    }

    .single-portfolio .portfolio-inner span {
        font-weight: 500;
        font-size: 15px;
        letter-spacing: .02em;
        text-transform: capitalize;
        color: #e4e4e4;
        display: block;
        margin-bottom: 5px
    }

    .single-portfolio .portfolio-inner h4 {
        font-weight: 600;
        font-size: 22px;
        text-transform: capitalize;
        color: #e4e4e4;
        margin: 0
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .single-portfolio .portfolio-inner h4 {
            font-size: 18px
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .single-portfolio .portfolio-inner h4 {
            font-size: 18px
        }
    }

    .single-portfolio .portfolio-inner .portfolio-hover {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        visibility: hidden;
        opacity: 0;
        height: 0;
        overflow: hidden;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    .single-portfolio .portfolio-inner .portfolio-hover a.case-btn {
        display: inline-block;
        border: 1px solid #d90a2c;
        box-sizing: border-box;
        border-radius: 30px;
        padding: 5px 15px;
        font-weight: 500;
        font-size: 12px;
        text-transform: capitalize;
        color: #fff
    }

    .single-portfolio .portfolio-inner .portfolio-hover i {
        width: 30px;
        height: 30px;
        border: 1px solid #fff;
        box-sizing: border-box;
        border-radius: 50%;
        line-height: 30px;
        text-align: center;
        color: #fff;
        font-size: 14px
    }

    .single-portfolio:hover .portfolio-data:before {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }

    .single-portfolio:hover .portfolio-inner .portfolio-hover {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        visibility: visible;
        opacity: 1;
        margin-top: 20px;
        height: auto
    }

    .single-portfolio:hover .portfolio-inner {
        background: #0f0f11;
        backdrop-filter: blur(42px);
        border-radius: 10px
    }

    @media(max-width:767px) {
        .why-choose-us {
            margin: 80px 0
        }
    }

    @media(max-width:767px) {
        .why-choose-us .title.black {
            margin-bottom: 50px
        }
    }

    .why-choose-us .title.black h2 {
        margin-bottom: 50px
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .why-choose-us .title.black h2 {
            font-size: 40px
        }
    }

    .video-demo {
        position: relative;
        z-index: 1
    }

    .video-demo img {
        width: 100%
    }

    .video-demo:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        width: 100%;
        background-image: linear-gradient(rgba(0, 0, 0, 0.438), rgba(0, 0, 0, 0.212)), url();
        background-size: cover;
        background-position: center center
    }

    .video-demo .play-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .video-demo .play-btn a {
        display: inline-block;
        border: 1px solid #fff;
        box-sizing: border-box;
        height: 128px;
        width: 128px;
        line-height: 128px;
        text-align: center;
        border-radius: 50%;
        color: #fff;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .video-demo .play-btn a i {
        margin-right: 5px
    }

    .video-demo .play-btn a:hover {
        color: #fff;
        border: 1px solid #d90a2c;
        background-color: #d90a2c
    }

    .valuable-skills img {
        width: 100%;
        margin-bottom: 50px
    }

    .valuable-skills .signle-bar h6 {
        font-weight: 600;
        font-size: 15px;
        letter-spacing: .02em;
        text-transform: capitalize;
        color: #111
    }

    .valuable-skills .signle-bar-modify h6 {
        font-weight: 600;
        font-size: 15px;
        letter-spacing: .02em;
        text-transform: capitalize;
        text-align: left !important;
        color: #fff
    }

    .valuable-skills .signle-bar-modify .barfiller .tip {
        margin-top: -35px !important;
        padding: 0 !important;
        position: absolute;
        z-index: 2;
        background: 0 0;
        font-weight: 500;
        font-size: 14px;
        text-align: center;
        letter-spacing: .02em;
        text-transform: capitalize;
        color: #fff !important
    }

    .valuable-skills .signle-bar .barfiller {
        height: .5rem !important;
        border: none !important;
        box-shadow: none !important;
        background: rgba(150, 144, 162, .15);
        margin-bottom: 40px !important;
        border-radius: 30px;
    }

    .valuable-skills .signle-bar .barfiller#bar4 {
        margin-bottom: 0 !important
    }

    .valuable-skills .signle-bar .barfiller .tip {
        margin-top: -35px !important;
        padding: 0 !important;
        position: absolute;
        z-index: 2;
        background: 0 0;
        font-weight: 500;
        font-size: 14px;
        text-align: center;
        letter-spacing: .02em;
        text-transform: capitalize;
        color: rgb(255, 255, 255) !important;
        border-radius: 30px
    }

    .valuable-skills .signle-bar .barfiller .tip:after {
        display: none
    }

    .valuable-skills .signle-bar .barfiller .fill {
        background: linear-gradient(90deg, #dc2828 0, #7544dd 100%) !important;
        border-radius: 30px
    }

    .testimonial-area {
        position: relative;
        background-image: linear-gradient(rgba(0, 0, 0, 0.829), rgba(0, 0, 0, 0.678)), url(https://colabrio.ams3.cdn.digitaloceanspaces.com/ohio-stage-demo-27/oh__img167.jpg);
        /* linear-gradient(rgba(0, 0, 0, 0.747), rgb(0, 0, 0)) */
        background-size: cover;
        background-position: center bottom -0.7px;
    }

    .testimonial-area:before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        background: #111;
        z-index: -1
    }

    .swiper.testimonial-slider {
        /* padding: 40px 0 */
    }

    .swiper.testimonial-slider .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
        bottom: -5px !important;
        left: 25px !important;
        width: auto !important;
        color: #d90a2c !important
    }

    .swiper.testimonial-slider .swiper-pagination-current {
        font-weight: 600;
        font-size: 37px;
        letter-spacing: .05em;
        text-transform: capitalize;
        color: #fff
    }

    .swiper.testimonial-slider .swiper-pagination-total {
        font-size: 20px;
        color: #d90a2c
    }

    .swiper.testimonial-slider .swiper-button-next,
    .swiper.testimonial-slider .swiper-button-prev {
        top: initial !important;
        display: flex;
        height: 58px !important;
        width: 80px !important;
        background: #2a2a2a !important;
        box-shadow: 0 0 50px rgba(53, 51, 83, .06);
        bottom: 0;
        color: #fff;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .swiper.testimonial-slider .swiper-button-next:hover,
    .swiper.testimonial-slider .swiper-button-prev:hover {
        background-color: #17161a !important
    }

    .swiper.testimonial-slider .swiper-button-next,
    .swiper.testimonial-slider .swiper-rtl .swiper-button-prev {
        right: 10px !important;
        left: auto !important;
        background: #17161a !important
    }

    .swiper.testimonial-slider .swiper-button-prev,
    .swiper.testimonial-slider .swiper-rtl .swiper-button-next {
        left: auto !important;
        right: 90px !important;
        background-color: #fff
    }

    .swiper.testimonial-slider .swiper-button-next::after,
    .swiper.testimonial-slider .swiper-button-prev::after {
        font-size: 20px !important
    }

    .testimonial-content {
        position: relative;
        text-align: center
    }

    .testimonial-content .quote {
        position: absolute;
        left: 0;
        top: -40px
    }

    .testimonial-content .quote i {
        font-size: 100px;
        color: #e4e4e4;
        opacity: .05
    }

    .testimonial-content p {
        font-weight: 400;
        font-size: 18px;
        text-align: center;
        color: #e4e4e4;
        line-height: 30px;
        max-width: 970px;
        margin: 0 auto
    }

    @media(max-width:767px) {
        .testimonial-content p {
            font-size: 14px;
            line-height: 28px
        }
    }

    .testimonial-content p i {
        font-size: 14px
    }

    .testimonial-content .rating {
        margin-top: 30px
    }

    .testimonial-content .rating i {
        color: #ffc107;
        font-size: 20px;
        margin: 0 4px
    }

    .testimonial-content .client-info {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        margin-bottom: 30px
    }

    @media(max-width:767px) {
        .testimonial-content .client-info {
            margin-bottom: 30px
        }
    }

    .testimonial-content .client-info .client-pic {
        min-width: 120px
    }

    @media(max-width:767px) {
        .testimonial-content .client-info .client-pic {
            min-width: 100px
        }
    }

    .testimonial-content .client-info .client-pic img {
        height: 100px;
        width: 100px;
        border-radius: 50%
    }

    @media(max-width:767px) {
        .testimonial-content .client-info .client-pic img {
            height: 80px;
            width: 80px
        }
    }

    .testimonial-content .client-info .client-details {
        margin-left: 10px;
        text-align: left
    }

    .testimonial-content .client-info .client-details h4 {
        font-weight: 600;
        font-size: 25px;
        letter-spacing: .03em;
        color: #e4e4e4;
        margin-bottom: 5px
    }

    @media(max-width:767px) {
        .testimonial-content .client-info .client-details h4 {
            font-size: 20px
        }
    }

    .testimonial-content .client-info .client-details span {
        font-weight: 400;
        font-size: 17px;
        line-height: 30px;
        letter-spacing: .03em;
        color: #949494
    }

    @media(max-width:767px) {
        .testimonial-content .client-info .client-details span {
            font-size: 16px
        }
    }

    @media(max-width:767px) {
        .latest-news {
            margin: 80px 0;
            visibility: hidden !important;
            display: none !important;
        }
    }

    .latest-news .title.black h2 {
        margin-bottom: 50px
    }

    .signle-news {
        border-radius: 2px;
        background: #fff;
        box-shadow: 0 0 50px rgba(53, 51, 83, .06);
        position: relative;
        overflow: hidden
    }

    .signle-news .tag {
        position: absolute;
        left: 20px;
        top: 20px;
        z-index: 1
    }

    .signle-news .tag a {
        display: inline-block;
        min-width: 140px;
        background: #232226;
        border-radius: 2px;
        padding: 5px 20px;
        font-weight: 500;
        font-size: 15px;
        text-align: center;
        text-transform: capitalize;
        color: #fff
    }

    .signle-news .post-img {
        overflow: hidden;
        height: 0;
        opacity: 0;
        transition: height 0ms 400ms, opacity 400ms 0ms
    }

    .signle-news .post-img a img {
        width: 100%;
        height: 222px;
        -webkit-transition: all 1s ease-out 0s;
        -moz-transition: all 1s ease-out 0s;
        -ms-transition: all 1s ease-out 0s;
        -o-transition: all 1s ease-out 0s;
        transition: all 1s ease-out 0s
    }

    .signle-news:hover .tag a {
        background-color: #d90a2c
    }

    .signle-news .news-content .author {
        margin-top: 65px
    }

    .signle-news:hover .post-img {
        height: auto;
        opacity: 1;
        transition: height 0ms 1000ms, opacity 1000ms 0ms
    }

    .signle-news:hover .author,
    .signle-news:hover p {
        display: none
    }

    .signle-news:hover .news-content h3 {
        margin: 0
    }

    .news-content {
        padding: 20px
    }

    .news-content h3 {
        margin: 20px 0 5px;
        font-weight: 600;
        font-size: 25px
    }

    .news-content h3 a {
        font-size: 25px;
        text-transform: capitalize;
        color: #2e2d31;
        display: inline-block;
        line-height: 40px
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .news-content h3 a {
            font-size: 24px
        }
    }

    .news-content p {
        font-weight: 400;
        font-size: 16px;
        color: #272727;
        margin: 0
    }

    .author {
        display: flex;
        width: 100%;
        align-items: center;
        margin-top: 70px
    }

    @media(max-width:767px) {
        .author {
            margin-bottom: 30px !important
        }
    }

    .author-pic {
        min-width: 70px
    }

    .author-pic img {
        height: 55px;
        width: 55px;
        border-radius: 50%
    }

    .author-info h5 {
        font-weight: 500;
        font-size: 20px;
        text-transform: capitalize;
        color: #232226;
        margin-bottom: 5px
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .author-info h5 {
            font-size: 18px
        }
    }

    .author-info span {
        font-weight: 500;
        font-size: 14px;
        letter-spacing: .05em;
        text-transform: capitalize;
        color: #6a696c
    }

    .view-btn {
        margin-top: 20px;
        margin-left: 10px;
        margin-bottom: 9px
    }

    .view-btn a {
        font-weight: 600;
        font-size: 16px;
        color: #232226;
        display: inline-block;
        text-transform: capitalize;
        position: relative;
        z-index: 1;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .view-btn a:before {
        position: absolute;
        content: "";
        height: 40px;
        width: 40px;
        background: #d90a2c;
        opacity: .35;
        border-radius: 50%;
        left: -10px;
        top: 50%;
        z-index: -1;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .view-btn a:hover {
        color: #d90a2c
    }

    .lets-talk {
        background-image: linear-gradient(rgba(0, 0, 0, 0.452), rgba(0, 0, 0, 0.432)), url(https://colabrio.ams3.cdn.digitaloceanspaces.com/stage.clbthemes.com/oh__img93.jpg);
        background-size: cover;
        background-position: center center;
        position: relative;
        height: 400px;
    }

    .lets-talk-2 {
        /* background-image: linear-gradient(rgba(0, 0, 0, 0.452), rgba(0, 0, 0, 0.432)), url(https://colabrio.ams3.cdn.digitaloceanspaces.com/stage.clbthemes.com/oh__img93.jpg); */
        background-size: cover;
        background-position: center center;
        position: relative;
        height: 400px;
    }

    .lets-talk-2 h2 {
        font-size: 46px !important
    }

    .career-blade .careers-card-heading {
        font-size: 36px !important
    }

    .career-blade .span-sub-title {
        font-size: 14px !important
    }

    @media(max-width:767px) {

        .lets-talk,
        .lets-talk-2 {
            padding-top: 60px;
            height: 550px;
        }
    }

    .lets-talk:before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        top: 0;
        bottom: 0;
        background: #111215;
        z-index: -1
    }

    .lets-talk-2:before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        top: 0;
        bottom: 0;
        background: #0F0E11;
        z-index: -1
    }

    .portfolio-blade:before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        top: 0;
        bottom: 0;
        background: transparent !important;
        z-index: -1
    }

    .odometer {
        font-size: 2.75rem !important;
    }

    .works-icons {
        font-size: 2.75rem !important;
        font-weight: 100 !important;
    }

    .lets-talk-3 .heading {
        font-size: 57px;
    }

    .lets-talk-3:before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        top: 0;
        bottom: 0;
        /* background: #0F0E11; */
        z-index: -1
    }

    @media(max-width:767px) {
        .lets-talk .title.special {
            text-align: center
        }
    }

    .lets-talk .title.special h1 {
        margin-bottom: 0
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .lets-talk .title.special h1 {
            font-size: 50px
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .lets-talk .title.special h1 b {
            font-size: 55px
        }
    }

    .getin-touch {
        margin-right: 40px;
    }

    @media(max-width:767px) {
        .getin-touch {
            text-align: left;
            margin-top: -15px
        }
    }

    @media(max-width:767px) {
        .getin-touch-text {
            text-align: left !important;
        }

        .getin-touch-text h2 {
            font-size: 36px !important;
        }

        .testimonials-sec-1 {
            margin-bottom: 3rem !important;
        }

        .lets-talk-3 .count-content {
            margin-top: 12px !important;
        }
    }

    .testimonials-sec h2 {
        font-size: 45px;
    }

    .testimonials-sec-1 {
        margin-bottom: 14rem;
    }

    body.dark {
        background-color: #131216
    }

    .about-left.dark p {
        color: #b3b3b3
    }

    .about-left.dark .our-mission .msn-content h5 {
        color: #fff
    }

    .about-left.dark .our-mission .msn-content p {
        color: #b3b3b3
    }

    .valuable-skills.dark .signle-bar h6 {
        color: #fff
    }

    .valuable-skills.dark .signle-bar .barfiller .tip {
        color: #fff !important
    }

    .signle-news.dark {
        background: #0F0E11;
        box-shadow: 0 0 50px rgba(53, 51, 83, .06)
    }

    .signle-news.dark .author-info h5 {
        color: #fff
    }

    .signle-news.dark .news-content h3 a {
        color: #fff
    }

    .signle-news.dark .news-content p {
        color: #b3b3b3
    }

    .signle-news.dark .view-btn a {
        color: #d90a2c
    }

    .out-story {
        margin-bottom: 120px
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .out-story {
            margin-bottom: 120px
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .out-story {
            margin-bottom: 120px
        }
    }

    .office-group-img {
        position: relative
    }

    .office-group-img img {
        width: 100%;
        border-radius: 10px
    }

    .office-group-img:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        background: #111;
        opacity: .4;
        border-radius: 10px
    }

    .cto-message-wrapper {
        position: absolute;
        bottom: 0;
        left: 0;
        max-width: 370px;
        margin-left: auto;
        right: inherit
    }

    .cto-message {
        background: #fff;
        box-shadow: 0 40px 80px rgba(23, 42, 65, .06);
        padding: 25px 20px;
        text-align: left;
        border-radius: 0 20px 0 5px
    }

    .cto-message h4 {
        font-weight: 600;
        font-size: 20px;
        text-transform: capitalize;
        color: #111
    }

    .cto-message p {
        font-size: 16px;
        text-transform: capitalize;
        color: #272727
    }

    .cto-message img {
        margin: 0 auto;
        display: block;
        width: auto
    }

    .cto-message h4 span {
        font-weight: 400;
        font-size: 17px;
        text-transform: capitalize;
        color: #111;
        opacity: .5
    }

    .about-left p {
        font-weight: 400;
        font-size: 16px;
        color: #272727;
        margin-bottom: 30px
    }

    .story-right h2 {
        font-size: 44px;
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .story-right .title.black h2 {
            font-size: 48px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .story-right .title.black h2 {
            font-size: 40px
        }
    }

    @media(max-width:767px) {
        .story-right {
            margin: 80px 0 50px
        }
    }

    .story-right p {
        font-weight: 400;
        font-size: 16px;
        color: #272727;
        margin-bottom: 30px
    }

    @media only screen and (min-width:1200px) and (max-width:1399px),
    only screen and (min-width:992px) and (max-width:1199px) {
        .story-right p {
            margin-bottom: 40px
        }
    }

    .story-skills {
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    @media(max-width:767px) {
        .story-skills {
            display: block;
            justify-content: normal;
            width: auto;
            text-align: center
        }
    }

    .story-skill>span {
        font-weight: 600;
        font-size: 18px;
        text-align: center;
        letter-spacing: .03em;
        margin-top: 20px;
        display: block;
        text-transform: uppercase;
        color: rgba(17, 17, 17, .6);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .skill-dark>span {
        color: rgba(255, 255, 255, 0.6);
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .story-skill>span {
            font-size: 14px;
            margin-top: 10px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .story-skill>span {
            font-size: 12px;
            margin-top: 10px
        }
    }

    @media(max-width:767px) {
        .story-skill>span {
            font-size: 12px;
            margin-top: 10px
        }
    }

    .story-skill {
        position: relative
    }

    @media(max-width:767px) {
        .story-skill {
            display: inline-block;
            margin-bottom: 30px
        }
    }

    .story-skill .progress-bar-circle {
        position: relative;
        height: 170px;
        width: 170px;
        min-width: 180px;
        background-color: transparent
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .story-skill .progress-bar-circle {
            height: 140px;
            width: 140px;
            min-width: 150px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .story-skill .progress-bar-circle {
            height: 120px;
            width: 120px;
            min-width: 130px
        }
    }

    @media(max-width:767px) {
        .story-skill .progress-bar-circle {
            height: 110px;
            width: 110px;
            min-width: 120px
        }
    }

    .story-skill .progress-bar-circle div {
        position: absolute;
        height: 170px;
        width: 170px;
        border-radius: 50%
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .story-skill .progress-bar-circle div {
            height: 140px;
            width: 140px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .story-skill .progress-bar-circle div {
            height: 120px;
            width: 120px
        }
    }

    @media(max-width:767px) {
        .story-skill .progress-bar-circle div {
            height: 110px;
            width: 110px
        }
    }

    .story-skill .progress-bar-circle div span {
        color: #131216;
        position: absolute;
        font-size: 26px;
        font-weight: 700;
        line-height: 166px;
        height: 166px;
        width: 166px;
        left: 50%;
        top: 50%;
        text-align: center;
        border-radius: 50%;
        background-color: #fff;
        transform: translate(-50%, -50%)
    }

    .story-skill-dark .progress-bar-circle div span {
        color: #ffffff;
        background-color: #131216;
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .story-skill .progress-bar-circle div span {
            height: 136px;
            width: 136px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .story-skill .progress-bar-circle div span {
            height: 116px;
            width: 116px
        }
    }

    @media(max-width:767px) {
        .story-skill .progress-bar-circle div span {
            height: 106px;
            width: 106px
        }
    }

    .story-skill .progress-bar-circle div span b {
        position: absolute;
        left: 50%;
        top: -40px;
        transform: translateX(-50%);
        font-weight: 600
    }

    @media only screen and (min-width:1200px) and (max-width:1399px),
    only screen and (min-width:992px) and (max-width:1199px) {
        .story-skill .progress-bar-circle div span b {
            top: -44px;
            font-size: 22px
        }
    }

    @media(max-width:767px) {
        .story-skill .progress-bar-circle div span b {
            top: -44px;
            font-size: 22px
        }
    }

    .story-skill .progress-bar-circle .background {
        background-color: #000 !important
    }

    .story-skill .progress-bar-circle .rotate {
        clip: rect(0 85px 170px 0);
        background-color: #d6d6d6 !important
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .story-skill .progress-bar-circle .rotate {
            clip: rect(0 70px 140px 0)
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .story-skill .progress-bar-circle .rotate {
            clip: rect(0 60px 120px 0)
        }
    }

    @media(max-width:767px) {
        .story-skill .progress-bar-circle .rotate {
            clip: rect(0 55px 110px 0)
        }
    }

    .story-skill .progress-bar-circle .left {
        clip: rect(0 85px 170px 0);
        opacity: 1;
        background-color: #d6d6d6 !important
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .story-skill .progress-bar-circle .left {
            clip: rect(0 70px 140px 0)
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .story-skill .progress-bar-circle .left {
            clip: rect(0 60px 120px 0)
        }
    }

    @media(max-width:767px) {
        .story-skill .progress-bar-circle .left {
            clip: rect(0 55px 110px 0)
        }
    }

    .story-skill .progress-bar-circle .right {
        clip: rect(0 85px 170px 0);
        transform: rotate(180deg);
        opacity: 0;
        background-color: #d6d6d6 !important
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .story-skill .progress-bar-circle .right {
            clip: rect(0 70px 140px 0)
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .story-skill .progress-bar-circle .right {
            clip: rect(0 60px 120px 0)
        }
    }

    @media(max-width:767px) {
        .story-skill .progress-bar-circle .right {
            clip: rect(0 55px 110px 0)
        }
    }

    @media(max-width:767px) {
        .how-we-work {
            margin-top: 80px
        }
    }

    .how-we-work .title.black {
        margin-bottom: -80px
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .how-we-work .title.black {
            margin-bottom: -50px
        }
    }

    @media(max-width:767px) {
        .how-we-work .title.black {
            margin-bottom: 0
        }
    }

    .how-we-work .title.black h2 {
        margin: 0
    }

    .swiper.work-process {
        padding-top: 150px
    }

    @media(max-width:767px) {
        .swiper.work-process {
            padding-top: 80px;
            padding-bottom: 80px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .swiper.work-process {
            padding-top: 110px
        }
    }

    .swiper.work-process .swiper-button-next,
    .swiper.work-process .swiper-button-prev {
        height: 40px !important;
        width: 40px !important;
        background: #2a2a2a;
        border-radius: 50%;
        color: #fff !important;
        top: 22px;
        right: 0% !important;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    @media(max-width:767px) {

        .swiper.work-process .swiper-button-next,
        .swiper.work-process .swiper-button-prev {
            display: none
        }
    }

    .swiper.work-process .swiper-button-next:hover,
    .swiper.work-process .swiper-button-prev:hover {
        background-color: #d90a2c
    }

    .swiper.work-process .swiper-button-next::after,
    .swiper.work-process .swiper-button-prev::after {
        font-size: 14px !important
    }

    .swiper.work-process .swiper-button-prev,
    .swiper.work-process .swiper-rtl .swiper-button-next {
        left: auto;
        right: 5% !important
    }

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

        .swiper.work-process .swiper-button-prev,
        .swiper.work-process .swiper-rtl .swiper-button-next {
            right: 12% !important
        }
    }

    @media(max-width:767px) {

        .swiper.work-process .swiper-button-prev,
        .swiper.work-process .swiper-rtl .swiper-button-next {
            right: 22% !important
        }
    }

    .work-process-wrapper {
        position: relative
    }

    .work-process-wrapper img {
        width: 100%
    }

    .work-process-wrapper .work-process-inner {
        position: absolute;
        min-width: 350px;
        left: 0;
        top: 0;
        background: #17161a;
        text-align: center;
        padding: 40px 60px
    }

    @media(max-width:767px) {
        .work-process-wrapper .work-process-inner {
            padding: 30px 60px
        }
    }

    .work-process-wrapper .work-process-inner b {
        font-weight: 700;
        font-size: 65px;
        letter-spacing: .03em;
        text-transform: capitalize;
        color: #fff;
        opacity: .1;
        position: absolute;
        left: 5px;
        top: 50%;
        transform: translateY(-50%);
        line-height: 1
    }

    .work-process-wrapper .work-process-inner h4 {
        font-weight: 600;
        font-size: 20px;
        letter-spacing: .03em;
        text-transform: capitalize;
        color: #fff;
        margin: 0
    }

    @media only screen and (min-width:768px) and (max-width:991px),
    (max-width:767px) {
        .pricing-plan .or2 {
            order: 2
        }

        .pricing-plan .or1 {
            order: 1
        }
    }

    @media(max-width:767px) {
        .pricing-plan {
            margin-top: 0;
            margin-bottom: 50px
        }
    }

    #pills-tab {
        margin: 0 !important
    }

    @media(max-width:767px) {
        #pills-tab {
            justify-content: center
        }
    }

    #pills-tabContent {
        margin-top: 40px
    }

    .nav-pills .nav-link {
        background: #191a1c;
        box-shadow: inset 0 0 10px rgba(6, 6, 6, .15);
        border-radius: 50px;
        min-width: 170px;
        padding: 15px 30px;
        font-weight: 600;
        font-size: 17px;
        text-align: center;
        letter-spacing: .03em;
        color: #fff;
        margin-right: 30px;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    @media(max-width:767px) {
        .nav-pills .nav-link {
            min-width: 140px;
            font-size: 14px;
            margin-right: 0;
            margin: 0 5px
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .nav-pills .nav-link {
            margin-bottom: 30px
        }
    }

    .nav-pills .nav-link:hover {
        background: linear-gradient(90deg, #D90A2C 1.05%, #730000 100%) !important;
        box-shadow: inset 0 0 10px rgba(6, 6, 6, .15);
        border-radius: 50px
    }

    .nav-pills .nav-link.active {
        background: linear-gradient(90deg, #D90A2C 1.05%, #730000 100%) !important;
        box-shadow: inset 0 0 10px rgba(6, 6, 6, .15);
        border-radius: 50px
    }

    .single-price-box {
        position: relative;
        background: #111;
        box-shadow: inset 0 0 10px rgba(6, 6, 6, .15);
        border-radius: 10px;
        padding: 40px 55px;
        text-align: center;
        z-index: 1
    }

    @media only screen and (min-width:768px) and (max-width:991px),
    (max-width:767px) {
        .single-price-box {
            padding: 40px 30px;
            margin-bottom: 30px
        }
    }

    .single-price-box:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: linear-gradient(152.97deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
        border-radius: 10px;
        z-index: -1;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .single-price-box:hover:before {
        visibility: visible;
        opacity: 1
    }

    .single-price-box:hover .pay-btn a {
        background: 0 0;
        background-color: #0a0a0a
    }

    .single-price-box h3 {
        position: relative;
        font-weight: 700;
        font-size: 32px;
        text-align: center;
        letter-spacing: .03em;
        color: #fff
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .single-price-box h3 {
            font-size: 24px
        }
    }

    .single-price-box h3:before {
        position: absolute;
        content: "";
        background: linear-gradient(90deg, #D90A2C 1.05%, #730000 100%);
        width: 150px;
        height: 2px;
        left: 50%;
        bottom: -10px;
        transform: translateX(-50%)
    }

    .single-price-box span {
        font-weight: 400;
        font-size: 18px;
        text-align: center;
        letter-spacing: .03em;
        color: #fff
    }

    .single-price-box h2 {
        font-weight: 700;
        font-size: 38px;
        text-align: center;
        color: #e4e4e4;
        margin-top: 40px;
        margin-bottom: 0
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .single-price-box h2 {
            font-size: 24px
        }
    }

    .single-price-box h2 sub {
        font-size: 16px;
        font-weight: 400;
        color: #d90a2c;
        text-transform: capitalize
    }

    .single-price-box .feature-list {
        text-align: left;
        margin-top: 35px;
        margin-bottom: 40px
    }

    .single-price-box .feature-list li {
        font-size: 16px;
        color: #fff;
        padding: 10px 0
    }

    .single-price-box .feature-list li i {
        margin-right: 10px
    }

    .single-price-box .pay-btn a {
        font-weight: 700;
        font-size: 17px;
        text-align: center;
        letter-spacing: .03em;
        color: #fff;
        display: inline-block;
        background: linear-gradient(90deg, #D90A2C 1.05%, #730000 100%);
        border-radius: 30px;
        min-width: 200px;
        padding: 15px 30px;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    @media(max-width:767px) {
        .service-details {
            margin: 80px 0 50px
        }
    }

    @media(max-width:767px) {
        .service-details .or2 {
            order: 2
        }

        .service-details .or1 {
            order: 1
        }
    }

    .signle-service-details {
        margin-bottom: 120px
    }

    @media(max-width:767px) {
        .signle-service-details {
            margin-bottom: 50px
        }

        .signle-service-details .or2 {
            order: 2
        }

        .signle-service-details .or1 {
            order: 1
        }
    }

    .signle-service-details img {
        margin-right: -20px;
        position: relative
    }

    .signle-service-details h3 {
        font-weight: 700;
        font-size: 30px;
        letter-spacing: .02em;
        text-transform: uppercase;
        color: #17161a;
        margin-bottom: 20px
    }

    .signle-service-details p {
        font-weight: 400;
        font-size: 16px;
        line-height: 30px;
        color: #272727;
        margin: 0
    }

    .sidebar-widget {
        background: #f6f6f6;
        border-radius: 5px;
        padding: 25px;
        margin-bottom: 40px
    }

    .sidebar-widget h4 {
        font-weight: 700;
        font-size: 22px;
        line-height: 35px;
        letter-spacing: .02em;
        text-transform: uppercase;
        color: #2e2d31;
        margin-bottom: 30px;
        position: relative
    }

    .sidebar-widget h4:before {
        position: absolute;
        content: "";
        background: #111;
        opacity: .5;
        border: 1px solid #111;
        width: 70px;
        bottom: -5px;
        left: 0
    }

    .service-list {
        list-style: none
    }

    .service-list li {
        display: block
    }

    .service-list li a {
        font-weight: 500;
        font-size: 16px;
        color: #272727;
        display: block;
        position: relative;
        padding-bottom: 20px;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .service-list li a i {
        margin-right: 10px
    }

    .service-list li a span {
        position: absolute;
        right: 0
    }

    .service-list li a:hover {
        color: #d90a2c
    }

    .service-list li:last-child a {
        padding: 0
    }

    .sidebar-search {
        margin-bottom: 40px
    }

    .sidebar-search form {
        position: relative;
        overflow: hidden
    }

    .sidebar-search form input {
        height: 50px;
        background: #212121;
        border-radius: 3px;
        width: 100%;
        border: none;
        padding: 0 70px 0 10px;
        color: #fff
    }

    .sidebar-search form button {
        position: absolute;
        width: 70px;
        height: 50px;
        background: linear-gradient(90deg, #D90A2C 1.05%, #730000 100%);
        border-radius: 0 3px 3px 0;
        border: none;
        color: #fff;
        right: 0;
        overflow: hidden;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .sidebar-search form button:hover {
        transform: scale(1.1)
    }

    .single-service-work-process h3 {
        font-weight: 700;
        font-size: 30px;
        text-transform: uppercase;
        color: #17161a
    }

    .single-service-work-process h4 {
        font-weight: 600;
        font-size: 26px;
        color: #17161a;
        margin-bottom: 10px
    }

    .single-service-work-process .single-step {
        margin-bottom: 40px
    }

    .single-service-work-process .single-step .step {
        background: #fff;
        border: 1px solid rgba(217, 10, 44, .2);
        box-sizing: border-box;
        border-radius: 5px;
        padding: 30px;
        position: relative
    }

    @media(max-width:767px) {
        .single-service-work-process .single-step .step {
            padding: 30px 10px;
            margin-bottom: 30px
        }
    }

    .single-service-work-process .single-step .step p {
        font-size: 16px;
        line-height: 28px;
        color: #272727;
        margin: 0
    }

    .single-service-work-process .single-step .step .step-count {
        position: absolute;
        right: 28px;
        top: 24px
    }

    .single-service-work-process .single-step .step .step-count span {
        font-weight: 700;
        font-size: 45px;
        text-align: center;
        letter-spacing: .02em;
        text-transform: capitalize;
        opacity: .3;
        -webkit-text-stroke: 1px #17161a;
        -webkit-text-fill-color: transparent;
        line-height: 1
    }

    @media(max-width:767px) {
        .single-service-work-process .single-step .step-img {
            margin-bottom: 30px
        }
    }

    .single-service-work-process .single-step .step-img img {
        width: 100%;
        border-radius: 5px
    }

    @media(max-width:767px) {
        .project-area {
            margin: 80px 0
        }
    }

    .project-tab {
        text-align: center;
        margin-bottom: 70px
    }

    .project-filter-tab {
        list-style: none
    }

    .project-filter-tab li {
        display: inline-block;
        margin: 0 12.5px;
        font-weight: 600;
        font-size: 16px;
        text-align: center;
        letter-spacing: .03em;
        color: #e4e4e4;
        background-color: #111;
        box-shadow: inset 0 0 10px rgba(6, 6, 6, .15);
        border-radius: 10px;
        padding: 15px 30px;
        cursor: pointer;
        @inlude transition(.5s)
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .project-filter-tab li {
            font-size: 14px;
            padding: 10px 20px
        }
    }

    @media(max-width:767px) {
        .project-filter-tab li {
            margin: 10px;
            font-size: 12px;
            padding: 10px 15px
        }
    }

    .project-filter-tab li.active {
        background: linear-gradient(90deg, #D90A2C 1.05%, #730000 100%)
    }

    .project-filter-tab li:hover {
        background: linear-gradient(90deg, #D90A2C 1.05%, #730000 100%)
    }

    .single-portfolio.masonary {
        margin: 0
    }

    .single-portfolio.masonary .portfolio-data {
        border-radius: 0
    }

    .single-portfolio.masonary .portfolio-data:before {
        border-radius: 0;
        background-image: url(../img/portfolio2hover.png)
    }

    .single-portfolio.masonary .portfolio-data a img {
        border-radius: 0
    }

    .single-portfolio.masonary .portfolio-inner {
        visibility: hidden;
        opacity: 0
    }

    .single-portfolio.masonary:hover .portfolio-inner {
        visibility: visible;
        opacity: 1
    }

    @media(max-width:767px) {
        .project-details-area {
            margin: 80px 0
        }
    }

    .project-process {
        margin-bottom: 120px
    }

    .process-step {
        text-align: left
    }

    @media(max-width:767px) {
        .process-step {
            margin-bottom: 30px
        }
    }

    .process-step h4 {
        font-weight: 700;
        font-size: 25px;
        text-transform: capitalize;
        color: #111;
        margin-bottom: 5px
    }

    @media(max-width:767px) {
        .process-step h4 {
            font-size: 17px
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .process-step h4 {
            font-size: 20px
        }
    }

    .process-step span {
        font-weight: 500;
        font-size: 16px;
        color: #6a696c
    }

    @media(max-width:767px) {
        .process-step span {
            font-size: 14px
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .process-step span {
            font-size: 16px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .process-step span {
            font-size: 16px
        }
    }

    .process-banner {
        margin-top: 60px;
        margin-bottom: 60px
    }

    @media(max-width:767px) {
        .process-banner {
            margin-top: 20px;
            margin-bottom: 50px
        }
    }

    .process-banner img {
        width: 100%
    }

    .project-overview {
        margin-bottom: 60px
    }

    @media(max-width:767px) {
        .project-overview {
            margin-bottom: 50px
        }

        .project-overview .or1 {
            order: 1
        }

        .project-overview .or2 {
            order: 2
        }

        .project-overview .or3 {
            order: 3
        }

        .project-overview .or4 {
            order: 4
        }
    }

    .project-overview h3 {
        font-weight: 700;
        font-size: 30px;
        color: #2e2d31;
        margin-bottom: 10px
    }

    @media(max-width:767px) {
        .project-overview h3 {
            text-align: center
        }
    }

    .project-overview.right h3 {
        text-align: right
    }

    @media(max-width:767px) {
        .project-overview.right h3 {
            text-align: center
        }
    }

    @media(max-width:767px) {
        .overview-img {
            margin-bottom: 30px
        }
    }

    .overview-img img {
        width: 100%
    }

    .overview-content h2 {
        font-weight: 700;
        font-size: 30px;
        letter-spacing: .03em;
        color: #2e2d31;
        margin-bottom: 20px
    }

    .overview-content p {
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        color: #272727;
        margin: 0
    }

    @media(max-width:767px) {
        .project-single-step {
            margin-bottom: 30px
        }
    }

    .project-single-step h4 {
        font-weight: 700;
        font-size: 20px;
        margin: 0;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        background: #111;
        display: block;
        padding: 10px;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .project-single-step p {
        font-weight: 400;
        font-size: 16px;
        line-height: 32px;
        letter-spacing: .03em;
        color: #272727;
        margin: 0;
        border: 1px solid #eee;
        padding: 20px;
        text-align: left
    }

    .project-single-step:hover b {
        color: #fff;
        background: #d90a2c
    }

    .project-single-step:hover .project-step-img img {
        transform: scale(1.1)
    }

    .project-step-img {
        overflow: hidden
    }

    .project-step-img img {
        width: 100%;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .releted-project h3 {
        font-weight: 700;
        font-size: 30px;
        text-transform: uppercase;
        color: #2e2d31;
        margin-bottom: -40px
    }

    @media(max-width:767px) {
        .releted-project h3 {
            text-align: center
        }
    }

    .swiper.releted-project-slider {
        padding-top: 110px
    }

    @media(max-width:767px) {
        .swiper.releted-project-slider {
            padding-top: 80px
        }
    }

    .swiper.releted-project-slider .swiper-button-next,
    .swiper.releted-project-slider .swiper-button-prev {
        height: 40px !important;
        width: 40px !important;
        background-color: #2a2a2a;
        border-radius: 50%;
        color: #fff !important;
        top: 22px;
        right: 0% !important;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .swiper.releted-project-slider .swiper-button-next:hover,
    .swiper.releted-project-slider .swiper-button-prev:hover {
        background-color: #d90a2c
    }

    @media(max-width:767px) {

        .swiper.releted-project-slider .swiper-button-next,
        .swiper.releted-project-slider .swiper-button-prev {
            display: none
        }
    }

    .swiper.releted-project-slider .swiper-button-next::after,
    .swiper.releted-project-slider .swiper-button-prev::after {
        font-size: 14px !important
    }

    .swiper.releted-project-slider .swiper-button-prev,
    .swiper.releted-project-slider .swiper-rtl .swiper-button-next {
        left: auto;
        right: 5% !important
    }

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

        .swiper.releted-project-slider .swiper-button-prev,
        .swiper.releted-project-slider .swiper-rtl .swiper-button-next {
            right: 10% !important
        }
    }

    @media(max-width:767px) {
        .contact-area {
            margin: 80px 0
        }
    }

    .office-info {
        text-align: left;
        box-sizing: border-box;
        border-radius: 5px;
        min-height: 250px;
        padding: 30px;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    @media only screen and (min-width:768px) and (max-width:991px),
    (max-width:767px) {
        .office-info {
            margin-bottom: 30px
        }
    }

    /* .office-info:hover {
        border-radius: 50px 5px 5px 5px
    } */
    /* .office-info:hover .icon {
        background-color: #d90a2c
    } */
    /* .office-info:hover .icon .i {
        color: #fff
    } */

    .office-info .icon {
        width: 80px;
        height: 80px;
        /* background-color: #d90a2c30; */
        border-radius: 50%;
        text-align: left;
        /* line-height: 80px; */
        /* margin: 0 auto; */
        /* margin-bottom: 15px; */
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .office-info .icon .i {
        color: #fff;
        font-size: 45px;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .office-info h4 {
        font-weight: 600;
        font-size: 25px;
        margin-bottom: 10px;
        line-height: 30px;
        text-align: left;
        text-transform: uppercase;
        color: rgb(255, 255, 255)
    }

    .office-info p {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 28px;
        text-align: left;
        color: #c7c7c7;
        margin: 0
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .office-info p {
            font-size: 15px
        }
    }

    @media(max-width:767px) {
        .office-info p {
            margin-bottom: 0
        }
    }

    .office-info a {
        font-weight: 500;
        font-size: 16px;
        display: block;
        text-align: left;
        color: #272727;
        padding-bottom: 8px;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .office-info a:last-child {
        padding-bottom: 0
    }

    .office-info a:hover {
        color: #d90a2c
    }

    .contact-information {
        position: relative;
        margin-top: 80px;
        overflow: hidden
    }

    @media(max-width:767px) {
        .contact-information {
            margin-top: 80px
        }
    }

    @media(max-width:767px) {
        .contact-form h3 {
            text-align: center
        }
    }

    .contact-form h3 {
        font-weight: 700;
        font-size: 30px;
        text-transform: capitalize;
        color: #19171b;
        margin-bottom: 40px
    }

    .contact-form-home h3 {
        margin-bottom: 20px
    }

    .contact-form-dark h3 {
        color: #ffffff;
    }

    @media(max-width:767px) {
        .contact-form h3 {
            font-size: 24px
        }
    }

    .contact-form form input,
    .contact-form form textarea,
    .contact-form form select {
        background: #242127;
        border: 1px solid #242127;
        box-sizing: border-box;
        border-radius: 8px;
        width: 100%;
        margin-bottom: 25px;
        height: 55px;
        padding: 0 25px;
        color: #ffffff;
    }

    .contact-form form input:focus,
    .contact-form form textarea:focus,
    .contact-form form select:focus {
        background: #302D35;
    }

    .contact-form form select option {
        background: #242528;
        color: #ffffff;
    }

    .contact-form form select option:focus-visible {
        border: 1px solid #131216 !important;
    }

    .contact-form form select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding-right: 15px;
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: calc(100% - 6%)center;
        background-image: url(../img/icons/arrow.png)
    }

    .selectdiv {
        position: relative;
        /*Don't really need this just for demo styling*/
        float: left;
        min-width: 200px;
        margin: 50px 33%;
    }

    /* J_7gzXxEr#Vj&yXg */

    .contact-form form textarea {
        height: 150px;
        padding: 25px;
        resize: none
    }

    .contact-form form button[type=submit] {
        max-width: 180px;
        background-color: rgba(150, 144, 162, .25);
        font-weight: 600;
        font-size: 16px;
        line-height: 25px;
        text-align: center;
        margin-bottom: 25px;
        color: #fff;
        min-height: 3.125rem;
        border: none;
        border-radius: 6px;
        padding: 10px 23px;
        border: 2px solid transparent;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .contact-form form button[type=submit]:hover {
        color: #fff;
        background-color: #d90a2c;
        /* border: 2px solid #d90a2c */
    }

    .apply-job form button[type=submit]:hover {
        color: #fff;
        min-height: 2.6rem !important;
        padding: 8px 23px;
        background-color: rgba(150, 144, 162, .25);
        /* border: 2px solid #d90a2c */
    }

    .apply-job form button[type=submit] {
        color: #fff;
        min-height: 2.6rem !important;
        padding: 8px 23px;
        background-color: #d90a2c;
        /* border: 2px solid #d90a2c */
    }

    .google-map {
        position: absolute;
        right: 0;
        top: 0
    }

    @media only screen and (min-width:768px) and (max-width:991px),
    (max-width:767px) {
        .google-map {
            position: static
        }
    }

    .google-map iframe {
        width: 850px;
        height: 570px
    }

    @media only screen and (min-width:1400px) and (max-width:1650px) {
        .google-map iframe {
            width: 650px
        }
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .google-map iframe {
            width: 550px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .google-map iframe {
            width: 450px
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px),
    (max-width:767px) {
        .google-map iframe {
            width: 100%
        }
    }

    @media(max-width:767px) {
        .blog-news {
            margin: 80px 0
        }
    }

    .widget-cnt {
        display: flex;
        width: 100%;
        margin-bottom: 30px
    }

    .widget-cnt:last-child {
        margin: 0
    }

    .widget-cnt .wi {
        min-width: 115px;
        overflow: hidden
    }

    .widget-cnt .wi a img {
        width: 100%;
        background: #c4c4c4;
        border-radius: 3px;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .widget-cnt .wc {
        margin-left: 20px
    }

    .widget-cnt .wc h6 {
        margin-bottom: 10px
    }

    .widget-cnt .wc h6 a {
        font-weight: 600;
        font-size: 18px;
        text-transform: capitalize;
        color: #2e2d31;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .widget-cnt .wc span {
        font-weight: 500;
        font-size: 14px;
        letter-spacing: .05em;
        text-transform: capitalize;
        color: #6a696c
    }

    .widget-cnt:hover .wi a img {
        transform: scale(1.1)
    }

    .widget-cnt:hover .wc h6 a {
        color: #d90a2c
    }

    .tag-list {
        list-style: none
    }

    .tag-list li {
        display: inline-block
    }

    .tag-list li a {
        font-weight: 500;
        font-size: 11px;
        text-align: center;
        color: #a0a0a0;
        border: 1px solid #a0a0a0;
        border-radius: 30px;
        padding: 10px 20px;
        display: inline-block;
        margin: 10px 5px;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .tag-list li a:hover {
        color: #fff;
        border: 1px solid #d90a2c;
        background-color: #d90a2c
    }

    .widget-banner {
        position: relative
    }

    .widget-banner img {
        background: #fff;
        border-radius: 10px;
        width: 100%
    }

    .widget-banner-dark img {
        height: 600px;
    }

    .banner-content {
        background: rgba(17, 17, 17, .95);
        border-radius: 10px;
        position: absolute;
        height: 90%;
        width: 90%;
        top: 5%;
        left: 5%;
        text-align: center
    }

    .banner-content .banner-inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        padding: 30px
    }

    .banner-content .banner-inner h2 {
        font-weight: 700;
        font-size: 45px;
        text-align: center;
        letter-spacing: .02em;
        color: #fff;
        margin-bottom: 50px
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .banner-content .banner-inner h2 {
            font-size: 38px;
            line-height: 55px
        }
    }

    @media(max-width:767px) {
        .banner-content .banner-inner h2 {
            font-size: 30px;
            line-height: 45px
        }
    }

    .banner-content .banner-inner .cmn-btn {
        justify-content: center
    }

    .pagination {
        display: block;
        list-style: none;
        text-align: center;
        margin-top: 50px
    }

    .pagination li {
        display: inline-block
    }

    .pagination li a {
        display: inline-block;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid #d3d3d3;
        box-sizing: border-box;
        border-radius: 50%;
        font-weight: 500;
        font-size: 17px;
        text-transform: capitalize;
        color: #d3d3d3;
        text-align: center;
        margin: 0 5px;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .pagination li a:hover {
        border: 1px solid #d90a2c;
        color: #d90a2c
    }

    .pagination li.active a {
        border: 1px solid #d90a2c;
        color: #d90a2c
    }

    .signle-news-list {
        background: #fff;
        border: 1px solid #f3f3f3;
        box-sizing: border-box;
        box-shadow: 0 0 50px rgba(53, 51, 83, .06)
    }

    .signle-news-list .post-img {
        position: relative
    }

    .signle-news-list .post-img img {
        width: 100%
    }

    .signle-news-list .news-content {
        padding: 0 20px 30px;
        position: relative
    }

    .signle-news-list .news-content .post-author-details {
        background: #fff;
        box-shadow: 4px 5px 50px rgba(53, 51, 83, .1);
        border-radius: 5px;
        display: inline-block;
        padding: 15px;
        margin-top: -30px;
        position: relative
    }

    .signle-news-list .news-content .post-author-details .author {
        margin: 0
    }

    .signle-news-list .news-content .comment {
        position: absolute;
        right: 20px;
        top: 15px
    }

    @media(max-width:767px) {
        .signle-news-list .news-content .comment {
            position: static;
            margin-top: 20px;
            text-align: center
        }
    }

    .signle-news-list .news-content .comment span {
        font-weight: 400;
        font-size: 17px;
        color: #6a696c;
        text-transform: capitalize
    }

    .signle-news-list .news-content .comment span i {
        margin-right: 5px
    }

    .blog-details {
        padding-bottom: 50px
    }

    @media(max-width:767px) {
        .blog-details {
            margin-right: 0
        }
    }

    .post-thumbnail {
        margin-bottom: 20px
    }

    .post-thumbnail img {
        width: 100%
    }

    .blog-details h3 {
        font-weight: 600;
        font-size: 25px;
        color: #2e2d31;
        line-height: 36px;
        margin-bottom: 20px
    }

    .author-comments {
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 20px;
        align-items: center
    }

    @media(max-width:767px) {
        .author-comments {
            display: block;
            margin-bottom: 0
        }
    }

    @media(max-width:767px) {
        .author-comments .comments {
            display: none
        }
    }

    .author-comments .comments span {
        text-transform: capitalize
    }

    .author-comments .comments span i {
        margin-right: 5px
    }

    .author-comments .author {
        margin: 0
    }

    .author-comments .comments {
        min-width: 240px;
        text-align: right
    }

    @media(max-width:767px) {
        .author-comments .comments {
            min-width: auto
        }
    }

    .blog-details p {
        font-weight: 400;
        font-size: 16px;
        line-height: 30px;
        color: #272727
    }

    .blog-details h4 {
        font-weight: 600;
        font-size: 22px;
        text-transform: capitalize;
        color: #2e2d31;
        margin-bottom: 10px;
        margin-top: 20px
    }

    .blog-quate {
        margin: 30px 0
    }

    .blog-quate blockquote {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        width: 100%;
        justify-content: space-between
    }

    .blog-quate blockquote p {
        font-weight: 600;
        font-size: 20px;
        line-height: 40px;
        letter-spacing: .03em;
        color: #545454;
        display: inline-block;
        margin-bottom: 0
    }

    .quote-left,
    .quote-right {
        min-width: 70px
    }

    @media(max-width:767px) {

        .quote-left,
        .quote-right {
            display: none !important
        }
    }

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

        .quote-left,
        .quote-right {
            display: block !important
        }
    }

    .quote-left i {
        font-size: 50px;
        color: #e4e4e4
    }

    .quote-left {
        margin-top: -10px
    }

    .quote-right {
        display: inline-block;
        transform: rotate(-180deg)
    }

    .quote-right i {
        font-size: 50px;
        color: #e4e4e4
    }

    .blog-quate b {
        position: relative;
        font-weight: 600;
        font-size: 15px;
        letter-spacing: .03em;
        color: #d90a2c;
        padding-left: 40px
    }

    .blog-quate b:before {
        position: absolute;
        content: "";
        left: 0;
        width: 30px;
        border: 1px solid #d90a2c;
        top: 50%;
        transform: translateY(-50%);
        opacity: .5
    }

    .blog-banner-img {
        margin-bottom: 40px
    }

    .blog-banner-img img {
        width: 100%
    }

    @media(max-width:767px) {
        .tags {
            text-align: center;
            margin-bottom: 20px
        }
    }

    .tags a {
        font-weight: 500;
        font-size: 12px;
        text-align: center;
        color: #a4a4a4;
        display: inline-block;
        padding: 13px 20px;
        border: 1px solid #eee;
        border-radius: 30px;
        margin-right: 10px;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .tags a {
            margin-bottom: 10px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px),
    only screen and (min-width:768px) and (max-width:991px),
    (max-width:767px) {
        .tags a {
            margin-bottom: 10px
        }
    }

    .tags a:hover {
        color: #fff;
        border: 1px solid #d90a2c;
        background-color: #d90a2c
    }

    .share-now span {
        text-align: center;
        border: 1px solid #000;
        border-radius: 30px;
        display: inline-block;
        min-width: 190px;
        padding: 10px 20px;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer
    }

    .share-now .social-share {
        list-style: none;
        text-align: center;
        background-color: #000;
        border: 1px solid #000;
        border-radius: 30px;
        padding: 10px 20px;
        min-width: 190px;
        display: none;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .share-now .social-share li {
        display: inline-block
    }

    .share-now .social-share li a {
        display: inline-block;
        font-size: 16px;
        color: #fff;
        padding: 0 10px;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .share-now .social-share li a:hover {
        color: #d90a2c
    }

    .share-now:hover .social-share {
        display: inline-block
    }

    .share-now:hover span {
        display: none
    }

    @media(max-width:767px) {
        .share-now {
            margin-left: auto;
            margin-right: auto;
            display: block;
            max-width: 190px
        }
    }

    .blog-comments {
        padding-top: 55px;
        border-top: 1px solid #eee
    }

    .blog-comments h3 {
        font-weight: 600;
        font-size: 25px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #111;
        margin-bottom: 40px
    }

    @media(max-width:767px) {
        .blog-comments h3 {
            font-size: 24px
        }
    }

    .single-comments {
        display: flex;
        margin-bottom: 40px
    }

    .single-comments:last-child {
        margin: 0
    }

    .post-author {
        min-width: 90px
    }

    .post-author img {
        height: 70px;
        width: 70px;
        border-radius: 50%
    }

    .post-author-details {
        position: relative
    }

    .post-author-details h4 {
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        text-transform: uppercase;
        color: #111;
        margin-top: 0;
        margin-bottom: 10px
    }

    @media(max-width:767px) {
        .post-author-details h4 {
            font-size: 18px
        }
    }

    .post-author-details span {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        text-transform: uppercase;
        color: #a4a4a4;
        display: block;
        margin-bottom: 0
    }

    .reply {
        position: absolute;
        right: 0;
        top: 22px
    }

    @media(max-width:767px) {
        .reply {
            position: static;
            margin-top: 20px;
            text-align: center
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .reply {
            position: absolute;
            margin-top: 0
        }
    }

    .reply a {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: .03em;
        text-transform: uppercase;
        color: #111;
        cursor: pointer;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .reply a:hover {
        color: #d90a2c
    }

    .reply a img {
        margin-right: 5px
    }

    .post-author-details p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        color: #272727;
        margin: 0;
        margin-top: 10px;
        line-height: 28px
    }

    .single-comments:nth-child(odd) {
        margin-left: 90px
    }

    @media only screen and (min-width:768px) and (max-width:991px),
    (max-width:767px) {
        .single-comments:nth-child(odd) {
            margin-left: 0
        }
    }

    .comment-form {
        margin-top: 80px
    }

    @media only screen and (min-width:768px) and (max-width:991px),
    (max-width:767px) {
        .comment-form {
            margin-bottom: 50px
        }
    }

    .comment-form h3 {
        font-weight: 700;
        font-size: 25px;
        text-transform: uppercase;
        color: #00152b;
        margin-bottom: 40px
    }

    @media(max-width:767px) {
        .comment-form h3 {
            font-size: 24px
        }

        .single-slide {
            padding: 5px !important;
        }

        .getin-touch-text .count-descrp {
            width: 100%;
        }

        .swiper.testimonial-slider .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
            bottom: 36px !important;
            left: 9px !important;
            width: auto !important;
            color: #d90a2c !important;
        }
    }

    .comment-form form input,
    textarea {
        background: #fff;
        border: 1px solid #e9e9e9;
        box-sizing: border-box;
        border-radius: 30px;
        height: 60px;
        margin-bottom: 35px;
        padding: 0 20px;
        width: 100%;
        font-size: 15px
    }

    .comment-form form textarea {
        height: 250px;
        resize: none;
        padding: 20px
    }

    .comment-form form input[type=submit] {
        max-width: 200px;
        background: #d90a2c;
        border: none;
        font-weight: 600;
        font-size: 16px;
        text-align: center;
        color: #fff;
        margin: 0;
        border: 2px solid transparent;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .comment-form form input[type=submit]:hover {
        color: #000;
        border: 2px solid #d90a2c;
        background: 0 0
    }

    .notfound-error {
        min-height: 850px;
        background-color: #131216
    }

    @media(max-width:767px) {
        .notfound-error .or2 {
            order: 2
        }

        .notfound-error .or1 {
            order: 1
        }
    }

    @media(max-width:767px) {
        .notfound-error {
            min-height: 550px
        }
    }

    .error-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 850px
    }

    @media(max-width:767px) {
        .error-wrapper {
            min-height: 550px
        }
    }

    @media(max-width:767px) {
        .error-wrapper .error-content {
            padding-top: 50px
        }
    }

    .error-wrapper .error-content h2 {
        -webkit-text-stroke: 2px #d90a2c;
        -webkit-text-fill-color: transparent;
        font-weight: 600;
        font-size: 40px;
        text-transform: uppercase;
        margin-bottom: 10px
    }

    @media(max-width:767px) {
        .error-wrapper .error-content h2 {
            font-size: 30px
        }
    }

    .error-wrapper .error-content h1 {
        font-weight: 700;
        font-size: 56px;
        text-transform: uppercase;
        color: #fff
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .error-wrapper .error-content h1 {
            font-size: 38px
        }
    }

    @media(max-width:767px) {
        .error-wrapper .error-content h1 {
            font-size: 30px
        }
    }

    .error-wrapper .error-content p {
        font-weight: 400;
        font-size: 15px;
        line-height: 28px;
        color: #fff;
        margin-bottom: 45px
    }

    @media(max-width:767px) {
        .error-wrapper .error-img {
            display: none
        }
    }

    .error-wrapper .error-img img {
        width: 100%
    }

    .comming-soon {
        display: flex;
        width: 100%;
        height: 100%;
        background: #131216;
        overflow: hidden
    }

    @media(max-width:767px) {
        .comming-soon {
            height: auto
        }
    }

    .comming-soon-left {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        padding: 0 120px;
        min-width: 50%
    }

    @media only screen and (min-width:1400px) and (max-width:1650px),
    only screen and (min-width:1200px) and (max-width:1399px),
    only screen and (min-width:992px) and (max-width:1199px) {
        .comming-soon-left {
            padding: 0 40px
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px),
    (max-width:767px) {
        .comming-soon-left {
            min-width: 100%;
            padding: 0 40px
        }
    }

    @media(max-width:767px) {
        .comming-soon-left {
            padding: 30px
        }
    }

    .cngs-content h1 {
        font-weight: 700;
        font-size: 50px;
        letter-spacing: .03em;
        text-transform: uppercase;
        -webkit-text-stroke: 1.5px #fff;
        -webkit-text-fill-color: transparent
    }

    .cngs-content p {
        font-size: 15px;
        line-height: 30px;
        color: #fff;
        margin: 0
    }

    #timer {
        margin: 50px 0
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        #timer {
            margin: 30px 0
        }
    }

    @media(max-width:767px) {
        #timer {
            margin: 30px 0;
            text-align: center
        }
    }

    #timer div {
        display: inline-block;
        min-width: 80px;
        margin: 15px
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        #timer div {
            margin: 10px;
            min-width: auto
        }
    }

    #timer div b {
        font-size: 60px;
        line-height: 60px;
        opacity: .3;
        -webkit-text-stroke: 1.5px #fff;
        -webkit-text-fill-color: transparent
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        #timer div b {
            font-size: 30px
        }
    }

    #timer div span {
        display: block;
        font-weight: 700;
        font-size: 30px;
        letter-spacing: .03em;
        text-transform: uppercase;
        color: #fff
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        #timer div span {
            font-size: 20px
        }
    }

    @media(max-width:767px) {
        .subscribe-mail {
            text-align: center
        }
    }

    .subscribe-mail form input {
        background: #26272b;
        border-radius: 5px;
        height: 60px;
        min-width: 350px;
        padding: 0 10px;
        color: #fff;
        border: none
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .subscribe-mail form input {
            min-width: 280px
        }
    }

    @media(max-width:767px) {
        .subscribe-mail form input {
            min-width: 100%;
            margin-bottom: 20px
        }
    }

    .subscribe-mail form input[type=submit] {
        background-color: #595959;
        border-radius: 5px;
        min-width: 170px;
        padding: 10px 20px;
        margin-left: 10px;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    @media only screen and (min-width:1400px) and (max-width:1650px),
    only screen and (min-width:1200px) and (max-width:1399px) {
        .subscribe-mail form input[type=submit] {
            min-width: 150px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .subscribe-mail form input[type=submit] {
            min-width: 120px
        }
    }

    .subscribe-mail form input[type=submit]:hover {
        background-color: #d90a2c
    }

    .social-icons {
        list-style: none;
        position: absolute;
        right: -15px;
        top: 50%;
        transform: translateY(-50%)
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .social-icons {
            right: 15px
        }
    }

    @media(max-width:767px) {
        .social-icons {
            position: static;
            transform: none;
            text-align: center;
            margin-top: 30px
        }
    }

    .social-icons li {
        display: block
    }

    @media(max-width:767px) {
        .social-icons li {
            display: inline-block;
            padding: 5px 10px
        }
    }

    .social-icons li a {
        display: inline-block;
        background: #111;
        border-radius: 10px;
        height: 35px;
        width: 35px;
        line-height: 35px;
        text-align: center;
        color: #fff;
        margin: 10px 0;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .social-icons li a:hover {
        background: #d90a2c
    }

    .comming-soon-right {
        min-width: 50%;
        background-color: #fff
    }

    @media only screen and (min-width:768px) and (max-width:991px),
    (max-width:767px) {
        .comming-soon-right {
            display: none
        }
    }

    footer {
        position: relative;
        /* background-image: url(../img/footer-bg.png); */
        background-size: cover;
        background-position: center center;
        z-index: 1;
        padding-top: 10px
    }

    @media(max-width:767px) {
        .footer-widget {
            margin-bottom: 50px
        }
    }

    .footer-widget .footer-logo {
        margin-bottom: 30px
    }

    .footer-widget .footer-logo a img {
        width: auto
    }

    .footer-widget h4 {
        font-weight: 700;
        font-size: 25px;
        letter-spacing: .03em;
        color: #fff;
        margin-bottom: 15px
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .footer-widget h4 {
            font-size: 24px
        }
    }

    .footer-widget address h4 {
        display: inline-block;
        font-weight: 500;
        font-size: 25px;
        letter-spacing: .03em;
        color: #fff;
        margin-bottom: 15px;
        position: relative
    }

    .footer-widget address h4:before {
        position: absolute;
        content: "";
        width: 100%;
        border: 1.5px solid #d90a2c;
        left: 0;
        bottom: -2px
    }

    .footer-widget address p {
        font-weight: 500;
        color: #fff;
        font-size: 15px
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .footer-widget address p {
            font-size: 14px
        }
    }

    .social-media-icons {
        list-style: none
    }

    .social-media-icons li {
        display: inline-block;
        padding-right: 30px
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .social-media-icons li {
            padding-right: 25px
        }
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .social-media-icons li {
            padding-right: 15px
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .social-media-icons li {
            padding-right: 5px
        }
    }

    .social-media-icons li a {
        display: inline-block;
        border: 1px solid #28292b;
        box-sizing: border-box;
        border-radius: 10px;
        height: 35px;
        width: 35px;
        line-height: 35px;
        text-align: center;
        color: #fff;
        -webkit-transition: all .8s ease-out 0s;
        -moz-transition: all .8s ease-out 0s;
        -ms-transition: all .8s ease-out 0s;
        -o-transition: all .8s ease-out 0s;
        transition: all .8s ease-out 0s
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .social-media-icons li a {
            height: 30px;
            width: 30px;
            line-height: 30px
        }
    }

    .social-media-icons li a:hover {
        background-color: #d90a2c;
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    .footer-menu {
        list-style: none
    }

    .footer-menu li {
        display: block;
        padding-bottom: 15px
    }

    .footer-menu li:last-child {
        padding-bottom: 0
    }

    .footer-menu li a {
        position: relative;
        font-weight: 500;
        font-size: 15px;
        color: #fff;
        display: inline-block;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .footer-menu li a {
            font-size: 15px
        }
    }

    .footer-menu li a:before {
        position: absolute;
        content: "";
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: -20px;
        height: 10px;
        width: 10px;
        background-color: #d90a2c;
        border-radius: 50%;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .footer-menu li a:hover {
        color: #d90a2c;
        padding-left: 15px
    }

    .footer-menu li a:hover:before {
        left: 0;
        visibility: visible;
        opacity: 1
    }

    .number,
    .office-mail,
    .address {
        display: flex;
        width: 100%;
        align-items: center;
        margin-bottom: 20px
    }

    .number p,
    .office-mail p,
    .address p {
        font-weight: 500;
        font-size: 15px;
        letter-spacing: .03em;
        color: #fff;
        margin: 0
    }

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

        .number p,
        .office-mail p,
        .address p {
            font-size: 14px
        }
    }

    .phone a,
    .email a {
        font-weight: 500;
        font-size: 15px;
        letter-spacing: .03em;
        color: #fff;
        display: block;
        padding-bottom: 5px;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

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

        .phone a,
        .email a {
            font-size: 13px
        }
    }

    .phone a:hover,
    .email a:hover {
        color: #d90a2c
    }

    .num-icon,
    .mail-icon,
    .address-icon {
        min-width: 35px
    }

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

        .num-icon,
        .mail-icon,
        .address-icon {
            min-width: 30px
        }
    }

    .num-icon i,
    .mail-icon i,
    .address-icon i {
        color: #d90a2c;
        font-size: 20px
    }

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

        .num-icon i,
        .mail-icon i,
        .address-icon i {
            font-size: 20px
        }
    }

    .footer-bottom {
        margin-top: 9px;
        padding: 30px 0;
        border-top: 0px solid #292929
    }

    @media(max-width:767px) {
        .footer-bottom {
            margin-top: 30px !important
        }
    }

    @media(max-width:767px) {
        .footer-bottom .copy-txt {
            text-align: center
        }
    }

    .footer-bottom .copy-txt span {
        font-size: 14px;
        color: #fff
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .footer-bottom .copy-txt span {
            font-size: 13px
        }
    }

    @media(max-width:767px) {
        .footer-bottom .copy-txt span {
            font-size: 13px
        }
    }

    .footer-bottom .copy-txt span a {
        font-weight: 700;
        color: #fff;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .footer-bottom .copy-txt span a:hover {
        color: #d90a2c
    }

    .footer-bottom .footer-bottom-menu {
        list-style: none;
        text-align: right
    }

    @media(max-width:767px) {
        .footer-bottom .footer-bottom-menu {
            margin-top: 30px;
            text-align: center
        }
    }

    .footer-bottom .footer-bottom-menu li {
        display: inline-block
    }

    .footer-bottom .footer-bottom-menu li a {
        position: relative;
        font-size: 14px;
        text-align: right;
        letter-spacing: .01em;
        color: #fff;
        padding: 0 20px;
        line-height: 1;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    @media(max-width:767px) {
        .footer-bottom .footer-bottom-menu li a {
            padding: 0;
            padding-right: 10px
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .footer-bottom .footer-bottom-menu li a {
            padding: 0 20px
        }
    }

    .footer-bottom .footer-bottom-menu li a:before {
        border-right: 1px solid #fff;
        position: absolute;
        content: "";
        height: 60%;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    @media(max-width:767px) {
        .footer-bottom .footer-bottom-menu li a:before {
            display: none
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .footer-bottom .footer-bottom-menu li a:before {
            display: block
        }
    }

    .footer-bottom .footer-bottom-menu li a:hover {
        color: #d90a2c
    }

    .footer-bottom .footer-bottom-menu li:last-child a:before {
        display: none
    }

    .header-layout3 {
        background-color: rgba(18, 19, 24, .85);
        padding: 0 100px
    }

    @media only screen and (min-width:1200px) and (max-width:1399px),
    only screen and (min-width:992px) and (max-width:1199px) {
        .header-layout3 {
            padding: 0 30px;
            padding-top: 5px
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .header-layout3 {
            padding: 0 30px;
            padding-top: 7px
        }
    }

    @media(max-width:767px) {
        .header-layout3 {
            padding: 20px 10px
        }
    }

    .main-nav.layout3 {
        text-align: center !important;
        display: block
    }

    @media only screen and (min-width:1400px) and (max-width:1650px),
    only screen and (min-width:1200px) and (max-width:1399px) {
        .main-nav.layout3 ul li {
            padding: 0 15px
        }
    }

    .header-right {
        display: flex;
        align-items: center;
        justify-content: end
    }

    @media(max-width:767px) {
        .header-right {
            display: none
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .header-right {
            display: block
        }
    }

    .header-right .social-media-layout3 {
        list-style: none
    }

    @media only screen and (min-width:768px) and (max-width:991px),
    (max-width:767px) {
        .header-right .social-media-layout3 {
            display: none
        }
    }

    .header-right .social-media-layout3 li {
        display: inline-block;
        margin: 0 5px
    }

    .header-right .social-media-layout3 li a {
        font-family: rajdhani, sans-serif;
        font-weight: 700;
        font-size: 18px;
        text-transform: uppercase;
        color: #fff;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    @media only screen and (min-width:1200px) and (max-width:1399px) {
        .header-right .social-media-layout3 li a {
            font-size: 15px
        }
    }

    .header-right .social-media-layout3 li a:hover {
        color: #d90a2c
    }

    .header-right .cmn-btn-layout3 {
        margin-left: 50px
    }

    @media only screen and (min-width:1400px) and (max-width:1650px),
    only screen and (min-width:1200px) and (max-width:1399px) {
        .header-right .cmn-btn-layout3 {
            margin-left: 20px
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px),
    (max-width:767px) {
        .header-right .cmn-btn-layout3 {
            margin-left: 0
        }
    }

    @media only screen and (min-width:1400px) and (max-width:1650px),
    only screen and (min-width:1200px) and (max-width:1399px) {
        .header-right .cmn-btn-layout3 a {
            font-size: 16px;
            padding: 15px 20px
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .header-right .cmn-btn-layout3 a {
            font-size: 16px
        }
    }

    .hero-area3 {
        position: relative;
        height: 100vh;
        overflow: hidden
    }

    @media(max-width:767px) {
        .hero-area3 {
            height: 80vh
        }
    }

    .circle {
        position: absolute;
        left: 50%;
        bottom: 25px;
        transform: translateX(-50%);
        z-index: 1
    }

    @media only screen and (min-width:992px) and (max-width:1199px),
    only screen and (min-width:768px) and (max-width:991px),
    (max-width:767px) {
        .circle {
            display: none
        }
    }

    .circle a {
        position: relative;
        display: inline-block;
        border: 2px solid #fff;
        box-sizing: border-box;
        border-radius: 30px;
        height: 55px;
        width: 30px
    }

    .circle a:before {
        position: absolute;
        content: "";
        height: 15px;
        border: 2px solid #fff;
        box-sizing: border-box;
        border-radius: 30px;
        left: 42%;
        bottom: 10px;
        transform: translateX(-42%);
        animation: up-down 2s alternate infinite
    }

    .wave-line {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        animation: zooming 5s ease infinite
    }

    .wave {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 2;
        animation: zooming 5s ease infinite
    }

    .swiper.hero-slider-3 {
        position: relative
    }

    .swiper.hero-slider-3 .swiper-slide-cover {
        transition: 8.5s ease-out;
        transform: scale(1.2)
    }

    .swiper.hero-slider-3 .swiper-slide.swiper-slide-active .swiper-slide-cover {
        transform: scale(1)
    }

    .swiper.hero-slider-3 .slider-navigations {
        position: absolute;
        bottom: 50px;
        left: 25%
    }

    @media only screen and (min-width:768px) and (max-width:991px),
    (max-width:767px) {
        .swiper.hero-slider-3 .slider-navigations {
            display: none
        }
    }

    .swiper.hero-slider-3 .swiper-button-next-c {
        position: absolute;
        left: -50px
    }

    .swiper.hero-slider-3 .swiper-button-prev-c,
    .swiper.hero-slider-3 .swiper-button-next-c {
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        background-color: transparent;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .swiper.hero-slider-3 .swiper-button-prev-c svg path,
    .swiper.hero-slider-3 .swiper-button-next-c svg path {
        fill: #fff;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .swiper.hero-slider-3 .swiper-button-prev-c:hover,
    .swiper.hero-slider-3 .swiper-button-next-c:hover {
        background-color: #fff
    }

    .swiper.hero-slider-3 .swiper-button-prev-c:hover svg path,
    .swiper.hero-slider-3 .swiper-button-next-c:hover svg path {
        fill: #d90a2c
    }

    .hero-content-layout3 {
        position: relative;
        padding-top: 85px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        height: 100vh;
        z-index: 1
    }

    @media(max-width:767px) {
        .hero-content-layout3 {
            height: 80vh
        }
    }

    .hero-content-layout3 img.trade-mark {
        max-width: 100px !important;
        position: absolute;
        right: 80px;
        top: 55%
    }

    @media(max-width:767px) {
        .hero-content-layout3 img.trade-mark {
            display: none
        }
    }

    .hero-content-layout3 span {
        font-weight: 500;
        font-size: 22px;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 10px;
        display: block
    }

    @media(max-width:767px) {
        .hero-content-layout3 span {
            font-size: 16px
        }
    }

    .hero-content-layout3 h1 {
        font-family: rajdhani, sans-serif;
        font-weight: 700;
        font-size: 100px;
        color: #fff;
        text-transform: uppercase
    }

    @media only screen and (min-width:1200px) and (max-width:1399px),
    only screen and (min-width:992px) and (max-width:1199px) {
        .hero-content-layout3 h1 {
            font-size: 80px
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .hero-content-layout3 h1 {
            font-size: 60px
        }
    }

    @media(max-width:767px) {
        .hero-content-layout3 h1 {
            font-size: 30px
        }
    }

    .hero-content-layout3 .btn-manager a {
        position: relative;
        overflow: hidden;
        font-family: rajdhani, sans-serif;
        font-weight: 600;
        font-size: 20px;
        display: inline-block;
        text-transform: uppercase;
        color: #fff;
        border: 2px solid #dd0429;
        box-sizing: border-box;
        padding: 15px 30px;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .hero-content-layout3 .btn-manager a {
            font-size: 16px
        }
    }

    @media(max-width:767px) {
        .hero-content-layout3 .btn-manager a {
            font-size: 14px;
            padding: 15px 20px
        }
    }

    .hero-content-layout3 .btn-manager a i {
        margin-left: 10px
    }

    .hero-content-layout3 .btn-manager a:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 0%;
        top: 50%;
        left: 50%;
        background-color: #000;
        transform: translate(-50%, -50%) rotate(-45deg);
        z-index: -1;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .hero-content-layout3 .btn-manager a:hover {
        color: #d90a2c;
        border: 2px solid #000;
        box-shadow: 0 0 5px rgba(255, 255, 255, .3)
    }

    .hero-content-layout3 .btn-manager a:hover:before {
        height: 380%
    }

    .swiper-slide>.swiper-slide-cover {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center center
    }

    .swiper-slide>.swiper-slide-cover:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: #0e0b17;
        opacity: .65
    }

    .swiper-slide .slide1 {
        background-image: url(../img/home-3/home-3-slider-1.jpg);
        transform-origin: 0 100%
    }

    .swiper-slide .slide2 {
        background-image: url(../img/home-3/home-3-slider-2.jpg);
        transform-origin: 100% 0
    }

    .swiper-slide.swiper-slide-active .hero-content-layout3 img.trade-mark {
        animation: fadeIn 1s ease-in both;
        animation-delay: 2.5s
    }

    .swiper-slide.swiper-slide-active .hero-content-layout3 span {
        animation: fadeIn 1s ease-in both;
        animation-delay: 1s
    }

    .swiper-slide.swiper-slide-active .hero-content-layout3 h1 {
        animation: fadeIn 1s ease-in both;
        animation-delay: 1.5s
    }

    .swiper-slide.swiper-slide-active .hero-content-layout3 .btn-manager {
        animation: fadeIn 1s ease-in both;
        animation-delay: 2s
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translate3d(0, -20%, 0)
        }

        to {
            opacity: 1;
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes up-down {
        0% {
            transform: translateY(20px);
            -webkit-transform: translateY(0)
        }

        50% {
            transform: translateY(-20px);
            -webkit-transform: translateY(-20px)
        }

        100% {
            transform: translateY(0);
            -webkit-transform: translateY(0)
        }
    }

    @keyframes zooming {
        0% {
            transform: scale(1)
        }

        50% {
            transform: scale(1.15, 1.15)
        }

        100% {
            transform: scale(1)
        }
    }

    @media(max-width:767px) {
        .about-area3 {
            padding-top: 80px
        }
    }

    .fini-about-imgs {
        display: flex;
        align-items: center
    }

    @media(max-width:767px) {
        .fini-about-imgs {
            margin-bottom: 40px
        }
    }

    .fini-img-left {
        position: relative;
        margin-right: 10px
    }

    .fini-img-left .fini-about-shape-1 {
        position: absolute;
        left: -40px;
        z-index: -1;
        top: 60px;
        animation-name: rotateme;
        animation-duration: 5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        transition: all .2s cubic-bezier(.98, .57, 1, 1) 0s
    }

    @media(max-width:767px) {
        .fini-img-left .fini-about-shape-1 {
            display: none
        }
    }

    .fini-img-left .fini-about-1 {
        border-radius: 10px;
        margin-bottom: 20px;
        text-align: right;
        display: block;
        margin-left: auto
    }

    .fini-img-left .fini-about-2 {
        border-radius: 10px;
        display: block;
        margin-left: auto;
        text-align: right
    }

    .fini-img-right {
        position: relative;
        margin-left: 10px
    }

    .fini-img-right .fini-about-shape-2 {
        position: absolute;
        right: -40px;
        top: -50px;
        z-index: -1;
        animation: zoom-in-zoom-out 5s ease infinite
    }

    @media(max-width:767px) {
        .fini-img-right .fini-about-shape-2 {
            display: none
        }
    }

    .fini-img-right .fini-about-3 {
        border-radius: 10px;
        margin-bottom: 20px;
        display: block;
        margin-left: auto;
        text-align: right
    }

    .fini-img-right .fini-about-4 {
        border-radius: 10px;
        display: block;
        margin-left: auto;
        text-align: right
    }

    @keyframes rotateme {
        0% {
            transform: rotate(0deg);
            opacity: 1
        }

        50% {
            transform: rotate(180deg)
        }

        100% {
            transform: rotate(360deg);
            opacity: 1
        }
    }

    @keyframes zoom-in-zoom-out {
        0% {
            transform: scale(1, 1)
        }

        50% {
            transform: scale(1.25, 1.25)
        }

        100% {
            transform: scale(1, 1)
        }
    }

    .fini-about-content {
        padding-left: 30px
    }

    @media only screen and (min-width:768px) and (max-width:991px),
    (max-width:767px) {
        .fini-about-content {
            padding-left: 0
        }
    }

    .fini-about-content span {
        font-family: poppins, sans-serif;
        font-weight: 500;
        font-size: 16px;
        display: inline-block;
        text-transform: uppercase;
        color: #dd0429;
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-bottom: 1px solid #d90a2c
    }

    .fini-about-content h2 {
        font-family: rajdhani, sans-serif;
        font-weight: 700;
        font-size: 50px;
        text-transform: capitalize;
        color: #17161a;
        margin-bottom: 20px
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .fini-about-content h2 {
            font-size: 40px
        }
    }

    @media(max-width:767px) {
        .fini-about-content h2 {
            font-size: 30px
        }
    }

    .fini-about-content>p {
        margin: 0;
        font-size: 16px;
        color: #454545;
        text-align: justify
    }

    .fini-about-content .our-mission {
        display: flex;
        width: 100%;
        align-items: center;
        margin: 30px 0;
        margin-bottom: 45px
    }

    @media(max-width:767px) {
        .fini-about-content .our-mission {
            display: block;
            text-align: center
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .fini-about-content .our-mission {
            display: flex;
            text-align: left
        }
    }

    .fini-about-content .our-mission .msn-icon {
        min-width: 100px
    }

    .fini-about-content .our-mission .msn-icon i img {
        width: 70px
    }

    .fini-about-content .our-mission .cto {
        min-width: 150px
    }

    .fini-about-content .our-mission .cto img {
        width: 140px
    }

    @media(max-width:767px) {
        .fini-about-content .our-mission .msn-content {
            margin: 25px 0
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .fini-about-content .our-mission .msn-content {
            margin: 0
        }
    }

    .fini-about-content .our-mission .msn-content h5 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 5px
    }

    .fini-about-content .our-mission .msn-content p {
        margin: 0;
        color: #272727;
        font-size: 16px
    }

    @media(max-width:767px) {
        .fini-about-content .cmn-btn-layout3 {
            text-align: center
        }
    }

    @media(max-width:767px) {
        .services-area3 {
            margin: 80px 0
        }
    }

    .fini-service {
        position: relative;
        padding: 40px;
        background-color: #fff;
        box-shadow: 0 0 50px rgba(53, 51, 83, .06);
        z-index: 1
    }

    .fini-service:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        height: 0%;
        width: 0%;
        border: 1px solid rgba(221, 4, 41, .2);
        -webkit-transition: all 1s ease-out 0s;
        -moz-transition: all 1s ease-out 0s;
        -ms-transition: all 1s ease-out 0s;
        -o-transition: all 1s ease-out 0s;
        transition: all 1s ease-out 0s;
        opacity: 0;
        z-index: -1
    }

    .fini-service.border {
        border: 1px solid rgba(221, 4, 41, .2) !important;
        -webkit-transition: all 1s ease-out 0s;
        -moz-transition: all 1s ease-out 0s;
        -ms-transition: all 1s ease-out 0s;
        -o-transition: all 1s ease-out 0s;
        transition: all 1s ease-out 0s
    }

    .fini-service .fini-icon {
        margin-bottom: 30px
    }

    .fini-service .fini-icon i img {
        height: 70px;
        filter: grayscale(100%);
        -webkit-transition: all 1s ease-out 0s;
        -moz-transition: all 1s ease-out 0s;
        -ms-transition: all 1s ease-out 0s;
        -o-transition: all 1s ease-out 0s;
        transition: all 1s ease-out 0s
    }

    .fini-service span {
        font-family: rajdhani, sans-serif;
        font-weight: 700;
        font-size: 60px;
        opacity: .5;
        -webkit-text-stroke: 1px #b3b3b3;
        -webkit-text-fill-color: transparent;
        line-height: 60px;
        position: absolute;
        right: 40px;
        top: 30px;
        -webkit-transition: all 1s ease-out 0s;
        -moz-transition: all 1s ease-out 0s;
        -ms-transition: all 1s ease-out 0s;
        -o-transition: all 1s ease-out 0s;
        transition: all 1s ease-out 0s
    }

    .fini-service h4 {
        font-family: rajdhani, sans-serif;
        font-weight: 700;
        font-size: 25px;
        color: #17161a;
        margin-bottom: 15px;
        -webkit-transition: all 1s ease-out 0s;
        -moz-transition: all 1s ease-out 0s;
        -ms-transition: all 1s ease-out 0s;
        -o-transition: all 1s ease-out 0s;
        transition: all 1s ease-out 0s
    }

    .fini-service p {
        font-size: 16px;
        color: #454545;
        margin-bottom: 15px
    }

    .fini-service a {
        font-family: rajdhani, sans-serif;
        font-weight: 600;
        font-size: 18px;
        display: inline-block;
        color: #454545;
        -webkit-transition: all 1s ease-out 0s;
        -moz-transition: all 1s ease-out 0s;
        -ms-transition: all 1s ease-out 0s;
        -o-transition: all 1s ease-out 0s;
        transition: all 1s ease-out 0s
    }

    .fini-service a i {
        margin-left: 5px
    }

    .fini-service:hover:before {
        height: 100%;
        width: 100%;
        opacity: 1
    }

    .fini-service:hover.border {
        border: 1px solid transparent !important
    }

    .fini-service:hover.border:before {
        opacity: 0
    }

    .fini-service:hover .fini-icon i img {
        filter: grayscale(0)
    }

    .fini-service:hover span {
        -webkit-text-stroke: 1px #d90a2c;
        -webkit-text-fill-color: transparent
    }

    .fini-service:hover h4,
    .fini-service:hover a {
        color: #d90a2c
    }

    .count-layout3 {
        text-align: center
    }

    .count-layout3 i {
        margin-bottom: 20px;
        display: block
    }

    .count-layout3 i img {
        height: 70px
    }

    .count-layout3 p {
        font-weight: 500;
        font-size: 20px;
        text-transform: capitalize;
        color: #454545;
        margin: 0
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .count-layout3 p {
            font-size: 16px
        }
    }

    .count-layout3 .counter span {
        font-family: rajdhani, sans-serif;
        font-weight: 700;
        font-size: 40px;
        text-transform: capitalize;
        color: #17161a
    }

    .count-layout3 .counter sup {
        font-family: rajdhani, sans-serif;
        font-weight: 700;
        font-size: 40px;
        text-transform: capitalize;
        color: #17161a;
        top: -10px
    }

    @media(max-width:767px) {
        .project-area3 {
            margin-top: 80px
        }
    }

    .project-item-menu {
        list-style: none;
        text-align: center;
        margin-bottom: 50px
    }

    .project-item-menu li {
        display: inline-block;
        font-family: rajdhani, sans-serif;
        font-weight: 600;
        font-size: 22px;
        text-align: center;
        text-transform: capitalize;
        color: #17161a;
        position: relative;
        margin: 0 10px;
        cursor: pointer;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    @media(max-width:767px) {
        .project-item-menu li {
            font-size: 16px
        }
    }

    .project-item-menu li:before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        height: 1px;
        width: 100%;
        background-color: #d90a2c;
        transform: translateY(-50%);
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .project-item-menu li.active {
        color: #d90a2c
    }

    .project-item-menu li.active:before {
        visibility: visible;
        opacity: 1
    }

    .project-item-menu li:hover {
        color: #d90a2c
    }

    .project-item-menu li:hover:before {
        visibility: visible;
        opacity: 1
    }

    .project-item {
        position: relative
    }

    .project-item:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #390B13 76.56%);
        height: 100%;
        width: 100%;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s;
        transform: scale(.3)
    }

    .project-item:after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        background-image: url(../img/home-3/project/project-item-hover.png);
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center center;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s;
        transform: scale(.3)
    }

    .project-item img {
        width: 100%
    }

    .project-item a {
        position: absolute;
        top: 25px;
        right: 25px;
        height: 50px;
        width: 50px;
        line-height: 50px;
        background-color: #dd0429;
        text-align: center;
        color: #fff;
        font-size: 20px;
        border-radius: 50%;
        z-index: 1;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s;
        transform: scale(.3)
    }

    .project-item .project-item-inner {
        position: absolute;
        left: 0;
        width: 100%;
        padding: 25px;
        bottom: 0;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s;
        transform: scale(.3)
    }

    .project-item .project-item-inner h4 {
        font-family: rajdhani, sans-serif;
        font-weight: 700;
        font-size: 25px;
        display: block;
        text-transform: capitalize;
        color: #fff;
        margin: 0;
        z-index: 1
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .project-item .project-item-inner h4 {
            font-size: 20px
        }
    }

    .project-item:hover a {
        transform: scale(1);
        visibility: visible;
        opacity: 1
    }

    .project-item:hover .project-item-inner {
        transform: scale(1);
        visibility: visible;
        opacity: 1
    }

    .project-item:hover:before,
    .project-item:hover:after {
        transform: scale(1);
        visibility: visible;
        opacity: 1
    }

    @media(max-width:767px) {
        .testimonial-area3 {
            margin: 80px 0
        }
    }

    .single-slide {
        background: transparent;
        /* box-shadow: 0 0 50px rgba(53, 51, 83, .06); */
        padding: 25px;
        text-align: center;
        padding-top: 0;
        border-radius: 5px;
        /* border: 1px solid rgba(221, 4, 41, .2)!important */
    }

    /* .reviewer-thumb {
    text-align: center;
    position: relative;
    top: -40px
}

.reviewer-thumb img {
    height: 80px;
    width: 80px;
    border-radius: 50%
} */

    .reviewer-thumb {
        text-align: left;
        position: relative;
        top: 15px;
        margin-bottom: 0.1rem;
    }

    .reviewer-thumb img {
        /* height: 80px; */
        /* width: 45px;
    border-radius: 50%; */
    }

    .reviewer-thumb img {
        background-color: rgba(150, 144, 162, .35);
        width: 3.65rem;
        height: 3.65rem;
        position: relative;
        overflow: hidden;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        object-fit: cover;
    }

    .reviewer-thumb img::after {
        content: "";
        height: 100%;
        width: 100%;
        z-index: 1;
        top: 0;
        left: 0;
        content: "";
        display: block;
        position: absolute;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        -webkit-box-shadow: inset 0 0 0 0.3125rem rgb(150 144 162 / 15%);
        box-shadow: inset 0 0 0 0.3125rem rgb(150 144 162 / 15%);
    }

    .swiper.testimonial2-slider {
        padding: 50px 5px
    }

    .swiper.testimonial2-slider .swiper-pagination {
        bottom: 0 !important;
        position: absolute !important;
    }

    .swiper.testimonial2-slider .swiper-pagination .swiper-pagination-bullet {
        position: relative;
        height: 8px !important;
        width: 8px !important;
        background-color: #454545 !important;
        opacity: 1 !important;
        margin: 0 10px !important
    }

    .swiper.testimonial2-slider .swiper-pagination .swiper-pagination-bullet:before {
        position: absolute;
        left: -4px;
        top: -4px;
        border: 1px solid #454545;
        height: 16px;
        width: 16px;
        content: "";
        border-radius: 50%
    }

    .swiper.testimonial2-slider .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #d90a2c !important
    }

    .swiper.testimonial2-slider .swiper-pagination .swiper-pagination-bullet-active:before {
        border: 1px solid #d90a2c
    }

    .single-slide h4 {
        font-weight: 600;
        font-size: 20px;
        color: #fff;
        /* margin-top: 1.2rem; */
        margin-bottom: 5px !important;
        /* margin-left: -18px; */
        text-align: left !important;
    }

    .reviewer-name h6 {
        color: #ffffff !important;
    }

    .author-details {
        color: #82838c;
        margin-top: 0.2rem;
        margin-bottom: 25px;
        font-size: .95em;
        text-align: left;
    }

    .single-slide h6 {
        font-weight: 500;
        font-size: 16px;
        color: #aaaaaa;
        margin-bottom: 0px !important;
        margin-top: 1px !important;
        /* margin-left: -18px; */
        text-align: left !important;
    }

    .single-slide p {
        font-size: 1.05em;
        text-align: justify;
        color: #ffffff;
        /* margin: 25px 0 */
    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .single-slide p {
            font-size: 14px
        }

    }

    .swiper-slide.swiper-slide-active .single-slide {
        border: none !important
    }

    .single-articale {
        display: flex;
        align-items: center;
        background-color: #fff;
        box-shadow: 0 0 50px rgba(53, 51, 83, .06)
    }

    @media(max-width:767px) {
        .single-articale {
            display: block
        }
    }

    .single-articale .articale-thumb {
        min-width: 50%;
        overflow: hidden
    }

    .single-articale .articale-thumb img {
        width: 100%;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .single-articale .articale-content {
        padding: 20px
    }

    .single-articale .articale-content h4 {
        margin-bottom: 15px
    }

    .single-articale .articale-content h4 a {
        font-family: rajdhani, sans-serif;
        font-weight: 700;
        font-size: 22px;
        color: #17161a;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .single-articale .articale-content p {
        margin: 0;
        font-size: 16px;
        color: #454545
    }

    .single-articale .articale-content a {
        font-family: rajdhani, sans-serif;
        font-weight: 600;
        font-size: 18px;
        display: block;
        color: #454545;
        margin-top: 15px;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .single-articale .articale-content a i {
        margin-left: 5px
    }

    .single-articale:hover .articale-thumb img {
        transform: scale(1.1)
    }

    .single-articale:hover .articale-content h4 a {
        color: #d90a2c
    }

    .single-articale:hover .articale-content a {
        color: #d90a2c
    }

    @media(max-width:767px) {
        .clients-area {
            margin: 80px 0
        }
    }

    .client-thumbnails {
        display: flex;
        justify-content: space-between
    }

    @media(max-width:767px) {
        .client-thumbnails {
            display: block;
            text-align: center
        }
    }

    .client-thumbnails .client-thumb {
        margin: 0 10px
    }

    @media(max-width:767px) {
        .client-thumbnails .client-thumb {
            margin-top: 20px
        }

        .client-thumbnails .client-thumb:first-child {
            margin: 0
        }
    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .client-thumbnails .client-thumb {
            display: inline-block
        }
    }

    .client-thumbnails .client-thumb img {
        width: auto;
        filter: grayscale(100%);
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .client-thumbnails .client-thumb img:hover {
        filter: grayscale(0)
    }

    .footer-widget.layout3>a {
        font-family: poppins, sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #e5e5e5
    }

    .footer-widget.layout3 p {
        font-weight: 500;
        font-size: 16px;
        color: #e5e5e5;
        margin: 15px 0
    }

    .footer-widget.layout3 .social-media-icons li a {
        border-radius: 0
    }

    .footer-subscribe {
        margin-bottom: 30px
    }

    .footer-subscribe form {
        position: relative
    }

    .footer-subscribe form input {
        border: 1.5px solid #454545;
        box-sizing: border-box;
        width: 100%;
        height: 50px;
        background: 0 0;
        color: #fff;
        font-size: 14px;
        padding: 0 10px
    }

    .footer-subscribe form input[type=submit] {
        width: auto;
        height: 39px;
        background-color: #dd0429;
        border: 1.5px solid #dd0429;
        position: absolute;
        right: 5px;
        top: 5px
    }

    .footer-subscribe form input[type=email] {
        padding-right: 100px
    }

    @media only screen and (max-width:1199px) {
        header .main-nav {
            position: fixed;
            top: 0;
            left: 0;
            width: 260px;
            padding: 10px 15px !important;
            z-index: 99999;
            height: 100%;
            overflow: auto;
            background: #242424;
            -webkit-transform: translateX(-260px);
            transform: translateX(-260px);
            -webkit-transition: -webkit-transform .3s ease-in;
            transition: -webkit-transform .3s ease-in;
            transition: transform .3s ease-in;
            transition: transform .3s ease-in, -webkit-transform .3s ease-in
        }

        header .main-nav .mobile-menu-logo {
            text-align: left;
            padding-top: 20px;
            display: block;
            border-bottom: 1px solid #d90a2c;
            padding-bottom: 8px
        }

        header .main-nav ul {
            float: none;
            text-align: left;
            padding: 25px 10px 25px 0
        }

        header .main-nav ul li {
            display: block;
            position: relative;
            padding: 0 5px
        }

        header .main-nav ul li a {
            padding: 10px 0;
            display: block;
            font-weight: 300
        }

        header .main-nav ul li ul.sub-menu {
            position: static;
            min-width: 200px;
            background: 0 0;
            border: none;
            opacity: 1;
            visibility: visible;
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transform: none;
            transform: none;
            -webkit-transition: none;
            transition: none;
            display: none;
            margin-top: 0 !important;
            transform: translateY(0px)
        }

        header .main-nav.slidenav {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        header .main-nav ul li .bi {
            display: block;
            top: 8px;
            font-size: 16px
        }

        .mobile-menu {
            position: relative;
            top: 2px;
            padding: 0 5px;
            border-radius: 50%;
            display: inline-block
        }

        .cross-btn {
            display: inline-block !important;
            position: relative;
            width: 30px !important;
            height: 22px !important;
            cursor: pointer;
            border: 3px solid transparent !important
        }

        .cross-btn span {
            width: 100%;
            height: 2px;
            background: linear-gradient(233.77deg, rgba(115, 0, 0, 0.8) 0.94%, rgba(217, 10, 44, 0.8) 99.09%) !important;
            display: block;
            position: absolute;
            right: 0;
            -webkit-transition: all .3s;
            transition: all .3s
        }

        .cross-btn .cross-top {
            top: 0
        }

        .cross-btn .cross-middle {
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 100%
        }

        .cross-btn .cross-bottom {
            bottom: 0;
            width: 100%
        }

        .cross-btn.h-active span.cross-top {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 50%;
            margin-top: -1px
        }

        .cross-btn.h-active span.cross-middle {
            -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
            opacity: 0
        }

        .cross-btn.h-active span.cross-bottom {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            bottom: 50%;
            margin-bottom: -1px
        }
    }

    .sub-inside-story {
        color: #b3b3b3 !important;
        text-align: left !important;
    }

    .contact-input-title {
        color: #d1d1d1;
        margin-bottom: 5px;
    }

    .title-dark h2 {
        color: #ffffff !important;
    }

    .contact-reach h3 {
        color: #ffffff;
    }

    .contact-reach h5 {
        color: #ffffff;
        font-weight: 400;
    }

    .contact-reach .sub-heading {
        color: #b3b3b3;
    }

    .contact-reach .imga {
        background-image: url(../img/breadcrumbs/inr_2.jpg);
    }

    .contact-detail {
        margin-top: 60px !important;
    }

    .phone-lk {
        margin-top: 30px;
    }

    .chevron-dark {
        color: #ffffff;
    }

    @media (max-width: 767px) {
        .contact-input-title {
            text-align: left !important;
        }
    }

    /* ------------------------------------
    07. Breadcrumbs Section CSS
---------------------------------------*/

    .rs-breadcrumbs {
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center center !important;
        max-height: 570px;
    }

    .rs-breadcrumbs .breadcrumbs-inner {
        padding: 310px 0 180px;
    }

    .rs-breadcrumbs .breadcrumbs-inner .page-title {
        font-size: 50px;
        line-height: 56px;
        font-weight: 700;
        margin-bottom: 10px;
        color: #ffffff;
        position: relative;
        z-index: 1;
        padding-top: 20px;
    }

    .rs-breadcrumbs .breadcrumbs-inner .page-title:after {
        content: "";
        height: 5px;
        position: absolute;
        top: 0px;
        left: 0;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        z-index: -1;
        background: #ffffff;
        width: 65px;
        margin: 0 auto;
    }

    .rs-breadcrumbs .breadcrumbs-inner .page-title .watermark {
        position: absolute;
        font-size: 200px;
        text-transform: uppercase;
        font-weight: 900;
        font-family: poppins, sans-serif;
        opacity: .05;
        width: 100%;
        left: 0;
        color: inherit;
        white-space: nowrap;
        vertical-align: middle;
    }

    .rs-breadcrumbs .breadcrumbs-inner .sub-text {
        font-size: 18px;
        line-height: 30px;
        font-weight: 500;
        color: rgba(255, 255, 255, .75);
        text-transform: capitalize;
        display: inline-block;
        margin-top: 10px;
        padding-right: 290px;
    }

    .rs-breadcrumbs .breadcrumbs-inner ul {
        padding: 0;
    }

    .rs-breadcrumbs .breadcrumbs-inner ul li {
        color: #ffffff;
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
    }

    .rs-breadcrumbs .breadcrumbs-inner ul li a {
        position: relative;
        padding-right: 22px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        color: #ffffff;
    }

    .rs-breadcrumbs .breadcrumbs-inner ul li a:before {
        background-color: #fff;
        content: "";
        height: 15px;
        width: 1px;
        position: absolute;
        right: 9px;
        top: 2px;
        transform: rotate(26deg);
    }

    .rs-breadcrumbs .breadcrumbs-inner ul li a:hover {
        opacity: .7;
    }

    .rs-breadcrumbs.img1 {
        background: url(../img/breadcrumbs/inr_1.jpg);
    }

    .rs-breadcrumbs.img2 {
        background: url(../img/breadcrumbs/inr_2.jpg);
    }

    .rs-breadcrumbs.img3 {
        background: url(../img/breadcrumbs/inr_3.jpg);
    }

    .rs-breadcrumbs.img4 {
        background: url(../img/breadcrumbs/inr_4.jpg);
    }

    .rs-breadcrumbs.img5 {
        background: url(../img/breadcrumbs/inr_5.jpg);
    }

    .rs-breadcrumbs.img6 {
        background: url(../img/breadcrumbs/inr_6.jpg);
    }

    .rs-breadcrumbs.img7 {
        background: url(../img/breadcrumbs/inr_7.jpg);
    }

    .rs-breadcrumbs.img8 {
        background: url(../img/breadcrumbs/inr_8.jpg);
    }

    .rs-breadcrumbs.img9 {
        background: url(../img/breadcrumbs/inr_9.jpg);
    }

    .rs-breadcrumbs.img10 {
        background: url(../img/breadcrumbs/inr_10.jpg);
    }

    .rs-breadcrumbs.img11 {
        background: url(../img/breadcrumbs/inr_11.webp);
    }

    .rs-breadcrumbs.img12 {
        background: url(../img/breadcrumbs/inr_12.jpg);
    }

    @media only screen and (max-width: 480px) {
        .rs-breadcrumbs .breadcrumbs-inner {
            padding: 240px 0 110px;
        }

        .rs-breadcrumbs .breadcrumbs-inner .page-title {
            font-size: 35px;
            line-height: 43px;
        }

        .rs-breadcrumbs .breadcrumbs-inner .sub-text {
            font-size: 16px;
            line-height: 28px;
            padding-right: 0;
        }

        .rs-breadcrumbs .breadcrumbs-inner .page-title .watermark {
            font-size: 170px;
            display: none;
            visibility: hidden;
        }
    }

    hr:not([size]) {
        height: 1px;
        color: rgb(77, 77, 77);
    }

    /* ------------------------------------
    18. Process Section CSS
---------------------------------------*/

    .rs-process.style1 .process-effects-layer {
        background-image: url(../img/breadcrumbs-bg.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 1050px auto;
        margin-top: -110px;
        margin-bottom: 0px;
        padding: 160px 0px 0px 0px;
    }

    .rs-process.style1 .process-effects-layer .rs-addon-number .number-part .number-image {
        background: #0D0C0F;
        padding: 50px;
        border-radius: 50%;
        display: block;
        margin: 0 auto;
        width: 140px;
    }

    .rs-process.style1 .process-effects-layer .rs-addon-number .number-part .number-image img {
        width: 60px;
        display: block;
    }

    .rs-process.style1 .process-effects-layer .rs-addon-number .number-part .number-text {
        position: relative;
        text-align: center;
    }

    .rs-process.style1 .process-effects-layer .rs-addon-number .number-part .number-text .number-area {
        position: relative;
        transition: all .3s ease 0s;
        text-align: center;
        width: 50px;
        height: 50px;
        left: -50px;
        top: -36px;
        margin: -13px 0px 0px 0px;
        display: inline-block;
        border-radius: 50px 50px 50px 50px;
        background: #BB0B0B;
    }

    .rs-process.style1 .process-effects-layer .rs-addon-number .number-part .number-text .number-area .number-prefix {
        font-size: 18px;
        line-height: 50px;
        font-weight: 700;
        color: #ffffff;
    }

    .rs-process.style1 .process-effects-layer .rs-addon-number .number-part .number-text .number-title .title {
        font-size: 20px;
        line-height: 38px;
        font-weight: 700;
        color: #F1EAEA;
        margin: 0 0 10px;
    }

    .rs-process.style1 .process-effects-layer .rs-addon-number .number-part .number-text .number-txt {
        margin: 0 24px 0 24px;
        color: #FFFFFF;
    }

    .rs-process.style1.careers-style .process-effects-layer {
        background-image: unset;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 1050px auto;
        margin-top: -110px;
        margin-bottom: 0px;
        padding: 160px 0px 0px 0px;
    }

    .rs-process.style1.careers-style .process-effects-layer .rs-addon-number .number-part .number-image {
        background: #0a0a0a;
    }

    .rs-process.style1.careers-style .process-effects-layer .rs-addon-number .number-part .number-text .number-title .title {
        color: #0a0a0a;
    }

    .rs-process.style1.careers-style .process-effects-layer .rs-addon-number .number-part .number-text .number-txt {
        margin: 0 17px 0 17px;
        color: #6e6e6e;
    }

    .rs-process.style2 .rs-addon-number .number-part {
        padding: 50px 30px 50px 30px;
        background-color: #0F0E11;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #0F0E11;
        margin: 0 3px 0 3px;
    }

    /* .rs-process.style2 .rs-addon-number .number-part:hover {
        background-image: url(https://images.unsplash.com/photo-1537511446984-935f663eb1f4?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80);
    } */

    .rs-process.style2 .rs-addon-number .number-part .number-area .number-prefix {
        font-size: 50px;
        line-height: 50px;
        font-weight: 700;
        color: #ffffff21;
        display: block;
        margin-bottom: 22px;
    }

    .rs-process.style2 .rs-addon-number .number-part .number-title .title {
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
        color: #ffffff;
        margin: 0 0 12px;
    }

    .rs-process.style2 .rs-addon-number .number-part .number-txt {
        margin-bottom: 27px;
        color: #6e6e6e;
        text-align: justify;
    }

    .rs-process.style2 .rs-addon-number .number-part .number-txt .loac-text {
        padding-top: 12px;
    }

    .rs-process.style2 .rs-addon-number .number-part .number-txt .loac-text strong {
        font-weight: 700;
    }

    .lets-talk-3 .count-content {
        margin-top: 55px;
    }

    /* line limit */

    .text-line-2 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* number of lines to show */
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .portfolio-blade img {
        width: 260px;
    }

    .portfolio-blade .title {
        margin-bottom: 170px;
    }

    @media(max-width:767px) {
        .portfolio-blade .title {
            margin-bottom: 40px !important;
        }

        .portfolio-blade img {
            width: 126px !important;
        }
    }

    /* -----------------------
    03. Header Section CSS
--------------------------*/

    .full-width-header {
        position: relative;
    }

    .full-width-header .rs-header {
        position: relative;
    }

    .full-width-header .rs-header .topbar-area.style1 {
        background: transparent;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .full-width-header .rs-header .topbar-area.style1 .topbar-contact li {
        display: inline-block;
        color: #ffffff;
        font-size: 13px;
        line-height: 50px;
        font-weight: 500;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        margin-right: 20px;
        padding-right: 20px;
    }

    .full-width-header .rs-header .topbar-area.style1 .topbar-contact li i {
        margin-right: 5px;
    }

    .full-width-header .rs-header .topbar-area.style1 .topbar-contact li i:before {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
    }

    .full-width-header .rs-header .topbar-area.style1 .topbar-contact li a {
        color: #ffffff;
        font-size: 14px;
    }

    .full-width-header .rs-header .topbar-area.style1 .topbar-contact li a:hover {
        color: #bb0b0b;
    }

    .full-width-header .rs-header .topbar-area.style1 .topbar-contact li:last-child {
        margin: 0;
        border: none;
    }

    .full-width-header .rs-header .topbar-area.style1 .toolbar-sl-share ul .opening {
        color: #ffffff;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        margin-right: 15px;
        padding-right: 40px;
    }

    .full-width-header .rs-header .topbar-area.style1 .toolbar-sl-share ul .opening em {
        font-size: 13px;
        font-style: normal;
    }

    .full-width-header .rs-header .topbar-area.style1 .toolbar-sl-share ul .opening em i {
        margin-right: 8px;
    }

    .full-width-header .rs-header .topbar-area.style1 .toolbar-sl-share ul .opening em i:before {
        font-size: 13px;
        color: #ffffff;
    }

    .full-width-header .rs-header .topbar-area.style1 .toolbar-sl-share ul li {
        display: inline-block;
        font-size: 14px;
        line-height: 50px;
        margin-right: 12px;
    }

    .full-width-header .rs-header .topbar-area.style1 .toolbar-sl-share ul li a {
        font-size: 14px;
        color: #ffffff;
    }

    .full-width-header .rs-header .topbar-area.style1 .toolbar-sl-share ul li a:hover {
        color: #bb0b0b;
    }

    .full-width-header .rs-header .topbar-area.style1 .toolbar-sl-share ul li:last-child {
        margin: 0;
    }

    .full-width-header .rs-header .topbar-area.style2 {
        background-color: unset !important;
        padding-bottom: 30px;
    }

    .full-width-header .rs-header .topbar-area.style2 .row-table {
        display: flex;
        width: 100%;
        position: relative;
        align-items: center;
        justify-content: space-between;
    }

    .full-width-header .rs-header .topbar-area.style2 .row-table .header-logo {
        display: flex;
        flex: 1;
    }

    .full-width-header .rs-header .topbar-area.style2 .row-table .header-logo .logo-area a .normal-logo {
        display: block;
        max-height: 50px;
    }

    .full-width-header .rs-header .topbar-area.style2 .row-table .header-logo .logo-area a .sticky-logo {
        display: none;
        max-height: 50px;
    }

    .full-width-header .rs-header .topbar-area.style2 .row-table .header-quote {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list {
        display: inline-block;
        padding-right: 25px;
        padding-left: 25px;
        border-right: 1px solid #eee;
        font-size: 14px;
    }

    .full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list .info-icon {
        float: left;
        margin-right: 15px;
        line-height: 35px;
    }

    .full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list .info-icon i:before {
        font-size: 26px;
        color: #0082f1;
    }

    .full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list .info-content {
        float: left;
        text-align: left;
        display: block;
    }

    .full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list .info-content .info-title {
        font-size: 15px;
        line-height: 18px;
        font-weight: 600;
    }

    .full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list .info-content .info-title a {
        color: #0a0a0a;
    }

    .full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list .info-content .info-title a:hover {
        color: #0082f1;
    }

    .full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list .info-content .info-des {
        font-size: 14px;
        color: #595858;
    }

    .full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list .info-content .info-des a {
        color: #595858;
    }

    .full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list .info-content .info-des a:hover {
        color: #0082f1;
    }

    .full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list:last-child {
        border: none;
    }

    .full-width-header .rs-header .menu-area {
        transition: all 0.3s ease 0s;
        background: transparent;
    }

    .full-width-header .rs-header .menu-area .row-table {
        display: flex;
        width: 100%;
        position: relative;
        align-items: center;
        justify-content: space-between;
    }

    .full-width-header .rs-header .menu-area .row-table .col-cell {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .full-width-header .rs-header .menu-area .row-table .col-cell.header-logo {
        display: flex;
        flex: 1;
    }

    .full-width-header .rs-header .menu-area .logo-area a .sticky-logo {
        display: none;
    }

    .full-width-header .rs-header .menu-area .logo-area img {
        transition: 0.4s;
        -webkit-transition: 0.4s;
        max-height: 50px;
    }

    .full-width-header .rs-header .menu-area .logo-area .dark {
        display: none;
    }

    .full-width-header .rs-header .menu-area .logo-area .light {
        display: inherit;
    }

    .full-width-header .rs-header .menu-area .rs-menu-area {
        display: flex;
        align-items: center;
        margin-right: 72px;
    }

    .full-width-header .rs-header .menu-area .main-menu {
        position: unset;
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li {
        display: inline-block;
        margin-right: 32px;
        padding: 0;
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a {
        transition: all 0.3s ease;
        font-size: 15px;
        font-weight: 600;
        margin-right: 10px;
        height: 95px;
        line-height: 95px;
        padding: 0;
        color: #ffffff;
        position: relative;
        font-family: Poppins;
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a:hover {
        color: #bb0b0b;
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children>a {
        padding-right: 17px;
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children>a:before {
        content: "+";
        position: absolute;
        left: auto;
        right: 0;
        top: 50%;
        text-align: center;
        z-index: 9999;
        font-size: 16px;
        display: block;
        cursor: pointer;
        transform: translateY(-50%);
        font-weight: 400;
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children:hover>a:before {
        content: "-";
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item>a {
        color: #bb0b0b;
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu {
        background: #ffffff;
        margin: 0;
        padding: 20px 0;
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li {
        margin: 0 !important;
        border: none;
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0;
        font-family: Poppins;
        font-size: 14px;
        color: #101010;
        font-weight: 500;
        height: unset;
        line-height: 25px;
        text-transform: capitalize;
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a:hover {
        color: #bb0b0b;
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li.menu-item-has-children a:before {
        display: none;
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li:last-child {
        margin: 0;
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu.right {
        left: auto;
        right: 100%;
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.onepage-menu li.current-menu-item>a {
        color: #bb0b0b;
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li a:hover,
    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.active a,
    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item>a,
    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item>a:before {
        color: #bb0b0b !important;
    }

    .full-width-header .rs-header .menu-area.sticky {
        background: #fff;
    }

    .full-width-header .rs-header .menu-area.sticky .logo-area a .sticky-logo {
        display: block;
        max-height: 50px;
    }

    .full-width-header .rs-header .menu-area.sticky .logo-area a .normal-logo {
        display: none;
    }

    .full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu>li>a {
        color: #101010;
    }

    .full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu>li>a:hover {
        color: #bb0b0b;
    }

    .full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu>li.current-menu-item>a {
        color: #bb0b0b;
    }

    .full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .rsphone a {
        color: #101010;
    }

    .full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .rsphone a:hover {
        color: #bb0b0b;
    }

    .full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .icon-bar .cart-icon i {
        color: #0a0a0a;
    }

    .full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .search-parent a i {
        color: #101010;
    }

    .full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .search-parent a i:hover {
        color: #bb0b0b;
    }

    .full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .nav-link .nav-expander .bar span {
        background: #101010;
    }

    .full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .nav-link .nav-expander:hover .bar span {
        background: #bb0b0b;
    }

    .full-width-header .rs-header .expand-btn-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .full-width-header .rs-header .expand-btn-inner ul {
        display: flex;
        align-items: center;
    }

    .full-width-header .rs-header .expand-btn-inner ul li {
        display: inline-block;
        margin-right: 22px;
    }

    .full-width-header .rs-header .expand-btn-inner ul li>a {
        color: #ffffff;
        display: inline-block;
        cursor: pointer;
    }

    .full-width-header .rs-header .expand-btn-inner ul li>a i:before {
        font-size: 18px;
        font-weight: 600;
    }

    .full-width-header .rs-header .expand-btn-inner ul li>a i.flaticon-shopping-bag-1:before {
        font-weight: normal;
    }

    .full-width-header .rs-header .expand-btn-inner ul li>a:hover {
        color: #bb0b0b;
    }

    .full-width-header .rs-header .expand-btn-inner ul li:last-child {
        margin-right: 0;
    }

    .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar {
        padding: 16px 13px 16px;
        background: transparent;
        max-width: 50px;
        display: flex;
        flex-wrap: wrap;
        border-radius: 2px;
        padding-right: 0;
        margin-right: -4px;
    }

    .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span {
        height: 5px;
        width: 5px;
        display: block;
        background: #bb0b0b;
        border-radius: 50%;
        transition: none;
        list-style: none;
        transition: all 0.3s ease;
        margin: 2px 3px;
    }

    .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot2,
    .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot3,
    .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot4,
    .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot5,
    .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot6,
    .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot7,
    .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot8 {
        background: #bb0b0b;
    }

    .full-width-header .rs-header.header-transparent {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
    }

    .full-width-header .rs-header.style2 {
        position: static;
    }

    .full-width-header .rs-header.style2 .topbar-area {
        background-color: #bb0b0b;
    }

    .full-width-header .rs-header.style2 .topbar-area.style1 .topbar-contact li a:hover {
        color: #fff;
    }

    .full-width-header .rs-header.style2 .menu-area .main-menu .rs-menu ul.nav-menu li a {
        color: #0a0a0a;
    }

    .full-width-header .rs-header.style2 .menu-area .main-menu .rs-menu ul.sub-menu li {
        margin: 0 !important;
        border: none;
    }

    .full-width-header .rs-header.style2 .menu-area .main-menu .rs-menu ul.sub-menu li a:hover {
        color: #bb0b0b;
    }

    .full-width-header .rs-header.style2 .menu-area .main-menu .rs-menu ul li a:hover,
    .full-width-header .rs-header.style2 .menu-area .main-menu .rs-menu ul li.active a,
    .full-width-header .rs-header.style2 .menu-area .main-menu .rs-menu ul li.current-menu-item>a {
        color: #bb0b0b;
    }

    .full-width-header .rs-header.style2 .expand-btn-inner ul li>a {
        color: #0a0a0a;
    }

    .full-width-header .rs-header.style2 .expand-btn-inner ul li>a:hover {
        color: #bb0b0b;
    }

    .full-width-header .rs-header.style2 .expand-btn-inner ul li:last-child {
        margin-right: 0;
    }

    .full-width-header .rs-header.style2.header-home4-style .menu-area .main-menu .rs-menu ul.nav-menu li a {
        color: #0a0a0a;
        height: 116px;
        line-height: 116px;
    }

    .full-width-header .rs-header.style2.header-home4-style .menu-area .main-menu .rs-menu ul.sub-menu li {
        margin: 0 !important;
        border: none;
    }

    .full-width-header .rs-header.style2.header-home4-style .menu-area .main-menu .rs-menu ul.sub-menu li a {
        height: unset;
        line-height: unset;
    }

    .full-width-header .rs-header.style2.header-home4-style .menu-area .main-menu .rs-menu ul.sub-menu li a:hover {
        color: #bb0b0b;
    }

    .full-width-header .rs-header.style2.header-home4-style .menu-area .main-menu .rs-menu ul li a:hover,
    .full-width-header .rs-header.style2.header-home4-style .menu-area .main-menu .rs-menu ul li.active a,
    .full-width-header .rs-header.style2.header-home4-style .menu-area .main-menu .rs-menu ul li.current-menu-item>a {
        color: #bb0b0b;
    }

    .full-width-header .rs-header.style2.header-home4-style .expand-btn-inner ul li>a {
        color: #0a0a0a;
    }

    .full-width-header .rs-header.style2.header-home4-style .expand-btn-inner ul li>a:hover {
        color: #bb0b0b;
    }

    .full-width-header .rs-header.style2.header-home4-style .expand-btn-inner ul li:last-child {
        margin-right: 0;
    }

    .full-width-header .rs-header.style2.header-home4-style .expand-btn-inner ul .humburger {
        display: none;
    }

    .full-width-header .rs-header.style3 {
        bottom: -33px;
    }

    .full-width-header .rs-header.style3 .box-layout {
        position: relative;
        z-index: 10;
        max-width: 1172px;
        margin: 0 auto;
        border-radius: 1px;
        background: #0082f1;
        padding: 0 30px;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .header-logo {
        display: none;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu li a {
        color: #ffffff;
        height: 65px;
        line-height: 65px;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu li a:hover {
        color: #bbb !important;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu.menu-item-has-children>a {
        padding-right: 17px;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu.menu-item-has-children>a:before {
        content: "+";
        position: absolute;
        left: auto;
        right: 0;
        top: 50%;
        text-align: center;
        z-index: 9999;
        font-size: 16px;
        display: block;
        cursor: pointer;
        transform: translateY(-50%);
        font-weight: 400;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu.menu-item-has-children:hover>a:before {
        content: "-";
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu.current-menu-item>a {
        color: #bbb !important;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.sub-menu li a {
        color: #101010;
        line-height: 25px;
        height: unset;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.sub-menu li a:hover {
        color: #0082f1 !important;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul li a:hover,
    .full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul li.active a,
    .full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul li.current-menu-item>a {
        color: #0082f1 !important;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .sticky {
        background: transparent;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .sticky .box-layout {
        background: unset !important;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .sticky .logo-area a .sticky-logo {
        display: block;
        max-height: 50px;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .sticky .logo-area a .normal-logo {
        display: none;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .sticky .main-menu .rs-menu ul.nav-menu>li>a {
        color: #101010 !important;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .sticky .main-menu .rs-menu ul.nav-menu>li>a:hover {
        color: #0082f1 !important;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .sticky .main-menu .rs-menu ul.nav-menu>li.current-menu-item>a {
        color: #0082f1 !important;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .rightbar-menu {
        display: flex;
        align-items: center;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .rightbar-menu .expand-btn-inner .search-parent {
        margin-right: 24px;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .rightbar-menu .expand-btn-inner .search-parent a i:before {
        color: #ffffff;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .rightbar-menu .expand-btn-inner .humburger {
        display: none;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .rightbar-menu .expand-btn-inner .toolbar-sl-share {
        border-left: 1px solid rgba(255, 255, 255, 0.42);
        padding-left: 22px;
        border-color: #fff;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .rightbar-menu .expand-btn-inner .toolbar-sl-share li {
        display: inline-block;
        margin-right: 22px;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .rightbar-menu .expand-btn-inner .toolbar-sl-share li a i {
        color: #ffffff;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .rightbar-menu .expand-btn-inner .toolbar-sl-share li a i:before {
        font-size: 14px;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .rightbar-menu .expand-btn-inner .toolbar-sl-share li a i:hover {
        color: #ccc;
    }

    .full-width-header .rs-header.style3 .box-layout .row-table .rightbar-menu .expand-btn-inner .toolbar-sl-share li:last-child {
        margin-right: 0;
    }

    .full-width-header .rs-header.style3 .sticky {
        background: transparent;
    }

    .full-width-header .rs-header.style3 .sticky .box-layout {
        background: unset !important;
    }

    .full-width-header .rs-header.style3 .sticky .box-layout .row-table .header-logo {
        display: block;
    }

    .full-width-header .rs-header.style3 .sticky .box-layout .row-table .header-logo .logo-area a img {
        max-height: 40px;
    }

    .full-width-header .rs-header.style3 .sticky .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu li a {
        color: #101010;
    }

    .full-width-header .rs-header.style3 .sticky .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu li a:hover {
        color: #0082f1 !important;
    }

    .full-width-header .rs-header.style3 .sticky .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu.menu-item-has-children>a {
        padding-right: 17px;
    }

    .full-width-header .rs-header.style3 .sticky .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu.menu-item-has-children:hover>a:before {
        content: "-";
    }

    .full-width-header .rs-header.style3 .sticky .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu.current-menu-item>a {
        color: #bbb !important;
    }

    .full-width-header .rs-header.style3 .sticky .box-layout .row-table .rightbar-menu {
        display: flex;
        align-items: center;
    }

    .full-width-header .rs-header.style3 .sticky .box-layout .row-table .rightbar-menu .expand-btn-inner .search-parent {
        margin-right: 24px;
    }

    .full-width-header .rs-header.style3 .sticky .box-layout .row-table .rightbar-menu .expand-btn-inner .search-parent a i:before {
        color: #0a0a0a;
    }

    .full-width-header .rs-header.style3 .sticky .box-layout .row-table .rightbar-menu .expand-btn-inner .search-parent a i:hover {
        color: #0082f1;
    }

    .full-width-header .rs-header.style3 .sticky .box-layout .row-table .rightbar-menu .expand-btn-inner .toolbar-sl-share {
        display: none;
    }

    .full-width-header .rs-header.header-home5-style .menu-area {
        padding-top: 10px;
    }

    .full-width-header .rs-header.header-home5-style .expand-btn-inner ul li>a:hover,
    .full-width-header .rs-header.header-home5-style .menu-area .main-menu .rs-menu ul li.active a,
    .full-width-header .rs-header.header-home5-style .menu-area .main-menu .rs-menu ul.nav-menu li a:hover,
    .full-width-header .rs-header.header-home5-style .menu-area .main-menu .rs-menu ul li.current-menu-item>a:before,
    .full-width-header .rs-header.header-home5-style .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item>a {
        color: #4caf50 !important;
    }

    .full-width-header .rs-header.header-home5-style .menu-area.sticky {
        padding-top: unset;
    }

    .full-width-header .rs-header.header-home5-style .menu-area.sticky .expand-btn-inner ul .search-parent a i:hover {
        color: #4caf50;
    }

    .full-width-header .rs-header.header-home5-style .expand-btn-inner ul .humburger {
        display: none;
    }

    .full-width-header .mobile-menu {
        display: none;
    }

    .full-width-header .mobile-menu .mobile-logo {
        float: left;
    }

    .full-width-header .mobile-menu .mobile-logo img {
        max-height: 30px;
    }

    .full-width-header .mobile-menu .rs-menu-toggle {
        color: #ffffff;
        float: right;
    }

    .full-width-header .mobile-menu .rs-menu-toggle.primary {
        color: #bb0b0b;
    }

    .full-width-header .mobile-menu .rs-menu-toggle.secondary {
        color: #191821;
    }

    .full-width-header .mobile-menu .rs-menu-toggle .nav-dots {
        position: absolute;
        right: 0;
        width: 25px;
        height: 2px;
        background: #fff;
        z-index: 11;
        top: 23px;
    }

    .full-width-header .mobile-menu .rs-menu-toggle .dot1,
    .full-width-header .mobile-menu .rs-menu-toggle .dot3 {
        width: 15px;
    }

    .full-width-header .mobile-menu .rs-menu-toggle .dot2 {
        top: 28px;
    }

    .full-width-header .mobile-menu .rs-menu-toggle .dot3 {
        top: 34px;
    }

    .full-width-header .mobile-menu .rs-menu-toggle .dot4 {
        top: 40px;
    }

    .full-width-header .right_menu_togle {
        background: #000000;
        padding: 46px 40px 50px 50px;
        font-size: 1.15em;
        max-width: 480px;
        width: 100%;
        right: -500px;
        z-index: 999999;
        transition: all 0.3s ease;
        position: fixed;
        overflow-y: auto;
    }

    .full-width-header .right_menu_togle .close-btn {
        overflow: visible;
    }

    .full-width-header .right_menu_togle .close-btn .nav-close {
        position: absolute;
        top: 25px;
        display: block;
        z-index: 99;
        right: 35px;
        cursor: pointer;
        transition: all .3s ease;
    }

    .full-width-header .right_menu_togle .close-btn .nav-close .line {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .full-width-header .right_menu_togle .close-btn .nav-close .line span {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        width: 2px !important;
        height: 25px !important;
        background: #ffffff;
        border: none !important;
        transition: all 0.3s ease;
    }

    .full-width-header .right_menu_togle .close-btn .nav-close .line span.line2 {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .full-width-header .right_menu_togle .close-btn:hover .nav-close .line span {
        background: #bb0b0b;
    }

    .full-width-header .right_menu_togle .canvas-logo {
        padding-left: 0;
        padding-bottom: 25px;
    }

    .full-width-header .right_menu_togle .canvas-logo img {
        max-height: 28px;
    }

    .full-width-header .right_menu_togle .offcanvas-text p {
        font-size: 16px;
        line-height: 30px;
        color: #ffffff;
        margin: 5px 0 45px;
    }

    .full-width-header .right_menu_togle .canvas-contact {
        padding: 30px 0 0;
    }

    .full-width-header .right_menu_togle .canvas-contact .address-area .address-list {
        display: flex;
        margin-top: 18px;
    }

    .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-icon i:before {
        margin: 0 20px 0 0;
        font-size: 25px;
        color: #bb0b0b;
    }

    .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content .title {
        font-size: 16px;
        line-height: 26px;
        font-weight: 600;
        color: #ffffff;
        margin-bottom: 5px;
    }

    .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em {
        display: block;
        font-style: normal;
        line-height: 22px;
        font-size: 15px;
        color: #ffffff;
    }

    .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a {
        color: #ffffff;
    }

    .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover {
        color: #bb0b0b;
    }

    .full-width-header .right_menu_togle .canvas-contact .social {
        margin: 40px 0 0;
    }

    .full-width-header .right_menu_togle .canvas-contact .social li {
        display: inline-block;
    }

    .full-width-header .right_menu_togle .canvas-contact .social li a i {
        font-size: 15px;
        color: #fff;
        margin: 0 8px 0 0;
        text-align: center;
        border: 1px solid rgba(255, 255, 255, 0.1);
        width: 35px;
        height: 35px;
        line-height: 35px;
        border-radius: 0px;
    }

    .full-width-header .right_menu_togle .canvas-contact .social li a i:hover {
        background: #bb0b0b;
        color: #ffffff;
    }

    .full-width-header .right_menu_togle .canvas-contact .social li:last-child {
        margin: 0;
    }

    .full-width-header .mobile-navbar-menu .sub-menu {
        display: none;
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }

    .full-width-header .mobile-navbar-menu .nav-menu li {
        position: relative;
    }

    .full-width-header .mobile-navbar-menu .nav-menu li a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        display: block;
        color: #fff;
        padding: 10px 0;
        line-height: 30px;
        width: 100%;
    }

    .full-width-header .mobile-navbar-menu .nav-menu li li a {
        padding-left: 25px;
    }

    .full-width-header .mobile-navbar-menu .nav-menu li li li a {
        padding-left: 50px;
    }

    .full-width-header .mobile-navbar-menu span.submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 5px;
        display: block;
        height: 40px;
        width: 40px;
        cursor: pointer;
    }

    .full-width-header .mobile-navbar-menu span.submenu-button:before,
    .full-width-header .mobile-navbar-menu span.submenu-button:after {
        position: absolute;
        top: 24px;
        right: 10px;
        width: 20px;
        height: 1px;
        display: block;
        background: #fff;
        z-index: 2;
        content: '';
        right: 12px;
        width: 12px;
    }

    .full-width-header .mobile-navbar-menu span.submenu-button:before {
        width: 1px;
        height: 12px;
        right: 17px;
        top: 18px;
    }

    .full-width-header .mobile-navbar-menu span.submenu-button em {
        display: block;
        position: absolute;
        right: 0;
        border-radius: 4px;
        top: 50%;
        transform: translateY(-50%);
    }

    .full-width-header .mobile-navbar-menu .hash-has-sub span.submenu-button {
        width: 100%;
        cursor: pointer;
        top: 0;
        height: 50px;
    }

    .full-width-header .mobile-navbar-menu .submenu-button.submenu-opened:before {
        display: none;
    }

    .full-width-header .mobile-navbar-menu ul ul li,
    .full-width-header .mobile-navbar-menu li:hover>ul>li {
        height: auto;
    }

    .full-width-header .mobile-navbar-menu ul.nav-menu>li:first-child>span.submenu-button:after {
        top: 19px;
    }

    .full-width-header .mobile-navbar-menu ul.nav-menu>li:first-child>span.submenu-button:before {
        top: 13px;
    }

    .full-width-header .mobile-navbar-menu .nav-menu li.active-menu a,
    .full-width-header .mobile-navbar-menu .nav-menu li a:hover {
        color: #bb0b0b;
    }

    body.modal-open {
        padding: 0 !important;
    }

    body .modal.show .modal-dialog {
        width: 100%;
        max-width: 900px;
    }

    body .search-modal {
        padding: 0 !important;
        background: #000;
    }

    body .search-modal .modal-content {
        position: initial;
        border: 0;
        background: unset;
    }

    body .search-modal .search-block form {
        position: relative;
    }

    body .search-modal .search-block form input {
        background: none;
        border: none;
        color: #fff;
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
        outline: none;
        font-size: 35px;
    }

    body .search-modal .search-block form button {
        background: #000;
        border: none;
        padding: 5px 20px;
        color: #ffffff;
        border-radius: 0 5px 5px 0;
        font-size: 16px;
        position: absolute;
        content: '';
        right: 0;
        top: 11px;
    }

    body .search-modal .search-block form button i:before {
        color: #fff;
        font-size: 35px;
        font-weight: 600;
    }

    body .search-modal .search-block ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #fff;
        opacity: 1;
    }

    body .search-modal .search-block ::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff;
        opacity: 0.3;
    }

    body .search-modal .search-block :-ms-input-placeholder {
        /* IE 10+ */
        color: #fff;
        opacity: 1;
    }

    body .search-modal .search-block :-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
        opacity: 1;
    }

    body .search-modal .close {
        position: fixed;
        right: 50px;
        top: 50px;
        background: #ffffff;
        color: #0a0a0a;
        width: 55px;
        height: 55px;
        line-height: 58px;
        text-align: center;
        cursor: pointer;
        border-radius: 50%;
        transition: all .5s ease;
        opacity: unset;
        box-shadow: unset;
        border: none;
    }

    body .search-modal .close span:before {
        font-size: 14px;
        position: relative;
        top: -2px;
        left: 0px;
        font-weight: 700;
    }

    body .search-modal .close:hover {
        opacity: 0.8 !important;
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.mega-menu {
        position: absolute;
        left: 0;
        min-width: 1210px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.015);
        padding: 20px 0;
    }

    .full-width-header .rs-header.style3 .menu-area .main-menu .rs-menu ul.mega-menu {
        min-width: 1180px;
        left: -31px;
    }

    .career-brackrumbs {
        margin-bottom: 80px;
    }

    .box-service {
        margin-top: 60px;
    }

    .box-service .bdr {
        border-right: 1px solid rgba(255, 255, 255, .75);
        /* margin-right: 15px; */
    }

    .box-service .box-part {
        text-align: left;
    }

    .box-service .box-part .title h3 {
        color: #fff;
        font-weight: 600;
    }

    .box-service .box-part .text span {
        color: rgba(255, 255, 255, .75)
    }

    .box-service .r2 {
        margin-top: 85px;
    }

    /*  */
    /* ------------------------------------
    14. Faq Section CSS
---------------------------------------*/

    .rs-faq {
        margin-top: 150px;
        margin-bottom: 150px;
    }

    .rs-faq .faq-content .accordion {
        border-width: 12px;
    }

    .rs-faq .faq-content .accordion .card {
        margin-bottom: 15px;
        border: none;
        background-color: #0D0C0F;
    }

    .rs-faq .faq-content .accordion .card:last-child {
        margin-bottom: 0;
    }

    .rs-faq .faq-content .accordion .card .card-header {
        display: flex;
        align-items: center;
        padding: 0 !important;
        border: none;
        /* box-shadow: 0 0 10px #efefef; */
        /* background: #fff; */
    }

    .rs-faq .faq-content .accordion .card .card-header .card-link {
        position: relative;
        display: block;
        width: 100%;
        padding: 20px 30px 0 30px;
        height: 65px;
        line-height: 1.3;
        font-size: 18px;
        font-weight: 600;
        background: #0E0F12;
        /* box-shadow: 0 0 10px #efefef; */
        color: #fff;
    }

    .rs-faq .faq-content .accordion .card .card-header .card-link:after {
        position: absolute;
        font-family: FontAwesome;
        content: "\f068";
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        font-size: 12px;
        color: #ffffff;
        background: #0E0F12;
        width: 35px;
        height: 35px;
        line-height: 35px;
        border-radius: 100%;
    }

    .rs-faq .faq-content .accordion .card .card-header .card-link.collapsed:after {
        color: #ffffff;
        content: "\f067";
    }

    .rs-faq .faq-content .accordion .card .card-body {
        color: #fff;
        padding: 0 30px 30px 30px !important;
        width: 100%;
        background: #0E0F12;
        /* box-shadow: 0 4px 10px #efefef; */
    }

    .rs-faq.faq-home-style5 .faq-content .accordion .card .card-header .card-link:after {
        left: 13px;
        font-size: 12px;
        color: #0a0a0a;
        box-shadow: unset;
        background: unset;
    }

    .rs-faq.faq-home-style5 .faq-content .accordion .card .card-header {
        box-shadow: unset;
    }

    .rs-faq.faq-home-style5 .faq-content .accordion .card .card-header .card-link {
        padding: 22px 36px 0 60px;
        font-size: 16px;
        font-weight: 600;
        background: #ffffff;
        box-shadow: unset;
    }

    .rs-faq.faq-home-style5 .faq-content .accordion .card .card-header.active .card-link {
        background: #4caf50;
        color: #ffffff;
        padding: 22px 36px 0 60px;
    }

    .rs-faq.faq-home-style5 .faq-content .accordion .card .card-header.active .card-link:after {
        color: #ffffff;
    }

    .rs-faq.faq-home-style5 .faq-content .accordion .card .card-body {
        background: #fff;
        box-shadow: unset;
    }

    .rs-faq h1 {
        color: #fff !important;
    }

    @media only screen and (max-width: 480px) {
        .rs-breadcrumbs .ser .breadcrumbs-inner {
            padding: 135px 0 40px;
        }

        .box-service .box-part .title {
            text-align: left;
        }

        .box-service .s-box {
            margin-bottom: 50px;
        }

        .box-service .bdr {
            border-right: none;
        }

        .rs-faq {
            margin-top: 55px;
            margin-bottom: 100px;
        }

        .rs-faq h1 {
            text-align: left;
        }

        .rs-faq .sec-title {
            margin-bottom: 30px;
        }

        .faq-content .card-body {
            text-align: justify;
        }

        .rs-faq .sec-title p {
            text-align: justify;
        }
    }

    /* tools */

    .tech-icon-content .tools-icon {
        background-color: #16171A;
        border-radius: 15px;
        padding: 15px;
        width: 60px;
        height: 60px;
        margin-left: 15px;
        margin-bottom: 15px;
    }

    .tech-icon-content .tools-icon:hover {
        border: .5px solid #16171A;
    }

    .tech-icon-content .tools-icon img {
        /* height: 50px; */
        width: 40px;
        background-size: cover;
        background-position: center center;
        height: 100%;
        text-align: center !important;
    }

    /*  */

    .service-card-2 .card {
        border: none;
        border-radius: 20px;
        transition: all 0.5s;
        cursor: pointer;
    }

    .service-card-2 .card:hover {
        transform: scale(1.1);
    }

    .service-card-2 .heading {
        font-size: 32px;
        font-weight: bold;
        text-align: center
    }

    .service-card-2 .name {
        font-size: 15px;
        font-weight: bold
    }

    .service-card-2 .square {
        background-color: #fedcdd;
        height: 30px;
        width: 30px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .service-card-2 .email {
        font-size: 14px;
        margin-left: 25px;
        font-weight: bold
    }

    .service-card-2 .dummytext {
        font-size: 12px;
        font-weight: normal;
        color: #848590
    }

    .service-card-2 .icons i {
        color: #FA222A;
        margin-left: 25px
    }

    .service-card-2 .icons span {
        font-size: 13px;
        font-weight: normal;
        color: #848590
    }

    .service-card-2 .square1 {
        background-color: #cfe3fe;
        height: 30px;
        width: 30px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .service-card-2 .icons1 i {
        color: #497eea;
        margin-left: 25px
    }

    .service-card-2 .icons1 span {
        font-size: 13px;
        font-weight: normal;
        color: #848590
    }

    .service-card-2 .square2 {
        background-color: #ffefc5;
        height: 30px;
        width: 30px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .service-card-2 .icons2 i {
        color: #ffc227;
        margin-left: 25px
    }

    .service-card-2 .icons2 span {
        font-size: 13px;
        font-weight: normal;
        color: #848590
    }

    .service-card-2 .square5 {
        background-color: #41cfff;
        height: 30px;
        width: 30px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .service-card-2 .icons5 i {
        color: #41cfff;
        margin-left: 25px
    }

    .service-card-2 .icons5 span {
        font-size: 13px;
        font-weight: normal;
        color: #848590
    }

    .service-card-2 .square4 {
        background-color: #eae6fd;
        height: 30px;
        width: 30px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .service-card-2 .icons4 i {
        color: #6a35ff;
        margin-left: 25px
    }

    .service-card-2 .icons4 span {
        font-size: 13px;
        font-weight: normal;
        color: #848590
    }

    .service-card-2 .square3 {
        background-color: #fedfce;
        height: 30px;
        width: 30px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .service-card-2 .icons3 i {
        color: #ff8339;
        margin-left: 25px
    }

    .service-card-2 .icons3 span {
        font-size: 13px;
        font-weight: normal;
        color: #848590
    }

    .team-section {
        margin-top: 100px;
    }

    .team-section img {
        /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
        filter: gray;
        /* IE5+ */
        -webkit-filter: grayscale(1);
        /* Webkit Nightlies & Chrome Canary */
        -webkit-transition: all .4s ease-in-out;
        height: 200px;
        width: 150px;
        object-fit: cover;
        background-size: cover;
        border-radius: 4px;
    }

    img:hover {
        filter: none;
        -webkit-filter: grayscale(0);
        /* -webkit-transform: scale(1.0); */
    }

    #g-recaptcha-response {
        display: block !important;
        position: absolute;
        margin: -50px 0 0 0 !important;
        z-index: -999999;
        opacity: 0;
    }

    .form-message-success {
        background-color: rgba(41, 163, 102, .1);
        padding: 5px 15px 5px 15px;
        border-radius: 5px;
        color: #29a366;
    }

    .form-message-error {
        background-color: rgba(221, 60, 87, .1);
        padding: 5px 15px 5px 15px;
        border-radius: 5px;
    }

    /*loading  spiner */

    .spinner-section {
        height: 70rem;
        background-color: #222328;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }

    #isloading {
        display: none !important;
        visibility: hidden !important;
    }

    .spinner-section::-webkit-scrollbar {
        display: none;
        /* for Chrome, Safari, and Opera */
    }

    .spinner {
        animation: rotate 2s linear infinite;
        z-index: 2;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -25px 0 0 -25px;
        width: 50px;
        height: 50px;
        stroke: #fff
    }

    .path {
        stroke: hsl(210, 70, 75);
        stroke-linecap: round;
        animation: dash 1.5s ease-in-out infinite
    }

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

    @keyframes dash {
        0% {
            stroke-dasharray: 1, 150;
            stroke-dashoffset: 0
        }

        50% {
            stroke-dasharray: 90, 150;
            stroke-dashoffset: -35
        }

        100% {
            stroke-dasharray: 90, 150;
            stroke-dashoffset: -124
        }
    }

    /* btn spinner */

    button .spinner-border {
        margin-bottom: 2px;
    }

    /* snac bar */

    #snackbar {
        visibility: hidden;
        min-width: 250px;
        margin-left: -125px;
        background-color: #333;
        color: #fff;
        text-align: center;
        border-radius: 5px;
        padding: 15px;
        position: fixed;
        z-index: 1;
        left: 50%;
        bottom: 30px;
        font-size: 17px;
    }

    #snackbar.show {
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
        animation: fadein 0.5s;
    }

    @-webkit-keyframes fadein {
        from {
            bottom: 0;
            opacity: 0;
        }

        to {
            bottom: 30px;
            opacity: 1;
        }
    }

    @keyframes fadein {
        from {
            bottom: 0;
            opacity: 0;
        }

        to {
            bottom: 30px;
            opacity: 1;
        }
    }

    @-webkit-keyframes fadeout {
        from {
            bottom: 30px;
            opacity: 1;
        }

        to {
            bottom: 0;
            opacity: 0;
        }
    }

    @keyframes fadeout {
        from {
            bottom: 30px;
            opacity: 1;
        }

        to {
            bottom: 0;
            opacity: 0;
        }
    }

    .done-btn-snacbar {
        color: #E91E2C;
        text-transform: capitalize;
        cursor: pointer;
    }

    /* -----------------------------------------------------------------
		- Preloader
----------------------------------------------------------------- */

    .preloader {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center;
        background-color: #110f10;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        text-align: center;
        z-index: 1100;
        opacity: 1;
    }

    .preloader__wrap {
        width: 100%;
        max-width: 140px;
    }

    @media only screen and (max-width: 580px) {
        .preloader__wrap {
            max-width: 110px;
        }
    }

    .preloader__logo {
        opacity: 0;
        filter: blur(30px);
        width: 100%;
        max-width: 140px;
        /* animation: blur-logo 1.5s ease-in-out; */
    }

    @media only screen and (max-width: 580px) {
        .preloader__logo {
            max-width: 110px;
        }
    }

    .preloader__progress {
        background: rgba(255, 255, 255, 0.1);
        height: 2px;
        position: relative;
        margin-top: 1.2rem;
        overflow: hidden;
        width: 100%;
    }

    .preloader__progress span {
        background: white;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 0;
    }

    @media only screen and (max-width: 580px) {
        .preloader__progress {
            margin-top: .8rem;
        }
    }

    .preloader.fadeOut2 {
        pointer-events: none;
        opacity: 0;
    }

    @media all and (-ms-high-contrast: none),
    (-ms-high-contrast: active) {
        .preloader.fadeOut2 {
            visibility: hidden;
        }
    }

    @keyframes blur-logo {
        0% {
            filter: blur(30px);
            opacity: 0;
            transform: scale(1.5);
        }

        100% {
            filter: blur(0);
            opacity: 1;
            transform: scale(1);
        }
    }

    /* .clutch-review-section .clutch-widget:hover {
        background-color: #fff !important;
    } */

    .notify {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 0;
        box-sizing: border-box;
        color: white;
        text-align: center;
        background: rgba(0, 0, 0, .6);
        overflow: hidden;
        box-sizing: border-box;
        transition: height .2s;
    }

    #notifyType:before {
        display: block;
        margin-top: 15px;
    }

    .active {
        height: 50px;
    }

    /* .success:before {
        Content: "Aww Yeaaaaa! Success!";
    } */

    /* .failure:before {
        Content: "Oh no! Something didn't go as planned :(";
    } */