:root {
    --thm-font: "Open Sans", sans-serif;
    --heading-font: "Public Sans", sans-serif;
    --special-font: "Yesteryear", cursive;
    --thm-base: #1B5E3A;
    --thm-base-rgb: 177, 15, 60;
    --thm-black: #333;
    --thm-black-rgb: 7, 18, 48;
}

body {
    font-family: var(--thm-font);
    font-size: 18px;
    line-height: 26px;
    color: #646a7a;
}

[dir="rtl"] .thm__owl-carousel {
    direction: ltr;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--heading-font);
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    overflow: hidden;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

.thm-base-bg {
    background-color: var(--thm-base);
}


.thm-black-bg {

    background-color: var(--thm-black);

}



.thm-base-color {

    color: var(--thm-base);

}



.thm-black-color {

    color: var(--thm-black);

}

.thm-white-color {

    color: #ffffff !important;

}



.scrollLock {

    overflow: hidden;

}



/* Carousel dot one */



.carousel__dot-one .owl-dots {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 0 !important;

}

.carousel__dot-one .owl-dots .owl-dot {

    -webkit-appearance: none;

    appearance: none;

    outline: none;

}

.carousel__dot-one .owl-dots .owl-dot span {

    width: 8px;

    height: 8px;

    background-color: #c6ccd2;

    margin: 0 7.5px;

    border-radius: 0;

    transition: 500ms;

}

.carousel__dot-one .owl-dots .owl-dot.active span,

.carousel__dot-one .owl-dots .owl-dot:hover span {

    background-color: var(--thm-base);

}



/* thm btn */

.thm-btn {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    display: inline-block;

    vertical-align: middle;

    border: none;

    outline: none !important;

    text-align: center;

    border-radius: 4px;

    background-color: #fff;

    font-size: 18px;

    font-weight: 600;

    color: var(--thm-black);

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

    transition: all 500ms ease;

    padding: 12px 31.4px;

}



.thm-btn:hover {

    color: #fff;

    background-color: var(--thm-black);

}



/* default owl nav styles */



.thm__owl-carousel .owl-nav {

    display: flex;

    justify-content: center;

    align-items: center;

}



.thm__owl-carousel.owl-theme .owl-nav .owl-next,

.thm__owl-carousel.owl-theme .owl-nav .owl-prev {

    width: 70px;

    height: 70px;

    border-radius: 50%;

    display: flex;

    background-color: #fff;

    justify-content: center;

    align-items: center;

    font-size: 25px;

    color: rgba(0, 0, 0, 0);

    text-align: center;

    position: relative;

    transition: 500ms ease;

    transition: 500ms;

    border: none;

    outline: none;

    box-shadow: 0px 10px 20px 0px rgba(67, 131, 99, 0.2);

}



.thm__owl-carousel.owl-theme .owl-nav [class*="owl-"]:hover {

    background-color: var(--thm-base);

}



.thm__owl-carousel.owl-theme .owl-nav [class*="owl-"] span {

    display: none;

}



.thm__owl-carousel.owl-theme .owl-nav [class*="owl-"]::after {

    content: "\f105";

    font-family: "Font Awesome 5 Pro";

    font-weight: 400;

    color: #9c9da5;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    font-size: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    transition: all 500ms ease;

}



.thm__owl-carousel.owl-theme .owl-nav [class*="owl-prev"]::after {

    content: "\f104";

}



.thm__owl-carousel.owl-theme .owl-nav [class*="owl-"]:hover::after {

    color: #fff;

}



.thm__owl-carousel.owl-theme .owl-nav .disabled {

    opacity: 1 !important;

}



/* block title */



.block-title {

    margin-bottom: 41px;

}



.block-title p {

    font-size: 15px;

    text-transform: uppercase;

    color: var(--thm-base);

    margin: 0;

    font-weight: 600;

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

    line-height: 1em;

}



.block-title p span {

    padding-bottom: 7px;

    border-bottom: 2px solid var(--thm-base);

}



.block-title h2,

.block-title h3 {

    margin: 0;

    color: var(--thm-black);

    font-size: 36px;

    font-weight: bold;

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

}



.block-title h2 {

    font-size: 48px;

}



.block-title p + h2,

.block-title p + h3 {

    margin-top: 26px;

}



.block-title__text {

    font-size: 18px;

    line-height: 26px;

    color: #646a7a;

}



.block-title h2 + .block-title__text,

.block-title h3 + .block-title__text {

    margin-top: 14px;

}



/* Cursor*/



.cursor {

    position: absolute;

    background-color: #fff;

    width: 6px;

    height: 6px;

    border-radius: 100%;

    z-index: 1;

    transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,

        0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    pointer-events: none;

    z-index: 10000;

    transform: scale(1);

    visibility: hidden;

}



.cursor {

    visibility: visible;

}



.cursor.active {

    opacity: 0.5;

    transform: scale(0);

}



.cursor.hovered {

    opacity: 0.08;

}



.cursor-follower {

    position: absolute;

    background-color: RGBA(255, 255, 255, 0.3);

    width: 50px;

    height: 50px;

    border-radius: 100%;

    z-index: 1;

    transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,

        0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    pointer-events: none;

    z-index: 10000;

    visibility: hidden;

}



.cursor-follower {

    visibility: visible;

}



.cursor-follower.active {

    opacity: 0.7;

    transform: scale(1);

}



.cursor-follower.hovered {

    opacity: 0.08;

}



.cursor-follower.close-cursor:before {

    position: absolute;

    content: "";

    height: 25px;

    width: 2px;

    background: #fff;

    left: 48%;

    top: 12px;

    transform: rotate(-45deg);

    display: inline-block;

}



.cursor-follower.close-cursor:after {

    position: absolute;

    content: "";

    height: 25px;

    width: 2px;

    background: #fff;

    right: 48%;

    top: 12px;

    transform: rotate(45deg);

}



/* bootstrap select */

.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,

.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,

.bootstrap-select .show > .btn-light.dropdown-toggle {

    background-color: inherit !important;

    box-shadow: none !important;

    outline: none !important;

}



.bootstrap-select > .dropdown-toggle {

    box-shadow: none !important;

}



.bootstrap-select .dropdown-toggle:focus,

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {

    outline: none !important;

}



.bootstrap-select .dropdown-menu {

    padding-top: 0;

    padding-bottom: 0;

    margin-top: 0;

    z-index: 991;

}



.bootstrap-select .dropdown-menu > li + li > a {

    border-top: 1px solid #f4f4f4;

}



.bootstrap-select .dropdown-menu > li:first-child > a {

    padding-top: 10px;

}



.bootstrap-select .dropdown-menu > li:last-child > a {

    padding-bottom: 10px;

}



.bootstrap-select .dropdown-menu > li.selected > a {

    background: var(--thm-black);

    color: #fff;

}



.bootstrap-select .dropdown-menu > li > a {

    font-size: 16px;

    font-weight: 400;

    padding: 9px 20px;

    color: var(--thm-black);

    transition: all 0.4s ease;

}



.bootstrap-select .dropdown-menu > li > a:hover {

    background: var(--thm-black);

    color: #fff;

    cursor: pointer;

}



.scroll-to-top {

    display: inline-block;

    width: 50px;

    height: 50px;

    background: var(--thm-base);

    border-radius: 50%;

    position: fixed;

    bottom: 40px;

    right: 40px;

    z-index: 990;

    text-align: center;

    transition: all 0.4s ease;

    display: none;

}



@media (max-width: 480px) {

    .scroll-to-top {

        width: 40px;

        height: 40px;

    }

}



.scroll-to-top i {

    font-size: 14px;

    line-height: 50px;

    color: #fff;

    position: relative;

    z-index: 10;

    transition: all 0.4s ease;

}



@media (max-width: 480px) {

    .scroll-to-top i {

        font-size: 14px;

        line-height: 40px;

    }

}



.scroll-to-top:hover {

    background-color: var(--thm-black);

}



.scroll-to-top:hover i {

    color: #fff;

}



.post-pagination {

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

}



.post-pagination a {

    color: var(--thm-black);

    font-size: 16px;

    font-weight: 500;

    transition: all 0.4s ease;

    border-radius: 30px;

    width: 60px;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    box-shadow: 0px 10px 20px 0px rgba(67, 131, 99, 0.2);

}



.post-pagination a.active,

.post-pagination a:hover {

    color: #fff;

    background-color: var(--thm-base);

    border-color: var(--thm-base);

}



.post-pagination a + a {

    margin-left: 10px;

}



.post-pagination a.active {

    cursor: auto;

}



.post-pagination__prev,

.post-pagination__next {

    border: none !important;

    background-color: transparent !important;

    text-decoration: underline;

    color: var(--thm-black) !important;

    text-transform: uppercase;

    font-size: 14px !important;

}



/* datepicker */

.datepicker-dropdown {

    min-width: 300px;

}



.datepicker-dropdown table {

    width: 100%;

}



.datepicker table tr td span.active.active,

.datepicker table tr td span.active.disabled.active,

.datepicker table tr td span.active.disabled:active,

.datepicker table tr td span.active.disabled:hover.active,

.datepicker table tr td span.active.disabled:hover:active,

.datepicker table tr td span.active:active,

.datepicker table tr td span.active:hover.active,

.datepicker table tr td span.active:hover:active {

    background-color: var(--thm-black);

    background-image: none;

}



.datepicker table tr td.active.active,

.datepicker table tr td.active.disabled.active,

.datepicker table tr td.active.disabled:active,

.datepicker table tr td.active.disabled:hover.active,

.datepicker table tr td.active.disabled:hover:active,

.datepicker table tr td.active:active,

.datepicker table tr td.active:hover.active,

.datepicker table tr td.active:hover:active,

.datepicker table tr td.active,

.datepicker table tr td.active.disabled,

.datepicker table tr td.active.disabled:hover,

.datepicker table tr td.active:hover {

    background-color: var(--thm-base);

    background-image: none;

}



/* preloader */



.preloader {

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 999999999;

    background-color: #fff;

    top: 0;

    left: 0;

    z-index: 9999;

    display: flex;

    align-items: center;

    justify-content: center;

}



.lds-ripple {

    display: inline-block;

    position: relative;

    width: 80px;

    height: 80px;

}



.lds-ripple div {

    position: absolute;

    border: 4px solid var(--thm-base);

    opacity: 1;

    border-radius: 50%;

    -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;

    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;

}



.lds-ripple div:nth-child(2) {

    -webkit-animation-delay: -0.5s;

    animation-delay: -0.5s;

}



@-webkit-keyframes lds-ripple {

    0% {

        top: 36px;

        left: 36px;

        width: 0;

        height: 0;

        opacity: 1;

    }



    100% {

        top: 0px;

        left: 0px;

        width: 72px;

        height: 72px;

        opacity: 0;

    }

}



@keyframes lds-ripple {

    0% {

        top: 36px;

        left: 36px;

        width: 0;

        height: 0;

        opacity: 1;

    }



    100% {

        top: 0px;

        left: 0px;

        width: 72px;

        height: 72px;

        opacity: 0;

    }

}



/*--------------------------------------------------------------

# Animations

--------------------------------------------------------------*/



/*--------------------------------------------------------------

# Topbar one

--------------------------------------------------------------*/



.topbar-one {

    background-color: #f1f3f5;

    padding-top: 17px;

    padding-bottom: 17px;

}



@media (min-width: 1200px) {

    .topbar-one {

        display: block !important;

    }

}



.topbar-one .container {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.topbar-one__infos {

    display: flex;

    align-items: center;

    margin-bottom: 0;

}



.topbar-one__select-box .bootstrap-select > .dropdown-toggle:active,

.topbar-one__select-box .bootstrap-select > .dropdown-toggle:focus {

    color: #fff;

}



.topbar-one__infos > li:not(.topbar-one__select-box) {

    position: relative;

    padding-left: 65px;

}



.topbar-one__infos > li + li {

    margin-left: 30px;

}



.topbar-one__infos h3 {

    margin: 0;

    color: var(--thm-black);

    font-weight: 600;

    font-size: 18px;

    text-transform: uppercase;

}



.topbar-one__infos h3 a {

    color: inherit;

}



.topbar-one__infos h3 a:hover {

    color: var(--thm-base);

}



.topbar-one__infos p {

    margin: 0;

    font-size: 18px;

    color: #646a7a;

}



.topbar-one__infos p a {

    color: inherit;

}



.topbar-one__infos p a:hover {

    color: var(--thm-base);

}



.topbar-one__infos li:not(.topbar-one__select-box) > i {

    width: 44px;

    height: 44px;

    border-radius: 50%;

    border-top-right-radius: 0;

    border-bottom-left-radius: 0;

    border: 1px solid #d4d7de;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #9aa0af;

    font-size: 20px;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

}



.topbar-one__select-box {

    background-color: var(--thm-base);

    border-radius: 4px;

    width: 140px;

    display: flex;

    align-items: center;

    border-radius: 4px;

    position: relative;

}



.topbar-one__select-box > i {

    color: #fff;

    font-size: 20px;

    margin-right: 10px;

    position: absolute;

    top: 50%;

    left: 16px;

    transform: translateY(-50%);

    z-index: 10;

}



.topbar-one__select-box .bootstrap-select > .dropdown-toggle {

    background-color: var(--thm-base);

    color: #fff;

    border-radius: 0;

    border: none;

    font-size: 18px;

    padding-top: 13.5px;

    padding-right: 15px;

    padding-bottom: 13.5px;

    padding-left: 46px;

}



.topbar-one__select-box

    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {

    width: 100%;

}



.topbar-one .sidecontent__toggler {

    display: flex;

    width: 60px;

    height: 60px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 26px;

    color: #fff;

    background-color: var(--thm-base);

    border-radius: 50%;

    transition: all 500ms ease;

}



.topbar-one .sidecontent__toggler:hover {

    background-color: var(--thm-black);

    color: #fff;

}



.topbar-one__select-box .dropdown-toggle::after {

    border: none;

    width: auto;

    content: "\f107";

    font-family: "Font Awesome 5 Pro";

    font-weight: 400;

    font-size: 12px;

    margin-left: 0;

    position: relative;

    top: 3px;

}



.topbar-one__toggler {

    display: none;

    width: 30px;

    border: 1px solid #d4d7de;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%) translateY(-30%) rotate(0);

    background-color: #fff;

    height: 30px;

    color: #9aa0af;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    transition: 0.7s ease;

}



.topbar-one__toggler.open {

    background-color: var(--thm-base);

    border-color: var(--thm-base);

    transform: translateX(-50%) translateY(-30%) rotate(180deg);

    color: #fff;

}



/*--------------------------------------------------------------

# Header one

--------------------------------------------------------------*/



.header-one {

    background-color: #fff;

    position: relative;

    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);

    z-index: 11;

}



.header-one.stricked-menu {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 91;

    transform: translateY(-130%);

    transition: transform 500ms cubic-bezier(0, 0, 0.2, 1);

}



.header-one.stricky-fixed {

    transform: translateY(0);

}



.header-one__logo {

    margin-top: auto;

    padding-right: 20px;

    position: relative;

    padding-bottom: 10px;

}



.header-one__logo::before {

    content: "";

    width: 100000px;

    height: 100%;

    position: absolute;

    background-color: #fff;

    right: 100%;

    bottom: -14px;

}



.header-one__logo::after {

    content: "";

    width: 130%;

    height: 100%;

    position: absolute;

    background-color: #fff;

    left: -30%;

    bottom: -14px;

    transform: skewX(-25deg);

}



.header-one__logo > a {

    position: relative;

    z-index: 10;

}



.side-menu__toggler {

    display: none;

    position: relative;

    z-index: 10;

    color: var(--thm-black);

    cursor: pointer;

}



.header-style-two .side-menu__toggler{

    color: #fff;

    margin-top: 29px;

}



.header-one__menu {

    margin-left: 50px;

}



.header-one__menu > ul,

.header-one__menu > ul ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.header-one .container {

    display: flex;

    align-items: center;

}



.header-one__menu > ul {

    display: flex;

    align-items: center;

}



.header-one__menu > ul > li {

    position: relative;

    padding-top: 27px;

    padding-bottom: 27px;

}



.header-one__menu > ul > li::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: calc(50% - 3px);

    width: 6px;

    height: 6px;

    background-color: var(--thm-base);

    transform: translateY(50%) scale(1, 0);

    transition: transform 0.4s ease;

    transform-origin: left center;

}



.header-one__menu > ul > li:hover::before,
.header-one__menu > ul > li.current-menu-item.current::before,
.header-one__menu > ul > li.current-menu-ancestor.current::before,
.header-one__menu > ul > li.current-menu-parent.current::before,
.header-one__menu > ul > li.current_page_item.current::before
{

    transform: translateY(0%) scale(1, 1);

    transform-origin: right center;

}



.header-one__menu > ul > li > a {

    font-size: 16px;

    font-weight: 600;

    color: var(--thm-black);

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

    transition: all 500ms ease;

    display: flex;

}



.header-one__menu > ul > li.current > a,

.header-one__menu > ul > li:hover > a {

    color: var(--thm-base);

}



.header-one__menu > ul > li ul {

    position: absolute;

    width: 230px;

    z-index: 9;

    padding-top: 10px;

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

    transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease;

}



.header-one__menu > ul > li > ul {

    top: 100%;

    left: 0;

    transform: perspective(300px) scaleY(0) translateZ(30px);

    visibility: hidden;

    opacity: 0;

    transform-origin: top;

}



.header-one__menu > ul > li:hover > ul {

    transform: perspective(300px) scaleY(1) translateZ(0);

    visibility: visible;

    opacity: 1;

}



.header-one__menu > ul > li ul > li {

    padding-left: 30px;

    padding-right: 30px;

    background-color: #fff;

}



.header-one__menu > ul > li ul > li.dropdown > a {

    position: relative;

}



.header-one__menu > ul > li ul > li.dropdown > a::before {

    content: "\f105";

    font-weight: 400;

    font-family: "Font Awesome 5 Pro";

    font-size: 22px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

}



.header-one__menu > ul > li ul > li:first-child {

    padding-top: 13px;

}



.header-one__menu > ul > li ul > li:last-child {

    padding-bottom: 13px;

}



.header-one__menu > ul > li ul > li + li > a {

    border-top: 1px solid #e4e7ee;

}



.header-one__menu > ul > li ul > li > a {

    font-size: 16px;

    font-weight: 500;

    color: var(--thm-black);

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

    padding-top: 11px;

    padding-bottom: 11px;

    display: block;

    transition: all 500ms ease;

}



.header-one__menu > ul > li ul > li:hover > a {

    color: var(--thm-base);

}



.header-one__menu > ul > li ul ul {

    top: 0;

    right: 100%;

    transform: perspective(300px) scaleX(0) translateZ(30px);

    visibility: hidden;

    opacity: 0;

    transform-origin: right;

    padding-top: 0;

    padding-right: 10px;

}



.header-one__menu > ul > li ul > li:hover > ul {

    transform: perspective(300px) scaleX(1) translateZ(0);

    opacity: 1;

    visibility: visible;

}



.header-one__menu > ul > li + li {

    margin-left: 45px;

}



.header-one__right {

    margin-left: auto;

    position: relative;

    width: 270px;

    height: 80px;

}



.header-one__right > a {

    background-color: var(--thm-black);

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 18px;

    font-weight: 600;

    color: #fff;

    padding: 24.5px 0;

    text-transform: uppercase;

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

    transition: all 500ms ease;

}



.header-one__right > a::before {

    content: "";

    position: absolute;

    right: calc(100% - 1px);

    bottom: 0;

    width: 12px;

    height: 14px;

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

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

    background-color: #253051;

    transition: all 500ms ease;

}



.header-one__right > a:hover::before {

    background-color: var(--thm-base);

}



.header-one__right > a:hover {

    background-color: var(--thm-base);

}



.header-one__right > a > i {

    width: 45px;

    height: 45px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    font-size: 30px;

    color: #fff;

    margin-right: 13px;

    background-repeat: no-repeat;

    background-image: url(../images/shapes/header-btn-bg.png);

    transition: 500ms ease;

}



.header-one__right > a:hover > i {

    background-image: url(../images/shapes/header-btn-bg-hover.png);

}



/*--------------------------------------------------------------

# Page Header

--------------------------------------------------------------*/



.page-header {

    background-color: #646464;

    background-repeat: no-repeat;

    background-size: cover;

    padding-top: 170px;

    padding-bottom: 152px;

}



.page-header__contact {

    padding-bottom: 270px;

}



.page-header h2 {

    margin: 0;

    color: var(--thm-black);

    font-size: 48px;

    font-weight: bold;

    line-height: 1em;

}



.thm-breadcrumb {

    margin-bottom: 0;

    display: flex;

    align-items: center;

    margin-top: 15px;

}



.thm-breadcrumb::before {

    content: "";

    width: 50px;

    height: 2px;

    background-color: var(--thm-base);

    display: flex;

    margin-right: 9px;

}



.thm-breadcrumb li {

    font-size: 14px;

    font-weight: 600;

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

    text-transform: uppercase;

    color: var(--thm-black);

    display: flex;

    align-items: center;

}



.thm-breadcrumb li:not(:last-of-type)::after {

    content: "\f105";

    font-family: "Font Awesome 5 Pro";

    margin-left: 10px;

    margin-right: 10px;

}



.thm-breadcrumb li a {

    color: inherit;

}



/*--------------------------------------------------------------

# Main Footer one

--------------------------------------------------------------*/



.main-footer-wrap {

    position: relative;

    background-color: #071230;

}



.main-footer__bg {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-repeat: no-repeat;

    background-position: bottom right;

    opacity: 0.57;

}



.site-footer {

    position: relative;

    padding-bottom: 80px;

}



/*--------------------------------------------------------------

## Footer Widget

--------------------------------------------------------------*/



.site-footer [class*="col-"] {

    margin-bottom: 40px;

}



.footer-widget__logo {

    display: inline-block;

}



.footer-widget p {

    margin: 0;

    color: #9aa0af;

    font-size: 18px;

    line-height: 26px;

    margin-top: 31px;

}



.footer-widget p a {

    color: #fff;

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

    font-weight: 600;

    transition: all 500ms ease;

}



.footer-widget p a:hover {

    color: var(--thm-base);

}



.footer-widget__review {

    background-color: #1a2542;

    position: relative;

    border-radius: 4px;

    margin-top: 37px;

    padding-top: 21px;

    padding-bottom: 19px;

    padding-left: 31px;

    padding-right: 31px;

}



.footer-widget__review::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 0;

    width: 4px;

    height: 77px;

    background-color: var(--thm-base);

    transform: translateY(-50%);

}



.footer-widget__review-count {

    position: absolute;

    top: 0;

    right: 0;

    background-color: var(--thm-base);

    width: 48px;

    height: 48px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    font-size: 16px;

    font-weight: 600;

    color: #fff;

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

    top: 25px;

    right: 20px;

}



.footer-widget__review-stars {

    display: flex;

    align-items: center;

    margin-bottom: 9px;

    margin-top: 10px;

}



.footer-widget__review-stars i {

    width: 18px;

    height: 18px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    font-size: 12px;

    border-radius: 2px;

    background-color: var(--thm-base);

    color: var(--thm-black);

}



.footer-widget__review-stars i + i {

    margin-left: 5px;

}



.footer-widget__review h3 {

    margin: 0;

    color: #fff;

    font-size: 20px;

    font-weight: 600;

}



.footer-widget__review p {

    margin: 0;

    font-size: 18px;

    color: #fff;

}



.footer-widget__title {

    margin: 0;

    font-size: 22px;

    font-weight: 600;

    color: #fff;

    position: relative;

    margin-bottom: 40px;

}



.footer-widget__title span {

    position: relative;

    padding-bottom: 8px;

    display: inline-block;

    vertical-align: middle;

}



.footer-widget__title span::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 2px;

    background-color: var(--thm-base);

}



.site-footer .row > .col-xl-6 {

    padding-left: 70px;

    padding-right: 70px;

    position: relative;

}



.site-footer .row > .col-xl-6::after,

.site-footer .row > .col-xl-6::before {

    content: "";

    position: absolute;

    top: 0;

    width: 1px;

    height: 100%;

    opacity: 0.04;

    background-color: #fff;

}



.site-footer .row > .col-xl-6::after {

    right: 15px;

}



.site-footer .row > .col-xl-6::before {

    left: 35px;

}



.site-footer .row > .col-xl-6 > .row {

    padding-left: 20px;

}



.site-footer .row > .col-md-6:last-child .footer-widget__list {

    border-left: 1px solid rgba(255, 255, 255, 0.12);

    padding-left: 55px;

}



.site-footer .row > .col-md-6:last-child .footer-widget__title {

    margin-left: 55px;

}



.footer-widget__list li {

    line-height: 1em;

}



.footer-widget__list li + li {

    margin-top: 20px;

}



.footer-widget__list li a {

    margin: 0;

    color: #9aa0af;

    font-size: 18px;

    position: relative;

    display: block;

    line-height: 1em;

    transform: translateX(0);

    transition: transform 500ms ease, color 500ms ease;

}



.footer-widget__list li:hover a {

    color: #fff;

    transform: translateX(18px);

}



.footer-widget__list li a::before {

    content: "\f105";

    font-family: "Font Awesome 5 Pro";

    font-weight: 400;

    position: absolute;

    top: 50%;

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

    left: 0;

    opacity: 0;

    visibility: hidden;

    transition: all 500ms ease;

}



.footer-widget__list li:hover a::before {

    opacity: 1;

    visibility: visible;

}



.footer-widget__subscribe-form {

    width: 100%;

    position: relative;

    border-radius: 4px;

    border: 1px solid #252f49;

    color: #9aa0af;

    font-size: 18px;

}



.footer-widget__subscribe-form ::-webkit-input-placeholder {

    color: #9aa0af;

    opacity: 1;

}



.footer-widget__subscribe-form ::-moz-placeholder {

    color: #9aa0af;

    opacity: 1;

}



.footer-widget__subscribe-form :-ms-input-placeholder {

    color: #9aa0af;

    opacity: 1;

}



.footer-widget__subscribe-form ::-ms-input-placeholder {

    color: #9aa0af;

    opacity: 1;

}



.footer-widget__subscribe-form ::placeholder {

    color: #9aa0af;

    opacity: 1;

}



.footer-widget__subscribe-form input {

    width: 100%;

    height: 60px;

    background-color: transparent;

    border: none;

    outline: none;

    color: #9aa0af;

    padding-left: 20px;

    border-radius: 4px;

}



.footer-widget__subscribe-form button[type="submit"] {

    border: none;

    outline: none;

    background-color: #252f49;

    font-size: 18px;

    font-weight: 600;

    color: #fff;

    border-radius: 4px;

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

    padding: 17px 21.6px;

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

    transition: all 500ms ease;

    position: absolute;

    top: 0;

    right: 0;

}



.footer-widget__subscribe-form .mc-form__response {

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

}



.footer-widget__subscribe-form .mc-form__response p {

    color: green;

}



.footer-widget__subscribe-form .mc-form__response p a {

    color: var(--thm-base);

}



.footer-widget__subscribe-form button[type="submit"]:hover {

    background-color: #fff;

    color: var(--thm-black);

}



.footer-widget__contact {

    padding-left: 20px;

}



.footer-widget__contact-list {

    margin-bottom: 0;

}



.footer-widget__contact-list li {

    position: relative;

    font-size: 18px;

    line-height: 26px;

    color: #9aa0af;

    padding-left: 34px;

}



.footer-widget__contact-list li a {

    color: inherit;

    transition: all 500ms ease;

}



.footer-widget__contact-list li a:hover {

    color: var(--thm-base);

}



.footer-widget__contact-list li + li {

    margin-top: 21px;

}



.footer-widget__contact-list li > i {

    position: absolute;

    top: 5px;

    left: 0;

    font-size: 20px;

    color: var(--thm-base);

}



.footer-widget__contact-list li span {

    font-weight: 600;

    color: #fff;

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

    display: block;

}



.site-footer [class*="col-lg-12"] {

    margin-bottom: 0;

}



.footer-widget__social {

    display: flex;

    align-items: center;

    margin-top: 15px;

}



.footer-widget__social > a {

    border-radius: 4px;

    border: 1px solid #313c59;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 18px;

    color: #9aa0af;

    width: 54px;

    height: 54px;

    transition: all 500ms ease;

}



.footer-widget__social > a:hover {

    background-color: var(--thm-base);

    color: #fff !important;

    border-color: var(--thm-base);

}



.footer-widget__social > a + a {

    margin-left: 10px;

}



/*--------------------------------------------------------------

# Footer Bottom one

--------------------------------------------------------------*/



.site-footer__bottom {

    background-color: #1a2542;

}



.site-footer__bottom .container {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-top: 22px;

    padding-bottom: 22px;

}



.site-footer__bottom .container p {

    margin: 0;

    font-size: 18px;

    color: #9aa0af;

}



.site-footer__bottom .container p a {

    color: #fff;

    transition: all 500ms ease;

}



.site-footer__bottom .container p a:hover {

    color: var(--thm-base);

}



.site-footer__bottom-links {

    margin: 0;

    display: flex;

    align-items: center;

}



.site-footer__bottom-links li {

    display: flex;

    align-items: center;

}



.site-footer__bottom-links > li:not(:last-of-type)::after {

    content: "|";

    color: #5a6276;

    font-size: 18px;

    margin-left: 6px;

    margin-right: 6px;

}



.site-footer__bottom-links > li a {

    font-size: 18px;

    color: #9aa0af;

    transition: all 500ms ease;

}



.site-footer__bottom-links > li:hover a {

    color: var(--thm-base);

}



/*--------------------------------------------------------------

# Contact One

--------------------------------------------------------------*/



.contact-one {

    padding-bottom: 120px;

}



.contact-one__form {

    background-color: #fff;

    margin-right: 60px;

    position: relative;

}



.contact-one__form-inner {

    padding-top: 60px;

    padding-bottom: 40px;

    padding-left: 40px;

    padding-right: 40px;

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

    background-color: #fff;

    position: relative;

    z-index: 11;

}



.contact-one__form::before {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: -60px;

    right: 60px;

    background-image: url(../images/shapes/contact-form-shape-1-1.jpg);

    background-repeat: no-repeat;

    z-index: 11;

}



.contact-one__form .block-title {

    position: relative;

    z-index: 11;

}



.contact-one__form

    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),

.contact-one__form textarea {

    border: none;

    outline: none !important;

    width: 100%;

    height: 56px;

    border: 1px solid #e4e7ee;

    color: #646a7a;

    font-size: 18px;

    padding-left: 20px;

    position: relative;

    z-index: 10;

    resize: none;

    transition: all 500ms ease;

}



input:focus,

textarea:focus{

    border-color: var(--thm-base) !important;

}



.contact-one__form ::-webkit-input-placeholder {

    color: #646a7a;

    opacity: 1;

}



.contact-one__form ::-moz-placeholder {

    color: #646a7a;

    opacity: 1;

}



.contact-one__form :-ms-input-placeholder {

    color: #646a7a;

    opacity: 1;

}



.contact-one__form ::-ms-input-placeholder {

    color: #646a7a;

    opacity: 1;

}



.contact-one__form ::placeholder {

    color: #646a7a;

    opacity: 1;

}



.contact-one__form textarea {

    height: 198px;

    padding-top: 20px;

}



.contact-one__form-inner > .row {

    margin-left: -10px;

    margin-right: -10px;

    position: relative;

    z-index: 11;

}



.contact-one__form-inner > .row > [class*="col-"] {

    padding-left: 10px;

    padding-right: 10px;

    margin-bottom: 20px;

}



.contact-one__form .thm-btn {

    width: 100%;

    border-radius: 4px;

    background-color: var(--thm-black);

    height: 60px;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    font-size: 18px;

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

    font-weight: 600;

}



.contact-one__form .thm-btn:hover {

    background-color: var(--thm-base);

    color: #fff;

}



.contact-one__info {

    padding-top: 120px;

}



.contact-one__info .block-title {

    margin-bottom: 0;

}



.contact-one__info .block-title h3 {

    font-size: 48px;

    margin-bottom: 15px;

}



.contact-one__info-content p {

    margin: 0;

    color: var(--thm-base);

    text-transform: uppercase;

    font-weight: 600;

    font-size: 15px;

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

    margin-top: 25px;

}



.contact-one__info-content h3 {

    margin: 0;

    color: var(--thm-black);

    font-size: 36px;

    font-weight: bold;

    margin-top: 10px;

}



.contact-one__info-content h3 a {

    color: inherit;

    transition: all 500ms ease;

}



.contact-one__info-content h3 a:hover {

    color: var(--thm-base);

}



.contact-one__info-list {

    margin-bottom: 0;

    margin-top: 40px;

}



.contact-one__info-list li {

    position: relative;

    padding-left: 75px;

    font-size: 18px;

    color: #646a7a;

}



.contact-one__info-list li a {

    color: inherit;

    transition: all 500ms ease;

}



.contact-one__info-list li a:hover {

    color: var(--thm-base);

}



.contact-one__info-list li + li {

    margin-top: 20px;

}



.contact-one__info-list li:not(:last-of-type) {

    padding-bottom: 19px;

}



.contact-one__info-list li:not(:last-of-type)::before {

    content: "";

    width: 70px;

    height: 2px;

    background-color: #e4e7ee;

    position: absolute;

    bottom: 0;

    left: 75px;

}



.contact-one__info-list li span {

    font-size: 15px;

    font-weight: 600;

    color: #132728;

    text-transform: uppercase;

    display: block;

    line-height: 1em;

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

    margin-bottom: 11px;

}



.contact-one__info-list li b {

    font-weight: 400;

    color: var(--thm-base);

}



.contact-one__info-list li > i {

    width: 54px;

    height: 54px;

    border-radius: 50%;

    border-top-right-radius: 0;

    border-bottom-left-radius: 0;

    border: 1px solid #e4e7ee;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #9aa0af;

    font-size: 20px;

    position: absolute;

    top: 0;

    left: 0;

    transition: all 500ms ease;

}



.contact-one__info-list li:hover > i {

    background-color: var(--thm-base);

    border-color: var(--thm-base);

    color: #fff;

    border-radius: 0;

    border-top-right-radius: 50%;

    border-bottom-left-radius: 50%;

}



.contact-one__social {

    display: flex;

    align-items: center;

    margin-top: 40px;

}



.contact-one__social > a + a {

    margin-left: 10px;

}



.contact-one__social > a {

    width: 54px;

    height: 54px;

    border: 1px solid #e4e7ee;

    border-radius: 4px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 18px;

    color: #9aa0af;

    transition: all 500ms ease;

}



.contact-one__social > a:hover {

    border-color: var(--thm-base);

    background-color: var(--thm-base);

    color: #fff;

    border-radius: 50%;

    border-top-right-radius: 0;

    border-bottom-left-radius: 0;

}

.contact-one__home-one {

    padding-top: 120px;

    background-image: url(../images/backgrounds/case-carousel-bg-1-1.jpg);

    background-repeat: no-repeat;

    background-position: bottom left;

}

.contact-one__home-one .contact-one__form {

    margin-top: 30px;

}

.contact-one__home-one .contact-one__form::before {

    background-image: url(../images/shapes/contact-form-shape-1-2.jpg);

    right: auto;

    left: 60px;

    height: calc(100% + 150px);

    top: -150px;

}

.contact-one__home-one .contact-one__form textarea {

    height: 82px;

}



/*--------------------------------------------------------------

# Contact Map One

--------------------------------------------------------------*/



.contact-one__map .container {

    position: relative;

    height: 500px;

    margin-top: -120px;

    z-index: 11;

    max-width: 1170px;

    padding-left: 0;

    padding-right: 0;

}



.contact-one__map .google-map__home {

    width: calc(100%);

    height: 500px;

    position: absolute;

    left: 0;

    top: 0;

    border: none;

    outline: none;

}



/*--------------------------------------------------------------

# Call to action one

--------------------------------------------------------------*/



.cta-one {

    padding-bottom: 120px;

}



.cta-one .inner-container {

    background-color: var(--thm-base);

    display: flex;

    justify-content: space-between;

    align-items: center;

    background-repeat: no-repeat;

    background-blend-mode: multiply;

    background-position: center center;

    padding: 54px 0;

    padding-left: 50px;

    padding-right: 50px;

    position: relative;

}



.cta-one .inner-container::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: var(--thm-base);

    opacity: 0.82;

}



.cta-one h3 {

    margin: 0;

    font-size: 30px;

    font-weight: 600;

    color: #fff;

    margin-bottom: 10px;

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

    position: relative;

}



.cta-one p {

    margin: 0;

    color: #fff;

    font-size: 18px;

    position: relative;

}



.cta-one__btn-block {

    position: relative;

}



/*--------------------------------------------------------------

## Call to action two

--------------------------------------------------------------*/



.cta-two__inner {

    padding-top: 41.5px;

    padding-bottom: 41.5px;

    background-color: var(--thm-base);

    position: relative;

    padding-left: 15px;

    padding-right: 15px;

    margin-bottom: -90px;

}



.cta-two__box {

    position: relative;

    padding-left: 45px;

    display: flex;

    align-items: center;

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

}

.col-lg-6:last-child .cta-two__box{

    border-right: none;

}

.cta-two__box i {

    font-size: 50px;

    color: #fff;

    margin-right: 35px;

}



.cta-two__content h3 {

    margin: 0;

    color: #fff;

    font-weight: bold;

    font-size: 60px;

    line-height: 1;

    margin-bottom: 5px;

}

.cta-two__content h3 span {

    font-size: 30px;

}

.cta-two__content p {

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

    margin: 0;

    color: #fff;

    font-size: 22px;

    line-height: 1.44;

    font-weight: 600;

}



/*--------------------------------------------------------------

## Call to action Three

--------------------------------------------------------------*/



.cta-three {

    background-color: #f1f3f5;

    padding-top: 110px;

    padding-bottom: 90px;

}



.cta-three__btn {

    display: flex;

    margin-bottom: 30px;

    justify-content: space-between;

    align-items: center;

    padding-left: 19px;

    padding-right: 19px;

    padding-top: 16px;

    padding-bottom: 16px;

    font-size: 18px;

    color: #646a7a;

    background-color: #fff;

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

    border: 1px solid #fff;

    transition: 500ms;

}

.cta-three__btn:hover {

    color: #646a7a;

    box-shadow: none;

    background-color: transparent;

    border: 1px solid #d4d7de;

}



/*--------------------------------------------------------------

## Call to action Four

--------------------------------------------------------------*/



.cta-four {

    padding-top: 110px;

    padding-bottom: 120px;

}

.cta-four .block-title {

    margin-bottom: 0;

}

.cta-four .thm-btn {

    background-color: var(--thm-black);

    color: #fff;

}

.cta-four .thm-btn:hover {

    background-color: var(--thm-base);

    color: #fff;

}

.cta-four .container > p {

    color: var(--thm-base);

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

    font-size: 24px;

    margin: 0;

    line-height: 1;

    margin-top: 25px;

    margin-bottom: 35px;

}

.cta-four .container > p a {

    color: inherit;

    transition: 500ms;

}

.cta-four .container > p a:hover {

    color: var(--thm-black);

}



/*--------------------------------------------------------------

## Call to action Five

--------------------------------------------------------------*/



.cta-five {

    padding-top: 120px;

    padding-bottom: 120px;

    background-image: url(../images/backgrounds/cta-bg-2-1.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: left center;

}



.cta-five .content-box{

    position: relative;

}



@media(max-width: 1440px) {

    .cta-five {

        background-position: right center;

    }

}

.cta-five .container {

    text-align: center;

}



.cta-five .container > i {

    font-size: 80px;

    color: var(--thm-base);

}



.cta-five__list {

    display: flex;

    margin-bottom: 0;

    justify-content: center;

    align-items: center;

}

.cta-five__list li {

    font-size: 20px;

    color: var(--thm-black);

    line-height: 40px;

}

.cta-five__list li:not(:last-of-type) {

    border-right: 2px solid var(--thm-base);

    padding-right: 20px;

    margin-right: 20px;

}

.cta-five h3 {

    text-transform: uppercase;

    margin: 0;

    color: var(--thm-base);

    font-size: 15px;

    font-weight: 600;

    margin-top: 25px;

}

.cta-five h2 {

    margin: 0;

    color: var(--thm-black);

    font-size: 48px;

    font-weight: 600;

    margin-top: 15px;

}

.cta-five p {

    margin: 0;

    color: #646a7a;

    font-size: 18px;

    line-height: 1.44;

    margin-bottom: 25px;

    margin-top: 12px;

}



.cta-five__btn {

    background-color: var(--thm-black);

    padding: 17px 57.5px;

    color: #fff;

    margin-top: 40px;

}

.cta-five__btn:hover {

    background-color: var(--thm-base);

    color: #fff;

}



.cta-five__home-one {

    background-color: #f1f3f5;

    background-image: none;

}



/*--------------------------------------------------------------

# Sidemenu

--------------------------------------------------------------*/



.side-content__block {

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    height: 100vh;

    z-index: 1000;

    opacity: 0;

    visibility: hidden;

    transform-origin: right center;

    transition: 0.7s ease;

}



.side-content__block.active {

    visibility: visible;

    opacity: 1;

}



.side-content__block-overlay {

    width: 100%;

    height: 100%;

    background-color: var(--thm-black);

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 999;

    opacity: 0.7;

}



.side-content__block-overlay .cursor-follower {

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

}



.side-content__block-inner {

    position: relative;

    max-width: 405px;

    width: 100%;

    margin-left: auto;

    height: 100vh;

    background-color: #ffffff;

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

    z-index: 999999;

    overflow-y: auto;

    padding-top: 120px;

    padding-bottom: 120px;

    position: relative;

    padding-left: 40px;

    padding-right: 40px;

    transform: translateX(100%);

    transition: 0.7s;

}



.side-content__block.active .side-content__block-inner {

    transform: translateX(0%);

}



@media (max-width: 375px) {

    .side-content__block-inner {

        max-width: 300px;

        padding-left: 20px;

        padding-right: 20px;

        padding-top: 60px;

        padding-bottom: 60px;

    }

}



.side-content__close {

    position: absolute;

    top: 15px;

    background-color: var(--thm-base);

    width: 60px;

    height: 60px;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    font-size: 20px;

    right: 375px;

    border-radius: 50%;

    z-index: 999999999;

    visibility: hidden;

    transition: 0.7s ease;

    transition-delay: 0.4s;

}



.side-content__block.active .side-content__close {

    visibility: visible;

}



.side-content__close:hover {

    background-color: var(--thm-black);

    color: #fff;

}



@media (max-width: 425px) {

    .side-content__close {

        right: 20px;

        width: 40px;

        height: 40px;

        font-size: 16px;

    }

}



.side-content__app > img {

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

    border-radius: 30px;

    max-width: 100%;

}



.side-content__top p {

    margin: 0;

    color: #646a7a;

    margin-top: 36px;

}



@media (max-width: 375px) {

    .side-content__top p {

        font-size: 16px;

        line-height: 1.5em;

    }

}



.side-content__download {

    width: 100%;

    position: relative;

    background-color: var(--thm-black);

    font-size: 18px;

    color: #fff;

    line-height: 62px;

    padding-left: 82px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-right: 20px;

    transition: all 500ms ease;

    margin-top: 32px;

    margin-bottom: 55px;

}



.side-content__download:hover {

    background-color: var(--thm-base);

    color: #fff;

}



.side-content__download > i {

    width: 62px;

    background-color: var(--thm-base);

    height: 62px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 20px;

    color: #fff;

    position: absolute;

    top: 0;

    left: 0;

    transition: all 500ms ease;

}



.side-content__download:hover > i {

    background-color: var(--thm-black);

    color: #fff;

}



@media (max-width: 425px) {

    .side-content__download {

        font-size: 16px;

        padding-left: 70px;

    }

}



.side-content__download > span {

    font-size: 18px;

    color: #9aa0af;

    display: flex;

    align-items: center;

    line-height: 22px;

    padding-left: 20px;

    border-left: 1px solid rgba(255, 255, 255, 0.25);

    transition: all 500ms ease;

}



@media (max-width: 425px) {

    .side-content__download > span {

        font-size: 16px;

        padding-left: 10px;

    }

}



.side-content__download:hover > span {

    border-color: #fff;

    color: #fff;

}



.side-content__title h3 {

    margin: 0;

    font-size: 22px;

    font-weight: 600;

    color: var(--thm-black);

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

    margin-bottom: 40px;

}



.side-content__title h3 span {

    line-height: 1em;

    display: inline-block;

    padding-bottom: 5px;

    border-bottom: 2px solid var(--thm-base);

}



.side-content__app {

    position: relative;

}



.side-content__app-btns {

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    position: absolute;

    bottom: 60px;

    left: 50%;

    transform: translateX(-50%);

}



.side-content__btn {

    background-color: var(--thm-black);

    font-size: 18px;

    border-radius: 4px;

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

    font-weight: 600;

    width: 100%;

    max-width: 170px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    line-height: 34px;

    color: #fff;

    transition: all 500ms ease;

}



.side-content__btn:hover {

    background-color: var(--thm-base);

    color: #fff;

}



.side-content__btn:nth-of-type(2) {

    background-color: var(--thm-base);

    margin-top: 10px;

}



.side-content__btn:nth-of-type(2):hover {

    background-color: var(--thm-black);

}



.side-content__social {

    display: flex;

    align-items: center;

    margin-bottom: 25px;

    margin-top: 60px;

}



.side-content__social > a + a {

    margin-left: 10px;

}



.side-content__social > a {

    width: 36px;

    height: 36px;

    border: 1px solid #e4e7ee;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 16px;

    color: #9aa0af;

    transition: all 500ms ease;

}



.side-content__social > a:hover {

    border-color: var(--thm-base);

    background-color: var(--thm-base);

    color: #fff;

    border-radius: 50%;

    border-top-right-radius: 0;

    border-bottom-left-radius: 0;

}



.side-content__content p {

    margin: 0;

}



@media (max-width: 425px) {

    .side-content__content p {

        font-size: 16px;

    }

}



/*--------------------------------------------------------------

# SideMenu

--------------------------------------------------------------*/



.side-menu__block {

    position: fixed;

    top: 0;

    right: 0;

    width: 100vw;

    height: 100vh;

    z-index: 1000;

    opacity: 0;

    visibility: hidden;

    transform-origin: right center;

    transition: 0.7s ease;

}



.side-menu__block.active {

    visibility: visible;

    opacity: 1;

}



.side-menu__block-overlay {

    width: 100%;

    height: 100%;

    background-color: #000;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 999;

    opacity: 0.7;

}



.side-menu__block-inner {

    position: relative;

    width: 300px;

    margin-left: auto;

    height: 100vh;

    background-color: #222;

    z-index: 999999;

    overflow-y: auto;

    padding: 40px 0;

    padding-top: 60px;

    position: relative;

    display: flex;

    justify-content: center;

    align-content: space-between;

}



.side-menu__block .side-menu__block-inner {

    transform: translateX(300px);

    transition: 0.7s;

}



.side-menu__block.active .side-menu__block-inner {

    transform: translateX(0px);

}



.side-menu__block-inner .mCustomScrollBox {

    width: 100%;

}



.side-menu__close-btn {

    position: absolute;

    top: 20px;

    right: 30px;

    z-index: 9999999;

    font-size: 18px;

    color: #fff;

    opacity: 1;

    transition: all 500ms ease;

}



.side-menu__close-btn:hover {

    color: var(--thm-base);

}



.mobile-nav__container {

    margin: 40px 0;

    border-top: 1px solid rgba(var(--thm-base-rgb), 0.3);

    border-bottom: 1px solid rgba(var(--thm-base-rgb), 0.3);

}



.mobile-nav__container ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.mobile-nav__container li.dropdown ul {

    display: none;

}



.mobile-nav__container li.dropdown {

    position: relative;

}



.mobile-nav__container li.dropdown .dropdown-btn {

    border: none;

    outline: none;

    width: 35px;

    height: 35px;

    background-color: #000000;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    font-size: 20px;

    color: #fff;

    position: absolute;

    top: 5px;

    right: 0;

    transform: rotate(0);

    transition: transfrom 500ms ease, color 500ms ease,

        background-color 500ms ease;

}



.mobile-nav__container li.dropdown .dropdown-btn.open {

    transform: rotate(90deg);

    background: #ffffff;

    color: var(--thm-black);

}



.mobile-nav__container li + li {

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

}



.mobile-nav__container li > ul {

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

}



.mobile-nav__container li a {

    color: #fff;

    font-size: 16px;

    font-weight: 500;

    display: block;

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

    padding: 10px 0;

    padding-left: 30px;

    padding-right: 30px;

    border-left: 3px solid transparent;

    transition: all 500ms ease;

    position: relative;

    font-size: 16px;

    font-weight: 600;

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

    transition: all 500ms ease;

}



.mobile-nav__container li a:hover {

    background-color: var(--thm-base);

    color: #ffffff;

}



.mobile-nav__container li.current-menu-item > a,

.mobile-nav__container li.current > a {

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

    background-color: var(--thm-base);

}



.mobile-nav__container .navigation-box__right {

    border-top: 1px solid rgba(var(--thm-base-rgb), 0.3);

}



.side-menu__logo {

    padding-left: 30px;

}



.side-menu__block__copy {

    color: #93969b;

    font-family: var(--thm-font);

    font-size: 18px;

    text-align: center;

    padding-left: 30px;

    padding-right: 30px;

}



.side-menu__block__copy a {

    text-transform: uppercase;

    color: #fff;

    font-weight: 500;

    transition: all 500ms ease;

}



.side-menu__block__copy a:hover {

    color: var(--thm-base);

}



.side-menu__social {

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

    justify-content: center;

}



.side-menu__social a {

    color: #93969b;

    font-size: 18px;

    transition: all 500ms ease;

}



.side-menu__social a:hover {

    color: var(--thm-base);

}



.side-menu__social a + a {

    margin-left: 10px;

}



/*--------------------------------------------------------------

# Blog One

--------------------------------------------------------------*/



.blog-one__main {

    position: relative;

    padding-top: 120px;

    padding-bottom: 120px;

}



.blog-one__main::before {

    content: "";

    position: absolute;

    top: 0;

    right: -40px;

    width: 1px;

    height: 100%;

    background-image: url(../images/shapes/blog-sidebar-line-1.png);

    background-repeat: repeat-y;

}



.blog-one__single {

    margin-bottom: 50px;

}



.blog-one__content {

    padding-bottom: 40px;

    padding-top: 40px;

    padding-left: 30px;

    padding-right: 30px;

    background-color: #fff;

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

}



.blog-one__category {

    color: #646a7a;

    font-size: 16px;

    line-height: 1em;

    margin-bottom: 12px;

}



.blog-one__category a {

    color: inherit;

    font-size: 18px;

    transition: 0.7s ease;

}



.blog-one__category a:hover {

    color: var(--thm-base);

}



.blog-one__content h3 {

    margin: 0;

    font-size: 30px;

    font-weight: 600;

    color: var(--thm-black);

    margin-bottom: 17px;

}



.blog-one__content h3 a {

    color: inherit;

    transition: 500ms ease;

}



.blog-one__content h3 a:hover {

    color: var(--thm-base);

}



.blog-one__meta {

    display: flex;

    align-items: center;

    margin-bottom: 25px;

    padding-bottom: 30px;

    border-bottom: 1px solid #e4e7ee;

}



.blog-one__meta li {

    position: relative;

    padding-left: 65px;

    padding-top: 5.5px;

    padding-bottom: 5.5px;

}



.blog-one__meta li:not(:last-of-type) {

    border-right: 1px solid #e4e7ee;

    padding-right: 20px;

    margin-right: 20px;

}



.blog-one__meta li > i {

    width: 50px;

    height: 50px;

    background-color: #f1f3f5;

    display: flex;

    justify-content: center;

    align-items: center;

    color: var(--thm-base);

    font-size: 18px;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    transition: 500ms ease;

}



.blog-one__meta li:hover > i {

    background-color: var(--thm-base);

    color: #fff;

}



.blog-one__meta li span {

    font-size: 13px;

    font-weight: 600;

    line-height: 1em;

    color: var(--thm-black);

    text-transform: uppercase;

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

    display: block;

}



.blog-one__meta li a {

    color: #646a7a;

    font-size: 18px;

    transition: 500ms ease;

    line-height: 1em;

    display: block;

    margin-top: 10px;

}



.blog-one__meta li a:hover {

    color: var(--thm-base);

}



.blog-one__content p {

    margin: 0;

    color: #646a7a;

    font-size: 18px;

    line-height: 26px;

}



.blog-one__bottom {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 32px;

}



.blog-one__link {

    font-size: 18px;

    font-weight: 600;

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

    color: var(--thm-black);

    transition: 500ms ease;

    display: inline-block;

    vertical-align: middle;

    position: relative;

    padding-left: 40px;

}



.blog-one__link:hover {

    color: var(--thm-base);

}



.blog-one__link > i {

    width: 30px;

    height: 30px;

    border-radius: 4px;

    border: 1px solid #e4e7ee;

    font-size: 19px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    color: #9aa0af;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    transition: 500ms ease;

}



.blog-one__link:hover > i {

    border-color: var(--thm-base);

    color: #fff;

    border-top-left-radius: 50%;

    border-bottom-right-radius: 50%;

    background-color: var(--thm-base);

}



.blog-one__share {

    display: flex;

    align-items: center;

}



.blog-one__share > i {

    font-size: 15px;

    color: var(--thm-base);

    margin-right: 10px;

}



.blog-one__share > span {

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

    color: var(--thm-black);

    font-size: 13px;

    font-weight: 600;

    margin-right: 10px;

    text-transform: uppercase;

}



.blog-one__share > a {

    width: 30px;

    height: 30px;

    border-radius: 4px;

    border: 1px solid #e4e7ee;

    font-size: 19px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    color: #9aa0af;

    font-size: 15px;

    transition: 500ms ease;

}



.blog-one__share > a + a {

    margin-left: 10px;

}



.blog-one__share > a:hover {

    background-color: var(--thm-base);

    border-color: var(--thm-base);

    color: #fff;

    border-top-left-radius: 50%;

    border-bottom-right-radius: 50%;

}



.blog-one__image {

    position: relative;

    overflow: hidden;

    background-color: var(--thm-black);

}



.blog-one__image > img {

    width: 100%;

    opacity: 1;

    transform: scale(1);

    transition: 500ms ease;

}



.blog-one__single:hover .blog-one__image > img {

    opacity: 0.1;

    transform: scale(1.05);

}



.blog-one__image > a {

    color: #fff;

    font-size: 32px;

    position: absolute;

    top: calc(50% - 16px);

    left: calc(50% - 16px);

    opacity: 0;

    transform: perspective(100px) translateZ(40px);

    transition: opacity 0.4s ease, transform 0.4s ease;

}



.blog-one__single:hover .blog-one__image > a {

    opacity: 1;

    transform: perspective(100px) translateZ(0px);

    color: #fff;

}



/* blog Pagination */



.blog-pagination a {

    display: flex;

    justify-content: center;

    align-items: center;

    border: 1px solid #e4e7ee;

    border-radius: 4px;

    color: var(--thm-black);

    font-size: 18px;

    width: 54px;

    height: 54px;

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

    transition: 500ms ease;

}



.blog-pagination a + a {

    margin-left: 10px;

}



.blog-pagination a.current,

.blog-pagination a:hover {

    border-radius: 0px;

    border-top-left-radius: 50%;

    border-bottom-right-radius: 50%;

    background-color: var(--thm-base);

    border-color: var(--thm-base);

    color: #fff;

}



.blog-pagination a i {

    font-size: 24px;

}



/*--------------------------------------------------------------

## Blog Two

--------------------------------------------------------------*/



.blog-grid {

    padding-top: 120px;

    padding-bottom: 120px;

}



.blog-two__single {

    margin-bottom: 40px;

}



.blog-two__image {

    position: relative;

    overflow: hidden;

    background-color: var(--thm-black);

}



.blog-two__image > img {

    width: 100%;

    opacity: 1;

    transform: scale(1);

    transition: 500ms ease;

}



.blog-two__single:hover .blog-two__image > img {

    opacity: 0.1;

    transform: scale(1.05);

}



.blog-two__image > a:not(.blog-two__more-link) {

    color: #fff;

    font-size: 32px;

    position: absolute;

    top: calc(50% - 16px);

    left: calc(50% - 16px);

    opacity: 0;

    transform: perspective(100px) translateZ(40px);

    transition: opacity 0.4s ease, transform 0.4s ease;

}



.blog-two__single:hover .blog-two__image > a:not(.blog-two__more-link) {

    opacity: 1;

    transform: perspective(100px) translateZ(0px);

    color: #fff;

}



.blog-two__more-link {

    display: inline-block;

    vertical-align: middle;

    position: absolute;

    bottom: 0;

    left: 0;

    background-color: var(--thm-base);

    line-height: 34px;

    font-weight: 600;

    font-size: 18px;

    color: #fff;

    padding-left: 16px;

    padding-right: 16px;

    border-top-right-radius: 18px;

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

    transform: translateY(100%);

    z-index: 12;

    transition: 500ms ease;

}



.blog-two__more-link:hover {

    background-color: #fff;

    color: var(--thm-black);

}



.blog-two__single:hover .blog-two__more-link {

    transform: translateY(0%);

}



.blog-two__image::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 30px;

    width: 81px;

    height: 4px;

    z-index: 11;

    background-color: var(--thm-base);

    transform: scale(1, 1);

    transform-origin: bottom;

    transition: transform 500ms ease;

}



.blog-two__single:hover .blog-two__image::before {

    transform: scale(1, 0);

}



.blog-two__content {

    padding-top: 27px;

    padding-bottom: 24px;

    padding-left: 30px;

    padding-right: 30px;

    border-top: 3px solid var(--thm-base);

    background-color: #fff;

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

    transition: 500ms;

}



.blog-two__single:hover .blog-two__content {

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

}



.blog-two__image + .blog-two__content {

    border-top: 0;

    padding-top: 30px;

}



.blog-two__content .blog-one__category {

    margin: 0;

}



.blog-two__content h3 {

    color: var(--thm-black);

    font-weight: 600;

    font-size: 22px;

    line-height: 30px;

    margin: 0;

    margin-bottom: 18px;

    margin-top: 11px;

}



.blog-two__content h3 a {

    color: inherit;

    transition: all 500ms ease;

}



.blog-two__content h3 a:hover {

    color: var(--thm-base);

}



.blog-two__meta {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.blog-two__meta a {

    display: flex;

    align-items: center;

    font-size: 16px;

    color: #646a7a;

    transition: 700ms ease;

}



.blog-two__meta a:hover {

    color: var(--thm-base);

}



.blog-two__meta a:not(:last-of-type)::after {

    content: "";

    width: 1px;

    height: 14px;

    background-color: #d4d7de;

    margin-left: 10px;

    margin-right: 10px;

}



.blog-two__meta a i {

    font-size: 14px;

    position: relative;

    bottom: 2px;

    color: var(--thm-base);

    margin-right: 10px;

    transition: 0.7s ease;

}



.blog-two__meta a:hover i {

    color: var(--thm-black);

}



.blog-two__bg-post {

    width: 100%;

    height: 418px;

    position: relative;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}



.blog-two__bg-post::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: 1;

    transition: all 500ms ease;

    background-image: linear-gradient(

        0deg,

        var(--thm-black) 0%,

        rgba(255, 255, 255, 0) 50%,

        var(--thm-black) 100%

    );

}



.blog-two__bg-post .blog-two__content {

    border-top: 0;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    background-color: transparent;

    z-index: 10;

}



.blog-two__bg-post .blog-two__content .blog-one__category {

    margin-bottom: auto;

}



.blog-two__bg-post .blog-two__meta {

    margin-bottom: 0;

}



.blog-two__bg-post .blog-two__meta a,

.blog-two__bg-post .blog-two__meta a i,

.blog-two__bg-post .blog-two__content h3,

.blog-two__bg-post .blog-one__category {

    color: #fff;

}



.blog-two__bg-post .blog-two__meta a:hover {

    color: var(--thm-base);

}



.blog-two__bg-post .blog-two__meta a:not(:last-of-type)::after {

    background-color: #fff;

}



.blog-two__carousel-wrap + .blog-two__content {

    padding-top: 30px;

    border-top: 0;

}



.blog-two__carousel-wrap {

    position: relative;

}



.blog-two__carousel-nav {

    position: absolute;

    bottom: 0;

    right: 0;

    background-color: #fff;

    width: 60px;

    height: 36px;

    display: flex;

    z-index: 10;

    justify-content: center;

    align-items: center;

}



.blog-two__carousel-nav__right,

.blog-two__carousel-nav__left {

    font-size: 24px;

    color: var(--thm-black);

    transition: all 500ms ease;

    cursor: pointer;

}



.blog-two__carousel-nav__right {

    margin-right: 10px;

}



.blog-two__carousel-nav__right:hover,

.blog-two__carousel-nav__left:hover {

    color: var(--thm-base);

}



.blog-two__video {

    position: relative;

    overflow: hidden;

    background-color: var(--thm-black);

}



.blog-two__video + .blog-two__content {

    padding-top: 30px;

    border-top: 0;

}



.blog-two__video > img {

    width: 100%;

    opacity: 1;

    transform: scale(1);

    transition: transform 500ms ease, opacity 500ms ease;

}



.blog-two__single:hover .blog-two__video > img {

    opacity: 0.1;

    transform: scale(1.05);

}



.blog-two__video > a {

    position: absolute;

    top: 50%;

    left: 50%;

    font-size: 64px;

    color: #fff;

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

    transition: all 500ms ease;

}



.blog-two__video > a:hover {

    color: var(--thm-base);

}





.blog-grid__top {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: flex-end;

    margin-bottom: 50px;

}



.blog-grid__top .block-title {

    margin-bottom: 0;

}



.blog-grid__more-link a {

    display: flex;

    align-items: center;

    color: var(--thm-black);

    font-size: 18px;

    font-weight: 600;

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

    position: relative;

    bottom: 10px;

}

.blog-grid__more-link a:hover{

    color: var(--thm-base);

}

.blog-grid__more-link a:hover i {

    border-radius: 0%;

    border-top-right-radius: 50%;

    border-bottom-left-radius: 50%;

    background-color: var(--thm-black);

}

.blog-grid__more-link i {

    width: 44px;

    height: 44px;

    background-color: var(--thm-base);

    border-radius: 50%;

    border-top-right-radius: 0;

    border-bottom-left-radius: 0;

    display: flex;

    text-align: center;

    justify-content: center;

    color: #fff;

    font-size: 19px;

    margin-left: 20px;

    align-items: center;

    transition: 500ms;

}



/*--------------------------------------------------------------

## Blog Masonary

--------------------------------------------------------------*/



.blog-masonary {

    padding-top: 120px;

    padding-bottom: 120px;

}



.blog-masonary .blog-two__content {

    padding: 30px;

}



.blog-masonary .blog-two__content p {

    margin: 0;

    color: #646a7a;

    font-size: 18px;

    line-height: 26px;

    border-top: 1px solid #e4e7ee;

    margin-top: 23px;

    padding-top: 25px;

    margin-bottom: 24px;

}



.blog-masonary .blog-one__bottom {

    margin-top: 0;

}



.blog-masonary .blog-two__content h3 {

    margin: 0;

    margin-top: 10px;

    margin-bottom: 20px;

}



.blog-masonary .blog-pagination-two .thm-btn {

    background-color: var(--thm-black);

    color: #fff;

    margin-top: 20px;

}



.blog-masonary .blog-pagination-two .thm-btn:hover {

    background-color: var(--thm-base);

    color: #fff;

}



/*--------------------------------------------------------------

## Blog Sidebar

--------------------------------------------------------------*/



.blog-sidebar {

    padding-top: 120px;

    padding-left: 50px;

}



.blog-sidebar__single:not(:last-of-type) {

    margin-bottom: 50px;

}



.blog-sidebar__search {

    width: 100%;

    position: relative;

}



.blog-sidebar__search

    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {

    width: 100%;

    height: 100%;

    border: none;

    outline: none;

    border: 1px solid #e4e7ee;

    height: 60px;

    font-size: 18px;

    color: #646a7a;

    padding-left: 20px;

}



.blog-sidebar__search ::-webkit-input-placeholder {

    opacity: 1;

    color: #646a7a;

}



.blog-sidebar__search ::-moz-placeholder {

    opacity: 1;

    color: #646a7a;

}



.blog-sidebar__search :-ms-input-placeholder {

    opacity: 1;

    color: #646a7a;

}



.blog-sidebar__search ::-ms-input-placeholder {

    opacity: 1;

    color: #646a7a;

}



.blog-sidebar__search ::placeholder {

    opacity: 1;

    color: #646a7a;

}



.blog-sidebar__search button[type="submit"] {

    position: absolute;

    top: 50%;

    right: 20px;

    transform: translateY(-50%);

    color: var(--thm-black);

    border: none;

    outline: none;

    background-color: transparent;

    transition: all 500ms ease;

}



.blog-sidebar__search button[type="submit"]:hover {

    color: var(--thm-base);

}



.blog-sidebar__title {

    margin: 0;

    color: var(--thm-black);

    font-size: 22px;

    font-weight: 600;

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

    margin-bottom: 40px;

}



.blog-sidebar__title span {

    padding-bottom: 6px;

    display: inline-block;

    border-bottom: 2px solid var(--thm-base);

}



.blog-sidebar__gallery {

    display: flex;

    flex-wrap: wrap;

    margin-left: -5px;

    margin-right: -5px;

    margin-top: -10px;

}



.blog-sidebar__gallery li {

    flex: 1 1 33.333%;

    padding-left: 5px;

    padding-right: 5px;

    margin-top: 10px;

}



.blog-sidebar__gallery li a {

    width: 100%;

    display: block;

    background-color: var(--thm-black);

    overflow: hidden;

}



.blog-sidebar__gallery li a img {

    width: 100%;

    transition: transform 500ms ease, opacity 500ms ease;

    opacity: 1;

    transform: scale(1);

}



.blog-sidebar__gallery li:hover a img {

    opacity: 0.5;

    transform: scale(1.05);

}



.blog-sidebar__post {

    margin-bottom: 0;

    margin-top: -6px;

}



.blog-sidebar__post li {

    position: relative;

    padding-left: 65px;

}



.blog-sidebar__post li::before {

    content: "\f105";

    font-family: "Font Awesome 5 Pro";

    font-weight: 400;

    position: absolute;

    top: 6px;

    border-radius: 4px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    width: 44px;

    height: 44px;

    border: 1px solid #e4e7ee;

    left: 0;

    transition: all 500ms ease;

}



.blog-sidebar__post li:hover::before {

    border-radius: 0;

    border-top-left-radius: 50%;

    border-bottom-right-radius: 50%;

    border-color: var(--thm-base);

    background-color: var(--thm-base);

    color: #fff;

}



.blog-sidebar__post li {

    border-bottom: 1px solid rgba(212, 215, 222, 0.8);

    margin-bottom: 20px;

    padding-bottom: 18px;

}



.blog-sidebar__post li:last-of-type {

    margin-bottom: 0;

}



.blog-sidebar__post li h3 {

    margin: 0;

    color: var(--thm-black);

    font-size: 18px;

    line-height: 26px;

    font-weight: 600;

    margin-bottom: 5px;

}



.blog-sidebar__post li h3 a {

    color: inherit;

    transition: 500ms ease;

}



.blog-sidebar__post li h3:hover a {

    color: var(--thm-base);

}



.blog-sidebar__post li span {

    color: #646a7a;

    font-size: 16px;

    display: flex;

    align-items: center;

}



.blog-sidebar__post li span i {

    color: var(--thm-base);

    font-size: 14px;

    position: relative;

    top: -1px;

    margin-right: 7px;

}



.blog-sidebar__tags {

    margin-bottom: 0;

    display: flex;

    flex-wrap: wrap;

    margin-left: -10px;

    margin-top: -10px;

}



.blog-sidebar__tags a {

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #e4e7ee;

    font-size: 18px;

    color: var(--thm-black);

    margin-left: 10px;

    margin-top: 10px;

    padding: 4px 13.6px;

    transition: all 500ms ease;

}



.blog-sidebar__tags a:hover {

    background-color: var(--thm-base);

    border-color: var(--thm-base);

    color: #fff;

}



.blog-sidebar__categories li {

    display: flex;

    align-items: center;

    width: 100%;

}



.blog-sidebar__categories li a {

    display: block;

    line-height: 55px;

    color: #646a7a;

    font-size: 18px;

    border-top: 1px solid #e4e7ee;

    border-left: 1px solid #e4e7ee;

    border-right: 1px solid #e4e7ee;

    position: relative;

    width: 100%;

    padding-left: 20px;

    transition: all 500ms ease;

}



.blog-sidebar__categories li:last-child a{

    border-bottom: 1px solid #e4e7ee;

}



.blog-sidebar__categories li:hover a {

    background-color: var(--thm-base);

    color: #fff;

    padding-left: 35px;

}



.blog-sidebar__categories li a::before {

    content: "\f105";

    font-family: "Font Awesome 5 Pro";

    font-weight: 400;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 20px;

    color: #fff;

    opacity: 0;

    visibility: hidden;

    transition: all 500ms ease;

}



.blog-sidebar__categories li:hover a::before {

    opacity: 1;

    visibility: visible;

}



.blog-sidebar__categories li a span {

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    border-left: 1px solid #e4e7ee;

    width: 55px;

    height: 55px;

    position: absolute;

    top: 0;

    right: 0;

    transition: border 500ms ease;

}



.blog-sidebar__categories li:hover a span {

    border-color: var(--thm-base);

}



.blog-sidebar__subscribe {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top right;

    padding-left: 30px;

    padding-right: 30px;

    padding-bottom: 32px;

    padding-top: 265px;

}



.blog-sidebar__subscribe .mc-form {

    position: relative;

}



.blog-sidebar__subscribe .mc-form input[type="email"] {

    width: 100%;

    height: 56px;

    background-color: transparent;

    background-color: #fff;

    border: none;

    border-radius: 4px;

    outline: none;

    padding-left: 20px;

    color: #646a7a;

    font-size: 18px;

}



.blog-sidebar__subscribe .mc-form ::-webkit-input-placeholder {

    color: #646a7a;

    opacity: 1;

}



.blog-sidebar__subscribe .mc-form ::-moz-placeholder {

    color: #646a7a;

    opacity: 1;

}



.blog-sidebar__subscribe .mc-form :-ms-input-placeholder {

    color: #646a7a;

    opacity: 1;

}



.blog-sidebar__subscribe .mc-form ::-ms-input-placeholder {

    color: #646a7a;

    opacity: 1;

}



.blog-sidebar__subscribe .mc-form ::placeholder {

    color: #646a7a;

    opacity: 1;

}



.blog-sidebar__subscribe .mc-form button[type="submit"] {

    width: 56px;

    height: 56px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    font-size: 24px;

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

    color: #fff;

    border: none;

    outline: none;

    position: absolute;

    top: 0;

    right: 0;

    background-color: var(--thm-base);

}



.blog-sidebar__subscribe .mc-form__response a {

    color: var(--thm-base);

}



.blog-sidebar__subscribe p {

    font-size: 16px;

    color: #9aa0af;

    margin-top: 15px;

}



.blog-sidebar__subscribe p span {

    font-size: 18px;

}



.blog-sidebar__subscribe h3 {

    margin: 0;

    color: #fff;

    font-size: 22px;

    line-height: 30px;

    font-weight: 600;

    margin-bottom: 23px;

}



.blog-sidebar__subscribe-icon {

    width: 124px;

    height: 124px;

    border-radius: 50%;

    background-color: var(--thm-base);

    border: 12px solid #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 48px;

    color: #fff;

    margin-bottom: 33px;

}



/*--------------------------------------------------------------

## Blog details

--------------------------------------------------------------*/



.blog-details__main .blog-one__content {

    box-shadow: none;

    padding: 0;

}



.blog-details__main .blog-one__meta {

    border-bottom: 0;

    margin-bottom: 0;

}

.blog-details__form {

    padding-top: 60px;

    border-top: 1px solid #e4e7ee;

}

.blog-details__form h3 {

    margin: 0;

    color: var(--thm-black);

    font-size: 30px;

    font-weight: bold;

}

.blog-details__form p {

    margin: 0;

    color: #646a7a;

    font-size: 18px;

    margin-top: 5px;

    margin-bottom: 30px;

}

.blog-details__form textarea,

.blog-details__form

    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {

    width: 100%;

    border: none;

    outline: none !important;

    border: 1px solid #e4e7ee;

    display: block;

    font-size: 18px;

    color: #646a7a;

    height: 60px;

    padding-left: 20px;

    margin-bottom: 30px;

}

.blog-details__form textarea {

    height: 160px;

    padding-top: 20px;

}



.blog-details__form ::-webkit-input-placeholder {

    opacity: 1;

    color: #646a7a;

}



.blog-details__form ::-moz-placeholder {

    opacity: 1;

    color: #646a7a;

}



.blog-details__form :-ms-input-placeholder {

    opacity: 1;

    color: #646a7a;

}



.blog-details__form ::-ms-input-placeholder {

    opacity: 1;

    color: #646a7a;

}



.blog-details__form ::placeholder {

    opacity: 1;

    color: #646a7a;

}



.blog-details__form-btn {

    background-color: var(--thm-black);

    color: #fff;

    font-size: 18px;

    font-weight: 600;

    padding: 17px 60px;

}

.blog-details__form-btn:hover {

    background-color: var(--thm-base);

    color: #fff;

}



.blog-details__hide-comment {

    display: flex;

    color: #fff;

    font-size: 22px;

    font-weight: 600;

    background-color: var(--thm-base);

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

    align-items: center;

    text-align: center;

    justify-content: center;

    transition: 500ms;

    padding-top: 19.5px;

    padding-bottom: 19.5px;

}

.blog-details__hide-comment:hover {

    background-color: var(--thm-black);

    color: #fff;

}



.blog-details__paginations {

    display: flex;

    flex-wrap: wrap;

    margin-top: 70px;

    margin-bottom: 70px;

}



.blog-details__paginations-left,

.blog-details__paginations-right {

    flex: 0 0 50%;

    padding-right: 95px;

    padding-left: 15px;

    padding-top: 33px;

    text-align: right;

}

.blog-details__paginations-left {

    border-right: 1px solid #e4e7ee;

    padding-right: 15px;

    padding-left: 95px;

    text-align: left;

}

[class*="blog-details__paginations-"] {

    position: relative;

}

[class*="blog-details__paginations-"] h3 {

    color: var(--thm-black);

    font-size: 18px;

    line-height: 28px;

    font-weight: 600;

    margin: 0;

    margin-top: -5px;

}

[class*="blog-details__paginations-"] h3 a {

    color: inherit;

    transition: 500ms;

}

[class*="blog-details__paginations-"] h3 a:hover {

    color: var(--thm-base);

}

[class*="blog-details__paginations-"] > a {

    position: absolute;

    top: 0;

    left: 0;

    display: flex;

    align-items: center;

    line-height: 1em;

    flex-direction: row;

    font-size: 18px;

    font-weight: 500;

    color: #646a7a;

    transition: 500ms;

}

[class*="blog-details__paginations-"] > a i {

    margin-right: 10px;

    font-size: 15px;

}

[class*="blog-details__paginations-right"] > a i {

    margin-left: 10px;

    margin-right: 0;

}

[class*="blog-details__paginations-right"] > a {

    left: auto;

    right: 0;

    flex-direction: row-reverse;

}

[class*="blog-details__paginations-"] > a:hover {

    color: var(--thm-base);

}

[class*="blog-details__paginations-"] > img {

    position: absolute;

    top: 33px;

    left: 0;

}

[class*="blog-details__paginations-right"] > img {

    left: auto;

    right: 0;

}



[class*="blog-details__paginations-"] p {

    margin: 0;

    color: #646a7a;

    font-size: 16px;

    display: flex;

    align-items: center;

}

[class*="blog-details__paginations-right"] p {

    justify-content: flex-end;

}

[class*="blog-details__paginations-"] p i {

    color: var(--thm-base);

    font-size: 14px;

    margin-right: 10px;

}



.blog-details__author {

    border: 1px solid #e4e7ee;

    padding: 40px;

    padding-bottom: 35px;

    display: flex;

    margin-top: 70px;

}



.blog-details__author-content {

    padding-left: 30px;

}



.blog-details__author-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 15px;

}



.blog-details__author-top h3 {

    margin: 0;

    color: var(--thm-black);

    margin-top: -8px;

    font-size: 22px;

    font-weight: 600;

}

.blog-details__author-top p {

    margin: 0;

    font-size: 18px;

    line-height: 26px;

    color: #9aa0af;

}

.blog-details__author-top p a {

    color: inherit;

    transition: 500ms ease;

}

.blog-details__author-top p a:hover {

    color: var(--thm-black);

}

.blog-details__author-content p {

    margin: 0;

    color: #646a7a;

    font-size: 18px;

    line-height: 26px;

}



.blog-details__author-profile {

    display: flex;

    align-items: center;

    margin-top: 17px;

}



.blog-details__author-profile span,

.blog-details__author-profile a {

    margin: 0;

    font-size: 18px;

    font-weight: 500;

    color: var(--thm-black);

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

}

.blog-details__author-profile span {

    margin-right: 10px;

}

.blog-details__author-profile a {

    font-size: 16px;

}

.blog-details__author-profile a + a {

    margin-left: 20px;

}



.blog-details__share {

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: relative;

}

.blog-details__share::before {

    position: absolute;

    content: "";

    top: 50%;

    left: 0;

    width: 100%;

    height: 1px;

    transform: translateY(-50%);

    background-color: #e4e7ee;

}



.blog-details__tags {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    position: relative;

}

.blog-details__tags a {

    border: 1px solid #e4e7ee;

    color: var(--thm-black);

    font-size: 18px;

    transition: 500ms;

    padding: 4px 14px;

    transition: 500ms ease;

    background-color: #fff;

}

.blog-details__tags a:hover {

    color: #fff;

    border-color: var(--thm-base);

    background-color: var(--thm-base);

}

.blog-details__tags a + a {

    margin-left: 10px;

}



.blog-details__social {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.blog-details__social a {

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #fff;

    border: 1px solid #e4e7ee;

    color: #9aa0af;

    font-size: 16px;

    width: 36px;

    height: 36px;

    position: relative;

    transition: 500ms ease;

}

.blog-details__social a:hover {

    color: #fff;

    background-color: var(--thm-base);

    border-color: var(--thm-base);

}

.blog-details__social a + a {

    margin-left: 10px;

}



/* blog details image col */



.blog-details__image-column {

    display: flex;

    margin-top: 30px;

}

.blog-details__image-column:not(:last-of-type) {

    border-bottom: 1px solid #e4e7ee;

    padding-bottom: 40px;

    margin-bottom: 40px;

}



.blog-details__image-column:last-of-type {

    margin-bottom: 0;

}



.blog-details__image-column-content {

    padding-left: 30px;

}

.blog-details__image-column-content h4 {

    color: var(--thm-black);

    font-size: 22px;

    margin: 0;

    font-weight: 600;

    margin-bottom: 14px;

}



.blog-details__main .blog-one__single {

    margin-bottom: 70px;

}



.blog-details__content h3 {

    margin: 0;

    color: var(--thm-black);

    font-weight: 600;

    font-size: 30px;

    margin-top: 40px;

    margin-bottom: 25px;

}



.blog-details__list {

    margin-top: 20px;

}

.blog-details__list li {

    position: relative;

    padding-left: 30px;

    font-size: 18px;

    color: #646a7a;

}

.blog-details__list li + li {

    margin-top: 10px;

}

.blog-details__list li::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    width: 20px;

    height: 20px;

    background-image: url(../images/shapes/blog-details-bullet.png);

    background-repeat: no-repeat;

}



.blog-details__image {

    margin-bottom: 50px;

}



.blog-details__content p span {

    color: var(--thm-black);

    font-weight: 500;

}



.blog-details__content .letter-caps {

    display: block;

    float: left;

    width: 54px;

    height: 54px;

    background-color: var(--thm-black);

    font-size: 36px;

    color: #fff;

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

    text-transform: uppercase;

    font-weight: 600;

    margin-right: 20px;

    margin-bottom: 20px;

    line-height: 54px;

    text-align: center;

    position: relative;

    top: 10px;

    border-radius: 4px;

}



.blog-details__content blockquote {

    border: 3px solid var(--thm-base);

    position: relative;

    padding-left: 50px;

    padding-right: 50px;

    padding-top: 40px;

    padding-bottom: 45px;

    margin-bottom: 50px;

    margin-top: 50px;

}

.blog-details__content blockquote p {

    margin: 0;

    position: relative;

    font-size: 22px;

    line-height: 32px;

    font-weight: 500;

    color: var(--thm-black);

}

.blog-details__content blockquote p::before {

    content: "";

    width: 10px;

    height: 9px;

    background-image: url(../images/shapes/blog-details-qoute-1-1.png);

    background-repeat: no-repeat;

    position: absolute;

    top: 0;

    right: calc(100% + 10px);

}

.blog-details__content blockquote p::after {

    content: "";

    display: inline-block;

    vertical-align: super;

    width: 10px;

    background-image: url(../images/shapes/blog-details-qoute-1-2.png);

    background-repeat: no-repeat;

    height: 9px;

    margin-left: 10px;

}

.blog-details__content blockquote h4 {

    margin: 0;

    width: 200px;

    border: 3px solid var(--thm-base);

    line-height: 46px;

    text-transform: uppercase;

    font-size: 16px;

    color: #646a7a;

    background-color: #fff;

    position: absolute;

    bottom: 0;

    left: 40px;

    transform: translateY(50%);

    text-align: center;

}



.blog-details__content p {

    margin-bottom: 0;

}

.blog-details__content p + p {

    margin-top: 30px;

}



/*--------------------------------------------------------------

# Comment One

--------------------------------------------------------------*/



.blog-details__comment-block {

    padding-top: 40px;

}

.blog-details__comment-block > h3 {

    margin: 0;

    font-size: 30px;

    font-weight: bold;

    color: var(--thm-black);

    margin-bottom: 40px;

}

.comment-one__single + .comment-one__single {

    border-top: 1px solid #e4e7ee;

    padding-top: 40px;

}

.comment-one__single {

    position: relative;

    padding-left: 120px;

    padding-bottom: 30px;

}

.comment-one__single > img {

    position: absolute;

    top: 0;

    left: 0;

}

.comment-one__single + .comment-one__single > img {

    top: 40px;

}



.comment-one__single h3 {

    margin: 0;

    font-size: 20px;

    font-weight: 600;

    display: flex;

    align-items: flex-end;

    color: var(--thm-black);

    margin-top: -5px;

    margin-bottom: 10px;

}

.comment-one__single h3 > span {

    color: #9aa0af;

    font-weight: 500;

    font-size: 16px;

    margin-left: 10px;

}



.comment-one__single p {

    margin: 0;

    color: #6a6a7a;

    font-size: 18px;

    line-height: 28px;

    margin-bottom: 15px;

}

.comment-one__reply {

    font-size: 18px;

    font-weight: 500;

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

    color: var(--thm-base);

    transition: all 500ms ease;

}

.comment-one__reply:hover {

    color: var(--thm-black);

}



/*--------------------------------------------------------------

# Case One

--------------------------------------------------------------*/



.case-one {

    padding-top: 120px;

    padding-bottom: 120px;

}



.case-one__single {

    margin-bottom: 30px;

}



.case-one__image {

    overflow: hidden;

    background-color: var(--thm-black);

    position: relative;

}



.case-one__image > img {

    width: 100%;

    opacity: 1;

    transform: scale(1);

    transition: transform 500ms ease, opacity 500ms ease;

}



.case-one__single:hover .case-one__image > img {

    opacity: 0.1;

    transform: scale(1.05);

}



.case-one__more-link {

    border-radius: 0;

    background-color: #fff;

    width: 56px;

    height: 56px;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #9aa0af;

    border: 1px solid #e4e7ee;

    font-size: 24px;

    transition: all 500ms ease;

    position: absolute;

    top: -28px;

    right: 30px;

    z-index: 10;

}



.case-one__single:hover .case-one__more-link,

.case-one__more-link:hover {

    background-color: var(--thm-base);

    border-color: var(--thm-base);

    border-radius: 50%;

    border-top-right-radius: 0;

    border-bottom-left-radius: 0;

    color: #fff;

}



.case-one__content {

    padding-left: 30px;

    padding-right: 30px;

    padding-bottom: 32px;

    background-color: #fff;

    position: relative;

    padding-top: 35px;

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

}



.case-one__content h3 {

    margin: 0;

    font-size: 22px;

    font-weight: 600;

    color: var(--thm-black);

    border-bottom: 1px solid #e4e7ee;

    position: relative;

    padding-bottom: 15px;

    margin-bottom: 21px;

}



.case-one__content h3::before {

    content: "";

    width: 50px;

    height: 1px;

    background-color: var(--thm-base);

    position: absolute;

    bottom: -1px;

    left: 2px;

    transition: all 500ms ease;

}



.case-one__single:hover .case-one__content h3::before {

    width: 100%;

}



.case-one__content h3 a {

    color: inherit;

}



.case-one__content p {

    margin: 0;

    font-size: 18px;

    line-height: 26px;

    color: #646a7a;

}



.case-one .blog-pagination {

    margin-top: 20px;

}



.case-one__meta {

    display: flex;

    margin-bottom: 12px;

}



.case-one__meta a {

    display: flex;

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

    color: #646a7a;

    font-weight: 600;

    font-size: 14px;

    text-transform: uppercase;

    align-items: center;

    transition: all 500ms ease;

}



.case-one__meta a:hover {

    color: var(--thm-base);

}



.case-one__meta a i {

    font-size: 14px;

    margin-right: 10px;

    color: var(--thm-base);

}



.case-one__meta a:hover i {

    color: var(--thm-black);

}



.case-one__content p {

    margin: 0;

    font-size: 18px;

    line-height: 26px;

    color: #646a7a;

}



/* case one filter */



.case-post-filter {

    display: flex;

    margin: 0;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    margin-bottom: 56px;

}



.case-post-filter li {

    cursor: pointer;

    display: flex;

    align-items: center;

    text-align: center;

    justify-content: center;

    line-height: 1em;

}



.case-post-filter li + li {

    margin-left: 37px;

}



.case-post-filter li span {

    font-size: 18px;

    font-weight: 500;

    color: var(--thm-black);

    transition: 0.5s ease;

    display: flex;

    align-items: center;

    position: relative;

    padding-left: 13px;

    line-height: 1em;

}



.case-post-filter li span::before {

    content: "";

    width: 3px;

    height: 13px;

    background-color: var(--thm-base);

    position: absolute;

    top: 50%;

    left: 0;

    opacity: 0;

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

    transform-origin: top;

    transition: transform 500ms ease, opacity 500ms ease;

}



.case-post-filter li.active span,

.case-post-filter li:hover span {

    color: var(--thm-base);

}



.case-post-filter li.active span::before,

.case-post-filter li:hover span::before {

    opacity: 1;

    transform-origin: bottom;

    transform: translateY(-50%) scale(1, 1);

}



/*--------------------------------------------------------------

## Case Two

--------------------------------------------------------------*/



.case-two__single {

    position: relative;

    width: 100%;

    height: 370px;

    margin-bottom: 30px;

    background-color: var(--thm-black);

}



.case-two__image {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    transition: all 500ms ease;

    opacity: 1;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}



.case-two__single:hover .case-two__image {

    opacity: 0.2;

}



.case-two__content {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    padding-left: 30px;

    padding-bottom: 40px;

    transition: 500ms ease;

}



.case-two__content::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: 1;

    transition: all 500ms ease;

    background-image: linear-gradient(

        0deg,

        var(--thm-black) 0%,

        rgba(255, 255, 255, 0) 60%

    );

}



.case-one__single:hover .case-two__content::before {

    opacity: 0;

}



.case-two__single:hover .case-two__content {

    background-image: none;

}



.case-two__more-link {

    position: absolute;

    top: 30px;

    right: 30px;

    width: 56px;

    height: 56px;

    border: 2px solid #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    color: #fff;

    transition: all 500ms ease;

    z-index: 10;

}



.case-two__single:hover .case-two__more-link,

.case-two__more-link:hover {

    font-size: 24px;

    color: #fff;

    border-top-left-radius: 50%;

    border-bottom-right-radius: 50%;

    background-color: var(--thm-base);

    border-color: var(--thm-base);

}



.case-two__content h3 {

    position: relative;

    color: #fff;

    font-size: 22px;

    font-weight: 600;

    margin: 0;

    line-height: 1em;

    z-index: 10;

    padding-top: 20px;

    margin-top: 20px;

}



.case-two__content h3::before {

    content: "";

    width: 50px;

    height: 2px;

    background-color: #fff;

    position: absolute;

    top: 0;

    left: 0;

}



.case-two__content h3 a {

    color: inherit;

    transition: all 500ms ease;

}



.case-two__content h3 a:hover {

    color: var(--thm-base);

}



.case-two__meta {

    position: relative;

    z-index: 10;

    display: flex;

    align-items: center;

}



.case-two__meta a {

    line-height: 1em;

    color: #fff;

    transition: all 500ms ease;

}



.case-two__meta a:hover {

    color: var(--thm-base);

}



/*--------------------------------------------------------------

## Case Three

--------------------------------------------------------------*/



.case-three__carousel .owl-dots {

    display: flex;

    justify-content: flex-end;

    padding-right: 30px;

}



.case-three__carousel .case-two__more-link {

    top: auto;

    bottom: 30px;

    background-color: #fff;

    color: var(--thm-black);

    z-index: 20;

}

.case-three__carousel .case-two__more-link:hover {

    background-color: var(--thm-base);

    color: #fff;

}





/*--------------------------------------------------------------

## Case Details

--------------------------------------------------------------*/



.case-details__main {

    padding-top: 105px;

    padding-bottom: 60px;

}



.case-details__meta hr {

    margin: 0;

    border-color: #e4e7ee;

}



[class*="col-"]:not(:last-of-type) .case-details__meta-single {

    border-right: 1px solid #e4e7ee;

}



.case-details__meta-single {

    position: relative;

    padding-left: 115px;

    margin-top: 30px;

    margin-bottom: 30px;

}



.case-details__meta-single i {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    font-size: 60px;

    color: var(--thm-base);

    left: 0;

}

[class*="col-"]:first-of-type .case-details__meta-single {

    padding-left: 85px;

}

[class*="col-"]:not(:first-of-type) .case-details__meta-single i {

    left: 30px;

}



.case-details__meta-single h3 {

    margin: 0;

    font-size: 22px;

    font-weight: 600;

    color: var(--thm-black);

    position: relative;

    padding-top: 10px;

}

.case-details__meta-single h3::before {

    content: "";

    width: 50px;

    height: 2px;

    background-color: var(--thm-base);

    position: absolute;

    top: 0;

    left: 0;

}

.case-details__meta-single p {

    margin: 0;

    font-size: 18px;

    color: #646a7a;

}



.case-details__content-icon {

    width: 90px;

    height: 90px;

    background-color: var(--thm-black);

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    margin-bottom: 30px;

}

.case-details__content-icon i {

    font-size: 50px;

    color: var(--thm-base);

}

.case-details__content h3 {

    margin: 0;

    color: var(--thm-black);

    font-weight: bold;

    line-height: 1.2;

    font-size: 30px;

    margin-bottom: 26px;

}

.case-details__content p {

    margin: 0;

    font-size: 18px;

    line-height: 1.44;

    color: #646a7a;

}



.case-details__content-link {

    display: inline-block;

    color: var(--thm-black);

    font-size: 18px;

    font-weight: 600;

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

    line-height: 1;

    transition: 500ms;

    border-bottom: 2px solid #c6ccd2;

    padding-bottom: 5px;

    margin-top: 30px;

}

.case-details__content-link:hover {

    color: var(--thm-base);

}

.case-details__content-link:hover i {

    color: var(--thm-black);

}

.case-details__content-link i {

    color: var(--thm-base);

    font-size: 20px;

    margin-right: 10px;

}



.case-details__challenge:not(:last-of-type) {

    margin-bottom: 110px;

}



.case-details__images {

    position: relative;

    margin-bottom: 40px;

}

.case-details__images::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 40px;

    background-color: var(--thm-base);

    height: 2px;

    width: 70px;

    z-index: 10;

    display: block;

}

.case-details__images h3 {

    margin-bottom: 0;

    position: absolute;

    bottom: 40px;

    left: 40px;

    line-height: 1;

    font-size: 30px;

    font-weight: 600;

    color: #fff;

}



.case-details__list {

    margin-bottom: 0;

    margin-top: 30px;

}

.case-details__list li {

    position: relative;

    padding-left: 75px;

}

.case-details__list li + li {

    margin-top: 35px;

}

.case-details__list li > i {

    color: var(--thm-base);

    font-size: 16px;

    left: 40px;

    top: 5px;

    position: absolute;

}

.case-details__list li h4 {

    margin: 0;

    color: var(--thm-black);

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 10px;

}

.case-details__pagination hr {

    border-color: #e4e7ee;

    margin: 0;

    margin-bottom: 40px;

    margin-top: 80px;

}

.case-details__pagination-left,

.case-details__pagination-right {

    display: flex;

    align-items: center;

}

.case-details__pagination-content p {

    text-transform: uppercase;

    color: #646a7a;

    font-size: 14px;

    display: flex;

    align-items: center;

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

    font-weight: 600;

    line-height: 1;

    margin: 0;

}

.case-details__pagination-content p i {

    color: var(--thm-base);

    margin-right: 10px;

}

.case-details__pagination-right .case-details__pagination-content p i {

    margin-right: 0;

    margin-left: 10px;

}

.case-details__pagination-right .case-details__pagination-content p {

    flex-direction: row-reverse;

}

.case-details__pagination-right {

    flex-direction: row-reverse;

}



.case-details__pagination-right .case-details__pagination-content {

    text-align: right;

}



.case-details__pagination-content span {

    display: flex;

    align-items: center;

    color: #646a7a;

    font-size: 18px;

    line-height: 1;

    font-weight: 500;

}

.case-details__pagination-content span i {

    margin-right: 10px;

}

.case-details__pagination-content h3 a {

    color: inherit;

    transition: 500ms;

}

.case-details__pagination-content h3 a:hover {

    color: var(--thm-base);

}

.case-details__pagination-content h3 {

    margin: 0;

    color: var(--thm-black);

    font-size: 20px;

    font-weight: 600;

    line-height: 1.5;

    margin-top: 5px;

    margin-bottom: 15px;

}

.case-details__pagination-right .case-details__pagination-content span {

    flex-direction: row-reverse;

}

.case-details__pagination-right .case-details__pagination-content span i {

    margin-right: 0;

    margin-left: 10px;

}



.case-details__pagination-thumb {

    margin-right: 20px;

}

.case-details__pagination-right .case-details__pagination-thumb {

    margin-right: 0;

    margin-left: 20px;

}

.case-details__pagination-more {

    font-size: 37px;

    color: #9aa0af;

    transition: 500ms;

}

.case-details__pagination-more:hover {

    color: var(--thm-base);

}

.related-cases {

    padding-bottom: 120px;

    padding-top: 110px;

}

.related-cases__title {

    margin: 0;

    color: var(--thm-black);

    font-size: 30px;

    font-weight: bold;

    line-height: 1.133;

    margin-bottom: 30px;

}

.related-cases .case-two__single {

    margin-bottom: 0;

}



/*--------------------------------------------------------------

# Industries One

--------------------------------------------------------------*/



.industries-one {

    padding-top: 120px;

    padding-bottom: 90px;

}



.industries-one__single {

    margin-bottom: 30px;

}



.industries-one__image {

    overflow: hidden;

    background-color: var(--thm-black);

}



.industries-one__image > img {

    width: 100%;

    opacity: 1;

    transform: scale(1);

    transition: opacity 500ms ease, transform 500ms ease;

}



.industries-one__single:hover .industries-one__image > img {

    transform: scale(1.05);

    opacity: 0.1;

}



.industries-one__content {

    background-color: #fff;

    position: relative;

    transition: all 500ms ease;

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

}



.industries-one__single:hover .industries-one__content {

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

}



.industries-one__content h3 {

    color: var(--thm-black);

    font-size: 22px;

    font-weight: 600;

    margin: 0;

    padding-bottom: 15px;

    margin-bottom: 16px;

    border-bottom: 1px solid #e4e7ee;

}



.industries-one__content h3 a {

    color: inherit;

    transition: all 500ms ease;

}



.industries-one__content h3 a:hover {

    color: var(--thm-base);

}



.industries-one__content p {

    margin: 0;

    font-size: 18px;

    line-height: 26px;

    color: #646a7a;

}



.industries-one__content-left {

    width: calc(100% - 80px);

    padding-left: 20px;

    padding-right: 20px;

    padding-top: 25px;

    padding-bottom: 22px;

}



.industries-one__content-right {

    width: 80px;

    background-color: #f1f3f5;

    display: flex;

    flex-direction: column;

    border: 1px solid #e4e7ee;

    border-top: 0;

    border-bottom: 0;

    position: absolute;

    top: 0;

    right: 0;

    height: 100%;

    transform: scale(1, 1);

    transform-origin: left;

    transition: transform 500ms ease;

}



.industries-one__single:hover .industries-one__content-right {

    transform-origin: right;

    transform: scale(0, 1);

}



.industries-one__icon i {

    font-size: 56px;

    color: var(--thm-base);

}



.industries-one__icon {

    height: 110px;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.industries-one__more-link {

    width: 100%;

    background-color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    position: absolute;

    bottom: 0;

    left: 0;

}



.industries-one__more-link i {

    font-size: 24px;

    color: #9aa0af;

    line-height: 47px;

}



.industries-one__content-hover {

    position: absolute;

    top: 0;

    right: 0;

    opacity: 0;

    transform: translateX(10px);

    transition: opacity 500ms ease, transform 500ms ease;

    border: 1px solid #e4e7ee;

    padding-bottom: 16px;

    border-top: 0;

    border-bottom: 0;

    width: 80px;

    height: 100%;

    background-color: #f1f3f5;

    display: flex;

    justify-content: center;

    align-items: center;

}



.industries-one__single:hover .industries-one__content-hover {

    opacity: 1;

    transform: translateX(0px);

}



.industries-one__content-hover a {

    display: flex;

    text-transform: uppercase;

    align-items: center;

    transform: rotate(-90deg) translateY(50%) translateX(-8%);

    transform-origin: center bottom;

    color: var(--thm-black);

    font-size: 18px;

    font-weight: 700;

}



.industries-one__content-hover a i {

    font-size: 24px;

    color: var(--thm-base);

    margin-right: 10px;

}



.industries-one__content-hover > i {

    position: absolute;

    top: 0;

    left: 50%;

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

    background-color: var(--thm-base);

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    width: 66px;

    height: 66px;

    border-radius: 50%;

    font-size: 42px;

}



/*--------------------------------------------------------------

# Industries Detailsj

--------------------------------------------------------------*/



.industries-details {

    padding-top: 120px;

    padding-bottom: 120px;

}



.industries-details__gallery {

    width: 100%;

    display: grid;

    grid-gap: 10px;

    margin-bottom: 50px;

    grid-template-columns: 1fr 1fr 1fr 1fr;

}



.industries-details__gallery-image:nth-child(1) {

    grid-column-start: 1;

    grid-column-end: 3;

}

.industries-details__gallery-image:nth-child(6) {

    grid-column-start: 3;

    grid-column-end: -1;

}



.industries-details__content .block-title {

    margin-bottom: 20px;

}



.industries-details__tab {

    padding: 40px 30px;

    background-color: #fff;

    margin-top: 50px;

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

}



.industries-details__tab-list {

    margin-bottom: 0;

    border: 1px solid #e4e7ee;

    display: flex;

}



.industries-details__tab-list li + li {

    border-top: 1px solid #e4e7ee;

}



.industries-details__tab-list li {

    background-color: #fff;

    flex: 1 1 100%;

    transition: 500ms;

    position: relative;

}

.industries-details__tab-list li::before {

    content: "";

    position: absolute;

    left: -10px;

    top: 0;

    width: calc(100% + 10px);

    height: 100%;

    background-color: var(--thm-base);

    transform: scaleX(0);

    transform-origin: left top;

    transition: transform 500ms ease;

}

.industries-details__tab-list li.active::before,

.industries-details__tab-list li:hover::before {

    transform: scaleX(1);

}

.industries-details__tab-list li::after {

    content: "";

    position: absolute;

    top: 100%;

    left: -10px;

    width: 10px;

    height: 15px;

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

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

    background-color: #861333;

    opacity: 0;

    transition: opacity 500ms ease;

}

.industries-details__tab-list li.active::after,

.industries-details__tab-list li:hover::after {

    opacity: 1;

}

.industries-details__tab-list li:hover {

    background-color: var(--thm-base);

}

.industries-details__tab-list li a {

    color: var(--thm-black);

    font-size: 20px;

    line-height: 30px;

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

    font-weight: 600;

    display: block;

    padding-top: 20px;

    padding-bottom: 20px;

    padding-left: 30px;

    padding-right: 30px;

    transition: 500ms;

    position: relative;

    background-color: transparent;

    border: none !important;

}

.industries-details__tab-list li.active a,

.industries-details__tab-list li.active a.nav-link,

.industries-details__tab-list li:hover a.nav-link,

.industries-details__tab-list li:hover a {

    color: #fff;

    background-color: var(--thm-base);

}



.industries-details__tab-box img {

    max-width: 100%;

}

.industries-details__tab-box p {

    margin: 0;

    margin-top: 20px;

    margin-bottom: 10px;

}

.industries-details__tab-box a {

    color: var(--thm-black);

    font-size: 18px;

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

    font-weight: 600;

    transition: 500ms;

}

.industries-details__tab-box a:hover {

    color: var(--thm-base);

}

.industries-details__tab-box a i {

    font-size: 19px;

    position: relative;

    top: 1px;

    margin-left: 5px;

}



.industries-details__form {

    margin-top: 40px;

}

.industries-details__form textarea,

.industries-details__form .bootstrap-select > .dropdown-toggle,

.industries-details__form

    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {

    width: 100%;

    border: none;

    outline: none !important;

    background-color: #fff;

    border-radius: 0;

    border: 1px solid #e4e7ee;

    color: #646a7a;

    font-size: 18px;

    padding-left: 20px;

    height: 60px;

    margin-bottom: 20px;

    display: block;

}

.industries-details__form textarea {

    height: 120px;

    padding-top: 15px;

}



.industries-details__form ::placeholder {

    opacity: 1;

    color: #646a7a;

}

.industries-details__form .bootstrap-select > .dropdown-toggle .filter-option {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

}



.industries-details__form .dropdown-toggle::after {

    position: absolute;

    top: 50%;

    right: 20px;

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

    transform: translateY(-3px);

}

.industries-details__form

    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {

    width: 100%;

}



.industries-details__form .thm-btn {

    padding: 17px 60.4px;

    color: #fff;

    background-color: var(--thm-black);

}

.industries-details__form .thm-btn:hover {

    background-color: var(--thm-base);

    color: #fff;

}



.industries-details__form h3 {

    margin: 0;

    font-size: 30px;

    font-weight: bold;

    color: var(--thm-black);

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

    margin-bottom: 10px;

}

.industries-details__form p {

    font-size: 18px;

    line-height: 26px;

    color: #646a7a;

    margin: 0;

    margin-bottom: 32px;

}



/*--------------------------------------------------------------

# Industries Sidebar

--------------------------------------------------------------*/



.industries-sidebar__single + .industries-sidebar__single {

    margin-top: 50px;

}



.industries-sidebar__categories {

    margin: 0;

}

.industries-sidebar__categories li {

    display: flex;

    border: 1px solid #e4e7ee;

    align-items: center;

    background-color: #fff;

    transition: all 500ms ease;

    position: relative;

}

.industries-sidebar__categories li::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 3px;

    background-color: var(--thm-base);

    transform: scaleX(0);

    transform-origin: left top;

    transition: transform 500ms ease;

}

.industries-sidebar__categories li.active::before,

.industries-sidebar__categories li:hover::before {

    transform: scaleX(1);

}

.industries-sidebar__categories li + li {

    margin-top: 10px;

}

.industries-sidebar__categories li a {

    display: flex;

    align-items: center;

    text-transform: uppercase;

    font-size: 15px;

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

    font-weight: 600;

    color: var(--thm-black);

    transition: all 500ms ease;

}

.industries-sidebar__categories li.active a,

.industries-sidebar__categories li:hover a {

    color: var(--thm-base);

}

.industries-sidebar__categories li.active,

.industries-sidebar__categories li:hover {

    background-color: #fff;

    border-color: transparent;

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

}

.industries-sidebar__categories li a i {

    width: 70px;

    height: 70px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    border-right: 1px solid #e4e7ee;

    font-size: 40px;

    color: #9aa0af;

    margin-right: 20px;

    transition: all 500ms ease;

}

.industries-sidebar__categories li.active a i,

.industries-sidebar__categories li:hover a i {

    color: var(--thm-base);

}



.industries-sidebar__cta {

    padding-top: 40px;

    padding-bottom: 40px;

    padding-left: 40px;

    padding-right: 40px;

}

.industries-sidebar__cta-icon {

    width: 100px;

    height: 100px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-left: auto;

    margin-right: auto;

    background-color: var(--thm-base);

    border-radius: 50%;

}



.industries-sidebar__cta h3 {

    margin: 0;

    color: #fff;

    font-weight: 600;

    font-size: 22px;

    line-height: 1.36;

    padding-bottom: 20px;

    margin-bottom: 20px;

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

}



.industries-sidebar__cta p {

    font-size: 18px;

    color: #fff;

    line-height: 1.44;

    margin: 0;

}

.industries-sidebar__cta p a {

    color: inherit;

}



.industries-sidebar__cta p strong {

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

    font-weight: 600;

    color: #fff;

    font-size: 24px;

}



.industries-sidebar__cta .thm-btn {

    background-color: var(--thm-base);

    color: #fff;

    margin-top: 30px;

}

.industries-sidebar__cta .thm-btn:hover {

    color: var(--thm-black);

    background-color: #fff;

}



/*--------------------------------------------------------------

# Career One

--------------------------------------------------------------*/



.career-cta {

    padding-top: 120px;

    padding-bottom: 90px;

}



.career-cta__single {

    width: 100%;

    height: 370px;

    margin-bottom: 30px;

}



.career-cta__single span {

    width: 70px;

    height: 2px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.career-cta__box {

    position: relative;

    width: 100%;

    margin-bottom: 30px;

    height: 370px;

}



.career-cta__box::before {

    content: "";

    width: 100%;

    height: 100%;

    background-color: #000000;

    opacity: 0.65;

    position: absolute;

    top: 0;

    left: 0;

    transition: all 500ms ease;

}



.career-cta__box:hover::before {

    opacity: 0.8;

}



.career-cta__box h2 {

    font-family: var(--special-font);

    color: #fff;

    font-size: 44px;

    margin: 0;

    line-height: 1em;

    position: relative;

}



.career-cta__single h3 {

    margin: 0;

    color: #fff;

    font-weight: 800;

    font-size: 72px;

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

    line-height: 1em;

    margin-bottom: 15px;

}



.career-cta__single p {

    margin: 0;

    font-size: 22px;

    color: #fff;

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

    font-weight: 600;

    line-height: 1em;

    margin-top: 21px;

}



/*--------------------------------------------------------------

## Career Job

--------------------------------------------------------------*/



.career-job {

    padding-top: 0;

    padding-bottom: 90px;

}



.career-job__main-top {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    margin-bottom: 60px;

}



.career-job__main-top .block-title {

    margin-bottom: 0;

}



.career-job__filter {

    width: 270px;

}



.career-job__filter

    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {

    width: 100%;

}



.career-job__filter .bootstrap-select > .dropdown-toggle {

    border: 1px solid #e4e7ee;

    font-size: 18px;

    border-radius: 0px;

    padding: 12px 18px;

    background-color: #fff;

}



.career-job__filter .bootstrap-select > .dropdown-toggle::after {

    border: none;

    content: "\f107";

    font-weight: 400;

    font-family: "Font Awesome 5 Pro";

    margin: 0;

    position: relative;

    top: 3px;

}



.career-job__filter .bootstrap-select .dropdown-toggle .filter-option {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.career-job__filter .dropup .dropdown-toggle::after {

    content: "\f106";

}



.career-job__single {

    margin-bottom: 30px;

    padding-left: 40px;

    padding-right: 40px;

    padding-bottom: 50px;

    padding-top: 50px;

    transition: all 500ms ease;

    background-color: #f1f3f5;

}



.career-job__single:hover {

    background-color: #fff;

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

}



.career-job__top span {

    background-color: var(--thm-base);

    line-height: 1em;

    color: #fff;

    text-transform: uppercase;

    font-size: 13px;

    font-weight: bold;

    display: inline-block;

    vertical-align: baseline;

    padding-left: 20px;

    padding-right: 20px;

    padding-top: 9.5px;

    padding-bottom: 7.5px;

    margin-bottom: 25px;

}



.career-job__top-content {

    position: relative;

    padding-left: 55px;

    padding-bottom: 21px;

    margin-bottom: 25px;

    border-bottom: 1px solid #d4d7de;

}



.career-job__top-content h3 {

    margin: 0;

    font-size: 22px;

    color: var(--thm-black);

    font-weight: 600;

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

    margin-bottom: 5px;

}



.career-job__top-content p {

    margin: 0;

    color: #646a7a;

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

    font-size: 16px;

}



.career-job__top-content > i {

    color: var(--thm-base);

    font-size: 46px;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-75%);

}



.career-job__single > p {

    margin: 0;

    color: #646a7a;

    font-size: 18px;

    line-height: 26px;

}



.career-job__list {

    margin: 0;

    margin-bottom: 38px;

    margin-top: 42px;

}



.career-job__list li {

    position: relative;

    line-height: 1em;

    color: var(--thm-black);

    font-size: 18px;

    padding-left: 28px;

}



.career-job__list li:not(:last-of-type) {

    border-bottom: 1px solid #d4d7de;

    padding-bottom: 20px;

    margin-bottom: 20px;

}



.career-job__list li > i {

    font-size: 18px;

    color: #9aa0af;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

}



.career-job__list li:not(:last-of-type) > i {

    top: calc(50% - 10px);

}



.career-job__btn {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 18px;

    padding-left: 0;

    padding-right: 0;

    border-radius: 4px;

    background-color: var(--thm-black);

    color: #fff;

}



.career-job__btn:hover {

    border-radius: 0;

    background-color: var(--thm-base);

    border-top-left-radius: 28px;

    border-bottom-right-radius: 28px;

    color: #fff;

}



.career-job__btn > span {

    transition: 500ms;

    display: flex;

    align-items: center;

    transform: translateX(9px);

}



.career-job__btn > i {

    font-size: 19px;

    opacity: 0;

    visibility: hidden;

    transform: translateX(0px);

    transition: 500ms;

    display: flex;

    align-items: center;

}



.career-job__btn:hover > span {

    transform: translateX(-9px);

}



.career-job__btn:hover > i {

    opacity: 1;

    visibility: visible;

    transform: translateX(0px);

}



/*--------------------------------------------------------------

## Career Benefit

--------------------------------------------------------------*/



.career-benefit {

    padding-top: 120px;

    padding-bottom: 120px;

}



.career-benefit__main-top {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    margin-bottom: 60px;

}



.career-benefit__carousel-nav {

    display: flex;

    align-items: center;

    justify-content: center;

}

.career-benefit__carousel-nav__left,

.career-benefit__carousel-nav__right {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 54px;

    height: 54px;

    color: #9aa0af;

    font-size: 24px;

    cursor: pointer;

    border: 1px solid rgba(255, 255, 255, 0.25);

    transition: 500ms;

}

.career-benefit__carousel-nav__right {

    margin-left: 10px;

}

.career-benefit__carousel-nav__left:hover,

.career-benefit__carousel-nav__right:hover {

    background-color: var(--thm-base);

    border-color: var(--thm-base);

    color: #fff;

    border-radius: 50%;

    border-top-right-radius: 0;

    border-bottom-left-radius: 0;

}



.career-benefit__main-top .block-title {

    margin-bottom: 0;

}



.career-benefit__single i {

    color: var(--thm-base);

    font-size: 60px;

}

.career-benefit__single h3 {

    color: #fff;

    font-size: 22px;

    line-height: 1.14;

    font-weight: 600;

    margin: 0;

    margin-top: 30px;

    margin-bottom: 25px;

    border-right: 1px solid rgba(212, 215, 222, 0.5);

}

.career-benefit__single h3::before {

    content: "\e927";

    font-family: "wastey-icon";

    font-size: 26px;

    color: #9aa0af;

    position: absolute;

    top: 56%;

    right: 30px;

    transform: translateY(-60%);

}

.career-benefit__single h3 a {

    color: inherit;

    transition: 500ms;

}

.career-benefit__single p {

    margin: 0;

    color: #9aa0af;

    font-size: 18px;

    line-height: 1.44;

    padding-right: 30px;

}



/*--------------------------------------------------------------

## Carrer Form

--------------------------------------------------------------*/



.career-form {

    padding-top: 120px;

    padding-bottom: 120px;

}



.career-form__form {

    padding: 60px;

    background-color: #fff;

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

}

.career-form__form textarea,

.career-form__form .bootstrap-select > .dropdown-toggle,

.career-form__form

    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {

    width: 100%;

    border: none;

    outline: none !important;

    background-color: #fff;

    border-radius: 0;

    font-size: 18px;

    border: 1px solid #e4e7ee;

    color: #646a7a;

    padding-left: 20px;

    height: 60px;

    margin-bottom: 30px;

    display: block;

}

.career-form__form textarea {

    height: 170px;

    padding-top: 15px;

}



.career-form__form ::placeholder {

    opacity: 1;

    color: #646a7a;

}

.career-form__form .bootstrap-select > .dropdown-toggle .filter-option {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

}



.career-form__form .dropdown-toggle::after {

    position: absolute;

    top: 50%;

    right: 20px;

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

    transform: translateY(-3px);

}

.career-form__form

    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {

    width: 100%;

}



.career-form__form .thm-btn {

    padding: 17px 60.4px;

    color: #fff;

    width: 100%;

    background-color: var(--thm-black);

}

.career-form__form .thm-btn:hover {

    background-color: var(--thm-base);

    color: #fff;

}



/*--------------------------------------------------------------

# FAQ

--------------------------------------------------------------*/



.faq-one {

    padding-top: 120px;

    padding-bottom: 85px;

}



.faq-one-accrodion {

    counter-reset: faqCounter;

}



.faq-one-accrodion .accrodion {

    padding-left: 98px;

    padding-right: 98px;

    border: 1px solid #e4e7ee;

    background-color: #fff;

    padding-top: 50px;

    padding-bottom: 15px;

    cursor: pointer;

    position: relative;

    counter-increment: faqCounter;

}

.faq-one-accrodion .accrodion::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border: 2px solid var(--thm-base);

    opacity: 0;

    transition: 500ms;

}

.faq-one-accrodion .accrodion.active::before {

    opacity: 1;

}

.faq-one-accrodion .accrodion + .accrodion {

    margin-top: 35px;

}



.faq-one-accrodion .accrodion:nth-child(even) {

    background-color: #f1f3f5;

}



.faq-one-accrodion .accrodion-title {

    padding-bottom: 30px;

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}

.faq-one-accrodion .accrodion-title::before {

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

    font-size: 30px;

    line-height: 1em;

    color: #9aa0af;

    content: counters(faqCounter, ".", decimal-leading-zero) ".";

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

    height: 50px;

    display: flex;

    align-items: center;

    border-right: 1px solid #d4d7de;

    padding-right: 20px;

    margin-right: 30px;

}

.faq-one-accrodion .accrodion-title::after {

    position: absolute;

    top: 35%;

    transform: translateY(-50%) rotate(90deg);

    color: #9aa0af;

    right: 0;

    content: "\e927";

    font-family: "wastey-icon";

    font-size: 30px;

    transition: 500ms;

}

.faq-one-accrodion .active .accrodion-title::after {

    transform: translateY(-50%) rotate(-90deg);

}



@media (max-width: 375px) {

    .faq-one-accrodion .accrodion-title::after {

        display: none;

    }

}



.faq-one-accrodion .accrodion.active .accrodion-title::before {

    color: var(--thm-base);

}



.faq-one-accrodion .accordion-title__inner p {

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

    font-size: 14px;

    font-weight: 600;

    color: #646a7a;

    text-transform: uppercase;

    display: flex;

    align-items: center;

    margin: 0;

    transition: 500ms;

}



.faq-one-accrodion .accrodion.active .accordion-title__inner p {

    color: var(--thm-base);

}

.faq-one-accrodion .accordion-title__inner p i {

    color: var(--thm-base);

    margin-right: 10px;

}



.faq-one-accrodion .accordion-title__inner h4 {

    margin: 0;

    color: var(--thm-black);

    font-size: 22px;

    font-weight: 600;

}



.faq-one-accrodion .accrodion-content {

    border-top: 1px solid #d4d7de;

    padding-bottom: 25px;

    padding-top: 25px;

    position: relative;

}

.faq-one-accrodion .accrodion-content p {

    margin: 0;

    font-size: 18px;

    line-height: 26px;

    color: #646a7a;

}



/*--------------------------------------------------------------

# Service One

--------------------------------------------------------------*/



.service-one {

    padding-top: 120px;

    padding-bottom: 120px;

}



.service-one__single {

    background-color: var(--thm-black);

    position: relative;

}

.service-one__single h3 {

    margin: 0;

    color: #fff;

    font-size: 22px;

    line-height: 1.36;

    font-weight: 600;

    padding-left: 28px;

    position: relative;

    padding-right: 30px;

}

.service-one__main {

    opacity: 1;

    visibility: visible;

    transition: 500ms ease;

}

.service-one__single:hover .service-one__main {

    opacity: 0;

    visibility: hidden;

}

.service-one__main h3 {

    margin-top: 146px;

}

.service-one__main h3:before {

    content: '';

    width: 50px;

    height: 2px;

    background-color: var(--thm-base);

    display: block;

    margin-bottom: 20px;

}

.service-one__single h3 a {

    color: inherit;

    transition: 500ms ease;

}



.service-one__hover-inner > a,

.service-one__main > a {

    color: #9aa0af;

    font-size: 18px;

    font-weight: 600;

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

    display: flex;

    align-items: baseline;

    position: relative;

    margin-top: 30px;

}

.service-one__main > a::before {

    content: '';

    width: 80px;

    height: 2px;

    background-color: #798193;

    margin-right: 10px;

}

.service-one__main > a::after {

    content: '';

    width: 2px;

    height: 10px;

    position: absolute;

    left: 75px;

    bottom: 7px;

    transform: rotate(-45deg);

    background-color: #798193;

}

.service-one__main {

    padding-top: 44px;

    padding-bottom: 30px;

    position: relative;

    overflow: hidden;

}



.service-one__main::before {

    content: '';

    width: 256px;

    height: 256px;

    background-image: url(../images/shapes/service-shape-1-1.png);

    position: absolute;

    top: 0;

    left: 0;

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

}

.service-one__hover-inner > i,

.service-one__main > i {

    color: #9aa0af;

    font-size: 80px;

    margin-left: 30px;

}

.service-one__hover-inner > i {

    color: #fff;

}



.service-one__hover {

    position: absolute;

    top: 0;

    left: 0;

    width: calc(200% + 30px);

    height: 100%;

    background-repeat: no-repeat;

    background-position: right center;

    z-index: 20;

    display: flex;

    overflow: hidden;

    opacity: 0;

    visibility: hidden;

    transform: scaleX(0);

    transition: 500ms ease;

    transform-origin: left center;

}

.container-fluid .service-one__hover {

    width: calc(200% + 0px);

    background-color: #fff;

    background-image: none !important;

}

.service-one__single:hover .service-one__hover {

    transform: scaleX(1);

    opacity: 1;

    visibility: visible;

}



.service-one__hover-inner {

    background-color: var(--thm-base);

    width: 50%;

    display: flex;

    flex-direction: column;

    position: relative;

    padding-top: 40px;

    padding-right: 25px;

}

.service-one__hover-inner::before {

    content: '';

    width: 30px;

    height: 100%;

    background-image: url(../images/shapes/service-shape-1-2.png);

    background-repeat: no-repeat;

    background-position: center;

    position: absolute;

    top: 0;

    left: 100%;

    display: none;

}



.container .service-one__hover-inner::before {

    display: block;

}



.service-one__hover::after {

    content: '';

    width: 256px;

    height: 256px;

    background-image: url(../images/shapes/service-shape-1-1-h.png);

    position: absolute;

    top: 0;

    left: 0;

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

}

.service-one__hover-inner h3 {

    position: relative;

    z-index: 10;

    padding-left: 30px;

    margin-top: 33px;

}

.service-one__hover-inner h3::after {

    content: '';

    display: block;

    width: 50px;

    background-color: #fff;

    height: 2px;

    margin-top: 25px;

    margin-bottom: 25px;

}

.service-one__hover-inner p {

    position: relative;

    z-index: 10;

    padding-left: 30px;

    font-size: 18px;

    line-height: 28px;

    color: #fff;

    margin: 0;

    margin-bottom: 29px;

}



.service-one__hover-inner > a {

    position: relative;

    color: #fff;

    align-items: center;

    z-index: 10;

    margin: 0;

    margin-left: 30px;

}

.service-one__hover-inner > a > span {

    display: flex;

    position: relative;

    width: 50px;

    height: 2px;

    background-color: #fff;

    margin-right: 10px;

}

.service-one__hover-inner > a > span::after,

.service-one__hover-inner > a > span::before {

    content: '';

    width: 2px;

    height: 10px;

    background-color: #fff;

    position: absolute;

    left: 45px;

}

.service-one__hover-inner > a > span::before {

    bottom: 0px;

    transform: rotate(-45deg);

}

.service-one__hover-inner > a > span::after {

    bottom: -7px;

    transform: rotate(45deg);

}



.service-one .thm__owl-carousel .item,

.service-one .thm__owl-carousel .owl-item {

    z-index: 10;

    position: relative;

}



.service-one .owl-dots {

    margin-top: 80px !important;

}



.service-one .owl-stage-outer {

    overflow: visible;

}

.service-one .owl-stage-outer .owl-item {

    opacity: 0;

    visibility: hidden;

    transition: 500ms;

}

.service-one .owl-stage-outer .owl-item.active {

    opacity: 1;

    visibility: visible;

}



.service-one .container-fluid {

    padding-left: 75px;

    padding-right: 75px;

}



@media(max-width: 1440px) {

    .service-one .container-fluid {

        padding-left: 30px;

        padding-right: 30px;

    }

}



.service-one__home-one {

    padding-bottom: 90px;

}



.service-one__home-one .service-one__single {

    margin-bottom: 30px;

}



/*--------------------------------------------------------------

## Service Details

--------------------------------------------------------------*/



.service-details {

    padding-top: 120px;

    padding-bottom: 120px;

}

.service-details__main p,

.service-details__title {

    margin: 0;

}



.service-details__title {

    color: var(--thm-black);

    font-size: 30px;

    font-weight: 600;

    margin-bottom: 15px;

}



.service-details__check-list {

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 0;

    gap: 30px;

    margin-top: 40px;

    margin-bottom: 70px;

}



.service-details__check-list li {

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

    margin-top: -10px;

    border-style: solid;

    border-width: 1px;

    border-color: #e4e7ee;

    position: relative;

    padding-left: 55px;

    font-size: 20px;

    color: var(--thm-black);

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

    font-weight: 600;

    padding-top: 21px;

    padding-bottom: 21px;

    transition: all 500ms ease;

}

.service-details__check-list li:hover {

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

}

.service-details__check-list li::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 3px;

    transform: scale(0, 1);

    transform-origin: left top;

    background-color: var(--thm-base);

    transition: transform 500ms ease;

}

.service-details__check-list li:hover::after {

    transform: scale(1, 1);

}



.service-details__check-list li::before {

    font-family: "wastey-icon";

    content: "\e93f";

    color: var(--thm-base);

    font-size: 18px;

    position: absolute;

    top: 50%;

    left: 20px;

    transform: translateY(-50%);

}



.service-details__feature {

    background-color: #fff;

    margin-bottom: 30px;

    padding-left: 40px;

    padding-right: 50px;

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

    border-top: 3px solid var(--thm-base);

    position: relative;

    padding-top: 66px;

    margin-top: 40px;

    padding-bottom: 30px;

}



.service-details__feature > i {

    width: 80px;

    height: 80px;

    background-color: var(--thm-base);

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    color: #fff;

    font-size: 40px;

    border-radius: 50%;

    position: absolute;

    top: 0;

    left: 40px;

    transform: translateY(-50%);

}



.service-details__feature-list {

    margin-bottom: 0;

    margin-top: 30px;

}

.service-details__feature-list li {

    display: flex;

    align-items: center;

    border-top: 1px solid #e4e7ee;

    line-height: 55px;

    font-size: 18px;

    color: #646a7a;

}

.service-details__feature-list li i {

    font-size: 18px;

    color: var(--thm-base);

    margin-right: 15px;

}



.service-details__feature h3 {

    margin: 0;

    font-size: 22px;

    color: var(--thm-black);

    font-weight: 600;

}

.service-details__feature p {

    margin: 0;

    font-size: 18px;

    color: #646a7a;

    margin-top: 5px;

}



.service-details__feature a {

    color: var(--thm-black);

    font-size: 18px;

    display: inline-block;

    vertical-align: middle;

    transition: 500ms;

}

.service-details__feature a:hover {

    color: var(--thm-base);

}

.service-details__feature a > img {

    margin-right: 10px;

}



.service-details__bullet-list {

    margin-bottom: 0;

}

.service-details__bullet-list li {

    position: relative;

    font-size: 18px;

    color: #646a7a;

}

.service-details__bullet-list li + li {

    margin-top: 10px;

}

.service-details__bullet-list li::before {

    content: "\f04b";

    font-family: "Font Awesome 5 Pro";

    font-weight: 900;

    font-size: 13px;

    color: var(--thm-base);

    margin-right: 15px;

}



.service-details__video {

    background-color: #fff;

    padding: 30px;

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

}

.service-details__video > img {

    width: 100%;

}



.service-details__moc {

    position: relative;

    margin-top: -15px;

}



.service-details__main .thm-btn {

    background-color: var(--thm-black);

    color: #fff;

}

.service-details__main .thm-btn:hover {

    background-color: var(--thm-base);

    color: #fff;

}



/*--------------------------------------------------------------

## Service Sidebar

--------------------------------------------------------------*/



@media (max-width: 991px) {

    .service-sidebar {

        margin-bottom: 80px;

    }

}



.service-sidebar__single + .service-sidebar__single {

    margin-top: 50px;

}

.service-sidebar__map {

    padding-top: 40px;

    padding-bottom: 40px;

}

.service-sidebar__map h3 {

    margin: 0;

    color: #fff;

    font-size: 22px;

    font-weight: 600;

    line-height: 1.36;

    margin-bottom: 20px;

}

.service-sidebar__map p {

    margin: 0;

    color: #fff;

    font-size: 18px;

    margin-top: 20px;

}

.service-sidebar__map p a {

    font-weight: bold;

    color: #fff;

    text-decoration: underline;

}



.service-sidebar__btn {

    display: flex;

    align-items: center;

    justify-content: space-between;

    background-color: var(--thm-black);

    position: relative;

    line-height: 62px;

    padding-left: 82px;

    font-size: 18px;

    color: #9aa0af;

    padding-right: 20px;

    transition: 500ms;

}

.service-sidebar__btn + .service-sidebar__btn {

    margin-top: 10px;

}

.service-sidebar__btn:hover {

    background-color: #fff;

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

    color: var(--thm-black);

}



.service-sidebar__btn > i {

    width: 62px;

    height: 62px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 20px;

    color: #fff;

    background-color: var(--thm-base);

    position: absolute;

    top: 0;

    left: 0;

    transition: all 500ms;

}

.service-sidebar__btn:hover > i {

    background-color: var(--thm-black);

}



.service-sidebar__btn b {

    color: #fff;

    transition: 500ms;

    font-weight: 400;

}

.service-sidebar__btn:hover b {

    color: var(--thm-black);

}



.service-sidebar__btn span {

    height: 22px;

    line-height: 22px;

    padding-left: 20px;

    transition: 500ms;

    border-left: 1px solid rgba(255, 255, 255, 0.25);

}

.service-sidebar__btn:hover span {

    border-color: rgba(var(--thm-base-rgb), 0.25);

}



.service-sidebar__map-box {

    position: relative;

}



.service-sidebar__map-box img {

    max-width: 100%;

}



.service-sidebar__map-box .location-point {

    position: absolute;

    left: 12%;

    top: 18%;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    background: var(--thm-base);

    border: 2px solid #fff;

    cursor: pointer;

    z-index: 10;

    -webkit-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.service-sidebar__map-box .location-point::before {

    content: "";

    width: 4px;

    height: 4px;

    background-color: #fff;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: 50%;

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

}



.service-sidebar__map-box .location-point:nth-child(2) {

    left: 36%;

    top: 43%;

}



.service-sidebar__map-box .location-point:nth-child(3) {

    left: auto;

    right: 25%;

    top: 24%;

}



.service-sidebar__map-box .location-point:nth-child(4) {

    left: 49%;

    bottom: 23%;

    top: inherit;

}



.service-sidebar__map-box .location-point:nth-child(5) {

    left: 49%;

    bottom: 23%;

    top: inherit;

}



.service-sidebar__map-box .location-point:nth-child(6) {

    left: 34%;

    bottom: 32%;

    top: inherit;

}



.service-sidebar__map-box .location-point:nth-child(7) {

    left: auto;

    right: 25%;

    top: 63%;

}

.service-sidebar__map-box .location-point:nth-child(8) {

    left: auto;

    right: 54%;

    top: 20%;

}

.service-sidebar__map-box .location-point:nth-child(9) {

    left: auto;

    right: 41%;

    top: 47%;

}

.service-sidebar__map-box .location-point:nth-child(10) {

    left: auto;

    right: 74%;

    top: 23%;

}

.service-sidebar__map-box .location-point:nth-child(11) {

    left: auto;

    right: 74%;

    top: 60%;

}



.service-sidebar__map-box .location-point .content {

    opacity: 0;

    position: relative;

    min-width: 130px;

    bottom: 45px;

    left: -60px;

    -webkit-transition: 1s;

    transition: 1s;

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

    transform: translateY(-30px);

    background-color: #fff;

    font-size: 14px;

    font-weight: 500;

    padding: 12.5px 10px;

    text-align: center;

    border-radius: 0px;

    z-index: 9;

    pointer-events: none;

    color: var(--thm-black);

}



.service-sidebar__map-box .location-point:hover .content {

    opacity: 1;

    -webkit-transform: translateY(0px);

    transform: translateY(0px);

}



.service-sidebar__map-box .location-point:hover {

    background-color: #fff;

}



.service-sidebar__map-box .location-point:hover:after {

    color: var(--thm-black);

}



.service-sidebar__map-box .location-point .text {

    font-size: 14px;

    font-weight: 500;

    line-height: 16px;

    color: var(--thm-black);

}



/*--------------------------------------------------------------

# Brand One

--------------------------------------------------------------*/



.brand-one {

    padding-top: 111.5px;

    padding-bottom: 111.5px;

    background-color: #f1f3f5;

}



.brand-one .carousel__dot-one .owl-dots {

    margin-top: 40px !important;

}



.brand-one .brand-one__box{

  position: relative;

  display: block;

}



.brand-one .brand-one__box img{

  display: block;

  max-width: 100%;

  width: auto;

  margin: 0 auto;

  opacity: 0.5;

  filter: grayscale(100%);

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.brand-one .brand-one__box img:hover {

    opacity: 1;

  filter: grayscale(0%);

  -webkit-filter: grayscale(0%);

  -moz-filter: grayscale(0%);

  -o-filter: grayscale(0%);

  -ms-filter: grayscale(0%);

}



/*--------------------------------------------------------------

# Award One

--------------------------------------------------------------*/



.award-one {

    padding-top: 120px;

    padding-bottom: 120px;

}

.award-one .thm__owl-carousel .owl-stage-outer {

    overflow: visible;

    margin-bottom: 50px;

}

.award-one .thm__owl-carousel .owl-item {

    opacity: 0;

    transition: 500ms;

}

.award-one .thm__owl-carousel .owl-item.active {

    opacity: 1;

}

.award-one__single {

    display: flex;

    align-items: center;

    padding: 50px 40px;

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

}



.award-one__image-inner {

    margin-right: 40px;

    width: 160px;

}



.award-one__content h3 {

    margin: 0;

    font-size: 22px;

    line-height: 1.36;

    font-weight: 600;

    color: var(--thm-black);

    margin-bottom: 10px;

}



.award-one__content p {

    margin: 0;

    color: #646a7a;

    font-size: 18px;

    line-height: 1.44;

}



/*--------------------------------------------------------------

# Feature One

--------------------------------------------------------------*/



.feature-one {

    position: relative;

    padding-top: 250px;

}



[class*="feature-one__bg-"] {

    position: absolute;

    top: 0;

    width: 50%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

}

[class*="feature-one__bg-"] svg {

    width: 100%;

    z-index: 10;

    position: absolute;

    top: 90px;

    left: -80px;

}

[class*="feature-one__bg-"]::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: 0.8;

}



@media (max-width: 1440px) {

    [class*="feature-one__bg-"] svg {

        left: -50px;

    }

}

.feature-one__bg-1 {

    left: 0;

}

.feature-one__bg-1 svg {

    left: 0px;

}

.feature-one__bg-1::before {

    background-color: #b10f3c;

}

.feature-one__bg-2 {

    right: 0;

}

.feature-one__bg-2::before {

    background-color: #730020;

}

.feature-one .high-gutters {

    margin-left: -55px;

    margin-right: -55px;

}

.feature-one .high-gutters > [class*="col-"] {

    padding-left: 55px;

    padding-right: 55px;

}



.feature-one__single {

    background-color: var(--thm-black);

    padding: 48px 0;

    padding-left: 60px;

    padding-right: 60px;

    display: flex;

    position: relative;

    align-items: flex-start;

}

.feature-one__icon i {

    color: var(--thm-base);

    font-size: 62px;

    position: relative;

    margin-right: 30px;

    display: inline-block;

}

.feature-one__icon i::before {

    position: relative;

    z-index: 10;

}

.feature-one__icon i::after {

    content: "";

    width: 50px;

    height: 50px;

    background-color: #1a2542;

    position: absolute;

    left: -20px;

    bottom: -20px;

}

.feature-one__content span {

    text-transform: uppercase;

    font-size: 15px;

    font-weight: 600;

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

    line-height: 1;

    color: var(--thm-base);

    display: flex;

    align-items: center;

}

.feature-one__content span::before {

    content: "";

    width: 40px;

    height: 2px;

    margin-right: 10px;

    background-color: var(--thm-base);

}

.feature-one__content h3 {

    margin: 0;

    font-size: 22px;

    color: #fff;

    font-weight: 600;

    line-height: 1.36;

    margin-top: 8px;

    margin-bottom: 16px;

}

.feature-one__content p {

    font-size: 18px;

    line-height: 1.44;

    color: #9aa0af;

    margin: 0;

}



.feature-one__single::before {

    content: "";

    position: absolute;

    top: 100%;

    right: 0;

    width: 100000px;

    background-color: var(--thm-base);

    height: 10px;

}



[class*="col-"]:nth-child(2n) .feature-one__single::before {

    right: auto;

    left: 0;

}



/*--------------------------------------------------------------

# Story One

--------------------------------------------------------------*/



.story-one {

    padding-top: 210px;

    padding-bottom: 90px;

    background-color: #f1f3f5;

}



.story-one__single {

    position: relative;

    transition: 500ms;

    text-align: center;

    margin-bottom: 30px;

    padding-top: 39.5px;

    padding-bottom: 39.5px;

}

.story-one__single.active {

    background-color: #fff;

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

}

.story-one__single:before{

    position: absolute;

    content: '';

    background: #d4d7de;

    width: 1px;

    height: 30px;

    top: 50%;

    margin-top: -46px;

    right: -15px;

    transition: all 500ms ease;

}



.col-lg-3:last-child .story-one__single:before{

    right: 0px;

}



.col-lg-3:first-child .story-one__single:after{

    position: absolute;

    content: '';

    background: #d4d7de;

    width: 1px;

    height: 30px;

    top: 50%;

    margin-top: -46px;

    left: 0px;

    transition: all 500ms ease;

}

.story-one__single.active:before,

.story-one__single.active:after{

    opacity: 0 !important;

}

.story-one__single p {

    white-space: pre-line;

}



.story-one__single h4 {

    margin: 0;

    color: #c6ccd2;

    transition: 500ms ease;

    margin-bottom: 10px;

    transition: 500ms;

}

.story-one__single.active h4 {

    color: var(--thm-black);

}



.story-one__single h3 {

    margin: 0;

    font-weight: 600;

    font-size: 22px;

    line-height: 1.36;

    color: var(--thm-black);

    margin-top: 20px;

    margin-bottom: 5px;

}



.story-one__single p {

    margin: 0;

    color: #646a7a;

    font-size: 18px;

    line-height: 1.44;

}



.story-one .inner-content{

    position: relative;

}



.story-one .inner-content .line{

    position: absolute;

    left: 0px;

    top: 145px;

    width: 100%;

    height: 1px;

    background: #cfd2d9;

}



/*--------------------------------------------------------------

# About One

--------------------------------------------------------------*/



.about-one {

    padding-top: 120px;

    padding-bottom: 120px;

}



.about-one__image {

    margin-left: 60px;

    position: relative;

}

.about-one__image-box {

    background-repeat: no-repeat;

    background-position: top center;

    background-size: cover;

    position: absolute;

    bottom: -5px;

    left: -60px;

    width: 100%;

    max-width: 301px;

    min-height: 487px;

    padding-left: 35px;

    padding-right: 35px;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    padding-bottom: 30px;

}

.about-one__image-box > i {

    font-size: 52px;

    color: var(--thm-base);

}

.about-one__image-box h3 {

    margin: 0;

    color: #fff;

    font-family: var(--thm-font);

    font-size: 24px;

    line-height: 1.25;

    margin-bottom: 15px;

    margin-top: 15px;

}

.about-one__image-box a {

    display: flex;

    align-items: center;

    color: #fff;

    font-size: 18px;

    font-weight: 600;

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

}

.about-one__image-box a i {

    width: 36px;

    border-radius: 50%;

    margin-right: 9px;

    height: 36px;

    background-color: var(--thm-base);

    display: flex;

    color: #fff;

    font-size: 16px;

    text-align: center;

    justify-content: center;

    align-items: center;

}

.about-one__content .block-title {

    margin-bottom: 30px;

}



.about-one__content h4 {

    margin: 0;

    color: var(--thm-black);

    font-size: 22px;

    font-weight: 600;

    line-height: 1.18;

    margin-bottom: 20px;

}



.about-one__content > p {

    margin: 0;

    font-size: 18px;

    line-height: 1.44;

    color: #646a7a;

}



.about-one__box {

    margin-top: 30px;

    position: relative;

    padding: 30px;

    padding-bottom: 27px;

    background-color: #fff;

    margin-bottom: 15px;

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

}

.about-one__box i {

    font-size: 64px;

    color: var(--thm-base);

}

.about-one__box h3 {

    margin: 0;

    position: relative;

    font-size: 22px;

    font-weight: 600;

    color: var(--thm-black);

}

.about-one__box h3::before {

    content: "";

    width: 64px;

    height: 2px;

    background-color: #e4e7ee;

    display: block;

    margin-top: 25px;

    margin-bottom: 15px;

}

.about-one__box h3 a {

    color: inherit;

    transition: 500ms;

}

.about-one__box h3 a:hover {

    color: var(--thm-base);

}



.about-one__box > a {

    width: 50px;

    height: 50px;

    background-color: #f1f3f5;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 30px;

    font-weight: 300;

    color: #9aa0af;

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

    border-radius: 50%;

    position: absolute;

    top: 30px;

    right: 30px;

    transition: 500ms;

}

.about-one__box > a:hover {

    background-color: var(--thm-base);

    color: #fff;

}



.about-two__btn-wrapper {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    margin-top: 35px;

}



.about-two__btn-wrapper .thm-btn {

    background-color: var(--thm-black);

    color: #fff;

    width: 220px;

    margin-right: 30px;

    padding-top: 17px;

    padding-bottom: 17px;

    margin-right: 30px;

}

.about-two__btn-wrapper .thm-btn:hover {

    background-color: var(--thm-base);

    color: #fff;

}



.about-two__video {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}

.about-two__video a {

    width: 57px;

    height: 57px;

    background-color: #fff;

    border: 1px solid var(--thm-base);

    border-radius: 6px;

    margin-right: 20px;

    padding: 3px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.about-two__video a i {

    width: 100%;

    height: 100%;

    border-radius: 6px;

    background-color: var(--thm-base);

    font-size: 16px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    color: #fff;

    transition: all 500ms ease;

}

.about-two__video a:hover i {

    background-color: var(--thm-black);

    color: #fff;

}

.about-two__video h3 {

    margin: 0;

    font-size: 18px;

    line-height: 1.44;

    font-weight: 600;

    color: var(--thm-black);

}



/*--------------------------------------------------------------

# Companyl Values

--------------------------------------------------------------*/



.company-values {

    padding-top: 120px;

    padding-bottom: 120px;

}

.company-values hr {

    border-color: #e4e7ee;

    margin: 80px 0;

}

.company-values__images {

    position: relative;

    margin-right: 30px;

}



.flex-row-reverse .company-values__images {

    margin-right: 0;

    margin-left: 30px;

}



.company-values__images > i {

    width: 130px;

    height: 130px;

    background-color: var(--thm-base);

    border: 6px solid #fff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    font-size: 65px;

    position: absolute;

    top: 6%;

    left: 7%;

    color: #fff;

}

.flex-row-reverse .company-values__images > i {

    left: auto;

    right: 7%;

}



.company-values .thm-btn {

    background-color: var(--thm-black);

    color: #fff;

    padding-top: 17px;

    padding-bottom: 17px;

    padding-left: 40px;

    padding-right: 40px;

}

.company-values .thm-btn:hover {

    background-color: var(--thm-base);

    color: #fff;

}



.company-values .block-title {

    margin-bottom: 0;

}



.company-values .block-title h2 {

    letter-spacing: -1px;

}

.company-values__list {

    margin: 0;

    margin-top: 20px;

    margin-bottom: 30px;

}

.company-values__list li {

    position: relative;

    padding-left: 30px;

    font-size: 18px;

    color: #646a7a;

}

.company-values__list li + li {

    margin-top: 10px;

}

.company-values__list li::before {

    content: "\e96b";

    font-family: "wastey-icon";

    position: absolute;

    top: 50%;

    left: 0;

    font-size: 18px;

    color: #9aa0af;

    transform: translateY(-50%);

}



.company-values .faq-one-accrodion {

    margin-top: 30px;

}

.company-values .faq-one-accrodion .accrodion {

    padding: 30px;

    background-color: #fff;

}



.company-values .faq-one-accrodion .accrodion-title {

    padding-bottom: 0;

}

.company-values .faq-one-accrodion .accrodion-content {

    border-top: 0;

    padding-bottom: 0;

}



.company-values .faq-one-accrodion .accrodion + .accrodion {

    margin-top: 20px;

}



/*--------------------------------------------------------------

# Team one

--------------------------------------------------------------*/

.team-one {

    padding-top: 120px;

    padding-bottom: 50px;

}



.team-one__image {

    position: relative;

    margin-left: 30px;

    margin-bottom: 70px;

}

.team-one__image-box {

    position: absolute;

    left: -30px;

    bottom: 30px;

    padding-bottom: 20px;

    padding-top: 15px;

    padding-left: 28px;

    padding-right: 28px;

    position: absolute;

    width: 100%;

    max-width: 180px;

    background-color: var(--thm-base);

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

    font-weight: 600;

    color: #fff;

    text-transform: uppercase;

    line-height: 1.375;

    font-size: 16px;

}



.team-one__image-box-top {

    display: flex;

    align-items: center;

    margin-bottom: 5px;

}



.team-one__image-box span {

    font-size: 48px;

    margin-right: 8px;

    display: flex;

}



.team-one__content {

    position: relative;

}



.team-one__sign {

    position: absolute;

    right: 0;

    bottom: -12px;

}



.team-one__content h3 {

    margin: 0;

    color: var(--thm-black);

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 10px;

}



.team-one__content p {

    margin: 0;

    font-size: 18px;

    line-height: 1.44;

    color: #646a7a;

}



.team-one__content p.text-uppercase {

    color: var(--thm-base);

    font-size: 14px;

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

    font-weight: 600;

    margin-bottom: 25px;

}



.team-one__content blockquote {

    background-color: #fff;

    font-size: 22px;

    font-weight: 500;

    padding-top: 33px;

    padding-bottom: 33px;

    color: var(--thm-black);

    line-height: 1.36;

    margin: 0;

    padding-left: 110px;

    padding-right: 77px;

    position: relative;

    margin-top: 35px;

    margin-bottom: 43px;

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

}

.team-one__content blockquote::before {

    content: "";

    width: 63px;

    height: 46px;

    background-image: url(../images/shapes/team-qoute-1-1.png);

    background-repeat: no-repeat;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 23px;

}

.team-one__content blockquote::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 0;

    width: 3px;

    background-color: var(--thm-base);

    height: 46px;

    transform: translateY(-50%);

}

.team-one__social {

    display: flex;

    flex-wrap: wrap;

}

.team-one__social > a + a {

    margin-left: 10px;

}



.team-one__social > a {

    width: 50px;

    height: 50px;

    border: 1px solid #e4e7ee;

    border-radius: 4px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 18px;

    color: #9aa0af;

    transition: all 500ms ease;

}



.team-one__social > a:hover {

    border-color: var(--thm-base);

    background-color: var(--thm-base);

    color: #fff;

    border-radius: 50%;

    border-top-right-radius: 0;

    border-bottom-left-radius: 0;

}



/*--------------------------------------------------------------

## Team Two

--------------------------------------------------------------*/



.team-two {

    padding-top: 120px;

    padding-bottom: 90px;

    background-color: #f1f3f5;

}



.team-two__single {

    margin-bottom: 30px;

    display: flex;

    align-items: center;

    flex-direction: row-reverse;

    background-color: #fff;

    justify-content: space-between;

    transition: 500ms;

}

.team-two__image-inner {

    width: 200px;

    position: relative;

}

.team-two__social {

    position: absolute;

    bottom: 0;

    right: 0;

    display: flex;

    align-items: center;

    flex-direction: row-reverse;

}

.team-two__social a,

.team-two__social span {

    width: 46px;

    height: 46px;

    background-color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    transition: 500ms;

    cursor: pointer;

}

.team-two__social a {

    background-color: var(--thm-base);

    color: #fff;

    opacity: 0;

    visibility: hidden;

    transition: 500ms;

    transform: translateX(-50%);

}

.team-two__social:hover a {

    opacity: 1;

    transform: translateX(0%);

    visibility: visible;

}

.team-two__social a:hover {

    background-color: var(--thm-black);

}

.team-two__image-inner > img {

    width: 100%;

}



.team-two__content {

    padding-left: 70px;

    position: relative;

}

.team-two__single:hover {

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

}



.team-two__content::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 40px;

    width: 2px;

    height: 50px;

    transform: translateY(-50%);

    background-color: #e4e7ee;

    transition: 500ms;

}

.team-two__single:hover .team-two__content::before {

    background-color: var(--thm-base);

}



.team-two__content h3 {

    margin: 0;

    color: var(--thm-black);

    font-size: 22px;

    font-weight: 600;

}

.team-two__content p {

    margin: 0;

    font-size: 18px;

    color: var(--thm-base);

}



/*--------------------------------------------------------------

## Team Three

--------------------------------------------------------------*/



.team-three {

    padding-top: 30px;

    padding-bottom: 130px;

}

.team-three__item {

    text-align: center;

}

.team-three__carousel {

    z-index: 20;

    position: relative;

}

.team-three__carousel .owl-stage-outer {

    overflow: visible;

}



.team-three__carousel .owl-item {

    visibility: hidden;

    opacity: 0;

    transition: 500ms;

}

.team-three__carousel .owl-item.active {

    visibility: visible;

    opacity: 1;

}

.team-three__content {

    visibility: hidden;

    opacity: 0;

    transition: transform 500ms, visibility 500ms, opacity 500ms;

    position: relative;

    z-index: 15;

    background-color: #fff;

    margin-top: 0px;

    padding-left: 40px;

    padding-right: 40px;

    padding-top: 15px;

    padding-bottom: 20px;

    top: 5px;

}

.center .team-three__content {

    transform: scale(1.1);

    visibility: visible;

    opacity: 1;

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

    transform: top center;

}

.center .team-three__content p {

    transform: scale(0.9);

}

.team-three__content p {

    color: #646a7a;

    font-size: 18px;

    line-height: 26px;

    margin: 0;

}

.team-three__image {

    position: relative;

    padding: 6px;

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

    background-color: #fff;

    transition: 500ms;

    transform-origin: center bottom;

}



.team-three__image::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border: 6px solid #fff;

    background-image: linear-gradient(

        0deg,

        #071230 0%,

        rgba(255, 255, 255, 0) 76%,

        #071230 100%

    );

}

.team-three__social {

    position: absolute;

    top: 4px;

    left: -2px;

    display: flex;

    align-items: center;

    opacity: 0;

    transition: all 500ms ease;

}

.team-three__carousel .center .team-three__social {

    opacity: 1;

}

.team-three__social a,

.team-three__social span {

    width: 46px;

    height: 46px;

    background-color: var(--thm-base);

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    transition: 500ms;

    cursor: pointer;

}

.team-three__social a {

    background-color: var(--thm-black);

    color: #fff;

    opacity: 0;

    visibility: hidden;

    transition: 500ms;

    transform: translateX(50%);

}

.team-three__social:hover a {

    opacity: 1;

    transform: translateX(0%);

    visibility: visible;

}

.team-three__social a:hover {

    background-color: var(--thm-base);

}



.team-three__meta {

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    text-align: center;

    width: 100%;

    z-index: 10;

    padding-bottom: 30px;

}

.team-three__carousel .center {

    position: relative;

    z-index: 10;

}

.team-three__carousel .center .team-three__image {

    transform: scale(1.1);

}

.team-three__carousel .center .team-three__social {

    transform: scale(0.9);

}

.team-three__carousel .center .team-three__meta {

    transform: scale(0.9) translateX(-50%);

    left: 45%;

}



.team-three__meta h3 {

    margin: 0;

    color: #fff;

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 5px;

}

.team-three__meta p {

    margin: 0;

    font-size: 18px;

    color: #9aa0af;

}

.team-three .container {

    position: relative;

}

.team-three .container::after,

.team-three .container::before {

    content: '';

    width: 170px;

    height: 1px;

    background-color: #e4e7ee;

    position: absolute;

    bottom: 15px;

    z-index: -1;

}

.team-three .container::after {

    right: 15px;

}

.team-three .container::before {

    left: 15px;

}

.team-three__carousel-nav {

    position: absolute;

    bottom: -10px;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

    max-width: 830px;

    padding-left: 20px;

    padding-right: 20px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    z-index: 21;

}



.team-three__carousel-nav-right,

.team-three__carousel-nav-left {

    border-style: solid;

    border-width: 1px;

    border-color: #e4e7ee;

    border-radius: 4px;

    display: flex;

    align-items: center;

    font-size: 18px;

    font-weight: 600;

    color: var(--thm-black);

    transition: 500ms;

    padding: 13px 41px;

    position: relative;

    z-index: 25;

}

.team-three__carousel-nav-right:hover,

.team-three__carousel-nav-left:hover {

    background-color: var(--thm-black);

    color: #fff;

    border-color: #fff;

}

.team-three__carousel-nav-right {

    flex-direction: row-reverse;

}

.team-three__carousel-nav-right i,

.team-three__carousel-nav-left i {

    font-size: 19px;

    margin-right: 10px;

}

.team-three__carousel-nav-right i {

    margin-right: 0;

    margin-left: 10px;

}



.pull-right{

    float: right;

}



.pull-left{

    float: left;

}





/***



====================================================================

                        Home-Page-One

====================================================================



***/





/** banner-section **/



.banner-section{

  position: relative;

}



.banner-section .banner-carousel,

.banner-section .banner-carousel-2{

  position: relative;

  overflow: hidden;

}



.banner-section .banner-carousel .slide-item{

  position: relative;

  padding: 154px 0px 257px 0px;

}



.banner-section .banner-carousel .slide-item:before {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    background: -webkit-linear-gradient(0deg, rgba(7,18,48,0.9)10%, rgba(53,6,3,0.4) 50%);

    top: 0px;

    left: 0px;

    z-index: 1;

}



.banner-section .banner-carousel .slide-item .image-layer,

.banner-section .banner-carousel-2 .slide-item .image-layer{

  position:absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height:100%;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  -webkit-transform:scale(1);

  -ms-transform:scale(1);

  transform:scale(1);

  -webkit-transition: all 6000ms linear;

  -moz-transition: all 6000ms linear;

  -ms-transition: all 6000ms linear;

  -o-transition: all 6000ms linear;

  transition: all 6000ms linear;

}



.banner-section .banner-carousel .active .slide-item .image-layer,

.banner-section .banner-carousel-2 .active .slide-item .image-layer{

  -webkit-transform:scale(1.15);

  -ms-transform:scale(1.15);

  transform:scale(1.15);

}



.banner-section .content-box{

  position: relative;

  display: block;

  max-width: 650px;

  text-align: left;

  z-index:5;

  width: 100%;

}



.banner-section .content-box h5{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 20px;

  color: #fff;

  font-weight: 600;

  margin-bottom: 23px;

  padding-left: 70px;

  text-transform: uppercase;

  opacity: 0;

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

  -moz-transform: translateY(-100px);

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

  -o-transform: translateY(-100px);

  transform: translateY(-100px);

  -webkit-transition: all 700ms ease;

  -moz-transition: all 700ms ease;

  -ms-transition: all 700ms ease;

  -o-transition: all 700ms ease;

  transition: all 700ms ease;

}



.banner-section .content-box h5:before{

    position: absolute;

    content: '';

    background-color: var(--thm-base);

    width: 50px;

    height: 2px;

    left: 0px;

    bottom: 9px;

}



.banner-section .active .content-box h5{

  opacity: 1;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition-delay: 700ms;

  -moz-transition-delay: 700ms;

  -ms-transition-delay: 700ms;

  -o-transition-delay: 700ms;

  transition-delay: 700ms;

}



.banner-section .content-box h1{

  position: relative;

  display: block;

  font-size: 60px;

  line-height: 72px;

  font-weight: 700;

  color: #fff;

  text-transform: uppercase;

  margin-bottom: 28px;

  opacity: 0;

  -webkit-transform: translateX(100px);

  -moz-transform: translateX(100px);

  -ms-transform: translateX(100px);

  -o-transform: translateX(100px);

  transform: translateX(100px);

  -webkit-transition: all 1000ms ease;

  -moz-transition: all 1000ms ease;

  -ms-transition: all 1000ms ease;

  -o-transition: all 1000ms ease;

  transition: all 1000ms ease;

}



.banner-section.style-one .banner-carousel .content-box h1 span{

    color: transparent;

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

    -webkit-text-stroke-color: rgba(255, 255, 255, 1);

}



.banner-section .active .content-box h1{

  opacity: 1;

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

  -webkit-transition-delay: 1000ms;

  -moz-transition-delay: 1000ms;

  -ms-transition-delay: 1000ms;

  -o-transition-delay: 1000ms;

  transition-delay: 1000ms;

}



.banner-section .content-box .list{

  position: relative;

  display: block;

  padding: 0px;

  margin-bottom: 47px;

  opacity: 0;

  -webkit-transform: translateX(-100px);

  -moz-transform: translateX(-100px);

  -ms-transform: translateX(-100px);

  -o-transform: translateX(-100px);

  transform: translateX(-100px);

  -webkit-transition: all 1300ms ease;

  -moz-transition: all 1300ms ease;

  -ms-transition: all 1300ms ease;

  -o-transition: all 1300ms ease;

  transition: all 1300ms ease;

}



.banner-section .active .content-box .list{

  opacity: 1;

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

  -webkit-transition-delay: 1300ms;

  -moz-transition-delay: 1300ms;

  -ms-transition-delay: 1300ms;

  -o-transition-delay: 1300ms;

  transition-delay: 1300ms;

}



.banner-section .content-box .list li{

    position: relative;

    display: inline-block;

    float: left;

    padding-left: 65px;

    max-width: 250px;

    margin-right: 50px;

}



.banner-section .content-box .list li:last-child{

    margin-right: 0px;

}



.banner-section .content-box .list li:before{

    position: absolute;

    content: '';

    background: #bfbfbf;

    height: 45px;

    width: 1px;

    top: 8px;

    right: -21px;

}



.banner-section .content-box .list li:last-child:before{

    display: none;

}



.banner-section .content-box .list li .icon-box{

    position: absolute;

    left: 0px;

    top: 7px;

}



.banner-section .content-box .list li h3{

    position: relative;

    display: block;

    font-size: 22px;

    line-height: 28px;

    color: #fff;

    font-weight: 600;

    margin: 0px;

}



.banner-section .content-box .btn-box{

  position: relative;

  opacity: 0;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 1600ms ease;

  -moz-transition: all 1600ms ease;

  -ms-transition: all 1600ms ease;

  -o-transition: all 1600ms ease;

  transition: all 1600ms ease;

}



.banner-section .active .content-box .btn-box{

  opacity: 1;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition-delay: 1600ms;

  -moz-transition-delay: 1600ms;

  -ms-transition-delay: 1600ms;

  -o-transition-delay: 1600ms;

  transition-delay: 1600ms;

}



.banner-section .content-box .thm-btn{

    position: relative;

    background-color: var(--thm-base);

    padding: 17px 56px;

    color: #fff;

    z-index: 1;

}



.banner-section .content-box .thm-btn:hover{

    color: var(--thm-base);

}



.banner-section .content-box .thm-btn:before{

    position: absolute;

    content: '';

    background: #fff;

    border-radius: 4px;

    width: 0%;

    height: 100%;

    left: 0px;

    top: 0px;

    z-index: -1;

    transition: all 500ms ease;

}



.banner-section .content-box .thm-btn:hover:before{

    width: 100%;

}



.owl-dots-none .owl-dots,

.owl-nav-none .owl-nav{

  display: none !important;

}



.banner-section.style-one .banner-carousel .owl-dots {

  position: absolute;

  top: 50%;

  right: 40px;

  width: 30px;

  z-index: 9999;

  counter-reset: slides-num;

}



.banner-section.style-one .banner-carousel .owl-dots::after {

  position: absolute;

  left: 20px;

  top: 0px;

  content: counter(slides-num);

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

  display: inline-block;

  line-height: 30px;

  font-size: 18px;

  font-weight: 600;

  color: #fff;

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

}



.banner-section.style-one .banner-carousel .owl-dot {

  display: inline-block;

  counter-increment: slides-num;

}



.banner-carousel .owl-dot span{

  display: none !important;

}



.banner-section.style-one .banner-carousel .owl-dot.active::before {

  position: absolute;

  content: counter(slides-num)" /";

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

  line-height: 30px;

  font-size: 18px;

  font-weight: 600;

  color: #fff;

  left: 0px;

  top: 0px;

  text-align: center;

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

}



.banner-section.style-one .banner-carousel .owl-nav{

    position: absolute;

    top: 50%;

    right: 75px;

}



.banner-section.style-one .banner-carousel .owl-nav .owl-prev,

.banner-section.style-one .banner-carousel .owl-nav .owl-next{

    position: absolute;

    display: inline-block;

    font-size: 40px !important;

    line-height: 40px;

    color: #9aa0af !important;

    margin: 0px;

    font-weight: 400 !important;

    background: transparent !important;

    margin: 0px !important;

    border: none !important;

    outline: none !important;

    cursor: pointer;

    z-index: 1;

    transition: all 500ms ease;

}



.banner-section.style-one .banner-carousel .owl-nav .owl-prev:hover,

.banner-section.style-one .banner-carousel .owl-nav .owl-next:hover{

    color: var(--thm-base) !important;

}



.banner-section.style-one .banner-carousel .owl-nav .owl-prev{

    bottom: 20px;

}



.banner-section.style-one .banner-carousel .owl-nav .owl-next{

    top: 2px;

}



.banner-section .other-box{

    position: relative;

    display: block;

    width: 100%;

    z-index: 9;

}



.banner-section .other-box .box-inner{

    position: absolute;

    left: 0px;

    bottom: 0px;

    max-width: 390px;

    border: 3px solid;

    border-color: var(--thm-base);

    border-bottom: none;

    padding: 33px 20px;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}



.banner-section .other-box .box-inner:before{

    position: absolute;

    content: '';

    background: #071230;

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

    right: 0px;

    opacity: 0.85;

}



.banner-section .other-box .box-inner .text{

    position: relative;

    padding-right: 65px;

}



.banner-section .other-box .box-inner .text p{

    position: relative;

    font-size: 18px;

    line-height: 24px;

    color: #c5cad6;

    margin: 0px;

}



.banner-section .other-box .box-inner .text a{

    position: absolute;

    top: 0px;

    right: 0px;

    width: 45px;

    height: 45px;

    line-height: 48px;

    background: #3d4660;

    text-align: center;

    font-size: 30px;

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

    color: #c5cad6;

    border-radius: 50%;

    transition: all 500ms ease;

}



.banner-section .other-box .box-inner .text a:hover{

    color: #fff;

    background: var(--thm-base);

}



.rotate-me {

  animation-name: rotateme;

  animation-duration: 30s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -webkit-animation-name: rotateme;

  -webkit-animation-duration: 30s;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  -moz-animation-name: rotateme;

  -moz-animation-duration: 30s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: rotateme;

  -ms-animation-duration: 30s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: rotateme;

  -o-animation-duration: 30s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear;

}



.float-bob-y {

  animation-name: float-bob-y;

  animation-duration: 2s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -webkit-animation-name: float-bob-y;

  -webkit-animation-duration: 2s;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  -moz-animation-name: float-bob-y;

  -moz-animation-duration: 2s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob-y;

  -ms-animation-duration: 2s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob-y;

  -o-animation-duration: 2s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear;

}



.float-bob-x{

  animation-name: float-bob-x;

  animation-duration: 15s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -webkit-animation-name: float-bob-x;

  -webkit-animation-duration: 15s;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  -moz-animation-name: float-bob-x;

  -moz-animation-duration: 15s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob-x;

  -ms-animation-duration: 15s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob-x;

  -o-animation-duration: 15s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear;

}



@keyframes rotateme {

    from {

        transform: rotate(0deg);

    }

    to {

        transform: rotate(360deg);

    }

}

@-webkit-keyframes rotateme {

    from {

        -webkit-transform: rotate(0deg);

    }

    to {

        -webkit-transform: rotate(360deg);

    }

}

@-moz-keyframes rotateme {

    from {

        -moz-transform: rotate(0deg);

    }

    to {

        -moz-transform: rotate(360deg);

    }

}

@-o-keyframes rotateme {

    from {

        -o-transform: rotate(0deg);

    }

    to {

        -o-transform: rotate(360deg);

    }

}



@keyframes float-bob-y {

  0% {

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

    transform: translateY(-20px);

  }



  50% {

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

    transform: translateY(-10px);

  }



  100% {

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

    transform: translateY(-20px);

  }

}



@keyframes float-bob-x {

  0% {

    -webkit-transform: translateX(-100px);

    transform: translateX(-100px);

  }



  50% {

    -webkit-transform: translateX(-10px);

    transform: translateX(-10px);

  }



  100% {

    -webkit-transform: translateX(-100px);

    transform: translateX(-100px);

  }

}





/** workin-area **/



.workin-area{

    position: relative;

}



.workin-area .inner-container{

    position: relative;

    display: block;

    overflow: hidden;

    background: #fff;

    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);

}



.workin-area .inner-container .single-item{

    position: relative;

    display: block;

    float: left;

    width: 33.333%;

}



.workin-area .inner-container .single-item .inner-box{

    position: relative;

    padding: 23px 120px 17px 30px;

    border-right: 1px solid #e4e7ee;

}



.workin-area .inner-container .single-item .inner-box:before{

    position: absolute;

    content: '';

    background: var(--thm-black);

    width: 100%;

    height: 0%;

    left: 0px;

    bottom: 0px;

    transition: all 500ms ease;

}



.workin-area .inner-container .single-item .inner-box:hover:before{

    height: 100%;

    top: 0px;

}



.workin-area .inner-container .single-item:last-child .inner-box{

    border-right: none;

}



.workin-area .inner-container .single-item .inner-box .icon-box{

    position: absolute;

    top: 17px;

    right: 30px;

    font-size: 55px;

    line-height: 55px;

    color: var(--thm-base);

    transition: all 500ms ease;

}



.workin-area .inner-container .single-item .inner-box .hidden-icon{

    position: absolute;

    top: 5px;

    right: 40px;

    font-size: 75px;

    line-height: 75px;

    font-weight: 700;

    color: #e7e9ed;

    transition: all 500ms ease;

}



.workin-area .inner-container .single-item .inner-box:hover .hidden-icon{

    opacity: 0.1;

}



.workin-area .inner-container .single-item .inner-box p{

    position: relative;

    font-size: 18px;

    line-height: 18px;

    color: #646a7a;

    font-weight: 500;

    margin-bottom: 0px;

}



.workin-area .inner-container .single-item .inner-box h3{

    position: relative;

    display: block;

    font-size: 22px;

    line-height: 32px;

    color: #071230;

    font-weight: 600;

    margin: 0px;

    transition: all 500ms ease;

}



.workin-area .inner-container .single-item .inner-box:hover h3{

    color: #fff;

}



.service-one__home-one{

    position: relative;

}



.anim-icon{

    position: absolute;

    left: 0px;

    top: 0px;

    right: 0px;

    width: 100%;

    height: 100%;

    max-width: 1920px;

    margin: 0 auto;

}



.anim-icon .icon{

    position: absolute;

    background-repeat: no-repeat;

}



.anim-icon .icon-1{

    left: 60px;

    top: 260px;

    width: 129px;

    height: 169px;

}



.anim-icon .icon-2{

    left: 120px;

    bottom: 180px;

    width: 144px;

    height: 121px;

}



.anim-icon .icon-3{

    left: 390px;

    top: 40px;

    width: 154px;

    height: 152px;

}



.anim-icon .icon-4{

    top: 40px;

    right: 90px;

    width: 183px;

    height: 174px;

}



.anim-icon .icon-5{

    bottom: 300px;

    right: 0px;

    width: 111px;

    height: 223px;

}



.anim-icon .icon-6{

    bottom: 0px;

    right: 80px;

    width: 212px;

    height: 290px;

}



/** about-section **/



.about-section{

    position: relative;

    background: #071230;

    padding: 120px 0px;

}



.about-section .block-title h2{

    color: #fff;

    font-size: 46px;

    line-height: 54px;

}



.about-section .block-title h2 span{

    color: var(--thm-base);

}



ul{

    list-style: none;

    padding: 0px;

    margin: 0px;

}



figure{

    margin: 0px;

}



.about-section .content-box .text{

    position: relative;

    margin-bottom: 30px;

}



.about-section .content-box .text p{

    position: relative;

    font-size: 17px;

    line-height: 26px;

    color: #dcdcdc;

    font-weight: 400;

    margin: 0px;

}



.about-section .content-box .inner-box{

    position: relative;

    padding-left: 200px;

    padding-bottom: 7px;

    min-height: 170px;

    margin-bottom: 40px;

}



.about-section .content-box .inner-box .company-logo{

    position: absolute;

    left: 0px;

    top: -8px;

}



.about-section .content-box .inner-box .list-item li p{

    position: relative;

    display: block;

    font-size: 17px;

    line-height: 26px;

    color: #acb2c1;

    margin: 0px;

}



.about-section .content-box .inner-box .list-item li{

    position: relative;

    display: block;

    padding-bottom: 10px;

    margin-bottom: 7px;

    padding-left: 38px;

    border: none;

}



.about-section .content-box .inner-box .list-item li:last-child{

    margin-bottom: 0px;

}



.about-section .content-box .inner-box .list-item li .icon-box{

    position: absolute;

    left: 0px;

    top: 0px;

}



.about-section .content-box .inner-box .list-item li:before{

    position: absolute;

    content: '';

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

    width: 60px;

    height: 1px;

    left: 38px;

    bottom: 1px;

}



.about-section .content-box .inner-box .list-item li:last-child:before{

    display: none;

}



.about-section .content-box .lower-box .btn-box{

    position: relative;

    margin-right: 30px;

}



.about-section .content-box .lower-box .btn-box .thm-btn{

    padding: 15px 31.4px;

}



.about-section .content-box .lower-box .btn-box .thm-btn:hover{

    background: var(--thm-base);

}



.about-section .content-box .lower-box .download-btn{

    position: relative;

    padding-left: 76px;

}



.about-section .content-box .lower-box .download-btn h5 a i{

    position: absolute;

    left: 0px;

    top: -1px;

    width: 60px;

    height: 60px;

    line-height: 60px;

    background: var(--thm-base);

    font-size: 20px;

    color: #fff;

    text-align: center;

    border-radius: 50%;

}



.about-section .content-box .lower-box .download-btn h5{

    display: block;

    font-size: 18px;

    line-height: 29px;

    font-weight: 600;

    color: #fff;

    margin: 0px;

}



.about-section .content-box .lower-box .download-btn h5 a{

    color: #fff;

    transition: all 500ms ease;

}



.about-section .content-box .lower-box .download-btn h5 a:hover{

    color: var(--thm-base);

}



.about-section .image-box{

    position: relative;

    display: block;

    padding-right: 70px;

    margin-left: 30px;

}



.about-section .image-box .image{

    position: relative;

    display: block;

    overflow: hidden;

}



.about-section .image-box .image img{

    width: 100%;

}



.about-section .image-box .image:before{

  position: absolute;

  top: 0;

  left: -75%;

  display: block;

  content: '';

  width: 50%;

  height: 100%;

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

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

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

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

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

  transform: skewX(-25deg);

}



.about-section .image-box:hover .image:before{

  -webkit-animation: shine 1s;

  animation: shine 1s;

}



@-webkit-keyframes shine {

  100% {

    left: 125%;

  }

}



@keyframes shine {

  100% {

    left: 125%;

  }

}



.about-section .image-box .image-pattern{

    position: absolute;

    right: 0px;

    bottom: 0px;

    width: 170px;

    height: 370px;

    background-repeat: no-repeat;

}



.about-section .image-box .video-inner{

    position: absolute;

    right: 35px;

    bottom: 0px;

    max-width: 320px;

    width: 100%;

    padding: 16px 30px 24px 120px;

    background: #071230;

    min-height: 100px;

}



.about-section .image-box .video-inner a{

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100px;

    height: 100px;

    line-height: 112px;

    background: #182343;

    font-size: 50px;

    color: #fff;

    text-align: center;

    z-index: 1;

    transition: all 500ms ease;

}



.about-section .image-box .video-inner:hover a{

    background: var(--thm-base);

}



.about-section .image-box .video-inner h4{

    position: relative;

    display: block;

    font-size: 20px;

    line-height: 30px;

    color: #fff;

    font-weight: 600;

    margin: 0px;

}



.about-section .pattern-layer{

    position: absolute;

    left: 0px;

    top: 0px;

    right: 0px;

    width: 100%;

    height: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}





/** industries-section **/



.industries-section{

    position: relative;

    padding: 120px 0px;

}



.industries-section .thm__owl-carousel .owl-stage-outer {

    overflow: visible;

    margin-bottom: 27px;

}



.industries-section .thm__owl-carousel .owl-item {

    opacity: 0;

    transition: 500ms;

}



.industries-section .thm__owl-carousel .owl-item.active {

    opacity: 1;

}



.industries-section .owl-dots {

    display: block !important;

    justify-content: center;

    align-items: center;

    margin-top: 0 !important;

}



.industries-section .owl-dots .owl-dot {

    -webkit-appearance: none;

    appearance: none;

    outline: none;

}



.industries-section .owl-dots .owl-dot span {

    width: 8px;

    height: 8px;

    background-color: #c6ccd2;

    margin: 0 7.5px;

    border-radius: 0;

    transition: 500ms;

}



.industries-section .owl-dots .owl-dot.active span,

.industries-section .owl-dots .owl-dot:hover span {

    background-color: var(--thm-base);

}



.industries-section .thm__owl-carousel .owl-nav{

    display: block !important;

    display: block !important;

    position: absolute;

    left: 0px;

    bottom: 35px;

    right: 0px;

    max-width: 300px;

    width: 100%;

    margin: 0 auto;

}



.industries-section .thm__owl-carousel.owl-theme .owl-nav .owl-next,

.industries-section .thm__owl-carousel.owl-theme .owl-nav .owl-prev{

    position: absolute;

    display: inline-block;

    width: 80px;

    height: 40px;

    line-height: 40px;

    border: 1px solid #d2d5dc;

    text-align: center;

    font-size: 20px;

    color: #9aa0af;

    border-radius: 0px;

    font-weight: 400;

    box-shadow: none;

    background: transparent;

}



.industries-section .thm__owl-carousel.owl-theme .owl-nav .owl-prev{

    left: 0px;

}



.industries-section .thm__owl-carousel.owl-theme .owl-nav .owl-next{

    right: 0px;

}



.industries-section .thm__owl-carousel.owl-theme .owl-nav .owl-next:hover,

.industries-section .thm__owl-carousel.owl-theme .owl-nav .owl-prev:hover{

    border-color: var(--thm-base);

    color: var(--thm-base);

    border-radius: 50%;

    border-top-right-radius: 0;

    border-bottom-left-radius: 0;

}



.industries-section .thm__owl-carousel.owl-theme .owl-nav [class*="owl-"]:hover::after{

    color: var(--thm-base);

}



.industries-section .industries-carousel{

    margin-bottom: 10px;

}





/** rental-section **/



.rental-section{

    position: relative;

    padding: 120px 0px;

    width: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    background-attachment: fixed;

}



.rental-section:before{

    position: absolute;

    content: '';

    background: #071230;

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

    right: 0px;

    opacity: 0.95;

}



.rental-section .upper-title{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: flex-end;

    margin-bottom: 42px;

}



.rental-section .upper-title .more-link a{

    display: flex;

    align-items: center;

    color: #fff;

    font-size: 18px;

    font-weight: 600;

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

    position: relative;

    bottom: 10px;

}



.rental-section .upper-title .more-link i{

    width: 44px;

    height: 44px;

    background-color: var(--thm-base);

    border-radius: 50%;

    border-top-right-radius: 0;

    border-bottom-left-radius: 0;

    display: flex;

    text-align: center;

    justify-content: center;

    color: #fff;

    font-size: 19px;

    margin-left: 20px;

    align-items: center;

    transition: 500ms;

}



.rental-section .upper-title .more-link a:hover i{

    border-radius: 0%;

    border-top-right-radius: 50%;

    border-bottom-left-radius: 50%;

    color: var(--thm-black);

    background: #fff;

}



.rental-section .block-title h2{

    color: #fff;

    position: relative;

}



.rental-section .block-title p{

    position: relative;

}



.rental-section .block-title{

    margin-bottom: 0px;

}



.rental-section .single-item .inner-box{

    position: relative;

    display: block;

    text-align: center;

    background: #1c2845;

    padding: 35px 20px 40px 20px;

    transition: all 500ms ease;

}



.rental-section .single-item .inner-box:hover{

    box-shadow: inset 0 0 10px rgba(255,255,255,0.15);

}



.rental-section .single-item .inner-box h3{

    position: relative;

    display: block;

    font-size: 22px;

    line-height: 30px;

    font-weight: 600;

    color: #fff;

    margin-bottom: 30px;

}



.rental-section .single-item .inner-box .image-box{

    position: relative;

    display: block;

    margin-bottom: 20px;

}



.rental-section .single-item .inner-box .sizes{

    position: relative;

    display: block;

    font-size: 14px;

    line-height: 20px;

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

    font-weight: 600;

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

    text-transform: uppercase;

    margin-bottom: 10px;

}



.rental-section .single-item .inner-box p{

    position: relative;

    display: block;

    font-size: 17px;

    line-height: 26px;

    font-weight: 400;

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

    margin-bottom: 30px;

}



.rental-section .single-item .inner-box .thm-btn{

    background: #071230;

    display: block;

    width: 100%;

    color: #fff;

}



.rental-section .single-item .inner-box:hover .thm-btn{

    background: var(--thm-base);

    border-radius: 30px;

    border-top-right-radius: 0px;

    border-bottom-left-radius: 0px;

}



.rental-section .single-item .inner-box .thm-btn i{

    position: relative;

    font-size: 10px;

    margin-left: 8px;

    opacity: 0;

    transition: all 500ms ease;

}



.rental-section .single-item .inner-box:hover .thm-btn i{

    opacity: 1;

}





/** features-section **/



.features-section{

    position: relative;

    padding: 120px 0px;

}



.features-section .title-inner .btn-box a{

    background-color: var(--thm-base);

    color: #fff;

    padding: 15px 37px;

}



.features-section .title-inner .btn-box a:hover{

    background-color: var(--thm-black);

}



.features-section .title-inner .text{

    margin-bottom: 30px;

}



.features-section .title-inner .text p{

    margin: 0px;

}



.features-section .inner-box .single-item{

    position: relative;

    display: block;

    margin-bottom: 40px;

}



.features-section .inner-box .single-item .content-box{

    position: relative;

    display: block;

    background: #fff;

    padding: 24px 20px 24px 100px;

    border-radius: 5px;

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

}



.features-section .inner-box .single-item .content-box .icon-box{

    position: absolute;

    left: 30px;

    top: 20px;

    font-size: 45px;

    line-height: 45px;

    color: var(--thm-base);

}



.features-section .inner-box .single-item .content-box .link-box{

    position: absolute;

    top: 23px;

    right: 20px;

    z-index: 1;

}



.features-section .inner-box .single-item .content-box .link-box a{

    position: relative;

    display: inline-block;

    font-size: 16px;

    color: #9da3b1;

    background: #f1f3f5;

    width: 44px;

    height: 44px;

    line-height: 50px;

    text-align: center;

    border-radius: 50%;

}



.features-section .inner-box .single-item h3{

    position: relative;

    display: block;

    font-size: 22px;

    line-height: 30px;

    font-weight: 600;

    margin: 0px;

}



.features-section .inner-box .single-item .overlay-box h3{

    color: #fff;

    margin-bottom: 10px;

}



.features-section .inner-box .single-item .content-box h3{

    padding-top: 12px;

    color: #222;

}



.features-section .inner-box .single-item .content-box h3:before{

    position: absolute;

    content: '';

    background: #e4e7ee;

    width: 64px;

    height: 2px;

    left: 0px;

    top: 0px;

}



.features-section .inner-box .single-item .overlay-box{

    position: absolute;

    left: 0px;

    top: -10px;

    border-radius: 5px;

    display: block;

    background-color: var(--thm-base);

    padding: 25px 100px 25px 100px;

    width: 100%;

    z-index: 2;

    opacity: 0;

    visibility: hidden;

    transition: all 500ms ease;

}



.features-section .inner-box .single-item:hover .overlay-box{

    top: -25px;

    opacity: 1;

    visibility: visible;

}



.features-section .inner-box .single-item .overlay-box .icon-box{

    position: absolute;

    left: -5px;

    top: 27px;

    font-size: 85px;

    color: rgba(255,255,255,0.15);

}



.features-section .inner-box .single-item .overlay-box p{

    color: #fff;

    margin: 0px;

}



.features-section .inner-box .single-item .overlay-box .link-box{

    position: absolute;

    top: 48px;

    right: 20px;

}



.features-section .inner-box .single-item .overlay-box .link-box a{

    position: relative;

    display: inline-block;

    font-size: 16px;

    color: var(--thm-base);

    background: #fff;

    width: 44px;

    height: 44px;

    line-height: 50px;

    text-align: center;

    border-radius: 50%;

}



.features-section .inner-box .single-item:last-child{

    margin-bottom: 0px;

}





/** funfact-section **/



.funfact-section{

    position: relative;

    padding: 120px 0px;

}



.counter-block-one .count-outer{

    position: relative;

    display: block;

    font-size: 70px;

    line-height: 80px;

    font-weight: 800;

    color: var(--thm-black);

    padding-bottom: 10px;

    margin-bottom: 10px;

}



.counter-block-one .count-outer:before{

    position: absolute;

    content: '';

    background-color: var(--thm-base);

    width: 70px;

    height: 2px;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0px;

}



.counter-block-one h3{

    font-size: 22px;

    line-height: 30px;

    font-weight: 600;

    margin: 0px;

}



.funfact-section .pattern-layer{

    position: absolute;

    left: 0px;

    top: 0px;

    right: 0px;

    width: 100%;

    height: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}





/** process-section **/



.process-section{

    position: relative;

    padding: 120px 0px 120px 0px;

}



.process-section .single-item .inner-box{

    position: relative;

    display: block;

}



.process-section .single-item .inner-box .light-icon{

    position: absolute;

    top: 0px;

    right: 20px;

    font-size: 100px;

    color: #f2f3f7;

}



.process-section .single-item .inner-box .icon-box{

    position: relative;

    font-size: 60px;

    line-height: 50px;

    color: var(--thm-base);

    margin-bottom: 25px;

}



.process-section .single-item .inner-box span{

    position: relative;

    display: block;

    font-size: 15px;

    line-height: 26px;

    font-weight: 600;

    color: #646a7a;

    text-transform: uppercase;

    margin-bottom: 0px;

}



.process-section .single-item .inner-box h3{

    position: relative;

    display: block;

    font-size: 22px;

    line-height: 30px;

    color: var(--thm-black);

    margin-bottom: 14px;

}



.process-section .single-item .inner-box p{

    position: relative;

    margin: 0px;

}



.process-section .single-column:nth-child(2) .single-item,

.process-section .single-column:last-child .single-item{

    padding-top: 292px;

}



.process-section .single-item .inner-box .arrow-box{

    position: absolute;

    width: 180px;

    height: 206px;

    left: 80px;

    background-repeat: no-repeat;

}



.process-section .single-column:first-child .single-item .inner-box .arrow-box,

.process-section .single-column:nth-child(3) .single-item .inner-box .arrow-box{

    bottom: -235px;

}



.process-section .single-column:nth-child(2) .single-item .inner-box .arrow-box{

    top: -250px;

}



.process-section .image-layer .image-1{

    position: absolute;

    left: 0px;

    bottom: 0px;

}



.process-section .image-layer .image-2{

    position: absolute;

    top: 80px;

    right: 0px;

}





/** statistics-section **/



.statistics-section{

    position: relative;

    padding-top: 120px;

    background: #f1f3f5;

}



.statistics-section .bg-column{

    position: absolute;

    left: 0px;

    top: 0px;

    width: 65%;

    height: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}



.statistics-section:before{

    position: absolute;

    content: '';

    background-color: var(--thm-black);

    width: 65%;

    height: 100%;

    left: 0px;

    top: 0px;

    opacity: 0.88;

    z-index: 1;

}



.statistics-section .experience-inner{

    position: relative;

    display: block;

    z-index: 1;

}



.statistics-section .block-title p,

.statistics-section .block-title h2{

    color: #fff;

}



.statistics-section .block-title p span{

    border-bottom: 2px solid #fff;

}



.statistics-section .experience-inner .text{

    margin-bottom: 30px;

}



.statistics-section .experience-inner .text p{

    margin: 0px;

    color: #9aa0af;

}



.progress-box .bar{

  position:relative;

  width:100%;

  height:1px;

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

  border-radius:0px;

  margin-bottom:12px;

}



.progress-box .bar-inner{

  position:relative;

  display:block;

  width:0px;

  height:6px;

  background-color: var(--thm-base);

  border-radius:0px;

  top: 5px;

  -webkit-transition:all 1500ms ease;

  -ms-transition:all 1500ms ease;

  -o-transition:all 1500ms ease;

  -moz-transition:all 1500ms ease;

  transition:all 1500ms ease;

}



.progress-box .count-text{

  position:absolute;

  top: -33px;

  right: 0px;

  font-size:18px;

  color: #fff;

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

  font-weight: 600;

  -webkit-transition:all 500ms ease;

  -ms-transition:all 500ms ease;

  -o-transition:all 500ms ease;

  -moz-transition:all 500ms ease;

  transition:all 500ms ease;

}



.progress-box h4{

    position: relative;

    display: block;

    font-size: 20px;

    line-height: 28px;

    color: #fff;

    font-weight: 600;

    margin-bottom: 7px;

}



.progress-box{

    position: relative;

    margin-bottom: 30px;

}



.progress-box:last-child{

    margin-bottom: 0px;

}





.cta-five{

    position: relative;

}



.cta-five .image-layer .image-1{

    position: absolute;

    left: -100px;

    bottom: 0px;

}



.cta-five .image-layer .image-2{

    position: absolute;

    right: 0px;

    bottom: 0px;

}



.statistics-section .testimonial-inner{

    position: relative;

    display: block;

    padding: 87px 50px 100px 50px;

    background-color: var(--thm-base);

    z-index: 1;

}



.statistics-section .testimonial-inner .quote-box{

    position: absolute;

    top: 50px;

    right: 50px;

    z-index: -1;

}



.statistics-section .client-thumb-outer {

    position: absolute;

    width: 220px;

    margin: 0 auto;

    right: 50px;

    bottom: 100px;

    overflow: hidden;

}



.statistics-section .client-thumb-outer .client-thumbs-carousel{

  position: relative;

  max-width: 70px;

}



.statistics-section .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{

  overflow:visible;

}



.statistics-section .client-thumb-outer .client-thumbs-carousel .thumb-item{

  position:relative;

  width:70px;

  border-radius:50%;

}



.statistics-section .client-thumb-outer .thumb-item .thumb-box{

  width:70px;

  height:70px;

  cursor:pointer;

  overflow: hidden;

  border-radius:50%;

  background-color: var(--thm-black);

}



.statistics-section .client-thumb-outer .owl-item.active .thumb-item{



}



.statistics-section .client-thumb-outer .client-thumbs-carousel .thumb-item img{

  overflow:hidden;

  width:100%;

  height:100%;

  display:block;

  border-radius:50%;

  opacity: 0.2;

}



.statistics-section .client-thumb-outer .owl-item.active .thumb-item img{

    opacity: 1;

}



.statistics-section .testimonial-inner .testimonial-content p{

    position: relative;

    font-size: 22px;

    line-height: 32px;

    color: #fff;

    margin-bottom: 30px;

}



.statistics-section .testimonial-inner .testimonial-content .author-info{

    position: relative;

    padding-left: 20px;

    border-left: 2px solid #fff;

}



.statistics-section .testimonial-inner .testimonial-content .author-info h3{

    position: relative;

    display: block;

    font-size: 22px;

    line-height: 22px;

    color: #fff;

    font-weight: 600;

    margin-bottom: 8px;

}



.statistics-section .testimonial-inner .testimonial-content .author-info .designation{

    position: relative;

    display: block;

    font-size: 18px;

    line-height: 26px;

    color: #fff;

    font-weight: 400;

    margin: 0px;

}



.statistics-section .testimonial-inner .carousel__dot-one .owl-dots{

    position: absolute;

    right: -50px;

    bottom: -100px;

    background: #fff;

    padding: 20px 25px 20px 45px;

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

}







/***



====================================================================

                        Home-Page-Two

====================================================================



***/





/** header-style-two **/



.header-style-two{

    position: absolute;

    left: 0px;

    top: 0px;

    right: 0px;

    width: 100%;

    background: transparent;

    z-index: 99;

}



.header-style-two .header-top{

    position: relative;

}



.header-style-two .header-top .top-inner{

    position: relative;

    padding: 30px 0px;

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

}



.header-style-two .header-top .right-column .info-list li{

    position: relative;

    display: inline-block;

    float: left;

}



.header-style-two .header-top .right-column .info-list .topbar-one__select-box{

    background: transparent;

    width: 130px;

}



.header-style-two .topbar-one__select-box .bootstrap-select > .dropdown-toggle{

    background: transparent;

    padding: 9px 0px 2px 35px;

    width: 130px;

}



.header-style-two .topbar-one__select-box > i{

    font-size: 18px;

    top: 20px;

    left: 0px;

}



.header-style-two .bootstrap-select .dropdown-menu li{

    width: 100%;

    float: none;

    display: block;

}



.header-style-two .header-top .right-column .info-list .pickup-btn{

    margin-right: 10px;

    margin-left: 33px;

}



.header-style-two .header-top .right-column .info-list .pickup-btn a,

.header-style-two .header-top .right-column .info-list .support-btn a{

    position: relative;

    display: inline-block;

    font-size: 18px;

    color: #fff;

    padding: 11.5px 20px;

    width: 200px;

    text-align: center;

    border-radius: 5px;

    transition: all 500ms ease;

}



.header-style-two .header-top .right-column .info-list .pickup-btn a:hover,

.header-style-two .header-top .right-column .info-list .support-btn a:hover{

    background: #fff;

    color: var(--thm-base);

}



.header-style-two .header-top .right-column .info-list .pickup-btn a{

    background-color: var(--thm-black);

}



.header-style-two .header-top .right-column .info-list .support-btn a{

    background-color: var(--thm-base);

}



.header-style-two .header-top .right-column .info-list .pickup-btn a i,

.header-style-two .header-top .right-column .info-list .support-btn a i{

    margin-right: 10px;

    position: relative;

    font-size: 22px;

    top: 4px;

}



.header-style-two .header-top .bootstrap-select .dropdown-toggle .filter-option{

    border-bottom: 1px dashed #fff;

}



.header-style-two .header-one .container{

    display: block;

}



.header-style-two .header-one{

    background: transparent;

}



.header-style-two .header-one__menu > ul > li > a{

    color: #fff;

}



.header-style-two .header-one__menu > ul > li::before{

    background: #fff;

    width: 20px;

    height: 2px;

    left: 50%;

    transform: translateX(-50%);

    opacity: 0;

    transition: all 500ms ease;

}



.header-style-two .header-one__menu > ul > li:hover::before,

.header-style-two .header-one__menu > ul > li.current::before{

    opacity: 1;

}



.header-style-two .header-one__menu > ul > li{

    padding-bottom: 9px;

    padding-top: 24px;

}



.header-style-two .header-one__menu{

    margin-left: 0px;

}



.header-style-two .menu-right-content{

    margin-top: 26px;

}



.menu-right-content .social-links li{

    position: relative;

    display: inline-block;

    margin-right: 10px;

}



.menu-right-content .social-links{

    position: relative;

    float: left;

    margin-right: 35px;

}



.menu-right-content .social-links:before{

    position: absolute;

    content: '';

    background: #fff;

    width: 1px;

    height: 18px;

    top: 3px;

    right: -21px;

}



.menu-right-content .social-links li:last-child{

    margin-right: 0px;

}



.menu-right-content .social-links li a{

    position: relative;

    display: inline-block;

    font-size: 20px;

    color: #fff;

}



.header-style-two .header-one.stricky-fixed{

    background: var(--thm-black);

    padding-bottom: 10px;

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

}



/** search box btn **/



.search-box-outer {

  position: relative;

  float: left;

}



.search-box-outer .search-box-btn{

  position: relative;

  font-size: 18px;

  text-align: center;

  color: #ffffff;

  cursor: pointer;

  display: inline-block;

  background: transparent;

  transition: all 500ms ease;

  background-size: cover;

  border: none;

  outline: none;

  background-repeat: no-repeat;

  background-position: center;

}



.search-box-outer .dropdown-menu {

  top: 40px !important;

  padding: 0px;

  width: 330px;

  border-radius: 0px;

  background: #ffffff;

  right: 0;

  left: auto !important;

  transform: translate3d(0px, 0px, 0px) scale3d(0.8,0.8,0.8) !important;

  border-color: transparent;

  border-radius: 3px;

  box-shadow: 7px 5px 30px 0 rgba(72,73,121,0.15);

  transition: .5s ease;

  display: block;

  opacity: 0;

  visibility: hidden;

}



.search-box-outer .show .dropdown-menu {

  display: block;

  transform: scale3d(1,1,1)!important;

  opacity: 1;

  visibility: visible;

}



.search-box-outer .search-panel .form-container{

  padding: 30px;

}



.search-box-outer .search-panel .form-group {

  position: relative;

  margin: 0px;

}



.search-box-outer .search-panel input[type="text"],

.search-box-outer .search-panel input[type="search"],

.search-box-outer .search-panel input[type="password"],

.search-box-outer .search-panel select {

  display: block;

  width: 100%;

  line-height: 24px;

  padding: 9px 50px 9px 15px;

  height: 50px;

  border: 1px solid #f3f5fe;

  border-radius: 3px;

  background: #f3f5fe;

  border: none;

  outline: none;

}



.search-box-outer .search-panel input:focus,

.search-box-outer .search-panel select:focus {

  border-color: #f3f5fe;

}



.search-box-outer .search-panel .search-btn {

  position: absolute;

  right: 1px;

  top: 1px;

  width: 50px;

  height: 48px;

  text-align: center;

  color: #111111;

  background: #f3f5fe;

  font-size: 14px;

  border-radius: 0px 3px 3px 0px;

  cursor: pointer;

  border: none;

  outline: none;

}



.search-box-outer .dropdown-toggle::after {

  display: none;

}





/** banner-style-two **/



.banner-section.style-two .banner-carousel-2 .slide-item{

    position: relative;

    padding: 335px 0px 240px 0px;

}



.banner-section.style-two .banner-carousel-2 .slide-item:before{

    position: absolute;

    content: '';

    background: #000615;

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

    right: 0px;

    opacity: 0.7;

    z-index: 1;

}



.banner-section.style-two .content-box{

    position: relative;

    max-width: 950px;

    width: 100%;

    margin: 0 auto;

    text-align: center;

}



.banner-section.style-two .content-box h1{

    font-size: 70px;

    line-height: 82px;

}



.banner-section.style-two .content-box h1 span{

    font-weight: 400;

}



.banner-section .content-box p{

  position: relative;

  display: block;

  font-size: 24px;

  line-height: 30px;

  color: #fff;

  margin-bottom: 42px;

  opacity: 0;

  -webkit-transform: translateX(-100px);

  -moz-transform: translateX(-100px);

  -ms-transform: translateX(-100px);

  -o-transform: translateX(-100px);

  transform: translateX(-100px);

  -webkit-transition: all 1300ms ease;

  -moz-transition: all 1300ms ease;

  -ms-transition: all 1300ms ease;

  -o-transition: all 1300ms ease;

  transition: all 1300ms ease;

}



.banner-section .active .content-box p{

  opacity: 1;

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

  -webkit-transition-delay: 1300ms;

  -moz-transition-delay: 1300ms;

  -ms-transition-delay: 1300ms;

  -o-transition-delay: 1300ms;

  transition-delay: 1300ms;

}



.banner-section.style-two .content-box h5{

    padding-right: 70px;

}



.banner-section.style-two .content-box h5:after{

    position: absolute;

    content: '';

    background-color: var(--thm-base);

    width: 50px;

    height: 2px;

    right: 0px;

    bottom: 9px;

}



.banner-section.style-two .owl-nav{

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

}



.banner-section.style-two .owl-nav .owl-prev,

.banner-section.style-two .owl-nav .owl-next{

    position: absolute;

    display: inline-block;

    width: 70px;

    height: 70px;

    line-height: 74px;

    background: #fff;

    font-size: 40px;

    font-weight: 400;

    color: #9ea3b2;

    text-align: center;

    border-radius: 0px;

    box-shadow: none;

    outline: none;

    cursor: pointer;

    margin: 0px;

    transition: all 500ms ease;

}



.banner-section.style-two .owl-nav .owl-prev{

    left: 0px;

}



.banner-section.style-two .owl-nav .owl-next{

    right: 0px;

}



.banner-section.style-two .owl-nav .owl-prev:hover,

.banner-section.style-two .owl-nav .owl-next:hover{

    background-color: var(--thm-base);

    color: #fff;

}





.bg-color-1{

    background: #f1f3f5;

}



/** workin-area-two **/



.workin-area-two{

    position: relative;

    padding: 0px;

}



.workin-area-two .inner-container{

    position: relative;

    margin-top: -60px;

    z-index: 1;

}



.workin-area-two .single-item .inner-box{

    position: relative;

    display: block;

    background: #fff;

    padding: 33px 40px;

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

}



.workin-area-two .single-item .inner-box h3{

    position: relative;

    display: inline-block;

    font-size: 22px;

    line-height: 30px;

    color: var(--thm-black);

    border-bottom: 2px solid #e4e7ee;

    font-weight: 600;

    padding-bottom: 3px;

    margin-bottom: 25px;

    transition: all 500ms ease;

}



.workin-area-two .single-item .inner-box h3:before{

    position: absolute;

    content: '';

    background-color: var(--thm-base);

    left: 0px;

    bottom: -2px;

    width: 0%;

    height: 2px;

    transition: all 500ms ease;

}



.workin-area-two .single-item .inner-box:hover h3:before{

    width: 100%;

}



.workin-area-two .single-item .inner-box .inner{

    position: relative;

    padding-left: 118px;

}



.workin-area-two .single-item .inner-box .inner .icon-box{

    position: absolute;

    left: 0px;

    top: 7px;

    font-size: 75px;

    line-height: 50px;

    color: #9aa0af;

    transition: all 500ms ease;

}



.workin-area-two .single-item .inner-box:hover .inner .icon-box{

    color: var(--thm-base);

}



.workin-area-two .single-item .inner-box .inner p{

    font-size: 18px;

    line-height: 26px;

    margin-bottom: 11px;

}



.workin-area-two .single-item .inner-box .inner a{

    position: relative;

    display: inline-block;

    font-size: 18px;

    line-height: 26px;

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

    color: var(--thm-black);

    font-weight: 600;

    margin: 0px;

    transition: all 500ms ease;

}



.workin-area-two .single-item .inner-box .inner a:hover{

    color: var(--thm-base);

}



.workin-area-two .single-item .inner-box .inner a i{

    position: relative;

    font-size: 10px;

    margin-left: 5px;

    font-weight: 700;

    opacity: 0;

    transition: all 500ms ease;

}



.workin-area-two .single-item .inner-box .inner a:hover i{

    opacity: 1;

}



.industries-section .btn-box .thm-btn.btn-one{

    background-color: var(--thm-black);

    color: #fff;

}



.industries-section .btn-box .thm-btn.btn-one:hover{

    background-color: var(--thm-base);

}



.industries-section .btn-box .thm-btn.btn-two{

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

}



.industries-section .btn-box .thm-btn{

    margin: 0px 8px;

}



.industries-section .btn-box{

    position: relative;

    margin-top: 30px;

}





/** about-style-two **/



.about-style-two{

    position: relative;

    padding: 120px 0px 40px 0px;

}



.about-style-two .image-box{

    position: relative;

    display: block;

    margin-right: 20px;

    padding-left: 280px;

    padding-bottom: 192px;

}



.about-style-two .image-box .image-1 img{

    width: 100%;

}



.about-style-two .image-box .image-1{

    position: relative;

    overflow: hidden;

    display: block;

}



.about-style-two .image-box .image-1:before{

  position: absolute;

  top: 0;

  left: -75%;

  display: block;

  content: '';

  width: 50%;

  height: 100%;

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

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

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

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

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

  transform: skewX(-25deg);

}



.about-style-two .image-box:hover .image-1:before{

  -webkit-animation: shine 1s;

  animation: shine 1s;

}



.about-style-two .image-box .image-2{

    position: absolute;

    right: 280px;

    bottom: 0px;

    z-index: 1;

}



.about-style-two .image-box .image-3{

    position: absolute;

    right: 60px;

    bottom: 117px;

    -webkit-animation: service_hexagon_2 15s infinite linear;

    -moz-animation: service_hexagon_2 15s infinite linear;

    -o-animation: service_hexagon_2 15s infinite linear;

    animation: service_hexagon_2 15s infinite linear;

}



.about-style-two .image-box .image-content{

    position: absolute;

    left: 0px;

    top: 35px;

    max-width: 270px;

    width: 100%;

    background-color: var(--thm-black);

    padding: 45px 30px 110px 100px;

}



.about-style-two .image-box .image-content .icon-box{

    position: absolute;

    left: 25px;

    top: 50px;

    font-size: 65px;

    line-height: 50px;

    color: #fff;

}



.about-style-two .image-box .image-content h2{

    position: relative;

    display: inline-block;

    font-size: 50px;

    line-height: 45px;

    color: #fff;

    font-weight: 600;

    margin-bottom: 0px;

}



.about-style-two .image-box .image-content h2:before{

    position: absolute;

    content: '+';

    font-size: 24px;

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

    color: #fff;

    font-weight: 600;

    top: -11px;

    left: 68px;

}



.about-style-two .image-box .image-content h2 span{

    font-size: 16px;

    text-transform: uppercase;

}



.about-style-two .image-box .image-content h6{

    position: relative;

    display: block;

    font-size: 16px;

    line-height: 22px;

    color: #fff;

    font-weight: 600;

    text-transform: uppercase;

    margin: 0px;

}



.about-style-two .content-box h3{

    position: relative;

    display: block;

    font-size: 24px;

    line-height: 30px;

    color: var(--thm-black);

    font-weight: 600;

    margin-bottom: 19px;

}



.about-style-two .content-box .text{

    position: relative;

    margin-bottom: 32px;

}



.about-style-two .content-box .text p{

    font-size: 18px;

    line-height: 26px;

    margin: 0px;

}



.about-style-two .content-box .author-info{

    position: relative;

    display: block;

    padding-left: 125px;

    margin-bottom: 44px;

}



.about-style-two .content-box .author-info .author-thumb{

    position: absolute;

    left: 0px;

    top: 0px;

    width: 60px;

    height: 60px;

    border-radius: 50%;

}



.about-style-two .content-box .author-info .author-thumb img{

    position: relative;

    width: 100%;

    border-radius: 50%;

    z-index: 1;

}



.about-style-two .content-box .author-info .author-thumb a{

    position: absolute;

    top: 0px;

    right: -45px;

    font-size: 18px;

    color: #fff;

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    border-radius: 50%;

    background-color: var(--thm-base);

    transition: all 500ms ease;

}



.about-style-two .content-box .author-info .author-thumb a:hover{

    background-color: var(--thm-black);

}



.about-style-two .content-box .author-info h3{

    position: relative;

    font-size: 24px;

    line-height: 30px;

    color: var(--thm-black);

    font-weight: 600;

    margin-bottom: 9px;

}



.about-style-two .content-box .author-info .designation{

    position: relative;

    display: block;

    font-size: 14px;

    line-height: 20px;

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

    color: var(--thm-base);

    font-weight: 600;

    text-transform: uppercase;

    margin: 0px;

}



.about-style-two .content-box .more-link a{

    position: relative;

    display: inline-block;

    font-size: 18px;

    line-height: 28px;

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

    color: var(--thm-black);

    font-weight: 600;

    border-bottom: 2px solid #e4e7ee;

    margin: 0px;

    transition: all 500ms ease;

}



.about-style-two .content-box .more-link a:hover{

    color: var(--thm-base);

}



.about-style-two .content-box .block-title{

    margin-bottom: 32px;

}



.bg-color-2{

    background-color: var(--thm-black);

}



.block-title.light h2{

    color: #fff;

}





/** service-section **/



.service-section{

    position: relative;

    padding: 120px 0px 112px 0px;

}



.service-section .title-inner .text p{

    position: relative;

    font-size: 18px;

    line-height: 26px;

    color: #9399a9;

    margin: 0px;

}



.service-block-one .inner-box{

    position: relative;

    display: block;

    background: #1a2542;

    overflow: hidden;

}



.service-block-one .inner-box .image-box{

    position: relative;

    display: block;

    overflow: hidden;

    background-color: var(--thm-black);

}



.service-block-one .inner-box .image-box img{

    width: 100%;

    transition: all 500ms ease;

}



.service-block-one .inner-box:hover .image-box img{

    opacity: 0.12;

    transform: scale(1.1);

}



.service-block-one .inner-box .image-box .overlay-icon{

    position: absolute;

    left: 50%;

    top: 38%;

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

    opacity: 0;

    transition: all 500ms ease;

}



.service-block-one .inner-box:hover .image-box .overlay-icon{

    opacity: 1;

}



.service-block-one .inner-box .image-box .icon-box{

    position: absolute;

    right: 0px;

    bottom: 0px;

    transition: all 500ms ease;

}



.service-block-one .inner-box:hover .image-box .icon-box{

    opacity: 0;

}



.service-block-one .inner-box .image-box .icon{

    font-size: 60px;

    color: #fff;

    width: 80px;

    line-height: 96px;

    height: 80px;

    text-align: center;

    background-color: var(--thm-base);

}



.service-block-one .inner-box .lower-content{

    position: relative;

    display: block;

    padding: 28px 30px 29px 30px;

}



.service-block-one .inner-box h3{

    position: relative;

    display: block;

    font-size: 22px;

    line-height: 30px;

    color: #fff;

    font-weight: 600;

    margin: 0px;

}



.service-block-one .inner-box h3 a{

    display: inline-block;

    color: #fff;

    transition: all 500ms ease;

}



.service-block-one .inner-box h3 a:hover{

    color: var(--thm-base);

}



.service-block-one .inner-box .lower-content .link a{

    color: #9aa0af;

    font-size: 18px;

    font-weight: 600;

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

    display: flex;

    align-items: baseline;

    position: relative;

    margin-top: 27px;

}



.service-block-one .inner-box .lower-content .link a::before {

    content: '';

    width: 50px;

    height: 2px;

    background-color: #798193;

    margin-right: 10px;

}



.service-block-one .inner-box .lower-content .link a::after {

    content: '';

    width: 2px;

    height: 10px;

    position: absolute;

    left: 45px;

    bottom: 7px;

    transform: rotate(-45deg);

    background-color: #798193;

}



.service-block-one .inner-box .overlay-content{

    position: absolute;

    left: 0px;

    bottom: -15px;

    width: 100%;

    background: #1a2542;

    padding: 28px 30px 29px 30px;

    opacity: 0;

    visibility: hidden;

    z-index: 1;

    transition: all 500ms ease;

}



.service-block-one .inner-box:hover .overlay-content{

    bottom: 0px;

    opacity: 1;

    visibility: visible;

}



.service-block-one .inner-box .overlay-content h3{

    margin-bottom: 18px;

}



.service-block-one .inner-box .overlay-content p{

    font-size: 18px;

    line-height: 26px;

    color: #b6bbc8;

    margin-bottom: 27px;

}



.service-block-one .inner-box .overlay-content .link a{

    position: relative;

    color: #fff;

    align-items: center;

    font-size: 18px;

    font-weight: 600;

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

    display: flex;

    z-index: 10;

    margin: 0;

    transition: all 500ms ease;

}



.service-block-one .inner-box .overlay-content .link a:hover{

    color: var(--thm-base);

}



.service-block-one .inner-box .overlay-content .link a span{

    display: flex;

    position: relative;

    width: 50px;

    height: 2px;

    background-color: #fff;

    margin-right: 10px;

}



.service-block-one .inner-box .overlay-content .link a span::before {

    bottom: 0px;

    transform: rotate(-45deg);

}



.service-block-one .inner-box .overlay-content .link a span::after,

.service-block-one .inner-box .overlay-content .link a span::before {

    content: '';

    width: 2px;

    height: 10px;

    background-color: #fff;

    position: absolute;

    left: 45px;

}



.service-block-one .inner-box .overlay-content .link a span::after {

    bottom: -7px;

    transform: rotate(45deg);

}



.service-section .title-inner{

    position: relative;

    display: block;

    margin-bottom: 50px;

}



.service-section .title-inner .block-title{

    margin-bottom: 15px;

}



.service-section .more-text p{

    position: relative;

    display: block;

    font-size: 18px;

    line-height: 26px;

    margin: 0px;

    color: #9aa0af;

}



.service-section .more-text p a{

    color: #fff;

    transition: all 500ms ease;

}



.service-section .more-text p a:hover{

    color: var(--thm-base);

}



.service-section .more-text{

    position: relative;

    display: block;

    margin-top: 55px;

}





/** chooseus-section **/



.chooseus-section{

    position: relative;

    padding-top: 120px;

}



.chooseus-section .career-benefit__single h3{

    color: var(--thm-black);

    margin-bottom: 31px;

}



.chooseus-section .career-benefit__single h3 a{

    color: var(--thm-black);

}



.chooseus-section .career-benefit__single h3 a:hover{

    color: var(--thm-base);

}



.chooseus-section .career-benefit__single{

    margin-bottom: 70px;

}



.chooseus-section .career-benefit__single h3::before{

    font-weight: 400;

}



.chooseus-section .image-box{

    position: relative;

    display: block;

    margin-right: 30px;

    margin-top: 60px;

}



.chooseus-section .image-box .image img{

    max-width: none;

    float: right;

    right: 5px;

    position: relative;

}



.chooseus-section .image-box .block-title{

    margin-right: 40px;

    margin-bottom: 0px;

}



.chooseus-section .image-box .block-title h2{

    background: #fff;

    padding-bottom: 20px;

    padding-top: 20px;

    margin-top: 6px;

}



.chooseus-section .image-box:before{

    position: absolute;

    content: '';

    border: 6px solid;

    border-color: var(--thm-base);

    width: 333px;

    height: 518px;

    top: -60px;

    right: 0px;

    z-index: -1;

}





/** case-section **/



.case-section{

    position: relative;

    padding: 120px 0px 120px 0px;

}



.case-section .owl-carousel .owl-dots{

    display: block !important;

    margin-top: 20px !important;

}



.case-section .title-inner .block-title{

    margin-bottom: 0px;

}



.case-section .title-inner{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: flex-end;

    margin-bottom: 50px;

}



.case-section .title-inner .more-link a {

    display: flex;

    align-items: center;

    color: var(--thm-black);

    font-size: 18px;

    font-weight: 600;

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

    position: relative;

    bottom: 10px;

}



.case-section .title-inner .more-link a i {

    width: 44px;

    height: 44px;

    background-color: var(--thm-base);

    border-radius: 50%;

    border-top-right-radius: 0;

    border-bottom-left-radius: 0;

    display: flex;

    text-align: center;

    justify-content: center;

    color: #fff;

    font-size: 19px;

    margin-left: 20px;

    align-items: center;

    transition: 500ms;

}



.case-section .title-inner .more-link a:hover i {

    border-radius: 0%;

    border-top-right-radius: 50%;

    border-bottom-left-radius: 50%;

    background-color: var(--thm-black);

}



.team-three.alternat-2{

    position: relative;

    padding-top: 120px;

    padding-bottom: 0px;

}



.team-three.alternat-2:before{

    position: absolute;

    content: '';

    background: var(--thm-base);

    width: 100%;

    height: 580px;

    left: 0px;

    top: 0px;

    right: 0px;

    opacity: 0.92;

    z-index: 1;

}



.team-three.alternat-2 .image-layer{

    position: absolute;

    left: 0px;

    top: 0px;

    right: 0px;

    width: 100%;

    height: 580px;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    background-attachment: fixed;

}



.team-three.alternat-2 .block-title{

    position: relative;

    margin-bottom: 78px;

    z-index: 1;

}



.team-three.alternat-2 .block-title p span{

    border-bottom: 2px solid #fff;

}



.team-three.alternat-2 .block-title p{

    color: #fff;

}



.funfact-section.alternat-2 .counter-block-one{

    border-right: 1px solid #e4e7ee;

}



.funfact-section.alternat-2 .counter-block:first-child .counter-block-one{

    border-left: 1px solid #e4e7ee;

}



.funfact-section.alternat-2{

    box-shadow: inset 0px -40px 60px 0px #f1f3f5;

}





/** process-style-two **/



.process-style-two{

    position: relative;

    padding: 120px 0px 120px 0px;

}



.process-style-two .block-title{

    margin-bottom: 14px;

}



.process-style-two .title-inner{

    margin-bottom: 50px;

}



.process-style-two .title-inner .text p{

    font-size: 18px;

    line-height: 26px;

}



.process-style-two .single-item .inner-box .icon-box{

    position: relative;

    display: block;

    text-align: center;

    font-size: 65px;

    line-height: 65px;

    color: var(--thm-base);

    width: 108px;

    margin: 0 auto 23px auto;

    background: #fff;

    transition: all 500ms ease;

}



.process-style-two .single-item .inner-box:hover .icon-box{

    transform: rotateY(180deg);

}



.process-style-two .single-item .inner-box .content-box{

    position: relative;

    padding-left: 100px;

}



.process-style-two .single-item .inner-box .content-box .count-text{

    position: absolute;

    left: 0px;

    top: 12px;

    font-size: 100px;

    line-height: 100px;

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

    font-weight: 700;

    color: transparent;

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

    -webkit-text-stroke-color: #d4d7de

}



.process-style-two .single-item .inner-box .content-box .count-text:before{

    position: absolute;

    content: '';

    background: #f4f6f7;

    width: 70px;

    height: 70px;

    border-radius: 50%;

    left: -14px;

    top: -7px;

    z-index: -1;

    transition: all 500ms ease;

}



.process-style-two .single-item .inner-box:hover .content-box .count-text:before{

    transform: scale(1.3);

    opacity: 0.5;

}



.process-style-two .single-item .inner-box .content-box h3{

    position: relative;

    display: block;

    font-size: 22px;

    line-height: 30px;

    color: var(--thm-black);

    font-weight: 600;

    margin-bottom: 13px;

}



.process-style-two .single-item .inner-box .content-box p{

    position: relative;

    font-size: 18px;

    line-height: 26px;

    margin: 0px;

}



.process-style-two .single-item .inner-box .arrow-icon{

    position: absolute;

    left: 95%;

    top: 10px;

    font-size: 12px;

    color: #9aa0af;

    border: 2px dotted #d7dae0;

    background: #fff;

    border-radius: 50%;

    width: 48px;

    height: 48px;

    line-height: 48px;

    text-align: center;

}



.process-style-two .border-box{

    position: relative;

    display: block;

    width: 100%;

    height: 1px;

    border: 1px dashed #d5d8df;

    top: 35px;

}



.process-style-two .border-box:before{

    position: absolute;

    content: '';

    width: 100%;

    left: 0px;

    top: 0px;

    border: 1px dashed #fff;

}



.process-style-two .border-box .icon{

    position: absolute;

    top: -14px;

    font-size: 30px;

    color: #9aa0af;

    width: 76px;

    background: #fff;

    text-align: center;

}



.process-style-two .border-box .icon-1{

    left: 0px

}



.process-style-two .border-box .icon-2{

    right: 0px;

}



.bg-color-3{

    background-color: var(--thm-base);

}



.brand-one.alternat-2 .brand-one__box img {

    opacity: 1;

    filter: grayscale(0%);

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -o-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.brand-one.alternat-2 .brand-one__box img:hover{

    opacity: 0.5;

}



.brand-one.alternat-2{

    padding: 80px 0px;

}





/** testimonial-section **/



.testimonial-section{

    position: relative;

    padding: 120px 0px 120px 0px;

}



.testimonial-section .testimonial-block-one{

    position: relative;

    margin-top: 40px;

}



.testimonial-block-one .inner-box .upper-box{

    position: relative;

    display: block;

    background: #fff;

    padding: 0px 50px;

    margin-bottom: 39px;

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

}



.testimonial-block-one .inner-box .upper-box .image-box{

    position: relative;

    display: inline-block;

    width: 80px;

    height: 80px;

    border-radius: 50%;

    margin: -40px 0px 31px 0px;

}



.testimonial-block-one .inner-box .upper-box .image-box img{

    width: 100%;

    border-radius: 50%;

}



.testimonial-block-one .inner-box .upper-box .rating li{

    position: relative;

    display: inline-block;

    font-size: 18px;

    margin: 0px 3px;

    color: var(--thm-base);

}



.testimonial-block-one .inner-box .upper-box .rating{

    margin-bottom: 17px;

}



.testimonial-block-one .inner-box .upper-box p{

    position: relative;

    font-size: 18px;

    line-height: 28px;

    margin-bottom: 31px;

}



.testimonial-block-one .inner-box .upper-box .quote-box{

    position: relative;

    display: inline-block;

    font-size: 20px;

    color: #fff;

    width: 80px;

    height: 40px;

    line-height: 48px;

    z-index: 1;

}



.testimonial-block-one .inner-box .upper-box .quote-box:before{

    position: absolute;

    content: '';

    background-color: var(--thm-base);

    width: 80px;

    height: 40px;

    left: 0px;

    top: 0px;

    z-index: -1;

    border-top-right-radius: 80px;

    border-top-left-radius: 80px;

}



.testimonial-block-one .inner-box .upper-box .quote-box:after{

    position: absolute;

    content: '';

    background-color: var(--thm-base);

    width: 30px;

    height: 30px;

    left: 25px;

    bottom: -10px;

    z-index: -1;

    transform: rotate(45deg);

}



.testimonial-block-one .inner-box .author-info h3{

    position: relative;

    display: block;

    font-size: 22px;

    line-height: 30px;

    color: var(--thm-black);

    font-weight: 600;

    margin-bottom: 6px;

}



.testimonial-block-one .inner-box .author-info .designation{

    position: relative;

    display: block;

    font-size: 18px;

    line-height: 26px;

    margin: 0px;

}



.testimonial-section .block-title{

    margin-bottom: 50px;

}





/** our-locations **/



.our-locations{

    position: relative;

}



.our-locations .location-inner .single-location-box{

    position: absolute;

}



.our-locations .inner-box{

    position: relative;

    padding: 120px 0px;

}



.our-locations .location-inner{

    position: relative;

    max-width: 570px;

    min-height: 342px;

}



.our-locations .location-inner .pattern-layer{

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}



.our-locations .location-inner .single-location-box .dots{

    position: absolute;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    background: #fff;

    cursor: pointer;

}



.our-locations .location-inner .single-location-box .dots:before{

    position: absolute;

    content: '';

    background-color: var(--thm-base);

    width: 6px;

    height: 6px;

    border-radius: 50%;

    left: 7px;

    top: 7px;

}



.our-locations .location-inner .single-location-box.active .dots:after,

.our-locations .location-inner .single-location-box:hover .dots:after{

  width: 20px;

  height: 20px;

  border-radius: 50%;

  background: transparent;

  position: absolute;

  top: 50%;

  left: 50%;

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

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

  -webkit-animation-delay: .6s;

  animation-delay: .6s;

  content: "";

  position: absolute;

  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);

  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);

  -webkit-animation: ripple 2s infinite;

  animation: ripple 2s infinite;

  -webkit-transition: all .5s ease;

  transition: all .5s ease;

}



@-webkit-keyframes ripple {

  70% {

    -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);

            box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

  }

}

@keyframes ripple {

  70% {

    -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);

            box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

  }

}



.our-locations .location-inner .single-location-box .text{

    position: absolute;

    left: -80px;

    bottom: 16px;

    background: #fff;

    width: 180px;

    padding: 15px 20px 13px 20px;

    text-align: center;

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

    z-index: 1;

    visibility: hidden;

    opacity: 0;

    transition: all 500ms ease;

}



.our-locations .location-inner .single-location-box.active .text,

.our-locations .location-inner .single-location-box:hover .text{

    visibility: visible;

    opacity: 1;

    bottom: 26px;

}



.our-locations .location-inner .single-location-box .text:before{

    position: absolute;

    content: '';

    background: #fff;

    width: 30px;

    height: 30px;

    left: 75px;

    bottom: -9px;

    transform: rotate(45deg);

    z-index: -1;

}



.our-locations .location-inner .single-location-box .text h5{

    font-size: 18px;

    line-height: 26px;

    font-weight: 600;

    color: var(--thm-black);

    margin-bottom: 4px;

}



.our-locations .location-inner .single-location-box .text p{

    font-size: 18px;

    line-height: 24px;

    margin: 0px;

}



.our-locations .location-inner .location-1{

    left: 25px;

    top: 130px;

}



.our-locations .location-inner .location-2{

    left: 165px;

    top: 147px;

}



.our-locations .location-inner .location-3{

    right: 180px;

    top: 100px;

}



.our-locations .location-inner .location-4{

    left: 110px;

    top: 230px;

}



.our-locations .location-inner .location-5{

    left: 225px;

    top: 240px;

}



.our-locations .location-inner .location-6{

    right: 120px;

    top: 155px;

}



.our-locations .location-inner .location-7{

    right: 230px;

    top: 155px;

}



.our-locations .location-inner .location-8{

    right: 265px;

    bottom: 70px;

}



.our-locations .block-title{

    margin-bottom: 50px;

}



.mb-0{

    margin-bottom: 0px;

}



.our-locations .contact-one__form-inner{

    background: transparent;

    box-shadow: none;

    padding: 0px;

}



.our-locations .contact-one__form::before{

    display: none;

}



.our-locations .image-layer{

    position: absolute;

    right: 0px;

    bottom: 0px;

}



.our-locations .contact-one__form{

    background: transparent;

    margin: 0px;

}



.our-locations .form-inner{

    margin-left: 35px;

    padding: 100px 65px;

    box-shadow: -10px 0 15px rgba(0,0,0,0.05);

}





/** footer-style-two **/



.footer-style-two{

    position: relative;

}



.footer-style-two .footer-top{

    position: relative;

    padding: 93px 0px 60px 0px;

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

}



.footer-style-two .footer-top .subscribe-inner .subscribe-form .form-group{

    position: relative;

    display: block;

    padding-right: 180px;

    margin: 0px;

}



.footer-style-two .footer-top .subscribe-inner .subscribe-form .form-group input[type='email']{

    position: relative;

    display: block;

    width: 100%;

    height: 56px;

    background: #fff;

    padding: 10px 20px;

    border-radius: 5px;

    font-size: 18px;

    color: #646a7a;

    border: 2px solid #fff;

    outline: none;

    box-shadow: none;

    transition: all 500ms ease;

}



.footer-style-two .footer-top .subscribe-inner .subscribe-form .form-group input:focus{

    border-color: var(--thm-base);

}



.footer-style-two .footer-top .subscribe-inner .subscribe-form .form-group button{

    position: absolute;

    top: 0px;

    right: 0px;

    color: #fff;

    background: var(--thm-base);

    padding: 15px 29px;

}



.footer-style-two .footer-top .subscribe-inner .subscribe-form .form-group button:hover{

    background: #fff;

    color: var(--thm-base);

}



.footer-style-two .footer-top h3{

    position: relative;

    display: block;

    font-size: 22px;

    line-height: 30px;

    color: #fff;

    font-weight: 600;

    margin-bottom: 23px;

}



.footer-style-two .social-inner .social-links li{

    position: relative;

    display: inline-block;

    margin-right: 7px;

}



.footer-style-two .social-inner .social-links li:last-child{

    margin-right: 0px;

}



.footer-style-two .social-inner .social-links li a{

    position: relative;

    display: inline-block;

    font-size: 18px;

    width: 56px;

    height: 56px;

    line-height: 56px;

    text-align: center;

    border-radius: 5px;

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

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

    transition: all 500ms ease;

}



.footer-style-two .social-inner .social-links li a:hover{

    border-radius: 25px 0px 25px 0px;

    border-color: var(--thm-base);

    background: var(--thm-base);

    color: #fff;

}



.footer-style-two .widget-section{

    position: relative;

    padding: 67px 0px 100px 0px;

}



.footer-style-two .widget-section .logo-widget{

    margin-top: -7px;

}



.footer-style-two .widget-section .logo-widget .footer-logo{

    position: relative;

    margin-bottom: 35px;

}



.footer-style-two .widget-section .logo-widget .info-list li{

    position: relative;

    display: block;

    font-size: 18px;

    line-height: 26px;

    color: #9aa0af;

    margin-bottom: 19px;

}



.footer-style-two .widget-section .logo-widget .info-list li:last-child{

    margin-bottom: 0px;

}



.footer-style-two .widget-section .logo-widget .info-list li a{

    color: #9aa0af;

    transition: all 500ms ease;

}



.footer-style-two .widget-section .logo-widget .info-list li a:hover{

    color: var(--thm-base);

}



.footer-style-two .widget-section .post-widget .post{

    position: relative;

    display: block;

    margin-bottom: 28px;

}



.footer-style-two .widget-section .post-widget .post:last-child{

    margin-bottom: 0px;

}



.footer-style-two .widget-section .post-widget .post h5{

    position: relative;

    display: block;

    font-size: 18px;

    line-height: 26px;

    color: #fff;

    font-weight: 600;

    margin-bottom: 8px;

}



.footer-style-two .widget-section .post-widget .post h5 a{

    display: inline-block;

    color: #fff;

    transition: all 500ms ease;

}



.footer-style-two .widget-section .post-widget .post h5 a:hover{

    color: var(--thm-base);

}



.footer-style-two .widget-section .post-widget .post .post-date{

    position: relative;

    display: block;

    font-size: 16px;

    color: #9aa0af;

}



.footer-style-two .widget-section .post-widget .post .post-date i{

    font-size: 14px;

    color: var(--thm-base);

    margin-right: 8px;

}



.footer-style-two .gallery-widget .image-list{

    position: relative;

    margin: 0px -7.5px;

}



.footer-style-two .gallery-widget .image-list li{

    position: relative;

    float: left;

    margin: 0px 7.5px 15px 7.5px;

}



.footer-style-two .gallery-widget .image-list li .image{

    width: 80px;

    height: 80px;

    position: relative;

    display: block;

    overflow: hidden;

    background: var(--thm-base);

}



.footer-style-two .gallery-widget .image-list li .image img{

    width: 100%;

    transition: all 500ms ease;

}



.footer-style-two .gallery-widget .image-list li .image:hover img{

    opacity: 0.2;

}





/***



====================================================================

                        Home-Page-Three

====================================================================



***/



.header-style-three{

    position: relative;

    background: #fff;

}



.header-style-three .header-top{

    position: relative;

    padding: 14.5px 50px;

    border-bottom: 1px solid #e4e7ee;

}



.header-style-three .header-top .left-column .info-list li{

    position: relative;

    display: inline-block;

    font-size: 18px;

    line-height: 26px;

    color: #646a7a;

    margin-right: 40px;

}



.header-style-three .header-top .left-column .info-list li:last-child{

    margin-right: 0px;

}



.header-style-three .header-top .left-column .info-list li a{

    color: #646a7a;

    transition: all 500ms ease;

}



.header-style-three .header-top .left-column .info-list li a:hover{

    color: var(--thm-base);

}



.header-style-three .header-top .left-column .info-list li i{

    margin-right: 10px;

    color: #9aa0af;

    font-size: 20px;

    position: relative;

    top: 2px;

}



.header-style-three .header-top .left-column .info-list li:before{

    position: absolute;

    content: '';

    background: #d4d7de;

    width: 1px;

    height: 20px;

    top: 4px;

    right: -17px;

}



.header-style-three .header-top .left-column .info-list li:last-child:before{

    display: none;

}



.header-style-three .header-top .right-column .info-list li{

    position: relative;

    display: inline-block;

    font-size: 18px;

    line-height: 26px;

    color: #646a7a;

    margin-right: 20px;

    background: transparent;

}



.header-style-three .header-top .right-column .info-list li:last-child{

    margin-right: 0px;

}



.header-style-three .header-top .right-column .info-list li a{

    color: #646a7a;

    transition: all 500ms ease;

}



.header-style-three .header-top .right-column .info-list li a:hover{

    color: var(--thm-base);

}



.header-style-three .topbar-one__select-box .bootstrap-select > .dropdown-toggle{

    background: transparent;

    padding: 0px;

    margin: 0px;

    color: #646a7a;

    padding-left: 25px;

}



.header-style-three .topbar-one__select-box > i{

    left: 0px;

    color: #9aa0af;

}



.header-style-three .topbar-one__select-box{

    width: 115px;

}



.header-style-three .topbar-one__select-box .dropdown-toggle::after{

    font-size: 16px;

    color: #9aa0af;

}



.header-style-three .bootstrap-select .dropdown-menu li{

    margin-right: 0px !important;

    display: block !important;

}



.header-style-three .bootstrap-select .dropdown-menu > li.selected > a,

.header-style-three .bootstrap-select .dropdown-menu > li > a:hover{

    color: #fff !important;

}



.header-style-three .topbar-one__select-box{

    margin-right: 47px !important;

}



.header-style-three .topbar-one__select-box:before{

    position: absolute;

    content: '';

    background: #d4d7de;

    width: 1px;

    height: 20px;

    top: 2px;

    right: -21px;

}



.header-style-three .search-box-outer .search-box-btn{

    color: var(--thm-black);

    font-weight: 700;

}



.header-style-three .search-box-outer .search-box-btn:hover{

    color: var(--thm-base);

}



.header-style-three .menu-right-content{

    position: relative;

}



.header-style-three .menu-right-content .social-links li a{

    color: #9aa0af;

    transition: all 500ms ease;

}



.header-style-three .menu-right-content .social-links li a:hover{

    color: var(--thm-base);

}



.header-style-three .outer-box{

    position: relative;

}



.header-style-three .outer-box .logo{

    position: relative;

    float: left;

    margin-right: 80px;

    padding: 21px 50px;

    border-right: 1px solid #e4e7ee;

}



.header-style-three .header-one__menu > ul > li{

    padding: 34px 0px;

}



.header-style-three .menu-right-content .social-links{

    position: relative;

    margin-right: 330px;

    margin-top: 35px;

}



.header-style-three .header-one__right > a::before{

    display: none;

}



.header-style-three .search-box-outer{

    margin-top: 35px;

    margin-right: 30px;

    padding-right: 25px;

}



.header-style-three .search-box-outer:before{

    position: absolute;

    content: '';

    background: #e4e7ee;

    width: 1px;

    height: 52px;

    top: -15px;

    right: 0px;

}



.header-style-three .header-one__right > a{

    background-color: var(--thm-base);

}



.header-style-three .header-one__right > a > i{

    background-image: none;

    background-color: var(--thm-black);

    border-radius: 20px;

}





/** banner-style-three **/



.banner-section.style-three .banner-carousel .slide-item:before {

    background: -webkit-linear-gradient(0deg, rgba(7,18,48,1)20%, rgba(255,255,255,0.0) 100%);

}



.banner-section.style-three .thm-btn{

    margin: 0px;

}



.banner-section.style-three .content-box .list li:first-child{

    padding-left: 0px;

    margin-right: 30px;

}



.banner-section .content-box .list li:last-child{

    margin-right: 0px;

}



.banner-section.style-three .content-box .list li:before{

    display: none;

}



.banner-section.style-three .content-box .thm-btn{

    padding: 17px 40px;

}



.banner-section.style-three .content-box h1{

    font-size: 70px;

    line-height: 80px;

  -webkit-transform: translateY(50px);

  -moz-transform: translateY(50px);

  -ms-transform: translateY(50px);

  -o-transform: translateY(50px);

  transform: translateY(50px);

  -webkit-transition: all 1000ms ease;

  -moz-transition: all 1000ms ease;

  -ms-transition: all 1000ms ease;

  -o-transition: all 1000ms ease;

  transition: all 1000ms ease;

}



.banner-section.style-three .active .content-box h1{

  opacity: 1;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition-delay: 1000ms;

  -moz-transition-delay: 1000ms;

  -ms-transition-delay: 1000ms;

  -o-transition-delay: 1000ms;

  transition-delay: 1000ms;

}



.banner-section.style-three .content-box p{

    margin-bottom: 38px;

    font-size: 30px;

    line-height: 40px;

    font-weight: 500;

  -webkit-transform: translateY(50px);

  -moz-transform: translateY(50px);

  -ms-transform: translateY(50px);

  -o-transform: translateY(50px);

  transform: translateY(50px);

  -webkit-transition: all 1500ms ease;

  -moz-transition: all 1300ms ease;

  -ms-transition: all 1300ms ease;

  -o-transition: all 1300ms ease;

  transition: all 1300ms ease;

}



.banner-section.style-three .active .content-box p{

  opacity: 1;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition-delay: 1300ms;

  -moz-transition-delay: 1300ms;

  -ms-transition-delay: 1300ms;

  -o-transition-delay: 1300ms;

  transition-delay: 1300ms;

}



.banner-section.style-three .content-box .list{

    margin-bottom: 0px;

  -webkit-transform: translateY(50px);

  -moz-transform: translateY(50px);

  -ms-transform: translateY(50px);

  -o-transform: translateY(50px);

  transform: translateY(50px);

  -webkit-transition: all 1600ms ease;

  -moz-transition: all 1600ms ease;

  -ms-transition: all 1600ms ease;

  -o-transition: all 1600ms ease;

  transition: all 1600ms ease;

}



.banner-section.style-three .active .content-box .list{

  opacity: 1;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition-delay: 1600ms;

  -moz-transition-delay: 1600ms;

  -ms-transition-delay: 1600ms;

  -o-transition-delay: 1600ms;

  transition-delay: 1600ms;

}



.banner-section.style-three .banner-carousel .slide-item {

    padding: 207px 0px 220px 0px;

}



.banner-section.style-three .banner-carousel .owl-dots{

    position: absolute;

    bottom: 30px;

    text-align: center;

    width: 100%;

    counter-reset:count;

}



.banner-section.style-three .owl-dots .owl-dot{

  position:relative;

  display:inline-block;

  margin: 0px 10px;

  text-align: center;

  background-color: transparent;

  cursor: pointer;

  box-shadow: none;

  border: none;

  outline: none;

  -moz-transition:all 0.5s ease;

  -webkit-transition:all 0.5s ease;

  -ms-transition:all 0.5s ease;

  -o-transition:all 0.5s ease;

  transition:all 0.5s ease;

}



.banner-section.style-three .owl-dots .owl-dot:before{

  position: relative;

  display: inline-block;

  color: #fff;

  font-size: 14px;

  width: 30px;

  height: 30px;

  line-height: 30px;

  background: rgb(255,255,255,0.2);

  border-radius: 50%;

  counter-increment: count;

  content: "0" counter(count);

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

  font-weight: 600;

  transition: all 500ms ease;

}



.banner-section.style-three .owl-dots .owl-dot.active:before,

.banner-section.style-three .owl-dots .owl-dot:hover:before{

    background: var(--thm-base);

}



/** about-style-three **/



.about-style-three{

    position: relative;

}



.about-style-three .content-box .author-info{

    position: relative;

    display: block;

    padding-left: 125px;

}



.about-style-three .content-box .author-info .author-thumb{

    position: absolute;

    left: 0px;

    top: 0px;

    width: 60px;

    height: 60px;

    border-radius: 50%;

}



.about-style-three .content-box .author-info .author-thumb img{

    position: relative;

    width: 100%;

    border-radius: 50%;

    z-index: 1;

}



.about-style-three .content-box .author-info .author-thumb a{

    position: absolute;

    top: 0px;

    right: -45px;

    font-size: 18px;

    color: #fff;

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    border-radius: 50%;

    background-color: var(--thm-base);

    transition: all 500ms ease;

}



.about-style-three .content-box .author-info .author-thumb a:hover{

    background-color: var(--thm-black);

}



.about-style-three .content-box .author-info h3{

    position: relative;

    font-size: 24px;

    line-height: 30px;

    color: var(--thm-black);

    font-weight: 600;

    margin-bottom: 9px;

}



.about-style-three .content-box .author-info .designation{

    position: relative;

    display: block;

    font-size: 14px;

    line-height: 20px;

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

    color: var(--thm-base);

    font-weight: 600;

    text-transform: uppercase;

    margin: 0px;

}



.about-style-three .inner-container{

    background: #fff;

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

}



.about-style-three .content-box{

    position: relative;

    padding: 98px 30px 100px 100px;

}



.about-style-three .content-box .text{

    position: relative;

    margin-bottom: 25px;

}



.about-style-three .content-box .text p{

    position: relative;

    font-size: 18px;

    line-height: 26px;

    margin-bottom: 17px;

}



.about-style-three .content-box .text p:last-child{

    margin-bottom: 0px;

}



.about-style-three .content-box h4{

    position: relative;

    display: block;

    font-size: 20px;

    line-height: 28px;

    font-weight: 600;

    color: var(--thm-black);

    margin-bottom: 43px;

}



.about-style-three .content-box h4 a{

    color: var(--thm-base);

    transition: all 500ms ease;

}



.about-style-three .content-box h4 a:hover{

    text-decoration: underline;

}



.about-style-three .content-box .lower-box .btn-box{

    margin-right: 30px;

}



.about-style-three .content-box .lower-box .btn-box .thm-btn{

    background: var(--thm-black);

    color: #fff;

    padding: 17px 40px;

}



.about-style-three .content-box .lower-box .btn-box .thm-btn:hover{

    background: var(--thm-base);

}



.about-style-three .content-box .block-title{

    margin-bottom: 35px;

}



.about-style-three .inner-box{

    position: relative;

    display: block;

    margin-left: 70px;

}



.about-style-three .inner-box .video-box{

    position: relative;

    display: block;

    text-align: center;

    width: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    padding: 60px 0px;

}



.about-style-three .inner-box .video-box:before{

    position: absolute;

    content: '';

    background: #2f000d;

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

    right: 0px;

    opacity: 0.6;

}



.about-style-three .inner-box .video-box a{

    position: relative;

    display: inline-block;

    font-size: 30px;

    color: #fff;

    width: 70px;

    height: 70px;

    line-height: 78px;

    text-align: center;

    border-radius: 50%;

    background: var(--thm-base);

}



.about-style-three .inner-box .video-box a:after,

.about-style-three .inner-box .video-box a:before {

  width: 70px;

  height: 70px;

  border-radius: 50%;

  background: transparent;

  position: absolute;

  top: 50%;

  left: 50%;

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

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

  -webkit-animation-delay: .9s;

  animation-delay: .9s;

  content: "";

  position: absolute;

  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);

  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);

  -webkit-animation: ripple 3s infinite;

  animation: ripple 3s infinite;

  -webkit-transition: all .4s ease;

  transition: all .4s ease;

}



.about-style-three .inner-box .video-box a:after {

  -webkit-animation-delay: .6s;

  animation-delay: .6s;

}



.about-style-three .inner-box .inner-content{

    position: relative;

    left: 0px;

    width: 100%;

    padding: 45px 30px 110px 110px;

    min-height: 418px;

}



.about-style-three .inner-box .inner-content:before{

    position: absolute;

    content: '';

    background: var(--thm-black);

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

    right: 0px;

    opacity: 0.85;

}



.about-style-three .inner-box .inner-content .icon-box{

    position: absolute;

    left: 25px;

    top: 50px;

    font-size: 65px;

    line-height: 50px;

    color: #fff;

}



.about-style-three .inner-box .inner-content h2{

    position: relative;

    display: inline-block;

    font-size: 50px;

    line-height: 45px;

    color: #fff;

    font-weight: 600;

    margin-bottom: 0px;

}



.about-style-three .inner-box .inner-content h2:before{

    position: absolute;

    content: '+';

    font-size: 24px;

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

    color: #fff;

    font-weight: 600;

    top: -11px;

    left: 68px;

}



.about-style-three .inner-box .inner-content h2 span{

    font-size: 16px;

    text-transform: uppercase;

}



.about-style-three .inner-box .inner-content h6{

    position: relative;

    display: block;

    font-size: 16px;

    line-height: 22px;

    color: #fff;

    font-weight: 600;

    text-transform: uppercase;

    margin: 0px;

}



.about-style-three .inner-box .image-layer{

    position: absolute;

    right: -35px;

    bottom: -96px;

    z-index: 1;

}



.service-one__home-three .service-one__single{

    background: #fff;

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

}



.service-one__home-three .service-one__single .service-one__main::before{

    background-image: url(../images/shapes/service-shape-1-3.png);

    background-repeat: no-repeat;

    width: 221px;

    height: 209px;

    transform: translate(0);

    left: -22px;

}



.service-one__home-three .service-one__single h3{

    color: var(--thm-black);

}



.service-one__home-three .service-one__main > a::before,

.service-one__home-three .service-one__main > a::after{

    background: #d4d7de;

}



.service-one__home-three .service-one__hover-inner{

    background: #fff;

}



.service-one__home-three .service-one__hover::after{

    background-image: url(../images/shapes/service-shape-1-3.png);

    background-repeat: no-repeat;

    width: 221px;

    height: 209px;

    transform: translate(0);

    left: -22px;

}



.service-one__home-three .service-one__hover-inner > i{

    color: var(--thm-base);

}



.service-one__home-three .service-one__hover-inner h3::after{

    background-color: var(--thm-base);

}



.service-one__home-three .service-one__hover-inner p{

    color: #646a7a;

}



.service-one__home-three .service-one__hover-inner > a{

    color: var(--thm-base);

}



.service-one__home-three .service-one__hover-inner > a > span,

.service-one__home-three .service-one__hover-inner > a > span::after,

.service-one__home-three .service-one__hover-inner > a > span::before{

    background: var(--thm-base);

}



.service-one__home-three .service-one__hover-inner::before{

    background-image: url(../images/shapes/service-shape-1-4.png);

    background-repeat: no-repeat;

}



.service-one__home-three .more-text{

    position: relative;

    display: block;

    margin-top: 55px;

}



.service-one__home-three .more-text p{

    font-size: 18px;

    line-height: 26px;

    margin: 0px;

}



.service-one__home-three .more-text p a{

    color: var(--thm-black);

    transition: all 500ms ease;

}



.service-one__home-three .more-text p a:hover{

    color: var(--thm-base);

}



.service-one__home-three{

    padding-bottom: 115px;

}





/** chooseus-style-two **/



.chooseus-style-two{

    position: relative;

    overflow: hidden;

}



.chooseus-style-two .choose-column{

    position: relative;

    width: 30%;

}



.chooseus-style-two .advertise-column{

    position: relative;

    width: 40%;

}



.chooseus-style-two .choose-column .single-item{

    position: relative;

}



.chooseus-style-two .choose-column .single-item .image-column {

    position: absolute;

    float: left;

    width: 50%;

    height: 100%;

    display: block;

    overflow: hidden;

}



.chooseus-style-two .choose-column .single-item:last-child .image-column{

    float: right;

    right: 0px;

}



.chooseus-style-two .choose-column .single-item .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    display: block;

    width: 100%;

    height: 100%;

    background: var(--thm-black)

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    transition: all 500ms ease;

}



.chooseus-style-two .choose-column .single-item .image-layer:before{

    position: absolute;

    content: '';

    background: rgba(7, 18, 48, 0.8);

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

    opacity: 0;

    transition: all 500ms ease;

}



.chooseus-style-two .choose-column .single-item:hover .image-layer:before{

    opacity: 1;

}



.chooseus-style-two .choose-column .single-item:hover .image-layer{

    width: 110%;

}



.chooseus-style-two .choose-column .single-item .image-box {

    position: relative;

    display: none;

    width: 100%;

}



.chooseus-style-two .choose-column .single-item .image-column img {

    position: relative;

    display: block;

    width: 100%;

}



.chooseus-style-two .choose-column .single-item .image-column .over-link {

    position: absolute;

    left: 0;

    top: 0;

    display: block;

    width: 100%;

    height: 100%;

    z-index: 1;

}



.chooseus-style-two .choose-column .single-item .content-box{

    position: relative;

    float: right;

    width: 50%;

    display: block;

    background: var(--thm-black);

    padding: 40px 30px 33px 30px;

    min-height: 300px;

}



.chooseus-style-two .choose-column .single-item:last-child .content-box{

    float: left;

}



.chooseus-style-two .choose-column .single-item .content-box .icon-box{

    position: relative;

    display: inline-block;

    font-size: 65px;

    line-height: 65px;

    color: var(--thm-base);

    margin-bottom: 22px;

}



.chooseus-style-two .choose-column .single-item .content-box .link{

    position: absolute;

    top: 45px;

    right: 30px;

}



.chooseus-style-two .choose-column .single-item .content-box .link a{

    position: relative;

    display: inline-block;

    font-size: 20px;

    font-weight: 700;

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

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

    width: 54px;

    height: 54px;

    line-height: 60px;

    text-align: center;

    border-radius: 50%;

    transition: all 500ms ease;

}



.chooseus-style-two .choose-column .single-item .content-box .link a:hover{

    color: #fff;

    background: var(--thm-base);

}



.chooseus-style-two .choose-column .single-item .content-box h3{

    position: relative;

    display: block;

    font-size: 22px;

    line-height: 30px;

    color: #fff;

    font-weight: 600;

    margin-bottom: 18px;

}



.chooseus-style-two .choose-column .single-item .content-box h3 a{

    color: #fff;

    transition: all 500ms ease;

}



.chooseus-style-two .choose-column .single-item .content-box h3 a:hover{

    text-decoration: underline;

    color: var(--thm-base);

}



.chooseus-style-two .choose-column .single-item .content-box p{

    position: relative;

    font-size: 18px;

    line-height: 26px;

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

    margin: 0px;

}



.chooseus-style-two .advertise-column .advertise-inner{

    position: relative;

    display: block;

    width: 100%;

    padding: 134px 30px 133px 30px;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    background-attachment: fixed;

}



.chooseus-style-two .advertise-column .advertise-inner:before{

    position: absolute;

    content: '';

    background: var(--thm-black);

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

    right: 0px;

    opacity: 0.85;

}



.chooseus-style-two .advertise-column .advertise-inner .inner{

    position: relative;

}



.chooseus-style-two .advertise-column .advertise-inner .inner .icon-box{

    position: relative;

    display: inline-block;

    font-size: 55px;

    color: #fff;

    width: 100px;

    height: 100px;

    line-height: 116px;

    text-align: center;

    background: var(--thm-base);

    border-radius: 50%;

    margin-bottom: 35px;

}



.chooseus-style-two .advertise-column .advertise-inner .inner h3{

    position: relative;

    display: block;

    font-size: 22px;

    color: #fff;

    font-weight: 600;

    margin-bottom: 14px;

}



.chooseus-style-two .advertise-column .advertise-inner .inner h2{

    position: relative;

    display: block;

    font-size: 50px;

    line-height: 60px;

    color: #fff;

    font-weight: 700;

    margin-bottom: 38px;

}



.chooseus-style-two .advertise-column .advertise-inner .inner .thm-btn{

    width: 170px;

    margin: 0px 7.5px;

    padding: 15px 20px;

    border: 2px solid #fff;

}



.chooseus-style-two .advertise-column .advertise-inner .inner .thm-btn:hover{

    color: #fff;

    background: var(--thm-base) !important;

    border-color: var(--thm-base);

}



.chooseus-style-two .advertise-column .advertise-inner .inner .thm-btn.btn-one{

    background: transparent;

    color: #fff;

}



.industries-section.home-3:before{

    position: absolute;

    content: '';

    background: #f1f3f5;

    width: 100%;

    height: 625px;

    left: 0px;

    top: 479px;

}



.tabs-box .tab{

  position:relative;

  display:none;

  transition: all 900ms ease;

  -moz-transition: all 900ms ease;

  -webkit-transition: all 900ms ease;

  -ms-transition: all 900ms ease;

  -o-transition: all 900ms ease;

}



.tabs-box .tab.active-tab{

  display:block;

}



.tabs-box .tab{

  transform:scale(0.9,0.9) translateY(0px);

}



.tabs-box .tab.active-tab{

  transform:scale(1) translateY(0px);

}







.tabs-box .tab-btns .single-item{

    position: relative;

    float: left;

    width: 16.666%;

}



.tabs-box .tab-btns .single-item .inner{

    position: relative;

    display: block;

    background: #fff;

    padding: 30px 15px 23px 15px;

    text-align: center;

    cursor: pointer;

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

}



.tabs-box .tab-btns .single-item .inner .icon-box{

    position: relative;

    display: block;

    font-size: 65px;

    line-height: 65px;

    color: #9aa0af;

    padding-bottom: 21px;

    margin-bottom: 13px;

    transition: all 500ms ease;

}



.tabs-box .tab-btns .single-item .inner:hover .icon-box,

.tabs-box .tab-btns .single-item.active-btn .inner .icon-box{

    color: var(--thm-base);

}



.tabs-box .tab-btns .single-item .inner .icon-box:before{

    position: absolute;

    content: '';

    background: #e4e7ee;

    width: 64px;

    height: 2px;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0px;

}



.tabs-box .tab-btns .single-item .inner h3{

    position: relative;

    display: block;

    font-size: 22px;

    line-height: 30px;

    color: var(--thm-black);

    font-weight: 600;

    margin: 0px;

    transition: all 500ms ease;

}



.tabs-box .tab-btns .single-item .inner:hover h3,

.tabs-box .tab-btns .single-item.active-btn .inner h3{

    color: var(--thm-base);

}



.tab-btn-box .block-title{

    margin-bottom: 52px;

}



.tab-btn-box{

    position: relative;

    margin-bottom: 80px;

}





/** construction-section **/



.construction-section{

    position: relative;

    padding-bottom: 120px;

}



.construction-section .image-box{

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0px 30px 0px 0px;

}



.construction-section .image-box img{

    width: 100%;

}



.construction-section .image-box:before{

  position: absolute;

  top: 0;

  left: -75%;

  display: block;

  content: '';

  width: 50%;

  height: 100%;

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

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

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

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

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

  transform: skewX(-25deg);

}



.construction-section .image-box:hover:before{

  -webkit-animation: shine 1s;

}



.construction-section .content-box .block-title{

    position: relative;

    padding-left: 95px;

}



.construction-section .content-box .block-title h2{

    font-size: 36px;

    margin-top: 22px;

}



.construction-section .content-box .block-title .icon-box{

    position: absolute;

    left: 0px;

    top: 4px;

    font-size: 65px;

    line-height: 65px;

    color: var(--thm-base);

    margin: 0px;

}



.construction-section .content-box .block-title{

    margin-bottom: 36px;

}



.construction-section .list-item{

    position: relative;

    margin: 0px -10px 22px -10px;

}



.construction-section .list-item li{

    position: relative;

    float: left;

    width: 50%;

}



.construction-section .list-item li .inner{

    position: relative;

    display: block;

    background: #fff;

    margin: 0px 10px 20px 10px;

    border: 1px solid #e4e7ee;

    padding: 19px 30px 21px 60px;

    transition: all 500ms ease;

}



.construction-section .list-item li .inner:hover{

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

}



.construction-section .list-item li .inner i{

    position: absolute;

    left: 24px;

    top: 24px;

    font-size: 18x;

    line-height: 20px;

    color: var(--thm-base);

}



.construction-section .list-item li .inner h4{

    position: relative;

    display: block;

    font-size: 20px;

    line-height: 28px;

    font-weight: 600;

    color: var(--thm-black);

    margin: 0px;

}



.construction-section .list-item li .inner:before{

    position: absolute;

    content: '';

    background: var(--thm-base);

    width: 0%;

    height: 3px;

    left: 0px;

    top: 0px;

    transition: all 500ms ease;

}



.construction-section .list-item li .inner:hover:before{

    width: 100%;

}



.construction-section .content-box .text{

    margin-bottom: 32px;

}



.construction-section .content-box .text p{

    font-size: 18px;

    line-height: 26px;

    margin: 0px;

    position: relative;

}



.construction-section .content-box .link a{

    position: relative;

    display: inline-block;

    font-size: 18px;

    line-height: 26px;

    font-weight: 600;

    color: var(--thm-black);

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

    border-bottom: 2px solid #e4e7ee;

    transition: all 500ms ease;

}



.construction-section .content-box .link a:hover{

    color: var(--thm-base);

}





/** company-value **/



.company-value{

    position: relative;

    padding: 120px 0px;

    width: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    background-attachment: fixed;

}



.company-value:before{

    position: absolute;

    content: '';

    background: var(--thm-black);

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

    right: 0px;

    opacity: 0.8;

}



.company-value .inner-box{

    position: relative;

}



.company-value .inner-box .title-text{

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    text-align: center;

    font-size: 280px;

    font-weight: 800;

    line-height: 120px;

    text-transform: uppercase;

    color: transparent;

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

    -webkit-text-stroke-color: rgba(255, 255, 255, 0.2);

}



.company-value .inner-box .btn-box .thm-btn{

    background: var(--thm-base);

    color: #fff;

    padding: 17px 56px;

}



.company-value .inner-box .btn-box .thm-btn:hover{

    background: #fff;

    color: var(--thm-base);

}



.company-value .inner-box .block-title{

    margin-bottom: 49px;

}



.case-section.home-3 .case-one__single{

    margin-bottom: 0px;

}



.case-section.home-3 .case-one__single .case-one__content{

    transition: all 500ms ease;

}



.case-section.home-3 .case-one__single:hover .case-one__content{

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

}



.blog-grid .post-block .post-inner .blog-sidebar__post{

    position: relative;

    margin-bottom: 20px;

}



.blog-grid .post-block .post-inner .link{

    padding-top: 15px;

}



.blog-grid .post-block .post-inner .link a{

    position: relative;

    display: inline-block;

    font-size: 18px;

    line-height: 26px;

    font-weight: 600;

    color: var(--thm-black);

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

    border-bottom: 2px solid #e4e7ee;

    transition: all 500ms ease;

}



.blog-grid .post-block .post-inner .link a:hover{

    color: var(--thm-base);

}



.blog-grid .post-block .blog-sidebar__post li h3{

    font-size: 22px;

    line-height: 30px;

    margin-bottom: 8px;

}



.blog-grid .post-block .blog-sidebar__post li{

    padding-bottom: 18px;

}



.blog-grid .post-block .blog-sidebar__post li:last-chld{

    margin-bottom: 0px;

}





/** testimonial-style-two **/



.testimonial-style-two{

    position: relative;

    padding: 120px 0px 120px 0px;

}



.testimonial-style-two .title-inner .text p{

    font-size: 18px;

    line-height: 26px;

    margin-bottom: 36px;

}



.testimonial-style-two .title-inner .text a{

    position: relative;

    display: inline-block;

    font-size: 18px;

    line-height: 26px;

    font-weight: 600;

    color: var(--thm-black);

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

    border-bottom: 2px solid #e4e7ee;

    transition: all 500ms ease;

}



.testimonial-style-two .title-inner .text a:hover{

    color: var(--thm-base);

}



.testimonial-style-two .title-inner .block-title{

    margin-bottom: 14px;

}



.testimonial-style-two .testimonial-inner{

    position: relative;

    padding-right: 118px;

}



.testimonial-style-two .client-thumb-outer{

    position: absolute;

    top: 50%;

    right: 0px;

    transform: translateY(-50%);

    width: 120px;

    height: 120px;

    overflow: hidden;

    border-radius: 50%;

    margin: 0 auto;

}



.testimonial-style-two .client-thumb-outer .thumb-item .thumb-box{

  width:100px;

  height:100px;

  cursor:pointer;

  overflow: hidden;

  border-radius:50%;

  border: 4px solid #fff;

  margin: 10px auto !important;

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

}



.testimonial-style-two .client-thumb-outer .thumb-item .thumb-box i{

    position: absolute;

    left: 15px;

    bottom: 10px;

    font-size: 18px;

    color: #fff;

    background: var(--thm-base);

    width: 38px;

    height: 38px;

    line-height: 38px;

    border-radius: 50%;

    text-align: center;

}



.testimonial-style-two .client-thumb-outer .owl-carousel .owl-stage-outer{

    overflow: visible;

}



.testimonial-style-two .testimonial-inner .testimonial-content{

    position: relative;

    background: var(--thm-black);

    padding: 38px 70px 31px 40px;

    margin-right: 52px;

}



.testimonial-style-two .testimonial-inner .testimonial-content:before{

    position: absolute;

    content: '';

    background: var(--thm-black);

    width: 52px;

    height: 62px;

    top: 62px;

    right: -52px;

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

}



.testimonial-style-two .testimonial-inner .testimonial-content .rating li{

    position: relative;

    display: inline-block;

    font-size: 18px;

    margin: 0px 3px;

    color: var(--thm-base);

}



.testimonial-style-two .testimonial-inner .testimonial-content .rating{

    margin-bottom: 17px;

}



.testimonial-style-two .testimonial-inner .testimonial-content p{

    position: relative;

    font-size: 18px;

    line-height: 28px;

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

    margin-bottom: 15px;

}



.testimonial-style-two .testimonial-inner .testimonial-content h4{

    position: relative;

    display: block;

    font-size: 20px;

    line-height: 28px;

    color: #fff;

    font-weight: 600;

    margin: 0px;

}



.testimonial-style-two .testimonial-inner .testimonial-content h4 span{

    font-size: 18px;

    font-family: var(--thm-font);

    font-weight: 400;

    color: rgba(255,255,255,0.5);

    font-style: italic;

}



.testimonial-style-two .client-testimonial-carousel .owl-nav{

    position: absolute;

    right: -46px;

    top: 0px;

    height: 100%;

}



.testimonial-style-two .client-testimonial-carousel .owl-nav .owl-prev,

.testimonial-style-two .client-testimonial-carousel .owl-nav .owl-next{

    position: absolute;

    font-size: 40px;

    line-height: 40px;

    color: #bac0ce;

    background: transparent;

    border: none;

    outline: none;

    cursor: pointer;

    font-weight: 400;

    margin: 0px;

    transition: all 500ms ease;

}



.testimonial-style-two .client-testimonial-carousel .owl-nav .owl-prev:hover,

.testimonial-style-two .client-testimonial-carousel .owl-nav .owl-next:hover{

    color: var(--thm-base);

}



.testimonial-style-two .client-testimonial-carousel .owl-nav .owl-prev{

    top: -12px;

    left: 0px;

}



.testimonial-style-two .client-testimonial-carousel .owl-nav .owl-next{

    bottom: 5px;

    left:6px;

}



.brand-one.alternat-3{

    background: transparent;

    padding-top: 0px;

}





/** consultation-section **/



.consultation-section{

    position: relative;

    padding: 50px 0px;

    background: var(--thm-base);

}



.consultation-section .bg-layer{

    position: absolute;

    left: 0px;

    top: 0px;

    width: 35%;

    height: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}



.consultation-section .inner-box{

    position: relative;

}



.consultation-section .inner-box .icon-box{

    position: absolute;

    left: -140px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 50px;

    color: #fff;

    width: 80px;

    height: 80px;

    line-height: 94px;

    text-align: center;

    border-radius: 50%;

    background: #990f35;

    box-shadow: 0 0 0 10px #b10f3c;

}



.consultation-section .inner-box h2{

    position: relative;

    display: block;

    font-size: 36px;

    line-height: 45px;

    font-weight: 700;

    color: #fff;

    margin-bottom: 10px;

}



.consultation-section .inner-box p{

    position: relative;

    display: block;

    font-size: 18px;

    line-height: 26px;

    color: #fff;

    margin-bottom: 15px;

}



.consultation-section .inner-box .consultation-form .form-group{

    position: relative;

    float: left;

    max-width: 280px;

    width: 100%;

    margin-right: 20px;

    margin-bottom: 0px;

}



.consultation-section .inner-box .consultation-form .form-group:last-child{

    margin-right: 0px;

    max-width: 170px;

}



.consultation-section .inner-box .consultation-form .form-group input[type='text'],

.consultation-section .inner-box .consultation-form .form-group input[type='email']{

    position: relative;

    display: block;

    width: 100%;

    height: 58px;

    background: #990f35;

    border: 1px solid #990f35 !important;

    padding: 10px 20px;

    font-size: 18px;

    color: #fff;

    outline: none;

    border-radius: 5px;

    transition: all 500ms ease;

}



.consultation-section .inner-box .consultation-form .form-group input:focus{

    border-color: #fff !important;

}



.consultation-section .inner-box .consultation-form .form-group input::-webkit-input-placeholder{

  color:#fff;

}



.consultation-section .inner-box .consultation-form .form-group .thm-btn{

    padding: 16px 42px;

}



.site-footer__bottom.alternat-2{

    background: #fff;

}



.site-footer__bottom.alternat-2 .container p a{

    color: var(--thm-base);

}





/** footer-style-three **/



.footer-style-three{

    position: relative;

}



.footer-style-three .footer-widget{

    position: relative;

    padding: 107px 0px 100px 0px;

}



.footer-style-three .logo-widget{

    margin-top: -7px;

}



.footer-style-three .logo-widget .logo{

  position: relative;

  display: block;

}



.footer-style-three .logo-widget .logo img{

  display: block;

  max-width: 100%;

  width: auto;

  margin: 0 auto;

}



.footer-style-three .logo-widget .logo-box{

    position: relative;

    margin-right: 70px;

}



.footer-style-three .logo-widget .footer-logo{

    position: relative;

    margin-bottom: 42px;

}



.footer-style-three .logo-widget .support-box{

    position: relative;

    padding-left: 80px;

    margin-bottom: 27px;

}



.footer-style-three .logo-widget .support-box .icon-box{

    position: absolute;

    left: 0px;

    top: -3px;

}



.footer-style-three .logo-widget .support-box p{

    font-size: 18px;

    line-height: 26px;

    color: #9aa0af;

    margin-bottom: 1px;

}



.footer-style-three .logo-widget .support-box h4{

    position: relative;

    display: block;

    font-size: 20px;

    line-height: 28px;

    font-weight: 600;

    color: #fff;

    margin: 0px;

}



.footer-style-three .logo-widget .support-box h4 a{

    display: inline-block;

    color: #fff;

    transition: all 500ms ease;

}



.footer-style-three .logo-widget .support-box h4 a:hover{

    color: var(--thm-base);

}



.footer-style-three .logo-widget p{

    margin-top: 0px;

    margin-bottom: 30px;

}



.footer-style-three .links-widget .widget-content ul{

    position: relative;

    float: left;

    width: 50%;

}



.footer-style-three .links-widget .footer-widget__list li a{

    position: relative;

    display: inline-block;

    transform: translateX(18px) !important;

}



.footer-style-three .links-widget .footer-widget__list li a::before{

    opacity: 1;

    visibility: visible;

}



.footer-style-three .links-widget .footer-widget__list li a:hover::before{

    color: #fff;

}



.footer-style-three .links-widget .footer-widget__list li{

    margin-bottom: 28px;

    position: relative;

    display: block;

    margin-top: 0px;

}



.footer-style-three .links-widget .footer-widget__list li:last-child{

    margin-bottom: 0px;

}



.footer-style-three .location-widget{

    position: relative;

    display: block;

    height: 100%;

    background: #1a2542;

    padding-left: 20px;

    padding-right: 20px;

}



.footer-style-three .location-widget .location-inner{

    position: relative;

    min-height: 200px;

    width: 100%;

}



.footer-style-three .location-widget .location-inner .pattern-layer{

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}



.footer-style-three .location-widget .location-inner{

    position: relative;

    margin-bottom: 27px;

}



.footer-style-three .location-widget .location-inner .single-location-box .dots{

    position: absolute;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    border: 1px solid #fff;

    cursor: pointer;

    transition: all 500ms ease;

}



.footer-style-three .location-widget .location-inner .single-location-box .dots:before{

    position: absolute;

    content: '';

    background-color: #fff;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    left: 2px;

    top: 2px;

    transition: all 500ms ease;

}



.footer-style-three .location-widget .location-inner .single-location-box.active .dots,

.footer-style-three .location-widget .location-inner .single-location-box:hover .dots{

    background: #fff;

}



.footer-style-three .location-widget .location-inner .single-location-box.active .dots:before,

.footer-style-three .location-widget .location-inner .single-location-box:hover .dots:before{

    background-color: var(--thm-base);

}



.footer-style-three .location-widget .location-inner .single-location-box .text{

    position: absolute;

    left: -30px;

    bottom: 16px;

    background: #fff;

    width: 70px;

    padding: 0px 0px;

    text-align: center;

    z-index: 1;

    visibility: hidden;

    opacity: 0;

    transition: all 500ms ease;

}



.footer-style-three .location-widget .location-inner .single-location-box.active .text,

.footer-style-three .location-widget .location-inner .single-location-box:hover .text{

    visibility: visible;

    opacity: 1;

    bottom: 10px;

}



.footer-style-three .location-widget .location-inner .single-location-box .text:before{

    position: absolute;

    content: '';

    background: #fff;

    width: 10px;

    height: 10px;

    left: 31px;

    bottom: -3px;

    transform: rotate(45deg);

    z-index: -1;

}



.footer-style-three .location-widget .location-inner .single-location-box{

    position: absolute;

}



.footer-style-three .location-widget .location-inner .single-location-box .text p{

    font-size: 14px;

    line-height: 20px;

    font-weight: 500;

    color: var(--thm-black);

    margin: 0px;

}



.footer-style-three .location-widget .location-inner .location-1{

    left: 75px;

    top: 22px;

}



.footer-style-three .location-widget .location-inner .location-2{

    left: 15px;

    top: 82px;

}



.footer-style-three .location-widget .location-inner .location-3{

    top: 85px;

    left: 95px;

}



.footer-style-three .location-widget .location-inner .location-4{

    left: 65px;

    top: 135px;

}



.footer-style-three .location-widget .location-inner .location-5{

    left: 135px;

    top: 53px;

}



.footer-style-three .location-widget .location-inner .location-6{

    bottom: 60px;

    left: 135px;

}



.footer-style-three .location-widget .location-inner .location-7{

    right: 70px;

    top: 95px;

}



.footer-style-three .location-widget .location-inner .location-8{

    right: 100px;

    top: 55px;

}



.footer-style-three .location-widget .location-inner .location-9{

    right: 130px;

    top: 93px;

}



.footer-style-three .location-widget .location-inner .location-10{

    right: 150px;

    bottom: 40px;

}



.footer-style-three .location-widget .more-text,

.footer-style-three .location-widget .footer-widget__title{

    position: relative;

    padding-left: 15px;

}



.footer-style-three .location-widget .more-text p{

    font-size: 18px;

    color: #fff;

    margin: 0px;

    line-height: 26px;

}



.footer-style-three .location-widget .more-text p a{

    display: inline-block;

    color: var(--thm-base);

    border-bottom: 1px solid;

    border-color: var(--thm-base);

}

.hosteva img {

    height: 28px;

}

.service-one__hover {

    display: none;

}

.header-one__logo img {

    height: 50px;

}

.header-one__logo {

    padding-right: 30px;

    padding-bottom: 5px;

}

.side-menu__logo > img {

    height: 40px;

}

.page-header {

    background-position: center;

}

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

.inner-box2 img {

    width: 100%;

}

}