.main-header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    z-index: 999;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease
}

.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 0;
    background: rgba(255,255,255,.98);
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    z-index: 0
}

.fixed-header .sticky-header {
    visibility: visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    opacity: 1;
    z-index: 999999
}

.sticky-header .logo {
    position: relative;
    display: block;
    padding: 21px 0 21px
}

    .sticky-header .logo a {
        position: relative;
        display: inline-block
    }

.sticky-header .main-menu .navigation > li {
    margin-right: 35px
}

    .sticky-header .main-menu .navigation > li > a {
        color: var(--thm-black);
        padding: 40px 0 40px
    }

    .sticky-header .main-menu .navigation > li:hover > a, .sticky-header .main-menu .navigation > li.current > a {
        color: var(--thm-base)
    }

    .sticky-header .main-menu .navigation > li > a span:before {
        display: none
    }

    .sticky-header .main-menu .navigation > li > a:before {
        display: none
    }

.sticky-header .main-menu.style6 .navigation > li > a {
    color: var(--thm-black);
    padding: 38px 0 38px
}

.main-menu .navigation.scroll-nav > li:hover > a, .main-menu .navigation.scroll-nav > li.current > a {
    color: var(--thm-base)
}

.header-style-one {
    position: relative
}

.header-top {
    position: relative;
    display: block;
    background: #fff;
    padding: 35px 0;
    z-index: 1
}

    .header-top .outer-box {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap
    }

.header-top__left {
    position: relative;
    display: block
}

.main-logo-box {
    position: relative;
    display: block
}

    .main-logo-box a {
        position: relative;
        display: inline-block
    }

.header-top__right {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.header-contact-info-style1 {
    position: relative;
    display: block
}

    .header-contact-info-style1 ul {
        position: relative;
        display: block;
        overflow: hidden
    }

        .header-contact-info-style1 ul li {
            position: relative;
            display: block;
            float: left;
            margin-right: 30px
        }

            .header-contact-info-style1 ul li:last-child {
                margin-right: 0
            }

            .header-contact-info-style1 ul li .icon {
                position: relative;
                width: 50px
            }

            .header-contact-info-style1 ul li .icon, .header-contact-info-style1 ul li .text {
                display: table-cell;
                vertical-align: middle
            }

                .header-contact-info-style1 ul li .icon span:before {
                    position: relative;
                    display: block;
                    width: 50px;
                    height: 50px;
                    background: #f2f3fa;
                    border-radius: 50%;
                    color: var(--thm-base);
                    font-size: 20px;
                    line-height: 50px;
                    text-align: center;
                    transition: all 200ms ease;
                    z-index: 3
                }

            .header-contact-info-style1 ul li:hover .icon span:before {
                color: #fff;
                transform: scale(.9);
                background: transparent
            }

            .header-contact-info-style1 ul li .icon span:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background: var(--thm-primary);
                border-radius: 50%;
                opacity: 0;
                -webkit-transition: .5s;
                -o-transition: .5s;
                transition: .5s;
                -webkit-transform: perspective(400px) rotateX(90deg);
                -ms-transform: perspective(400px) rotateX(90deg);
                transform: perspective(400px) rotateX(90deg);
                -webkit-transform-origin: center;
                -ms-transform-origin: center;
                transform-origin: center;
                z-index: 1
            }

            .header-contact-info-style1 ul li:hover .icon span:after {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateX(0deg);
                -ms-transform: perspective(400px) rotateX(0deg);
                transform: perspective(400px) rotateX(0deg)
            }

            .header-contact-info-style1 ul li .text {
                position: relative;
                padding-left: 20px
            }

                .header-contact-info-style1 ul li .text p {
                    position: relative;
                    top: -2px;
                    font-size: 14px;
                    line-height: 20px;
                    font-weight: 400;
                    margin: 0 0 3px
                }

                .header-contact-info-style1 ul li .text h5 {
                    font-size: 16px;
                    line-height: 20px;
                    font-weight: 700
                }

                    .header-contact-info-style1 ul li .text h5 a {
                        color: var(--thm-primary);
                        transition: all 200ms linear;
                        transition-delay: 0.1s
                    }

                        .header-contact-info-style1 ul li .text h5 a:hover {
                            color: var(--thm-base)
                        }

.header-button-style1 {
    position: relative;
    display: block;
    line-height: 0;
    margin-left: 50px
}

.header {
    position: relative;
    display: block;
    background: rgba(255,255,255,.90);
    z-index: 1;
    margin-bottom: -75px
}

    .header .outer-box {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap
    }

.header-left {
    position: relative;
    display: flex;
    align-items: center
}

.main-menu {
    position: relative;
    display: block;
    float: left
}

    .main-menu .navbar-collapse {
        padding: 0;
        display: block !important
    }

    .main-menu .navigation {
        position: inherit;
        display: block
    }

        .main-menu .navigation > li {
            position: inherit;
            display: inline-block;
            float: left;
            margin-right: 60px
        }

            .main-menu .navigation > li:last-child {
                margin-right: 0
            }

            .main-menu .navigation > li > a {
                position: relative;
                display: flex;
                align-items: center;
                padding: 27px 0 28px;
                color: #797989;
                font-size: 16px;
                line-height: 20px;
                font-weight: 700;
                text-transform: capitalize;
                transition: all 500ms ease;
                font-family: var(--thm-font);
                opacity: 1;
                z-index: 1
            }

            .main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a {
                color: var(--thm-base)
            }

            .main-menu .navigation > li.dropdown > a {
                padding-right: 15px
            }

                .main-menu .navigation > li.dropdown > a:after {
                    position: absolute;
                    right: 0;
                    font-family: Fontawesome;
                    content: "\f107";
                    font-size: 16px;
                    font-weight: 600;
                    transition: all 200ms linear;
                    transition-delay: 0.1s;
                    z-index: 1
                }

            .main-menu .navigation > li.dropdown:hover > a:after, .main-menu .navigation > li.dropdown.current > a:after {
                transform: rotate(180deg)
            }

            .main-menu .navigation > li > ul {
                position: absolute;
                top: 100%;
                left: inherit;
                width: 290px;
                padding: 22px 0 25px;
                background-color: #fff;
                opacity: 0;
                visibility: hidden;
                -webkit-transform: rotateX(-90deg);
                transform: rotateX(-90deg);
                -webkit-transform-origin: center;
                -ms-transform-origin: center;
                transform-origin: center;
                transform-style: preserve-3d;
                transition-delay: .1s;
                transition-timing-function: ease-in-out;
                transition-duration: .3s;
                transition-property: all;
                -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
                -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
                -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
                -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
                box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
                z-index: 100
            }

                .main-menu .navigation > li > ul:after {
                    position: absolute;
                    top: -3px;
                    left: 0;
                    right: 0;
                    height: 3px;
                    content: '';
                    background: var(--thm-base);
                    border-radius: 0;
                    z-index: -1
                }

            .main-menu .navigation > li.dropdown:hover > ul {
                opacity: 1;
                visibility: visible;
                -moz-transform: rotateX(0deg);
                -webkit-transform: rotateX(0deg);
                -ms-transform: rotateX(0deg);
                -o-transform: rotateX(0deg);
                transform: rotateX(0deg);
                transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -webkit-transition: all 500ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease
            }

            .main-menu .navigation > li > ul > li {
                position: relative;
                display: block;
                padding: 0 30px;
                width: 100%
            }

                .main-menu .navigation > li > ul > li > a {
                    position: relative;
                    display: block;
                    padding: 9px 0 9px;
                    color: var(--thm-primary);
                    font-size: 16px;
                    line-height: 24px;
                    font-weight: 500;
                    text-align: left;
                    text-transform: capitalize;
                    transition: all 500ms ease;
                    letter-spacing: normal;
                    font-family: var(--thm-font);
                    z-index: 1
                }

                .main-menu .navigation > li > ul > li:last-child > a {
                    border: none
                }

                .main-menu .navigation > li > ul > li > a:before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    background-color: var(--thm-primary);
                    transition: -webkit-transform 0.4s ease;
                    transition: transform 0.4s ease;
                    transition: transform 0.4s ease,-webkit-transform 0.4s ease;
                    -webkit-transform: scale(0,1);
                    transform: scale(0,1);
                    -webkit-transform-origin: right center;
                    transform-origin: right center;
                    z-index: -1
                }

                .main-menu .navigation > li > ul > li:hover > a:before {
                    -webkit-transform: scale(1,1);
                    transform: scale(1,1);
                    -webkit-transform-origin: left center;
                    transform-origin: left center
                }

                .main-menu .navigation > li > ul > li:hover > a {
                    color: #fff;
                    padding-left: 10px;
                    letter-spacing: .1em
                }

                .main-menu .navigation > li > ul > li.dropdown:after {
                    position: absolute;
                    top: 0;
                    right: 50px;
                    bottom: 0;
                    font-family: FontAwesome;
                    content: "\f105";
                    color: #fff;
                    font-size: 18px;
                    font-weight: 400;
                    margin: 4px 0;
                    text-align: right;
                    transition: all 200ms linear;
                    transition-delay: 0.1s;
                    z-index: 5
                }

                .main-menu .navigation > li > ul > li.dropdown:hover:after {
                    color: #fff
                }

                .main-menu .navigation > li > ul > li > ul {
                    position: absolute;
                    top: 0%;
                    left: 100%;
                    width: 270px;
                    padding: 22px 0 25px;
                    opacity: 0;
                    visibility: hidden;
                    -webkit-transform: rotateX(-90deg);
                    transform: rotateX(-90deg);
                    -webkit-transform-origin: center;
                    -ms-transform-origin: center;
                    transform-origin: center;
                    transform-style: preserve-3d;
                    transition-delay: .1s;
                    transition-timing-function: ease-in-out;
                    transition-duration: .3s;
                    transition-property: all;
                    z-index: 100
                }

                    .main-menu .navigation > li > ul > li > ul:before {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        height: 100%;
                        content: '';
                        background-color: #fff;
                        -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
                        -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
                        -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
                        -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
                        box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
                        z-index: -1
                    }

        .main-menu .navigation li > ul > li.dropdown:hover ul {
            opacity: 1;
            visibility: visible;
            -moz-transform: rotateX(0deg);
            -webkit-transform: rotateX(0deg);
            -ms-transform: rotateX(0deg);
            -o-transform: rotateX(0deg);
            transform: rotateX(0deg)
        }

        .main-menu .navigation > li > ul > li > ul:after {
            position: absolute;
            top: -3px;
            left: 0;
            right: 0;
            height: 3px;
            content: '';
            background: var(--thm-base);
            border-radius: 0;
            z-index: -1
        }

        .main-menu .navigation > li > ul > li > ul > li {
            position: relative;
            display: block;
            padding: 0 30px;
            width: 100%
        }

            .main-menu .navigation > li > ul > li > ul > li > a {
                position: relative;
                display: block;
                padding: 9px 0 9px;
                color: var(--thm-primary);
                font-size: 16px;
                line-height: 24px;
                font-weight: 500;
                text-align: left;
                text-transform: capitalize;
                transition: all 500ms ease;
                letter-spacing: normal;
                font-family: var(--thm-font);
                z-index: 1
            }

                .main-menu .navigation > li > ul > li > ul > li > a:before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    background-color: var(--thm-primary);
                    transition: -webkit-transform 0.4s ease;
                    transition: transform 0.4s ease;
                    transition: transform 0.4s ease,-webkit-transform 0.4s ease;
                    -webkit-transform: scale(0,1);
                    transform: scale(0,1);
                    -webkit-transform-origin: right center;
                    transform-origin: right center;
                    z-index: -1
                }

            .main-menu .navigation > li > ul > li > ul > li:hover > a:before {
                -webkit-transform: scale(1,1);
                transform: scale(1,1);
                -webkit-transform-origin: left center;
                transform-origin: left center
            }

            .main-menu .navigation > li > ul > li > ul > li:hover > a {
                color: #fff;
                padding-left: 20px;
                letter-spacing: .1em
            }

        .main-menu .navigation > li > .megamenu {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            padding: 22px 0 25px;
            opacity: 0;
            visibility: hidden;
            border-top: 3px solid var(--thm-base);
            -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
            -webkit-transform-origin: top;
            -ms-transform-origin: top;
            transform-origin: top;
            transform-style: preserve-3d;
            transition-delay: .1s;
            transition-timing-function: ease-in-out;
            transition-duration: .3s;
            transition-property: all;
            z-index: 100
        }

            .main-menu .navigation > li > .megamenu:before {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                content: '';
                background-color: #fff;
                -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
                -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
                -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
                -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
                box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
                z-index: -1
            }

        .main-menu .navigation > li.dropdown:hover .megamenu {
            opacity: 1;
            visibility: visible;
            -moz-transform: rotateX(0deg);
            -webkit-transform: rotateX(0deg);
            -ms-transform: rotateX(0deg);
            -o-transform: rotateX(0deg);
            transform: rotateX(0deg)
        }

        .main-menu .navigation > li > .megamenu:after {
            content: "";
            position: absolute;
            top: 0;
            left: 50%;
            bottom: 0;
            width: 1px;
            background: var(--thm-primary);
            opacity: .1
        }

        .main-menu .navigation > li > .megamenu .row {
            margin-right: 0;
            margin-left: 0
        }

            .main-menu .navigation > li > .megamenu .row [class*=col-] {
                padding-left: 0;
                padding-right: 0
            }

        .main-menu .navigation > li > .megamenu li {
            position: relative;
            display: block;
            padding: 0 30px;
            width: 100%
        }

            .main-menu .navigation > li > .megamenu li > a {
                position: relative;
                display: block;
                padding: 9px 0 9px;
                color: var(--thm-primary);
                font-size: 16px;
                line-height: 24px;
                font-weight: 500;
                text-align: left;
                text-transform: capitalize;
                transition: all 500ms ease;
                letter-spacing: normal;
                font-family: var(--thm-font);
                z-index: 1
            }

                .main-menu .navigation > li > .megamenu li > a:before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    background-color: var(--thm-primary);
                    transition: -webkit-transform 0.4s ease;
                    transition: transform 0.4s ease;
                    transition: transform 0.4s ease,-webkit-transform 0.4s ease;
                    -webkit-transform: scale(0,1);
                    transform: scale(0,1);
                    -webkit-transform-origin: right center;
                    transform-origin: right center;
                    z-index: -1
                }

            .main-menu .navigation > li > .megamenu li:hover > a:before {
                -webkit-transform: scale(1,1);
                transform: scale(1,1);
                -webkit-transform-origin: left center;
                transform-origin: left center
            }

            .main-menu .navigation > li > .megamenu li:hover > a {
                color: #fff;
                padding-left: 20px;
                letter-spacing: .1em
            }

        .main-menu .navigation li.dropdown .megamenu li h4 {
            font-weight: 500;
            padding: 3px 0;
            color: #fff
        }

    .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 42px;
        border-left: 1px solid #04102a;
        text-align: center;
        font-size: 16px;
        line-height: 42px;
        color: #fff;
        cursor: pointer;
        display: none;
        z-index: 5
    }

.header-right {
    position: relative;
    display: flex;
    align-items: center
}

.header-social-link {
    position: relative;
    display: block
}

    .header-social-link ul li {
        position: relative;
        display: block;
        float: left;
        margin-right: 10px
    }

        .header-social-link ul li:last-child {
            margin-right: 0
        }

        .header-social-link ul li a {
            position: relative;
            display: block;
            height: 40px;
            width: 40px;
            background-color: #fff;
            border-radius: 50%;
            color: var(--thm-primary);
            font-size: 16px;
            font-weight: 600;
            line-height: 40px;
            text-align: center;
            transition: all 200ms linear;
            transition-delay: 0.1s;
            z-index: 1
        }

            .header-social-link ul li a:before {
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background: var(--thm-base);
                content: "";
                border-radius: 50%;
                z-index: -1;
                transform: scale(0);
                transform-origin: center;
                transform-style: preserve-3d;
                transition: all 0.4s cubic-bezier(.62,.21,.45,1.52)
            }

        .header-social-link ul li:hover a:before {
            transform: scaleX(1)
        }

        .header-social-link ul li:hover a {
            color: #fff
        }

.header-style-two {
    position: relative
}

.header-top-style2 {
    position: relative;
    display: block;
    background: #fff;
    padding: 35px 0;
    z-index: 1
}

    .header-top-style2 .outer-box {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap
    }

.header-top-style2__left {
    position: relative;
    display: block
}

.header-top-style2__middle {
    position: relative;
    display: block
}

.logo-box-style2 {
    position: relative;
    display: block
}

    .logo-box-style2 a {
        position: relative;
        display: inline-block
    }

.header-top-style2__right {
    position: relative;
    display: block
}

.header-style2 {
    position: relative;
    display: block;
    background: transparent;
    margin-bottom: -75px;
    z-index: 1
}

    .header-style2 .outer-box {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        background: var(--thm-primary)
    }

.header-style2__middle {
    position: relative;
    display: block
}

.main-menu.style2 .navigation > li > a {
    color: #9ea8db
}

.main-menu.style2 .navigation > li:hover > a, .main-menu.style2 .navigation > li.current > a {
    color: var(--thm-base)
}

.about-style1-area {
    position: relative;
    display: block;
    background: #fff;
    padding: 120px 0 120px;
    z-index: 9
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.about-style1__image {
    position: relative;
    display: block;
    max-width: 510px;
    width: 100%;
    padding-right: 40px
}

    .about-style1__image::before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 165px;
        width: 5px;
        background: var(--thm-base);
        content: "";
        transition: all 900ms linear;
        transition-delay: 0.1s;
        z-index: 1
    }

    .about-style1__image:hover::before {
        bottom: 0
    }

    .about-style1__image .overlay-content {
        position: absolute;
        display: flex;
        align-items: center;
        bottom: -35px;
        right: 0;
        background: #fff;
        padding: 44px 50px 44px;
        z-index: 5
    }

        .about-style1__image .overlay-content .icon {
            position: relative;
            display: block;
            color: var(--thm-base);
            font-size: 60px;
            line-height: 60px
        }

            .about-style1__image .overlay-content .icon span::before {
                position: relative;
                display: inline-block;
                top: 4px
            }

        .about-style1__image .overlay-content .text {
            position: relative;
            display: block;
            margin-left: 20px
        }

            .about-style1__image .overlay-content .text p {
                margin: 0
            }

            .about-style1__image .overlay-content .text h2 {
                font-size: 40px;
                line-height: 1em;
                font-weight: 400
            }

    .about-style1__image .inner {
        position: relative;
        display: block;
        overflow: hidden;
        z-index: 1
    }

        .about-style1__image .inner::before {
            position: absolute;
            top: 0;
            left: -100%;
            display: block;
            content: '';
            width: 50%;
            height: 100%;
            background: linear-gradient(to right,rgba(255,255,255,.7) 0%,rgba(255,255,255,.1) 100%);
            transform: skewX(15deg);
            z-index: 1
        }

    .about-style1__image:hover .inner::before {
        -webkit-animation: shine 1.5s;
        animation: shine 1.5s
    }

    .about-style1__image .inner img {
        width: 100%;
        transition: all 500ms linear;
        transition-delay: 0.2s
    }

    .about-style1__image:hover .inner img {
        transform: scale(1.1) rotate(0deg);
        transition: all 500ms linear;
        transition-delay: 0.1s
    }

.about-style1__content {
    position: relative;
    display: block;
    margin-left: -5px
}

    .about-style1__content .sec-title {
        padding-bottom: 35px
    }

    .about-style1__content .inner-content {
        position: relative;
        display: block
    }

        .about-style1__content .inner-content .text {
            position: relative;
            display: block;
            margin-bottom: 41px
        }

            .about-style1__content .inner-content .text p {
                font-size: 18px;
                line-height: 34px;
                font-weight: 400;
                margin: 0
            }

    .about-style1__content .single-text-box {
        position: relative;
        display: block
    }

        .about-style1__content .single-text-box h3 {
            color: var(--thm-primary);
            font-size: 20px;
            line-height: 30px;
            font-weight: 700;
            margin-bottom: 29px
        }

            .about-style1__content .single-text-box h3 span::before {
                position: relative;
                display: inline-block;
                color: var(--thm-base);
                font-size: 18px;
                line-height: 18px;
                padding-right: 17px
            }

        .about-style1__content .single-text-box p {
            line-height: 30px;
            margin: 0
        }

    .about-style1__content .inner-content .btns-box {
        position: relative;
        display: block;
        line-height: 0;
        margin-top: 51px
    }

.about-style2-area {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    background: #fff;
    z-index: 9
}

.about-style2__content {
    position: relative;
    display: block;
    max-width: 500px;
    width: 100%
}

    .about-style2__content .sec-title {
        padding-bottom: 30px
    }

    .about-style2__content .inner-content {
        position: relative;
        display: block
    }

        .about-style2__content .inner-content .text {
            position: relative;
            display: block;
            padding-bottom: 39px
        }

            .about-style2__content .inner-content .text p {
                margin: 0
            }

.about-style2__author-quote-box {
    position: relative;
    display: block;
    background: #f2f3fa;
    padding: 31px 50px 30px
}

    .about-style2__author-quote-box:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -30px;
        border-top: 30px solid #f2f3fa;
        width: 40px;
        border-right: 40px solid transparent
    }

    .about-style2__author-quote-box h3 {
        font-size: 18px;
        line-height: 34px;
        font-weight: 700
    }

.about-style2__author-info {
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 44px
}

    .about-style2__author-info .img-box {
        position: relative;
        display: block;
        width: 80px;
        height: 80px
    }

        .about-style2__author-info .img-box img {
            border-radius: 50%
        }

    .about-style2__author-info .signature-box {
        position: relative;
        display: block;
        padding-left: 30px
    }

        .about-style2__author-info .signature-box h5 {
            color: var(--thm-base);
            font-size: 14px;
            line-height: 18px;
            font-weight: 700;
            margin: 8px 0 0
        }

.about-style2__image {
    position: relative;
    display: block;
    max-width: 600px;
    width: 100%;
    padding-left: 70px;
    padding-bottom: 70px;
    float: right
}

    .about-style2__image .inner {
        position: relative;
        display: block;
        overflow: hidden
    }

        .about-style2__image .inner::before {
            position: absolute;
            top: 90%;
            left: 90%;
            display: block;
            content: '';
            width: 0;
            height: 0;
            background-color: rgba(var(--thm-base-rgb),.90);
            border-radius: 50%;
            -webkit-transform: translate(-100%,-100%);
            transform: translate(-100%,-100%);
            opacity: 0;
            z-index: 1
        }

    .about-style2__image:hover .inner::before {
        -webkit-animation: circle .95s;
        animation: circle .95s
    }

    .about-style2__image .inner img {
        width: 100%;
        transition: all 2500ms ease 100ms
    }

    .about-style2__image:hover .inner img {
        transform: scale(1.2) rotate(3deg)
    }

    .about-style2__image .overlay-image {
        position: absolute;
        left: 0;
        bottom: 0;
        max-width: 330px;
        width: 100%;
        overflow: hidden;
        z-index: 5
    }

        .about-style2__image .overlay-image img {
            width: 100%;
            transition: all 2500ms ease 100ms
        }

    .about-style2__image:hover .overlay-image img {
        transform: scale(1.2) rotate(1deg)
    }

.about-style3-area {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    background: #fff;
    z-index: 9
}

.about-style3__image {
    position: relative;
    display: block;
    max-width: 510px;
    width: 100%
}

    .about-style3__image .inner {
        position: relative;
        display: block;
        overflow: hidden;
        z-index: 1
    }

        .about-style3__image .inner::before {
            position: absolute;
            top: 0;
            left: -100%;
            display: block;
            content: '';
            width: 50%;
            height: 100%;
            background: linear-gradient(to right,rgba(255,255,255,.7) 0%,rgba(255,255,255,.1) 100%);
            transform: skewX(15deg);
            z-index: 1
        }

    .about-style3__image:hover .inner::before {
        -webkit-animation: shine 1.5s;
        animation: shine 1.5s
    }

    .about-style3__image .inner img {
        width: 100%;
        transition: all 500ms linear;
        transition-delay: 0.2s
    }

    .about-style3__image:hover .inner img {
        transform: scale(1.1) rotate(0deg);
        transition: all 500ms linear;
        transition-delay: 0.1s
    }

.about-style3__content {
    position: relative;
    display: block
}

    .about-style3__content .sec-title {
        padding-bottom: 37px
    }

    .about-style3__content .inner-content {
        position: relative;
        display: block
    }

        .about-style3__content .inner-content .text {
            position: relative;
            display: block;
            padding-bottom: 17px
        }

            .about-style3__content .inner-content .text p {
                margin: 0
            }

        .about-style3__content .inner-content .single-box {
            position: relative;
            display: block
        }

            .about-style3__content .inner-content .single-box ul li {
                position: relative;
                display: flex;
                align-items: center;
                color: var(--thm-primary);
                font-size: 18px;
                font-weight: 700;
                margin-bottom: 4px
            }

                .about-style3__content .inner-content .single-box ul li span:before {
                    position: relative;
                    display: inline-block;
                    padding-right: 8px;
                    color: var(--thm-base)
                }

        .about-style3__content .inner-content .progress-levels .progress-box .bar .bar-innner {
            background-color: #f2f3fa
        }

.main-slider {
    position: relative;
    display: block;
    z-index: 10
}

    .main-slider.style1 {
        position: relative;
        display: block;
        background-color: #fff;
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: cover
    }

    .main-slider .slide {
        position: relative;
        display: block;
        overflow: hidden;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center
    }

        .main-slider .slide .image-layer {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-position: center bottom;
            background-size: cover;
            z-index: 1
        }

            .main-slider .slide .image-layer:before {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                content: "";
                background-color: var(--thm-primary);
                opacity: .2;
                z-index: -1
            }

    .main-slider .content {
        position: relative;
        z-index: 11
    }

    .main-slider .auto-container {
        position: relative
    }

    .main-slider .slide {
        position: relative;
        display: block;
        padding-top: 247px;
        padding-bottom: 230px
    }

    .main-slider .content {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        overflow: hidden
    }

    .main-slider .sub-title {
        position: relative;
        display: block;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
        -ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
        transform: perspective(400px) rotateY(0deg) translateY(-80px);
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-transition: all 1500ms ease;
        -moz-transition: all 1500ms ease;
        -ms-transition: all 1500ms ease;
        -o-transition: all 1500ms ease;
        transition: all 1500ms ease;
        z-index: 10
    }

    .main-slider .active .sub-title {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg) translateY(0);
        -ms-transform: perspective(400px) rotateY(0deg) translateY(0);
        transform: perspective(400px) rotateY(0deg) translateY(0);
        -webkit-transition-delay: 1500ms;
        -moz-transition-delay: 1500ms;
        -ms-transition-delay: 1500ms;
        -o-transition-delay: 1500ms;
        transition-delay: 1500ms
    }

    .main-slider .sub-title h3 {
        position: relative;
        display: inline-block;
        color: #fff;
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
        text-transform: none;
        font-family: var(--thm-font)
    }

        .main-slider .sub-title h3::before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 2px;
            right: 0;
            height: 1px;
            background: #fff
        }

    .main-slider .content .big-title {
        position: relative;
        display: block;
        margin-top: 21px;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(20deg) translateY(80px);
        -ms-transform: perspective(400px) rotateY(20deg) translateY(80px);
        transform: perspective(400px) rotateY(20deg) translateY(80px);
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-transition: all 1000ms ease;
        -moz-transition: all 1000ms ease;
        -ms-transition: all 1000ms ease;
        -o-transition: all 1000ms ease;
        transition: all 1000ms ease;
        z-index: 10
    }

    .main-slider .active .content .big-title {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg) translateY(0);
        -ms-transform: perspective(400px) rotateY(0deg) translateY(0);
        transform: perspective(400px) rotateY(0deg) translateY(0);
        -webkit-transition-delay: 1000ms;
        -moz-transition-delay: 1000ms;
        -ms-transition-delay: 1000ms;
        -o-transition-delay: 1000ms;
        transition-delay: 1000ms
    }

    .main-slider .content .big-title h2 {
        color: #fff;
        font-size: 80px;
        line-height: 1.1em;
        font-weight: 700;
        text-transform: none
    }

    .main-slider .content .btns-box {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        line-height: 0;
        margin-top: 45px;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
        -ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
        transform: perspective(400px) rotateY(0deg) translateY(80px);
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-transition: all 1500ms ease;
        -moz-transition: all 1500ms ease;
        -ms-transition: all 1500ms ease;
        -o-transition: all 1500ms ease;
        transition: all 1500ms ease;
        z-index: 10
    }

    .main-slider .active .content .btns-box {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg) translateY(0);
        -ms-transform: perspective(400px) rotateY(0deg) translateY(0);
        transform: perspective(400px) rotateY(0deg) translateY(0);
        -webkit-transition-delay: 2500ms;
        -moz-transition-delay: 2500ms;
        -ms-transition-delay: 2500ms;
        -o-transition-delay: 2500ms;
        transition-delay: 2500ms
    }

    .main-slider .content .btns-box a {
        padding-left: 50px;
        padding-right: 50px
    }

.slider-contact-info-box {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    z-index: 10
}

.slider-contact-info {
    position: relative;
    display: block;
    max-width: 540px;
    width: 100%;
    background: #fff;
    float: right;
    padding: 47px 60px 30px;
    padding-bottom: 0
}

    .slider-contact-info .icon {
        width: 100px
    }

        .slider-contact-info .icon .inner {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100px;
            height: 100px;
            background: var(--thm-base);
            border-radius: 50%;
            color: #fff;
            font-size: 60px;
            z-index: 1
        }

            .slider-contact-info .icon .inner:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background: var(--thm-primary);
                border-radius: 50%;
                opacity: 0;
                -webkit-transition: .5s;
                -o-transition: .5s;
                transition: .5s;
                -webkit-transform: perspective(400px) rotateX(90deg);
                -ms-transform: perspective(400px) rotateX(90deg);
                transform: perspective(400px) rotateX(90deg);
                -webkit-transform-origin: center;
                -ms-transform-origin: center;
                transform-origin: center;
                z-index: -1
            }

    .slider-contact-info:hover .icon .inner:before {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg)
    }

    .slider-contact-info .icon .inner span:before {
        position: relative;
        display: inline-block;
        transition: all 200ms linear;
        transition-delay: 0.1s
    }

    .slider-contact-info:hover .icon .inner span:before {
        transform: scale(.8)
    }

    .slider-contact-info .icon, .slider-contact-info .text {
        display: table-cell;
        vertical-align: middle
    }

    .slider-contact-info .text {
        position: relative;
        padding-left: 30px
    }

        .slider-contact-info .text h2 {
            font-size: 30px;
            line-height: 38px;
            font-weight: 400
        }

            .slider-contact-info .text h2 a {
                color: var(--thm-primary);
                transition: all 200ms linear;
                transition-delay: 0.1s
            }

                .slider-contact-info .text h2 a:hover {
                    color: var(--thm-base)
                }

        .slider-contact-info .text p {
            line-height: 30px;
            margin: 8px 0 0
        }

.main-slider .owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    right: 15%;
    height: 150px;
    line-height: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    opacity: 0;
    transform: scaleX(1) translateX(0);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    transition: all 500ms ease;
    z-index: 3
}

.main-slider:hover .owl-theme .owl-nav {
    opacity: 1;
    transform: scaleX(1) translateY(-50%)
}

.main-slider .owl-theme .owl-nav .owl-prev, .main-slider .owl-theme .owl-nav .owl-next {
    position: relative;
    display: block;
    height: 70px;
    width: 70px;
    background: transparent;
    border: 2px solid rgba(255,255,255,.20);
    border-radius: 50%;
    text-align: center;
    color: rgba(255,255,255,.20);
    font-size: 25px;
    line-height: 66px;
    font-weight: 100;
    opacity: 1;
    margin: 0;
    padding: 0;
    transform: translateY(0);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.main-slider .owl-theme .owl-prev span, .main-slider .owl-theme .owl-next span {
    display: block
}

    .main-slider .owl-theme .owl-prev span:before {
        transition: all 100ms ease
    }

.main-slider .owl-theme .owl-nav .owl-prev {
    transform: rotate(180deg)
}

.main-slider .owl-theme .owl-nav .owl-next {
    transform: rotate(0deg)
}

    .main-slider .owl-theme .owl-nav .owl-prev:hover, .main-slider .owl-theme .owl-nav .owl-next:hover {
        color: rgba(255,255,255,1);
        border-color: rgba(255,255,255,1)
    }

.banner-carousel .owl-dots {
    display: block
}

.main-slider.style2 .owl-theme .owl-nav {
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    bottom: 0;
    right: 0;
    height: 0;
    opacity: 1;
    line-height: 0;
    transform: scaleX(1) translateY(-50px);
    transition: all 500ms ease
}

    .main-slider.style2 .owl-theme .owl-nav .owl-prev {
        position: absolute;
        left: 20px
    }

    .main-slider.style2 .owl-theme .owl-nav .owl-next {
        position: absolute;
        right: 20px
    }

.main-slider .banner-carousel.owl-carousel .owl-dots {
    position: absolute;
    top: 0;
    right: 70px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    transform: scaleX(1) translateX(0);
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
    display: none
}

    .main-slider .banner-carousel.owl-carousel .owl-dots:before {
        content: "";
        position: absolute;
        top: auto;
        left: 6px;
        bottom: auto;
        width: 3px;
        height: 95px;
        background: #262626;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center
    }

.main-slider:hover .banner-carousel.owl-carousel .owl-dots {
    opacity: 1;
    transform: scaleX(1) translateX(0)
}

.main-slider .banner-carousel.owl-carousel button.owl-dot {
    position: relative;
    display: block;
    width: 15px;
    height: 15px;
    background: #262626;
    float: none;
    border-radius: 50%;
    margin: 20px 0;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    z-index: 1
}

    .main-slider .banner-carousel.owl-carousel button.owl-dot.active:before {
        transform: scaleX(1)
    }

    .main-slider .banner-carousel.owl-carousel button.owl-dot.active {
        background-image: -moz-linear-gradient(0deg,rgb(128,183,87) 0%,rgb(147,188,48) 40%,rgb(165,193,9) 100%);
        background-image: -webkit-linear-gradient(0deg,rgb(128,183,87) 0%,rgb(147,188,48) 40%,rgb(165,193,9) 100%);
        background-image: -ms-linear-gradient(0deg,rgb(128,183,87) 0%,rgb(147,188,48) 40%,rgb(165,193,9) 100%)
    }

.main-slider.style2 {
    position: relative;
    display: block
}

    .main-slider.style2 .slide .image-layer:before {
        opacity: .6
    }

.blog-style1-area {
    position: relative;
    display: block;
    background: #fff;
    padding: 120px 0 0;
    z-index: 9
}

    .blog-style1-area .gray-bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: #f2f3fa;
        min-height: 517px;
        z-index: -1
    }

.single-blog-style1 {
    position: relative;
    display: block;
    margin-bottom: 40px
}

    .single-blog-style1 .img-holder {
        position: relative;
        display: block;
        overflow: hidden
    }

        .single-blog-style1 .img-holder::before {
            position: absolute;
            top: 70%;
            left: 70%;
            bottom: 70%;
            right: 70%;
            content: '';
            width: 0;
            height: 0;
            background-color: rgba(var(--thm-base-rgb),.90);
            border-radius: 50%;
            -webkit-transform: translate(-100%,-100%);
            transform: translate(-100%,-100%);
            opacity: 0;
            z-index: 10
        }

    .single-blog-style1:hover .img-holder::before {
        opacity: 1;
        -webkit-animation: circle .95s;
        animation: circle .95s
    }

    .single-blog-style1 .img-holder img {
        width: 100%;
        transform: scale(1);
        transition: all 0.3s ease-in-out 0.1s opacity .2s ease-in
    }

    .single-blog-style1:hover .img-holder img {
        transform: scale(1.1) rotate(1deg)
    }

    .single-blog-style1 .text-holder {
        position: relative;
        display: block;
        background: #fff;
        box-shadow: 0 10px 60px 0 rgba(0,0,0,.05);
        padding: 37px 40px 30px;
        margin-left: 30px;
        margin-top: -60px;
        transition: all 200ms linear;
        transition-delay: 0.1s
    }

    .single-blog-style1:hover .text-holder {
        box-shadow: 0 10px 60px 0 rgba(0,0,0,.15)
    }

    .single-blog-style1 .text-holder .meta-info {
        position: relative;
        display: block;
        margin-bottom: 8px
    }

        .single-blog-style1 .text-holder .meta-info p {
            font-size: 12px;
            line-height: 22px;
            font-weight: 700;
            margin: 0
        }

            .single-blog-style1 .text-holder .meta-info p span::before {
                position: relative;
                display: inline-block;
                color: var(--thm-base);
                font-size: 15px;
                line-height: 15px;
                top: 2px;
                padding-right: 3px
            }

    .single-blog-style1 .text-holder h3 {
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
        margin-bottom: 13px
    }

        .single-blog-style1 .text-holder h3 a {
            color: var(--thm-primary)
        }

            .single-blog-style1 .text-holder h3 a:hover {
                color: var(--thm-base)
            }

    .single-blog-style1 .text-holder p {
        font-size: 16px;
        line-height: 30px;
        margin: 0
    }

    .single-blog-style1 .text-holder .btn-box {
        position: relative;
        display: block;
        margin-top: 2px
    }

        .single-blog-style1 .text-holder .btn-box a {
            color: var(--thm-primary);
            font-size: 12px;
            line-height: 22px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .1em
        }

            .single-blog-style1 .text-holder .btn-box a:hover {
                color: var(--thm-base)
            }

.blog-page-one {
    position: relative;
    display: block;
    background: #fff;
    padding: 120px 0 120px;
    z-index: 10
}

.blog-page-two {
    position: relative;
    display: block;
    background: #fff;
    padding: 120px 0 120px;
    z-index: 10
}

    .blog-page-two .single-blog-style1 .text-holder {
        box-shadow: 0 10px 60px 0 rgba(0,0,0,.05);
        padding: 37px 40px 50px;
        margin-left: 0;
        margin-top: 0
    }

        .blog-page-two .single-blog-style1 .text-holder .meta-info {
            display: flex;
            align-items: center
        }

            .blog-page-two .single-blog-style1 .text-holder .meta-info p + p {
                margin-left: 10px
            }

        .blog-page-two .single-blog-style1 .text-holder .btn-box {
            line-height: 0;
            margin-top: 32px
        }

            .blog-page-two .single-blog-style1 .text-holder .btn-box a {
                color: var(--thm-base);
                font-size: 12px;
                line-height: 40px;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: .1em;
                background: #f2f3fa;
                padding-left: 40px;
                padding-right: 40px
            }

                .blog-page-two .single-blog-style1 .text-holder .btn-box a:hover {
                    color: #fff
                }

.blog-page-three {
    position: relative;
    display: block;
    background: #fff;
    padding: 120px 0 120px;
    z-index: 10
}

.blog-content-box {
    position: relative;
    display: block
}

.single-blog-style1--instyle3 {
    margin-bottom: 50px
}

.single-blog-style1 .img-holder .date-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--thm-primary);
    text-align: center;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    z-index: 5
}

    .single-blog-style1 .img-holder .date-box h6 {
        color: #fff;
        font-size: 20px;
        line-height: 20px;
        font-weight: 700;
        text-transform: uppercase;
        font-family: var(--thm-font)
    }

        .single-blog-style1 .img-holder .date-box h6 span {
            font-size: 14px
        }

.single-blog-style1--instyle3 .text-holder {
    box-shadow: 0 10px 60px 0 rgba(0,0,0,.05);
    padding: 37px 40px 50px;
    margin-left: 0;
    margin-top: 0
}

    .single-blog-style1--instyle3 .text-holder .meta-info {
        display: flex;
        align-items: center;
        margin-bottom: 18px
    }

        .single-blog-style1--instyle3 .text-holder .meta-info li {
            position: relative;
            display: flex;
            align-items: center;
            color: #797989;
            font-size: 12px;
            line-height: 22px;
            font-weight: 700;
            margin-right: 15px
        }

            .single-blog-style1--instyle3 .text-holder .meta-info li:last-child {
                margin-right: 0
            }

            .single-blog-style1--instyle3 .text-holder .meta-info li i {
                position: relative;
                display: inline-block;
                padding-right: 5px;
                font-size: 16px;
                color: var(--thm-base)
            }

            .single-blog-style1--instyle3 .text-holder .meta-info li a {
                color: var(--thm-gray);
                transition: all 200ms linear;
                transition-delay: 0.1s
            }

                .single-blog-style1--instyle3 .text-holder .meta-info li a:hover {
                    color: var(--thm-primary)
                }

    .single-blog-style1--instyle3 .text-holder .blog-title {
        font-size: 30px;
        line-height: 40px;
        font-weight: 700;
        margin: 0 0 22px
    }

    .single-blog-style1--instyle3 .text-holder .btn-box {
        position: relative;
        display: block;
        line-height: 0;
        padding-top: 28px
    }

        .single-blog-style1--instyle3 .text-holder .btn-box a {
            color: var(--thm-base);
            font-size: 12px;
            line-height: 40px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .1em;
            background: #f2f3fa;
            padding-left: 40px;
            padding-right: 40px;
            border-radius: 0
        }

            .single-blog-style1--instyle3 .text-holder .btn-box a:before {
                border-radius: 0
            }

            .single-blog-style1--instyle3 .text-holder .btn-box a:hover {
                color: #fff
            }

.thm-sidebar-box {
    position: relative;
    display: block;
    max-width: 370px;
    width: 100%
}

.single-sidebar-box {
    position: relative;
    display: block;
    padding: 50px 50px 50px;
    background-color: rgba(var(--thm-primary-rgb),.05);
    margin-top: 30px
}

.sidebar-search-box {
    position: relative;
    display: block;
    background: var(--thm-primary);
    padding: 20px 30px
}

    .sidebar-search-box form.search-form {
        position: relative;
        display: block;
        width: 100%
    }

    .sidebar-search-box .search-form input[type="text"] {
        position: relative;
        display: block;
        width: 100%;
        height: 50px;
        background-color: #fff;
        border: 1px solid transparent;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        padding-left: 20px;
        padding-right: 60px;
        border-radius: 0;
        font-family: var(--thm-font);
        transition: all 500ms ease 0s
    }

    .sidebar-search-box .search-form button {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 55px;
        height: 50px;
        color: #fff;
        font-size: 16px;
        line-height: 50px;
        background: rgba(var(--thm-base-rgb),1);
        text-align: center;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border: 0 solid #e7e7e8;
        transition: all 500ms ease 0s
    }

        .sidebar-search-box .search-form button i {
            position: relative;
            top: 0
        }

    .sidebar-search-box .search-form input[type="text"]:focus {
        color: var(--thm-primary)
    }

        .sidebar-search-box .search-form input[type="text"]:focus + button, .sidebar-search-box .search-form button:hover {
            color: #fff
        }

    .sidebar-search-box .search-form input::-webkit-input-placeholder {
        color: var(--thm-primary)
    }

    .sidebar-search-box .search-form input:-moz-placeholder {
        color: var(--thm-primary)
    }

    .sidebar-search-box .search-form input::-moz-placeholder {
        color: var(--thm-primary)
    }

    .sidebar-search-box .search-form input:-ms-input-placeholder {
        color: var(--thm-primary)
    }

.sidebar-title {
    position: relative;
    display: block;
    top: -3px;
    padding-bottom: 23px
}

    .sidebar-title h3 {
        position: relative;
        color: var(--thm-primary);
        font-size: 20px;
        line-height: 22px;
        font-weight: 700;
        text-transform: uppercase
    }

.sidebar-blog-post {
    position: relative;
    display: block
}

    .sidebar-blog-post ul {
        position: relative;
        display: block
    }

        .sidebar-blog-post ul li {
            position: relative;
            display: block;
            margin-bottom: 35px
        }

            .sidebar-blog-post ul li:last-child {
                margin-bottom: 0
            }

            .sidebar-blog-post ul li .inner {
                position: relative;
                display: block;
                padding-left: 70px
            }

            .sidebar-blog-post ul li .img-box {
                position: absolute;
                top: 0;
                left: 0;
                width: 70px;
                height: 70px;
                overflow: hidden
            }

                .sidebar-blog-post ul li .img-box img {
                    width: 100%
                }

                .sidebar-blog-post ul li .img-box .overlay-content {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(var(--thm-base-rgb),.80);
                    border-radius: 0%;
                    opacity: 0;
                    transform: perspective(0) scale(0);
                    transform-origin: center;
                    transition: all 0.5s ease-in-out 0s;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    z-index: 2
                }

            .sidebar-blog-post ul li:hover .img-box .overlay-content {
                opacity: 1;
                transform: perspective(400px) scale(1);
                transition: all 0.3s ease-in-out 0.3s
            }

            .sidebar-blog-post ul li .img-box .overlay-content a {
                color: #fff;
                font-size: 14px;
                transition: all 200ms linear;
                transition-delay: 0.1s
            }

            .sidebar-blog-post ul li .title-box {
                position: relative;
                display: block;
                padding-left: 20px;
                min-height: 70px
            }

                .sidebar-blog-post ul li .title-box .admin {
                    position: relative;
                    top: -1px;
                    color: var(--thm-gray);
                    font-size: 14px;
                    line-height: 14px;
                    font-weight: 600
                }

                    .sidebar-blog-post ul li .title-box .admin span:before {
                        position: relative;
                        display: inline-block;
                        color: var(--thm-base);
                        padding-right: 3px;
                        font-weight: 600;
                        top: 2px
                    }

                .sidebar-blog-post ul li .title-box h4 {
                    font-size: 16px;
                    line-height: 22px;
                    font-weight: 600;
                    margin: 9px 0 0
                }

                    .sidebar-blog-post ul li .title-box h4 a {
                        color: var(--thm-primary);
                        transition: all 200ms linear;
                        transition-delay: 0.1s
                    }

                        .sidebar-blog-post ul li .title-box h4 a:hover {
                            color: var(--thm-base)
                        }

.sidebar-categories-box {
    position: relative;
    display: block
}

    .sidebar-categories-box li {
        position: relative;
        display: block;
        margin-bottom: 5px
    }

        .sidebar-categories-box li:last-child {
            margin-bottom: 0
        }

        .sidebar-categories-box li a {
            position: relative;
            display: block;
            color: var(--thm-gray);
            font-size: 15px;
            font-weight: 700;
            line-height: 45px;
            text-transform: capitalize;
            font-family: var(--thm-font);
            letter-spacing: 0em;
            transition: all 500ms linear;
            transition-delay: 0.1s;
            z-index: 1
        }

            .sidebar-categories-box li a:hover {
                padding-left: 0
            }

            .sidebar-categories-box li a:after {
                content: "";
                position: absolute;
                top: 0;
                left: -25px;
                bottom: 0;
                right: -25px;
                border-radius: 30px;
                background: #fff;
                transform: perspective(400px) scaleX(0);
                transform-origin: right;
                transition: all 600ms ease 100ms;
                z-index: -1
            }

            .sidebar-categories-box li a:hover:after {
                transform: perspective(400px) scaleX(1)
            }

        .sidebar-categories-box li:hover a {
            color: var(--thm-base);
            padding-left: 5px
        }

        .sidebar-categories-box li a:before {
            font-family: 'icomoon' !important;
            content: "\e91f";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            font-size: 10px;
            transition: all 200ms linear;
            transition-delay: 0.1s
        }

        .sidebar-categories-box li:hover a:before {
            color: var(--thm-base);
            right: 5px
        }

.popular-tag-box {
    position: relative;
    display: block
}

.single-sidebar-box .popular-tag {
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px
}

    .single-sidebar-box .popular-tag li {
        position: relative;
        display: block;
        float: left;
        margin: 0 5px 10px
    }

        .single-sidebar-box .popular-tag li a {
            position: relative;
            display: block;
            padding: 10px 25px 9px;
            background: #fff;
            color: var(--thm-gray);
            font-size: 12px;
            line-height: 22px;
            font-weight: 700;
            border-radius: 20px;
            text-transform: capitalize;
            transition: all 500ms ease;
            font-family: var(--thm-font)
        }

        .single-sidebar-box .popular-tag li:hover a {
            color: #fff;
            border-color: var(--thm-base);
            background-color: var(--thm-base)
        }

.blog-details-page {
    position: relative;
    display: block;
    background: #fff;
    padding: 120px 0 120px;
    z-index: 10
}

.blog-details-content {
    position: relative;
    display: block
}

    .blog-details-content .single-blog-style1 {
        margin: 0
    }

        .blog-details-content .single-blog-style1 .text-holder .text p + P {
            margin-top: 22px
        }

.tag-social-share-box {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    margin-top: 50px;
    margin-bottom: 50px
}

.tag-box {
    position: relative;
    display: flex;
    align-items: center
}

    .tag-box .title {
        width: 65px
    }

        .tag-box .title h3 {
            color: var(--thm-primary);
            font-size: 18px;
            line-height: 24px;
            font-weight: 700
        }

    .tag-box .tag-list li {
        position: relative;
        display: inline-block;
        float: left;
        margin-right: 10px
    }

        .tag-box .tag-list li:last-child {
            margin-right: 0
        }

        .tag-box .tag-list li a {
            position: relative;
            display: block;
            padding: 6px 20px 4px;
            background: var(--thm-base);
            color: #fff;
            font-size: 12px;
            line-height: 30px;
            font-weight: 700;
            border-radius: 30px;
            text-transform: capitalize;
            font-family: var(--thm-font);
            transition: all 200ms linear;
            transition-delay: 0.1s
        }

.tag-social-share-box .post-social-share {
    position: relative;
    display: block
}

.post-social-share-links {
    position: relative;
    display: block
}

    .post-social-share-links ul {
        position: relative;
        display: block
    }

        .post-social-share-links ul li {
            position: relative;
            display: inline-block;
            float: left;
            margin-right: 10px
        }

            .post-social-share-links ul li:last-child {
                margin-right: 0
            }

            .post-social-share-links ul li a {
                position: relative;
                display: block;
                width: 45px;
                height: 45px;
                background: #f2f3fa;
                border-radius: 50%;
                color: var(--thm-primary);
                font-size: 15px;
                line-height: 45px;
                text-align: center;
                transition: all 500ms ease;
                z-index: 1
            }

                .post-social-share-links ul li a:before {
                    position: absolute;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    background: var(--thm-base);
                    content: "";
                    border-radius: 50%;
                    z-index: -1;
                    transform: scale(0);
                    transform-origin: center;
                    transform-style: preserve-3d;
                    transition: all 0.4s cubic-bezier(.62,.21,.45,1.52)
                }

                .post-social-share-links ul li a:hover:before {
                    transform: scaleX(1)
                }

                .post-social-share-links ul li a:hover {
                    color: #fff
                }

.blog-details-author {
    position: relative;
    display: block;
    background-color: rgba(var(--thm-primary-rgb),.05);
    padding: 60px 60px 60px
}

    .blog-details-author .inner-box {
        position: relative;
        display: block
    }

        .blog-details-author .inner-box .img-box {
            width: 170px
        }

            .blog-details-author .inner-box .img-box img {
                width: 100%
            }

        .blog-details-author .inner-box .img-box, .blog-details-author .inner-box .text {
            display: table-cell;
            vertical-align: middle
        }

        .blog-details-author .inner-box .text {
            position: relative;
            padding-left: 40px
        }

            .blog-details-author .inner-box .text h3 {
                color: var(--thm-primary);
                font-size: 22px;
                line-height: 30px;
                font-weight: 700;
                margin-bottom: 24px
            }

            .blog-details-author .inner-box .text p {
                margin: 0
            }

.comment-box {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 78px
}

    .comment-box .inner-title {
        position: relative;
        display: block;
        padding-bottom: 32px
    }

        .comment-box .inner-title h2 {
            font-size: 30px;
            line-height: 30px;
            font-weight: 800
        }

    .comment-box .outer-box {
        position: relative;
        display: block
    }

    .comment-box .single-comment {
        position: relative;
        display: block;
        border-bottom: 1px solid rgba(var(--thm-primary-rgb),.10);
        padding-bottom: 50px;
        margin-bottom: 40px
    }

    .comment-box .single-comment-box {
        position: relative;
        display: block;
        padding-left: 140px;
        min-height: 140px
    }

        .comment-box .single-comment-box .img-holder {
            position: absolute;
            top: 11px;
            left: 0;
            width: 140px;
            height: 140px;
            overflow: hidden
        }

            .comment-box .single-comment-box .img-holder img {
                width: 100%
            }

        .comment-box .single-comment-box .text-holder {
            position: relative;
            display: block;
            padding-left: 40px;
            min-height: 140px
        }

            .comment-box .single-comment-box .text-holder .top {
                position: relative;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                flex-wrap: wrap
            }

                .comment-box .single-comment-box .text-holder .top .name {
                    position: relative;
                    display: block
                }

                    .comment-box .single-comment-box .text-holder .top .name h3 {
                        color: var(--thm-black);
                        font-size: 20px;
                        line-height: 24px;
                        font-weight: 700
                    }

                .comment-box .single-comment-box .text-holder .top .reply {
                    position: relative;
                    display: block;
                    top: 11px
                }

                    .comment-box .single-comment-box .text-holder .top .reply a {
                        position: relative;
                        display: inline-block;
                        background: var(--thm-base);
                        padding: 12px 20px 8px;
                        color: #fff;
                        font-size: 14px;
                        line-height: 20px;
                        font-weight: 700;
                        border-radius: 30px;
                        text-transform: uppercase;
                        font-family: var(--thm-font);
                        transition: all 200ms linear;
                        transition-delay: 0.1s
                    }

                        .comment-box .single-comment-box .text-holder .top .reply a:hover {
                            color: #fff;
                            background-color: var(--thm-primary)
                        }

            .comment-box .single-comment-box .text-holder .text {
                position: relative;
                display: block;
                padding-top: 15px
            }

                .comment-box .single-comment-box .text-holder .text p {
                    margin: 0
                }

.add-comment-box {
    position: relative;
    display: block;
    margin-top: 38px
}

    .add-comment-box .inner-title {
        position: relative;
        display: block;
        padding-bottom: 43px
    }

        .add-comment-box .inner-title h2 {
            font-size: 30px;
            line-height: 30px;
            font-weight: 800
        }

    .add-comment-box #add-comment-form {
        position: relative;
        display: block
    }

        .add-comment-box #add-comment-form .input-box {
            position: relative;
            display: block;
            margin-bottom: 20px
        }

        .add-comment-box #add-comment-form input[type="text"], .add-comment-box #add-comment-form input[type="email"], .add-comment-box #add-comment-form textarea {
            position: relative;
            display: block;
            background-color: rgba(var(--thm-primary-rgb),.05);
            border: 0 solid #edf3f2;
            width: 100%;
            height: 70px;
            color: var(--thm-gray);
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            text-transform: none;
            padding: 0 30px;
            transition: all 500ms ease;
            font-family: var(--thm-font)
        }

        .add-comment-box #add-comment-form textarea {
            height: 170px;
            padding: 15px 30px
        }

        .add-comment-box #add-comment-form input[type="text"]:focus {
            border-color: var(--thm-base)
        }

        .add-comment-box #add-comment-form input[type="email"]:focus {
            border-color: var(--thm-base)
        }

        .add-comment-box #add-comment-form textarea:focus {
            border-color: var(--thm-base)
        }

        .add-comment-box #add-comment-form .button-box {
            position: relative;
            display: block;
            padding-top: 0;
            line-height: 0
        }

            .add-comment-box #add-comment-form .button-box button {
                padding-left: 50px;
                padding-right: 50px
            }

.blog-style2-area {
    position: relative;
    display: block;
    background: #f2f3fa;
    padding: 120px 0 120px;
    z-index: 10
}

.blog-style2__title {
    position: relative;
    display: block;
    z-index: 10
}

    .blog-style2__title .sec-title {
        padding-bottom: 38px
    }

    .blog-style2__title .text {
        position: relative;
        display: block;
        padding-bottom: 36px
    }

        .blog-style2__title .text p {
            margin: 0
        }

.blog-style2-custom-nav {
    position: relative;
    display: flex;
    align-items: center
}

    .blog-style2-custom-nav button {
        position: relative;
        display: block;
        width: 40px;
        height: 40px
    }

        .blog-style2-custom-nav button:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background: var(--thm-base);
            border-radius: 50%;
            transform: scale(0);
            -webkit-transition: all 0.4s linear;
            -o-transition: all 0.4s linear;
            transition: all 0.4s linear;
            z-index: -1
        }

        .blog-style2-custom-nav button:hover:before {
            transform: scale(1)
        }

        .blog-style2-custom-nav button span {
            position: relative;
            display: block;
            color: var(--thm-primary);
            transition: all 500ms ease
        }

        .blog-style2-custom-nav button:hover span {
            color: #fff
        }

        .blog-style2-custom-nav button.owl-nav-prev {
            transform: rotate(180deg);
            margin-right: 0
        }

        .blog-style2-custom-nav button.owl-nav-next {
            margin-left: 0;
            transform: rotate(0deg)
        }

.blog-style2-area .single-blog-style1 {
    margin: 0
}

    .blog-style2-area .single-blog-style1 .text-holder {
        padding: 37px 30px 30px
    }

.blog-style2-carousel.owl-nav-style-one.owl-theme .owl-nav {
    display: none
}

.blog-style2-carousel.owl-carousel .owl-stage-outer {
    overflow: visible
}

.blog-style2-carousel.owl-carousel .owl-item {
    opacity: 0;
    visibility: hidden;
    transition: opacity 500ms ease,visibility 500ms ease
}

    .blog-style2-carousel.owl-carousel .owl-item.active {
        opacity: 1;
        visibility: visible
    }

.breadcrumb-area {
    position: relative;
    display: block;
    z-index: 11
}

.breadcrumb-area-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-attachment: scroll;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1
}

    .breadcrumb-area-bg:before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: var(--thm-primary);
        opacity: .7;
        content: "";
        z-index: -1
    }

.breadcrumb-area .inner-content {
    position: relative;
    display: block;
    padding: 202px 0 150px;
    text-align: center;
    z-index: 10
}

.breadcrumb-area .title {
    position: relative;
    display: block;
    overflow: hidden
}

    .breadcrumb-area .title h2 {
        color: #fff;
        font-size: 50px;
        line-height: 1.3em;
        font-weight: 700;
        text-transform: capitalize
    }

.breadcrumb-menu {
    position: absolute;
    left: 0;
    bottom: -25px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999
}

    .breadcrumb-menu ul {
        position: relative;
        display: flex;
        align-items: center;
        background: #fff;
        padding: 14px 50px 14px;
        border-radius: 25px
    }

        .breadcrumb-menu ul li {
            position: relative;
            float: none;
            color: var(--thm-gray);
            font-size: 14px;
            line-height: 22px;
            font-weight: 700;
            text-transform: uppercase;
            padding-right: 13px;
            margin-right: 13px;
            font-family: var(--thm-font)
        }

            .breadcrumb-menu ul li:last-child {
                padding-right: 0;
                margin-right: 0
            }

            .breadcrumb-menu ul li:before {
                content: "";
                position: absolute;
                top: 5px;
                right: 0;
                bottom: 5px;
                width: 1px;
                background: var(--thm-gray);
                transform: rotate(25deg)
            }

            .breadcrumb-menu ul li:last-child:before {
                display: none
            }

            .breadcrumb-menu ul li a {
                color: var(--thm-primary);
                transition: all 200ms linear;
                transition-delay: 0.1s
            }

            .breadcrumb-menu ul li:hover a, .breadcrumb-menu ul li.active {
                color: var(--thm-base)
            }

.contact-info-style2-area {
    position: relative;
    display: block;
    background: #fff;
    padding: 120px 0 120px;
    z-index: 10
}

.contact-info-style2__image {
    position: relative;
    display: block;
    max-width: 570px;
    width: 100%
}

    .contact-info-style2__image .inner {
        position: relative;
        display: block;
        overflow: hidden;
        z-index: 1
    }

        .contact-info-style2__image .inner::before {
            position: absolute;
            top: 0;
            left: -100%;
            display: block;
            content: '';
            width: 50%;
            height: 100%;
            background: linear-gradient(to right,rgba(255,255,255,.7) 0%,rgba(255,255,255,.1) 100%);
            transform: skewX(15deg);
            z-index: 1
        }

    .contact-info-style2__image:hover .inner::before {
        -webkit-animation: shine 1.5s;
        animation: shine 1.5s
    }

    .contact-info-style2__image .inner img {
        width: 100%;
        transition: all 500ms linear;
        transition-delay: 0.2s
    }

    .contact-info-style2__image:hover .inner img {
        transform: scale(1.1) rotate(0deg);
        transition: all 500ms linear;
        transition-delay: 0.1s
    }

.contact-info-style2-area .contact-info-style1__content {
    padding-left: 100px
}

    .contact-info-style2-area .contact-info-style1__content .sec-title {
        padding-bottom: 39px
    }

    .contact-info-style2-area .contact-info-style1__content .inner-content .text {
        position: relative;
        display: block;
        padding-bottom: 44px
    }

        .contact-info-style2-area .contact-info-style1__content .inner-content .text p {
            font-size: 18px;
            line-height: 36px;
            margin: 0
        }

.main-contact-form-area {
    position: relative;
    display: block;
    background: #fff;
    padding: 0 0 120px;
    z-index: 10
}

    .main-contact-form-area.pdtop120 {
        padding-top: 120px
    }

.contact-form {
    position: relative;
    display: block;
    max-width: 770px;
    width: 100%;
    margin: 0 auto
}

    .contact-form form {
        position: relative;
        display: block
    }

        .contact-form form .input-box {
            position: relative;
            display: block;
            margin-bottom: 20px
        }

        .contact-form form input[type="text"], .contact-form form input[type="email"], .contact-form form textarea {
            position: relative;
            display: block;
            background: #f2f3fa;
            border: 1px solid #f2f3fa;
            width: 100%;
            height: 60px;
            color: #797989;
            font-size: 14px;
            font-weight: 700;
            font-style: normal;
            padding-left: 30px;
            padding-right: 30px;
            border-radius: 0;
            transition: all 500ms ease;
            font-family: var(--thm-font)
        }

        .contact-form form textarea {
            height: 170px;
            padding-top: 12px;
            padding-left: 30px;
            padding-right: 30px;
            padding-bottom: 10px
        }

        .contact-form form input[type="text"]::-webkit-input-placeholder {
            color: #797989
        }

        .contact-form form input[type="text"]:-moz-placeholder {
            color: #797989
        }

        .contact-form form input[type="text"]::-moz-placeholder {
            color: #797989
        }

        .contact-form form input[type="text"]:-ms-input-placeholder {
            color: #797989
        }

        .contact-form form input[type="email"]::-webkit-input-placeholder {
            color: #797989
        }

        .contact-form form input[type="email"]:-moz-placeholder {
            color: #797989
        }

        .contact-form form input[type="email"]::-moz-placeholder {
            color: #797989
        }

        .contact-form form input[type="email"]:-ms-input-placeholder {
            color: #797989
        }

        .contact-form form textarea::-webkit-input-placeholder {
            color: #797989
        }

        .contact-form form textarea:-moz-placeholder {
            color: #797989
        }

        .contact-form form textarea::-moz-placeholder {
            color: #797989
        }

        .contact-form form textarea:-ms-input-placeholder {
            color: #797989
        }

        .contact-form form .button-box {
            position: relative;
            display: block;
            padding-top: 10px
        }

.google-map-area {
    position: relative;
    display: block;
    background: #fff;
    z-index: 10
}

    .google-map-area .auto-container {
        max-width: 100%;
        padding: 0
    }

.contact-page-map-outer {
    position: relative;
    display: block;
    z-index: 10
}

    .contact-page-map-outer .map-canvas {
        position: relative;
        width: 100%;
        height: 550px
    }

.bottom-parallax {
    position: relative;
    height: 670px;
    opacity: 0;
    z-index: -999
}

    .bottom-parallax .footer-area {
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        height: 670px
    }

.parallax-visible .bottom-parallax {
    opacity: 1;
    z-index: 1
}

.footer-area {
    position: relative;
    display: block;
    background: var(--thm-base);
    z-index: 10
}

.footer-area-shape {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    max-width: 820px;
    width: 100%;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    background-color: var(--thm-primary);
    background-blend-mode: luminosity;
    opacity: .15
}

.footer-area-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .95;
    background-color: var(--thm-black);
    transform: scale(1);
    transform-origin: bottom;
    transform-style: preserve-3d;
    transition: all 500ms ease 100ms
}

.footer {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 30px;
    z-index: 9
}

.single-footer-widget {
    position: relative;
    display: block
}

    .single-footer-widget.margintop {
        margin-top: 42px
    }

    .single-footer-widget .title {
        position: relative;
        display: block;
        margin-top: -3px
    }

        .single-footer-widget .title h3 {
            color: #fff;
            font-size: 20px;
            line-height: 24px;
            font-weight: 700;
            text-transform: capitalize
        }

    .single-footer-widget .our-company-info {
        position: relative;
        display: block
    }

        .single-footer-widget .our-company-info .footer-logo {
            position: relative;
            display: block
        }

            .single-footer-widget .our-company-info .footer-logo a {
                position: relative;
                display: inline-block
            }

        .single-footer-widget .our-company-info .text-box {
            position: relative;
            display: block;
            padding-top: 30px;
            padding-bottom: 34px
        }

            .single-footer-widget .our-company-info .text-box p {
                color: #9ea8db;
                font-size: 15px;
                line-height: 32px;
                font-weight: 700;
                margin: 0
            }

.footer-widget-contact-info {
    position: relative;
    display: block
}

    .footer-widget-contact-info ul {
        position: relative;
        display: block
    }

        .footer-widget-contact-info ul li {
            position: relative;
            display: block;
            border-bottom: 1px solid rgba(255,255,255,.2);
            margin-bottom: 13px;
            padding-bottom: 13px
        }

            .footer-widget-contact-info ul li:last-child {
                margin-bottom: 0;
                padding-bottom: 0;
                border-bottom: none
            }

            .footer-widget-contact-info ul li .inner {
                position: relative;
                display: block;
                padding-left: 30px
            }

                .footer-widget-contact-info ul li .inner .icon {
                    position: absolute;
                    top: 2px;
                    left: 1px;
                    color: white;
                    font-size: 18px;
                    line-height: 24px;
                    bottom: 0
                }

                .footer-widget-contact-info ul li .inner .text {
                    position: relative;
                    display: block
                }

                    .footer-widget-contact-info ul li .inner .text p {
                        color: #fff;
                        font-size: 15px;
                        line-height: 24px;
                        font-weight: 700;
                        margin: 0
                    }

                        .footer-widget-contact-info ul li .inner .text p a {
                            color: #fff;
                            transition: all 200ms linear;
                            transition-delay: 0.1s
                        }

                            .footer-widget-contact-info ul li .inner .text p a:hover {
                                color: var(--thm-base)
                            }

.single-footer-widget--link-box {
    padding-left: 70px
}

.footer-widget-links {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 27px
}

    .footer-widget-links ul {
        position: relative;
        display: block;
        overflow: hidden
    }

        .footer-widget-links ul li {
            position: relative;
            display: block;
            line-height: 26px;
            margin-bottom: 14px
        }

            .footer-widget-links ul li:last-child {
                margin-bottom: 0
            }

            .footer-widget-links ul li a {
                position: relative;
                display: inline-block;
                color: #eee;
                font-size: 15px;
                font-weight: 700;
                font-family: var(--thm-font);
                transition: all 200ms linear;
                transition-delay: 0.1s
            }

                .footer-widget-links ul li a:hover {
                    color: #fff
                }

                .footer-widget-links ul li a:before {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    height: 1px;
                    transform: perspective(400px) scaleX(0);
                    transform-origin: center;
                    transition: all 300ms linear;
                    transition-delay: 0.2s;
                    background: var(--thm-base);
                    z-index: 1
                }

                .footer-widget-links ul li a:hover:before {
                    transform: perspective(400px) scaleX(1)
                }

.footer-widget-quote-box {
    position: relative;
    display: block;
    background: white;
    ;
    padding: 36px 40px 40px;
    margin-left: -30px;
    text-align: center
}

    .footer-widget-quote-box h3 {
        color: var(--thm-base);
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
        margin: 0 0 16px
    }

    .footer-widget-quote-box p {
        color: var(--thm-base);
        font-size: 15px;
        line-height: 30px;
        font-weight: 700;
        margin: 0
    }

    .footer-widget-quote-box .btn-box {
        position: relative;
        display: block;
        padding-top: 20px;
        line-height: 0
    }

        .footer-widget-quote-box .btn-box a {
            padding-top: 0;
            padding-bottom: 0;
            padding-left: 30px;
            padding-right: 30px
        }

            .footer-widget-quote-box .btn-box a.btn-one:before {
                top: 5px;
                left: 5px;
                bottom: 5px;
                right: 5px;
                width: auto;
                opacity: 0
            }

            .footer-widget-quote-box .btn-box a.btn-one:hover:before {
                opacity: 1
            }

.footer-bottom {
    position: relative;
    display: block;
    border-top: 1px solid rgba(255,255,255,.1)
}

    .footer-bottom .bottom-inner {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        padding: 28px 0 29px
    }

        .footer-bottom .bottom-inner .copyright {
            position: relative;
            display: block
        }

            .footer-bottom .bottom-inner .copyright p {
                color: #eee;
                font-size: 16px;
                font-weight: 700;
                font-family: var(--thm-font);
                margin: 0
            }

                .footer-bottom .bottom-inner .copyright p a {
                    color: #fff
                }

.footer-social-link {
    position: relative;
    display: block
}

    .footer-social-link ul {
        position: relative;
        display: block
    }

        .footer-social-link ul li {
            position: relative;
            float: left;
            margin-right: 10px
        }

            .footer-social-link ul li:last-child {
                margin-right: 0
            }

            .footer-social-link ul li a {
                position: relative;
                display: block;
                height: 50px;
                width: 50px;
                background: #fff;
                border-radius: 50%;
                color: var(--thm-primary);
                font-size: 16px;
                text-align: center;
                transition: all 200ms linear;
                transition-delay: 0.1s;
                z-index: 1
            }

                .footer-social-link ul li a i::before {
                    position: relative;
                    display: inline-block;
                    line-height: 50px
                }

                .footer-social-link ul li a:before {
                    position: absolute;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    background: var(--thm-base);
                    content: "";
                    border-radius: 50%;
                    z-index: -1;
                    transform: scale(0);
                    transform-origin: center;
                    transform-style: preserve-3d;
                    transition: all 0.4s cubic-bezier(.62,.21,.45,1.52)
                }

            .footer-social-link ul li:hover a:before {
                transform: scaleX(1)
            }

            .footer-social-link ul li:hover a {
                color: #fff
            }

.service-style1-area {
    position: relative;
    display: block;
    padding: 120px 0 80px;
    background: #fff;
    z-index: 10
}

    .service-style1-area::before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 480px;
        right: 0;
        background: #f2f3fa;
        content: "";
        z-index: -1
    }

.primary-bg-color {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 603px;
    background: var(--thm-primary);
    z-index: -1
}

.single-service-style1 {
    position: relative;
    display: block;
    margin-bottom: 40px
}

    .single-service-style1 .img-holder {
        position: relative;
        display: block;
        overflow: hidden
    }

        .single-service-style1 .img-holder:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            opacity: 0;
            background-color: var(--thm-base);
            z-index: 1;
            transform: scale(.9);
            transform-origin: center;
            transform-style: preserve-3d;
            transition: all 0.4s cubic-bezier(.62,.21,.45,1.52)
        }

    .single-service-style1:hover .img-holder:before {
        opacity: .7;
        transform: scale(1);
        transition: all 0.7s cubic-bezier(.62,.21,.45,1.52)
    }

    .single-service-style1 .img-holder img {
        width: 100%;
        transform: scale(1);
        transition: all 0.3s ease-in-out 0.1s opacity .2s ease-in
    }

    .single-service-style1:hover .img-holder img {
        transform: scale(1.1) rotate(1deg)
    }

    .single-service-style1 .text-holder {
        position: relative;
        display: block;
        background: #fff;
        box-shadow: 0 10px 60px 0 rgba(0,0,0,.05);
        padding: 33px 60px 40px
    }

        .single-service-style1 .text-holder::before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 2px;
            background: var(--thm-base);
            transform: scaleX(0);
            transition: all 500ms linear;
            transition-delay: 0.1s
        }

    .single-service-style1:hover .text-holder::before {
        transform: scaleX(1)
    }

    .single-service-style1 .text-holder h3 {
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
        margin-bottom: 12px
    }

        .single-service-style1 .text-holder h3 a {
            color: var(--thm-primary)
        }

            .single-service-style1 .text-holder h3 a:hover {
                color: var(--thm-base)
            }

    .single-service-style1 .text-holder p {
        font-size: 18px;
        line-height: 34px;
        margin: 0
    }

    .single-service-style1 .text-holder .btn-box {
        position: relative;
        display: block;
        margin-top: 15px
    }

        .single-service-style1 .text-holder .btn-box a {
            color: var(--thm-primary);
            font-size: 12px;
            line-height: 22px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .1em
        }

            .single-service-style1 .text-holder .btn-box a:hover {
                color: var(--thm-base)
            }

            .single-service-style1 .text-holder .btn-box a span::before {
                position: relative;
                display: inline-block;
                font-size: 18px;
                line-height: 18px;
                padding-left: 2px;
                top: 3px
            }

.service-page {
    position: relative;
    display: block;
    padding: 120px 0 80px;
    background: #fff;
    z-index: 10
}

.service-details-area {
    position: relative;
    display: block;
    background: #fff;
    padding: 120px 0 120px;
    z-index: 10
}

.service-details__sidebar {
    position: relative;
    display: block;
    max-width: 370px;
    width: 100%
}

.view-all-service {
    position: relative;
    display: block
}

    .view-all-service .service-pages {
        position: relative;
        display: block
    }

        .view-all-service .service-pages li {
            position: relative;
            display: block;
            border-bottom: 1px solid #fff
        }

            .view-all-service .service-pages li:last-child {
                margin-bottom: 0
            }

            .view-all-service .service-pages li a {
                position: relative;
                display: block;
                background: #f2f3fa;
                padding: 0 40px 0;
                color: var(--thm-black);
                font-size: 16px;
                font-weight: 700;
                line-height: 70px;
                font-family: var(--thm-font);
                transition: all 200ms linear;
                transition-delay: 0.1s;
                z-index: 1
            }

            .view-all-service .service-pages li.active a, .view-all-service .service-pages li:hover a {
                color: var(--thm-base)
            }

            .view-all-service .service-pages li a span {
                position: relative;
                display: block;
                color: var(--thm-primary);
                font-size: 14px;
                font-weight: 400;
                float: right;
                line-height: 70px;
                transition: all 200ms linear;
                transition-delay: 0.1s
            }

            .view-all-service .service-pages li.active a span, .view-all-service .service-pages li:hover a span {
                color: var(--thm-base)
            }

            .view-all-service .service-pages li a::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background: #fff;
                transform: perspective(400px) scaleY(0);
                transform-origin: center;
                transition: all 300ms linear;
                transition-delay: 0.1s;
                z-index: -1
            }

            .view-all-service .service-pages li:hover a::before, .view-all-service .service-pages li.active a::before {
                transform: perspective(400px) scaleY(1)
            }

.service-details-contact-info {
    position: relative;
    display: block;
    background: var(--thm-base);
    padding: 53px 50px 58px;
    margin-top: 30px;
    z-index: 1
}

    .service-details-contact-info .sidebar-info-box-bg {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
        z-index: -1
    }

        .service-details-contact-info .sidebar-info-box-bg:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background: var(--thm-primary);
            opacity: .9
        }

    .service-details-contact-info h3 {
        color: #fff;
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 33px
    }

    .service-details-contact-info p {
        color: #9ea8db;
        font-size: 16px;
        line-height: 30px;
        font-weight: 700;
        margin: 0
    }

    .service-details-contact-info h2 {
        font-size: 20px;
        font-weight: 700;
        margin: 26px 0 0
    }

        .service-details-contact-info h2 a {
            color: #fff
        }

.info-download-box {
    position: relative;
    display: block;
    margin-top: 30px
}

    .info-download-box ul {
        position: relative;
        display: block
    }

        .info-download-box ul li {
            position: relative;
            display: flex;
            align-items: center;
            background: var(--thm-base);
            padding: 25px 50px 25px
        }

            .info-download-box ul li .icon {
                position: relative;
                display: block;
                width: 50px
            }

                .info-download-box ul li .icon span:before {
                    position: relative;
                    display: block;
                    color: #fff;
                    font-size: 30px;
                    line-height: 30px
                }

            .info-download-box ul li .title {
                position: relative;
                display: block
            }

                .info-download-box ul li .title h5 {
                    color: #fff;
                    font-size: 16px;
                    line-height: 20px;
                    font-weight: 600
                }

                    .info-download-box ul li .title h5 a {
                        color: #fff;
                        transition: all .5s ease-in-out
                    }

                        .info-download-box ul li .title h5 a:hover {
                            color: var(--thm-primary)
                        }

.service-details__content {
    position: relative;
    display: block
}

    .service-details__content .img-box1 {
        position: relative;
        display: block;
        overflow: hidden
    }

        .service-details__content .img-box1::after {
            position: absolute;
            top: 0;
            left: -100%;
            content: '';
            width: 50%;
            height: 100%;
            background: linear-gradient(to right,rgba(var(--thm-base-rgb),.1) 0%,rgba(var(--thm-base-rgb),.5) 50%,rgba(255,255,255,.9) 100%);
            transform: skewX(-15deg);
            z-index: 2
        }

        .service-details__content .img-box1:hover::after {
            -webkit-animation: shine 1.5s;
            animation: shine 1.5s
        }

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.service-details__content .img-box1 img {
    width: 100%
}

.service-details__content .img-box1:hover img {
    transform: scale(1.3) rotate(1deg)
}

.service-details__content .text-box1 {
    position: relative;
    display: block;
    margin-top: 42px
}

    .service-details__content .text-box1 h2 {
        font-size: 34px;
        line-height: 44px;
        font-weight: 700;
        margin-bottom: 21px
    }

    .service-details__content .text-box1 p {
        font-size: 18px;
        line-height: 34px;
        margin: 0
    }

        .service-details__content .text-box1 p + p {
            margin-top: 20px
        }

.service-details__content .text-box2 {
    position: relative;
    display: block;
    margin-top: 48px;
    margin-bottom: 50px
}

    .service-details__content .text-box2 .text-box2-single {
        position: relative;
        display: block;
        background: #f2f3fa;
        padding: 44px 40px 23px;
        transition: all 200ms linear;
        transition-delay: 0.1s
    }

        .service-details__content .text-box2 .text-box2-single:hover {
            background: #fff;
            box-shadow: 0 0 60px 20px rgb(0 0 0 / 8%)
        }

        .service-details__content .text-box2 .text-box2-single h4 {
            font-size: 20px;
            line-height: 28px;
            font-weight: 700;
            margin: 0 0 14px
        }

            .service-details__content .text-box2 .text-box2-single h4 span::before {
                position: relative;
                display: inline-block;
                color: var(--thm-base);
                font-size: 20px;
                top: 2px;
                padding-right: 7px
            }

.service-details__content .text-box3 {
    position: relative;
    display: block
}

    .service-details__content .text-box3 p {
        font-size: 18px;
        line-height: 34px;
        margin: 0
    }

.service-details__content .text-box4 {
    position: relative;
    display: block;
    margin-top: 48px
}

    .service-details__content .text-box4 .content-box {
        position: relative;
        display: block;
        margin-top: -7px
    }

        .service-details__content .text-box4 .content-box h2 {
            font-size: 30px;
            line-height: 40px;
            font-weight: 700;
            margin-bottom: 20px
        }

        .service-details__content .text-box4 .content-box p {
            color: var(--thm-base);
            font-size: 20px;
            line-height: 34px;
            margin: 0
        }

        .service-details__content .text-box4 .content-box ul {
            position: relative;
            display: block;
            margin-top: 33px
        }

            .service-details__content .text-box4 .content-box ul li {
                position: relative;
                display: block;
                margin-bottom: 18px;
                color: var(--thm-gray);
                font-size: 18px;
                line-height: 28px;
                font-weight: 400
            }

                .service-details__content .text-box4 .content-box ul li:last-child {
                    margin-bottom: 0
                }

                .service-details__content .text-box4 .content-box ul li span::before {
                    position: relative;
                    display: inline-block;
                    color: var(--thm-base);
                    font-size: 20px;
                    top: 2px;
                    padding-right: 7px
                }

    .service-details__content .text-box4 .img-box {
        position: relative;
        display: block
    }

        .service-details__content .text-box4 .img-box img {
            width: 100%
        }

.faq-style1__content {
    margin-top: 60px
}

.testimonial-style1-area {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    /*background: var(--thm-base);*/
    z-index: 10
}

    .testimonial-style1-area .shape {
        position: absolute;
        top: -30px;
        right: -30px;
        z-index: 2
    }

        .testimonial-style1-area .shape img {
            opacity: .08
        }

.testimonial-style1-content img {
    width: 100%
}

.testimonial-style1-content {
    position: relative;
    display: block;
    z-index: 1
}

    .testimonial-style1-content .bg-color {
        position: absolute;
        top: -120px;
        left: 120px;
        bottom: -120px;
        right: -9999999px;
        background: var(--thm-base);
        z-index: -1
    }

.single-testimonial-style1 {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    z-index: 11
}

    .single-testimonial-style1 .img-holder {
        position: relative;
        display: block;
        max-width: 480px;
        width: 100%;
        overflow: hidden
    }

        .single-testimonial-style1 .img-holder:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: var(--thm-base);
            opacity: 0;
            transition-delay: .1s;
            transition-timing-function: ease-in-out;
            transition-duration: .7s;
            transition-property: all;
            z-index: 1
        }

    .single-testimonial-style1:hover .img-holder:before {
        opacity: .7
    }

    .single-testimonial-style1 .img-holder img {
        width: 100%
    }

    .single-testimonial-style1:hover .img-holder img {
        transform: scale(1.1) rotate(2deg)
    }

    .single-testimonial-style1 .overlay-content {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 3
    }

        .single-testimonial-style1 .overlay-content .quote-icon {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 80px;
            height: 80px;
            background: var(--thm-base);
            border-radius: 50%
        }

            .single-testimonial-style1 .overlay-content .quote-icon img {
                position: relative;
                display: inline-block;
                width: auto
            }

    .single-testimonial-style1 .review-box {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 140px;
        height: 50px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 3
    }

    .single-testimonial-style1 .text-holder {
        position: relative;
        display: block;
        max-width: 570px;
        width: 100%;
        overflow: hidden
    }

        .single-testimonial-style1 .text-holder .sec-title--style2 {
            padding-bottom: 38px
        }

        .single-testimonial-style1 .text-holder .text {
            position: relative;
            display: block
        }

            .single-testimonial-style1 .text-holder .text p {
                color: #9ea8db;
                font-size: 24px;
                line-height: 40px;
                margin: 0
            }

            .single-testimonial-style1 .text-holder .text h3 {
                color: #fff;
                font-size: 18px;
                line-height: 24px;
                font-weight: 700;
                margin: 33px 0 0
            }

                .single-testimonial-style1 .text-holder .text h3 span {
                    color: #9ea8db;
                    font-size: 16px;
                    font-weight: 400
                }

.testimonial-carousel.owl-nav-style-one.owl-theme .owl-nav {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 999
}

.testimonial-page {
    position: relative;
    display: block;
    background: #fff;
    padding: 120px 0 70px;
    z-index: 10
}

.testimonial-style2__single {
    position: relative;
    display: block;
    margin-bottom: 50px
}

    .testimonial-style2__single .img-holder {
        position: relative;
        display: block;
        width: 170px;
        height: 170px;
        overflow: hidden;
        margin: 0 auto 30px;
        background-color: var(--thm-base)
    }

        .testimonial-style2__single .img-holder img {
            width: 100%;
            transition: all 500ms linear;
            transition-delay: 0.2s
        }

    .testimonial-style2__single:hover .img-holder img {
        transform: scale(1.1) rotate(2deg);
        opacity: .2;
        transition: all 500ms linear;
        transition-delay: 0.1s
    }

    .testimonial-style2__single .text-holder {
        position: relative;
        display: block;
        background: #fff;
        padding: 41px 30px 40px;
        box-shadow: 0 10px 60px 0 rgba(0,0,0,.07);
        border-top-left-radius: 60px;
        border-bottom-right-radius: 60px;
        transition: all 200ms linear;
        transition-delay: 0.1s
    }

    .testimonial-style2__single:hover .text-holder {
        background: var(--thm-base)
    }

    .testimonial-style2__single .text-holder::before {
        position: absolute;
        top: -20px;
        left: 0;
        right: 0;
        width: 60px;
        margin: 0 auto;
        border-bottom: 20px solid #fff;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        transition: all 200ms linear;
        transition-delay: 0.1s;
        content: ""
    }

    .testimonial-style2__single:hover .text-holder::before {
        border-bottom: 20px solid var(--thm-base)
    }

    .testimonial-style2__single .text-holder p {
        font-size: 18px;
        line-height: 32px;
        margin: 0 0 21px;
        transition: all 200ms linear;
        transition-delay: 0.1s
    }

    .testimonial-style2__single:hover .text-holder p {
        color: #fff
    }

    .testimonial-style2__single .text-holder .border-box {
        position: relative;
        display: block;
        width: 220px;
        height: 1px;
        background: #f2f3fa;
        margin: 0 auto
    }

        .testimonial-style2__single .text-holder .border-box:before {
            content: "";
            position: absolute;
            top: -5px;
            left: 0;
            right: 0;
            width: 11px;
            height: 11px;
            border-radius: 50%;
            margin: 0 auto;
            background: #fff;
            border: 1px solid var(--thm-base)
        }

    .testimonial-style2__single .text-holder .client-info {
        position: relative;
        display: block;
        margin-top: 23px
    }

        .testimonial-style2__single .text-holder .client-info h3 {
            color: var(--thm-base);
            font-size: 20px;
            line-height: 28px;
            font-weight: 700;
            font-family: var(--thm-font);
            transition: all 200ms linear;
            transition-delay: 0.1s
        }

    .testimonial-style2__single:hover .text-holder .client-info h3 {
        color: #fff
    }

    .testimonial-style2__single .text-holder .client-info span {
        color: var(--thm-base);
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        transition: all 200ms linear;
        transition-delay: 0.1s
    }

    .testimonial-style2__single:hover .text-holder .client-info span {
        color: var(--thm-base)
    }