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

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Utility

# Cards

# Common

# Form

# Navigations

# Animations

# Mobile Nav

# Search Popup

# Page Header

# Google Map

# Client Carousel

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





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

# Common

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

:root {

    --thm-font: 'Roboto', sans-serif;

    --thm-reey-font: 'reeyregular';

    --thm-gray: #737373;

    --thm-gray-rgb: 115, 115, 115;

    --thm-primary: #9d9482;

    --thm-primary-rgb: 157, 148, 130;

    --thm-black: #000000;

    --thm-black-rgb: 0, 0, 0;

}



.row {

    --bs-gutter-x: 30px;

}



.gutter-y-30 {

    --bs-gutter-y: 30px;

}



body {

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

    color: var(--thm-gray);

    font-size: 18px;

    line-height: 34px;

    font-weight: 400;

}



body.locked {

    overflow: hidden;

}



a {

    color: var(--thm-gray);

}



a,

a:hover,

a:focus,

a:visited {

    text-decoration: none;

}



::placeholder {

    color: inherit;

    opacity: 1;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    color: var(--thm-black);

    margin: 0;

}



dl,

ol,

ul {

    margin-top: 0;

    margin-bottom: 0;

}



::placeholder {

    color: inherit;

    opacity: 1;

}





.page-wrapper {

    position: relative;

    margin: 0 auto;

    width: 100%;

    min-width: 300px;

    overflow: hidden;

}



.container {

    padding-left: 15px;

    padding-right: 15px;

}



@media (min-width: 1200px) {

    .container {

        max-width: 1200px;

    }

}



::placeholder {

    color: inherit;

    opacity: 1;

}



.section-separator {

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

    border-width: 1px;

    margin-top: 0;

    margin-bottom: 0;

}



.thm-btn {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    -webkit-appearance: none;

    border: none;

    outline: none !important;

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

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    padding: 18.5px 60px;

    transition: 500ms;

    letter-spacing: 0.1em;

}



.thm-btn:before {

    position: absolute;

    bottom: -5px;

    width: 100%;

    height: 1px;

    left: 0;

    background: #ffffff;

    content: "";

    transition: transform 500ms ease;

    transform-origin: left center;

    transform: scale(1, 1);

}



.thm-btn:hover {

    background: var(--thm-primary);

    color: #ffffff;

}



.thm-btn:hover::before {

    transform: scale(0, 1);

    transform-origin: right center;

}



.odometer.odometer-auto-theme,

.odometer.odometer-theme-default {

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

}



.section-title {

    margin-top: -11px;

    margin-bottom: 50px;

}



.section-title__tagline {

    position: relative;

    display: inline-block;

    color: var(--thm-gray);

    font-size: 16px;

    font-weight: 400;

    align-items: center;

    line-height: 30px;

    text-transform: uppercase;

    margin-bottom: 2px;

    letter-spacing: 0.1em;

}



.section-title__tagline::before {

    content: '';

    background-color: #e5e5e5;

    height: 6px;

    bottom: 7px;

    left: 0;

    right: 0;

    position: absolute;

    z-index: -1;

}



.section-title__title {

    margin: 0;

    font-weight: 500;

    color: var(--thm-black);

    font-size: 50px;

    line-height: 60px;

    text-transform: uppercase;

}





.bootstrap-select .dropdown-menu {

    padding-top: 0;

    padding-bottom: 0;

    border-radius: 0;

}



.bootstrap-select .dropdown-item.active,

.bootstrap-select .dropdown-item:active {

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

}



.preloader {

    position: fixed;

    background-color: #fff;

    background-position: center center;

    background-repeat: no-repeat;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 9991;

    display: -webkit-box;

    display: flex;

    -webkit-box-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    align-items: center;

    text-align: center;

}



.preloader__image {

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: flipInY;

    animation-name: flipInY;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

}



/* scroll to top */

.scroll-to-top {

    display: inline-block;

    width: 45px;

    height: 45px;

    background: var(--thm-primary);

    position: fixed;

    bottom: 40px;

    right: 40px;

    z-index: 99;

    text-align: center;

    -webkit-transition: all 0.4s ease;

    transition: all 0.4s ease;

    display: none;

    border-radius: 50%;

    transition: all 0.4s ease;

}



.scroll-to-top i {

    color: #ffffff;

    font-size: 18px;

    line-height: 45px;

}



.scroll-to-top:hover {

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

}



.scroll-to-top:hover i {

    color: #fff;

}



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

# Navigations One

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

.main-header {

    position: relative;

    display: block;

    padding: 0 80px;

}



.main-header__three-line-icon {

    position: absolute;

    top: 0;

    bottom: 0;

    right: 80px;

    display: flex;

    align-items: center;

}



.main-header__three-line-icon>a {}



.main-header__three-line-icon>img {

    width: 31px;

    height: 18px;

}



.main-menu-wrapper {

    position: relative;

    background-color: #ffffff;

}



.main-header__logo {

    position: absolute;

    top: 0;

    left: -285px;

    bottom: 0;

    display: flex;

    align-items: center;

    z-index: 2;

}



.main-header__logo>a {}



.main-header__logo>a>img {}







.main-menu-wrapper__top {

    position: relative;

    display: block;

    padding: 0 0px 0;

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

}



.main-menu-wrapper__top-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 2px 40px;

}



.main-menu-wrapper__left {}



.main-menu-wrapper__left-contact-box {

    display: flex;

    align-items: center;

}



.main-menu-wrapper__left-contact-box li {

    display: flex;

    align-items: center;

}



.main-menu-wrapper__left-contact-box li+li {

    margin-left: 40px;

}



.main-menu-wrapper__left-contact-box li .icon {}



.main-menu-wrapper__left-contact-box li .icon i {

    font-size: 12px;

    color: var(--thm-primary);

    line-height: 34px;

}



.main-menu-wrapper__left-contact-box li .text {

    margin-left: 12px;

}



.main-menu-wrapper__left-contact-box li .text p {

    font-size: 14px;

    font-weight: 500;

    margin: 0;

}



.main-menu-wrapper__left-contact-box li .text a {

    color: #9d9d9d;

}





.main-menu-wrapper__right {}



.main-menu-wrapper__right-social {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    padding: 12px 0;

}



.main-menu-wrapper__right-social a {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    -webkit-box-pack: center;

    justify-content: center;

    text-align: center;

    color: #ffffff;

    font-size: 12px;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}



.main-menu-wrapper__right-social a+a {

    margin-left: 30px;

}



.main-menu-wrapper__right-social a:hover {

    color: var(--thm-primary);

}



.main-menu-wrapper__bottom {

    position: relative;

    display: block;

    padding: 0 0px 0;

}









.main-menu {

    position: relative;

    z-index: 91;

}



.main-menu__inner {

    display: flex;

    align-items: center;

    position: relative;

}



.main-menu__right {

    margin-left: auto;

    padding-left: 30px;

    display: flex;

    align-items: center;

    position: relative;

}



.main-menu__right:before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    content: "";

    background-color: #e5e5e5;

    width: 1px;

}



@media (max-width: 425px) {

    .main-menu__right {

        padding-left: 0;

    }

}



.main-menu__search {

    font-size: 24px;

    color: var(--thm-black);

    margin-right: 30px;

    transition: all 500ms ease;

}



.main-menu__cart {

    font-size: 24px;

    color: var(--thm-black);

    margin-right: 30px;

    transition: all 500ms ease;

}



.main-menu__search:hover,

.main-menu__cart:hover {

    color: var(--thm-primary);

}



@media (max-width: 1199px) {



    .main-menu__search,

    .main-menu__cart {

        margin-right: 20px;

        font-size: 20px;

    }

}



@media (max-width: 767px) {

    .main-menu__cart {

        margin-right: 0;

    }

}





.main-menu__read-more-btn {

    font-size: 12px;

    padding: 5px 30px;

}



.main-menu__read-more-btn:before {

    position: absolute;

    bottom: -5px;

    width: 100%;

    height: 1px;

    left: 0;

    background: var(--thm-black);

    content: "";

    transition: transform 500ms ease;

    transform-origin: left center;

    transform: scale(1, 1);

}



.main-menu__read-more-btn:hover::before {

    transform: scale(0, 1);

    transform-origin: right center;

}



.stricky-header.main-menu {

    padding: 0 60px;

}



.main-menu,

.stricky-header {

    /* after third level no menu */

}



.main-menu .main-menu__list,

.main-menu .main-menu__list ul,

.stricky-header .main-menu__list,

.stricky-header .main-menu__list ul {

    margin: 0;

    padding: 0;

    list-style-type: none;

    align-items: center;

    display: none;

}



@media (min-width: 1200px) {



    .main-menu .main-menu__list,

    .main-menu .main-menu__list ul,

    .stricky-header .main-menu__list,

    .stricky-header .main-menu__list ul {

        display: flex;

    }

}



.main-menu .main-menu__list>li,

.stricky-header .main-menu__list>li {

    padding-top: 40.5px;

    padding-bottom: 40.5px;

    position: relative;

}



.main-menu .main-menu__list>li+li,

.stricky-header .main-menu__list>li+li {

    margin-left: 64px;

}



.main-menu .main-menu__list>li>a,

.stricky-header .main-menu__list>li>a {

    font-size: 15px;

    font-weight: 500;

    display: flex;

    align-items: center;

    color: var(--thm-gray);

    text-transform: uppercase;

    position: relative;

    transition: all 500ms ease;

}



.main-menu .main-menu__list>li>a::before,

.stricky-header .main-menu__list>li>a::before {

    content: '';

    width: 100%;

    height: 6px;

    background-color: #e5e5e5;

    position: absolute;

    bottom: 9px;

    left: 0;

    transition: transform 500ms ease;

    transform: scale(0, 1);

    transform-origin: left center;

    z-index: -1;

}



.main-menu .main-menu__list>li.current>a,

.main-menu .main-menu__list>li:hover>a,

.stricky-header .main-menu__list>li.current>a,

.stricky-header .main-menu__list>li:hover>a {

    color: var(--thm-black);

}



.main-menu .main-menu__list>li.current>a::before,

.main-menu .main-menu__list>li:hover>a::before,

.stricky-header .main-menu__list>li.current>a::before,

.stricky-header .main-menu__list>li:hover>a::before {

    transform: scale(1, 1);

    transform-origin: right center;

}



.main-menu .main-menu__list li ul,

.stricky-header .main-menu__list li ul {

    position: absolute;

    top: 100%;

    left: 0;

    min-width: 220px;

    background-color: #fff;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    opacity: 0;

    visibility: hidden;

    transition: 500ms ease;

    z-index: 99;

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

}



.main-menu .main-menu__list li:hover>ul,

.stricky-header .main-menu__list li:hover>ul {

    opacity: 1;

    visibility: visible;

}



.main-menu .main-menu__list li ul li,

.stricky-header .main-menu__list li ul li {

    flex: 1 1 100%;

    width: 100%;

    position: relative;

}



.main-menu .main-menu__list li ul li+li,

.stricky-header .main-menu__list li ul li+li {

    border-top: 1px solid RGBA(var(--thm-black), 0.1);

}



.main-menu .main-menu__list li ul li a,

.stricky-header .main-menu__list li ul li a {

    font-size: 16px;

    line-height: 30px;

    color: var(--thm-black);

    display: flex;

    padding-left: 20px;

    padding-right: 20px;

    padding-top: 10px;

    padding-bottom: 10px;

    transition: 500ms;

}



.main-menu .main-menu__list li ul li:hover>a,

.stricky-header .main-menu__list li ul li:hover>a {

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

    color: #fff;

}



.main-menu .main-menu__list li ul li>ul,

.stricky-header .main-menu__list li ul li>ul {

    top: 0;

    left: 100%;

}



.main-menu .main-menu__list li ul li>ul.right-align,

.stricky-header .main-menu__list li ul li>ul.right-align {

    top: 0;

    left: auto;

    right: 100%;

}



.main-menu .main-menu__list li ul li>ul ul,

.stricky-header .main-menu__list li ul li>ul ul {

    display: none;

}



.stricky-header {

    position: fixed;

    z-index: 991;

    top: 0;

    left: 0;

    background-color: #fff;

    width: 100%;

    visibility: hidden;

    transform: translateY(-120%);

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

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

}



@media (max-width: 1199px) {

    .stricky-header {

        display: none !important

    }

}



.stricky-header.stricky-fixed {

    transform: translateY(0);

    visibility: visible;

}



.stricky-header .main-menu__inner {

    box-shadow: none;

    padding-right: 0;

    max-width: 1170px;

    width: 100%;

    margin: 0 auto;

}



.mobile-nav__buttons {

    display: flex;

    margin-left: auto;

    margin-right: 10px;

}



@media (min-width: 1200px) {

    .mobile-nav__buttons {

        display: none;

    }

}



.mobile-nav__buttons a {

    font-size: 20px;

    color: var(--thm-black);

    cursor: pointer;

}



.mobile-nav__buttons a+a {

    margin-left: 10px;

}



.mobile-nav__buttons a:hover {

    color: var(--thm-base);

}



.main-menu .mobile-nav__toggler {

    font-size: 20px;

    color: var(--thm-primary);

    cursor: pointer;

    transition: 500ms;

    margin-right: 20px;

}



.main-menu .mobile-nav__toggler:hover {

    color: var(--thm-base);

}



@media (min-width: 1200px) {

    .main-menu .mobile-nav__toggler {

        display: none;

    }

}





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

# Navigations Two

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

.main-header-two {

    position: relative;

    display: block;

}



.main-menu-wrapper-two-top {

    position: relative;

    display: block;

    padding: 35px 0;

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

}



.main-menu-wrapper-two-top-pattern {

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    opacity: .10;

    background-repeat: no-repeat;

    background-size: cover;

}



.main-menu-wrapper-two-top__inner {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.main-menu-wrapper-two-top__search-and-cart-icon {

    display: flex;

    align-items: center;

    padding: 5px 0;

}



.main-menu-wrapper-two-top__search {

    font-size: 24px;

    color: #ffffff;

    margin-right: 24px;

    transition: all 500ms ease;

}



.main-menu-wrapper-two-top__search:hover {

    color: var(--thm-primary);

}



.main-menu-wrapper-two-top__cart {

    font-size: 24px;

    color: #ffffff;

    transition: all 500ms ease;

}



.main-menu-wrapper-two-top__cart:hover {

    color: var(--thm-primary);

}



.main-header-two__logo {}



.main-header-two__logo>a {}



.main-header-two__logo>a>img {}



.main-header-two__three-line-icon {}



.main-header-two__three-line-icon a {}





.main-menu-wrapper-two-bottom {

    position: relative;

    display: block;

    background-color: #101010;

}



.main-menu-wrapper-two-bottom:before {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    content: "";

    height: 1px;

    background-color: rgba(255, 255, 255, .1);

}



.main-menu-wrapper-two-bottom__inner {}



.main-menu__two {

    display: flex;

    align-items: center;

    justify-content: center;

}



.main-menu__two .main-menu__inner {}





.main-menu__two .main-menu__list>li>a,

.stricky-header .main-menu__two .main-menu__list>li>a {

    color: #9d9d9d;

}



.main-menu__two .main-menu__list>li,

.stricky-header.main-menu__two .main-menu__list>li {

    padding-top: 15px;

    padding-bottom: 15px;

}



.main-menu__two .main-menu__list>li.current>a,

.main-menu__two .main-menu__list>li:hover>a,

.stricky-header .main-menu__two .main-menu__list>li.current>a,

.stricky-header .main-menu__two .main-menu__list>li:hover>a {

    color: #ffffff;

}



.main-menu__two .main-menu__list>li>a::before,

.stricky-header .main-menu__two .main-menu__list>li>a::before {

    background-color: #404040;

}





.main-menu__two .main-menu__list>li,

.stricky-header.main-menu__two .main-menu__list>li {

    padding-top: 15px;

    padding-bottom: 15px;

}



.stricky-header.main-menu__two .main-menu__inner {

    padding: 0 0;

}



.stricky-header.main-menu__two {

    padding: 0 0;

    background-color: #101010;

}









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

# Navigations Three

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

.main-header-three {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    z-index: 999;

    transition: all 500ms ease;

}



.main-header-three__menu-box {

    position: relative;

    display: block;

    padding: 0 60px;

}



.main-menu-three {

    background-color: transparent;

}



.main-menu-three__container {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.main-menu-three__logo {

    position: relative;

}



.main-menu-three__logo>a {}



.main-menu-three__logo>img {}



.main-menu-three__inner {

    position: relative;

    display: block;

}



.main-menu-three__right {

    position: relative;

    display: flex;

    align-items: center;

}



.main-menu-three__search {

    font-size: 24px;

    color: #ffffff;

    margin-right: 35px;

    transition: all 500ms ease;

}



.main-menu-three__search:hover {

    color: var(--thm-primary);

}



.main-menu-three__cart {

    font-size: 24px;

    color: #ffffff;

}



.main-menu-three__cart:hover {

    color: var(--thm-primary);

}



.main-menu-three .main-menu__list>li,

.stricky-header .main-menu-three .main-menu__list>li {

    padding-top: 43px;

    padding-bottom: 43px;

    position: relative;

}



.main-menu-three .main-menu__list>li>a::before,

.stricky-header .main-menu-three .main-menu__list>li>a::before {

    background-color: #333333;

}



.main-menu-three .main-menu__list>li.current>a,

.main-menu-three .main-menu__list>li:hover>a,

.stricky-header .main-menu-three .main-menu__list>li.current>a,

.stricky-header .main-menu-three .main-menu__list>li:hover>a {

    color: #ffffff;

}



.stricky-header.main-menu-three {

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

}























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

# Animations

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

@keyframes bubbleMover {

    0% {

        -webkit-transform: translateY(0px) translateX(0) rotate(0);

        transform: translateY(0px) translateX(0) rotate(0);

    }



    30% {

        -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);

        transform: translateY(30px) translateX(50px) rotate(15deg);

        -webkit-transform-origin: center center;

        transform-origin: center center;

    }



    50% {

        -webkit-transform: translateY(50px) translateX(100px) rotate(45deg);

        transform: translateY(50px) translateX(100px) rotate(45deg);

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

    }



    80% {

        -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);

        transform: translateY(30px) translateX(50px) rotate(15deg);

        -webkit-transform-origin: left top;

        transform-origin: left top;

    }



    100% {

        -webkit-transform: translateY(0px) translateX(0) rotate(0);

        transform: translateY(0px) translateX(0) rotate(0);

        -webkit-transform-origin: center center;

        transform-origin: center center;

    }

}



@keyframes shapeMover {



    0%,

    100% {

        transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);

    }



    50% {

        transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px);

    }

}



@keyframes banner3Shake {

    0% {

        -webkit-transform: rotate3d(0, 1, 0, 0deg);

        transform: rotate3d(0, 1, 0, 0deg);

    }



    30% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg);

    }



    60% {

        -webkit-transform: rotate3d(1, 0, 0, 0deg);

        transform: rotate3d(1, 0, 0, 0deg);

    }



    80% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg);

    }



    100% {

        -webkit-transform: rotate3d(0, 1, 0, 0deg);

        transform: rotate3d(0, 1, 0, 0deg);

    }

}



@keyframes squareMover {



    0%,

    100% {

        -webkit-transform: translate(0, 0) rotate(0);

        transform: translate(0, 0) rotate(0);

    }



    20%,

    60% {

        -webkit-transform: translate(20px, 40px) rotate(180deg);

        transform: translate(20px, 40px) rotate(180deg);

    }



    30%,

    80% {

        -webkit-transform: translate(40px, 60px) rotate(0deg);

        transform: translate(40px, 60px) rotate(0deg);

    }

}



@keyframes treeMove {



    0%,

    100% {

        -webkit-transform: rotate(0deg) translateX(0);

        transform: rotate(0deg) translateX(0);

    }



    25%,

    75% {

        -webkit-transform: rotate(5deg) translateX(15px);

        transform: rotate(5deg) translateX(15px);

    }



    50% {

        -webkit-transform: rotate(10deg) translateX(30px);

        transform: rotate(10deg) translateX(30px);

    }

}





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

#     Zoom Fade Css

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

.zoom-fade {

    animation-name: zoom-fade;

    animation-duration: 5s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;



    -webkit-animation-name: zoom-fade;

    -webkit-animation-duration: 5s;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;



    -moz-animation-name: zoom-fade;

    -moz-animation-duration: 5s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;



    -ms-animation-name: zoom-fade;

    -ms-animation-duration: 5s;

    -ms-animation-iteration-count: infinite;

    -ms-animation-timing-function: linear;



    -o-animation-name: zoom-fade;

    -o-animation-duration: 5s;

    -o-animation-iteration-count: infinite;

    -o-animation-timing-function: linear;

}



@-webkit-keyframes zoom-fade {

    0% {

        -webkit-transform: scale(0.9);

        transform: scale(0.9);

    }



    50% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }



    100% {

        -webkit-transform: scale(0.9);

        transform: scale(0.9);

    }

}



@keyframes zoom-fade {

    0% {

        -webkit-transform: scale(0.9);

        transform: scale(0.9);

    }



    50% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }



    100% {

        -webkit-transform: scale(0.9);

        transform: scale(0.9);

    }

}





@keyframes service_hexagon_2 {

    0% {

        -webkit-transform: rotateY(0deg);

        -moz-transform: rotateY(0deg);

        -o-transform: rotateY(0deg);

        transform: rotateY(0deg)

    }



    100% {

        -webkit-transform: rotateY(360deg);

        -moz-transform: rotateY(360deg);

        -o-transform: rotateY(360deg);

        transform: rotateY(360deg)

    }

}



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

# Mobile Nav

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

.mobile-nav__wrapper {

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    height: 100vh;

    opacity: 0;

    transform: translateX(-50%);

    transform-origin: right center;

    transition: transform 500ms ease-in, opacity 500ms linear, visibility 500ms ease-in;

    z-index: 999;

    visibility: hidden;

}



.mobile-nav__wrapper .container {

    padding-left: 0;

    padding-right: 0;

}



.mobile-nav__wrapper.expanded {

    opacity: 1;

    transform: translateX(0%);

    visibility: visible;

}



.mobile-nav__overlay {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #000000;

    opacity: 0.5;

    cursor: pointer;

}



.mobile-nav__content {

    width: 300px;

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

    z-index: 10;

    position: relative;

    height: 100%;

    overflow-y: auto;

    padding-top: 40px;

    padding-bottom: 30px;

    padding-left: 15px;

    padding-right: 15px;

}



.mobile-nav__content .thm-btn {

    padding: 8px 0;

    width: 100%;

    text-align: center;

}



.mobile-nav__content .logo-box {

    margin-bottom: 40px;

    display: flex;

}



.mobile-nav__close {

    position: absolute;

    top: 30px;

    right: 15px;

    font-size: 18px;

    color: var(--thm-text-dark);

    cursor: pointer;

    width: 20px;

    height: 20px;

    z-index: 10;

}



.mobile-nav__close::after,

.mobile-nav__close::before {

    content: '';

    width: 20px;

    height: 2px;

    background-color: #fff;

    transform: rotate(45deg);

    transform-origin: center center;

    display: block;

    position: absolute;

    top: 0;

    left: 0;

}



.mobile-nav__close::after {

    transform-origin: center center;

    transform: rotate(-45deg);

}



.mobile-nav__content .main-menu__list,

.mobile-nav__content .main-menu__list ul {

    margin: 0;

    padding: 0;

    list-style-type: none;

}



.mobile-nav__content .main-menu__list ul {

    display: none;

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

}



.mobile-nav__content .main-menu__list li:not(:last-child) {

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

}



.mobile-nav__content .main-menu__list li a {

    display: flex;

    justify-content: space-between;

    line-height: 30px;

    color: #ffffff;

    font-size: 14px;

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

    font-weight: 500;

    height: 46px;

    align-items: center;

    transition: 500ms;

}



.mobile-nav__content .main-menu__list li a.expanded {

    color: var(--thm-secondary);

}



.mobile-nav__content .main-menu__list li a button {

    width: 30px;

    height: 30px;

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

    border: none;

    outline: none;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    transform: rotate(-90deg);

    transition: transform 500ms ease;

}



.mobile-nav__content .main-menu__list li a button.expanded {

    transform: rotate(0deg);

    background-color: #fff;

    color: var(--thm-black);

}



.mobile-nav__content .main-menu__list li.cart-btn span {

    position: relative;

    top: auto;

    right: auto;

    transform: translate(0, 0);

}



.mobile-nav__content .main-menu__list li.cart-btn i {

    font-size: 16px;

}



.mobile-nav__top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 30px;

}



.mobile-nav__top .main-menu__login a {

    color: var(--thm-text-dark);

}



.mobile-nav__container {

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

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

}



.mobile-nav__social {

    display: flex;

    align-items: center;

}



.mobile-nav__social a {

    font-size: 16px;

    color: var(--thm-primary);

    transition: 500ms;

}



.mobile-nav__social a+a {

    margin-left: 30px;

}



.mobile-nav__social a:hover {

    color: #ffffff;

}



.mobile-nav__contact {

    margin-bottom: 0;

    margin-top: 20px;

    margin-bottom: 20px;

}



.mobile-nav__contact li {

    color: var(--thm-text-dark);

    font-size: 14px;

    font-weight: 500;

    position: relative;

    display: flex;

    align-items: center;

}



.mobile-nav__contact li+li {

    margin-top: 15px;

}



.mobile-nav__contact li a {

    color: #ffffff;

    transition: 500ms;

}



.mobile-nav__contact li a:hover {

    color: var(--thm-primary);

}



.mobile-nav__contact li>i {

    width: 30px;

    height: 30px;

    border-radius: 50%;

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

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    font-size: 11px;

    margin-right: 10px;

    color: #fff;

}



.mobile-nav__container .main-logo,

.mobile-nav__container .topbar__buttons,

.mobile-nav__container .main-menu__language,

.mobile-nav__container .main-menu__login {

    display: none;

}











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

# sidemenu popup

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





.side-menu__block {

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    height: 100vh;

    z-index: 1000;

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

    transform: scale(0, 1);

    -webkit-transform-origin: left center;

    transform-origin: left center;

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

    transition: -webkit-transform .7s ease;

    transition: transform .7s ease;

    transition: transform .7s ease, -webkit-transform .7s ease;

}



.side-menu__block.active {

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

    transform: scale(1, 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: .7;

    cursor: pointer;

}



.side-menu__block-inner {

    position: relative;

    width: 300px;

    height: 100vh;

    background-color: #fff;

    z-index: 999999;

    overflow-y: auto;

    padding: 20px 30px;

    position: relative;

    padding-top: 40px;

}



.side-menu__close {

    position: absolute;

    top: 30px;

    right: 30px;

    z-index: 10;

    cursor: pointer;

    width: 20px;

    height: 20px;

}



.side-menu__close::after,

.side-menu__close::before {

    content: '';

    width: 20px;

    height: 2px;

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

    transform: rotate(45deg);

    transform-origin: center center;

    display: block;

    position: absolute;

    top: 0;

    left: 0;

}



.side-menu__close::after {

    transform-origin: center center;

    transform: rotate(-45deg);

}





.side-menu__block__text {

    text-align: center;

}



.side-menu__block__text a {

    color: var(--thm-primary);

}



.side-menu__block__title {

    font-size: 22px;

    font-weight: 500;

    color: var(--thm-black);

    margin: 0;

    margin-bottom: 15px;

    text-transform: uppercase;

}



.side-menu__block-line {

    margin: 40px 0;

    border-color: rgba(27, 24, 26, 0.2);

}



.side-menu__block-about {

    margin-top: 40px;

}



.side-menu__block-contact__list {

    margin: 0;

    padding: 0;

    list-style: none;

    margin-bottom: 30px;

}



.side-menu__block-contact__list-item {

    color: var(--thm-black);

    font-size: 15px;

    position: relative;

    padding-left: 30px;

}



.side-menu__block-contact__list-item i {

    font-size: 17px;

    color: var(--thm-primary);

    position: absolute;

    top: 50%;

    left: 0;

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

    transform: translateY(-50%);

}



.side-menu__block-contact__list-item+.side-menu__block-contact__list-item {

    margin-top: 10px;

}



.side-menu__block__text-copy {

    position: absolute;

    bottom: 0;

    left: 50%;

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

    transform: translateX(-50%);

}



.side-menu__block__text-copy a {

    color: var(--thm-primary);

}



.side-menu__block-about__text {

    font-size: 16px;

    line-height: 1.889em;

}



.side-menu__block-about__btn {

    width: 100%;

    padding-left: 0;

    padding-right: 0;

    text-align: center;

}



.side-menu__block__text.site-footer__copy-text {

    font-size: 16px;

}



.side-menu__block__text.site-footer__copy-text a {

    color: var(--thm-black);

}



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

# Search Popup

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

.search-popup {

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    height: 100vh;

    z-index: 991;

    padding-left: 20px;

    padding-right: 20px;

    display: flex;

    justify-content: center;

    align-items: center;

    transform: translateY(-110%);

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

}



.search-popup.active {

    transform: translateY(0%);

}



.search-popup__overlay {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

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

    opacity: 0.75;

    cursor: pointer;

}



.search-popup__content {

    width: 100%;

    max-width: 560px;

}



.search-popup__content form {

    display: flex;

    flex-wrap: wrap;

    position: relative;

    background-color: #fff;

    border-radius: 0px;

    overflow: hidden;

}



.search-popup__content form input[type="search"],

.search-popup__content form input[type="text"] {

    width: 100%;

    background-color: #fff;

    font-size: 16px;

    border: none;

    outline: none;

    height: 66px;

    padding-left: 30px;

}



.search-popup__content .thm-btn {

    padding: 0;

    width: 68px;

    height: 68px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    position: absolute;

    top: 0;

    right: -1px;

    border-radius: 0;

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

}



.search-popup__content .thm-btn:hover {

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

    color: #fff;

}



.search-popup__content .thm-btn i {

    margin: 0;

}





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

# Slider

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

.main-slider {

    overflow: hidden;

    position: relative;

}



.main-slider_border {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 14.29%;

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

    z-index: 10;

}



.main-slider_border-two {

    left: 14.29%;

}



.main-slider_border-three {

    left: 28.59%;

}



.main-slider_border-four {

    left: 42.88%;

}



.main-slider_border-five {

    left: 57.17%;

}



.main-slider_border-six {

    left: 71.46%;

}



.main-slider .swiper-slide {

    position: relative;

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

}



.main-slider .swiper-slide .container {

    position: relative;

    z-index: 30;

}



.main-slider .image-layer {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-repeat: no-repeat;

    background-size: cover;

    transform: scale(1);

    transition: transform 7000ms ease;

    z-index: 1;

}



.main-slider .image-layer-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    background: rgba(var(--thm-black-rgb), .7);

    z-index: 2;

}







.main-slider .container {

    padding-bottom: 190px;

    padding-top: 196px;

}



.main-slider__content {

    position: relative;

    display: block;

}



.main-slider h2 {

    margin: 0;

    margin-bottom: 40px;

    color: #fff;

    font-weight: 400;

    opacity: 0;

    visibility: hidden;

    transform: translateY(120px);

    transition-delay: 1000ms;

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

    font-size: 100px;

    line-height: 110px;

    text-transform: uppercase;

}



.main-slider .thm-btn {

    font-size: 14px;

    font-weight: 700;

    background-color: #ffffff;

    color: var(--thm-black);

    opacity: 0;

    transform: translateY(100px);

    transition-delay: 2500ms;

    transition: transform 2000ms ease,

        opacity 2000ms ease,

        color 500ms ease,

        background 500ms ease;

}



.main-slider .thm-btn:hover {

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

    color: #fff;

}



.main-slider .swiper-slide-active .image-layer {

    transform: scale(1.15);

}



.main-slider .swiper-slide-active .thm-btn,

.main-slider .swiper-slide-active p,

.main-slider .swiper-slide-active h2,

.main-slider .swiper-slide-active p {

    visibility: visible;

    opacity: 1;

    transform: translateY(0) translateX(0);

}



.main-slider__nav {

    width: 100%;

    max-width: 1200px;

    padding-left: 15px;

    padding-right: 15px;

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 100;

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

    display: flex;

    align-items: flex-end;

    flex-direction: column;

}





.main-slider__nav .swiper-button-next,

.main-slider__nav .swiper-button-prev {

    position: relative;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    height: 30px;

    width: 30px;

    z-index: 100;

    font-size: 20px;

    color: #ffffff;

    opacity: 1;

    margin: 0;

    transition: all 500ms ease;

}





.main-slider__nav .swiper-button-next:hover,

.main-slider__nav .swiper-button-prev:hover {

    color: var(--thm-primary);

}



.main-slider__nav .swiper-button-next::after,

.main-slider__nav .swiper-button-prev::after {

    display: none;

}



.main-slider__nav .swiper-button-prev {

    margin-bottom: 0px;

}



.main-slider__nav .swiper-button-next .icon-right-arrow {

    position: relative;

    transform: rotate(180deg);

}







#main-slider-pagination {

    z-index: 10;

    bottom: 60px;

    left: 50%;

    width: 100%;

    max-width: 1170px;

    -webkit-transform: translate(-50%, calc(-50% + 95px));

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

    counter-reset: count;

    line-height: 0;

}



#main-slider-pagination .swiper-pagination-bullet {

    width: 20px;

    height: 30px;

    border-radius: 0%;

    opacity: 1;

    background-color: transparent;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



#main-slider-pagination .swiper-pagination-bullet:before {

    position: absolute;

    height: 30px;

    width: 20px;

    text-align: center;

    color: #ffffff;

    font-size: 16px;

    line-height: 30px;

    font-weight: 500;

    border-bottom: 2px solid #ffffff;

    counter-increment: count;

    content: "0"counter(count);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



#main-slider-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {

    margin-left: 20px;

}



.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 0px;

}



#main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

    position: relative;

    transform: translateY(-10px);

}















#main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:focus,

#main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:hover {

    outline: none;

    border: none;

}

















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

# Main Slider Two

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

.main-slider-two .container {

    padding-bottom: 250px;

    padding-top: 231px;

}



.main-slider-two .image-layer-overlay {

    background: rgba(var(--thm-black-rgb), 0.6);

}



.main-slider-two .thm-btn {

    background-color: #ffffff;

}



.main-slider-two .thm-btn:hover {

    background: var(--thm-primary);

}





.main-slider__nav-two {

    width: 100%;

    max-width: 1200px;

    padding-left: 15px;

    padding-right: 15px;

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 100;

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

    display: flex;

    align-items: center;

    justify-content: space-between;

}





.main-slider__nav-two .swiper-button-next,

.main-slider__nav-two .swiper-button-prev {

    position: relative;

    top: auto;

    left: auto;

    right: auto;

    bottom: auto;

    z-index: 100;

    width: 30px;

    height: 30px;

    font-size: 20px;

    color: #ffffff;

    opacity: 1;

    margin: 0;

    text-align: center;

    transition: all 500ms ease;

}





.main-slider__nav-two .swiper-button-next:hover,

.main-slider__nav-two .swiper-button-prev:hover {

    color: var(--thm-primary);

}



.main-slider__nav-two .swiper-button-next::after,

.main-slider__nav-two .swiper-button-prev::after {

    display: none;

}



.main-slider__nav-two .swiper-button-prev {

    margin-bottom: 0px;

}



.main-slider__nav-two .swiper-button-prev .icon-left-arrow {

    position: relative;

    transform: rotate(180deg);

}





.main-slider-two #main-slider-pagination {

    text-align: center;

    bottom: 100px;

}







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

# Main Slider Three

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

.main-slider-three {

    position: relative;

    display: block;

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

    padding-bottom: 120px;

    padding-top: 120px;

}



.main-slider-three-pattern {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-size: cover;

    background-repeat: no-repeat;

    opacity: 0.08;

}



.main-slider-three-shape {

    position: absolute;

    bottom: 0;

    right: 0;

    width: 725px;

    height: 680px;

    opacity: .15;

    -webkit-animation-name: shapeMover;

    animation-name: shapeMover;

    -webkit-animation-duration: 20s;

    animation-duration: 20s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-perspective: 400px;

    perspective: 400px;

    -webkit-transform-origin: center center;

    transform-origin: center center;

}



.main-slider-three__container {

    position: relative;

    display: block;

    width: 100%;

}



.main-slider-three__left {

    position: relative;

    display: block;

    width: 55%;

    float: left;

}



.main-slider-three__left-carousel {}



.main-slider-three__left-single {}



.main-slider-three__left-img {

    overflow: hidden;

    position: relative;

    display: block;

}



.main-slider-three__left-img>img {

    width: 100%;

    transform: scale(1);

    -webkit-transition: all 7000ms linear;

    -moz-transition: all 7000ms linear;

    -ms-transition: all 7000ms linear;

    -o-transition: all 7000ms linear;

    transition: all 7000ms linear;

}



.main-slider-three__left-carousel .active .main-slider-three__left-img>img {

    transform: scale(1.15);

}



.main-slider-three__right {

    position: relative;

    display: block;

    width: 45%;

    float: right;

    padding-left: 100px;

    padding-top: 95px;

}



.main-slider-three__title {

    font-size: 60px;

    color: #ffffff;

    font-weight: 700;

    line-height: 75px;

    text-transform: uppercase;

    margin-bottom: 34px;

}



.main-slider-three__text {

    font-size: 20px;

    color: #9d9d9d;

    font-style: italic;

    margin: 0;

}



.main-slider-three__right-btn {

    background-color: #ffffff;

    color: var(--thm-black);

    margin-top: 50px;

}















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

# Three Boxes

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

.three-boxes {

    position: relative;

    display: block;

    padding: 120px 0 90px;

}



.three-boxes-shape {

    position: absolute;

    bottom: -120px;

    height: 100%;

    right: calc(100% - 215px);

    width: 10000px;

    background-color: #f4f4f4;

}



.three-boxes .container {

    position: relative;

}



.three-boxes__single {

    position: relative;

    display: block;

    margin-bottom: 30px;

}



.three-boxes__img-box {

    position: relative;

    display: block;

}



.three-boxes__img {

    position: relative;

    display: block;

    overflow: hidden;

}



.three-boxes__img>img {

    width: 100%;

    -webkit-transform: scale(1);

    transform: scale(1);

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

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

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

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

}



.three-boxes__single:hover .three-boxes__img>img {

    transform: scale(1.05);

}



.three-boxes__img-content {

    position: absolute;

    bottom: 25px;

    left: 25px;

    right: 25px;

    background: #ffffff;

    padding: 35px 0px;

    text-align: center;

}



.three-boxes__img-content h3 {

    font-size: 24px;

    font-weight: 500;

    text-align: center;

    line-height: 28px;

    text-transform: uppercase;

}



.three-boxes__img-arrow {

    position: absolute;

    top: -34px;

    right: 0;

    height: 34px;

    width: 34px;

    color: #ffffff;

    background: var(--thm-primary);

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all 500ms ease;

    transform: scale(0);

}



.three-boxes__img-arrow span {}



.three-boxes__img-arrow:hover {

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

    color: #fff;

}



.three-boxes__single:hover .three-boxes__img-arrow {

    transform: scale(1);

}



.three-boxes__single-three {

    position: relative;

    display: block;

    padding: 46px 0 55px;

    margin-bottom: 30px;

    z-index: 2;

}



.three-boxes__single-three:before {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    content: "";

    background-color: rgba(var(--thm-black-rgb), .85);

    z-index: 1;

}



.three-boxes__single-bg {

    position: absolute;

    filter: grayscale(1);

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-repeat: no-repeat;

    background-size: cover;

}



.three-boxes__single-three-content {

    position: relative;

    display: block;

    text-align: center;

    z-index: 3;

}



.three-boxes__single-three-content h2 {

    font-size: 34px;

    color: #ffffff;

    font-weight: 500;

    line-height: 44px;

    text-transform: uppercase;

    margin-bottom: 51px;

}



.three-boxes__btn {

    background-color: #ffffff;

    color: var(--thm-black);

}



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

# Welcome One

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

.welcome-one {

    position: relative;

    display: block;

    padding: 0px 0px 84px;

}



.welcome-one-shape {

    position: absolute;

    height: 100%;

    bottom: -85px;

    right: calc(100% - 215px);

    width: 10000px;

    background-color: #f4f4f4;

}



.welcome-one-bg {

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    width: 528px;

    background-repeat: no-repeat;

    opacity: .09;

}



.welcome-one .container {

    position: relative;

}



.welcome-one__left {

    position: relative;

    display: block;

    margin-right: 100px;

}



.welcome-one__left:before {

    position: absolute;

    bottom: -120px;

    right: calc(100% - 230px);

    width: 10px;

    content: "";

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

    height: 100px;

}



.welcome-one__img {

    position: relative;

    display: block;

    margin-left: -362px;

}



.welcome-one__img>img {

    width: 100%;

}



.welcome-one__video-btn {

    height: 135px;

    width: 160px;

    position: absolute;

    bottom: 0;

    left: 20px;

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

    color: #ffffff;

    font-size: 25px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all 500ms ease;

    z-index: 2;

}



.welcome-one__video-btn:before {

    position: absolute;

    top: -20px;

    left: -20px;

    right: -20px;

    bottom: 0;

    content: "";

    border-top: 20px solid #f4f4f4;

    border-left: 20px solid #f4f4f4;

    border-right: 20px solid #f4f4f4;

}



.welcome-one__video-btn:hover {

    color: var(--thm-primary);

    background: var(--thm-black);

}



.welcome-one__right {

    position: relative;

    display: block;

    margin-left: -30px;

}



.welcome-one__right .section-title {

    margin-bottom: 40px;

}



.welcome-one__right-list {

    position: relative;

    display: block;

    overflow: hidden;

}



.welcome-one__right-list-one {

    position: relative;

    display: block;

    margin-bottom: 0;

    float: left;

    margin-right: 86px;

}



.welcome-one__right-list-one li {

    display: flex;

    align-items: center;

}



.welcome-one__right-list-one li+li {

    margin-top: 7px;

}



.welcome-one__right-list-one li .icon {

    position: relative;

    transform: rotate(70deg);

    font-size: 10px;

    color: var(--thm-gray);

}



.welcome-one__right-list-one li i {

    color: var(--thm-gray);

}



.welcome-one__right-list-one li .text {

    margin-left: 18px;

}



.welcome-one__right-list-one li .text p {

    font-size: 16px;

    color: var(--thm-black);

    font-weight: 500;

    margin: 0;

}



.welcome-one__right-list-two {

    margin-right: 0;

}



.welcome-one__bottom-content {

    margin-top: 38px;

    position: relative;

    display: block;

    overflow: hidden;

}



.welcome-one__bottom-content h4 {

    font-size: 20px;

    color: var(--thm-primary);

    font-weight: 700;

    line-height: 30px;

    margin-bottom: 43px;

}



.welcome-one__bottom-content p {

    margin: 0;

}



.welcome-one__architecure {

    display: flex;

    align-items: center;

    margin-top: 40px;

}



.welcome-one__architecure-img {}



.welcome-one__architecure-img>img {

    width: 80px;

    border-radius: 50%;

    border-style: solid;

    border-width: 4px;

    border-color: rgb(255, 255, 255);

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

}



.welcome-one__architecure-text {

    margin-left: 30px;

    text-align: center;

}



.welcome-one__architecure-text h2 {

    font-size: 30px;

    font-weight: 400;

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

    line-height: 40px;

    margin-bottom: 8px;

}



.welcome-one__architecure-text p {

    font-size: 14px;

    font-weight: 500;

    margin: 0;

    text-transform: uppercase;

}



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

# Two Boxes

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

.two-boxes {

    padding: 120px 0 120px;

}



.two-boxes__single {

    position: relative;

    display: block;

    margin-bottom: 30px;

}



@media(min-width: 1200px) {

    .two-boxes__single {

        margin-bottom: 0;

    }

}



.two-boxes__single .row {

    --bs-gutter-x: 0px;

}



.two-boxes__content {

    position: relative;

    display: block;

    background: var(--thm-black);

    padding: 80.5px 48px;

}



.two-boxes__content h2 {

    font-size: 28px;

    color: #ffffff;

    font-weight: 700;

    line-height: 40px;

    text-transform: uppercase;

}



.two-boxes__img {

    position: relative;

    display: block;

    overflow: hidden;

}



.two-boxes__img>img {

    width: 100%;

    transition: transform 500ms ease;

    transform: scale(1);

}



.two-boxes__single:hover .two-boxes__img>img {

    transform: scale(1.05);

}



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

# Services One

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

.services-one {

    position: relative;

    display: block;

    background-color: #f4f4f4;

    padding: 120px 0 90px;

}



.services-one-container {

    position: relative;

    display: block;

    max-width: 1440px;

    width: 100%;

    padding-left: 15px;

    padding-right: 15px;

    margin: 0 auto;

}



.services-one .section-title {

    position: relative;

    display: block;

    margin-bottom: 47px;

    z-index: 1;

}



.services-one .row {

    --bs-gutter-x: 0px;

}



.services-one__single {

    position: relative;

    display: block;

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);

    padding: 55px 60px 47px;

    margin-bottom: 30px;

    transition: all 500ms ease;

}



.services-one__single:hover {

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

}



.services-one__title {

    font-size: 24px;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 24px;

}



.services-one__title a {

    color: var(--thm-black);

    transition: all 500ms ease;

    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 89% / 0px 2px no-repeat;

}



.services-one__single:hover .services-one__title a {

    color: #ffffff;

}



.services-one__title a:hover {

    background-size: 100% 2px;

}



.services-one__text {

    margin: 0;

    transition: all 500ms ease;

}



.services-one__single:hover .services-one__text {

    color: #ffffff;

}



.services-one__btn {

    font-size: 12px;

    color: var(--thm-black);

    font-weight: 500;

    text-transform: uppercase;

    margin-top: 67px;

    position: relative;

    display: inline-block;

    z-index: 2;

    transition: all 500ms ease;

}



.services-one__btn:hover {

    color: var(--thm-primary);

}



.services-one__single:hover .services-one__btn {

    color: #ffffff;

}



.services-one__single .services-one__btn:hover {

    color: var(--thm-primary)

}



.services-one__btn:before {

    position: absolute;

    bottom: 10px;

    left: 0;

    right: 0;

    content: "";

    background-color: #e5e5e5;

    height: 6px;

    z-index: -1;

    transition: all 500ms ease;

}



.services-one__single:hover .services-one__btn:before {

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

    opacity: 0.4;

}



.services-one__icon {

    position: absolute;

    right: 58px;

    bottom: 52px;

}



.services-one__icon span {

    font-size: 65px;

    line-height: 65px;

    color: var(--thm-black);

    transition: all 500ms ease;

}



.services-one__single:hover .services-one__icon span {

    color: #ffffff;

}



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

# Project One

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

.project-one {

    position: relative;

    display: block;

    padding: 120px 0 0;

}



.project-one-container {

    position: relative;

    display: block;

    width: 100%;

}



.project-one .section-title {

    margin-bottom: 47px;

}



.project-one .row {

    --bs-gutter-x: 2px;

}



.project-one__single {

    position: relative;

    display: block;

}



.project-one__img-box {

    position: relative;

    display: block;

}



.project-one__img {

    position: relative;

    display: block;

    overflow: hidden;

}



.project-one__img>img {

    width: 100%;

}



.project-one__hover {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(var(--thm-black-rgb), .9);

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

    z-index: 1;

    margin: 40px;

    opacity: 0;

    visibility: hidden;

    transform: translateY(-115%);

    display: flex;

    justify-content: flex-start;

    align-items: flex-end;

    padding: 50px;

}



.project-one__single:hover .project-one__hover {

    transform: translateY(0%);

    visibility: visible;

    opacity: 1;

}



.project-one__hover-content {

    position: relative;

}



.project-one__hover .img-popup {

    position: absolute;

    top: 30px;

    right: 30px;

    width: 40px;

    height: 40px;

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

    color: var(--thm-black);

    font-size: 18px;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: all 500ms ease;

}



.project-one__hover .img-popup:hover {

    background-color: #fff;

    color: var(--thm-black);

}



.project-one__hover-title {

    font-size: 14px;

    color: #9d9d9d;

    font-weight: 500;

    text-transform: uppercase;

    position: relative;

    display: inline-block;

    margin: 0;

    z-index: 1;

}



.project-one__hover-title:before {

    position: absolute;

    bottom: 10px;

    right: 0;

    left: 0;

    content: "";

    background-color: #3e3d3d;

    z-index: -1;

    height: 6px;

}



.project-one__hover-name {

    font-size: 30px;

    color: #ffffff;

    line-height: 30px;

    text-transform: uppercase;

}



.project-one__hover-name a {

    color: inherit;

    transition: all 500ms ease;

}



.project-one__hover-name a:hover {

    color: var(--thm-primary);

}



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

# Testimonials One

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

.testimonials-one {

    position: relative;

    display: block;

    padding: 120px 0 135px;

}



.testimonials-one .section-title {

    margin-bottom: 47px;

}



.testimonials-one__carousel {}



.testimonials-one__carousel.owl-carousel .owl-stage-outer {

    padding-bottom: 50px;

    overflow: visible;

}



.testimonials-one__carousel.owl-carousel .owl-stage-outer .owl-item {

    opacity: 0;

    transition: all 100ms linear;

    transition-delay: 0.1s;

}



.testimonials-one__carousel.owl-carousel .owl-stage-outer .owl-item.active {

    opacity: 1;

}







.testimonials-one__carousel.owl-carousel .owl-dots {

    counter-reset: count;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: -30px !important;

}



.testimonials-one__carousel.owl-carousel .owl-dots .owl-dot {

    position: relative;

    display: block;

    width: 20px;

    height: 30px;

    border-radius: 0%;

    opacity: 1;

    background-color: transparent;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.testimonials-one__carousel.owl-carousel .owl-dots .owl-dot+.owl-dot {

    margin-left: 20px;

}



.testimonials-one__carousel.owl-carousel .owl-dots .owl-dot:before {

    position: absolute;

    height: 30px;

    width: 20px;

    text-align: center;

    color: #000;

    font-size: 16px;

    line-height: 30px;

    font-weight: 500;

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

    counter-increment: count;

    content: "0"counter(count);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.testimonials-one__carousel.owl-carousel .owl-dot span {

    display: none;

}



.testimonials-one__carousel.owl-carousel .owl-dot.active {

    transform: translateY(-10px);

}



.testimonials-one__carousel.owl-carousel .owl-dot:focus,

.testimonials-one__carousel.owl-carousel .owl-dot.active {

    outline: none;

    border: none;

}







.testimonials-one__box {

    position: relative;

    display: block;

    background: #ffffff;

    padding-right: 20px;

    padding-bottom: 20px;

    box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .07);

}



.testimonials-one__box:before {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    height: 0%;

    opacity: 0;

    background-color: transparent;

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

    content: "";

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    transition: all 600ms ease;

    z-index: 1;

}



.testimonials-one__box:hover:before {

    height: 100%;

    opacity: 1;

}



.testimonials-one__single {

    position: relative;

    display: block;

    background-color: #f4f4f4;

}



.testimonials-one__content {

    position: relative;

    display: block;

    padding-top: 55px;

    padding-bottom: 60px;

    padding-left: 60px;

    padding-right: 75px;

}















.testimonials-one__text {

    font-size: 20px;

    margin: 0;

    line-height: 36px;

}



.testimonials-one__client-info {

    display: flex;

    align-items: center;

    margin-top: 29px;

}



.testimonials-one__client-img {}



.testimonials-one__client-img>img {

    width: 48px;

    border-radius: 50%;

}



.testimonials-one__client-details {

    margin-left: 20px;

}



.testimonials-one__client-name {

    font-size: 16px;

    font-weight: 500;

    line-height: 20px;

    text-transform: uppercase;

}



.testimonials-one__client-title {

    font-size: 12px;

    margin: 0;

    font-weight: 500;

    text-transform: uppercase;

    line-height: 20px;

}



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

# Before After

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

.before-after-sec {

    position: relative;

    display: block;

    z-index: 3;

}





.before-after-content .before-after {

    position: relative;

}



.before-after-content .before-after .twentytwenty-container img {

    width: 100%;

}



.before-after-content .before-after .twentytwenty-horizontal .twentytwenty-before-label:before {

    position: absolute;

    left: -10px;

    top: -10px;

    width: 100px;

    height: 100px;

    line-height: 90px;

    text-align: center;

    font-size: 16px;

    font-weight: 700;

    color: #fff;

    margin: 0px;

    padding: 0px;

    background: transparent;

    z-index: 1;

    transform: rotate(-45deg);

    text-transform: uppercase;

    display: none;

}



.before-after-content .before-after .twentytwenty-horizontal .twentytwenty-before-label:after {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 100px;

    height: 100px;

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

}



.before-after-content .before-after .twentytwenty-horizontal .twentytwenty-after-label:before {

    position: absolute;

    right: 0px;

    width: 100px;

    height: 100px;

    line-height: 140px;

    text-align: center;

    font-size: 16px;

    background: transparent;

    font-weight: 700;

    color: #fff;

    margin: 0px;

    padding: 0px;

    bottom: 0px;

    transform: rotate(-45deg);

    z-index: 1;

    text-transform: uppercase;

    display: none;

}



.before-after-content .before-after .twentytwenty-horizontal .twentytwenty-after-label:after {

    position: absolute;

    content: '';

    bottom: 0px;

    right: 0px;

    width: 100px;

    height: 100px;

    line-height: 100px;

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

}



.twentytwenty-after-label,

.twentytwenty-before-label {

    opacity: 1 !important;

}







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

# Two Section

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

.two-section {

    position: relative;

    display: block;

}



.two-section-bg {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-repeat: no-repeat;

    background-size: cover;

}



.two-section-bg:before {

    position: absolute;

    top: 0;

    left: 0;

    content: "";

    height: 100%;

    width: 100%;

    background-color: rgba(var(--thm-black-rgb), 0.9);

}



.two-section-bg.jarallax div div {

    filter: grayscale(100%);

}



.progress-section {

    position: relative;

    display: block;

    padding: 300px 0 90px;

}



.progress-section__left {

    position: relative;

    display: block;

}



.progress-section__left .section-title {

    position: relative;

    display: block;

    margin-bottom: 0;

    z-index: 1;

}



.progress-section__left .section-title__tagline {

    color: #9d9d9d;

}



.progress-section__left .section-title__tagline::before {

    background-color: #444444;

}



.progress-section__left .section-title__title {

    color: #ffffff;

}



.progress-section__right {}



.progress-section__progress {

    display: flex;

    align-items: center;

}



.progress-section__progress-wrap {

    display: grid;

    grid-template-columns: 1fr;

    grid-gap: 20px;

}



@media (min-width: 768px) {

    .progress-section__progress-wrap {

        grid-template-columns: repeat(2, 280px);

    }

}



.progress-section__progress-box {

    position: relative;

    display: inline-block;

}



.progress-section__progress-box canvas {

    transform: rotate(90deg);

}



.progress-section__progress-box span {

    position: absolute;

    top: 50%;

    left: 50%;

    display: block;

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

    font-size: 26px;

    font-weight: 300;

    line-height: 1;

    color: #ffffff;

}



.progress-section__progress h3 {

    margin: 0;

    font-size: 24px;

    line-height: 28px;

    font-weight: 500;

    color: #ffffff;

    width: 70px;

    margin-left: 20px;

}



.brand-one {

    position: relative;

    display: block;

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

    box-shadow: 0px -1px 0px 0px rgb(255, 255, 255, .10);

    padding: 118px 0 105px;

}



.brand-one .swiper-slide {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.brand-one .swiper-slide img {

    -webkit-transition: 500ms;

    transition: 500ms;

    opacity: 0.2;

    max-width: 100%;

}



.brand-one .swiper-slide img:hover {

    opacity: 0.8;

}



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

# News One

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

.news-one {

    position: relative;

    display: block;

    padding: 120px 0 90px;

}



.news-one .section-title {

    margin-bottom: 47px;

}



.news-one__single {

    position: relative;

    display: block;

    margin-bottom: 30px;

}



.news-one__img-box {

    position: relative;

    display: block;

}



.news-one-img {

    position: relative;

    display: block;

    overflow: hidden;

}



.news-one-img>img {

    width: 100%;

}



.news-one-img>a {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(var(--thm-black-rgb), 0.5);

    position: absolute;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 25px;

    color: #ffffff;

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

    visibility: hidden;

    opacity: 0;

    transform: translateY(-30%);

}



.news-one-img>a>span {

    position: relative;

}



.news-one-img>a>span::before {

    content: '';

    width: 20px;

    height: 2px;

    background-color: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

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

    transition: all 500ms ease;

}



.news-one-img>a>span::after {

    content: '';

    transition: all 500ms ease;

    width: 2px;

    height: 20px;

    background-color: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

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

}



.news-one-img>a:hover>span::before,

.news-one-img>a:hover>span::after {

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

}



.news-one__single:hover .news-one-img>a {

    visibility: visible;

    transform: translateY(0%);

    opacity: 1;

}



.news-one__date-box {

    position: absolute;

    bottom: -10px;

    right: 30px;

    background: var(--thm-black);

    padding: 3px 30px;

    z-index: 1;

}



.news-one__date-box p {

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

    color: #ffffff;

    margin: 0;

    letter-spacing: 0.1em;

}



.news-one__content {

    position: relative;

    display: block;

    text-align: center;

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 20px 60px 0px rgb(23 39 54 / 10%);

    padding: 29px 50px 30px;

    transition: all 500ms ease;

}



.news-one__content:before {

    position: absolute;

    bottom: -5px;

    right: 0;

    left: 0;

    width: 0;

    content: "";

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

    height: 1px;

    transition: all 500ms ease;

}



.news-one__single:hover .news-one__content:before {

    width: 100%;

}



.news-one__single:hover .news-one__content {

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

}



.news-one__meta {

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    margin: 0;

    justify-content: center;

}



.news-one__meta li {}



.news-one__meta li+li {

    margin-left: 15px;

}



.news-one__meta li a {

    font-size: 16px;

    color: var(--thm-gray);

    transition: all 500ms ease;

}



.news-one__single:hover .news-one__meta li a {

    color: #9d9d9d;

}



.news-one__meta li a i {

    color: var(--thm-primary);

    font-size: 14px;

}



.news-one__title {

    font-size: 26px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 39px;

    margin-bottom: 21px;

}



.news-one__title a {

    color: var(--thm-black);

    transition: all 500ms ease;

    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 89% / 0px 2px no-repeat;

}



.news-one__single:hover .news-one__title a {

    color: #fff;

}



.news-one__single .news-one__title a:hover {

    background-size: 100% 2px;

}



.news-one__text {

    margin: 0;

    transition: all 500ms ease;

}



.news-one__single:hover .news-one__text {

    color: #9d9d9d;

}



.news-one__btn {

    position: relative;

    display: inline-block;

    font-size: 12px;

    color: var(--thm-black);

    font-weight: 500;

    text-transform: uppercase;

    transition: all 500ms ease;

    z-index: 1;

    margin-top: 19px;

}



.news-one__btn:hover {

    color: var(--thm-primary);

}



.news-one__single:hover .news-one__btn {

    color: #ffffff;

}



.news-one__btn:before {

    position: absolute;

    bottom: 10px;

    right: 0;

    left: 0;

    content: "";

    background-color: #e5e5e5;

    z-index: -1;

    height: 6px;

    transition: all 500ms ease;

}



.news-one__single:hover .news-one__btn:before {

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

    opacity: 0.4;

}



.news-one__single .news-one__btn:hover {

    color: var(--thm-primary);

}



.news-one__page {

    padding-bottom: 120px;

}



.news-one__more {

    margin-top: 30px;

}



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

#Google Map

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

.google-map {

    position: relative;

    display: block;

}



.google-map__one {

    position: relative;

    display: block;

    border: none;

    height: 550px;

    width: 100%;

}



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

#Site Footer

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

.site-footer {

    position: relative;

    display: block;

}



.site-footer__top {

    position: relative;

    display: block;

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

}



.site-footer__top-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 44.5px 0;

}



.site-footer__top-left {

    display: flex;

    align-items: center;

}



.site-footer__top-logo-box {}



.site-footer__top-logo-box>a {}



.site-footer__top-logo-box>img {}



.site-footer__top-text {

    margin-left: 54px;

}



.site-footer__top-text p {

    font-size: 24px;

    color: #9d9d9d;

    font-weight: 300;

    margin: 0;

}



.site-footer_top-btn-box {}



.site-footer_top-btn {

    background-color: #ffffff;

    color: var(--thm-black);

    padding: 5px 30px;

    font-size: 12px;

}







.site-footer__main {

    position: relative;

    display: block;

    padding: 94px 0 91px;

    z-index: 10;

}



.site-footer__main::before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    content: "";

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

    z-index: -1;

}



.site-footer__main-pattern-bg1 {

    position: absolute;

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

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: -1;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center top;

}





.footer-widget__about {

    position: relative;

    display: block;

    margin-right: 75px;

}



.footer-widget__title {

    font-size: 22px;

    color: #ffffff;

    font-weight: 700;

    line-height: 32px;

    margin-bottom: 20px;

}



.footer-widget__text {

    font-size: 16px;

    color: #9d9d9d;

    margin: 0;

    font-weight: 500;

}



.footer-widget__contact-list {

    position: relative;

    display: block;

    margin: 0;

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

    margin-top: 23px;

    padding-top: 19px;

}



.footer-widget__contact-list li {

    display: flex;

    align-items: center;

}



.footer-widget__contact-list li .icon {}



.footer-widget__contact-list li .icon i {

    font-size: 15px;

    color: var(--thm-primary);

}



.footer-widget__contact-list li .text {

    margin-left: 10px;

}



.footer-widget__contact-list li .text p {

    font-size: 16px;

    color: #ffffff;

    margin: 0;

    font-weight: 500;

}



.footer-widget__contact-list li .text a {

    color: #ffffff;

}



.footer-widget__links {

    position: relative;

    display: block;

    margin-left: -32px;

}



.footer-widget__links-list {

    margin: 0;

}



.footer-widget__links-list li+li {

    margin-top: 5px;

}



.footer-widget__links-list li a {

    font-size: 16px;

    font-weight: 500;

    color: #9d9d9d;

    transition: all 500ms ease;

}



.footer-widget__links-list li a:hover {

    color: var(--thm-primary);

}



.footer-widget__explore {

    position: relative;

    display: block;

    margin-left: -30px;

}



.footer-widget__explore-list {

    margin: 0;

}



.footer-widget__explore-list li+li {

    margin-top: 5px;

}



.footer-widget__explore-list li a {

    font-size: 16px;

    font-weight: 500;

    color: #9d9d9d;

    transition: all 500ms ease;

}



.footer-widget__explore-list li a:hover {

    color: var(--thm-primary);

}



.footer-widget__newsletter {

    position: relative;

    display: block;

    margin-left: -30px;

}



.footer-widget__newsletter-text {

    font-size: 16px;

    font-weight: 500;

    color: #9d9d9d;

    margin: 0;

}



.footer-widget__newsletter-form {}



.footer-widget__newsletter-input-box {

    position: relative;

    display: block;

    border-bottom: 1px solid #ffffff;

    margin-top: 30px;

}



.footer-widget__newsletter-form input[type="email"] {

    font-size: 16px;

    color: #9d9d9d;

    font-weight: 500;

    height: 70px;

    width: 100%;

    background: transparent;

    border: none;

    border-radius: 0;

    padding-right: 70px;

    outline: none;

}



.footer-widget__newsletter-btn {

    position: absolute;

    top: 0;

    right: 0;

    width: 50px;

    height: 70px;

    display: flex;

    justify-content: flex-end;

    align-items: center;

    background: transparent;

    border: 0;

    transition: all 500ms ease;

    color: #fff;

    transition: all 500ms ease;

}



.footer-widget__newsletter-btn:hover {

    color: var(--thm-primary);

}



.footer-widget__newsletter-btn i {}



.site-footer__social {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    margin-top: 40px;

}



.site-footer__social a {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    -webkit-box-pack: center;

    justify-content: center;

    text-align: center;

    color: #ffffff;

    font-size: 22px;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}



.site-footer__social a+a {

    margin-left: 36px;

}



.site-footer__social a:hover {

    color: var(--thm-primary);

}



.site-footer-bottom {

    position: relative;

    display: block;

    padding: 40.5px 0;

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

}



.site-footer-bottom__inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.site-footer-bottom__left {}



.site-footer-bottom__left p {

    font-size: 16px;

    color: #9d9d9d;

    font-weight: 500;

    margin: 0;

}



.site-footer-bottom__left p a {

    color: #9d9d9d;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}



.site-footer-bottom__left a:hover {

    color: #ffffff;

}



.site-footer-bottom__menu {

    margin: 0;

}



.site-footer-bottom__menu li {

    position: relative;

    display: inline-block;

}



.site-footer-bottom__menu li+li {

    margin-left: 26px;

}



.site-footer-bottom__menu li a {

    color: #9d9d9d;

    font-size: 16px;

    font-weight: 500;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}



.site-footer-bottom__menu li a:hover {

    color: var(--thm-primary);

}



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

# Steps

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

.steps {

    position: relative;

    display: block;

    margin-top: -60px;

    z-index: 2;

    counter-reset: stepsCount;

}



.steps__inner {

    position: relative;

    display: block;

}



.steps__inner .row {

    --bs-gutter-x: 0px;

}



.steps__single {

    display: flex;

    align-items: center;

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);

    justify-content: center;

    line-height: 0;

    padding: 43.5px 0;

    counter-increment: stepsCount;

}



.steps__icon {

    position: relative;

}



.steps__icon span {

    font-size: 65px;

    color: var(--thm-black);

    line-height: 65px;

}



.steps__count {

    position: absolute;

    top: -5px;

    right: -8px;

    height: 32px;

    width: 32px;

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

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all 500ms ease;

}





.steps__count::before {

    font-size: 14px;

    color: #ffffff;

    font-weight: 500;

    margin: 0;

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

    transition: all 500ms ease;

}



.steps__single:hover .steps__count {

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

    color: #fff;

}



.steps__text {

    margin-left: 25px;

}



.steps__text h4 {

    font-size: 20px;

    font-weight: 700;

    line-height: 30px;

    text-transform: uppercase;

}



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

# CTA One

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

.cta-one {

    position: relative;

    display: block;

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

    padding: 170px 0 85px;

    margin-top: -92px;

}



.cta-one-pattern {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background-repeat: no-repeat;

    background-size: cover;

    opacity: 0.10;

}



.cta-one__inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.cta-one__content {

    position: relative;

    display: block;

}



.cta-one__text {

    font-size: 36px;

    color: #ffffff;

    line-height: 46px;

    font-weight: 500;

}



.cta-one__btn-box {}



.cta-one__btn:hover {

    background-color: #ffffff;

    color: var(--thm-black);

}



.cta-one__btn-box .thm-btn:before {

    background: var(--thm-black);

}



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

# Welcome Two

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

.welcome-two {

    position: relative;

    display: block;

    padding: 120px 0 103px;

}



.welcome-two-bg {

    position: absolute;

    bottom: 0;

    left: 0;

    height: 689px;

    width: 509px;

    opacity: 0.15;

    z-index: -1;

    -webkit-animation-name: shapeMover;

    animation-name: shapeMover;

    -webkit-animation-duration: 15s;

    animation-duration: 15s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-perspective: 100px;

    perspective: 100px;

    -webkit-transform-origin: center center;

    transform-origin: center center;



}



.welcome-two__left {

    position: relative;

    display: block;

    margin-right: 60px;

}



.welcome-two__img {

    position: relative;

    display: block;

}



.welcome-two__img>img {

    width: 100%;

    border-radius: 50%;

}



.welcome-two__img-shape-1 {

    position: absolute;

    top: 120px;

    left: -41px;

    height: 95px;

    width: 95px;

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

    border-radius: 50%;

    -webkit-animation-name: shapeMover;

    animation-name: shapeMover;

    -webkit-animation-duration: 10s;

    animation-duration: 10s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-perspective: 100px;

    perspective: 100px;

    -webkit-transform-origin: center center;

    transform-origin: center center;

}



.welcome-two__img-shape-2 {

    position: absolute;

    bottom: -60px;

    right: 57px;

    height: 180px;

    width: 180px;

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

    border-radius: 50%;

    z-index: -1;

    animation-name: shapeMover;

    -webkit-animation-duration: 10s;

    animation-duration: 10s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-perspective: 100px;

    perspective: 100px;

    -webkit-transform-origin: center center;

    transform-origin: center center;

}



.welcome-two__right {

    position: relative;

    display: block;

}



.welcome-two__right .section-title {

    margin-bottom: 38px;

}



.welcome-two__text {

    margin: 0;

}



.welcome-two__icon-box {

    margin-top: 49px;

}



.welcome-two__icon-box-img {

    position: relative;

    display: block;

    margin-right: 40px;

}



.welcome-two__icon-box-img>img {

    width: 100%;

}



.welcome-two__icon-list-box {

    position: relative;

    display: block;

    margin-left: -40px;

}



.welcome-two__icon-list {

    margin: 0;

}



.welcome-two__icon-list li {

    display: flex;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 24px;

    margin-bottom: 29px;

}



.welcome-two__icon-list li:last-child {

    border-bottom: 0;

    padding-bottom: 0px;

    margin-bottom: 0px;

}



.welcome-two__icon-list li .icon {}



.welcome-two__icon-list li .icon span {

    font-size: 65px;

    color: var(--thm-primary);

    line-height: 65px;

    transform: scale(1);

    display: block;

    transition: transform 500ms ease;

}



.welcome-two__icon-list li:hover .icon span {

    transform: scale(.8);

}



.welcome-two__icon-list li .text-box {

    margin-left: 30px;

}



.welcome-two__icon-list li .text-box p {

    margin: 0;

}



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

# Services Two

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

.services-two {

    position: relative;

    display: block;

    background-color: #f4f4f4;

    padding: 120px 0 90px;

}



.services-two .section-title {

    margin-bottom: 47px;

    position: relative;

    display: block;

    z-index: 5;

}



.services-two__top-text-box {}



.services-two__top-text {}



.services-two__single {

    position: relative;

    display: block;

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .07);

    padding: 60px 60px 50px;

    margin-bottom: 30px;

    transition: all 500ms ease;

}



.services-two__single:hover {

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

}



.services-two__single-bg {

    position: absolute;

    bottom: 0;

    right: 0;

    left: 0;

    height: 340px;

    opacity: 0;

    transition: all 500ms ease;

}



.services-two__single:hover .services-two__single-bg {

    opacity: 0.2;

}



.services-two__icon {}



.services-two__icon span {

    font-size: 65px;

    color: var(--thm-black);

    line-height: 65px;

    transition: all 500ms ease;

}



.services-two__single:hover .services-two__icon span {

    color: #ffffff;

}



.services-two__title {

    position: relative;

    font-size: 24px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 34px;

    margin-top: 25px;

    margin-bottom: 21px;

    transition: all 500ms ease;

}



.services-two__title a {

    color: var(--thm-black);

    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 89% / 0px 2px no-repeat;

    transition: all 500ms ease;

}



.services-two__title a:hover {

    background-size: 100% 2px;

}



.services-two__single:hover .services-two__title a {

    color: #ffffff;

}



.services-two__text-2 {

    margin: 0;

    transition: all 500ms ease;



}



.services-two__single:hover .services-two__text-2 {

    color: #9d9d9d;

}



.services-two__btn {

    margin-top: 37px;

}



.services-two__single:hover .services-two__btn {

    color: #ffffff;

}



.services-two__btn:before {

    transition: all 500ms ease;

}



.services-two__single:hover .services-two__btn:hover {

    color: var(--thm-primary);

}



.services-two__single:hover .services-two__btn:before {

    background-color: #333333;



}



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

# Project Two

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

.project-two {

    position: relative;

    display: block;

    padding: 120px 0 0;

}



.project-two__container {

    position: relative;

    display: block;

    width: 100%;

}



.project-two .section-title {

    margin-bottom: 47px;

}



.project-two .row {

    --bs-gutter-x: 0px;

}



.project-two__single {

    position: relative;

    display: block;

}



.project-two__img {

    position: relative;

    display: block;

    overflow: hidden;

}



.project-two__img:before {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    content: "";

    background-color: rgba(var(--thm-black-rgb), .30);

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

    z-index: 1;

}



.project-two__single:hover .project-two__img:before {

    background-color: rgba(var(--thm-black-rgb), .1);

}



.project-two__img>img {

    width: 100%;

    -webkit-transform: scale(1);

    transform: scale(1);

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

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

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

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

}



.project-two__single:hover .project-two__img>img {

    transform: scale(1.05);

}



.project-two__architect {

    position: absolute;

    bottom: 50px;

    left: 0;

    padding: 44px 90px 43px 50px;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

    transform: scaleY(0);

    z-index: 1;

}



.project-two__single:hover .project-two__architect {

    transform: scaleY(1);

}



.project-two__architect:before {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    content: "";

    background-color: rgba(var(--thm-black-rgb), .90);

    z-index: -1;



}



.project-two__architect p {

    font-size: 14px;

    color: #9d9d9d;

    margin: 0;

    text-transform: uppercase;

    font-weight: 500;

    line-height: 24px;

    position: relative;

    display: inline-block;

    z-index: 1;

}



.project-two__architect p:before {

    position: absolute;

    bottom: 5px;

    left: 0;

    right: 0;

    height: 6px;

    content: "";

    background-color: #353536;

    z-index: -1;

}



.project-two__architect h3 {

    font-size: 30px;

    color: #ffffff;

    font-weight: 400;

    line-height: 35px;

    text-transform: uppercase;

}



.project-two__architect h3 a {

    color: inherit;

    transition: all 500ms ease;

}



.project-two__architect h3 a:hover {

    color: var(--thm-primary);

}



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

# Counter One

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

.counters-one {

    position: relative;

    display: block;

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

}



.counters-one-martopminus {

    margin-top: -4px;

}





.counters-one-pattern {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background-repeat: no-repeat;

    background-size: cover;

    opacity: 0.10;

}



.counters-one__box {

    position: relative;

    display: block;

    margin: 0;

    padding: 0;

    padding: 120px 0 107px;

}



.counter-one__single {

    position: relative;

    display: inline-block;

    max-width: 284px;

    width: 100%;

    text-align: center;

}



.counter-one__single:before {

    position: absolute;

    top: 0px;

    left: 0;

    bottom: 13px;

    content: "";

    width: 1px;

    background-color: rgb(255, 255, 255, .2);

}



.counter-one__single:first-child:before {

    display: none;

}



.counter-one__icon {

    position: relative;

    display: block;

    padding-bottom: 19px;

}



.counter-one__icon span {

    font-size: 65px;

    color: #ffffff;

    line-height: 65px;

}



.counter-one__single h3 {

    color: var(--thm-primary);

    font-size: 40px;

    color: #ffffff;

    font-weight: 400;

    line-height: 50px;

}



.counter-one__text {

    font-size: 14px;

    font-weight: 500;

    color: #9d9d9d;

    text-transform: uppercase;

    margin: 0;

    letter-spacing: .1em;

}



.counter-one__single .odometer-formatting-mark {

    display: none;

}



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

# Pricing One

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

.pricing-one {

    position: relative;

    display: block;

    padding: 120px 0 120px;

}



.pricing-one .section-title {

    margin-bottom: 47px;

}



.pricing-one__content {

    position: relative;

    display: block;

    margin-left: 70px;

    padding-top: 10px;

}



.pricing-one__text {

    margin: 0;

}



.pricing-one__left {}



.pricing-one__points {

    position: relative;

    display: flex;

    align-items: center;

    margin-bottom: 0;

}



.pricing-one__points li {

    font-size: 16px;

    font-weight: 500;

    color: var(--thm-black);

    background-color: #f4f4f4;

    padding: 13px 40px;

}



.pricing-one__points li+li {

    margin-left: 20px;

}



.pricing-one__points li span {

    color: var(--thm-primary);

    margin-right: 6px;

}



.pricing-one__checks-list {

    position: relative;

    display: block;

    margin-bottom: 0;

    padding-top: 60px;

}



.pricing-one__checks-list li {

    position: relative;

    display: block;

    padding-left: 87px;

}



.pricing-one__checks-list li+li {

    margin-top: 45px;

}



.pricing-one__checks-icon {

    position: absolute;

    top: 5px;

    left: 0;

    height: 57px;

    width: 57px;

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

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    transform: rotate(0deg);

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

}



.pricing-one__checks-list li:hover .pricing-one__checks-icon {

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

    color: #fff;

    transform: rotate(360deg);

}



.pricing-one__checks-icon i {

    color: #ffffff;

}



.pricing-one__checks-text-box {}



.pricing-one__checks-title {

    font-size: 20px;

    font-weight: 700;

    line-height: 30px;

    margin-bottom: 22px;

    text-transform: uppercase;

}



.pricing-one__checks-text {

    font-size: 16px;

    margin: 0;

    max-width: 414px;

}



.pricing-one__right {}



.pricing-one__table {

    position: relative;

    display: block;

    overflow: hidden;

    max-width: 370px;

    background-color: #111111;

    width: 100%;

    text-align: center;

    padding: 55px 60px 65px;

}



.pricing-one__rate-box {}



.pricing-one__rate-box h2 {

    font-size: 46px;

    color: #ffffff;

    font-weight: 400;

}



.pricing-one__rate-box span {

    font-size: 12px;

}



.pricing-one__rate-box .pricing-one__dolar {

    font-size: 30px;

    position: relative;

    top: -15px;

}



.pricing-one__details-box {

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

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

    padding: 32px 0 28px;

    margin: 28px 0 40px;

}



.pricing-one__details-title {

    font-size: 20px;

    color: #ffffff;

    line-height: 30px;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 32px;

}



.pricing-one__details-box ul {

    margin-bottom: 0;

}



.pricing-one__details-box ul li {

    font-size: 16px;

    color: #9d9d9d;

    font-weight: 500;

}



.pricing-one__details-box ul li+li {

    margin-top: 6px;

}



.pricing-one__btn-box {}



.pricing-one__btn {

    background-color: #ffffff;

    color: var(--thm-black);

}









.tab-btn-box1 .tab-btns {

    position: relative;

    display: inline-block;

    padding: 0;

    margin-top: 30px;

}



.tab-btn-box1 .tab-btns:before {

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    height: 60px;

    width: 150px;

    content: "";

    border-radius: 30px;

    background: #fff;

    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .2);

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

}



.tab-btn-box1 .tab-btns li {

    position: relative;

    display: inline-block;

    min-width: 160px;

    text-align: right;

    font-size: 18px;

    padding: 10px 90px 10px 0px;

    line-height: 40px;

    font-weight: 700;

    color: #000000;

    cursor: pointer;

    transition: all 500ms ease;

}



.tab-btn-box1 .tab-btns li.active-btn {

    color: #9d9482;

}



.tab-btn-box1 .tab-btns li:last-child {

    padding-right: 0;

    padding-left: 90px;

    text-align: left;

}



.tab-btn-box1 .tab-btns li.active-btn:before {

    right: 15px;

}



.tab-btn-box1 .tab-btns li:before {

    position: absolute;

    top: 5px;

    height: 50px;

    width: 50px;

    background: #000000;

    border-radius: 30px;

    content: "";

    right: -67px;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.tab-btn-box1 .tab-btns li:last-child:before {

    display: none;

}









.pricing-one__table-box {

    position: relative;

    display: block;

}



.pricing-one__table-box-single {

    position: relative;

    max-width: 370px;

    width: 100%;

}







.pricing-one__table-box .pr-content .pr-tab {

    position: absolute;

    left: 0px;

    top: 0px;

    opacity: 1;

    z-index: 1;

    transition: all 0.7s ease;

    -moz-transition: all 0.7s ease;

    -webkit-transition: all 0.7s ease;

    -ms-transition: all 0.7s ease;

    -o-transition: all 0.7s ease;

    transform: scale(0.81, 0.81) translateX(310px);

}



.pricing-one__table-box .pr-content .pr-tab.active-tab {

    position: relative;

    z-index: 5;

    -webkit-transform: scale(1) translateX(0);

    -ms-transform: scale(1) translateX(0);

    -o-transform: scale(1) translateX(0);

    -moz-transform: scale(1) translateX(0);

    transform: scale(1) translateX(0);

    width: 370px;

}





.pricing-one__table-box .pr-content .pr-tab.active-tab .pricing-one__table {

    background-color: #000000;

}

































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

# Trust Experts

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

.trust-experts {

    position: relative;

    display: block;

    padding: 106px 0 120px;

}



.trust-experts-bg {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-size: cover;

    background-repeat: no-repeat;

}



.trust-experts-bg:before {

    position: absolute;

    top: 0;

    left: 0;

    content: "";

    height: 100%;

    width: 100%;

    background-color: rgba(var(--thm-black-rgb), 0.85);

}



.trust-experts-bg.jarallax div div {

    filter: grayscale(100%);

}



.trust-experts__inner {

    position: relative;

    display: block;

    text-align: center;

}



.trust-experts__text {

    font-size: 60px;

    color: #ffffff;

    text-transform: uppercase;

    line-height: 72px;

    font-weight: 700;

    margin-bottom: 40px;

}



.trust-experts__btn {

    background-color: #ffffff;

    color: var(--thm-black);

}



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

# They Trusted

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

.they-trusted {

    position: relative;

    display: block;

    background-color: #f4f4f4;

    padding: 120px 0 120px;

}



.they-trusted__left {

    position: relative;

    display: block;

    margin-right: 85px;

}



.they-trusted__left .section-title {

    margin-bottom: 38px;

    position: relative;

    display: block;

    z-index: 5;

}



.they-trusted__text {

    margin: 0;

}



.they-trusted__list {

    position: relative;

    display: block;

    margin-top: 36px;

    margin-bottom: 51px;

}



.they-trusted__list li {

    display: flex;

    align-items: center;

}



.they-trusted__list li+li {

    margin-top: 7px;

}



.they-trusted__list li .icon {}



.they-trusted__list li .icon span {

    font-size: 20px;

    color: var(--thm-primary);

}



.they-trusted__list li .text {

    margin-left: 13px;

}



.they-trusted__list li .text p {

    margin: 0;

}



.they-trusted__projects-complete {

    display: flex;

    align-items: center;

}



.they-trusted__projects-complete-img {

    position: relative;

    display: block;

    padding-left: 20px;

}



.they-trusted__projects-complete-img:before {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0px;

    width: 10px;

    content: "";

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

}



.they-trusted__projects-complete-img>img {

    width: 155px;

}



.they-trusted__projects-complete-count-box {

    margin-left: 40px;

}



.they-trusted__projects-complete-count-box h3 {

    font-size: 40px;

    font-weight: 400;

    line-height: 50px;

}



.they-trusted__projects-complete-text {

    font-size: 20px;

    margin: 0;

    line-height: 30px;

}





.they-trusted__brand {}



.they-trusted__brand-single {

    position: relative;

    text-align: center;

    margin-bottom: 30px;

    z-index: 1;

}



.they-trusted__brand-prattern {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 30px;

    background-repeat: no-repeat;

    background-size: cover;

    opacity: 0;

    transition: all 500ms ease;

}



.they-trusted__brand-single:hover .they-trusted__brand-prattern {

    opacity: .80;

}



.they-trusted__brand-single:before {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #ffffff;

    content: "";

    transition: all 500ms ease;

    z-index: -1;

}



.they-trusted__brand-single:hover:before {

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

}



.they-trusted__brand-single:after {

    position: absolute;

    bottom: -5px;

    right: 0;

    left: 0;

    width: 0;

    height: 1px;

    content: "";

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

    transition: all 500ms ease;

}



.they-trusted__brand-single:hover:after {

    width: 100%;

}



.they-trusted__brand-main-img {

    opacity: 1;

    transition: all 500ms ease;

}



.they-trusted__brand-single:hover .they-trusted__brand-main-img {

    opacity: 0;

}



.they-trusted__brand-main-img>a {}



.they-trusted__brand-main-img>a>img {

    width: 100%;

    opacity: .5;

}







.they-trusted__brand-overly {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    opacity: 0;

    transition: all 500ms ease;

}



.they-trusted__brand-single:hover .they-trusted__brand-overly {

    opacity: 1;

}



.they-trusted__brand-overly>a {}



.they-trusted__brand-overly>a>img {

    width: 100%;

}



.they-trusted__brand-single-mb-0 {

    margin-bottom: 0;

}





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

# Three Boxes Two

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

.three-boxes-two {

    position: relative;

    display: block;

    background-color: #f4f4f4;

    padding: 0 0 155px;

}



.three-boxes-two__single {

    position: relative;

    display: block;

    margin-bottom: 30px;

}



.three-boxes-two__single:before {

    position: absolute;

    bottom: -5px;

    left: 0;

    right: 0;

    height: 1px;

    width: 0;

    content: "";

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

    transition: all 500ms ease;

}



.three-boxes-two__single:hover:before {

    width: 100%;

}



.three-boxes-two__single-pattern {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 30px;

    background-repeat: no-repeat;

    background-size: cover;

    opacity: 0;

    transition: all 500ms ease;

}



.three-boxes-two__single:hover .three-boxes-two__single-pattern {

    opacity: 0.80;

}



.three-boxes-two__img {

    position: relative;

    display: block;

}



.three-boxes-two__img>img {

    width: 100%;

}



.three-boxes-two__content {

    position: relative;

    display: block;

    text-align: left;

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);

    padding: 54px 60px 47px;

    transition: all 500ms ease;

}



.three-boxes-two__single:hover .three-boxes-two__content {

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

}



.three-boxes-two__title {

    font-size: 24px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 30px;

    margin-bottom: 25px;

    transition: all 500ms ease;

}



.three-boxes-two__title a {

    color: inherit;

    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 89% / 0px 2px no-repeat;

    transition: all 500ms ease;

}



.three-boxes-two__title a:hover {

    background-size: 100% 2px;

}



.three-boxes-two__single:hover .three-boxes-two__title {

    color: #ffffff;

}



.three-boxes-two__text {

    margin: 0;

    transition: all 500ms ease;

}



.three-boxes-two__single:hover .three-boxes-two__text {

    color: #9d9d9d;

}



.three-boxes-two__btn {

    position: relative;

    display: inline-block;

    font-size: 12px;

    color: var(--thm-black);

    font-weight: 500;

    text-transform: uppercase;

    z-index: 2;

    transition: all 500ms ease;

    margin-top: 15px;

}



.three-boxes-two__btn:before {

    position: absolute;

    bottom: 10px;

    left: 0;

    right: 0;

    content: "";

    background-color: #e5e5e5;

    height: 6px;

    transition: all 500ms ease;

    z-index: -1;

}



.three-boxes-two__btn:hover {

    color: var(--thm-primary);

}



.three-boxes-two__single:hover .three-boxes-two__btn {

    color: #ffffff;

}



.three-boxes-two__single .three-boxes-two__btn:hover {

    color: var(--thm-primary);

}





.three-boxes-two__single:hover .three-boxes-two__btn:before {

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

    opacity: 0.4;

}



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

# Welcome Three

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

.welcome-three {

    position: relative;

    display: block;

}



.welcome-three-bg {

    position: absolute;

    bottom: -250px;

    right: 0;

    height: 555px;

    width: 544px;

    opacity: .15;

}



.welcome-three__left {

    position: relative;

    display: block;

}



.welcome-three__left:before {

    position: absolute;

    top: 120px;

    left: -90px;

    bottom: 400px;

    width: 2px;

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

    content: "";

}



.welcome-three__img {

    position: relative;

    display: block;

    margin-top: -59px;

}



.welcome-three__img>img {

    width: 100%;

}



.welcome-three__small-img {

    position: absolute;

    bottom: 0;

    left: -90px;

}



.welcome-three__small-img>img {

    max-width: 320px;

    width: 100%;

}



.welcome-three__right {

    position: relative;

    display: block;

    margin-left: 67px;

    padding-top: 100px;

}



.welcome-three__right .section-title {

    margin-bottom: 38px;

}



.welcome-three__text {

    margin: 0;

}



.welcome-three__progress {

    position: relative;

    display: block;

    width: 100%;

    padding-top: 43px;

}



.welcome-three__progress-single {

    position: relative;

    display: block;

    margin-bottom: 24px;

}



.welcome-three__progress-title {

    font-size: 16px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 26px;

    margin-bottom: 7px;

}



.welcome-three__progress .bar {

    position: relative;

    width: 100%;

    height: 2px;

    background: #f4f4f4;

    border-radius: 0px;

    margin-bottom: 6px;

}



.welcome-three__progress .bar-inner {

    position: relative;

    display: block;

    width: 0px;

    height: 2px;

    border-radius: 0;

    background: var(--thm-black);

    -webkit-transition: all 1500ms ease;

    -ms-transition: all 1500ms ease;

    -o-transition: all 1500ms ease;

    -moz-transition: all 1500ms ease;

    transition: all 1500ms ease;

}



.welcome-three__progress .count-text {

    position: absolute;

    right: 0;

    bottom: 0;

    color: var(--thm-gray);

    font-size: 16px;

    text-align: center;

    font-weight: 400;

    opacity: 0;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    transition: all 500ms ease;

}



.welcome-three__progress .bar-inner.counted .count-text {

    opacity: 1;

}



.welcome-three__progress .count-text:after {

    content: '';

    position: absolute;

    left: 29px;

    top: 27px;

    height: 14px;

    width: 1px;

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

    transform: rotate(20deg);

}



.welcome-three__architecure {

    margin-top: 60px;

}



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

# Question Answers

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

.question-answers {

    position: relative;

    display: block;

    background-color: #f4f4f4;

}



.question-answers:before {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 95px;

    content: "";

    background-color: #ffffff;

}



.question-answers__left {

    position: relative;

    display: block;

    padding-top: 120px;

}



.question-answers__left .section-title {

    position: relative;

    display: block;

    margin-bottom: 38px;

    z-index: 2;

}



.question-answers__text {

    margin: 0;

}





.question-answers__faq {

    position: relative;

    display: block;

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 7%);

    border-bottom: 0;

    padding: 0 30px 0;

    margin-top: 49px;

}



.faq-one-accrodion .accrodion {

    position: relative;

    display: block;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}



.faq-one-accrodion .accrodion-title {

    position: relative;

    display: block;

    cursor: pointer;

    padding: 22px 0px 22px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    border-bottom: 0px solid #e5e5e5;

}



.faq-one-accrodion .accrodion-title h4 {

    margin: 0;

    font-size: 18px;

    font-weight: 500;

    line-height: 28px;

    color: var(--thm-black);

    text-transform: uppercase;

    position: relative;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}



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

    border-top: 1px solid #e5e5e5;

}



/* .faq-one-accrodion .accrodion.active .accrodion-title {

    border-bottom: 1px solid #e5e5e5;

} */



.faq-one-accrodion .accrodion.active .accrodion-title h4 {

    color: var(--thm-black);

}



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

    content: "\f067";

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    font-size: 12px;

    color: var(--thm-black);

    ;

    position: absolute;

    top: 50%;

    right: 0;

    height: 35px;

    width: 35px;

    border-radius: 50%;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

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

    transform: translateY(-50%);

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}



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

    content: "\f068";

    color: var(--thm-black);

    height: 35px;

    width: 35px;

    border-radius: 50%;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

}



.faq-one-accrodion .accrodion-content {

    position: relative;

    padding: 20px 0px 18px;

    border-bottom: 0px solid #e5e5e5;

    border-top: 1px solid #e5e5e5;

}



.faq-one-accrodion .accrodion.active .accrodion-content {}



.faq-one-accrodion .accrodion.last-chiled.active .accrodion-content {

    border-bottom: 0px solid transparent;

}



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

    margin: 0;

    font-size: 16px;

}







.question-answers__btn-and-text {

    display: flex;

    align-items: center;

    margin-top: 145px;

}



.question-answers__btn-box {}



.question-answers__btn {

    padding: 4px 30px;

    font-size: 12px;

}



.question-answers__btn:before {

    background: var(--thm-black);

}



.question-answers__text-box {

    margin-left: 30px;

}



.question-answers__text-box-2 {

    margin: 0;

}



.question-answers__right {

    position: relative;

    display: block;

    margin-left: 70px;

}



.question-answers__right-img {

    position: relative;

    display: block;

    margin-right: -362px;

}



.question-answers__right-img>img {

    width: 100%;

}



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

# How We Works

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

.how-we-works {

    position: relative;

    display: block;

    padding: 120px 0 79px;

}



.how-we-works .section-title {

    margin-bottom: 47px;

}



.how-we-works__single-list {

    position: relative;

    display: flex;

    align-items: center;

    counter-reset: count;

}



.how-we-works__single {

    position: relative;

    display: block;

    text-align: center;

    margin-bottom: 30px;

    max-width: 390px;

    width: 100%;

    padding: 0 15px;

}



.how-we-works__icon-box {

    position: relative;

    display: block;

}



.how-we-works__icon {

    position: relative;

    height: 185px;

    width: 185px;

    background-color: #f4f4f4;

    border-radius: 50%;

    font-size: 65px;

    color: var(--thm-black);

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto;

    transition: all 500ms ease;

}



.how-we-works__single:hover .how-we-works__icon {

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

    color: #ffffff;

}



.how-we-works__icon span {}



.how-we-works__count {

    height: 67px;

    width: 67px;

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

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    top: 0;

    right: -10px;

    margin: 0 auto;

}



.how-we-works__count:before {

    position: absolute;

    height: 67px;

    width: 67px;

    text-align: center;

    color: #ffffff;

    font-size: 16px;

    line-height: 67px;

    border-radius: 50%;

    font-weight: 500;

    counter-increment: count;

    content: "0"counter(count);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.how-we-works__title {

    font-size: 24px;

    font-weight: 700;

    line-height: 34px;

    color: var(--thm-black);

    text-transform: uppercase;

    margin-top: 47px;

    margin-bottom: 28px;

}



.how-we-works__text {

    margin: 0;

}



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

# Testimonials Two

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

.testimonials-two {

    position: relative;

    display: block;

    padding: 120px 0 410px;

}



.testimonials-two-bg {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-size: cover;

    background-repeat: no-repeat;

}



.testimonials-two-bg:before {

    position: absolute;

    top: 0;

    left: 0;

    content: "";

    height: 100%;

    width: 100%;

    background-color: rgba(var(--thm-black-rgb), 0.9);

}



.testimonials-two-bg.jarallax div div {

    filter: grayscale(100%);

}



.testimonials-two__carousel {}



.testimonials-two__inner-single {

    position: relative;

    display: flex;

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

    padding-bottom: 111px;

}



.testimonials-two__client-info-box {

    position: relative;



}



.testimonials-two__client-info {

    width: 80px;

}



.testimonials-two__client-img {

    position: relative;

}



.testimonials-two__client-info,

.testimonials-two__client-name-box {

    display: table-cell;

    vertical-align: middle;

}



.testimonials-two__client-img>img {

    width: 80px;

    border-radius: 50%;

}



.testimonials-two__quote-icon {

    position: absolute;

    top: 50%;

    right: -15px;

    height: 30px;

    width: 30px;

    background-color: #ffffff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    transform: translateY(-50%);

}



.testimonials-two__quote-icon>img {

    width: 10px !important;

}



.testimonials-two__client-name-box {

    padding-left: 35px;

}



.testimonials-two__client-name {

    font-size: 18px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 30px;

    color: #ffffff;

}



.testimonials-two__client-title {

    font-size: 12px;

    color: #9d9d9d;

    font-weight: 500;

    margin: 0;

    line-height: 22px;

    text-transform: uppercase;

}



.testimonials-two__text-box {

    max-width: 850px;

    position: relative;

    width: 100%;

    margin-left: 60px;

    margin-top: -12px;

}



.testimonials-two__text {

    font-size: 24px;

    margin: 0;

    line-height: 44px;

    color: #ffffff;

}



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

# Team One

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

.team-one {

    position: relative;

    display: block;

    overflow: hidden;

    margin-top: -290px;

    padding-bottom: 79px;

}



.team-one .section-title {

    margin-bottom: 47px;

    position: relative;

    display: block;

    z-index: 5;

}



.team-one .section-title__tagline {

    color: #9d9d9d;

}



.team-one .section-title__tagline:before {

    background-color: #474747;

}



.team-one .section-title__title {

    color: #ffffff;

}



.team-one__single {

    position: relative;

    display: block;

    text-align: center;

    margin-bottom: 30px;

}



.team-one__img-box {

    position: relative;

    display: block;

}



.team-one__img {

    position: relative;

    display: block;

    overflow: hidden;

    background-color: #ffffff;

    padding: 20px;

}



.team-one__img:before {

    position: absolute;

    top: 20px;

    left: 20px;

    right: 20px;

    bottom: 20px;

    content: "";

    background-color: rgba(var(--thm-black-rgb), 0.7);

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

    transform: scaleY(0);

    z-index: 1;

}



.team-one__single:hover .team-one__img:before {

    transform: scaleY(1);

}



.team-one__img:after {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    height: 0%;

    opacity: 0;

    background-color: transparent;

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

    content: "";

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    transition: all 600ms ease;

}



.team-one__single:hover .team-one__img:after {

    height: 100%;

    opacity: 1;

}



.team-one__img>img {

    width: 100%;

    transition: transform 500ms ease;

    transform: scale(1);

}



.team-one__single:hover .team-one__img>img {}



.team-one__social {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    justify-content: center;

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

    transform: scaleX(0);

    z-index: 2;

}



.team-one__single:hover .team-one__social {

    transform: scaleX(1);

}



.team-one__social a {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    -webkit-box-pack: center;

    justify-content: center;

    text-align: center;

    color: #ffffff;

    font-size: 18px;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}



.team-one__social a+a {

    margin-left: 30px;

}



.team-one__social a:hover {

    color: var(--thm-primary);

}



.team-one__content {

    position: relative;

    display: block;

    margin-top: 25px;

}



.team-one__name {

    font-size: 22px;

    font-weight: 500;

    text-transform: uppercase;

    line-height: 28px;

}



.team-one__title {

    font-size: 14px;

    margin: 0;

    text-transform: uppercase;

    line-height: 30px;

}



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

# Insuring

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

.insuring {

    position: relative;

    display: block;

    padding: 0 0 120px;

}



.insuring__left {

    position: relative;

    display: block;

    margin-right: -100px;

}



.insuring__img {

    position: relative;

    display: block;

}



.insuring__img>img {

    width: 100%;

}



.insuring__right {

    position: relative;

    display: block;

    margin-top: 60px;

    margin-left: -100px;

}



.insuring__your-future-box {

    position: relative;

    display: block;

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);

    padding: 100px 105px 76px;

}



.insuring__right .section-title {

    position: relative;

    display: block;

    margin-bottom: 38px;

    z-index: 5;

}



.insuring__text {

    margin: 0;

}



.insuring__counter-list-box {

    position: relative;

    display: block;

    margin-top: 38px;

}



.insuring__counter-list {}



.insuring__counter-list li {

    position: relative;

    display: inline-block;

}



.insuring__counter-list li:before {

    position: absolute;

    top: 11px;

    bottom: 24px;

    left: -74px;

    width: 1px;

    content: "";

    background-color: #e5e5e5;

}



.insuring__counter-list li:first-child:before {

    display: none;

}



.insuring__counter-list li+li {

    margin-left: 145px;

}



.insuring__counter-list li h2 {

    font-size: 40px;

    font-weight: 400;

    line-height: 50px !important;

}



.insuring__counter-list-text {

    font-size: 14px;

    font-weight: 500;

    line-height: 24px;

    text-transform: uppercase;

}



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

# Brand Three

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

.brand-three {

    position: relative;

    display: block;

    background-color: #f4f4f4;

    padding: 118px 0 119px;

}



.brand-three .swiper-slide {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.brand-three .swiper-slide img {

    -webkit-transition: 500ms;

    transition: 500ms;

    opacity: 0.3;

    max-width: 100%;

}



.brand-three .swiper-slide img:hover {

    opacity: 0.7;

}



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

# Page Header

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

.page-header {

    position: relative;

    display: block;

    padding: 127px 0 127px;

    background-repeat: no-repeat;

    background-size: cover;

}



.page-header:before {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    content: "";

    background: rgba(var(--thm-black-rgb), .7);

    z-index: 1;

}



.page-header-border {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 14.29%;

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

    z-index: 1;

}



.page-header-border-two {

    left: 14.29%;

}



.page-header-border-three {

    left: 28.59%;

}



.page-header-border-four {

    left: 42.88%;

}



.page-header-border-five {

    left: 57.17%;

}



.page-header-border-six {

    left: 71.46%;

}



.page-header__inner {

    position: relative;

    display: block;

    text-align: center;

    z-index: 3;

}



.page-header__inner h2 {

    font-size: 60px;

    color: #ffffff;

    line-height: 70px;

    font-weight: 400;

    text-transform: uppercase;

}



.thm-breadcrumb {

    padding-top: 3px;

}



.thm-breadcrumb li {

    position: relative;

    display: inline-block;

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}



.thm-breadcrumb li+li {

    margin-left: 8px;

}



.thm-breadcrumb li a {

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}





.thm-breadcrumb li a:hover {

    color: var(--thm-primary);

}



.thm-breadcrumb li span {}



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

# News Details

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

.news-details {

    position: relative;

    display: block;

    padding: 120px 0 120px;

}



.news-details__left {

    position: relative;

    display: block;

}



.news-details__img {

    position: relative;

    display: block;

}



.news-details__img>img {

    width: 100%;

}



.news-details__date-box {

    position: absolute;

    bottom: -10px;

    right: 30px;

    background: var(--thm-black);

    padding: 3px 30px;

    z-index: 1;

}



.news-details__date-box p {

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

    color: #ffffff;

    margin: 0;

    letter-spacing: 0.1em;

}



.news-details__content {

    position: relative;

    display: block;

    margin-top: 29px;

}



.news-details__meta {

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    margin: 0;

}



.news-details__meta li {}



.news-details__meta li+li {

    margin-left: 15px;

}



.news-details__meta li a {

    font-size: 16px;

    color: var(--thm-gray);

    transition: all 500ms ease;

}



.news-details__meta li a i {

    color: var(--thm-primary);

    font-size: 14px;

}



.news-details__title {

    font-size: 30px;

    font-weight: 700;

    line-height: 40px;

    text-transform: uppercase;

    margin-bottom: 40px;

}



.news-details__text-one {

    font-size: 16px;

    font-weight: 500;

    margin: 0;

    padding-bottom: 33px

}



.news-details__text-two {

    font-size: 16px;

    font-weight: 500;

    margin: 0;

    padding-bottom: 33px

}



.news-details__text-three {

    font-size: 16px;

    font-weight: 500;

    margin: 0;

}



.news-details__bottom {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    justify-content: space-between;

    flex-wrap: wrap;

    border-top: 1px solid #e5e5e5;

    padding: 30px 0 30px;

    margin-top: 55px;

}



.news-details__bottom p {

    margin: 0;

}



.news-details__tags {}



.news-details__tags span {

    color: var(--thm-black);

    font-weight: 700;

    text-transform: uppercase;

}



.news-details__tags a {

    color: var(--thm-gray);

    font-size: 16px;

    font-weight: 500;

}



.news-details__social-list {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

}



.news-details__social-list a {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    -webkit-box-pack: center;

    justify-content: center;

    text-align: center;

    color: var(--thm-black);

    font-size: 18px;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}



.news-details__social-list a+a {

    margin-left: 30px;

}



.news-details__social-list a:hover {

    color: var(--thm-primary);

}



/* author */



.author-one {

    background-color: #f4f4f4;

    padding: 60px 60px 60px;

    display: -webkit-box;

    display: flex;

    margin-bottom: 54px;

}



.author-one__image {}



.author-one__image img {}



.author-one__content {

    margin-left: 40px;

    margin-top: -8px;

}



.author-one__content h3 {

    font-size: 20px;

    line-height: 30px;

    font-weight: 700;

    text-transform: uppercase;

    padding-bottom: 14px;

}



.author-one__content p {

    font-size: 16px;

    font-weight: 500;

    margin: 0;

    margin-top: 13px;

}



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

## Comments

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



.comment-one__title,

.comment-form__title {

    margin: 0;

    color: var(--thm-black);

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 51px;

    text-transform: uppercase;

}



.comment-one__single {

    display: -webkit-box;

    display: flex;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 60px;

    margin-bottom: 60px;

}



.comment-one__content {

    position: relative;

    margin-left: 45px;

}



.comment-one__content h3 {

    margin: 0;

    font-size: 20px;

    color: var(--thm-black);

    font-weight: 700;

    margin-bottom: 30px;

    text-transform: uppercase;

}



.comment-one__content p {

    font-weight: 500;

    font-size: 16px;

    margin: 0;

}



.comment-one__btn {

    font-size: 12px;

    color: #ffffff;

    line-height: 40px;

    padding: 2px 20px;

    font-weight: 700;

    position: absolute;

    top: 0;

    right: 0;

}



.comment-one__btn:before {

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

}



.comment-one__btn:hover {

    background: var(--thm-primary);

}



.comment-one__image img {

    border-radius: 50%;

}



.comment-form .comment-form__title {

    margin-top: -6px;

}



.comment-one__form .row {

    --bs-gutter-x: 20px;

}



.comment-form__input-box input[type="text"],

.comment-form__input-box input[type="email"] {

    height: 67px;

    width: 100%;

    border: none;

    background: #f4f4f4;

    padding: 0 30px;

    margin-bottom: 20px;

    border-radius: 0px;

    outline: none;

    font-size: 14px;

    color: var(--thm-gray);

    font-weight: 500;

}



.comment-form__input-box textarea {

    font-size: 14px;

    color: var(--thm-gray);

    height: 190px;

    width: 100%;

    background: #f4f4f4;

    padding: 20px 40px 30px;

    border: none;

    border-radius: 0px;

    outline: none;

    margin-bottom: 10px;

    font-weight: 500;

}



.comment-form__btn:before {

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

}



.comment-form__btn:hover {

    background: var(--thm-primary);

}



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

# Sidebar

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



@media (max-width: 991px) {

    .sidebar {

        margin-top: 50px;

    }

}



.sidebar__single+.sidebar__single {

    margin-top: 30px;

}



.sidebar__title {

    margin: 0;

    font-size: 20px;

    margin-bottom: 23px;

    font-weight: 700;

    text-transform: uppercase;

}



.sidebar__title.clr-white {

    color: #ffffff;

    padding-bottom: 3px;

}



.sidebar__search {

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

    padding: 45px 50px 50px;

}



.sidebar__search-form {

    position: relative;

}



.sidebar__search-form input[type="search"] {

    display: block;

    border: none;

    outline: none;

    background-color: #ffffff;

    color: var(--thm-gray);

    font-size: 16px;

    font-weight: 400;

    padding-left: 30px;

    height: 78px;

    border-radius: 0px;

    width: 100%;

    padding-right: 70px;

}



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

    color: var(--thm-gray);

    opacity: 1;

}



.sidebar__search-form ::-moz-placeholder {

    color: var(--thm-gray);

    opacity: 1;

}



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

    color: var(--thm-gray);

    opacity: 1;

}



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

    color: var(--thm-gray);

    opacity: 1;

}



.sidebar__search-form ::placeholder {

    color: var(--thm-gray);

    opacity: 1;

}



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

    color: var(--thm-gray);

}



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

    color: var(--thm-gray);

}



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

    background-color: transparent;

    color: var(--thm-primary);

    font-size: 20px;

    position: absolute;

    top: 0;

    right: 0px;

    bottom: 0;

    width: 70px;

    outline: none;

    border: none;

}



.sidebar__post {

    position: relative;

    display: block;

    padding: 45px 30px 20px;

    background-color: #f4f4f4;

}



.sidebar__post .sidebar__title {

    padding-left: 20px;

    margin-bottom: 5px;

}



.sidebar__post-list {

    margin: 0;

}



.sidebar__post-list li {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    padding-left: 20px;

    padding-right: 20px;

    padding-top: 14px;

    padding-bottom: 15px;

    background-color: transparent;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}



.sidebar__post-list li:hover {

    background-color: #ffffff;

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

}



.sidebar__post-list li+li {

    margin-top: 11px;

}



.sidebar__post-image {

    margin-right: 20px;

}



.sidebar__post-image>img {

    width: 70px;

    border-radius: 0px;

}



.sidebar__post-content h3 {

    color: var(--thm-black);

    font-size: 18px;

    margin: 0;

    line-height: 28px;

    font-weight: 400;

}



.sidebar__post-content .sidebar__post-content_meta {

    color: var(--thm-gray);

    font-size: 14px;

    display: block;

    font-weight: 400;

}



.sidebar__post-content .sidebar__post-content_meta i {

    margin-right: 5px;

    color: var(--thm-primary);

}



.sidebar__post-content h3 {

    text-transform: unset;

}



.sidebar__post-content h3 a {

    color: var(--thm-black);

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

    text-transform: uppercase;

    font-weight: 500;

}



.sidebar__post-content h3 a:hover {

    color: var(--thm-primary);

}



.sidebar__category {

    position: relative;

    display: block;

    background: #f4f4f4;

    padding: 46px 30px 34px;

}



.sidebar__category .sidebar__title {

    padding-left: 20px;

    margin-bottom: 11px;

}



.sidebar__category-list {

    margin: 0;

}



.sidebar__category-list li+li {

    margin-top: 3px;

}



.sidebar__category-list li a {

    color: var(--thm-gray);

    font-size: 16px;

    position: relative;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

    display: block;

    background: none;

    padding: 5px 20px;

    border-radius: 0px;

}



.sidebar__category-list li a:hover {

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .05);

    color: var(--thm-black);

}



.sidebar__category-list li a span {

    position: absolute;

    top: 50%;

    right: 15px;

    transform: translateY(-50%);

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

    color: var(--thm-black);

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 15px;

    opacity: 0;

}



.sidebar__category-list li a:hover span {

    opacity: 1;

}



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

# Services Details

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

.services-details {

    position: relative;

    display: block;

    padding: 120px 0 120px;

}



.services-details__sidebar {

    position: relative;

    display: block;

}



.services-details__services-list-box {

    position: relative;

    display: block;

}



.services-details__services-list {

    position: relative;

    display: block;

}



.services-details__services-list li {

    position: relative;

    display: block;

}



.services-details__services-list li+li {

    margin-top: 10px;

}



.services-details__services-list li a {

    position: relative;

    font-size: 16px;

    color: var(--thm-black);

    font-weight: 700;

    display: block;

    background-color: #f4f4f4;

    text-transform: uppercase;

    padding: 20.5px 40px;

    transition: all 500ms ease;

}



.services-details__services-list li:hover a {

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

    color: #ffffff;

}



.services-details__services-list li span {

    position: absolute;

    top: 0;

    bottom: 0;

    right: 40px;

    display: flex;

    align-items: center;

    transition: all 500ms ease;

    font-size: 20px;

}



.services-details__services-list li:hover span {

    color: var(--thm-primary);

}



.services-details__help-box {

    position: relative;

    display: block;

    text-align: center;

    padding: 53px 60px 65px;

    margin-top: 30px;

}



.services-details__help-box:before {

    position: absolute;

    bottom: -5px;

    left: 0;

    right: 0;

    content: "";

    height: 1px;

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

}



.services-details__help-box-bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    filter: grayscale(100%);

    background-size: cover;

    background-repeat: no-repeat;

    z-index: -1;

}



.services-details__help-box-bg-overly {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-color: rgba(var(--thm-black-rgb), .85);

    z-index: -1;

}



.services-details__help-box-title {

    font-size: 22px;

    color: #ffffff;

    text-transform: uppercase;

    line-height: 32px;

    font-weight: 700;

    margin-bottom: 33px;

}



.services-details__help-box-text {

    font-size: 16px;

    font-weight: 500;

    margin: 0;

    color: #9d9d9d;

    line-height: 30px;

    margin-bottom: 22px;

}



.services-details__phone {

    color: #ffffff;

    font-size: 24px;

    font-weight: 700;

    display: block;

    transition: all 500ms ease;

}



.services-details__phone:hover {

    color: var(--thm-primary);

}



.services-details__help-box-btn {

    background-color: #ffffff;

    color: var(--thm-black);

    padding: 5px 30px;

    font-size: 12px;

    margin-top: 21px;

}



.services-details__right {

    position: relative;

    display: block;

}



.services-details__img {

    position: relative;

    display: block;

}



.services-details__img>img {

    width: 100%;

}



.services-details__content {

    position: relative;

    display: block;

    margin-top: 30px;

    margin-bottom: 49px;

}



.services-details__title {

    font-size: 40px;

    font-weight: 700;

    line-height: 50px;

    margin-bottom: 40px;

    text-transform: uppercase;

}



.services-details__text-1 {

    margin: 0;

    padding-bottom: 36px;

}



.services-details__text-2 {

    margin: 0;

}



.services-details__designing-box {

    display: flex;

}



.services-details__designing-list-box {

    position: relative;

    margin-top: -8px;

}



.services-details__designing-list-box-title {

    font-size: 30px;

    font-weight: 700;

    line-height: 40px;

    text-transform: uppercase;

    margin-bottom: 20px;

}



.services-details__designing-list {}



.services-details__designing-list li {

    position: relative;

    display: flex;

    align-items: center;

}



.services-details__designing-list li+li {

    margin-top: 3px;

}



.services-details__designing-list li .icon {

    position: relative;

    transform: rotate(70deg);

    font-size: 10px;

    color: var(--thm-primary);

}



.services-details__designing-list li .icon i {

    color: var(--thm-primary);

}



.services-details__designing-list li .text {

    margin-left: 20px;

}



.services-details__designing-list li .text p {

    margin: 0;

    font-size: 16px;

    color: var(--thm-black);

    font-weight: 500;

}



.services-details__designing-img {

    margin-left: 60px;

}



.services-details__designing-img>img {

    width: 100%;

}



.services-details__faq {

    position: relative;

    display: block;

    padding: 0 30px;

    margin-top: 60px;

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 0px 30px 0px rgb(0, 0, 0, .07);

}



/*insuring-page*/

.insuring-page {

    padding-top: 120px;

}



/*three-boxes-two-page*/

.three-boxes-two-page {

    padding-top: 120px;

    padding-bottom: 90px;

}



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

# About Company

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

.about-company {

    position: relative;

    display: block;

    padding: 120px 0 120px;

}



.about-company__img {

    position: relative;

    display: block;

}



.about-company__img>img {

    width: 100%;

}



.about-company__trusted-by {

    position: absolute;

    top: 60px;

    left: -70px;

    height: 170px;

    width: 170px;

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 5px 30px 0px rgb(0 0 0 / 10%);

    text-align: center;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}



.about-company__trusted-by:before {

    position: absolute;

    bottom: -5px;

    right: 47px;

    height: 10px;

    width: 21px;

    content: "";

    background-image: url(../images/resources/about-company__trusted-by-shape.png);

    background-repeat: no-repeat;

    transform: rotate(-17deg);

}



.about-company__trusted-by p {

    font-size: 14px;

    font-weight: 500;

    margin: 0;

    text-transform: uppercase;

    line-height: 25px;

}



.about-company__trusted-by span {

    font-size: 40px;

    color: var(--thm-black);

    font-weight: 400;

}



.about-company__right {

    position: relative;

    display: block;

    margin-left: 70px;

}



.about-company__right .section-title {}



.about-company__points {

    position: relative;

    display: flex;

    align-items: center;

    margin-bottom: 0;

}



.about-company__points li {

    font-size: 16px;

    font-weight: 500;

    color: var(--thm-black);

    background-color: #f4f4f4;

    padding: 13px 40px;

}



.about-company__points li+li {

    margin-left: 20px;

}



.about-company__points li span {

    color: var(--thm-primary);

    margin-right: 6px;

}



.about-company__progress {

    position: relative;

    display: block;

    margin-top: 44px;

}



.about-company__progress-title {

    font-size: 16px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 26px;

    margin-bottom: 7px;

}



.about-company__progress .bar {

    position: relative;

    width: 100%;

    height: 2px;

    background: #f4f4f4;

    border-radius: 0px;

    margin-bottom: 6px;

}



.about-company__progress .bar-inner {

    position: relative;

    display: block;

    width: 0px;

    height: 2px;

    border-radius: 0;

    background: var(--thm-black);

    -webkit-transition: all 1500ms ease;

    -ms-transition: all 1500ms ease;

    -o-transition: all 1500ms ease;

    -moz-transition: all 1500ms ease;

    transition: all 1500ms ease;

}



.about-company__progress .count-text {

    position: absolute;

    right: 0;

    bottom: 0;

    color: var(--thm-gray);

    font-size: 16px;

    text-align: center;

    font-weight: 400;

    opacity: 0;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    transition: all 500ms ease;

}



.about-company__progress .bar-inner.counted .count-text {

    opacity: 1;

}



.about-company__progress .count-text:after {

    content: '';

    position: absolute;

    left: 29px;

    top: 27px;

    height: 14px;

    width: 1px;

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

    transform: rotate(20deg);

}



.about-company__icon-and-text {

    position: relative;

    display: flex;

    align-items: center;

    padding-top: 34px;

    padding-bottom: 35px;

}



.about-company__icon {}



.about-company__icon span {

    font-size: 60px;

    color: var(--thm-primary);

    line-height: 60px;

}



.about-company__text-box {

    margin-left: 30px;

}



.about-company__text {

    margin: 0;

}



.about-company__text-2 {

    margin: 0;

}



.about-company__btn {

    font-size: 12px;

    padding: 5px 30px;

    margin-top: 39px;

}



.about-company__btn:before {

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

}



/*about-page-team*/

.about-page-team {

    position: relative;

    display: block;

    padding-top: 120px;

    margin-top: 0;

}





.about-page-team .section-title {}



.about-page-team .section-title__tagline {

    color: var(--thm-gray);

}



.about-page-team .section-title__tagline:before {

    background-color: #e5e5e5;

}



.about-page-team .section-title__title {

    color: var(--thm-black);

}



/*two-boxes-about*/

.two-boxes-about {

    padding-top: 0;

    padding-bottom: 0;

}



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

# Productive

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

.productive {

    position: relative;

    display: block;

    padding: 120px 0 120px;

}



.productive__left {

    position: relative;

    display: block;

}



.productive__img {

    position: relative;

    display: block;

}



.productive__img>img {

    width: 100%;

}



.productive__right {

    position: relative;

    display: block;

    margin-left: 70px;

}



.productive__right .section-title {

    margin-bottom: 47px;

}



.productive__points {

    position: relative;

    display: flex;

    align-items: center;

    margin-bottom: 0;

    padding-bottom: 42px;

}



.productive__points li {

    font-size: 16px;

    font-weight: 500;

    color: var(--thm-black);

    background-color: #f4f4f4;

    padding: 13px 40px;

}



.productive__points li+li {

    margin-left: 20px;

}



.productive__points li span {

    color: var(--thm-primary);

    margin-right: 6px;

}



.productive__text {

    margin: 0;

}



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

# Benefits

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

.benefits {

    position: relative;

    display: block;

    padding: 0 0 120px;

}



.benefits__left {

    position: relative;

    display: block;

    margin-right: 90px;

}



.benefits__left .section-title {

    margin-bottom: 39px;

}



.benefits__checks-box {}



.benefits__checks-list {}



.benefits__checks-list li {

    position: relative;

    display: block;

    padding-left: 90px;

}



.benefits__checks-list li .icon {

    height: 60px;

    width: 60px;

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

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ffffff;

    position: absolute;

    top: 8px;

    left: 0;

}



.benefits__checks-list li+li {

    margin-top: 38px;

}



.benefits__checks-list li span {}



.benefits__checks-list li .content {}



.benefits__checks-list li .content h3 {

    font-size: 20px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 30px;

    margin-bottom: 23px;

}



.benefits__checks-list li .content p {

    margin: 0;

}



.benefits__right {

    position: relative;

    display: block;

}



.benefits__img {

    position: relative;

    display: block;

}



.benefits__img>img {

    width: 100%;

}



/*Our Mission Page Testimonial*/



.our-mission-page-testimonial {

    padding-bottom: 0;

}



.our-mission-page-testimonial .testimonials-two__inner-single {

    border-bottom: 0;

}



/*Team Page*/

.team-page {

    margin-top: 0;

    padding-top: 120px;

    padding-bottom: 90px;

}



.team-page .team-one__single {

    margin-bottom: 19px;

}



.team-page .team-one__img {

    background-color: rgb(255, 255, 255);

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

}



/*Portfolio Page*/

.portfolio-page {

    padding-bottom: 90px;

}



.portfolio-page .row {

    --bs-gutter-x: 30px;

}



.portfolio-page .project-one__single {

    margin-bottom: 30px;

}



.portfolio-page .project-one__hover {

    margin: 30px;

}



.portfolio-page .project-one__hover {

    padding: 40px;

}



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

# Portfolio Details

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

.portfolio-details {

    position: relative;

    display: block;

    padding: 120px 0 0;

}



.portfolio-details__img {

    position: relative;

    display: block;

}



.portfolio-details__img img {

    width: 100%;

}



.portfolio-details__info {

    display: block;

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

    padding: 53px 0px;

    text-align: center;

    position: absolute;

    bottom: -40px;

    left: 40px;

    right: 40px;

}



.portfolio-details__info-list {}



.portfolio-details__info-list li {

    position: relative;

    display: inline-block;

    font-weight: 500;

    color: #ffffff;

    text-transform: uppercase;

}



.portfolio-details__info-list li+li {

    margin-left: 90px;

}



.portfolio-details__social {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    padding: 9.5px 0;

}



.portfolio-details__social a {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    -webkit-box-pack: center;

    justify-content: center;

    text-align: center;

    color: #ffffff;

    font-size: 15px;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}



.portfolio-details__social a+a {

    margin-left: 20px;

}



.portfolio-details__social a:hover {

    color: var(--thm-primary);

}



.portfolio-details__content {

    position: relative;

    display: block;

    margin-top: 85px;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 109px;

}



.portfolio-details__title {

    font-size: 40px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 50px;

    margin-bottom: 34px

}



.portfolio-details__text-1 {

    margin: 0;

}



.portfolio-details__list {

    position: relative;

    display: block;

    padding-top: 70px;

    padding-bottom: 70px;

}



.portfolio-details__list li {

    display: flex;

    align-items: center;

}



.portfolio-details__list li+li {

    margin-top: 9px;

}



.portfolio-details__list li .icon {}



.portfolio-details__list li .icon span {

    color: var(--thm-primary);

}



.portfolio-details__list li .text-box {

    margin-left: 20px;

}



.portfolio-details__list li .text-box p {

    color: var(--thm-black);

    font-weight: 500;

    margin: 0;

}



.portfolio-details__text-2 {

    margin: 0;

}



/*Portfolio Details Page Project*/

.portfolio-details-page-project {

    padding-bottom: 90px;

}



.portfolio-details-page-project .row {

    --bs-gutter-x: 30px;

}



.portfolio-details-page-project .project-one__single {

    margin-bottom: 30px;

}



.portfolio-details-page-project .project-one__hover {

    padding: 30px;

}



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

# Contact Page

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

.contact-page {

    position: relative;

    display: block;

    padding: 120px 0 120px;

}



.contact-page__title {}



.contact-page__title .section-title {

    margin-bottom: 47px;

}



.contact-page__top-text-box {}



.contact-page__top-text {

    margin: 0;

}



.contact-page__left {}



.contact-page__form {}



.contact-page__form .row {

    --bs-gutter-x: 20px;

}



.contact-page__input-box input[type="text"],

.contact-page__input-box input[type="email"] {

    height: 67px;

    width: 100%;

    border: none;

    background: #f4f4f4;

    padding: 0 30px;

    margin-bottom: 20px;

    border-radius: 0px;

    outline: none;

    font-size: 14px;

    color: var(--thm-gray);

    font-weight: 500;

}



.contact-page__input-box textarea {

    font-size: 14px;

    color: var(--thm-gray);

    height: 190px;

    width: 100%;

    background: #f4f4f4;

    padding: 20px 40px 30px;

    border: none;

    border-radius: 0px;

    outline: none;

    margin-bottom: 10px;

    font-weight: 500;

}



.contact-page__btn:before {

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

}



.contact-page__btn:hover {

    background: var(--thm-primary);

}



.contact-page__details {

    position: relative;

    display: block;

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

    padding: 52px 60px 60px;

}



.contact-page__details-shape {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 345px;

    opacity: .20;

    background-repeat: no-repeat;

    background-size: cover;

}



.contact-page__details-text {

    position: relative;

    font-size: 16px;

    color: #9d9d9d;

    margin: 0;

    font-weight: 500;

    line-height: 30px;

}



.contact-page__details-contact-info {

    position: relative;

    display: block;

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

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

    padding-top: 29px;

    padding-bottom: 35px;

    margin-top: 30px;

    margin-bottom: 40px;

}



.contact-page__details-contact-list {}



.contact-page__details-contact-list li {

    display: flex;

    align-items: center;

}



.contact-page__details-contact-list li .icon {}



.contact-page__details-contact-list li .icon i {

    font-size: 15px;

    color: var(--thm-primary);

}



.contact-page__details-contact-list li .text {

    margin-left: 10px;

}



.contact-page__details-contact-list li .text p {

    font-size: 16px;

    color: #ffffff;

    margin: 0;

    font-weight: 500;

}



.contact-page__details-contact-list li .text p a {

    color: #ffffff;

}



.contact-page__details-social {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    z-index: 2;

}



.contact-page__details-social a {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    -webkit-box-pack: center;

    justify-content: center;

    text-align: center;

    color: #ffffff;

    font-size: 20px;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

    z-index: 2;

}



.contact-page__details-social a+a {

    margin-left: 30px;

}



.contact-page__details-social a:hover {

    color: var(--thm-primary);

}



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

# Contact Page Google Map

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

.contact-page-google-map {

    position: relative;

    display: block;

}



.contact-page-google-map__one {

    position: relative;

    display: block;

    border: none;

    height: 550px;

    width: 100%;

}