#preloader {

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    background-color: #fff;

    z-index: 999999;

    transition: 0.3s ease opacity;

    text-align: center;

    width: 100%;

    height: 100%

}



#preloader:before {

    content: "";

    width: 80px;

    height: 80px;

    border: 3px solid #d81a26;

    display: block;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: 50%;

    opacity: 0;

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

    animation-name: LoaderCicle;

    animation-duration: 2s;

    animation-iteration-count: infinite;

    animation-timing-function: linear

}



#preloader:after {

    content: "";

    width: 80px;

    height: 80px;

    border: 3px solid #d81a26;

    display: block;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: 50%;

    opacity: 0;

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

    animation-name: LoaderCicle;

    animation-duration: 2s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

    animation-delay: 1s

}



@keyframes LoaderCicle {

    0% {

        width: 0;

        height: 0;

        opacity: 0

    }



    10% {

        width: 10px;

        height: 10px;

        opacity: 1

    }



    80% {

        width: 60px;

        height: 60px;

        opacity: 0.1

    }



    100% {

        width: 70px;

        height: 70px;

        opacity: 0

    }

}



.section-bg {

    position: absolute;

    background-size: cover;

    top: 0;

    left: 0;

    width: 100%;

    height: 490px;

    background-position: center center;

    background-repeat: no-repeat

}



a:hover,

a:active {

    color: #d81a26;

    text-decoration: none

}



.primary-overlay[data-overlay-dark]:before {

    background: #d81a26

}



.secondary-overlay[data-overlay-dark]:before {

    background: #6b6e73

}



.dark-overlay[data-overlay-dark]:before {

    background: #2a334e

}



.left-overlay-dark[data-overlay-dark]:before {

    background: rgba(42, 51, 78, 0.76);

    background: linear-gradient(-90deg, transparent, #2a334e 65%)

}



.text-primary,

.text-primary-hover:hover {

    color: #d81a26 !important

}



.text-secondary,

.text-secondary-hover:hover {

    color: #6b6e73!important

}



.bg-primary {

    background-color: #d81a26 !important

}



.bg-secondary {

    background-color: #6b6e73!important

}



.bg-dark {

    background-color: #2a334e !important

}



.bg-light {

    background-color: #f7faff !important

}



.border-primary {

    border-color: #d81a26 !important

}



.border-secondary {

    border-color: #6b6e73!important

}



.white-hover:hover {

    color: #fff !important

}



.text-white-hover:hover {

    color: #fff !important

}



.link-white-hover:hover {

    color: rgba(255, 255, 255, 0.75) !important

}



.cursor-pointer {

    cursor: pointer

}



.box-shadow-01 {

    box-shadow: -3px 0px 30px 0px rgba(0, 0, 0, 0.1)

}



.box-shadows {

    box-shadow: 0 8px 16px 0px rgba(17, 12, 79, 0.1)

}



.min-height-640 {

    min-height: 640px

}



.height-400 {

    height: 400px

}



.h-148 {

    height: 148px

}



.min-vh-85 {

    min-height: 85vh

}



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

    .min-width-100vw {

        min-width: 100vw

    }

}



.min-vh-67 {

    min-height: 67vh !important

}



.map-h500 {

    height: 500px;

    width: 100%

}



.circle-number {

    height: 45px;

    width: 45px;

    display: inline-block;

    line-height: 45px;

    text-align: center;

    font-size: 18px;

    font-weight: 500;

    color: #fff

}



.fill-dark text {

    fill: #2a334e

}



.fill-primary text {

    fill: #d81a26

}



.fill-secondary text {

    fill: #6b6e73

}



.fill-white text {

    fill: #fff

}



.left-n25px {

    left: -25px

}



.background-position-center {

    background-position: center center

}



.rounded-top-md-5px {

    border-top-left-radius: 5px;

    border-top-right-radius: 5px

}



.rounded-bottom-md-5px {

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px

}



.rounded-start-md-5px {

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px

}



.rounded-end-md-5px {

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px

}



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

    .rounded-lg-top-left {

        border-top-left-radius: 4px

    }



    .rounded-lg-bottom-left {

        border-bottom-left-radius: 4px

    }

}



.letter-spacing-minus-4 {

    letter-spacing: -4px

}



.overflow-x {

    overflow-x: clip !important

}



.card .card-body {

    color: #575a7b

}



a[href^="tel"] {

    color: inherit;

    text-decoration: none

}



.cd-headline.clip .cd-words-wrapper:after {

    content: none

}



.scroll-top-percentage {

    height: 60px;

    width: 60px;

    border-radius: 50%;

    position: fixed;

    bottom: 40px;

    color: #fff;

    right: 50px;

    -webkit-transform: scale(0);

    transform: scale(0);

    display: -ms-grid;

    display: grid;

    place-items: center;

    cursor: pointer;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    z-index: 100

}



.scroll-top-percentage.active {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

    visibility: visible;

    -webkit-animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;

    animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;

    -webkit-transition: 0.3s;

    transition: 0.3s

}



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

    .scroll-top-percentage {

        right: 30px;

        bottom: 20px

    }

}



#scroll-value {

    height: calc(100% - 6px);

    width: calc(100% - 6px);

    color: var(--rr-common-white);

    border-radius: 50%;

    display: -ms-grid;

    display: grid;

    place-items: center;

    font-size: 16px;

    font-weight: 600

}



#scroll-value i {

    font-size: 20px

}



@-webkit-keyframes scrollToTop {

    0% {

        -webkit-transform: translate3d(0, 80%, 0);

        transform: translate3d(0, 80%, 0);

        visibility: visible

    }



    to {

        -webkit-transform: translateZ(0);

        transform: translateZ(0)

    }

}



@keyframes scrollToTop {

    0% {

        -webkit-transform: translate3d(0, 80%, 0);

        transform: translate3d(0, 80%, 0);

        visibility: visible

    }



    to {

        -webkit-transform: translateZ(0);

        transform: translateZ(0)

    }

}



.vw-lg-60 {

    width: 60vw

}



.vw-lg-80 {

    width: 80vw

}



.vw-lg-85 {

    width: 85vw

}



.vw-lg-90 {

    width: 90vw

}



.vw-lg-100 {

    width: 100vw

}



.overlap-column {

    margin-bottom: 3rem

}



.overlap-column>[class*="col-"]:first-child {

    position: relative;

    left: 2rem

}



.overlap-column>[class*="col-"]:last-child {

    position: relative;

    left: -2rem;

    top: 5rem

}



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

    .vw-lg-60 {

        width: 100%

    }



    .overlap-column {

        margin-bottom: 0

    }



    .overlap-column>[class*="col-"]:last-child {

        left: 0;

        top: 0

    }

}



.butn {

    position: relative;

    display: inline-block;

    font-size: 15px !important;

    padding: 16px 30px;

    font-weight: 600;

    overflow: hidden;

    line-height: normal;

    border: none;

    border-radius: 3px;

    letter-spacing: 1px;

    text-transform: uppercase;

    background-color: #6b6e73;

    transition: all 0.8s ease;

    white-space: nowrap;

    z-index: 99;

    color: #fff

}



.butn:hover,

.butn:focus,

.butn:active {

    color: #fff

}



.butn:before {

    position: absolute;

    content: '';

    top: 0px;

    bottom: 0px;

    left: 0px;

    right: -50px;

    border-bottom: 64px solid #d81a26;

    border-right: 30px solid transparent;

    transition: all 600ms ease;

    transform: translateX(-100%);

    z-index: -1

}



.butn:hover:before,

.butn:focus:before,

.butn:active:before {

    transform: translateX(-40%)

}



.butn:after {

    position: absolute;

    content: '';

    top: 0px;

    right: 0px;

    bottom: 0px;

    left: -50px;

    border-left: 30px solid transparent;

    border-bottom: 64px solid #d81a26;

    transition: all 600ms ease;

    transform: translateX(100%);

    z-index: -1

}



.butn:hover:after,

.butn:focus:after,

.butn:active:after {

    transform: translateX(40%)

}



.butn.sm {

    padding: 12px 20px !important;

    font-size: 14px !important

}



.butn.md {

    padding: 12px 24px !important;

    font-size: 14px !important

}



.butn.primary {

    background-color: #d81a26

}



.butn.primary:before,

.butn.primary:after {

    border-bottom: 64px solid #6b6e73

}



.butn.white {

    background-color: #fff;

    color: #6b6e73

}



.butn.white:hover,

.butn.white:focus,

.butn.white:active {

    color: #fff

}



.butn.white:before,

.butn.white:after {

    border-bottom: 64px solid #6b6e73

}



.butn.transparent {

    background-color: transparent;

    color: #fff;

    border: 1px solid #fff

}



.butn.transparent:hover,

.butn.transparent:focus,

.butn.transparent:active {

    color: #fff

}



.butn.transparent:before,

.butn.transparent:after {

    border-bottom: 64px solid #6b6e73

}



.butn.white-hover:hover,

.butn.white-hover:focus,

.butn.white-hover:active {

    color: #6b6e73!important

}



.butn.white-hover:before,

.butn.white-hover:after {

    border-bottom: 64px solid #fff

}



.butn.primary-hover:hover,

.butn.primary-hover:focus,

.butn.primary-hover:active {

    color: #fff !important

}



.butn.primary-hover:before,

.butn.primary-hover:after {

    border-bottom: 64px solid #d81a26

}



.butn.secondary-hover:hover,

.butn.secondary-hover:focus,

.butn.secondary-hover:active {

    color: #fff !important

}



.butn.secondary-hover:before,

.butn.secondary-hover:after {

    border-bottom: 64px solid #6b6e73

}



.butn-style02 {

    padding: 15px 20px !important;

    font-size: 1rem !important;

    color: #fff;

    display: inline-block;

    vertical-align: top;

    text-transform: capitalize;

    background-color: #d81a26;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: 600;

    position: relative;

    transition: all 0.5s ease-in-out;

    border-radius: 0;

    cursor: pointer;

    line-height: normal;

    border: none;

    overflow: hidden

}



.butn-style02:before {

    content: "";

    background: #6b6e73;

    width: 4px;

    height: 100%;

    padding: 0;

    position: absolute;

    top: 0;

    left: 0;

    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);

    z-index: 0

}



.butn-style02 .text-btn {

    left: 0;

    position: relative;

    transition: all 0.2s ease-in-out;

    padding-left: 10px

}



.butn-style02:hover,

.butn-style02:active,

.butn-style02:focus {

    background: transparent;

    border-color: #d81a26;

    color: #d81a26

}



.butn-style02:hover:before,

.butn-style02:active:before,

.butn-style02:focus:before {

    background: #6b6e73;

    transform: translateX(2250%) scaleX(80) scaleY(0.1)

}



.butn-style02.white {

    background-color: #fff;

    color: #6b6e73

}



.butn-style02.white:hover,

.butn-style02.white:active,

.butn-style02.white:focus {

    border-color: #fff;

    color: #fff;

    background: transparent

}



.butn-style02.primary:hover,

.butn-style02.primary:active,

.butn-style02.primary:focus {

    color: #d81a26 !important

}



.butn-style02.md {

    padding: 12px 18px !important;

    font-size: 0.8rem !important

}



.butn-style02.sm {

    padding: 10px 16px

}



.butn-style03 {

    z-index: 1;

    font-size: 16px !important;

    font-weight: 700;

    color: #fff;

    background-color: #d81a26;

    position: relative;

    text-align: center;

    padding: 12px 40px !important;

    align-items: center;

    display: inline-flex;

    justify-content: center;

    text-transform: uppercase;

    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1)

}



.butn-style03:hover:before,

.butn-style03:active:before,

.butn-style03:focus:before {

    top: auto;

    bottom: 0;

    background-color: #6b6e73;

    height: 100%

}



.butn-style03:before {

    top: 0;

    left: 0;

    right: 0;

    height: 0;

    bottom: auto;

    z-index: -1;

    content: "";

    position: absolute;

    transition: all 0.3s ease-in-out

}



.butn-style03:hover,

.butn-style03:active,

.butn-style03:focus {

    color: #fff

}



.butn-style03.white {

    background-color: #fff;

    color: #d81a26

}



.butn-style03.white:hover,

.butn-style03.white:active,

.butn-style03.white:focus {

    color: #fff

}



.butn-style03.secondary {

    background-color: #6b6e73

}



.butn-style03.secondary:hover:before,

.butn-style03.secondary:active:before,

.butn-style03.secondary:focus:before {

    background-color: #d81a26

}



.butn-style03.md {

    padding: 10px 30px !important;

    font-size: 15px !important

}



.butn-style03.sm {

    padding: 8px 35px

}



.butn.radius {

    border-radius: 5px

}



.butn.radius:hover:before {

    opacity: 1;

    height: 100%;

    border-radius: 5px

}



.butn-style04 {

    background: #d81a26;

    color: #fff;

    text-align: center;

    border-radius: 4px;

    padding: 14px 30px !important;

    line-height: normal;

    font-weight: 700;

    font-size: 15px !important;

    text-transform: uppercase !important;

    position: relative;

    z-index: 9999;

    display: inline-block;

    white-space: nowrap;

    border: none;

    cursor: pointer

}



.butn-style04 span {

    z-index: 9;

    position: relative;

    color: #fff

}



.butn-style04:after {

    content: '';

    position: absolute;

    border-radius: 4px;

    bottom: 6px;

    left: 0;

    -webkit-transition: width .4s;

    -o-transition: width .4s;

    transition: width .4s;

    width: 0;

    background: #6b6e73;

    height: 100%;

    top: 0;

    z-index: 1

}



.butn-style04:hover:after {

    width: 100%

}



.butn-style04.secondary {

    background: #6b6e73

}



.butn-style04.secondary:after {

    background: #d81a26

}



.butn-style04.white {

    background: #fff

}



.butn-style04.white span {

    color: #d81a26

}



.butn-style04.white:hover span {

    color: #fff

}



.butn-style04.small {

    padding: 8px 20px !important

}



.butn-style04.medium {

    padding: 10px 20px !important

}



.butn-style05 {

    border-radius: 6px;

    display: inline-flex;

    align-items: center;

    font-weight: 600;

    font-size: 15px !important;

    letter-spacing: 0em;

    padding: 13px 30px !important;

    position: relative;

    overflow: hidden;

    text-align: center;

    z-index: 0;

    -webkit-transition: all .4s ease;

    -o-transition: all .4s ease;

    transition: all .4s ease;

    border: 1px solid #2a334e;

    background-color: transparent;

    color: #2a334e !important

}



.butn-style05:before {

    content: "";

    height: 100%;

    left: -100%;

    position: absolute;

    top: 0;

    width: 0;

    z-index: -1;

    -webkit-transform: skew(50deg);

    -ms-transform: skew(50deg);

    transform: skew(50deg);

    -webkit-transition: width .6s;

    -o-transition: width .6s;

    transition: width .6s;

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

    background-color: #2a334e

}



.butn-style05 i {

    margin-left: 10px;

    font-size: 16px;

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

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

    transform: rotate(-45deg);

    display: inline-block

}



.butn-style05:hover {

    border: 1px solid #2a334e;

    color: #fff !important

}



.butn-style05:hover:before {

    height: 100%;

    width: 200%

}



.butn-style05.md {

    padding: 9px 18px !important

}



.butn-style05.md:hover {

    color: #fff !important

}



.butn-style05.white {

    border: 1px solid #fff;

    color: #fff !important

}



.butn-style05.white:hover {

    color: #2a334e !important

}



.butn-style05.white:before {

    background-color: #fff

}



.butn-style05.secondary {

    color: #fff !important;

    border: 1px solid #6b6e73

}



.butn-style05.secondary:hover,

.butn-style05.secondary:active,

.butn-style05.secondary:focus {

    border: 1px solid #6b6e73;

    border: 1px solid #6b6e73

}



.butn-style05.secondary:before {

    background-color: #6b6e73

}



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

    .menu_area-light.scrollHeader .butn-style05 {

        border: 1px solid #2a334e;

        color: #2a334e !important

    }



    .menu_area-light.scrollHeader .butn-style05:hover,

    .menu_area-light.scrollHeader .butn-style05:focus,

    .menu_area-light.scrollHeader .butn-style05:active {

        color: #212529;

        background: #212529

    }

}



.list-style1 {

    list-style: none;

    padding: 0;

    margin: 0

}



.list-style1 li {

    display: block;

    border-bottom: 1px solid #ededed;

    font-weight: 500;

    padding-bottom: 15px;

    margin-bottom: 15px;

    text-align: left;

    color: #575a7b

}



.list-style1 li:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: 0

}



.list-style1.white li {

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    color: #fff

}



.list-style1.white li:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: 0

}



.bg-dark .list-style1 li {

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    color: #fff

}



.bg-dark .list-style1 li:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: 0

}



.list-style2 {

    padding: 0;

    margin-bottom: 0;

    list-style: none

}



.list-style2 li {

    margin-bottom: 15px

}



.list-style2 li:last-child {

    margin-bottom: 0

}



.list-style2 li:before {

    content: '\f14a';

    font-family: Font Awesome\ 5 Free;

    font-weight: 500;

    color: #d81a26;

    font-size: 16px;

    vertical-align: middle;

    padding-right: 15px

}



.list-style3 {

    list-style: none;

    padding: 0;

    margin: 0

}



.list-style3 li {

    display: block;

    font-weight: 500;

    position: relative;

    margin-bottom: 15px;

    text-align: left

}



.list-style3 li:before {

    position: absolute;

    content: '';

    width: 20px;

    height: 20px;

    border-radius: 50%;

    background: rgba(17, 88, 231, 0.1);

    left: 0;

    top: 5px

}



.list-style3 i {

    padding-left: 10px;

    font-weight: 600;

    font-size: 20px

}



.list-style3 li:last-child {

    margin-bottom: 0

}



.list-style4 {

    margin: 0;

    padding: 0;

    list-style: none

}



.list-style4 li {

    display: flex;

    border: 1px solid #ededed;

    align-items: center;

    background-color: #f9f9f9;

    transition: all 0.5s ease;

    position: relative;

    margin-bottom: 15px;

    padding: 0

}



.list-style4 li:before {

    content: "";

    position: absolute;

    bottom: -1px;

    left: 0;

    width: 100%;

    height: 3px;

    background-color: #d81a26;

    transform: scaleX(0);

    transition: transform 0.5s ease

}



.list-style4 li:last-child {

    margin-bottom: 0

}



.list-style4 li a {

    display: block;

    text-transform: capitalize;

    font-size: 16px;

    font-weight: 600;

    color: #282b2d;

    padding: 18px 20px;

    transition: all 0.5s ease;

    width: 100%

}



.list-style4 li .service-icon {

    width: 60px;

    height: 60px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    border-right: 1px solid #ededed;

    margin-right: 15px;

    padding-right: 15px;

    transition: all 0.5s ease

}



.list-style4 li .hover-img img {

    display: none;

    overflow: hidden

}



.list-style4 li:hover {

    background-color: #fff;

    border-color: transparent;

    box-shadow: 0 8px 16px 0px rgba(17, 12, 79, 0.1)

}



.list-style4 li:hover .hover-img img {

    display: block

}



.list-style4 li:hover img {

    display: none

}



.list-style4 li:hover:before {

    transform: scaleX(1)

}



.list-style4 li:hover a {

    color: #6b6e73!important

}



.list-style4 li.active {

    background-color: #fff;

    border-color: transparent;

    box-shadow: 0 8px 16px 0px rgba(17, 12, 79, 0.1)

}



.list-style4 li.active .hover-img img {

    display: block

}



.list-style4 li.active img {

    display: none

}



.list-style4 li.active:before {

    transform: scaleX(1)

}



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

    .list-style4 li a {

        font-size: 15px

    }

}



.list-style5 {

    padding: 0;

    margin: 0;

    list-style: none;

    border: 1px solid #ededed;

    border-radius: 5px

}



.list-style5 li {

    display: flex;

    justify-content: space-between;

    border-bottom: 1px solid #ededed;

    padding: 20px 30px;

    font-weight: 600

}



.list-style5 li:last-child {

    border-bottom: 0

}



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

    .list-style5 li {

        padding: 20px 20px

    }

}



.list-style6 {

    margin: 0;

    padding: 0;

    list-style: none

}



.list-style6 li {

    position: relative;

    background: #fff;

    margin-bottom: 15px;

    border-radius: 5px;

    border: 1px solid #ededed

}



.list-style6 li:last-child {

    margin-bottom: 0

}



.list-style6 li a {

    transition: all 0.25s ease-in-out;

    font-weight: 600;

    font-size: 16px;

    display: block;

    padding: 10px 55px 10px 15px

}



.list-style6 li a:before {

    font-family: 'Font Awesome 5 Free';

    content: "\f30b";

    vertical-align: middle;

    padding-right: 10px;

    position: relative;

    font-weight: 600

}



.list-style6 li span {

    position: absolute;

    right: 0;

    top: 0;

    width: 40px;

    border-radius: 0 5px 5px 0;

    background-color: #6b6e73;

    color: #fff;

    text-align: center;

    display: block;

    font-size: 14px;

    font-weight: 600;

    transition: all 0.2s linear;

    height: 100%;

    line-height: 48px

}



.list-style02 li {

    display: inline-block;

    margin-right: 2rem

}



.list-style02 li:last-child {

    margin-right: 0

}



.list-style02 li a {

    color: rgba(255, 255, 255, 0.6)

}



.list-style02 li a:hover {

    color: #6b6e73

}



.image-hover {

    position: relative;

    overflow: hidden

}



.image-hover:before {

    position: absolute;

    top: 0;

    left: -90%;

    z-index: 2;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);

    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);

    -webkit-transform: skewX(-25deg);

    -ms-transform: skewX(-25deg);

    transform: skewX(-25deg);

    z-index: 0

}



.image-hover:hover:before {

    -webkit-animation: shine 1s;

    animation: shine 1s

}



@-webkit-keyframes shine {

    100% {

        left: 125%

    }

}



@keyframes shine {

    100% {

        left: 125%

    }

}



.ani-left-right {

    animation-duration: 5s;

    animation-iteration-count: infinite;

    animation-name: LeftRight;

    animation-timing-function: ease-in-out

}



@keyframes LeftRight {

    0% {

        transform: translate(0px, 0px)

    }



    65% {

        transform: translate(30px, 0)

    }



    100% {

        transform: translate(0px, 0px)

    }

}



.ani-top-bottom {

    animation-duration: 5s;

    animation-iteration-count: infinite;

    animation-name: TopBottom;

    animation-timing-function: ease-in-out

}



@keyframes TopBottom {

    0% {

        transform: translate(0px, 0px)

    }



    65% {

        transform: translate(0, 30px)

    }



    100% {

        transform: translate(0px, 0px)

    }

}



#circle svg,

#circletwo svg {

    -webkit-animation-name: rotate;

    -moz-animation-name: rotate;

    -ms-animation-name: rotate;

    -o-animation-name: rotate;

    animation-name: rotate;

    -webkit-animation-duration: 25s;

    -moz-animation-duration: 25s;

    -ms-animation-duration: 25s;

    -o-animation-duration: 25s;

    animation-duration: 25s;

    -webkit-animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    -ms-animation-iteration-count: infinite;

    -o-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    -moz-animation-timing-function: linear;

    -ms-animation-timing-function: linear;

    -o-animation-timing-function: linear;

    animation-timing-function: linear

}



@-webkit-keyframes rotate {

    from {

        -webkit-transform: rotate(360deg)

    }



    to {

        -webkit-transform: rotate(0)

    }

}



@-moz-keyframes rotate {

    from {

        -moz-transform: rotate(360deg)

    }



    to {

        -moz-transform: rotate(0)

    }

}



@-ms-keyframes rotate {

    from {

        -ms-transform: rotate(360deg)

    }



    to {

        -ms-transform: rotate(0)

    }

}



@-o-keyframes rotate {

    from {

        -o-transform: rotate(360deg)

    }



    to {

        -o-transform: rotate(0)

    }

}



@keyframes rotate {

    from {

        transform: rotate(360deg)

    }



    to {

        transform: rotate(0)

    }

}



.arrow-animated-up {

    transform: translate(-50%, -50%)

}



.arrow-animated-up span {

    display: block;

    width: 0;

    height: 0;

    border-left: 18px solid transparent;

    border-right: 18px solid transparent;

    border-bottom: 18px solid #6b6e73;

    margin: 20px;

    animation: arrowupanimate 2s infinite

}



.arrow-animated-up span:nth-child(2) {

    animation-delay: -0.2s

}



.arrow-animated-up span:nth-child(3) {

    animation-delay: -0.4s

}



@keyframes arrowupanimate {

    0% {

        opacity: 0

    }



    50% {

        opacity: 1

    }



    100% {

        opacity: 0

    }

}



.arrow-animated-down {

    transform: translate(-50%, -50%)

}



.arrow-animated-down span {

    display: block;

    width: 0;

    height: 0;

    border-left: 18px solid transparent;

    border-bottom: 18px solid #6b6e73;

    margin: 20px;

    animation: arrowdownanimate 2s infinite;

    transform: rotate(45deg)

}



.arrow-animated-down span:nth-child(2) {

    animation-delay: -0.2s

}



.arrow-animated-down span:nth-child(3) {

    animation-delay: -0.4s

}



@keyframes arrowdownanimate {

    0% {

        opacity: 0;

        transform: rotate(45deg) translate(-20px, -20px)

    }



    50% {

        opacity: 1

    }



    100% {

        opacity: 0;

        transform: rotate(45deg) translate(20px, 20px)

    }

}



.ani-move {

    animation: animationFramesThree 12s infinite linear alternate

}



@keyframes animationFramesThree {

    0% {

        transform: translate(0, 0)

    }



    20% {

        transform: translate(40px, -5px)

    }



    40% {

        transform: translate(60px, 40px)

    }



    60% {

        transform: translate(40px, 60px)

    }



    80% {

        transform: translate(-40px, 60px)

    }



    100% {

        transform: translate(0, 0)

    }

}



.ani-floating {

    -webkit-animation-name: ani-floating;

    -webkit-animation-duration: 3s;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: ease-in-out

}



@-webkit-keyframes ani-floating {

    from {

        -webkit-transform: translate(0, 0px)

    }



    65% {

        -webkit-transform: translate(0, 15px)

    }



    to {

        -webkit-transform: translate(0, 0px)

    }

}



@-moz-keyframes ani-floating {

    from {

        -moz-transform: translate(0, 0px)

    }



    65% {

        -moz-transform: translate(0, 15px)

    }



    to {

        -moz-transform: translate(0, 0px)

    }

}



.social-icon-style1 {

    margin-bottom: 0;

    list-style: none;

    padding: 0

}



.social-icon-style1 li {

    display: inline-block;

    margin-right: 5px;

    margin-top: 0;

    padding-top: 0;

    border-top: none

}



.social-icon-style1 li a {

    text-align: center;

    height: 35px;

    width: 35px;

    line-height: 35px;

    font-size: 14px;

    border-radius: 5px;

    display: inline-block;

    background: rgba(225, 225, 225, 0.1);

    color: #fff

}



.social-icon-style1 li:last-child {

    margin-right: 0

}



.social-icon-style1 li a:hover,

.social-icon-style1 li a:active,

.social-icon-style1 li a:focus {

    background-color: #d81a26;

    color: #fff

}



.social-icon-style2 li {

    display: inline-block;

    margin-right: 7px

}



.social-icon-style2 li a {

    font-size: 14px;

    text-align: center;

    color: #fff;

    background: #6b6e73;

    height: 38px;

    display: inline-block;

    line-height: 38px;

    width: 38px;

    border-radius: 50px

}



.social-icon-style2 li a:hover,

.social-icon-style2 li a:active,

.social-icon-style2 li a:focus {

    color: #fff;

    background-color: #d81a26

}



.social-icon-style2 li:last-child {

    margin-right: 0

}



.social-icon-style3 li {

    display: inline-block;

    margin-right: 20px

}



.social-icon-style3 li:last-child {

    margin-right: 0

}



.social-icon-style3 li a .fa-facebook-f {

    color: #3b5998

}



.social-icon-style3 li a .fa-twitter {

    color: #1da1f2

}



.social-icon-style3 li a .fa-youtube {

    color: #ea4c89

}



.social-icon-style3 li a .fa-linkedin-in {

    color: #C862DC

}



.top-bar-info {

    display: inline-block;

    vertical-align: middle

}



.top-bar-info ul {

    margin-bottom: 0

}



.top-bar-info li {

    font-weight: 500;

    color: #fff;

    list-style-type: none;

    font-size: 14px;

    padding: 0 5px 0;

    display: inline-block;

    margin-bottom: 0

}



.top-bar {

    display: block;

    position: relative;

    z-index: 999;

    padding: 7px 0

}



.top-bar-info li i {

    font-size: 16px;

    color: #fff;

    margin-right: 8px;

    margin-top: 0;

    display: inline-block;

    vertical-align: text-bottom

}



.top-social-icon {

    padding: 0;

    float: right;

    margin: 0

}



.top-social-icon li {

    font-size: 14px;

    list-style-type: none;

    float: left;

    text-align: center;

    margin: 0;

    padding: 0 7px

}



.top-social-icon li:last-child {

    padding-right: 0

}



.top-social-icon li:last-child a {

    padding-right: 0

}



.top-social-icon li a {

    color: #fff;

    line-height: 28px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    padding: 0 3px

}



.top-social-icon li a:hover {

    color: rgba(255, 255, 255, 0.65)

}



.navbar-nav li.current>a,

.navbar-nav li.active>a {

    color: #6b6e73

}



.attr-nav>ul>li>a.butn {

    color: #fff

}



.navbar>ul>li.current>a:after {

    border-color: transparent #6b6e73#6b6e73 transparent

}



.menu_area-light .navbar-nav li.current>a,

.menu_area-light .navbar-nav li.active>a {

    color: #6b6e73

}



.menu_area-light .navbar>ul>li.current>a:after {

    border-color: transparent #6b6e73 transparent

}



.menu_area-light.scrollHeader .navbar-nav li.current>a {

    color: #d81a26

}



.menu_area-light.scrollHeader .navbar-nav li.current>a:hover {

    color: #d81a26

}



.menu_area-light.scrollHeader .navbar-nav li.active>a {

    color: #d81a26

}



.menu_area-light.scrollHeader .navbar>ul>li.current>a:after {

    border-color: transparent #d81a26 #d81a26 transparent

}



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

    .navbar-light .navbar-nav li.has-sub>ul:after {

        content: '';

        position: absolute;

        width: 0;

        height: 0;

        border-style: solid;

        border-width: 0 0 12px 12px;

        border-color: transparent transparent #6b6e73 transparent;

        bottom: 0;

        right: 0;

        z-index: 1

    }



    .menu_area-light .navbar ul ul li.active>a,

    .menu_area-light .navbar-nav li.has-sub a:hover {

        color: #d81a26

    }



    .menu_area-light .navbar>ul>li.has-sub>a:hover:after {

        border-color: #6b6e73

    }



    .menu_area-light.scrollHeader .navbar ul ul li.active>a,

    .menu_area-light.scrollHeader .navbar-nav li.has-sub a:hover {

        color: #d81a26

    }



    .menu_area-light.scrollHeader .navbar>ul>li.has-sub>a:hover:after {

        border-color: #d81a26

    }



    .menu_area-light.scrollHeader .navbar-nav>li.has-sub>a:hover {

        color: #d81a26

    }



    .header-style2.scrollHeader .navbar-nav>li.has-sub>a:hover {

        color: #d81a26

    }



    .header-style2.scrollHeader .navbar-nav>li.has-sub>a:hover:after {

        border-color: transparent #d81a26 #d81a26 transparent

    }



    .header-style2 .navbar>ul>li.has-sub.current>a:hover:after {

        border-color: transparent #6b6e73#6b6e73 transparent

    }



    .header-style2.scrollHeader .navbar-nav li.current>a {

        color: #d81a26

    }



    .header-style2.scrollHeader .navbar-nav li.current>a:hover {

        color: #d81a26

    }



    .header-style2.scrollHeader .navbar>ul>li.current>a:after {

        border-color: transparent #d81a26 #d81a26 transparent

    }



    .header-style2 .navbar ul ul li.active>a {

        color: #6b6e73

    }



    .header-style2 .navbar-nav li.has-sub a:hover,

    .header-style2 .navbar-nav li.has-sub a:active,

    .header-style2 .navbar-nav li.has-sub a:focus {

        color: #6b6e73

    }



    .header-style2 .navbar-nav li.current>a,

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

        color: #6b6e73

    }



    .header-style2 .navbar>ul>li.has-sub>a:hover:after,

    .header-style2 .navbar>ul>li.has-sub>a:active:after,

    .header-style2 .navbar>ul>li.has-sub>a:focus:after {

        border-color: transparent #6b6e73#6b6e73 transparent

    }

}



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

    .header-style1 .navbar-toggler {

        background: #6b6e73

    }



    .header-style1 .navbar-toggler:after {

        border-top: 2px solid #fff;

        border-bottom: 2px solid #fff

    }



    .header-style1 .navbar-toggler:before {

        background: #fff

    }



    .header-style1 .navbar-toggler.menu-opened:after,

    .header-style1 .navbar-toggler.menu-opened:before {

        background: #fff

    }

}



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

    color: #6b6e73

}



.header-style2 .navbar>ul>li.current>a:after {

    border-color: transparent #6b6e73#6b6e73 transparent

}



.header-style2.scrollHeader .navbar-nav li.current>a {

    color: #6b6e73

}



.header-style2.scrollHeader .navbar-nav li.current>a:hover {

    color: #6b6e73

}



.header-style2.scrollHeader .navbar>ul>li.current>a:after {

    border-color: transparent #6b6e73#6b6e73 transparent

}



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

    .header-style2 .navbar ul ul li.active>a {

        color: #6b6e73

    }



    .header-style2 .butn.secondary:before {

        background: #ffffff

    }



    .header-style2 .butn.secondary:hover,

    .header-style2 .butn.secondary:focus,

    .header-style2 .butn.secondary:active {

        color: #d81a26 !important

    }



    .header-style2.scrollHeader .butn.secondary:before {

        background: #6b6e73

    }



    .header-style2.scrollHeader .butn.secondary:hover,

    .header-style2.scrollHeader .butn.secondary:focus,

    .header-style2.scrollHeader .butn.secondary:active {

        color: #fff !important

    }

}



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

    color: #6b6e73

}



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

    color: #6b6e73

}



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

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

        color: #6b6e73

    }



    .header-style3 .navbar-nav>li>a:hover,

    .header-style3 .navbar-nav>li>a:active,

    .header-style3 .navbar-nav>li>a:focus {

        color: #6b6e73

    }



    .header-style3 .navbar ul ul li.active>a {

        color: #6b6e73

    }



    .header-style3 .navbar-nav li.has-sub a:hover,

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

        color: #6b6e73

    }



    .header-style3 .navbar-nav>li.has-sub>a:hover {

        color: #6b6e73

    }



    .header-style3 .navbar>ul>li.has-sub>a:hover:after,

    .header-style3 .navbar>ul>li.current>a:after {

        border-color: transparent #6b6e73#6b6e73 transparent

    }



    .header-style3.scrollHeader .navbar-nav>li.has-sub>a:hover {

        color: #6b6e73

    }



    .header-style3.scrollHeader .navbar>ul>li.has-sub>a:hover:after {

        border-color: transparent #6b6e73#6b6e73 transparent

    }



    .header-style3.scrollHeader .navbar-nav>li.active>a {

        color: #6b6e73

    }



    .header-style3.scrollHeader .navbar-nav li.current>a {

        color: #6b6e73

    }



    .header-style3.scrollHeader .navbar-nav li.current>a:hover {

        color: #6b6e73

    }



    .header-style3.scrollHeader .navbar>ul>li.current>a:after {

        border-color: transparent #6b6e73#6b6e73 transparent

    }

}



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

    .header-style3 .navbar-toggler {

        background: #6b6e73

    }



    .header-style3 .navbar-toggler:after {

        border-top: 2px solid #fff;

        border-bottom: 2px solid #fff

    }



    .header-style3 .navbar-toggler:before {

        background: #fff

    }



    .header-style3 .navbar-toggler.menu-opened:after {

        background: #fff

    }



    .header-style3 .navbar-toggler.menu-opened:before {

        background: #fff

    }

}



.section-heading {

    margin-bottom: 50px;

    text-align: center;

    position: relative

}



.section-heading h2 {

    position: relative;

    width: 50%;

    margin: 0 auto;

    font-size: 48px;

    font-weight: 700;

    letter-spacing: -0.05em;

    line-height: 1

}



.section-heading h2 strong {

    font-weight: 800

}



.section-heading span {

    font-weight: 700;

    text-transform: uppercase;

    font-size: .875em;

    margin-bottom: 0.5rem;

    letter-spacing: 2px;

    color: #d81a26;

    display: inline-block;

    padding-right: 13px;

    position: relative

}



.section-heading span:after {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 0 9px 9px;

    border-color: transparent transparent #6b6e73 transparent;

    bottom: 8px;

    right: 0

}



.section-heading.white h1,

.section-heading.white h2,

.section-heading.white h3,

.section-heading.white h4,

.section-heading.white h5,

.section-heading.white h6,

.section-heading.white p {

    color: #fff

}



.section-heading.white h2:before,

.section-heading.white h2:after {

    background: #fff

}



.section-heading.white span {

    color: #fff

}



.section-heading.white span:after {

    border-color: transparent transparent #fff transparent

}



.section-heading.left {

    margin-bottom: 40px

}



.section-heading.left h2 {

    width: 100%;

    margin: 0

}



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



    .section-heading h1,

    .section-heading h2,

    .section-heading h3,

    .section-heading h4,

    .section-heading h5,

    .section-heading h6 {

        width: 60%

    }



    .section-heading h2 {

        font-size: 44px

    }

}



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

    .section-heading {

        margin-bottom: 40px

    }



    .section-heading h1,

    .section-heading h2,

    .section-heading h3,

    .section-heading h4,

    .section-heading h5,

    .section-heading h6 {

        width: 80%

    }



    .section-heading h2 {

        font-size: 42px

    }

}



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

    .section-heading {

        margin-bottom: 30px

    }



    .section-heading h1,

    .section-heading h2,

    .section-heading h3,

    .section-heading h4,

    .section-heading h5,

    .section-heading h6 {

        width: 100%

    }



    .section-heading h2 {

        font-size: 38px

    }

}



.section-heading-style2 span {

    z-index: 2;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 18px;

    color: #d81a26;

    letter-spacing: 3px;

    display: inline-block;

    line-height: 1;

    position: relative

}



.section-heading-style2 span:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 4px;

    left: 0;

    top: 50%;

    transform: translate(0, -50%);

    background: #6b6e73;

    z-index: -1

}



.section-heading-style3 .sub-title {

    line-height: 1;

    display: inline-block;

    font-size: 18px;

    color: #6b6e73;

    font-weight: 500;

    margin-bottom: 15px;

    position: relative

}



.section-heading-style3 .sub-title:before,

.section-heading-style3 .sub-title:after {

    content: "";

    height: 2px;

    width: 25px;

    position: absolute;

    background-color: #6b6e73;

    top: 8px

}



.section-heading-style3 .sub-title:before {

    right: calc(100% + 20px);

    background-image: -webkit-gradient(linear, right top, left top, from(#6b6e73), color-stop(130%, transparent));

    background-image: linear-gradient(to left, #6b6e73, transparent 130%);

    background-color: transparent

}



.section-heading-style3 .sub-title:after {

    left: calc(100% + 20px);

    background-image: -webkit-gradient(linear, left top, right top, from(#6b6e73), color-stop(130%, transparent));

    background-image: linear-gradient(to right, #6b6e73, transparent 130%);

    background-color: transparent

}



.section-heading-style3.left .sub-title:before {

    content: none

}



.section-heading-style4 p {

    color: #6b6e73;

    letter-spacing: 0.04em;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 15px;

    display: block !important

}



.section-heading-style4 p span {

    padding: 3px 7px;

    background: #6b6e73;

    color: #fff

}



.section-title-04 .small-title {

    position: relative;

    text-transform: uppercase;

    color: #d81a26;

    letter-spacing: 2px;

    display: inline-block;

    z-index: 1;

    padding: 0 18px 0 18px;

    position: relative;

    margin-bottom: 8px

}



.section-title-04 .small-title:before {

    content: " ";

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    inset: 0 0 0 0;

    background: #d81a26;

    z-index: -1;

    transition: transform .3s ease;

    transform: scaleX(0);

    transform-origin: bottom right

}



.section-title-04 .small-title:after {

    width: 5px;

    content: " ";

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    inset: 0 0 0 0;

    background: #d81a26;

    z-index: -1;

    transition: transform .3s ease

}



.section-title-04 .small-title:hover {

    color: #fff

}



.section-title-04 .small-title:hover:before {

    transform: scaleX(1);

    transform-origin: bottom left

}



.section-title-04 .small-title:before {

    content: " ";

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    inset: 0 0 0 0;

    background: #d81a26;

    z-index: -1;

    transition: transform .3s ease;

    transform: scaleX(0);

    transform-origin: bottom right

}



.section-title-04 .small-title:after {

    width: 5px;

    content: " ";

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    inset: 0 0 0 0;

    background: #d81a26;

    z-index: -1;

    transition: transform .3s ease

}



.section-title-04 .small-title:hover {

    color: #fff

}



.section-title-04 .small-title:hover:before {

    transform: scaleX(1);

    transform-origin: bottom left

}



.section-title-04.white .small-title {

    color: #fff

}



.section-title-04.white .small-title:before,

.section-title-04.white .small-title:after {

    background: #fff

}



.section-title-04.white .small-title:hover {

    color: #d81a26

}



.slider-fade1 .item {

    height: 100vh

}



.slider-fade1 h1 {

    animation-delay: 0.8s;

    font-weight: 700;

    letter-spacing: -0.05em;

    line-height: 1

}



.slider-fade1 p {

    animation-delay: 1.2s

}



.slider-fade1 a {

    animation-delay: 1.6s

}



.slider-fade1 .sub-title {

    display: inline-block;

    padding-right: 13px;

    position: relative;

    font-weight: 700;

    text-transform: uppercase;

    font-size: .875em;

    letter-spacing: 2px

}



.slider-fade1 .sub-title:after {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 0 9px 9px;

    border-color: transparent transparent #6b6e73 transparent;

    bottom: 8px;

    right: 0

}



.slider-fade1.owl-theme .owl-nav {

    text-align: left;

    margin: -60px 15px 0 15px;

    position: relative;

    z-index: 9

}



.slider-fade1.owl-theme .owl-nav [class*='owl-'] {

    width: 40px;

    height: 40px;

    color: #232323;

    background: rgba(252, 175, 23, 0.1);

    transition: all 0.6s ease;

    line-height: 40px

}



.slider-fade1.owl-theme .owl-nav .owl-prev {

    margin-right: 30px;

    position: relative

}



.slider-fade1.owl-theme .owl-nav .owl-prev:before {

    content: '';

    display: inline-block;

    width: 6px;

    height: 6px;

    background-color: #6b6e73;

    position: absolute;

    right: -20px;

    top: 15px;

    border-radius: 50%

}



.slider-fade1.owl-theme .owl-nav [class*='owl-']:hover,

.slider-fade1.owl-theme .owl-nav [class*='owl-']:active,

.slider-fade1.owl-theme .owl-nav [class*='owl-']:focus {

    background: #6b6e73;

    color: #fff !important

}



.slider-fade1.owl-theme .owl-nav [class*='owl-']:hover i,

.slider-fade1.owl-theme .owl-nav [class*='owl-']:active i,

.slider-fade1.owl-theme .owl-nav [class*='owl-']:focus i {

    color: #fff !important

}



.slider-fade1.owl-theme .owl-dots .owl-dot span {

    border-top: 7px solid rgba(255, 255, 255, 0.3);

    border-right: 8px solid rgba(255, 255, 255, 0.3);

    border-left: 7px solid transparent;

    border-bottom: 9px solid transparent;

    margin: 5px 7px;

    display: block;

    -webkit-backface-visibility: visible;

    transition: opacity 200ms ease;

    background: unset;

    width: auto;

    height: auto;

    border-radius: unset

}



.slider-fade1.owl-carousel.owl-theme .owl-dots {

    margin: 0 !important

}



.slider-fade1.owl-theme .owl-dots .owl-dot.active span,

.slider-fade1.owl-theme .owl-dots .owl-dot:hover span {

    border-top: 7px solid #6b6e73;

    border-right: 8px solid #6b6e73;

    border-left: 7px solid transparent;

    border-bottom: 9px solid transparent

}



.slider-fade1.owl-carousel.owl-theme .owl-dots .owl-dot {

    position: absolute;

    top: 45%;

    right: 35px

}



.slider-fade1.owl-carousel.owl-theme .owl-dots .owl-dot:nth-child(2) {

    top: 49%

}



.slider-fade1.owl-carousel.owl-theme .owl-dots .owl-dot:nth-child(3) {

    top: 53%

}



.banner-shape1 {

    position: absolute;

    top: 20%;

    left: -8%;

    z-index: -1;

    width: 260px;

    height: 260px;

    background-color: #d81a26;

    border-radius: 50%

}



.banner-shape2 {

    border-top: 120px solid #d81a26;

    border-right: 101px solid #d81a26;

    border-left: 120px solid transparent;

    border-bottom: 112px solid transparent;

    position: absolute;

    bottom: 7%;

    right: 10px;

    z-index: 3;

    transform: rotate(90deg)

}



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

    .banner-shape1 {

        width: 170px;

        height: 170px

    }

}



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

    .banner-shape1 {

        width: 100px;

        height: 100px

    }

}



.slider-fade2 .bg-img {

    position: absolute !important;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 8000ms linear;

    -moz-transition: all 8000ms linear;

    -ms-transition: all 8000ms linear;

    -o-transition: all 8000ms linear;

    transition: all 8000ms linear

}



.slider-fade2 .owl-item.active .bg-img {

    -webkit-transform: scale(1.25);

    -ms-transform: scale(1.25);

    transform: scale(1.25)

}



.slider-fade2 .item {

    height: 100vh

}



.slider-fade2 .item h1 {

    font-size: 100px;

    line-height: 95px;

    letter-spacing: -3px;

    font-weight: 800;

    text-shadow: 0 0 60px rgba(0, 0, 0, 0.9)

}



.slider-fade2.owl-theme .owl-nav {

    margin-top: 0

}



.slider-fade2.owl-theme .owl-nav.disabled+.owl-dots {

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    max-width: 200px;

    bottom: 20px

}



.slider-fade2 .owl-nav .owl-next {

    right: 15px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    color: #fff !important;

    height: 55px;

    width: 55px;

    background: rgba(255, 255, 255, 0.2) !important;

    opacity: 1;

    border-radius: 30px;

    transition: all 0.3s ease

}



.slider-fade2 .owl-nav .owl-prev {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    color: #fff !important;

    height: 55px;

    width: 55px;

    background: rgba(255, 255, 255, 0.2) !important;

    opacity: 1;

    border-radius: 30px;

    transition: all 0.3s ease

}



.slider-fade2 .owl-nav .owl-next:hover {

    background: #d81a26 !important

}



.slider-fade2 .owl-nav .owl-next:hover span {

    color: #fff

}



.slider-fade2 .owl-nav .owl-next span {

    color: #d81a26;

    font-size: 24px;

    line-height: 55px;

    transition: all 0.3s ease

}



.slider-fade2 .owl-nav .owl-prev {

    left: 15px

}



.slider-fade2 .owl-nav .owl-prev:hover {

    background: #d81a26 !important

}



.slider-fade2 .owl-nav .owl-prev span {

    color: #d81a26;

    font-size: 24px;

    line-height: 55px;

    transition: all 0.3s ease

}



.slider-fade2 .owl-nav .owl-prev:hover span {

    color: #fff

}



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

    .slider-fade2 .item h1 {

        font-size: 100px;

        line-height: 95px;

        letter-spacing: -3px;

        text-shadow: 0 0 60px rgba(0, 0, 0, 0.9)

    }

}



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

    .slider-fade2 .item h1 {

        font-size: 90px;

        line-height: 90px;

        letter-spacing: -3px

    }

}



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

    .slider-fade2 .item h1 {

        font-size: 70px;

        line-height: 65px;

        letter-spacing: -2px

    }

}



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

    .slider-fade2 .item h1 {

        letter-spacing: -1px;

        font-size: 45px;

        line-height: 43px

    }

}



.gradient-overlay[data-overlay-dark]:before {

    background: rgba(42, 51, 78, 0.76);

    background: linear-gradient(-45deg, #6b6e73, #2a334e 65%)

}



.gradient-banner {

    background: rgba(42, 51, 78, 0.76);

    background: linear-gradient(-45deg, #6b6e73, #2a334e 65%)

}



.gradient-banner h1 {

    letter-spacing: -5px;

    font-size: 130px;

    line-height: 120px

}



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

    .gradient-banner h1 {

        font-size: 110px;

        line-height: 100px

    }

}



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

    .gradient-banner h1 {

        font-size: 90px;

        line-height: 85px

    }

}



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

    .gradient-banner h1 {

        letter-spacing: -4px;

        font-size: 72px;

        line-height: 60px

    }

}



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

    .gradient-banner h1 {

        letter-spacing: -2px;

        font-size: 60px;

        line-height: 48px

    }

}



.slider-fade3.owl-carousel .owl-nav .owl-prev,

.slider-fade3.owl-carousel .owl-nav .owl-next {

    position: absolute;

    transform: translateY(-50%);

    height: 60px;

    width: 60px;

    line-height: 62px;

    background: #d81a26;

    transition: all .3s ease;

    margin: 0;

    color: #fff;

    border-radius: 0

}



.slider-fade3.owl-carousel .owl-nav .owl-prev {

    top: 50%;

    left: 30px

}



.slider-fade3.owl-carousel .owl-nav .owl-next {

    top: 50%;

    right: 30px

}



.slider-fade3.owl-carousel .owl-nav i {

    font-size: 20px;

    color: #fff

}



.slider-fade3.owl-carousel.owl-theme .owl-dots {

    position: absolute;

    bottom: 30px;

    width: 100%;

    margin: 0;

    left: 0

}



.slider-fade3 span {

    animation-delay: 1.2s

}



.slider-fade3 h1 {

    animation-delay: 1.6s

}



.slider-fade3 a {

    animation-delay: 2s

}



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



    .slider-fade3.owl-carousel .owl-nav .owl-prev,

    .slider-fade3.owl-carousel .owl-nav .owl-next {

        width: 50px;

        height: 50px;

        line-height: 50px !important

    }



    .slider-fade3.owl-carousel .owl-nav i {

        font-size: 16px

    }

}



.banner-style7 {

    border-radius: 0 0 40px 40px

}



.banner-style7 .img1,

.banner-style7 .img2 {

    margin-left: -16px

}



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

    .banner-style7 {

        border-radius: 0

    }

}



.page-title-section {

    padding: 170px 0 80px 0

}



.page-title-section h1 {

    font-size: 60px;

    line-height: 1;

    text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

    color: #fff;

    margin-bottom: 15px;

    word-break: break-word

}



.page-title-section ul {

    margin-bottom: 0px;

    list-style: none;

    border-radius: 2px;

    display: inline-block;

    position: relative;

    line-height: 1.2;

    padding-left: 0

}



.page-title-section ul li {

    display: inline-block;

    color: #fff;

    position: relative

}



.page-title-section ul li:first-child {

    padding-right: 25px

}



.page-title-section ul li:last-child a {

    color: #575a7b

}



.page-title-section ul li:after {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 0 9px 9px;

    border-color: transparent transparent #6b6e73 transparent;

    bottom: 5px;

    right: 7px;

    transform: rotate(315deg)

}



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

    content: none

}



.page-title-section ul li a {

    color: #fff;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px

}



.page-title-section ul li a:hover {

    color: #6b6e73

}



.page-title-section ul li:last-child {

    opacity: 0.7;

    color: #6b6e73

}



.page-title-section .triangle-3 {

    top: 0;

    left: 0%;

    transform: rotate(270deg);

    bottom: inherit;

    border-top: 70px solid rgba(255, 255, 255, 0.2);

    border-right: 71px solid rgba(255, 255, 255, 0.2);

    border-left: 70px solid transparent;

    border-bottom: 72px solid transparent

}



.page-title-section .triangle-4 {

    right: 1%;

    bottom: 20px;

    top: inherit;

    left: inherit;

    transform: rotate(90deg)

}



.page-title-round {

    width: 100px;

    height: 100px;

    background-color: rgba(255, 255, 255, 0.1);

    position: absolute;

    left: 14%;

    top: 39%;

    z-index: 1;

    border-radius: 50%

}



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

    .page-title-section {

        padding: 160px 0 75px 0

    }



    .page-title-section h1 {

        font-size: 52px

    }

}



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

    .page-title-section {

        padding: 130px 0 70px 0

    }



    .page-title-section h1 {

        font-size: 48px

    }

}



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

    .page-title-section h1 {

        font-size: 42px

    }

}



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

    .page-title-round {

        width: 70px;

        height: 70px;

        left: 9%;

        top: 19%

    }



    .page-title-section h1 {

        font-size: 36px

    }

}



.without-pagination {

    padding: 180px 0 110px

}



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

    .without-pagination {

        padding: 180px 0 100px

    }

}



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

    .without-pagination {

        padding: 150px 0 94px

    }

}



.page-title-section2 {

    padding: 130px 0 110px 0

}



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

    .page-title-section2 {

        padding: 120px 0 100px 0

    }

}



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

    .page-title-section2 {

        padding: 100px 0 80px 0

    }

}



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

    .page-title-section2 {

        padding: 90px 0 70px 0

    }

}



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

    .page-title-section2 {

        padding: 90px 0 70px 0

    }

}



.about-shape1 {

    width: 30px;

    height: 100px;

    background-color: #6b6e73;

    position: absolute;

    bottom: 0;

    right: -90px;

    border-bottom-left-radius: 5px;

    border-top-left-radius: 5px

}



.about-shape2 {

    border-top: 30px solid #6b6e73;

    border-right: 31px solid #6b6e73;

    border-left: 30px solid transparent;

    border-bottom: 32px solid transparent;

    position: absolute

}



.about-shape3 {

    border-top: 40px solid #d81a26;

    border-right: 41px solid #d81a26;

    border-left: 40px solid transparent;

    border-bottom: 42px solid transparent;

    position: absolute;

    transform: rotate(180deg)

}



.about-story-video {

    top: 14%;

    right: 25%;

    z-index: 3

}



.about-story-video .video_btn {

    box-shadow: -3px 0px 30px 0px rgba(0, 0, 0, 0.1);

    color: #d81a26;

    background: #fff

}



.about-story-video .video_btn:hover i,

.about-story-video .video_btn:focus i {

    color: #d81a26

}



.about-story-video .video_btn:before,

.about-story-video .video_btn:after {

    content: none

}



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

    .about-shape1 {

        left: -30px

    }

}



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

    .about-story-video {

        right: 22%

    }

}



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

    .about-story-video {

        right: 42%;

        top: 37%

    }

}



.about-section {

    align-content: center;

    align-items: center;

    background: transparent;

    flex: none;

    flex-direction: column;

    flex-wrap: nowrap;

    height: auto;

    justify-content: center;

    margin: 0px 30px 0px;

    width: calc(100% - 60px);

    max-width: calc(100% - 60px);

    position: relative;

    display: flex;

    z-index: 9

}



.about-section:before {

    background: #f7faff;

    border-radius: 10px;

    flex: none;

    height: 100%;

    left: 0;

    margin: 0 0 0 0;

    position: absolute;

    top: 0;

    width: 50%;

    z-index: 0;

    max-width: 50%;

    content: ""

}



.about-section .about-container {

    align-content: center;

    align-items: center;

    background: transparent;

    flex: none;

    flex-direction: row;

    flex-wrap: nowrap;

    height: auto;

    justify-content: center;

    margin: 0px 30px 0px;

    width: 1440px !important;

    z-index: 1;

    max-width: calc(100% - 60px)

}



.about-section .col-title h2 {

    font-size: 13px;

    font-weight: 500;

    height: auto;

    letter-spacing: 0.32em;

    line-height: 1;

    text-align: center;

    justify-content: center;

    display: inline-block;

    padding: 10px 20px;

    text-transform: uppercase

}



.about-section .about-icon {

    border-radius: 50%;

    line-height: 70px;

    height: 70px;

    width: 70px;

    text-align: center;

    color: #fff;

    font-size: 36px

}



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

    .about-section .about-container {

        width: unset !important

    }

}



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

    .about-section {

        max-width: 100%;

        width: 100%;

        margin: 0

    }



    .about-section .about-container {

        max-width: calc(100% - 30px);

        margin: 0px 15px 0px

    }

}



.about-us-02 .about-bg-shape1 {

    background-image: url(../img/content/bg-shape1.png);

    height: 523px;

    width: 459px;

    inset: 0px auto auto 0px;

    position: absolute;

    background-repeat: no-repeat;

    background-position: center

}



.about-us-02 .about-bg-shape2 {

    background: #f7faff;

    opacity: 1;

    height: 100%;

    width: 1304px;

    inset: 0px 0px auto auto;

    position: absolute;

    background-repeat: no-repeat;

    background-position: center

}



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

    .about-us-02 .about-bg-shape2 {

        width: 1065px

    }

}



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

    .about-us-02 .about-bg-shape1 {

        display: none

    }

}



.about-us-03 {

    margin-top: -50px;

    position: relative;

    z-index: 3

}



.about-us-section .section-heading {

    text-align: left;

    margin-bottom: 20px

}



.about-us-section .section-heading h2 {

    margin: 0;

    width: 100%

}



.about-image1 {

    visibility: visible;

    left: -50px;

    right: unset;

    bottom: -60px;

    animation-delay: 900ms;

    position: absolute

}



.about-shape4 {

    position: absolute;

    width: 20px;

    height: 250px;

    overflow: hidden;

    visibility: visible;

    left: -50px;

    right: unset;

    top: 0px;

    animation-delay: 900ms;

    background: #6b6e73;

    animation-duration: 0.7s

}



.about-shape5 {

    position: absolute;

    width: 400px;

    height: 90px;

    overflow: hidden;

    visibility: visible;

    left: -50px;

    right: unset;

    bottom: -35px;

    animation-delay: 900ms;

    background: #6b6e73;

    animation-duration: 0.7s

}



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

    .about-image1 {

        right: 0;

        left: inherit

    }

}



.about-style04 .about-image-box {

    position: relative;

    height: 100%

}



.about-style04 .about-image-box .about-image1 {

    position: absolute;

    left: 0;

    width: 420px;

    top: 240px;

    z-index: 1

}



.about-style04 .about-image-box .about-image2 {

    width: 520px;

    float: right;

    margin-bottom: 150px

}



.about-style04 .about-image-box .years-of-experience {

    position: absolute;

    top: 64%;

    right: 60px;

    width: 275px;

    font-size: 18px;

    font-weight: bold;

    line-height: 25px;

    display: flex;

    align-items: center;

    -ms-flex-align: start;

    background-color: #fff;

    -webkit-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.07);

    box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.07);

    border-right: 8px solid #6b6e73;

    padding-left: 45px;

    padding-top: 25px;

    padding-bottom: 22px;

    border-bottom-right-radius: 0;

    z-index: 1

}



.about-style04 .about-image-box .years-of-experience .span {

    font-weight: bold;

    line-height: 1;

    display: block;

    font-size: 64px;

    color: #6b6e73;

    margin-right: 20px;

    margin-top: 0px;

    letter-spacing: -0.04em

}



.about-item .about-icon img {

    padding: 13px;

    background-color: #6b6e73

}



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

    .about-style04 .about-image-box .years-of-experience {

        top: 50%;

        right: 35px

    }

}



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

    .about-style04 .about-image-box .about-image2 {

        float: none

    }



    .about-style04 .about-image-box .years-of-experience {

        width: 257px;

        padding-left: 30px

    }

}



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

    .about-style04 .about-image-box .about-image2 {

        margin-bottom: 0

    }

}



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

    .about-style04 .about-image-box .years-of-experience {

        bottom: 30px

    }

}



.card-style1 {

    border: none;

    height: 100%

}



.card-style1 .card-body {

    position: relative;

    padding: 40px 25px 30px;

    background-color: #fff;

    box-shadow: -3px 0px 30px 0px rgba(0, 0, 0, 0.1);

    text-align: center;

    color: #575a7b

}



.card-style1:hover .img-card img {

    transform: scale(1.2);

    transition: all 1.5s ease

}



.card-style1 .card-body:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 0 12px 12px;

    border-color: transparent transparent #6b6e73 transparent;

    bottom: 2px;

    right: 2px

}



.card-style1 .card-body .icon-wrapper {

    width: 75px;

    height: 75px;

    padding: 15px;

    background-color: #d81a26;

    position: relative;

    margin: -84px auto 25px;

    border-radius: 5px;

    z-index: 99;

    text-align: center

}



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

    .card-style1 .card-body {

        padding: 30px 20px 20px

    }



    .card-style1 .card-body .icon-wrapper {

        width: 70px;

        height: 70px;

        padding: 10px;

        margin: -80px auto 25px

    }

}



.card-style2 {

    position: relative;

    overflow: hidden;

    border: 0;

    border-radius: 5px;

    box-shadow: -3px 0px 30px 0px rgba(0, 0, 0, 0.1);

    height: 100%

}



.card-style2 img {

    transition: all 0.8s;

    border-top-right-radius: 5px;

    border-top-left-radius: 5px

}



.card-style2 .card-body {

    background: #fff;

    text-align: center;

    border-top: 0;

    padding: 30px 15px;

    border-bottom-right-radius: 5px;

    border-bottom-left-radius: 5px

}



.card-style2 .card-body:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 0 12px 12px;

    border-color: transparent transparent #6b6e73 transparent;

    bottom: 3px;

    right: 3px

}



.card-style2 .team-social-icon {

    position: absolute;

    top: 0;

    left: 0;

    margin: 0;

    padding: 0;

    list-style: none

}



.card-style2 .team-social-icon li {

    background: #d81a26;

    width: 50px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    transform: perspective(1000px) rotateY(90deg);

    transition: all 0.5s;

    transform-origin: left

}



.card-style2 .team-social-icon li:hover {

    background: #6b6e73

}



.card-style2 .team-social-icon li:last-child {

    border: none

}



.card-style2 .team-social-icon li a {

    color: #fff;

    font-size: 14px

}



.card-style2:hover .team-social-icon li {

    transform: rotateX(0deg)

}



.card-style2 .team-social-icon li:nth-child(1) {

    transition-delay: 0.2s;

    border-top-left-radius: 5px

}



.card-style2 .team-social-icon li:nth-child(2) {

    transition-delay: 0.4s

}



.card-style2 .team-social-icon li:nth-child(3) {

    transition-delay: 0.6s

}



.card-style2 .team-social-icon li:nth-child(4) {

    transition-delay: 0.8s;

    border-bottom-right-radius: 5px

}



.card-style3 {

    position: relative;

    overflow: hidden;

    border: 0;

    height: 100%;

    background: unset;

    border-radius: 0

}



.card-style3 .card-header {

    padding: 40px 35px 70px 35px;

    border-color: #ededed;

    border-top-left-radius: 5px !important;

    border-top-right-radius: 5px !important

}



.card-style3 .card-price {

    background-color: #fff;

    position: absolute;

    bottom: -32px;

    left: 30px;

    border-radius: 5px;

    width: 110px;

    height: 70px;

    box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.03);

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center

}



.card-style3 .card-month {

    position: absolute;

    right: 30px;

    bottom: -15px;

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    background-color: #d81a26;

    padding: 5px 20px;

    border-radius: 35px

}



.card-style3 .card-body {

    border: 1px solid #ededed;

    border-top: none;

    background: #fff;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

    padding: 60px 35px 30px

}



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

    .card-style3 .card-header .price {

        font-size: 50px

    }

}



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

    .card-style3 .card-header .price sup {

        font-size: 24px

    }

}



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

    .card-style3 .card-header .price {

        font-size: 45px

    }



    .card-style3 .discount-tag {

        width: 116px;

        font-size: 12px

    }

}



.card-style4 {

    position: relative;

    overflow: hidden;

    border: 0;

    border-radius: 5px

}



.card-style4:hover img {

    transform: scale(1.2);

    transition: all 1.5s ease

}



.card-style4:hover .card-body {

    opacity: 1

}



.card-style4 .card-body {

    position: absolute;

    opacity: 0;

    display: block;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    color: #fff;

    overflow: hidden;

    background: rgba(7, 14, 32, 0.6);

    transition: all 0.5s

}



.card-style4:hover .card-body .portfolio-links {

    top: 0px

}



.card-style4 .card-body .portfolio-links {

    position: absolute;

    top: -130px;

    right: 0px;

    padding: 0;

    transition: all 500ms ease;

    list-style: none;

    margin: 0

}



.card-style4 .card-body .portfolio-links a {

    display: block;

    width: 50px;

    height: 50px;

    line-height: 55px;

    text-align: center;

    background: #6b6e73;

    font-size: 20px;

    color: #fff;

    cursor: pointer

}



.card-style4:hover .card-body .portfolio-overlay-info {

    bottom: 0px

}



.card-style4 .card-body .portfolio-overlay-info {

    left: 0px;

    position: absolute;

    bottom: -100px;

    right: inherit;

    width: 100%;

    background-color: #d81a26;

    padding: 20px 25px;

    transition: all 0.6s ease

}



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

    .card-style4 .card-body .portfolio-overlay-info {

        padding: 20px

    }

}



.card-style5 {

    color: #575a7b

}



.card-style5 .card-body:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 0 12px 12px;

    border-color: transparent transparent #6b6e73 transparent;

    bottom: 3px;

    right: 3px

}



.card-style6 {

    position: relative;

    overflow: visible !important

}



.card-style6:before {

    content: '';

    background: rgba(0, 0, 0, 0.6);

    height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0

}



.card-style6:hover:before {

    opacity: 1

}



.card-style6:hover .card-body {

    background-color: transparent

}



.card-style6:hover h4,

.card-style6:hover p,

.card-style6:hover a {

    color: #fff

}



.card-style6 .card-body {

    background-color: #fff;

    padding: 40px 0;

    width: 100%;

    height: 100%;

    transition: all 0.5s

}



.card-style6 .card-body .content {

    position: relative

}



.card-style6 .card-body .content:before {

    top: 0;

    position: absolute;

    content: '';

    width: 5px;

    height: 5px;

    background-color: #6b6e73;

    left: -3px

}



.card-style6 .card-body .content:after {

    position: absolute;

    content: '';

    width: 5px;

    height: 5px;

    background-color: #6b6e73;

    left: -3px

}



.card-style6 .card-body .content.first:before,

.card-style6 .card-body .content.first:after {

    content: none

}



.card-style6 .card-body .content:after {

    bottom: 0

}



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



    .card-style6 .card-body .content:before,

    .card-style6 .card-body .content:after {

        content: none

    }

}



.card-style7 {

    position: relative;

    border: none

}



.card-style7 .service-data {

    width: 80%;

    height: 70px;

    background-color: #fff;

    box-shadow: 10px 10px 60px 0px rgba(0, 0, 0, 0.1);

    display: flex;

    align-items: center;

    bottom: -32px;

    position: absolute;

    left: 50%;

    transform: translate(-50%);

    opacity: 1;

    transition: all 0.4s ease-out 0s

}



.card-style7 .card-body {

    background-color: #d81a26;

    width: 80%;

    bottom: -220px;

    position: absolute;

    left: 50%;

    transform: translate(-50%);

    opacity: 0;

    transition: all 0.4s ease-out 0s

}



.card-style7 .card-body .service-inner {

    display: flex;

    flex-wrap: nowrap;

    align-items: center;

    margin-bottom: 20px

}



.card-style7 .card-body .service-title {

    margin-bottom: 0;

    font-size: 22px

}



.card-style7:hover .service-data {

    opacity: 0;

    transition: all 0.4s ease-out 0s

}



.card-style7:hover .card-body {

    opacity: 1;

    transition: all 0.4s ease-out 0s;

    bottom: -80px

}



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

    .card-style7 .card-body .service-inner {

        margin-bottom: 10px

    }



    .card-style7:hover .card-body {

        bottom: -90px

    }

}



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

    .card-style7:hover .card-body {

        bottom: -40px

    }

}



.card-style8 {

    box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(19, 16, 34, 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(19, 16, 34, 0.03);

    border: none

}



.card-style8 .card-img-top {

    border-top-left-radius: 10px;

    border-top-right-radius: 10px

}



.card-style8 .card-label a {

    padding: 5px 15px;

    position: absolute;

    background-color: #d81a26;

    color: #fff;

    top: 30px;

    font-size: 14px;

    border-radius: 5px;

    right: 30px

}



.card-style8 .card-label a:hover {

    background-color: #6b6e73;

    color: #fff

}



.card-style8 .card-list li {

    display: inline-block;

    font-size: 16px;

    font-weight: 500;

    position: relative

}



.card-style8 .card-list>li:not(:first-child) {

    padding-left: 15px;

    margin-left: 12px

}



.card-style8 .card-list>li:not(:first-child):before {

    content: "";

    height: 12px;

    width: 1px;

    background-color: #afafaf;

    position: absolute;

    left: 0;

    top: 8px

}



.card-style9 {

    position: relative;

    box-shadow: 6px 5px 15px 0px rgba(0, 0, 0, 0.08);

    height: 100%

}



.card-style9 .card-body {

    position: relative;

    display: block;

    background-color: #343c56;

    padding: 40px 30px 34px 40px;

    height: 100%

}



.card-style9 .card-body .big-text {

    position: absolute;

    top: 20px;

    right: 22px;

    font-size: 58px;

    line-height: 58px;

    font-weight: 700;

    text-transform: uppercase;

    color: transparent;

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: #4f5a72

}



.card-style9 .card-body .icon-box {

    position: relative;

    display: block;

    margin-bottom: 18px

}



.card-style9 .card-body h3:after {

    position: absolute;

    content: '';

    width: 50px;

    height: 1px;

    left: 0px;

    background-image: linear-gradient(to right, #6b6e73, transparent 130%);

    bottom: 0px;

    background-color: transparent

}



.card-style10:hover .card-date {

    background-color: #d81a26

}



.card-style10 .card-date {

    width: 70px;

    height: 70px;

    background-color: #6b6e73;

    border: 4px solid #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: center;

    text-align: center;

    align-items: center;

    font-size: 18px;

    font-weight: 600;

    color: #fff;

    padding: 0 20px;

    line-height: 1.3;

    position: absolute;

    top: -37px;

    right: 30px;

    transition: 0.5s

}



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

    .service-position {

        margin: 0% -55% 0% 0%

    }

}



.card-style11 {

    border: 0;

    box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(19, 16, 34, 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(19, 16, 34, 0.03);

    border-radius: .375rem;

    display: block;

    position: relative;

    overflow: hidden;

    z-index: 1;

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

    -ms-transition: all .35s ease-in-out;

    transition: all .35s ease-in-out

}



.card-style11 .img-hover {

    display: block;

    position: relative;

    overflow: hidden

}



.card-style11 .img-hover img {

    will-change: transform;

    -webkit-transition: -webkit-transform .3s ease;

    -ms-transition: -ms-transform .3s ease;

    transition: transform .3s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    transition: all .5s ease;

    -webkit-transform: scale(1.01, 1.01);

    -ms-transform: scale(1.01, 1.01);

    transform: scale(1.01, 1.01)

}



.card-style11:hover .img-hover img {

    -webkit-transform: scale(1.07, 1.07);

    -ms-transform: scale(1.07, 1.07);

    transform: scale(1.07, 1.07)

}



.card-style11 .box {

    position: absolute;

    right: 30px;

    top: -55px;

    padding: 15px 17px;

    align-items: center;

    text-align: center;

    -webkit-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    background: #d81a26;

    -webkit-border-radius: 5px;

    -ms-border-radius: 5px;

    border-radius: 5px;

    color: #FFF;

    line-height: 1

}



.card-style11 .box span {

    display: block;

    font-size: 32px;

    line-height: 1em;

    font-weight: 700

}



.card-style11 .card-body {

    padding: 43px 34px

}



.card-style11 .card-body .circle:before {

    content: "";

    width: 5px;

    height: 5px;

    border-radius: 7px;

    margin: 0px 10px 0 0;

    background-color: #d81a26;

    display: inline-block;

    vertical-align: middle

}



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

    .card-style11 .box {

        top: -45px

    }



    .card-style11 .box span {

        font-size: 25px

    }



    .card-style11 .card-body {

        padding: 34px 34px 26px

    }

}



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

    .card-style11 .card-body {

        padding: 27px 31px 27px

    }

}



.card-style12 {

    transition: all .4s

}



.card-style12:hover {

    border: 1px solid #FFF;

    background-color: #f7faff;

    box-shadow: 0 12px 40px 4px rgba(10, 22, 94, 0.078)

}



.card-style12 .card-body span {

    font-size: 16px;

    font-weight: 500;

    display: block

}



.card-style12 .card-body .button {

    margin-left: 7px;

    line-height: 22px;

    font-weight: 600;

    display: flex;

    align-items: center;

    transition: all .2s;

    color: #d81a26

}



.card-style12 .card-body .button:hover {

    color: #6b6e73;

    margin-left: 0

}



.card-style12 .card-body .button i {

    font-weight: 600;

    font-size: 12px;

    margin-left: 8px;

    transition: all .4s

}



.card-style12 .card-body .button span {

    position: relative;

    transform: translateX(-28px)

}



.card-style12 .card-body .button .icon-show {

    opacity: 0;

    transition: all .4s

}



.card-style12 .card-body .button:hover .icon-show {

    opacity: 1;

    margin-right: 32px

}



.card-style12 .card-body .button .icon-hide {

    transition: all .4s;

    transform: translateX(-28px)

}



.card-style12 .card-body .button:hover .icon-hide {

    opacity: 0

}



.card-style12 .card-body .icon {

    width: 70px;

    height: 70px;

    display: flex;

    transition: all .4s;

    align-items: center;

    border-radius: 0.375rem;

    justify-content: center;

    background-color: rgba(17, 88, 231, 0.1)

}



.card-style12:hover .card-body .icon {

    background-color: #d81a26

}



.card-style12 .card-body .icon .hover-img {

    position: absolute;

    top: 50%;

    left: 50%;

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

    opacity: 0;

    -webkit-transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);

    transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1)

}



.card-style12:hover .card-body .icon .hover-img {

    opacity: 1

}



.card-style12:hover .card-body .icon .main-img {

    opacity: 0;

    -webkit-transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);

    transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1)

}



.card-style13 {

    transition: all 0.3s ease-out;

    background-color: #fff

}



.card-style13:hover {

    border-radius: 10px;

    transform: translateY(-6px);

    border: 1px solid transparent;

    background-color: #fff;

    box-shadow: 0px 0px 70px 0px rgba(84, 79, 73, 0.12)

}



.card-style14 .card-body {

    position: relative;

    text-align: center;

    background: rgba(252, 175, 23, 0.06);

    margin: 0px 0px 18px;

    padding: 30px 22px 30px 22px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    z-index: 2

}



.card-style14 .card-body:before {

    position: absolute;

    content: "";

    bottom: -18px;

    left: -18px;

    width: 260px;

    height: 215px;

    border-left: 1px solid #6b6e73;

    border-bottom: 1px solid #6b6e73;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s

}



.card-style14 .card-body span {

    position: absolute;

    top: -22px;

    left: 20px;

    width: 50px;

    height: 46px;

    line-height: 46px;

    text-align: center;

    font-size: 20px;

    font-weight: 700;

    color: #fff;

    background-color: #6b6e73;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s

}



.card-style14 .card-body span::after {

    position: absolute;

    content: "";

    top: -1px;

    right: -10px;

    width: 10px;

    height: 22px;

    clip-path: polygon(0% 100%, 0% 0%, 100% 100%);

    background: #6b6e73

}



.card-style14 .card-body:hover:before {

    border-left: 1px solid #d81a26;

    border-bottom: 1px solid #d81a26

}



.card-style14:hover .card-body span {

    background-color: #d81a26;

    color: #FFF

}



.card-style14:hover .card-body span::after {

    background-color: #d81a26

}



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

    .card-style14 .card-body:before {

        content: none

    }

}



.card-style15 {

    border: 0;

    background-color: transparent

}



.card-style15 .img-hover {

    display: block;

    overflow: hidden;

    position: relative;

    -webkit-transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);

    transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);

    border-radius: 6px

}



.card-style15 .img-hover img {

    transition: 0.4s;

    border-radius: 6px

}



.card-style15:hover .img-hover img {

    -webkit-transform: scale(1.08);

    transform: scale(1.08);

    -webkit-transition: 1.5s;

    transition: 1.5s

}



.card-style15 .overlay-info {

    position: absolute;

    bottom: 0;

    height: 100%;

    border-radius: 6px;

    width: 100%;

    -moz-transition: all 0.4s ease 0s;

    -ms-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: 0.4s;

    background-image: -webkit-gradient(linear, left bottom, left top, from(#202329), to(transparent));

    background-image: linear-gradient(to top, #202329 10%, transparent 50%)

}



.card-style15 .service-icon img {

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    position: absolute;

    top: 40px;

    left: 48px;

    display: inline-block;

    color: #FFF

}



.card-style15:hover .card-body .inner-content {

    text-align: left

}



.card-style15 .card-body .inner-content {

    -moz-transition: all 0.4s ease 0s;

    -ms-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: 0.4s

}



.card-style15 .icons i {

    background: #6b6e73;

    height: 50px;

    width: 50px;

    line-height: 50px;

    border-radius: 50%;

    align-items: center;

    display: flex;

    justify-content: center;

    -webkit-transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);

    transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);

    color: #fff

}



.card-style15:hover .icons i {

    background-color: #fff;

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1.5);

    transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1.5);

    color: #6b6e73

}



.card-style16 .card-body {

    display: flex;

    position: relative;

    z-index: 1;

    text-align: left

}



.card-style16 .card-body:before {

    content: ' ';

    width: 0;

    height: 0;

    padding-top: 125%;

    display: inline-block

}



.card-style16 .card-body .card-content:before {

    content: ' ';

    position: absolute;

    z-index: -1;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.3);

    -webkit-transition: opacity .3s ease-out, background-color .3s ease-out;

    -ms-transition: opacity .3s ease-out, background-color .3s ease-out;

    transition: opacity .3s ease-out, background-color .3s ease-out

}



.card-style16 .card-body:hover .card-content:before {

    opacity: .9;

    background: #2a334e

}



.card-style16 .card-body .card-content.without-image:before {

    display: none

}



.card-style16 .card-content {

    display: flex;

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #2a334e;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    height: 100%

}



.card-style16 .card-inner {

    position: relative;

    z-index: 1;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-justify-content: stretch;

    -ms-flex-pack: stretch;

    justify-content: stretch;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    width: 100%;

    max-height: 100%;

    overflow: hidden;

    padding: 2em

}



.card-style16 .card-bottom-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-justify-content: flex-end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    -webkit-flex-grow: 1;

    -ms-flex-grow: 1;

    flex-grow: 1;

    width: 100%

}



.card-style16 .card-body .card-bottom-content {

    will-change: transform;

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

    -ms-transition: -ms-transform .3s ease-out;

    transition: transform .3s ease-out;

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    transform: translateY(30px)

}



.card-style16 .card-body:hover .card-bottom-content {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0)

}



.card-style16 .card-title {

    margin: 0

}



.card-style16 .card-title+.card-subtitle {

    margin-top: .3em

}



.card-style16 .card-subtitle {

    opacity: 0;

    will-change: opacity;

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

    -ms-transition: opacity .3s ease-out;

    transition: opacity .3s ease-out

}



.card-style16 .card-body:hover .card-subtitle {

    opacity: 1

}



.card-style17 .card-features {

    min-height: 420px;

    height: 100%

}



.card-style17 .card-features .card-hover-mask {

    opacity: 0

}



.card-style17 .card-features img {

    -webkit-transition: -webkit-transform .3s ease;

    -ms-transition: -ms-transform .3s ease;

    transition: transform .3s ease

}



.card-style17 .card-features:hover img {

    -webkit-transform: scale(1.1, 1.1);

    -ms-transform: scale(1.1, 1.1);

    transform: scale(1.1, 1.1)

}



.card-style17 .card-inner {

    padding: 18px;

    position: absolute;

    bottom: 7px;

    left: 7px;

    right: 7px;

    width: calc(100% - 14px);

    z-index: 99;

    text-align: left;

    background-color: #fff;

    overflow: hidden

}



.card-style17 .card-item:hover {

    -webkit-transition: all .3s ease;

    -ms-transition: all .3s ease;

    transition: all .3s ease

}



.card-style17 .card-item:hover .card-hover-info {

    -webkit-transition: all .3s ease;

    -ms-transition: all .3s ease;

    transition: all .3s ease

}



.card-style17 .card-inner h4 a {

    color: #2f3437

}



.card-style17 .card-inner h4 a:hover {

    color: #6b6e73

}



.card-style17 .card-inner .card-icons {

    margin: 20px 0 -57px;

    padding-top: 10px;

    min-height: 40px;

    overflow: hidden;

    position: relative;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    transition: all .5s ease

}



.card-style17 .card-inner .card-icons:before {

    content: '';

    display: block;

    height: 1px;

    background-color: #ddd;

    width: 0;

    -webkit-transition: all .4s ease;

    -ms-transition: all .4s ease;

    transition: all .4s ease;

    position: relative;

    top: -9px

}



.card-style17 .card-item:hover .card-inner .card-icons {

    margin-bottom: -8px

}



.card-style17 .card-item:hover .card-inner .card-icons:before {

    width: 100%;

    transition-delay: .2s

}



.card-style17 .card-inner .card-icons .card-social-item {

    opacity: 0;

    transition-property: all;

    transition-duration: .3s;

    top: 15px;

    position: relative;

    margin: 3px 15px 3px 0 !important;

    display: inline-block;

    vertical-align: top;

    line-height: 1;

    will-change: transform

}



.card-style17 .card-inner .card-icons .card-social-item .social_icon {

    color: #000;

    border: none;

    background: 0 0;

    font-size: 16px;

    width: 2em;

    height: 2em;

    line-height: 2em

}



.card-style17 .card-item .card-icons .card-social-item:hover,

.card-style17 .card-item .card-icons .card-social-item:active,

.card-style17 .card-item .card-icons .card-social-item:focus {

    color: #6b6e73

}



.card-style17 .card-hover-anim:hover .card-icons .card-social-item {

    opacity: 1;

    top: 0;

    transition-delay: 1.4s

}



.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(1) {

    transition-delay: .3s

}



.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(2) {

    transition-delay: .4s

}



.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(3) {

    transition-delay: .5s

}



.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(4) {

    transition-delay: .6s

}



.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(5) {

    transition-delay: .7s

}



.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(6) {

    transition-delay: .8s

}



.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(7) {

    transition-delay: .9s

}



.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(8) {

    transition-delay: 1s

}



.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(9) {

    transition-delay: 1.1s

}



.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(10) {

    transition-delay: 1.2s

}



.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(11) {

    transition-delay: 1.3s

}



.card-style18 {

    padding: 36px 36px 36px 30px;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: .5s;

    border: 0

}



.card-style18.bg {

    background-color: #FFF

}



.card-style18:before {

    content: "";

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: .4s;

    position: absolute;

    left: 0;

    width: 0;

    top: 0;

    height: 100%;

    border-radius: .375rem;

    background-color: #d81a26;

    border: 0

}



.card-style18 .card-body .pricing-quality {

    transition-duration: .15s;

    font-weight: 500;

    color: #FFF;

    font-size: 1.125rem;

    line-height: 1.75rem;

    padding-top: 5px;

    padding-bottom: 5px;

    padding-left: 22px;

    padding-right: 22px;

    background-color: #0c59db;

    border-radius: .25rem;

    position: absolute;

    top: -56px;

    right: 30px

}



.card-style18 .card-body .pricing-limit {

    transition-duration: .15s;

    font-weight: 600;

    line-height: 1.75rem;

    margin-bottom: 1.45rem;

    text-transform: uppercase

}



.card-style18 .card-body .pricing-pre {

    top: -2px;

    gap: .25rem;

    align-items: baseline;

    display: flex;

    right: 0;

    position: absolute;

    color: #212529

}



.card-style18 .card-body .pricing-pre .pricing-price {

    color: #212529;

    font-weight: 600;

    font-size: 40px;

    margin-bottom: 0

}



.card-style18 .card-body .pricing-pre h6 {

    color: #212529;

    margin-bottom: 0

}



.card-style18 .card-body .pricing-icon {

    transition-duration: .15s;

    background-color: #0c59db;

    color: #FFF;

    border-radius: .25rem;

    overflow: hidden;

    justify-content: center;

    align-items: center;

    width: 42px;

    height: 42px;

    display: flex;

    margin-top: .75rem;

    z-index: 10;

    position: relative

}



.card-style18 .card-body .pricing-text h5 {

    transition-duration: .5s;

    color: #212529;

    font-size: 20px;

    margin-top: .5rem;

    font-weight: 600;

    line-height: 2rem

}



.card-style18 .card-body .pricing-text p {

    transition-duration: .5s

}



.card-style18.bg1 {

    background-color: #d81a26

}



.card-style18.bg1:before {

    background-color: #FFF

}



.card-style18.bg1 .card-body .pricing-quality {

    color: #212529;

    background-color: #fff

}



.card-style18.bg1 .card-body .pricing-limit {

    color: #fff

}



.card-style18.bg1 .card-body .pricing-pre .pricing-price,

.card-style18.bg1 .card-body .pricing-pre h6 {

    color: #fff

}



.card-style18.bg1 .card-body .pricing-text h5,

.card-style18.bg1 .card-body .pricing-text p {

    color: #fff

}



.card-style18.bg1 .card-body .pricing-icon {

    background-color: #FFF;

    color: #0c59db

}



.card-style18.bg:hover {

    background-color: #d81a26

}



.card-style18:hover:before {

    width: 100%

}



.card-style18.bg:hover .card-body .pricing-quality {

    color: #000;

    background-color: #fff

}



.card-style18:hover .card-body .pricing-limit {

    color: #fff

}



.card-style18:hover .card-body .pricing-pre .pricing-price,

.card-style18:hover .card-body .pricing-pre h6 {

    color: #fff

}



.card-style18:hover .card-body .pricing-text h5,

.card-style18:hover .card-body .pricing-text p {

    color: #fff

}



.card-style18:hover .card-body .pricing-icon {

    background-color: #FFF;

    color: #0c59db

}



.card-style18.bg1:hover .card-body .pricing-quality {

    color: #fff;

    background-color: #0c59db

}



.card-style18.bg1:hover .card-body .pricing-limit {

    color: #212529

}



.card-style18.bg1:hover .card-body .pricing-pre .pricing-price,

.card-style18.bg1:hover .card-body .pricing-pre h6 {

    color: #212529

}



.card-style18.bg1:hover .card-body .pricing-text h5,

.card-style18.bg1:hover .card-body .pricing-text p {

    color: #212529

}



.card-style18.bg1:hover .card-body .pricing-icon {

    background-color: #0c59db;

    color: #FFF

}



.card-style18:hover .butn-style04 {

    background: #6b6e73

}



.card-style18:hover .butn-style04.white span {

    color: #fff

}



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



    .card-style18.bg,

    .card-style18.bg1 {

        padding: 30px 20px 30px 20px

    }



    .card-style18 .card-body .pricing-limit {

        margin-bottom: 1.05rem

    }



    .card-style18 .card-body .pricing-pre .pricing-price {

        font-size: 30px

    }



    .card-style18 .card-body .pricing-quality {

        top: -50px;

        right: 20px

    }

}



.card-style20 .card-item {

    position: relative;

    min-width: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s

}



.card-style20 .card-item .card-image {

    position: relative;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s

}



.card-style20 .card-item .card-image .blog-image {

    overflow: hidden

}



.card-style20 .card-item .card-image img {

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: center;

    object-position: center;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



.card-style20 .card-item .card-image .card-date {

    position: absolute;

    right: 6%;

    bottom: -12%;

    -webkit-transform: translate(var(--translate-x), var(--translate-y));

    -ms-transform: translate(var(--translate-x), var(--translate-y));

    transform: translate(var(--translate-x), var(--translate-y));

    z-index: 2;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

    height: 70px;

    width: 70px;

    border-radius: 50%;

    padding: 10px;

    text-transform: capitalize;

    background-color: #d81a26

}



.card-style20 .card-item:hover .card-image img {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1)

}



.card-style20 .card-item .card-content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    position: relative;

    z-index: 2;

    padding: 40px 40px 40px 40px;

    box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.07)

}



.card-style20 .card-item .card-title a {

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    color: #212529

}



.card-style20 .card-item .card-title a:hover {

    color: #6b6e73

}



.card-style20 .card-item .card-butn {

    color: #212529

}



.card-style20 .card-item .card-butn:hover {

    color: #6b6e73

}



.card-style20 .card-item .card-category span:hover {

    color: #6b6e73

}



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

    .card-style20 .card-item .card-content {

        padding: 25px

    }

}



.service-slider.owl-theme .owl-nav {

    text-align: left;

    margin-left: -5px

}



.service-slider.owl-theme .owl-nav [class*='owl-'] {

    width: 40px;

    height: 40px;

    color: #232323;

    background: rgba(17, 88, 231, 0.1);

    transition: all 0.6s ease;

    line-height: 40px

}



.service-slider.owl-theme .owl-nav .owl-prev {

    margin-right: 30px;

    position: relative

}



.service-slider.owl-theme .owl-nav .owl-prev:before {

    content: '';

    display: inline-block;

    width: 6px;

    height: 6px;

    background-color: #6b6e73;

    position: absolute;

    right: -20px;

    top: 15px;

    border-radius: 50%

}



.service-slider.owl-theme .owl-nav [class*='owl-']:hover,

.service-slider.owl-theme .owl-nav [class*='owl-']:active,

.service-slider.owl-theme .owl-nav [class*='owl-']:focus {

    background: #d81a26;

    color: #fff !important

}



.service-slider.owl-theme .owl-nav [class*='owl-']:hover i,

.service-slider.owl-theme .owl-nav [class*='owl-']:active i,

.service-slider.owl-theme .owl-nav [class*='owl-']:focus i {

    color: #fff !important

}



.service-card {

    overflow: inherit;

    padding: 75px 40px 30px 40px;

    border-radius: 0.25rem;

    background-position: top center;

    background-repeat: no-repeat;

    background-size: cover;

    transition: 0.4s;

    height: 420px

}



.service-card:before {

    background: rgba(42, 51, 78, 0.76);

    background: linear-gradient(-180deg, transparent, #2a334e 110%);

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.service-card .service-details {

    overflow: hidden;

    position: absolute;

    left: 0;

    bottom: -115px;

    width: 100%;

    padding: 25px;

    transition: all 0.3s;

    z-index: 9

}



.service-card:hover .service-details {

    bottom: 10px

}



.service-card .service-details h3,

.service-card .service-details a,

.service-card .service-details p {

    color: #fff

}



.service-card .service-details h3:hover,

.service-card .service-details h3:active,

.service-card .service-details h3:focus {

    color: #6b6e73

}



.service-card .service-details a:hover,

.service-card .service-details a:active,

.service-card .service-details a:focus {

    color: #6b6e73

}



.service-card:hover .service-details p {

    height: auto;

    opacity: 1;

    visibility: visible

}



.service-card .service-details p {

    visibility: hidden;

    opacity: 0;

    transition: all 0.3s ease 0.1s;

    height: 70px

}



.service-details-sidebar .widget {

    box-shadow: 0 0 14px rgba(82, 85, 90, 0.1);

    padding: 1.9rem;

    margin-bottom: 1.9rem;

    word-wrap: break-word;

    word-break: break-all

}



.service-details-sidebar .widget .widget-title {

    background: #2a334e;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

    padding: 15px 20px;

    margin-right: -1.9rem;

    margin-left: -1.9rem;

    margin-bottom: 1.9rem;

    margin-top: -1.9rem

}



.service-details-sidebar .widget .widget-title h4 {

    text-transform: uppercase;

    color: #fff;

    position: relative;

    margin-bottom: 12px;

    display: inline-block;

    padding-top: 8px

}



.service-details-sidebar .widget .widget-title h4:after {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 0 9px 9px;

    border-color: transparent transparent #6b6e73 transparent;

    bottom: 3px;

    right: -13px

}



.service-details-sidebar .brochures li {

    position: relative;

    margin-bottom: 15px

}



.service-details-sidebar .brochures li a {

    display: block;

    font-size: 15px;

    border: 1px solid #ededed;

    font-weight: 600;

    border-radius: 4px

}



.service-details-sidebar .brochures li a i {

    text-align: center;

    padding: 15px;

    font-size: 20px;

    margin-right: 15px;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;

    background: #6b6e73;

    color: #fff

}



.service-details-sidebar .contact-icons {

    display: block;

    color: #fff;

    background: #6b6e73;

    font-size: 20px;

    min-width: 50px;

    border-radius: 5px;

    min-height: 50px;

    text-align: center;

    line-height: 50px;

    transition: all 0.45s ease-out

}



.service-carousel1.owl-theme .owl-nav {

    text-align: left;

    margin-top: 28px

}



.service-carousel1.owl-carousel .owl-nav button.owl-prev,

.service-carousel1.owl-carousel .owl-nav button.owl-next {

    display: inline-block;

    height: 40px;

    width: 40px;

    background: #6b6e73;

    line-height: 40px;

    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);

    box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);

    -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);

    transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);

    color: #FFF

}



.service-carousel1.owl-carousel .owl-nav button.owl-prev i,

.service-carousel1.owl-carousel .owl-nav button.owl-next i {

    font-size: 14px

}



.service-carousel1.owl-carousel .owl-nav button.owl-prev {

    margin-left: 0

}



.service-carousel1.owl-carousel .owl-nav button.owl-next {

    margin-right: 0

}



.service-carousel1.owl-theme .owl-nav [class*='owl-']:hover {

    background-color: #d81a26;

    color: rgba(255, 255, 255, 0.6)

}



.testimonial-style1.owl-theme .owl-nav [class*='owl-'] {

    margin: 0;

    transition: all 500ms ease;

    border-radius: unset

}



.testimonial-style1.owl-carousel .owl-nav button.owl-prev,

.testimonial-style1.owl-carousel .owl-nav button.owl-next {

    width: 60px;

    height: 60px;

    background: #d81a26;

    color: #fff;

    position: absolute;

    top: 38%

}



.testimonial-style1.owl-theme .owl-nav [class*='owl-']:hover {

    background: #6b6e73

}



.testimonial-style1.owl-carousel .owl-nav button.owl-prev {

    left: 0

}



.testimonial-style1.owl-carousel .owl-nav button.owl-next {

    right: 0

}



.testimonial-carousel1 .inner-text {

    position: relative;

    margin-top: 40px

}



.testimonial-carousel1 .inner-text:before {

    content: '';

    background-image: url(../img/quote.png);

    position: absolute;

    left: 30px;

    top: -25px;

    height: 100%;

    width: 100%;

    background-repeat: no-repeat

}



.testimonial-img {

    display: flex;

    position: relative;

    justify-content: space-between;

    flex-direction: column;

    align-items: flex-start

}



.testimonial-img .img-2 {

    margin-top: -90px;

    margin-bottom: -50px

}



.testimonial-img .img-3 {

    margin-bottom: 40px

}



.testimonial-carousel1.owl-theme .owl-nav {

    text-align: left;

    margin-top: 25px

}



.testimonial-img.owl-thumbs button {

    background: none

}



.testimonial-img.owl-thumbs button img {

    border: 4px solid #fff;

    box-shadow: 10px 10px 60px 0px rgba(0, 0, 0, 0.1)

}



.testimonial-img .img-radius1 {

    border-radius: 31px 61px 84px 81px

}



.testimonial-img .img-radius2 {

    border-radius: 30% 70% 70% 26% / 12% 30% 70% 69%

}



.testimonial-img .img-radius3 {

    border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%

}



.testimonial-img .img-radius4 {

    border-radius: 38% 51% 48% 46% / 47% 66% 31% 51%

}



.testimonial-img .img-radius5 {

    border-radius: 31% 79% 73% 38% / 63% 79% 32% 46%

}



.testimonial-img.owl-thumbs button img {

    opacity: 1

}



.testimonial-img.owl-thumbs button.active img {

    opacity: 0.5

}



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

    .testimonial-img {

        flex-direction: unset

    }



    .testimonial-img .img-2 {

        margin: 0

    }



    .testimonial-img .img-3 {

        margin-bottom: 0

    }

}



.testimonial-style2 {

    position: relative;

    margin: 13px 13px 50px 13px

}



.testimonial-style2 .inner-box {

    position: relative;

    padding: 50px 45px 50px;

    background-color: #fff;

    background-position: left bottom;

    background-repeat: no-repeat

}



.testimonial-style2 .inner-box:before {

    position: absolute;

    content: '';

    left: 10px;

    bottom: -65px;

    width: 145px;

    height: 90px;

    background: url(../img/icons/testimonial-curve.png);

    background-repeat: no-repeat

}



.testimonial-style2 .inner-box .quote-icon {

    position: absolute;

    right: 0px;

    top: 0px;

    width: 50px;

    height: 50px;

    color: #fff;

    line-height: 50px;

    font-size: 24px;

    text-align: center;

    display: inline-block;

    background-color: #d81a26

}



.testimonial-style2 .inner-box .border-layer {

    position: absolute;

    left: 10px;

    top: -12px;

    right: -12px;

    bottom: 10px;

    border: 2px solid #6b6e73

}



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

    .testimonial-style2 .inner-box {

        padding: 50px 25px 25px

    }

}



.testimonial-style3 .testimonial-content .arrow {

    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08)

}



.testimonial-style3 .testimonial-content .arrow:after {

    content: "";

    top: 100%;

    left: 50px;

    height: 0;

    width: 0;

    z-index: 9;

    margin-left: -14px;

    position: absolute;

    pointer-events: none;

    border: solid transparent;

    border-width: 14px;

    border-top-color: #ffffff

}



.testimonial-thumbs4.owl-thumbs button {

    border: 1px solid transparent;

    background: transparent

}



.testimonial-thumbs4.owl-thumbs button img {

    opacity: 1;

    border: 1px solid transparent;

    padding: 8px

}



.testimonial-thumbs4.owl-thumbs button.active img {

    opacity: 1 !important;

    border: 1px solid #d81a26;

    padding: 8px;

    background: none

}



.story-video {

    height: 100%

}



.video_btn {

    position: relative;

    height: 80px;

    width: 80px;

    background: #d81a26;

    text-align: center;

    display: inline-block;

    line-height: 80px;

    color: #fff;

    border-radius: 50%;

    transition-duration: 0s

}



.video_btn:hover i,

.video_btn:focus i {

    color: #fff

}



.video_btn:after {

    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

    height: 80px;

    width: 80px;

    border: 2px solid #fff;

    border-radius: 50%;

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

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

    opacity: 0.3;

    animation: pulse-border 1500ms ease-out infinite

}



.video_btn:before {

    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

    height: 95px;

    width: 95px;

    border: 2px solid #fff;

    border-radius: 50%;

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

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

    opacity: 0.3;

    animation: pulse-border 1500ms ease-out infinite

}



.video_btn.small {

    width: 50px;

    height: 50px;

    line-height: 50px

}



.video_btn.small:after {

    height: 50px;

    width: 50px

}



.video_btn.small:before {

    height: 65px;

    width: 65px

}



@keyframes pulse-border {

    0% {

        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

        opacity: 1

    }



    100% {

        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

        opacity: 0

    }

}



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

    .video_btn {

        height: 75px;

        width: 75px;

        line-height: 80px

    }



    .video_btn:after {

        height: 75px;

        width: 75px

    }



    .video_btn:before {

        height: 90px;

        width: 90px

    }

}



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

    .video_btn {

        height: 70px;

        width: 70px;

        line-height: 70px

    }



    .video_btn:after {

        height: 70px;

        width: 70px

    }



    .video_btn:before {

        height: 85px;

        width: 85px

    }



    @keyframes pulse-border {

        0% {

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1)

        }



        100% {

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

        }

    }

}



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

    .video_btn {

        height: 60px;

        width: 60px;

        line-height: 62px

    }



    .video_btn:after {

        height: 60px;

        width: 60px

    }



    .video_btn:before {

        height: 75px;

        width: 75px

    }

}



.project-info-list {

    list-style: none;

    margin-bottom: 0;

    padding: 40px 30px;

    display: block;

    border-radius: 5px;

    color: #fff;

    margin-top: -70px;

    margin-right: 30px;

    background-color: #d81a26

}



.project-info-list li {

    margin-bottom: 15px;

    font-size: 16px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    padding-bottom: 15px

}



.project-info-list li:last-child {

    margin-bottom: 0;

    border-bottom: 0;

    padding-bottom: 0

}



.project-info-list li .project-label {

    font-weight: 500;

    display: inline-block;

    margin-right: 25px;

    position: relative;

    width: 115px;

    vertical-align: top

}



.project-info-list li .project-label:after {

    content: ":";

    font-size: 18px;

    font-weight: 500;

    position: absolute;

    top: -1px;

    right: 0

}



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

    .project-info-list {

        margin: 0;

        padding: 30px 20px

    }

}



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

    .project-info-list li .project-label {

        margin-right: 15px;

        width: 100px

    }

}



.portfolio-style01 {

    position: relative

}



.portfolio-style01 img {

    border-radius: 10px !important

}



.portfolio-style01 .overlay-info {

    position: absolute;

    bottom: 0;

    height: 100%;

    border-radius: 10px;

    width: 100%;

    -moz-transition: all 0.49s ease 0s;

    -ms-transition: all 0.49s ease 0s;

    -o-transition: all 0.49s ease 0s;

    transition: all 0.49s ease 0s;

    background: rgba(15, 32, 45, 0.6)

}



.portfolio-style01:hover .overlay-info {

    opacity: 0.9;

    background-color: #091219

}



.portfolio-style01 .portfolio-icon i {

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    position: absolute;

    top: 30px;

    border-radius: 10px;

    left: 30px;

    font-size: 20px;

    transition: all 0.49s ease 0s;

    background-color: #fff;

    display: inline-block

}



.portfolio-style01:hover .portfolio-icon i {

    background-color: #6b6e73;

    color: #fff

}



.portfolio-style01:hover .inner-content {

    text-align: left;

    padding: 25px

}



.portfolio-style01 .inner-content {

    text-align: left;

    padding: 25px;

    width: 100%;

    -webkit-transition: all 0.3s ease-out 0.3s;

    -moz-transition: all 0.3s ease-out 0.3s;

    -ms-transition: all 0.3s ease-out 0.3s;

    -o-transition: all 0.3s ease-out 0.3s;

    transition: all 0.3s ease-out 0.3s

}



.portfolio-carousel-02.owl-theme .owl-nav {

    position: absolute;

    top: -60px;

    right: 0

}



.portfolio-carousel-02.owl-theme .owl-nav [class*='owl-'] {

    width: 40px;

    height: 40px;

    color: #232323

}



.portfolio-carousel-02.owl-theme .owl-nav .owl-prev {

    margin-right: 30px;

    position: relative

}



.portfolio-carousel-02.owl-theme .owl-nav .owl-prev:before {

    content: '';

    display: inline-block;

    width: 6px;

    height: 6px;

    background-color: #6b6e73;

    position: absolute;

    right: -20px;

    top: 15px;

    border-radius: 50%

}



.portfolio-carousel-02.owl-theme .owl-nav [class*='owl-']:hover {

    background: unset;

    color: #6b6e73

}



.portfolio-style02:before {

    top: 0px;

    right: auto;

    transform: perspective(400px) rotateX(-90deg);

    transform-origin: top;

    position: absolute;

    content: '';

    left: 0px;

    width: 100%;

    height: 100%;

    display: block;

    opacity: 0;

    text-align: center;

    transition: all 0.5s;

    background: rgba(17, 88, 231, 0.6);

    z-index: 1

}



.portfolio-style02:hover:before {

    opacity: 1;

    transform: perspective(400px) rotateX(1deg);

    transition: all 700ms ease 100ms

}



.portfolio-content {

    position: absolute;

    top: 0;

    left: 0;

    color: #020d1e;

    width: 100%;

    top: auto;

    bottom: 0;

    opacity: 0;

    transform: translateY(100%);

    backface-visibility: hidden;

    padding: 30px;

    transition: transform 0.4s, opacity 0.1s 0.3s;

    z-index: 2

}



.portfolio-style02 .portfolio-content {

    transform: translateY(10px);

    transition: all 0.6s ease-in-out

}



.portfolio-style02:hover .portfolio-content {

    z-index: 2;

    opacity: 1;

    transform: translateY(0);

    transition-delay: 0.8s

}



.pagination {

    border-radius: 0;

    padding: 0;

    margin: 0

}



.pagination ul {

    display: inline-block;

    margin-left: auto;

    margin-right: auto;

    padding: 0

}



.pagination li {

    display: inline

}



.pagination a {

    float: left;

    font-size: 15px;

    padding: 0 18px;

    line-height: 40px;

    text-decoration: none;

    border: 1px solid #ededed;

    margin-right: 10px;

    background: #fff

}



.pagination.radius-5 a {

    border-radius: 5px

}



.pagination .active a {

    background-color: #d81a26;

    color: #ffffff;

    cursor: default

}



.pagination li:last-child a {

    margin-right: 0

}



.pagination a:hover {

    background-color: #d81a26;

    color: #fff

}



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

    .pagination a {

        padding: 0 12px;

        margin-right: 5px

    }

}



.owl-theme .owl-nav.disabled+.owl-dots {

    margin-top: 40px

}



.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

    background-color: #6b6e73

}



.owl-carousel .owl-item img {

    width: auto;

    display: inline-block

}



.owl-thumbs button {

    border: none

}



.owl-thumbs button img {

    opacity: 0.5

}



.owl-thumbs button.active img {

    opacity: 1

}



.accordion .card {

    background: transparent;

    box-shadow: none;

    margin-bottom: 20px;

    border: 0;

    border-radius: 0

}



.accordion .card:last-child {

    margin-bottom: 0

}



.accordion .card-header {

    border: 0;

    padding: 0;

    background: none

}



.accordion .accordion-collapse {

    border: none

}



.accordion .accordion-button {

    border-bottom: none;

    color: #fff;

    font-size: 18px;

    position: relative;

    display: block;

    width: 100%;

    text-align: left;

    white-space: normal;

    box-shadow: none;

    font-weight: 500;

    padding: 20px 60px 20px 20px;

    text-decoration: none;

    background: #2a334e;

    border: 0;

    border-top-right-radius: 5px;

    border-top-left-radius: 5px

}



.accordion .accordion-button:hover {

    text-decoration: none

}



.accordion .accordion-button.collapsed {

    background: #fff;

    color: #575a7b;

    border: 1px solid #ededed;

    border-radius: 5px

}



.accordion .accordion-button.collapsed:after {

    background: #2a334e;

    border: none;

    content: "+";

    right: 20px;

    left: inherit;

    font-size: 18px;

    transform: none;

    width: 25px;

    height: 25px;

    line-height: 20px;

    top: 18px;

    border-radius: 5px;

    text-align: center;

    color: #fff

}



.accordion .accordion-button:after {

    background: #fff;

    border: none;

    content: "-";

    right: 20px;

    border-radius: 5px;

    left: inherit;

    font-size: 18px;

    border: 1px solid #fff;

    transform: none;

    width: 25px;

    height: 25px;

    line-height: 21px;

    top: 18px;

    position: absolute;

    color: #27ae60;

    text-align: center

}



.accordion .card-body {

    color: #575a7b;

    font-size: 16px;

    padding: 20px 25px;

    line-height: 28px;

    text-align: left;

    border-top: 0;

    border-bottom: 1px solid #ededed;

    border-left: 1px solid #ededed;

    border-right: 1px solid #ededed;

    border-bottom-right-radius: 5px;

    border-bottom-left-radius: 5px

}



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

    .accordion .accordion-button {

        padding: 15px 50px 15px 15px;

        font-size: 16px

    }



    .accordion .accordion-button.collapsed:after,

    .accordion .accordion-button:after {

        right: 15px;

        font-size: 16px;

        height: 22px;

        line-height: 22px;

        width: 22px;

        top: 13px

    }



    .accordion .card-body {

        padding: 20px 15px

    }

}



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

    .accordion .accordion-button {

        padding: 15px 50px 15px 15px

    }

}



.accordion.style1 .accordion-button.collapsed {

    background: #f4f4f4;

    color: #282b2d;

    border-radius: 0

}



.accordion.style1 .accordion-button.collapsed:after {

    background: #fff;

    color: #d81a26

}



.accordion.style1 .card-body {

    border-radius: 0

}



.accordion.style1 .accordion-button:after {

    line-height: 20px

}



.accordion .accordion-button:after {

    color: #2a334e

}



.accordion.style1 .accordion-button {

    background: #fff;

    border: 1px solid #ededed;

    border-radius: 0;

    color: #232323;

    font-size: 16px

}



.accordion.style2 .card {

    background: #FFF;

    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);

    border-radius: .375rem

}



.accordion.style2 .accordion-button {

    background-color: unset;

    color: #2a334e;

    padding: 25px 60px 25px 28px;

    font-weight: 700;

    border-radius: .375rem .375rem 0 0

}



.accordion.style2 .accordion-button.collapsed {

    border: 0

}



.accordion.style2 .card-body {

    padding: 0 25px 25px 28px;

    border-bottom-left-radius: .375rem;

    border-bottom-right-radius: .375rem;

    border: 0

}



.accordion.style2 .accordion-button.collapsed:after {

    background-color: unset;

    content: "\e64b";

    font-family: themify;

    font-size: 14px;

    top: 24px;

    color: #575a7b

}



.accordion.style2 .accordion-button:after {

    content: "\e648";

    font-family: themify;

    font-size: 14px;

    top: 24px

}



.accordion.style3 .accordion-button:after {

    content: "\e64b";

    font-family: themify;

    background: transparent;

    border: 0;

    color: #fff;

    font-size: 14px;

    top: 24px

}



.accordion.style3 .accordion-button.collapsed {

    background: transparent;

    border: 0;

    border-top: 1px solid rgba(255, 255, 255, 0.2);

    border-radius: 0;

    padding: 22px 40px 22px 0

}



.accordion.style3 .accordion-button.collapsed:after {

    content: "\e648";

    right: 0;

    transition-duration: .5s;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)

}



.accordion.style3 .card {

    margin-bottom: 0

}



.accordion.style3 .accordion-button {

    background: #d81a26;

    border-radius: 0;

    transition-duration: .5s;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    padding: 22px 0 22px 20px

}



.accordion.style3 .card-body {

    border: 0;

    padding-left: 0;

    color: rgba(255, 255, 255, 0.4)

}



.accordion.style3 .accordion-button:hover {

    background: #0c59db;

    border-color: transparent;

    padding: 22px 60px 22px 20px;

    transition-duration: .5s;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)

}



.accordion.style3 .accordion-button.collapsed:hover:after {

    right: 20px;

    transition-duration: .5s;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)

}



.why-choose-block {

    background-position: 0% 0%;

    background-repeat: repeat;

    background-size: cover;

    position: relative;

    margin-right: -366.5px

}



.why-choose-block .content {

    position: absolute;

    transform: rotate(-90deg);

    color: #232323;

    font-size: 26px;

    font-weight: 600;

    transform-origin: left bottom;

    left: 0;

    bottom: 0

}



.about-img-wrapper {

    position: relative;

    margin-bottom: 40px

}



.about-review {

    background-color: #d81a26;

    max-width: 240px;

    width: 100%;

    text-align: center;

    position: absolute;

    top: 50%;

    left: 50%;

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

    padding: 25px 20px;

    border-radius: 5px

}



.about-review-counter {

    margin: 0;

    font-weight: 700;

    font-size: 30px;

    color: #fff;

    line-height: 1em

}



.about-review-stars {

    display: flex;

    align-items: center;

    justify-content: center;

    line-height: 1;

    margin: 15px 0

}



.about-review-stars i {

    color: #fc0;

    font-size: 16px

}



.about-review-stars i+i {

    margin-left: 6px

}



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

    .about-review {

        padding: 25px 0

    }



    .about-review-counter {

        font-size: 28px

    }

}



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

    .about-review-stars i {

        font-size: 14px

    }

}



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

    .about-img-wrapper {

        margin-bottom: 30px

    }



    .about-review-counter {

        font-size: 26px

    }



    .about-review-stars i {

        font-size: 13px

    }

}



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

    .about-review {

        padding: 20px 0

    }



    .about-review-counter {

        font-size: 24px

    }



    .about-review-stars i {

        font-size: 12px

    }

}



.partner-image img {

    filter: grayscale(0%);

    opacity: 1;

    transition: all 0.5s ease

}



.partner-image:hover img {

    opacity: 1;

    transform: scale(1.1);

    -webkit-filter: grayscale(100%)

}



.contact-wrapper {

    text-align: center;

    box-shadow: -3px 0px 30px 0px rgba(0, 0, 0, 0.1);

    border-radius: 5px;

    padding: 70px 30px 30px;

    position: relative;

    z-index: 2;

    height: 100%;

    word-break: break-all

}



.contact-content {

    position: relative;

    z-index: 2;

    text-align: center

}



.contact-content .title-hover {

    display: block;

    position: absolute;

    top: -30px;

    margin: 0 auto;

    width: 100%;

    color: #f6f6f6;

    margin-bottom: 0;

    font-weight: bold;

    z-index: -1;

    font-size: 75px;

    transition: all 300ms ease-in-out;

    opacity: 0

}



.contact-wrapper:hover .title-hover {

    opacity: 1

}



.contact-icon {

    margin: -120px auto 30px;

    border-radius: 50%;

    width: 90px;

    height: 90px;

    line-height: 110px;

    background: #d81a26;

    position: relative;

    z-index: 1;

    border: 1px solid #ededed;

    text-align: center;

    transition: all 0.5s ease

}



.contact-wrapper:hover .contact-icon {

    background: #6b6e73

}



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

    .contact-wrapper {

        padding: 60px 30px 30px

    }



    .contact-icon {

        margin: -100px auto 30px;

        width: 80px;

        height: 80px;

        line-height: 5.8

    }



    .contact-content .title-hover {

        top: -20px;

        font-size: 60px

    }

}



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

    .contact-wrapper {

        padding: 50px 25px 25px

    }



    .contact-content .title-hover {

        font-size: 55px

    }

}



.sidebar .contact-icons {

    display: block;

    color: #fff;

    background: #6b6e73;

    font-size: 20px;

    min-width: 50px;

    border-radius: 5px;

    min-height: 50px;

    text-align: center;

    line-height: 50px;

    transition: all 0.45s ease-out

}



.services-main-01 .services-inner-01 {

    position: relative;

    z-index: 1;

    text-align: center

}



.services-main-01 .services-inner-01:before {

    content: ' ';

    width: 0;

    height: 0;

    padding-top: 115%;

    display: inline-block

}



.services-main-01 .services-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #05080d;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover

}



.services-main-01 .services-inner-01 .services-content:before {

    content: ' ';

    position: absolute;

    z-index: 1;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: -1;

    background: -moz-linear-gradient(top, transparent 0%, #000 100%);

    background: -webkit-linear-gradient(top, transparent 0%, #000 100%);

    background: linear-gradient(to bottom, transparent 0%, #000 100%);

    opacity: .6;

    -webkit-transition: opacity 0.3s ease;

    -ms-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

    will-change: opacity

}



.services-main-01 .services-inner-01:hover .services-content:before {

    opacity: 0

}



.services-main-01 .services-inner-01 .services-content:after {

    content: ' ';

    position: absolute;

    z-index: 1;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: -1;

    background: rgba(0, 23, 54, 0.76);

    background: linear-gradient(-45deg, #6b6e73, #2a334e 65%);

    opacity: 0;

    -webkit-transition: opacity 0.3s ease;

    -ms-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

    will-change: opacity

}



.services-main-01 .services-inner-01:hover .services-content:after {

    opacity: 0.85

}



.services-main-01 .services-inner-01 .services-content.without_image:before,

.services-main-01 .services-inner-01 .services-content.without_image:after {

    display: none

}



.services-main-01 .services-content-inner {

    position: relative;

    z-index: 1;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-justify-content: stretch;

    -ms-flex-pack: stretch;

    justify-content: stretch;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    width: 100%;

    max-height: 100%;

    overflow: hidden;

    padding: 3em 2.2em

}



.services-main-01 .services_item-inner-bottom {

    -webkit-flex-grow: 1;

    -ms-flex-grow: 1;

    flex-grow: 1;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-justify-content: flex-end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    position: relative;

    z-index: 1;

    width: 100%;

    max-height: 100%;

    overflow: hidden;

    -webkit-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box

}



.services-main-01 .services-inner-01 .services-item-inner-top {

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

    -ms-transform: translateY(-15px);

    transform: translateY(-15px);

    opacity: 0;

    will-change: transform, opacity;

    -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-out;

    -ms-transition: -ms-transform 0.3s ease-out, opacity 0.3s ease-out;

    transition: transform 0.3s ease-out, opacity 0.3s ease-out

}



.services-main-01 .services-inner-01:hover .services-item-inner-top {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    opacity: 1

}



.services-main-01 .services-inner-01 .services_item-inner-bottom {

    -webkit-transform: translateY(45px);

    -ms-transform: translateY(45px);

    transform: translateY(45px);

    will-change: transform;

    -webkit-transition: -webkit-transform 0.3s ease-out;

    -ms-transition: -ms-transform 0.3s ease-out;

    transition: transform 0.3s ease-out

}



.services-main-01 .services-inner-01:hover .services_item-inner-bottom {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0)

}



.services-main-01 .services-inner-01 .services-button-01 {

    opacity: 0;

    will-change: opacity;

    -webkit-transition: opacity 0.3s ease-out;

    -ms-transition: opacity 0.3s ease-out;

    transition: opacity 0.3s ease-out

}



.services-main-01 .services-inner-01:hover .services-button-01 {

    opacity: 1

}



.services-main-01 .services-inner-01 .services-link {

    position: relative;

    display: inline-block;

    top: auto;

    left: auto;

    height: auto;

    width: auto;

    font-size: 16px;

    line-height: 21px;

    font-weight: 400;

    color: #ffffff !important;

    z-index: 1;

    overflow: hidden

}



.services-main-01 .services-inner-01 .services-link .services-link-text {

    display: none;

    position: relative;

    margin-right: 0;

    vertical-align: middle;

    text-indent: -110px;

    visibility: hidden;

    white-space: nowrap;

    opacity: 0;

    margin-top: 2px;

    -webkit-transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, opacity 0.4s ease;

    -ms-transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, opacity 0.4s ease;

    transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, opacity 0.4s ease;

    will-change: visibility, margin-right, text-indent, opacity

}



.services-main-01 .services-inner-01:hover .services-link .services-link-text,

.services-main-01 .services-inner-01 .services-link:hover .services-link-text {

    opacity: 1;

    text-indent: 0;

    margin-right: 6px;

    visibility: visible;

    -webkit-transition: visibility 0.4s ease, margin-right 0.3s ease-out, text-indent 0.4s ease-out, opacity 0.4s ease;

    -ms-transition: visibility 0.4s ease, margin-right 0.3s ease-out, text-indent 0.4s ease-out, opacity 0.4s ease;

    transition: visibility 0.4s ease, margin-right 0.3s ease-out, text-indent 0.4s ease-out, opacity 0.4s ease

}



.services-main-01 .services-item-sub-title {

    color: rgba(255, 255, 255, 0.65)

}



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

    .services-main-01 .services-content-inner {

        padding: 2em 1.6em

    }

}



.cost-list {

    list-style: none;

    padding: 0;

    margin: 0

}



.cost-list li {

    font-size: 15px;

    padding: 0 0 15px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 15px;

    border-bottom: 1px dashed #ededed

}



.cost-list li:last-child {

    padding: 0;

    border-bottom: 0;

    margin-bottom: 0

}



.cost-list li .cost {

    color: #132728;

    font-weight: 600;

    text-transform: capitalize;

    padding-right: 10px

}



.error-content {

    text-align: center;

    padding: 60px;

    background-color: #fff;

    position: relative;

    border: 20px solid #f8f9fa;

    border-radius: 5px

}



.error-content h4 {

    font-size: 200px;

    line-height: 200px;

    font-weight: 700;

    display: block;

    text-align: center;

    color: #d81a26;

    border-radius: 5px;

    background: rgba(17, 88, 231, 0.06);

    text-shadow: 10px 10px 0 rgba(17, 88, 231, 0.1);

    margin-top: 45px;

    margin-bottom: 0

}



.error-content .error-box-center h4 {

    background: #d81a26;

    color: #fff;

    margin-top: 0;

    text-shadow: 10px 10px 0 rgba(255, 255, 255, 0.43);

    position: relative

}



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

    .error-content {

        padding: 50px 40px

    }



    .error-content h4 {

        font-size: 180px;

        line-height: 180px

    }

}



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

    .error-content h4 {

        font-size: 170px;

        line-height: 170px

    }

}



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

    .error-content {

        padding: 40px 30px

    }



    .error-content h4 {

        font-size: 150px;

        line-height: 150px

    }

}



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

    .error-content {

        padding: 25px 20px

    }



    .error-content h4 {

        font-size: 110px;

        line-height: 110px;

        margin-top: 0

    }



    .error-content .error-box-center h4 {

        margin-top: 0

    }

}



.coming-soon-content {

    text-align: center;

    padding: 60px 50px;

    background-color: #fff;

    position: relative;

    border: 20px solid #f8f9fa;

    border-radius: 5px

}



.countdown {

    padding: 0

}



.countdown li {

    background: #d81a26;

    display: inline-block;

    text-align: center;

    min-width: 150px;

    border-radius: 5px;

    position: relative;

    padding: 15px 10px

}



.countdown li:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 0 12px 12px;

    border-color: transparent transparent #6b6e73 transparent;

    bottom: 3px;

    right: 3px

}



.countdown li:last-child {

    margin-right: 0

}



.countdown li span {

    font-size: 50px;

    font-weight: 600;

    text-align: center;

    color: #fff;

    line-height: normal;

    position: relative

}



.countdown li span:before {

    content: "";

    height: 1px;

    position: absolute;

    width: 100%

}



.countdown li p.timeRefDays,

.countdown li p.timeRefHours,

.countdown li p.timeRefMinutes,

.countdown li p.timeRefSeconds {

    font-size: 16px;

    font-weight: 500;

    color: #fff;

    margin: 0;

    padding: 0;

    text-transform: capitalize

}



.social-icon {

    margin-bottom: 0;

    list-style: none;

    padding: 0

}



.social-icon li {

    display: inline-block;

    margin-right: 5px

}



.social-icon li a {

    text-align: center;

    height: 35px;

    width: 35px;

    line-height: 35px;

    font-size: 14px;

    border-radius: 5px;

    display: inline-block;

    background: #6b6e73;

    color: #fff

}



.social-icon li:last-child {

    margin-right: 0

}



.social-icon li a:hover {

    background-color: #d81a26

}



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

    .coming-soon-content {

        padding: 50px 40px

    }



    .countdown li {

        min-width: 120px

    }



    .countdown li span {

        font-size: 46px

    }

}



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

    .countdown li span {

        font-size: 40px

    }

}



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

    .coming-soon-content {

        padding: 40px 30px

    }



    .countdown li {

        min-width: 180px;

        margin-top: 5px

    }

}



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

    .coming-soon-content {

        padding: 15px 10px

    }



    .countdown li {

        min-width: 48%

    }



    .countdown li span {

        font-size: 34px

    }

}



.modal-backdrop {

    z-index: 99999

}



.modal {

    z-index: 999999

}



.bd-example button,

.bd-example a {

    margin-top: 0.25rem;

    margin-bottom: 0.25rem

}



.icon-gallery .d-table {

    margin-top: 30px

}



.icon-gallery .d-table-cell {

    width: 125px;

    height: 125px;

    text-align: center;

    border-radius: 5px;

    margin-bottom: 25px;

    border: 1px solid rgba(0, 0, 0, 0.075);

    vertical-align: middle;

    font-size: 14px;

    transition: all 0.2s ease-in-out;

    padding: 10px;

    background: #fff

}



.icon-gallery i {

    display: block;

    margin-bottom: 15px;

    font-size: 28px;

    color: #d81a26

}



pre[class*="language-"] {

    max-height: 45vh;

    height: 100%;

    margin: 35px 0 15px 0;

    padding-top: 0

}



.html-code {

    background-color: #fbfbfb;

    position: relative;

    box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);

    padding: 30px;

    border-radius: 5px;

    border: 1px solid #ededed

}



.html-code:before {

    color: #c8dfab;

    content: "•••";

    font-size: 30px;

    left: 24px;

    letter-spacing: 4px;

    line-height: 12px;

    position: absolute;

    top: 24px

}



.copy-element {

    position: absolute;

    top: 0;

    right: 85px;

    transition: opacity 0.3s ease-in-out

}



.source-element {

    position: absolute;

    top: 0;

    right: 0;

    transition: opacity 0.3s ease-in-out

}



.html-code .copy-element {

    top: 15px;

    right: 30px

}



.html-code:hover .copy-element,

.html-code:hover .source-element {

    opacity: 1

}



.box-hover:hover .copy-element,

.box-hover:hover .source-element {

    opacity: 1

}



.copy-element>a,

.source-element>a {

    background: #dde1e6;

    color: #777 !important;

    display: inline-block;

    padding: 5px 15px;

    font-size: 14px;

    text-transform: capitalize;

    border-radius: 5px;

    cursor: pointer !important;

    font-weight: 600

}



.copy-element>a:hover,

.source-element>a:hover {

    background: #d81a26;

    color: #fff !important

}



.copy-clipboard {

    cursor: pointer;

    padding: 5px 15px

}



.white-popup-block {

    background-color: #fbfbfb;

    position: relative;

    max-width: 650px;

    box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);

    padding: 60px 30px 30px 30px;

    border-radius: 5px;

    margin: 40px auto;

    border: 1px solid #ededed

}



.white-popup-block.popup-copy.mfp-hide {

    display: block !important;

    height: 0;

    position: absolute;

    z-index: -1;

    padding: 0;

    opacity: 0;

    margin: 0

}



.white-popup-block:before {

    color: rgba(17, 88, 231, 0.2);

    content: "•••";

    font-size: 30px;

    left: 24px;

    letter-spacing: 4px;

    line-height: 12px;

    position: absolute;

    top: 24px

}



.white-popup-block:hover .copy-element {

    opacity: 1

}



.white-popup-block .copy-element {

    top: 45px;

    right: 30px

}



.box-hover {

    position: relative

}



.box-hover .container {

    position: relative

}



.inner-title {

    border-bottom: 1px solid rgba(0, 0, 0, 0.09);

    margin-bottom: 35px;

    padding-bottom: 20px

}



.inner-title h2 {

    display: inline-block;

    position: relative;

    padding-right: 14px;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 0;

    color: #d81a26

}



.inner-title h2:after {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 0 10px 10px;

    border-color: transparent transparent #6b6e73 transparent;

    bottom: 5px;

    right: 0

}



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

    .elements-block .inner-title {

        margin-bottom: 65px

    }



    .copy-element,

    .source-element {

        top: 65px

    }

}



.sidebar .widget {

    box-shadow: 0 0 14px rgba(82, 85, 90, 0.1);

    padding: 1.9rem;

    margin-bottom: 1.9rem

}



.sidebar.blog .widget .widget-title {

    background: #2a334e

}



.sidebar .widget .widget-title {

    background: #2a334e;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

    padding: 15px 20px;

    margin-right: -1.9rem;

    margin-left: -1.9rem;

    margin-bottom: 1.9rem;

    margin-top: -1.9rem

}



.sidebar .widget .widget-title h3 {

    text-transform: uppercase;

    color: #fff;

    position: relative;

    margin-bottom: 12px;

    display: inline-block;

    padding-top: 8px

}



.sidebar .widget .widget-title h3:after {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 0 9px 9px;

    border-color: transparent transparent #6b6e73 transparent;

    bottom: 3px;

    right: -13px

}



.sidebar .brochures {

    margin: 0;

    padding: 0;

    list-style: none

}



.sidebar .brochures li {

    position: relative;

    margin-bottom: 15px

}



.sidebar .brochures li:last-child {

    margin-bottom: 0

}



.sidebar .brochures li a {

    display: block;

    font-size: 15px;

    border: 1px solid #ededed;

    font-weight: 600;

    border-radius: 4px

}



.sidebar .brochures li a i {

    text-align: center;

    padding: 15px;

    font-size: 20px;

    margin-right: 15px;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;

    background: #6b6e73;

    color: #fff

}



.blog.sidebar .clients .seprator {

    position: relative;

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    display: inline-block;

    margin-bottom: 20px

}



.client-style1 {

    transition: 0.4s

}



.client-style1 img {

    transition: 0.3s

}



.client-style1 .image-wrapper {

    overflow: hidden;

    position: relative;

    z-index: 1;

    max-width: 225px;

    margin: 0 auto;

    border-radius: inherit

}



.client-style1 .image-wrapper>img {

    margin: 0 auto;

    border-radius: inherit

}



.client-style1 .hover-image {

    display: block;

    transform: translateY(-100%);

    opacity: 0;

    display: none;

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    right: 0;

    visibility: hidden

}



.client-style1 .image-wrapper:hover .hover-image {

    opacity: 1;

    visibility: visible;

    transform: translateY(0%)

}



.client-style1 .image-wrapper:hover .hover-image+.main-image {

    opacity: 0;

    transform: translateY(100%)

}



.blog.sidebar .social-icons .social-icon-style {

    margin: -3px 0 0 0;

    padding: 0;

    display: inline-block;

    list-style: none

}



.blog.sidebar .social-icons .social-icon-style li {

    text-align: center;

    margin: 3px 5px 3px 0;

    display: inline-block

}



.blog.sidebar .social-icons .social-icon-style li:last-child {

    margin-right: 0

}



.blog.sidebar .social-icons .social-icon-style li a {

    height: 40px;

    width: 40px;

    line-height: 40px;

    display: inline-block;

    font-size: 14px;

    color: #6b6e73;

    border-radius: 5px;

    border: 1px solid #ededed

}



.blog.sidebar .social-icons .social-icon-style li a:hover {

    color: #fff;

    background-color: #d81a26;

    border: 1px solid #d81a26

}



.tags a {

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-radius: 3px;

    padding: 5px 10px;

    font-size: 14px;

    line-height: 20px;

    margin: 0.6rem 10px 0 0;

    display: inline-block

}



.tags a:hover {

    border-color: #d81a26;

    background: #d81a26;

    color: #fff

}



.share-post span {

    font-weight: 700

}



.share-post li {

    display: inline-block;

    margin: 0 5px 0 5px

}



.share-post li:last-child {

    margin-right: 0

}



.author-thumb img {

    border-radius: 50%;

    width: 80px

}



.comment-inner {

    display: flex;

    flex-wrap: nowrap;

    align-items: start

}



.comment-inner .avatar {

    width: 65px;

    min-width: 65px;

    margin-right: 20px;

    display: inline-block;

    border-radius: 50%

}



.comment-inner .comment-box {

    overflow: hidden;

    position: relative;

    margin-left: 0;

    flex-grow: 1;

    vertical-align: top;

    display: inline-block

}



.comment-inner .comment-box p:last-child {

    margin-bottom: 0

}



.comment-reply-link {

    color: #d81a26;

    background: rgba(17, 88, 231, 0.1);

    padding: 5px 18px;

    font-weight: 500;

    border-radius: 4px;

    font-size: 14px;

    display: inline-block

}



.comment-reply-link:hover,

.comment-reply-link:active,

.comment-reply-link:focus {

    color: #fff;

    background: #d81a26

}



a#cancel-comment-reply-link {

    color: #d81a26;

    background: rgba(17, 88, 231, 0.1);

    padding: 9px 18px;

    font-weight: 500;

    border-radius: 4px;

    font-size: 14px;

    transition: 0.3s;

    float: right;

    margin: 6px 0

}



a#cancel-comment-reply-link:hover,

a#cancel-comment-reply-link:active,

a#cancel-comment-reply-link:focus {

    color: #fff;

    background: #d81a26

}



.tags a {

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-radius: 3px;

    padding: 5px 10px;

    font-size: 14px;

    line-height: 20px;

    margin: 5px 10px 5px 0;

    display: inline-block

}



.tags a:hover {

    border-color: #d81a26;

    background: #d81a26;

    color: #fff

}



.blog-share-icon {

    min-width: 175px

}



.share-post span {

    font-weight: 700

}



.share-post li {

    display: inline-block;

    margin: 0 5px 0 5px

}



.share-post li:last-child {

    margin-right: 0

}



blockquote {

    background-color: #f9f9f9;

    padding: 24px 57px 24px 37px;

    font-size: 19px;

    line-height: 30px;

    color: #222;

    font-weight: 500;

    position: relative

}



blockquote:before {

    content: '';

    width: 5px;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-color: #6b6e73

}



.vertical-timeline {

    position: relative;

    z-index: 1

}



.vertical-timeline:before {

    content: '';

    position: absolute;

    left: 50%;

    top: -6px;

    width: 9px;

    height: 9px;

    border-radius: 50%;

    background-color: #c0c8de;

    margin-left: -4px

}



.vertical-timeline:after {

    content: '\e64b';

    font-family: 'themify';

    font-size: 14px;

    position: absolute;

    left: 50%;

    bottom: -19px;

    color: #d81a26;

    margin-left: -6px

}



.vertical-timeline .timeline-items {

    padding-bottom: 40px

}



.vertical-timeline .timeline-items:before {

    content: '';

    height: 100%;

    width: 1px;

    position: absolute;

    z-index: -1;

    top: 0;

    left: 50%;

    background-image: linear-gradient(0deg, #c0c8de, #c0c8de 50%, transparent 50%, transparent 100%);

    background-size: 20px 20px

}



.vertical-timeline .item {

    display: flex;

    position: relative

}



.vertical-timeline .item:not(:last-child) {

    margin-bottom: 70px

}



.vertical-timeline .item:nth-child(even) .text {

    margin-left: 45px;

    margin-right: 0px;

    padding-left: 40px;

    padding-right: 50px;

    border-radius: 5px 5px 5px 5px

}



.vertical-timeline .item:nth-child(odd) .count {

    margin-right: -30px

}



.vertical-timeline .item:nth-child(odd) .icon {

    justify-content: flex-end

}



.vertical-timeline .item:nth-child(odd) .timeline-circle:before {

    left: 100%

}



.vertical-timeline .item:nth-child(even) {

    flex-direction: row-reverse;

    text-align: right

}



.vertical-timeline .item:nth-child(even) .count {

    margin-left: -30px

}



.vertical-timeline .item:nth-child(even) .icon {

    justify-content: flex-start

}



.vertical-timeline .item:nth-child(even) .timeline-content {

    flex-direction: row-reverse

}



.vertical-timeline .item:nth-child(even) .timeline-circle:before {

    right: 100%

}



.vertical-timeline .icon,

.vertical-timeline .timeline-content {

    flex-basis: calc(50% - 1px);

    transition: 0.5s;

    display: flex;

    align-items: center

}



.vertical-timeline .timeline-circle {

    position: relative;

    margin: 0px 100px 0px 100px

}



.vertical-timeline .timeline-circle .circle {

    position: absolute;

    top: 50%;

    border-radius: 50%;

    transition: 0.4s;

    top: calc(50% - 7px);

    left: -7px;

    width: 15px;

    height: 15px;

    background: #d81a26

}



.vertical-timeline .timeline-circle:before {

    content: '';

    height: 1px;

    position: absolute;

    top: 50%;

    background-image: linear-gradient(90deg, #c0c8de, #c0c8de 50%, transparent 50%, transparent 100%);

    background-size: 20px 20px;

    width: calc(100px + 30px)

}



.vertical-timeline .timeline-circle:after {

    content: '';

    position: absolute;

    border-radius: 50%;

    transition: 0.4s;

    top: calc(50% - 4px);

    left: -4px;

    width: 9px;

    height: 9px;

    background: #fff

}



.vertical-timeline .text {

    box-shadow: 6px 7px 20px rgba(0, 0, 0, 0.1);

    margin: 0px 45px 0px 0px;

    padding: 31px 40px 33px 50px;

    border-radius: 5px 5px 5px 5px;

    background-color: #fff

}



.vertical-timeline .count {

    position: relative;

    font-size: 20px;

    font-weight: 800;

    width: 60px;

    height: 60px;

    text-align: center;

    line-height: 60px;

    border-radius: 50%;

    flex: 1 0 auto;

    color: #fff;

    background: #d81a26

}



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

    .vertical-timeline .timeline-circle:before {

        width: calc(100px + -20px)

    }



    .vertical-timeline .text {

        margin: 0;

        padding: 20px 20px 20px 40px

    }



    .vertical-timeline .count {

        width: 50px;

        height: 50px;

        font-size: 18px;

        line-height: 50px

    }



    .vertical-timeline .item:nth-child(even) .text {

        margin: 0;

        padding-left: 20px;

        padding-right: 40px

    }



    .vertical-timeline .timeline-circle {

        margin: 0px 30px 0px 30px

    }

}



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



    .vertical-timeline:before,

    .vertical-timeline:after,

    .vertical-timeline .timeline-items:before {

        left: 10px

    }



    .vertical-timeline .item:not(:last-child) {

        margin-bottom: 40px

    }



    .vertical-timeline .timeline-content {

        order: 2;

        flex-basis: 70%

    }



    .vertical-timeline .icon {

        order: 3;

        flex-basis: 30%

    }



    .vertical-timeline .text {

        padding: 20px 20px 20px 30px

    }



    .vertical-timeline .item:nth-child(even) {

        flex-direction: row;

        text-align: left

    }



    .vertical-timeline .item:nth-child(even) .text {

        padding-left: 30px;

        padding-right: 20px

    }



    .vertical-timeline .item:nth-child(odd) {

        flex-direction: row;

        text-align: left

    }



    .vertical-timeline .item:nth-child(even) .count,

    .vertical-timeline .item:nth-child(odd) .count {

        margin-right: -20px;

        margin-left: 0

    }



    .vertical-timeline .item:nth-child(even) .timeline-content,

    .vertical-timeline .item:nth-child(odd) .timeline-content {

        flex-direction: row

    }



    .vertical-timeline .item:nth-child(even) .icon,

    .vertical-timeline .item:nth-child(odd) .icon {

        justify-content: center

    }

}



.we-are-block {

    margin-bottom: -80px;

    z-index: 1;

    position: relative

}



.we-provide {

    position: relative;

    z-index: 9

}



.we-provide .text {

    padding: 8px 40px;

    right: -25px;

    font-size: 20px;

    position: absolute;

    display: -ms-flexbox;

    -ms-flex-align: center;

    -ms-flex-pack: center;

    transform: rotate(-90deg);

    transform-origin: right top;

    top: 0;

    background: #d81a26;

    border-bottom-right-radius: 4px;

    border-bottom-left-radius: 4px;

    color: #fff

}



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

    .we-provide {

        margin-top: 0

    }

}



.page-navigation {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: #f1f7ff;

    padding: 0;

    border-radius: 8px

}



.prev-page,

.next-page {

    position: relative;

    width: 50%;

    max-width: 350px;

    margin: 10px

}



.prev-page:before,

.next-page:before {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border-radius: 8px;

    background-color: rgba(255, 255, 255, 0);

    box-shadow: 0 0 0 0 rgba(34, 35, 40, 0);

    transform: scale(1.04, 1.12);

    transition: 0.3s ease-in-out;

    pointer-events: none

}



.prev-page .page-info>a,

.next-page .page-info>a {

    display: flex;

    align-items: center;

    position: relative;

    padding: 16px 20px;

    min-height: 110px;

    transition: 0.8s

}



.prev-page .page-info .image-prev,

.prev-page .page-info .image-next {

    position: relative;

    flex-shrink: 0;

    width: 70px;

    height: 70px;

    vertical-align: middle;

    transition: inherit;

    border-radius: 4px;

    overflow: hidden

}



.next-page .page-info .image-prev,

.next-page .page-info .image-next {

    position: relative;

    flex-shrink: 0;

    width: 70px;

    height: 70px;

    vertical-align: middle;

    transition: inherit;

    border-radius: 4px;

    overflow: hidden

}



.prev-page .page-info .prev-title,

.prev-page .page-info .next-title {

    display: inline-block;

    position: relative;

    max-width: 220px;

    font-size: 16px;

    line-height: 1.5;

    font-weight: 600;

    word-wrap: break-word;

    vertical-align: middle;

    transition: 0.45s

}



.next-page .page-info .prev-title,

.next-page .page-info .next-title {

    display: inline-block;

    position: relative;

    max-width: 220px;

    font-size: 16px;

    line-height: 1.5;

    font-weight: 600;

    word-wrap: break-word;

    vertical-align: middle;

    transition: 0.45s

}



.prev-page .page-info .prev-title:empty,

.prev-page .page-info .next-title:empty {

    display: none

}



.next-page .page-info .prev-title:empty,

.next-page .page-info .next-title:empty {

    display: none

}



.prev-page:hover:before,

.next-page:hover:before {

    background-color: white;

    transform: scale(1);

    box-shadow: 0 10px 30px 0 rgba(34, 35, 40, 0.1)

}



.prev-page a {

    justify-content: flex-start;

    text-align: left

}



.prev-page a:hover .image-prev:after {

    visibility: visible;

    opacity: 1

}



.prev-page a:hover .image-prev:before {

    visibility: visible;

    opacity: 1;

    margin-left: 0

}



.prev-page .image-prev {

    margin-right: 20px

}



.prev-page .image-prev:after {

    background-color: #d81a26

}



.next-page .image-next:after {

    background-color: #d81a26

}



.prev-page .image-prev:before {

    display: block;

    position: absolute;

    z-index: 2;

    left: 0;

    right: 0;

    margin-left: 20px;

    content: "\e64a";

    font-family: 'themify';

    font-size: 21px;

    line-height: 70px;

    color: #fff;

    text-align: center;

    opacity: 0;

    visibility: hidden;

    transition: 0.3s ease-in-out

}



.prev-page .image-prev:after {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    visibility: hidden;

    transition: 0.3s ease-in-out

}



.next-page {

    margin-left: auto

}



.next-page a {

    justify-content: flex-end;

    text-align: right

}



.next-page a:hover .image-next:after {

    visibility: visible;

    opacity: 1

}



.next-page a:hover .image-next:before {

    visibility: visible;

    opacity: 1;

    margin-right: 0

}



.next-page .image-next {

    margin-left: 20px

}



.next-page .image-next:before {

    display: block;

    position: absolute;

    z-index: 2;

    left: 0;

    right: 0;

    margin-right: 20px;

    content: "\e64a";

    font-family: 'themify';

    font-size: 21px;

    line-height: 70px;

    color: #fff;

    text-align: center;

    opacity: 0;

    visibility: hidden;

    transition: 0.3s ease-in-out;

    transform: scaleX(-1)

}



.next-page .image-next:after {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    opacity: 0;

    visibility: hidden;

    transition: 0.3s ease-in-out

}



.next-page .next-title {

    text-align: right

}



.prev-link-page-info>span,

.next-link-page-info>span {

    display: block

}



.prev-link-page-info .date-details,

.next-link-page-info .date-details {

    font-size: 14px;

    letter-spacing: 0.025em;

    line-height: 20px;

    margin-bottom: -2px

}



.prev-link-page-info .date-details>div,

.prev-link-page-info .date-details>span {

    line-height: inherit;

    transition: 0.45s;

    font-weight: 500

}



.next-link-page-info .date-details>div,

.next-link-page-info .date-details>span {

    line-height: inherit;

    transition: 0.45s;

    font-weight: 500

}



.prev-link-page-info .date-details:only-child,

.next-link-page-info .date-details:only-child {

    margin-top: 0

}



@media (max-width: 767px) {



    .prev-page,

    .next-page {

        width: calc(100% - 20px);

        max-width: unset

    }



    .prev-page+.next-page {

        margin-top: 0

    }



    .page-navigation {

        flex-direction: column

    }

}



@media (max-width: 575px) {



    .prev-page .page-info>a,

    .next-page .page-info>a {

        padding: 10px

    }



    .prev-page .page-info .prev-title,

    .prev-page .page-info .next-title {

        max-width: 168px

    }



    .next-page .page-info .prev-title,

    .next-page .page-info .next-title {

        max-width: 168px

    }

}



.process-style1 {

    text-align: center;

    position: relative

}



.process-style1.first .process-content {

    border-left: none

}



.process-style1.first .process-content:before,

.process-style1.first .process-content:after {

    content: none

}



.process-style1 .icon-box {

    margin-bottom: 30px;

    width: 90px;

    height: 90px;

    line-height: 90px;

    font-size: 40px;

    display: inline-block;

    color: #fff;

    background: #d81a26;

    border-radius: 5px;

    position: relative;

    z-index: 99;

    transition: 0.3s

}



.process-style1:hover .icon-box {

    background: #6b6e73

}



.process-style1 .process-content {

    position: relative;

    text-align: center;

    padding: 0px 15px;

    border-left: 1px solid #ededed

}



.process-style1 .process-content h4 {

    color: transparent;

    -webkit-text-stroke: 1px #8893b9;

    font-weight: 900;

    opacity: 0.7

}



.process-style1 .process-content:before,

.process-style1 .process-content:after {

    position: absolute;

    content: '';

    width: 5px;

    height: 5px;

    background-color: #6b6e73;

    left: -3px

}



.process-style1 .process-content:before {

    top: 0

}



.process-style1 .process-content:after {

    bottom: 0

}



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

    .process-style1 .icon-box {

        width: 80px;

        height: 80px;

        margin-bottom: 20px;

        line-height: 80px;

        font-size: 32px

    }



    .process-style1.third .process-content {

        border-left: none

    }



    .process-style1.third .process-content:before,

    .process-style1.third .process-content:after {

        content: none

    }

}



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

    .process-style1 .process-content {

        border-left: none

    }



    .process-style1 .process-content:before,

    .process-style1 .process-content:after {

        content: none

    }

}



.process-style2 .process-icon {

    position: relative;

    width: 120px;

    height: 120px;

    margin: 0 auto;

    background: #34436e;

    border-radius: 50% / 10%;

    color: white;

    text-align: center;

    line-height: 130px;

    font-size: 50px

}



.process-style2 .process-icon:before {

    content: '';

    position: absolute;

    top: 10%;

    bottom: 10%;

    right: -5%;

    left: -5%;

    background: inherit;

    border-radius: 5% / 50%;

    z-index: 0

}



.process-style2 .process-icon i {

    position: relative;

    z-index: 2

}



.process-style2 .process-number {

    position: absolute;

    right: -20px;

    font-size: 18px;

    line-height: 45px;

    top: -20px;

    color: #fff;

    border-radius: 50%;

    width: 45px;

    height: 45px;

    font-weight: 700;

    z-index: 9;

    background: #d81a26

}



.process-style2:after {

    position: absolute;

    content: "";

    width: 55px;

    height: 66px;

    background-image: url(../img/process-arrow.png);

    top: 50px;

    right: -45px;

    color: #fff;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    opacity: 0.2

}



.process-style2.last:after {

    content: none

}



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

    .process-style2 .process-icon {

        width: 100px;

        height: 100px;

        line-height: 110px;

        font-size: 40px

    }



    .process-style2 .process-number {

        font-size: 16px;

        line-height: 42px;

        width: 42px;

        height: 42px

    }



    .process-style2:after {

        content: none

    }

}



.partner-wrapper {

    margin-bottom: -60px

}



.partner-wrapper .partner-inner:before {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 1600px;

    background-color: #6b6e73;

    z-index: 1;

    content: "";

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px

}



.partner-box {

    background-color: #6b6e73;

    padding: 4rem 2rem;

    position: relative;

    z-index: 1;

    text-align: center;

    width: 100%;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px

}



.partner-box:before {

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    content: "";

    display: block;

    z-index: -1

}



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

    .partner-box {

        border-top-right-radius: 5px;

        border-bottom-left-radius: 0

    }



    .partner-wrapper .partner-inner:before {

        width: 100%;

        border-radius: 5px

    }

}



.faq-img-bg {

    display: inline-block;

    position: relative;

    z-index: 1;

    margin-bottom: 25px

}



.faq-img-bg:before {

    content: "";

    position: absolute;

    background: #d81a26;

    width: 100%;

    height: 100%;

    top: 25px;

    left: 25px;

    border-radius: 5px;

    z-index: -1

}



.team-half-background {

    position: relative;

    padding: 60px 0

}



.team-half-background:before {

    position: absolute;

    top: 0;

    right: 0;

    width: 80%;

    height: 100%;

    background: #f8f9fa;

    border-radius: 5px;

    content: ""

}



.team-img-bg {

    display: inline-block;

    position: relative;

    z-index: 1;

    margin-top: 20px

}



.team-img-bg:before {

    content: "";

    position: absolute;

    background: #d81a26;

    width: 100%;

    border-radius: 5px;

    height: 100%;

    bottom: 20px;

    right: 20px;

    z-index: -1

}



.team-info {

    list-style: none;

    margin: 0;

    padding: 0

}



.team-info li {

    font-size: 16px;

    display: flex;

    margin-bottom: 10px;

    font-weight: 500

}



.team-info li a {

    font-weight: 500

}



.team-info li:last-child {

    margin-bottom: 0

}



.team-info li span {

    font-weight: 600;

    flex-basis: 20%;

    color: #6b6e73

}



.team-social-box {

    margin-bottom: 0;

    list-style: none;

    padding: 0

}



.team-social-box li {

    display: inline-block;

    margin-right: 10px

}



.team-social-box li a {

    text-align: center;

    height: 36px;

    width: 36px;

    line-height: 36px;

    font-size: 14px;

    border-radius: 5px;

    display: inline-block;

    background: #6b6e73;

    color: #fff

}



.team-social-box li:last-child {

    margin-right: 0

}



.team-social-box li a:hover {

    background-color: #d81a26

}



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

    .team-half-background {

        padding: 0

    }



    .team-half-background:before {

        display: none

    }

}



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

    .team-img-bg {

        margin-top: 0

    }



    .team-img-bg:before {

        display: none

    }

}



.lg-backdrop {

    z-index: 99999

}



.lg-outer {

    z-index: 999999

}



.lg-outer .lg-thumb-item.active,

.lg-outer .lg-thumb-item:hover {

    border-color: #ffa200

}



.lg-progress-bar .lg-progress {

    background-color: #ffa200

}



.lg-backdrop.in {

    opacity: 0.85

}



.progress-text {

    font-size: 15px;

    margin-bottom: 8px

}



.custom-progress {

    height: 9px;

    border-radius: 2px;

    box-shadow: none;

    padding: 1px;

    margin-bottom: 2rem;

    background-color: transparent;

    border: 1px solid #d6d6d6

}



.custom-bar {

    height: 100%;

    background-color: #6b6e73;

    box-shadow: none

}



.counter-style01 {

    background-color: #fff;

    box-shadow: 10px 10px 60px 0px rgba(0, 0, 0, 0.1);

    padding: 50px;

    margin-top: -90px;

    position: relative;

    z-index: 3

}



.counter-number {

    position: relative;

    display: inline-block;

    z-index: 2

}



.counter-number:before {

    content: '';

    background-color: rgba(252, 175, 23, 0.5);

    height: 8px;

    width: 100%;

    position: absolute;

    bottom: 9px;

    z-index: -1

}



.triangle-1 {

    border-top: 14px solid rgba(17, 88, 231, 0.2);

    border-right: 15px solid rgba(17, 88, 231, 0.2);

    border-left: 14px solid transparent;

    border-bottom: 16px solid transparent;

    position: absolute

}



.triangle-2 {

    border-top: 34px solid #6b6e73;

    border-right: 35px solid #6b6e73;

    border-left: 34px solid transparent;

    border-bottom: 36px solid transparent;

    position: absolute;

    left: 3%;

    bottom: 0;

    transform: rotate(180deg)

}



.triangle-3 {

    border-top: 40px solid #fff;

    border-right: 41px solid #fff;

    border-left: 40px solid transparent;

    border-bottom: 42px solid transparent;

    position: absolute;

    bottom: 0;

    left: 3%

}



.triangle-4 {

    border-top: 40px solid #3fa8c7;

    border-right: 41px solid #3fa8c7;

    border-left: 40px solid transparent;

    border-bottom: 42px solid transparent;

    position: absolute;

    left: 3%;

    top: -56px;

    transform: rotate(180deg)

}



.triangle-5 {

    border-top: 40px solid #3fa8c7;

    border-right: 41px solid #3fa8c7;

    border-left: 40px solid transparent;

    border-bottom: 42px solid transparent;

    position: absolute;

    top: -35px;

    right: 3%;

    z-index: 2

}



.triangle-6 {

    border-top: 40px solid #fff;

    border-right: 41px solid #fff;

    border-left: 40px solid transparent;

    border-bottom: 42px solid transparent;

    position: absolute;

    right: 3%;

    top: -10px;

    transform: rotate(180deg)

}



.triangle-7 {

    border-top: 34px solid #e4e4e5;

    border-right: 35px solid #e4e4e5;

    border-left: 34px solid transparent;

    border-bottom: 36px solid transparent;

    position: absolute;

    bottom: 0;

    left: 2%

}



.extra-section {

    position: relative;

    text-align: center;

    overflow: hidden

}



.extra-section .exra-image {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0

}



.extra-section.style_one .exra-image::before {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    background: #2a334e;

    opacity: 0.92;

    z-index: 1

}



.extra-section .exra-image img {

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover

}



.extra-section .extra-content p {

    max-width: 941px;

    margin: 0 auto

}



.extra-section.style_one .extra-content {

    position: relative;

    padding: 150px 120px

}



.extra-section .call-icon {

    border: 1px solid #fff;

    border-radius: 50%;

    padding: 10px

}



.extra-section.style_one .extra-content .extra-content h6 {

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

    color: #fff;

    margin-bottom: 25px

}



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

    .extra-section.style_one .extra-content {

        padding: 135px 72px

    }

}



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

    .extra-section.style_one .extra-content {

        padding: 110px 25px

    }

}



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

    .extra-section.style_one .extra-content {

        padding: 90px 15px

    }

}



.extra-style01 .extra-content-box {

    padding-top: 330px

}



.extra-style01 .extra-content-box ul.inner-box {

    list-style: none;

    padding-left: 0;

    margin-bottom: 0;

    display: flex;

    align-items: end

}



.extra-style01 .extra-content-box ul.inner-box li.one {

    background-color: #fff;

    width: 350px;

    display: flex;

    align-items: center;

    padding: 40px;

    margin-right: 30px

}



.extra-style01 .extra-content-box ul.inner-box li.one .h4 {

    font-size: 40px;

    margin-bottom: 0;

    margin-right: 15px

}



.extra-style01 .extra-content-box ul.inner-box li.two {

    background: rgba(0, 0, 0, 0.2);

    -webkit-backdrop-filter: blur(10px);

    backdrop-filter: blur(10px);

    width: 350px;

    padding: 37px;

    display: flex;

    align-items: center

}



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

    .extra-style01 .extra-content-box {

        padding-top: 200px

    }

}



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

    .extra-style01 .extra-content-box {

        padding-top: 120px

    }



    .extra-style01 .extra-content-box ul.inner-box {

        display: block

    }



    .extra-style01 .extra-content-box ul.inner-box li.one {

        margin-right: 0;

        margin-bottom: 30px

    }

}



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

    .extra-style01 .extra-content-box {

        padding-top: 0

    }



    .extra-style01 .extra-content-box ul.inner-box li.one,

    .extra-style01 .extra-content-box ul.inner-box li.two {

        width: 296px

    }



    .extra-style01 .extra-content-box ul.inner-box li.one {

        padding: 40px 25px

    }



    .extra-style01 .extra-content-box ul.inner-box li.one .h4 {

        font-size: 34px

    }



    .extra-style01 .extra-content-box ul.inner-box li.two {

        padding: 35px

    }

}



.why-us-block {

    position: relative;

    display: block;

    padding-left: 0;

    list-style: none;

    margin-bottom: 0

}



.why-us-block .inner-block {

    position: relative;

    display: inline-block;

    width: 50%;

    float: left

}



.why-us-block .inner-block .content {

    position: relative;

    display: block;

    background: rgba(255, 255, 255, 0.1);

    text-align: center;

    padding: 40px 15px 38px 15px

}



.why-us-block .inner-block.color2 .content {

    background: rgba(0, 0, 0, 0.1)

}



.why-us-block .inner-block .content h4 {

    position: relative;

    display: block;

    font-size: 20px;

    font-weight: 700;

    color: #fff;

    margin: 0px

}



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

    .why-us-block .inner-block .content h4 {

        font-size: 17px

    }

}



.client-line {

    border-style: solid;

    border-width: 0px 1px 1px 0px;

    border-color: #D4DADE;

    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s

}



.counter-style02 .counter-no {

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 0;

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

    width: 100%;

    text-align: center;

    margin: 0;

    font-size: 175px;

    line-height: 1em;

    font-weight: 700;

    letter-spacing: 0;

    opacity: 1;

    white-space: nowrap;

    color: rgba(255, 255, 255, 0.2)

}



.counter-style02 .counter-no.black {

    color: rgba(0, 0, 0, 0.1)

}



.counter-style02 .counter-item:after {

    content: '';

    display: block;

    height: 60px;

    width: 1px;

    position: absolute;

    right: -10px;

    top: 50%;

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

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

    transform: translateY(-50%);

    background-color: rgba(255, 255, 255, 0.3)

}



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

    .counter-style02 .counter-no {

        font-size: 125px

    }

}



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

    .counter-style02 .counter-no {

        font-size: 105px

    }

}



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

    .counter-style02 .counter-item:after {

        display: none

    }

}



.scrolling-text {

    width: 100%;

    overflow: hidden

}



.scrolling-marquee {

    white-space: nowrap;

    overflow: hidden;

    display: inline-block;

    animation: campoutscrollingmarqueeReverse 6s linear infinite

}



.scrolling-left-text .scrolling-marquee {

    animation: campoutscrollingmarquee 6s linear infinite

}



.scrolling-marquee h4 {

    margin: 0px;

    padding: 0px;

    display: inline-block

}



@keyframes campoutscrollingmarquee {

    0% {

        transform: translate3d(0, 0, 0)

    }



    100% {

        transform: translate3d(-50%, 0, 0)

    }

}



@keyframes campoutscrollingmarqueeReverse {

    0% {

        transform: translate3d(-50%, 0, 0)

    }



    100% {

        transform: translate3d(0%, 0, 0)

    }

}



.scrolling-left-text .scrolling-marquee {

    animation-duration: 135s

}



.scrolling-left-text .scrolling-marquee h4 {

    font-size: 95px;

    text-transform: uppercase;

    font-weight: 800;

    color: #d81a26;

    letter-spacing: 6px

}



.overlay {

    position: absolute;

    width: 100%;

    height: 100%

}



.overlay:before,

.overlay:after {

    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));

    content: "";

    height: 100%;

    position: absolute;

    width: 300px;

    z-index: 2

}



.overlay::before {

    left: 0;

    top: 0

}



.overlay::after {

    right: 0;

    top: 0;

    transform: rotateZ(180deg)

}



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

    .scrolling-left-text .scrolling-marquee h4 {

        font-size: 80px

    }

}



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

    .scrolling-left-text .scrolling-marquee h4 {

        font-size: 70px

    }

}



.marquee-section {

    z-index: 99;

    position: relative;

    margin-top: -3rem

}



.marquee {

    position: relative;

    overflow: hidden;

    padding: 20px 0

}



.marquee h4 {

    font-size: 50px

}



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

    .marquee h4 {

        font-size: 50px

    }

}



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

    .marquee {

        padding: 35px 0

    }



    .marquee h4 {

        font-size: 40px

    }

}



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

    .marquee h4 {

        font-size: 30px

    }

}



.scrolling-text {

    width: 100%;

    overflow: hidden

}



.scrolling-marquee {

    white-space: nowrap;

    overflow: hidden;

    display: inline-block;

    animation: campoutscrollingmarqueeReverse 6s linear infinite

}



.scrolling-left-text .scrolling-marquee {

    animation: campoutscrollingmarquee 6s linear infinite

}



.scrolling-marquee h4 {

    margin: 0px;

    padding: 0px;

    display: inline-block

}



@keyframes campoutscrollingmarquee {

    0% {

        transform: translate3d(0, 0, 0)

    }



    100% {

        transform: translate3d(-50%, 0, 0)

    }

}



@keyframes campoutscrollingmarqueeReverse {

    0% {

        transform: translate3d(-50%, 0, 0)

    }



    100% {

        transform: translate3d(0%, 0, 0)

    }

}



.scrolling-left-text .scrolling-marquee {

    animation-duration: 20s

}



.scrolling-left-text.style2 .scrolling-marquee h4 {

    color: #fff

}



.scrolling-marquee {

    animation-duration: 20s

}



.scrolling-text h4 {

    color: #fff

}



.our-features1 .feature-box .feature-count {

    margin-right: 30px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    position: relative;

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-radius: 50em;

    background-color: #fff;

    font-size: 16px;

    width: 45px;

    height: 45px;

    line-height: 1em;

    transition: color .4s

}



.our-features1 .feature-box:hover .feature-count {

    background-color: #d81a26;

    border: 1px solid #d81a26;

    color: #fff

}



.about-style01 .video_btn {

    width: 76px;

    height: 76px;

    line-height: 76px;

    background-color: #FFF;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 22px;

    color: #6b6e73;

    transition: all 400ms ease

}



.about-style01 .video_btn:hover {

    background-color: #6b6e73

}



.about-style01 .video_btn:before {

    height: 118px;

    width: 118px;

    border: 1px solid rgba(255, 255, 255, 0.3);

    animation: ripple 3s infinite;

    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.25);

    animation-delay: 0.9s

}



.about-style01 .video_btn:after {

    content: none

}



.about-style01 a:focus i {

    color: #6b6e73

}



.about-style01 .video_btn:hover i {

    color: #fff

}



.about-style01 .about-text {

    position: absolute;

    right: -40px;

    bottom: -60px;

    background: #e34115;

    padding: 58px 42px;

    display: inline-block;

    text-align: center;

    border-radius: 0 0 95px 0

}



.about-style01 .icon-hover img {

    display: inline-block;

    transform: scale(1);

    transition: all 0.4s ease-in-out

}



.about-style01 .icon-hover:hover img {

    transform: scale(1.1)

}



.about-style01 .about-inner-text .icon {

    width: 45px;

    height: 45px;

    background-color: #6b6e73;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff

}



.about-style01 .about-inner-text .icon img {

    position: relative;

    z-index: 2;

    display: inline-block;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.about-style01 .about-inner-text .icon img:hover {

    animation: iconTranslateY 0.4s forwards

}



@-webkit-keyframes ripple {

    70% {

        box-shadow: 0 0 0 40px rgba(10, 165, 205, 0)

    }



    100% {

        box-shadow: 0 0 0 0 rgba(10, 165, 205, 0)

    }

}



@keyframes ripple {

    70% {

        box-shadow: 0 0 0 40px rgba(10, 165, 205, 0)

    }



    100% {

        box-shadow: 0 0 0 0 rgba(10, 165, 205, 0)

    }

}



@keyframes iconTranslateY {

    49% {

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

        transform: translateY(-100%)

    }



    50% {

        opacity: 0;

        -webkit-transform: translateY(100%);

        transform: translateY(100%)

    }



    51% {

        opacity: 1

    }

}



.right-container {

    position: relative;

    z-index: 1;

    border-bottom-left-radius: .35rem;

    border-top-left-radius: .35rem;

    margin-top: -80px

}



.right-container:before {

    position: absolute;

    left: 0;

    right: inherit;

    top: 0;

    height: 100%;

    width: 1599px;

    background-color: #d81a26;

    content: "";

    z-index: 1

}



.client-style2 .client-img img {

    transition: opacity .3s ease

}



.client-style2 .client-img:hover img {

    opacity: 0.5

}



.protfolio-style01 .protfolio-block .protfolio-text {

    max-width: 325px;

    background: white;

    margin-top: -78px;

    margin-left: auto;

    position: relative;

    -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07);

    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07);

    border-radius: .375rem 0 .375rem .375rem;

    transition: .3s ease-in-out;

    margin-bottom: 50px

}



.protfolio-style01 .protfolio-block .protfolio-text .border-hover {

    border-bottom: 1px solid rgba(0, 0, 0, 0.08)

}



.protfolio-style01 .protfolio-block:hover .protfolio-text .border-hover {

    border-color: 1px solid #6b6e73

}



.protfolio-style01 .protfolio-block:hover .protfolio-text .button {

    transition: .3s ease-in-out;

    background-color: #6b6e73;

    border-radius: 0 0 10px 10px

}



.protfolio-style01 .protfolio-block .protfolio-text .button a {

    font-size: 14px;

    font-weight: 700;

    text-transform: capitalize

}



.protfolio-style01 .protfolio-block:hover .protfolio-text .button a {

    color: #FFF

}



.protfolio-style01 .protfolio-block:hover .protfolio-text .button a:hover {

    color: #d81a26

}



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

    .protfolio-style01 .protfolio-block .protfolio-text {

        max-width: 90%

    }

}



.contact-style02 {

    margin-top: -154px

}



.contact-style02 .icon {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 65px;

    height: 65px;

    border-radius: 50%;

    transition: all .5s ease;

    z-index: 1;

    font-size: 20px

}



.contact-style02 .icon-shape {

    position: absolute;

    top: -7px;

    left: -7px;

    width: 65px;

    height: 65px;

    border-radius: 50%;

    background: #FFF;

    z-index: 1

}



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



    .contact-style02 .icon-shape,

    .contact-style02 .icon {

        width: 55px;

        height: 55px

    }

}



.card-style1 .card-body ul:last-child,

.card-style1 .card-body ol:last-child,

.card-style1 .card-body p:last-child,

.card-style1 .card-body pre:last-child {

    margin-bottom: 0;

    margin-top: 0

}



.card-style1 .card-body blockquote:last-child {

    margin-bottom: 0;

    margin-top: 0

}



.card-style1 .card-body blockquote:nth-child(2) {

    margin-top: 0

}



.card-style1 .meta li:first-child a {

    text-transform: capitalize

}



.card-style5 .card-body ul:last-child,

.card-style5 .card-body ol:last-child,

.card-style5 .card-body p:last-child,

.card-style5 .card-body pre:last-child {

    margin-bottom: 0

}



.card-style5 .card-body blockquote:last-child {

    margin-bottom: 0

}



.card-style5 .card-body blockquote:nth-child(2) {

    margin-top: 0

}



.card-style5 .meta li:first-child a {

    text-transform: capitalize

}



.widget ul {

    margin: 0;

    padding: 0;

    list-style: none

}



.category-listing {

    margin: -0.5rem 0 0 0;

    padding: 0;

    list-style: none

}



.cat-item {

    margin-top: 15px;

    border-top: 1px solid #efefef;

    padding-top: 15px;

    list-style: none;

    word-wrap: break-word

}



.cat-item:first-child {

    margin-top: 0;

    border-top: 0;

    padding-top: 0

}



.cat-item ul.children {

    margin-top: 0.5rem;

    margin-left: 10px

}



.widget_archive li:first-child,

.wp-block-archives li:first-child {

    margin-top: 0;

    padding-top: 0;

    border-top: none

}



.widget_archive li,

.wp-block-archives li {

    margin-top: 15px;

    border-top: 1px solid #efefef;

    padding-top: 15px;

    list-style: none;

    word-wrap: break-word

}



.widget_pages ul.children {

    margin: 0.5rem 0 0 0

}



.widget_pages li {

    margin-top: 15px;

    border-top: 1px solid #efefef;

    padding-top: 15px;

    list-style: none;

    word-wrap: break-word

}



.widget_pages li:first-child {

    margin-top: 0;

    padding-top: 0;

    border-top: none

}



.widget_meta li {

    margin-top: 15px;

    border-top: 1px solid #efefef;

    padding-top: 15px;

    list-style: none;

    word-wrap: break-word

}



.widget_meta li:first-child {

    margin-top: 0;

    padding-top: 0;

    border-top: none

}



.widget .gallery {

    margin-top: -24px !important;

    margin-bottom: 0 !important

}



.widget .gallery .gallery-item {

    padding: 0 3px;

    margin-bottom: 0

}



.wp-calendar-table {

    caption-side: top;

    border-bottom: 1px solid #ededed;

    border-left: 1px solid #ededed;

    border-collapse: collapse;

    border-spacing: 0;

    line-height: 2;

    margin: 0 0 1rem;

    width: 100%;

    -webkit-border-radius: 0;

    -khtml-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0

}



.wp-block-calendar table th {

    color: #fff;

    background: #6b6e73

}



.widget_calendar .wp-block-calendar th,

.widget_calendar .wp-block-calendar td {

    text-align: center;

    border-top: 1px solid #ededed;

    padding: 10px 5px;

    border-right: 1px solid #ededed

}



.wp-calendar-table #today {

    background-color: #6b6e73;

    color: #fff

}



.wp-calendar-table #today a {

    color: #fff

}



.wp-calendar-table #today a:hover {

    text-decoration: none;

    color: #fff

}



.widget_calendar table>caption {

    padding: 0;

    text-align: center;

    color: inherit;

    margin-top: -10px

}



.widget_calendar .wp-calendar-nav {

    text-align: center

}



.widget_recent_entries ul {

    list-style: none

}



.widget_recent_comments ul {

    list-style: none;

    list-style: none

}



.widget_recent_comments ul li {

    border-bottom: 1px solid #ececf0;

    padding-bottom: 10px;

    margin-bottom: 10px

}



.widget_recent_comments ul li:last-child {

    border-bottom: none;

    padding-bottom: 0;

    margin-bottom: 0

}



.widget_recent_comments .recentcomments>a {

    font-size: 15px;

    font-weight: 600;

    line-height: normal;

    display: block

}



.widget_recent_comments .recentcomments>a:before {

    content: '\A';

    white-space: pre

}



.wp-block-latest-posts.wp-block-latest-posts__list li {

    margin-bottom: 1em;

    line-height: 1.7

}



.wp-block-latest-posts.wp-block-latest-posts__list li:last-child {

    margin-bottom: 0

}



.recent-post>div:first-child.flex-shrink-0 a {

    display: inline-block;

    width: 75px;

    height: auto

}



.widget_nav_menu {

    box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);

    padding-right: 1.6rem;

    padding-left: 1.6rem;

    padding-top: 3rem;

    padding-bottom: 3rem;

    border-radius: 0.25rem;

    margin-bottom: 3rem

}



.widget_nav_menu .menu {

    margin-top: -12px

}



.widget_nav_menu ul {

    list-style: none;

    margin-bottom: 0

}



.widget_nav_menu .menu>li:last-child>a {

    border-bottom: none;

    padding-bottom: 0

}



.widget_nav_menu ul ul ul ul ul {

    padding-left: 0

}



.widget_nav_menu ul li a {

    display: block;

    font-size: 15px;

    font-weight: 500;

    line-height: 24px;

    padding: 12px 12px 12px 0;

    position: relative;

    z-index: 1

}



.widget_nav_menu ul li .sub-menu {

    padding-left: 10px

}



.widget_nav_menu ul li .sub-menu li:last-child>a {

    border-bottom: none

}



.widget_nav_menu .widget-title {

    color: #d81a26;

    font-size: 1.2rem;

    font-weight: 700;

    margin-bottom: 1rem;

    display: block

}



.widget_nav_menu .menu-item {

    display: flex;

    border: 1px solid #ededed;

    align-items: center;

    background-color: #f9f9f9;

    transition: all 0.5s ease;

    position: relative;

    margin-bottom: 15px;

    padding: 0

}



.widget_nav_menu .menu-item:last-child {

    margin-bottom: 0

}



.widget_nav_menu .menu-item a {

    display: block;

    text-transform: capitalize;

    font-size: 16px;

    font-weight: 600;

    color: #282b2d;

    padding: 18px 20px;

    transition: all 0.5s ease;

    width: 100%

}



.widget_nav_menu .menu-item a:hover,

.widget_nav_menu .menu-item a:active,

.widget_nav_menu .menu-item a:focus {

    color: #6b6e73

}



.widget_nav_menu .menu-item a:before {

    content: "";

    position: absolute;

    bottom: -1px;

    left: 0;

    width: 100%;

    height: 3px;

    background-color: #d81a26;

    transform: scaleX(0);

    transition: transform 0.5s ease

}



.widget_nav_menu .menu-item a:hover:before,

.widget_nav_menu .menu-item a:active:before,

.widget_nav_menu .menu-item a:focus:before {

    transform: scaleX(1)

}



.widget_nav_menu .menu-item.current-menu-item a:before {

    transform: scaleX(1)

}



.widget_nav_menu .menu {

    margin-top: 0

}



.widget_nav_menu .menu>li:last-child>a {

    padding-bottom: 18px

}



.widget_rss ul {

    list-style: none;

    padding: 0

}



.widget_rss li {

    margin-bottom: 16px

}



.widget_rss li:last-child {

    margin-bottom: 0

}



.widget_rss .rsswidget {

    font-weight: 700;

    display: inline-block

}



.widget_rss .rss-date {

    font-size: 0.875em;

    font-style: italic;

    display: block

}



.widget_rss cite {

    font-weight: 700;

    font-size: 0.875em

}



.widget_rss .rss-widget-icon {

    vertical-align: middle;

    margin-top: -3px;

    margin-right: 5px

}



.tagcloud {

    margin-top: -0.5rem

}



.wp-tag-cloud li {

    display: inline-block

}



.wp-tag-cloud a {

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-radius: 3px;

    padding: 5px 10px;

    font-size: 14px !important;

    line-height: 20px;

    margin: 5px 10px 5px 0;

    display: inline-block

}



.wp-tag-cloud a:hover {

    background-color: #6b6e73;

    color: #fff

}



.sidebar .widget.widget_search .wp-block-search {

    margin-bottom: 0

}



.widget_search input {

    width: calc(100% - 75px);

    padding: 10px;

    margin: 0;

    border: 1px solid #ced4da !important;

    background: #fff;

    min-height: auto;

    display: inline-block;

    border-radius: 0.25rem;

    outline: none;

    text-indent: 10px;

    transition: all 0.2s ease 0s;

    color: #000

}



.search-custom input {

    width: calc(100% - 75px);

    min-height: 40px;

    padding: 10px;

    margin: 0;

    border: 1px solid #ced4da;

    background: #fff;

    min-height: auto;

    display: inline-block;

    border-radius: 0.25rem;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    outline: none;

    text-indent: 10px;

    transition: all 0.2s ease 0s;

    color: #000

}



.comments-area {

    margin-bottom: 40px

}



ol.wp-block-latest-comments {

    padding-left: 0;

    margin-bottom: 0

}



ol.wp-block-latest-comments .wp-block-latest-comments__comment {

    line-height: 1.7

}



ol.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {

    margin-bottom: 0

}



ol.wp-block-latest-comments .wp-block-latest-comments__comment:last-child .wp-block-latest-comments__comment-excerpt p:last-child {

    margin-bottom: 0

}



article footer {

    background: transparent

}



.sidebar .widget.widget_media_image .wp-block-image:last-child {

    margin-bottom: 0

}



.sidebar .wp-block-cover,

.sidebar .wp-block-button {

    margin-top: 0;

    margin-bottom: 0

}



.sidebar p+.alignfull,

.sidebar p+.alignwide {

    margin-top: 0;

    margin-bottom: 0

}



.sidebar .has-background-dim {

    margin-bottom: 0

}



.sidebar .wp-block-video {

    margin-bottom: 0

}



.sidebar .wp-block-video video {

    vertical-align: middle

}



.sidebar .wp-block-pullquote {

    margin: 0;

    padding: 0

}



.sidebar .wp-block-pullquote blockquote,

.sidebar .wp-block-pullquote cite,

.sidebar .wp-block-pullquote p {

    margin: 0

}



.sidebar pre:last-child {

    margin: 0

}



.sidebar .wp-block-table:last-child,

.sidebar .wp-block-table table:last-child {

    margin-bottom: 0

}



.sidebar .wp-block-gallery:last-child {

    margin-bottom: 0

}



.comment-list {

    padding: 0;

    margin: 0;

    list-style: none

}



.comments-area .comment ul.children {

    margin-top: 2rem;

    padding-top: 2rem;

    border-top: 1px solid rgba(0, 0, 0, 0.1);

    padding-left: 2rem

}



.comment-list .comment:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: none

}



.comment-list>li {

    list-style: none;

    margin-bottom: 2rem;

    padding-bottom: 2rem;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1)

}



.comment-list>li:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: none

}



.comment-list li .children li {

    list-style: none;

    margin-bottom: 2rem;

    padding-bottom: 2rem;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1)

}



.form-group {

    margin-bottom: 1rem

}



.form-group label {

    margin-bottom: .5rem

}



.form-control:focus {

    border-color: #d81a26

}



.form-check-input:checked {

    border-color: #d81a26;

    background-color: #d81a26

}



.quform-input {

    position: relative

}



.quform-input .quform-errors-wrap {

    position: absolute;

    right: 8px;

    top: 0;

    line-height: normal;

    z-index: 1

}



.quform-element>label {

    font-weight: 600;

    padding-bottom: 5px;

    margin-bottom: 0;

    color: #6a747b;

    font-size: 15px

}



.quform-element>label .quform-required {

    color: #cc0101;

    font-size: 10px

}



.quform-inner input {

    width: 100%

}



.quform-elements .quform-element textarea {

    margin-bottom: 0;

    padding: 8px 15px;

    vertical-align: top

}



.quform-elements .quform-element select {

    margin-bottom: 0;

    padding: 8px 35px 8px 15px

}



.quform-errors {

    padding: 0;

    margin: 0;

    line-height: normal

}



.quform-errors>.quform-error {

    padding: 0;

    background: none;

    border: none;

    float: none;

    color: #f5543f;

    font-size: 11px;

    line-height: normal;

    letter-spacing: normal

}



.quform-outer-no-js .quform-error {

    padding: 0;

    background: none;

    border: none;

    float: none;

    color: #f5543f;

    font-size: 11px;

    line-height: normal;

    letter-spacing: normal

}



.quform-outer-no-js .quform-success-message {

    padding: 0.75rem 1.25rem 0.75rem 3rem

}



.quform-has-error input,

.quform-has-error textarea,

.quform-has-error select,

.quform-has-error input[type=file],

.quform-has-error .custom-file-label {

    border-color: #f5543f

}



.quform-success-message {

    padding: 0.75rem 1.25rem 0.75rem 3rem

}



.quform-submit-inner {

    float: none

}



.quform-loading-wrap {

    float: none

}



.quform-loading-wrap .quform-loading {

    display: inline-block

}



.newsletter-form .quform-elements {

    position: relative

}



.newsletter-form .quform-submit-inner {

    position: absolute;

    right: 1px;

    top: 1px;

    width: auto;

    background: transparent;

    height: 48px

}



.newsletter-form .quform-submit-inner .btn {

    padding: 0.500rem 1.15rem

}



.newsletter-form .quform-loading-wrap {

    margin-top: 15px;

    margin-bottom: 0;

    margin-left: 0

}



.newsletter-form input {

    border: 1px solid transparent;

    background-color: rgba(255, 255, 255, 0.1);

    height: 52px;

    padding: 0.5rem 4rem 0.5rem 1rem;

    color: #fff;

    border-radius: 5px

}



.newsletter-form .form-control:focus,

.newsletter-form .form-control:active {

    border-color: #6b6e73;

    background-color: rgba(255, 255, 255, 0.1);

    color: #fff

}



.newsletter-form .quform-has-error input,

.newsletter-form .quform-has-error textarea,

.newsletter-form .quform-has-error select {

    border-color: #f5543f

}



.newsletter-form .quform-input .quform-errors-wrap {

    right: 15px

}



.newsletter-form i {

    font-size: 1.2rem;

    line-height: 2rem

}



.newsletter-form-comingsoon .quform-elements {

    position: relative

}



.newsletter-form-comingsoon .quform-submit-inner {

    position: absolute;

    right: 1px;

    top: 1px;

    width: auto;

    background: #6b6e73;

    height: 48px;

    border-left: 1px solid rgba(0, 0, 0, 0.05);

    -webkit-border-top-right-radius: 0.25em;

    -webkit-border-bottom-right-radius: 0.25em;

    -moz-border-radius-topright: 0.25em;

    -moz-border-radius-bottomright: 0.25em;

    border-top-right-radius: 0.25em;

    border-bottom-right-radius: 0.25em

}



.newsletter-form-comingsoon .quform-loading-wrap {

    margin-top: 10px;

    margin-bottom: 0;

    margin-left: 0

}



.newsletter-form-comingsoon input {

    border: 1px solid rgba(0, 0, 0, 0.1);

    height: 50px;

    padding: 0.5rem 4rem 0.5rem 1rem

}



.newsletter-form-comingsoon .quform-has-error input,

.newsletter-form-comingsoon .quform-has-error textarea,

.newsletter-form-comingsoon .quform-has-error select {

    border-color: #f5543f

}



.newsletter-form-comingsoon .quform-input .quform-errors-wrap {

    right: 15px

}



.newsletter-form-comingsoon i {

    font-size: 1.2rem;

    line-height: 2rem

}



.newsletter-form-icon .quform-elements {

    position: relative

}



.newsletter-form-icon .quform-submit-inner {

    position: absolute;

    right: 1px;

    top: 3px;

    width: auto;

    background: transparent;

    height: 48px

}



.newsletter-form-icon .quform-submit-inner .btn {

    border: none;

    padding: 0.500rem 1.15rem

}



.newsletter-form-icon .quform-loading-wrap {

    margin-top: 15px;

    margin-bottom: 0;

    margin-left: 0

}



.newsletter-form-icon input {

    border: 1px solid transparent;

    background-color: rgba(255, 255, 255, 0.2);

    min-height: 54px;

    height: 50px;

    padding: 0.5rem 4rem 0.5rem 1rem;

    color: #fff

}



.newsletter-form-icon .form-control:focus,

.newsletter-form-icon .form-control:active {

    background-color: rgba(255, 255, 255, 0.2);

    color: #fff

}



.newsletter-form-icon .quform-has-error input,

.newsletter-form-icon .quform-has-error textarea,

.newsletter-form-icon .quform-has-error select {

    border-color: #f5543f

}



.newsletter-form-icon .quform-input .quform-errors-wrap {

    right: 15px

}



.newsletter-form-icon i {

    font-size: 1.2rem;

    line-height: 2rem

}



.newsletterform-light .quform-elements {

    position: relative

}



.newsletterform-light .quform-input .quform-errors-wrap {

    left: 8px;

    right: inherit

}



.newsletterform-light .quform-submit-inner {

    position: absolute;

    right: 0;

    top: 0;

    width: auto;

    background: #d81a26;

    height: 50px

}



.newsletterform-light .quform-element .form-control {

    padding-right: 90px;

    min-height: 50px

}



.footer-link li {

    margin-bottom: 10px

}



.footer-link li a {

    color: rgba(255, 255, 255, 0.7)

}



.footer-logo {

    max-width: 214px;

    width: 100%;

    display: inline-block

}



footer .email {

    border-bottom: 1px solid rgba(255, 255, 255, 0.7);

    display: inline-block;

    padding-bottom: 5px

}



footer .email a {

    color: rgba(255, 255, 255, 0.7);

    position: relative;

    transition: all 0.8s ease

}



footer .email a:hover:after,

footer .email a:active:after,

footer .email a:focus:after {

    width: 100%

}



footer .email a:hover,

footer .email a:active,

footer .email a:focus {

    color: #6b6e73

}



footer .email a:after {

    border-bottom: 1px solid #fff;

    transition: all 0.8s ease;

    content: "";

    display: inline-block;

    position: absolute;

    bottom: -10px;

    right: 0;

    width: 0

}



footer .phone {

    padding-bottom: 0;

    margin-bottom: 0

}



footer .phone a {

    padding-bottom: 0;

    letter-spacing: -0.05rem;

    color: #fff

}



footer .phone a:hover,

footer .phone a:active,

footer .phone a:focus {

    color: #6b6e73

}



.footer-list {

    padding: 0

}



.footer-list li {

    list-style-type: none;

    color: #fff;

    padding: 5px 0

}



.footer-list li a {

    font-weight: 400;

    color: rgba(255, 255, 255, 0.85)

}



.footer-list li a:hover {

    color: #d81a26

}



.footer-list li a:hover:before {

    color: #d81a26

}



.footer-style3 {

    border-radius: 20px

}



.footer-style3 .footer-list li {

    padding-bottom: 10px

}



.footer-style3 .footer-list li a {

    color: rgba(255, 255, 255, 0.8)

}



.footer-style3 .footer-list li a:hover {

    color: #6b6e73

}



.footer-style3 .footer-list li:last-child {

    padding-bottom: 0

}



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

    .footer-style3 {

        border-radius: 0

    }

}



.social-icon-style-02 li {

    margin: 0 15px 0 0;

    display: inline-block

}



.social-icon-style-02 li:last-child {

    margin-right: 0

}



.social-icon-style-02 li a {

    font-size: 18px;

    color: #fff !important

}



.social-icon-style-02 li a:hover,

.social-icon-style-02 li a:active,

.social-icon-style-02 li a:focus {

    color: #6b6e73

}



.footer-list.style1 li a {

    color: #1d2a34

}



.footer-list.style1 li a:hover {

    color: #d81a26

}



.buy-theme {

    transition-timing-function: ease-in-out;

    transition-duration: .2s;

    position: fixed;

    top: 150px;

    right: -89px;

    background: #6b6e73;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

    z-index: 9999

}



.buy-theme i {

    font-size: 16px;

    vertical-align: middle;

    position: relative;

    top: -1px;

    color: #fff

}



.all-demo i {

    font-size: 15px;

    vertical-align: middle;

    position: relative;

    top: -1px;

    color: #fff

}



.buy-theme:hover,

.all-demo:hover {

    transition-timing-function: ease-in-out;

    transition-duration: .2s;

    right: 0px;

    background: #6b6e73

}



.all-demo:hover {

    background: #d81a26

}



.buy-theme span,

.all-demo span {

    padding: 0 9px;

    position: relative;

    top: 0;

    opacity: 0

}



.buy-theme:hover span,

.all-demo:hover span {

    opacity: 1;

    color: #fff

}



.buy-theme:hover i,

.all-demo:hover i {

    color: #fff

}



.buy-theme a,

.all-demo a {

    color: #232323;

    font-size: 10px;

    text-transform: uppercase;

    padding: 5px 10px;

    display: block;

    text-decoration: none;

    font-weight: 500

}



.all-demo {

    transition-timing-function: ease-in-out;

    transition-duration: .2s;

    position: fixed;

    top: 185px;

    right: -105px;

    background: #d81a26;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

    z-index: 9999

}



.search_toggle_box {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 10;
}

.search-trigger {
    background: #fff;
    border: none;
    cursor: pointer;
    padding: 12px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.search-trigger:hover {
    background: rgb(234 102 102 / 37%);
    transform: scale(1.1);
}

.search-icon {
    width: 20px;
    height: 20px;
    stroke: #000;
    transition: all 0.3s ease;
}

.search-trigger:hover .search-icon {
    stroke: #cd1818;
}

.search-expanded {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) scaleX(0);
    transform-origin: right center;
    background: rgb(255 243 243 / 22%);
    backdrop-filter: blur(10px);
    border-radius: 50px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    gap: 15px;
    width: 400px;
    height: 50px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    visibility: hidden;
}

.search-expanded.active {
    transform: translateY(-50%) scaleX(1);
    opacity: 1;
    visibility: visible;
}

.search-input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: white;
    font-size: 16px;
    padding: 0;
}

.search-input::placeholder {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 300;
}

.search-close {
    background: #fff;
    border: none;
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    opacity: 0.7;
}

.search-close:hover {
    background: rgba(255, 255, 255, 0.1);
    opacity: 1;
    transform: rotate(90deg);
}

.close-icon {
    width: 18px;
    height: 18px;
    stroke: #000;
    stroke-width: 2;
}

.search-icon-expanded {
    width: 18px;
    height: 18px;
    stroke: rgba(255, 255, 255, 0.7);
    flex-shrink: 0;
}
.nav_second_img{
    width: 300px;
}

.scrollHeader .search-expanded{
    background: rgb(0 0 0 / 45%);
}
@media (max-width: 576px) {
    .search-expanded.active {
        transform: translate(18%, 75%) scaleX(1);
    }
    .search-expanded {
        width: 324px;
    }
    .nav_second_img{
        width: 180px;
    }
}

@media (min-width:320px) and (max-width:998px){
    .search_toggle_box{
        position: absolute;
        right: 60px;
    }
}





.client_testimonials_container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
    opacity: 0.3;
}


.client_testimonials_container .section-title {
    color: white;
    font-size: 3.5rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1rem;
    text-shadow: 0 4px 8px rgba(0,0,0,0.3);
    position: relative;
    z-index: 2;
}

.client_testimonials_container .section-subtitle {
    color: rgba(255,255,255,0.9);
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 4rem;
    position: relative;
    z-index: 2;
}

.client_testimonials_container .testimonial-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 24px;
    padding: 2.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    border: 1px solid rgba(255,255,255,0.2);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    z-index: 2;
}



.client_testimonials_container .testimonial-card:hover {
    transform: translateY(-15px) scale(1.02);
    box-shadow: 0 30px 60px rgba(0,0,0,0.2);
    background: rgba(255, 255, 255, 1);
}

.client_testimonials_container .quote-icon {
    font-size: 3rem;
    color: rgb(216, 26, 38);
    opacity: 0.3;
    position: absolute;
    top: 1rem;
    right: 1.5rem;
}

.client_testimonials_container .testimonial-text {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #444;
    margin-bottom: 2rem;
    font-style: italic;
    position: relative;
    z-index: 1;
}

.client_testimonials_container .client-info {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.client_testimonials_container .client-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgb(216, 26, 38);
    transition: all 0.3s ease;
}

.client_testimonials_container .testimonial-card:hover .client-avatar {
    transform: scale(1.1);
}

.client_testimonials_container .client-details h5 {
    font-weight: 700;
    color: #333;
    margin-bottom: 0.25rem;
    font-size: 1.2rem;
}

.client_testimonials_container .client-designation {
    color: rgb(216, 26, 38);
    font-weight: 600;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.client_testimonials_container .stars {
    color: #ffc107;
    font-size: 1.1rem;
    margin-top: 0.5rem;
}

@media (max-width: 768px) {
    .client_testimonials_container {
        padding: 60px 0;
    }
    
    .client_testimonials_container .section-title {
        font-size: 2.5rem;
    }
    
    .client_testimonials_container .testimonial-card {
        padding: 2rem;
        margin-bottom: 1.5rem;
    }
    
    .client_testimonials_container .client-avatar {
        width: 60px;
        height: 60px;
    }
    
    .client_testimonials_container .quote-icon {
        font-size: 2rem;
        top: 0.5rem;
        right: 1rem;
    }
}

@media (max-width: 576px) {
    .client_testimonials_container .testimonial-card {
        padding: 1.5rem;
    }
    
    .client_testimonials_container .client-info {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }
    
    .client_testimonials_container .section-title {
        font-size: 2rem;
    }
}