/*=============
Table-Of-Content
===============
Google__Fonts
Dark__Theme__Setup
Reset__CSS
Helper__Class
Slider__Control
Button__CSS
Section__Heading
Header__Nav
Nav__area
Nav__logo
Nav__Menu
Dark-Mode-Toggle-Swithc
ScrollUp__Button
Header__Area
About__Area
Service__Area
Process__Area
Portfolio__Area
Testimonial__Area
Blog__Area
Contact__Area
Footer__Area
Skill__Area
Site__Header
Single__Details__Page
Post__Widget
Comment__List
Preloader__CSS
===============*/
/*===== Google__Fonts =====*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap');

/*===== Variables-Setup =====*/
:root {
    --primary-color: 0, 84, 255;
    --primary-dark-color: 0, 68, 204;
    --secondary-color: 252, 175, 23;
    --white-color: 255, 255, 255;
    --body-color: 104, 102, 108;
    --heading-color: 25, 27, 30;
    --dark-color: 25, 27, 30;
    --dark-alt-color: 255, 255, 255;
    --gray-color: 194, 192, 198;
    --shadow-color: 160, 173, 175;
    --box-shadow: 244, 244, 244;

    --primary-bg: 0, 84, 255;
	--primary-bgok: 226, 213, 194;
    --primary-dark-bg: 0, 68, 204;
    --secondary-bg: 252, 175, 23;
    --body-bg: 255, 255, 255;
    --gray-bg: 247, 247, 247;
    --black-dark-bg: 25, 27, 30;
    --black-light-bg: 43, 44, 48;
    --light-bg: 255, 255, 255;
    --gray-alt-bg: 225, 225, 225;

    --white-bg: 255, 255, 255;
    --dark-bg: 25, 27, 30;
    --dark-alt-bg: 255, 255, 255;
    --black-bg-alt: 25, 27, 30;
    --input-bg: 19, 19, 21;

    --body-font-family: 'Roboto', sans-serif;
    --heading-font-family: 'Playfair Display', serif;

    --body-font-size: 16px;
    --h1-font-size: 144px;
    --h2-font-size: 60px;
    --h3-font-size: 43px;
    --h4-font-size: 36px;
    --h5-font-size: 24px;
    --h6-font-size: 16px;

    --body-line-height: 26px;
    --h1-line-height: 155px;
    --h2-line-height: 70px;
    --h3-line-height: 53px;
    --h4-line-height: 46px;
    --h5-line-height: 34px;
    --h6-line-height: 26px;

    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --normal-transition: 0.3s;

    --section-padding: 120px;

    --navbar-height: 120px;
}


@media screen and (min-width: 1500px) {
    :root {
        --navbar-height: 150px;
    }
}

@media screen and (max-width: 1024px) {
    :root {
        --navbar-height: 100px;

        --body-font-size: 14px;
        --h1-font-size: 100px;
        --h2-font-size: 50px;
        --h3-font-size: 33px;
        --h4-font-size: 26px;
        --h5-font-size: 20px;
        --h6-font-size: 14px;

        --body-line-height: 24px;
        --h1-line-height: 110px;
        --h2-line-height: 60px;
        --h3-line-height: 43px;
        --h4-line-height: 36px;
        --h5-line-height: 30px;
        --h6-line-height: 24px;

        --section-padding: 100px;
    }
}

@media screen and (max-width: 768px) {
    :root {
        --h1-font-size: 60px;
        --h2-font-size: 40px;
        --h3-font-size: 28px;
        --h4-font-size: 22px;
        --h5-font-size: 20px;
        --h6-font-size: 14px;

        --h1-line-height: 70px;
        --h2-line-height: 50px;
        --h3-line-height: 38px;
        --h4-line-height: 32px;
        --h5-line-height: 30px;
        --h6-line-height: 24px;
    }
}


/*====== Dark__Theme__Setup ======*/
body.dark-theme {
    --body-bg: 34, 43, 69;
    --black-dark-bg: 21, 26, 48;
    --black-light-bg: 29, 37, 60;
    --light-bg: 21, 26, 48;
    --gray-bg: 29, 37, 60;
    --gray-alt-bg: 65, 77, 109;

    --heading-color: 255, 255, 255;
    --body-color: 158, 167, 185;
    --gray-color: 158, 167, 185;
    --shadow-color: 129, 136, 156;
    --box-shadow: 33, 40, 60;
}

/*====== Reset__CSS ======*/
body {
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    font-weight: var(--font-weight-regular);
    line-height: var(--body-line-height);
    color: rgba(var(--body-color), 1);
    background-color: rgba(var(--body-bg), 1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

hr {
    border-color: rgba(var(--heading-color), 0.08);
}

a {
    outline: none;
    text-decoration: none;
    -webkit-transition: var(--normal-transition);
    transition: var(--normal-transition);
    color: rgba(var(--primary-color), 1);
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: var(--font-weight-bold);
    margin: 0 0 15px;
    line-height: var(--heading-line-height);
    font-family: var(--heading-font-family);
    color: rgba(var(--heading-color), 1);
    letter-spacing: -0.01em;
}

.h1,
h1 {
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
}

.h2,
h2 {
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
}

.h3,
h3 {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
}

.h3_alt {
    font-size: calc(var(--h3-font-size) - 6px);
    line-height: calc(var(--h3-line-height) - 6px);
}

.h4,
h4 {
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
}

.h5,
h5 {
    font-size: var(--h5-font-size);
    font-weight: var(--font-weight-bold);
    line-height: var(--h5-line-height);
}

.h6,
h6 {
    font-family: var(--body-font-family);
    font-size: var(--h6-font-size);
    font-weight: var(--font-weight-bold);
    line-height: var(--h6-line-height);
    margin-bottom: 10px;
}

/*====== Helper__Class ======*/
.full-wrapper {
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 100%;
    background-color: rgba(var(--body-bg), 1);
}

.color__white {
    color: rgba(var(--white-color), 1) !important;
}

.color__primary {
    color: rgba(var(--primary-color), 1) !important;
}

.color__secondary {
    color: rgba(var(--secondary-color), 1) !important;
}

.bg__primary {
    background-color: rgba(var(--primary-color), 1) !important;
}

.bg__secondary {
    background-color: rgba(var(--secondary-color), 1) !important;
}

.bg__gray {
    background-color: rgba(var(--gray-bg), 1);
}

.bg__body {
    background-color: rgba(var(--body-bg), 1);
}

.single__image {
    overflow: hidden;
    display: inline-block;
    line-height: 0;
    margin: 0;
}

.flex__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.line__height-reset {
    line-height: 0;
}

.section__padding {
    padding-top: var(--section-padding);
    padding-bottom: var(--section-padding);
}

.section__padding-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.section__padding-top {
    padding-top: var(--section-padding);
}

.section__padding-bottom {
    padding-bottom: var(--section-padding);
}

.section__padding-top {
    padding-top: var(--section-padding);
}

.section__relative {
    position: relative;
    z-index: 1;
}

.grid_space {
    margin-bottom: -30px;
}

.grid_space > div {
    margin-bottom: 30px;
}

.shape_element {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.shape_element .svg_element {
    width: 100%;
    height: 100%;
}

.container {
    max-width: 1200px;
}

.container.large-width {
    max-width: 1600px;
}

.nav__height {
    height: var(--navbar-height);
    width: 100%;
}

.overflow__hidden {
    overflow: hidden;
}

.contact__form .input_control {
    width: 100%;
    padding: 15px 0;
    outline: none;
    color: rgba(var(--heading-color), 1);
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
    border: none;
    border-bottom: 1px solid rgba(var(--heading-color), 0.05);
    background: none;
}

.contact__form .input_control:focus {
    border-color: rgba(var(--body-color), 1);
}

.has-error .input_control {
    border-color: red;
    color: red;
}

.has-error .help-block {
    color: red;
}

textarea.input_control {
    height: 140px;
}

.input_control::-webkit-input-placeholder {
    color: rgba(var(--body-color), 1);
}

.input_control:-ms-input-placeholder {
    color: rgba(var(--body-color), 1);
}

.input_control::-moz-placeholder {
    color: rgba(var(--body-color), 1);
}

.input_control::-ms-input-placeholder {
    color: rgba(var(--body-color), 1);
}

.input_control::-webkit-input-placeholder {
    color: rgba(var(--body-color), 1);
}

.input_control:-ms-input-placeholder {
    color: rgba(var(--body-color), 1);
}

.input_control::placeholder {
    color: rgba(var(--body-color), 1);
}

/*====== Slider__Control ======*/
.slider-custom-pagination .swiper-pagination-bullet {
    opacity: 1;
    background-color: rgba(var(--gray-bg), 1);
    border: 1px solid rgba(var(--secondary-color), 1);
    -webkit-transition: var(--normal-transition);
    transition: var(--normal-transition);
}

.slider-custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: rgba(var(--secondary-color), 1);
}

.slider__arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -10px;
}

.slider__arrows .slider__arrow {
    width: 54px;
    height: 54px;
    line-height: 54px;
    border: none;
    border-radius: 100px;
    font-size: 16px;
    color: rgba(var(--heading-color), 1);
    background-color: rgba(var(--light-bg), 1);
    margin: 10px;
    outline: none;
}

.slider__arrows .slider__arrow:hover {
    color: rgba(var(--white-color), 1);
    background-color: rgba(var(--secondary-bg), 1);
    -webkit-transition: var(--normal-transition);
    transition: var(--normal-transition);
}

/*====== Button__CSS ======*/
.primary__button {
    display: inline-block;
    font-size: calc(var(--body-font-size) - 1px);
    font-weight: var(--font-weight-medium);
    background-color: rgba(var(--secondary-bg), 1);
    color: rgba(var(--white-color), 1);
    border: none;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    outline: none;
    letter-spacing: 0.02em;
    padding: 16px 42px;
}

@media screen and (max-width: 992px) {
    .primary__button {
        padding: 8px 20px;
    }
}

.primary__button:focus {
    outline: none;
}


.primary__button:hover {
    background-color: rgba(var(--primary-dark-bg), 1);
    color: rgba(var(--white-color), 1);
}

.primary__button.transparent {
    border: 1px solid rgba(var(--heading-color), 0.05);
    color: rgba(var(--body-color), 1);
    background: none;
}

.primary__button.transparent:hover {
    background-color: rgba(var(--primary-bg), 1);
    color: rgba(var(--white-color), 1);
    border-color: rgba(var(--primary-color), 1);
}


/*====== Section__Heading ======*/
.section__heading {
    margin-bottom: 70px;
}

.section__heading-top-title {
    font-size: calc(var(--body-font-size) - 1px);
    font-weight: var(--font-weight-bold);
    color: rgba(var(--secondary-color), 1);
    text-transform: uppercase;
    margin-bottom: 12px;
    letter-spacing: 0.1em;
}

.section__heading .section__heading-title {
    margin-bottom: 30px;
}

.section__heading .sub__heading {
    color: rgba(var(--heading-color), 1);
}

.section__heading .section__heading-desc {
    margin-bottom: 42px;
    font-size: calc(var(--body-font-size) - 1px);
}


/*====== Header__Nav ======*/
.header__info-area {
    background-color: rgba(var(--black-dark-bg), 1);
    color: rgba(var(--gray-color), 1);
    display: block;
}

.header__info-area .header__info {
    font-size: calc(var(--body-font-size) - 1px);
}

.header__info-area .header__info a {
    color: rgba(var(--gray-color), 1);
}

.header__info-area .header__info a:hover {
    color: rgba(var(--secondary-color), 1);
}

.header__info-area .header__info strong {
    color: rgba(var(--white-color), 1);
}

.header__info-area #mobile__menu {
    margin-top: 25px;
    overflow: auto;
    width: 100%;
    display: none;
}

.header__info-area #mobile__menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.header__info-area #mobile__menu ul ul {
    margin-left: 20px;
    display: none;
}

.header__info-area #mobile__menu ul li {
    display: block;
}

.header__info-area #mobile__menu ul li a {
    padding: 2px 0;
    position: relative;
    font-weight: var(--font-weight-bold);
    color: rgba(var(--body-color), 1);
    font-size: calc(var(--body-font-size) - 1px);
    background: none;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__info-area #mobile__menu ul li:hover > a,
.header__info-area #mobile__menu ul li.active > a,
.header__info-area #mobile__menu ul li.current-menu-item > a {
    color: rgba(var(--white-color), 1);
}

.header__info-area #mobile__menu ul li a .plus {
    margin-left: auto;
}

.header__social_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -2.5px;
}

.header__social_menu a {
    width: 46px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    background-color: rgba(var(--black-light-bg), 1);
    margin: 2.5px;
    color: rgba(var(--white-color), 1);
}

.header__social_menu a:hover {
    background-color: rgba(var(--secondary-bg), 1);
}

.header__info-area .header__social_menu {
    margin-left: auto;
}

.header__info-area .nav__close {
    position: absolute;
    right: 10px;
    top: 10px;
    display: none;
    font-size: 20px;
}

@media screen and (max-width: 992px) {
    .header__info-area {
        position: fixed;
        right: 0;
        top: 0;
        width: 300px;
        height: 100%;
        z-index: 5;
        padding: 30px 15px;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: 0.3s;
        transition: 0.3s;
        overflow: auto;
    }

    .header__info-area.show-menu {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    .header__info-area .flex__content {
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        min-height: 400px;
    }

    .header__info-area .header__info {
        margin-top: 20px;
    }

    .header__info-area .header__info strong,
    .header__info-area .header__info span {
        display: block;
    }

    .header__info-area .header__social_menu {
        margin-left: -5px;
        margin-top: auto;
        padding-top: 30px;
    }

    .header__info-area .header__social_menu a {
        width: 40px;
        height: 42px;
        line-height: 42px;
    }

    .header__info-area #mobile__menu {
        display: block;
    }

    .nav__area #nav-menu {
        display: none !important;
    }

    .header__info-area .nav__close {
        display: block;
    }
}

/*====== Nav__area ======*/
.nav__area {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 4;
    -webkit-transition: var(--normal-transition);
    transition: var(--normal-transition);
    white-space: nowrap;
    margin: 0 auto;
    padding: 0px;
    border-bottom: 1px solid rgba(var(--heading-color), 0.05);
    background-color: rgba(var(--body-bg), 1);
}

.nav__area.affix {
    --navbar-height: 100px;
    position: fixed !important;
    z-index: 5;
}

.nav__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: var(--navbar-height);
}

.nav__area .nav__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

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

/*====== Nav__logo ======*/
.nav__area .nav__logo .nav__logo-image {
    display: block;
}

.nav__area .nav__logo .nav__logo-image.logo__light {
    display: none;
}

body.dark-theme .nav__area .nav__logo .nav__logo-image.logo__light {
    display: block;
}

body.dark-theme .nav__area .nav__logo .nav__logo-image.logo__dark {
    display: none;
}

.nav__area .nav__logo .nav__logo-text {
    margin-bottom: 0;
}

.nav__area .nav__logo .nav__logo-text a {
    min-width: 100px;
    display: block;
    font-size: 40px;
    overflow: hidden;
    position: relative;
    color: rgba(var(--heading-color), 1);
}

/*====== Nav__Menu ======*/
.nav__area .nav__menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav__area .nav__menu ul li {
    position: relative;
}

.nav__area .nav__menu ul li a {
    padding: 0px 20px;
    position: relative;
    font-weight: var(--font-weight-bold);
    color: rgba(var(--body-color), 1);
    font-size: calc(var(--body-font-size) - 1px);
    text-transform: capitalize;
    background: none;
    text-transform: uppercase;
    display: block;
}

.nav__area .nav__menu ul li.current-menu-item > a,
.nav__area .nav__menu ul li:hover > a,
.nav__area .nav__menu ul li:hover > i {
    color: rgba(var(--heading-color), 1) !important;
}

.nav__area .nav__menu .nav > li {
    position: relative;
    padding: 0 22px;
}


@media screen and (max-width: 1170px) {
    .nav__area .nav__menu .nav > li {
        padding: 0px 10px;
    }
}

.nav__area .nav__menu .nav > li > a {
    min-height: var(--navbar-height);
    line-height: var(--navbar-height);
    padding: 0;
    position: relative;
}

.nav__area .nav__menu .nav > li > a:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 5px;
    display: block;
    background-color: rgba(var(--secondary-color), 1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.nav__area .nav__menu .nav > li.current-menu-item > a:before,
.nav__area .nav__menu .nav > li.active > a:before,
.nav__area .nav__menu .nav > li:hover > a:before {
    width: 100%;
    right: auto;
    left: 0;
}


.nav__area .nav__menu .nav > li > a.left-go:before {
    left: 0;
}

.nav__area .nav__menu .nav > li.current-menu-item > a.left-go:before,
.nav__area .nav__menu .nav > li.active > a.left-go:before,
.nav__area .nav__menu .nav > li:hover > a.left-go:before {
    width: 100%;
    left: auto;
    right: 0;
}

.nav__area .nav__menu ul.nav li {
    position: relative;
}

.nav__area .nav__menu ul.nav li .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid rgba(var(--heading-color), 0.05);
    background-color: rgba(var(--body-bg), 1);
    min-width: 250px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: var(--normal-transition);
    transition: var(--normal-transition);
    padding-top: 15px;
    padding-bottom: 15px;
    z-index: 5;
}

.nav__area .nav__menu ul.nav li .sub-menu .sub-menu {
    left: 100%;
    top: 0;
}

.nav__area .nav__menu ul.nav li .sub-menu li {
    display: block;
    padding-left: 13px;
    padding-right: 13px;
}

.nav__area .nav__menu ul.nav li .sub-menu li:hover > .sub-menu {
    top: -16px;
}

.nav__area .nav__menu ul.nav li .sub-menu li a {
    padding: 10px 10px;
    display: block;
}

.nav__area .nav__menu ul.nav li:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
}

/*====== Nav-menu-plus-CSS ======*/
.nav__menu ul li i.plus {
    width: 10px;
    height: 10px;
    line-height: 10px;
    display: inline-block;
    -webkit-transition: var(--normal-transition);
    transition: var(--normal-transition);
    position: relative;
    margin-left: 5px;
}

.nav__menu ul li i.plus:before,
.nav__menu ul li i.plus:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 10px;
    height: 1px;
    display: block;
    background-color: rgba(var(--body-color), 1);
    -webkit-transition: var(--normal-transition);
    transition: var(--normal-transition);
}

.nav__menu ul li i.plus:before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

.nav__menu ul li > a.toggle > i.plus:before {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
}

@media screen and (min-width: 992px) {
    .nav__menu ul li:hover > a > i.plus:before {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
}

.nav__menu ul li.active > a > i.plus:before,
.nav__menu ul li.active > a > i.plus:after,
.nav__menu ul li.current-menu-item > a > i.plus:before,
.nav__menu ul li.current-menu-item > a > i.plus:after,
.nav__menu ul li:hover > a > i.plus:before,
.nav__menu ul li:hover > a > i.plus:after {
    background-color: rgba(var(--heading-color), 1) !important;
}

/*====== Nav__Tools ======*/
.nav__area .nav__close {
    position: absolute;
    top: 13px;
    right: 20px;
    cursor: pointer;
    color: rgba(var(--heading-color), 1);
    display: none;
}

.nav__area .nav__toggle {
    cursor: pointer;
    color: rgba(var(--heading-color), 1);
    display: none;
    font-size: 30px;
}

@media screen and (max-width: 992px) {
    .nav__area .nav__toggle {
        display: block;
    }

    .nav__area .nav__close {
        display: block;
    }
}

.nav__area .nav__right .primary__button {
    margin-left: 20px;
}

@media screen and (max-width: 992px) {
    .nav__area .nav__right .primary__button {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        margin-left: 0px;
    }
}

/*====== nav__transparent-Menu ======*/
.nav__area.nav__transparent {
    position: fixed;
    top: 0;
    left: 0;
}

body:not(.dark-theme) .nav__area.nav__transparent:not(.affix) .nav__logo .nav__logo-image.logo__dark {
    display: none;
}

body:not(.dark-theme) .nav__area.nav__transparent:not(.affix) .nav__logo .nav__logo-image.logo__light {
    display: block;
}

.nav__area.nav__transparent:not(.affix) .nav__toggle {
    color: rgba(var(--white-color), 1);
}


@media screen and (min-width: 992px) {
    .nav__area.nav__transparent:not(.affix) .nav__menu ul.nav > li > a {
        color: rgba(var(--white-color), 1);
    }

    .nav__area.nav__transparent:not(.affix) .nav__menu ul.nav > li:hover > a {
        color: rgba(var(--secondary-color), 1);
    }

    .nav__area.nav__transparent:not(.affix) .nav__menu ul.nav > li > a i.plus:after,
    .nav__area.nav__transparent:not(.affix) .nav__menu ul.nav > li > a i.plus:before {
        background-color: rgba(var(--white-bg), 1);
    }

    .nav__area.nav__transparent:not(.affix) .nav__menu ul.nav > li:hover > a i.plus:after,
    .nav__area.nav__transparent:not(.affix) .nav__menu ul.nav > li:hover > a i.plus:before {
        background-color: rgba(var(--secondary-bg), 1);
    }

    .nav__area.nav__transparent:not(.affix) .nav__search-toggle {
        color: rgba(var(--white-color), 1);
    }
}


/*========= Dark-Mode-Toggle-Swithc =========*/
.nav__dark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: rgba(var(--white-color), 1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.nav__dark .toggle {
    width: 46px;
    height: 24px;
    background-color: rgba(var(--black-light-bg), 1);
    border-radius: 100px;
    position: relative;
    margin: 0 10px;
}

.nav__dark .toggle:after {
    content: "";
    position: absolute;
    left: 1px;
    bottom: 1px;
    width: 22px;
    height: 22px;
    border-radius: 100px;
    background-color: rgba(var(--white-bg), 1);
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.dark-theme .nav__dark .toggle:after {
    left: 23px;
}

body:not(.dark-theme) .nav__dark .ri-sun-fill {
    color: rgba(var(--secondary-color), 1)
}

body.dark-theme .nav__dark .ri-moon-clear-fill {
    color: rgba(var(--secondary-color), 1)
}

/*========= ScrollUp__Button =========*/
.progress-wrap {
    position: fixed;
    right: 20px;
    bottom: 15px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 0 0 2px rgba(var(--heading-color), 0.2);
    box-shadow: inset 0 0 0 2px rgba(var(--heading-color), 0.2);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.progress-wrap svg path {
    fill: none;
}

.progress-wrap svg.progress-circle path {
    stroke: rgba(var(--secondary-bg), 1);
    stroke-width: 4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: rgba(var(--secondary-color), 1);
}

@media screen and (max-width: 992px) {
    .progress-wrap {
        right: 5px;
        bottom: 5px;
    }
}

/*======  Header__Area =======*/
.home__area {
    position: relative;
    z-index: 1;
}

.bg_icon_animate {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -3;
}

.bg_icon_animate .circle-container {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(var(--body-bg), 1);
    -webkit-box-shadow: 0px 5px 8px rgba(var(--shadow-color), 0.1);
    box-shadow: 0px 5px 8px rgba(var(--shadow-color), 0.1);
    border-radius: 100px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation-name: float-bob;
    animation-name: float-bob;
    -moz-animation-name: float-bob;
    -ms-animation-name: float-bob;
    -o-animation-name: float-bob;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
}

.dark-theme .bg_icon_animate .circle-container {
    background-color: rgba(var(--gray-bg), 1);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bg_icon_animate .circle-container:nth-child(1) {
    left: 5%;
    top: 81%;
    width: 80px;
    height: 80px;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}

.bg_icon_animate .circle-container:nth-child(2) {
    left: 88%;
    top: 5%;
    width: 61px;
    height: 61px;
}

.bg_icon_animate .circle-container:nth-child(3) {
    left: 55%;
    top: 50%;
    width: 58px;
    height: 58px;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}

.bg_icon_animate .circle-container:nth-child(4) {
    left: 46%;
    top: 85%;
    width: 62px;
    height: 62px;
}

.bg_icon_animate .circle-container:nth-child(5) {
    left: 94%;
    top: 75%;
    width: 66px;
    height: 66px;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}

.bg_icon_animate .circle-container:nth-child(6) {
    left: 50%;
    top: 7%;
    width: 102px;
    height: 102px;
}

.bg_icon_animate .circle-container:nth-child(7) {
    left: 2%;
    top: 10%;
    width: 72px;
    height: 72px;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}

@media screen and (max-width: 992px) {
    .bg_icon_animate .circle-container:nth-child(1) {
        left: 8%;
        top: 45%;
    }

    .bg_icon_animate .circle-container:nth-child(2) {
        left: 85%;
        top: 15%;
    }

    .bg_icon_animate .circle-container:nth-child(3) {
        left: 80%;
        top: 46%;
    }

    .bg_icon_animate .circle-container:nth-child(4) {
        left: 21%;
        top: 33%;
    }

    .bg_icon_animate .circle-container:nth-child(5) {
        left: 72%;
        top: 33%;
    }

    .bg_icon_animate .circle-container:nth-child(6) {
        left: calc(50% - 60px);
        top: 2%;
    }

    .bg_icon_animate .circle-container:nth-child(7) {
        left: 12%;
        top: 12%;
    }
}

@media screen and (max-width: 575px) {
    .bg_icon_animate .circle-container {
        opacity: 0.3;
    }

    .bg_icon_animate .circle-container {
        width: 60px;
        height: 60px;
        text-align: center;
    }

    .bg_icon_animate .circle-container img {
        max-width: 70%;
    }
}

@-webkit-keyframes float-bob {
    0% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
    }

    50% {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
    }

    100% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
    }
}


@keyframes float-bob {
    0% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
    }

    50% {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
    }

    100% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
    }
}

.header__content .top__title {
    font-family: var(--body-font-family);
    font-weight: var(--font-weight-regular);
    margin-bottom: 0;
}

.header__content .main__title span {
    position: relative;
    display: inline-block;
    z-index: 1;
}


.header__content .main__title span:before {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 5px;
    width: 100%;
    height: 20px;
    display: inline-block;
    background-color: rgba(var(--secondary-bg), 0.2);
    z-index: -1;
}

.header__content .desc {
    font-size: calc(var(--body-font-size) + 2px);
    color: rgba(var(--heading-color), 1);
    margin-bottom: 45px;
}

.header__image {
    position: relative;
    min-width: 40vw;
}

.header__image .shape_element {
    color: rgba(var(--gray-alt-bg), 1);
    max-width: 800px;
    left: 8%;
    z-index: -999;
}

/*====== About__Area ======*/
.about__area .bg-dots {
    position: absolute;
    right: 0;
    min-width: 40vw;
    text-align: right;
    height: 100%;
    opacity: 0;
    -webkit-animation: waves 5s ease-in-out infinite;
    animation: waves 5s ease-in-out infinite;
}

.about__area .bg-dots.one {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.about__area .bg-dots.two {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.about__area .bg-dots.three {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

@-webkit-keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }

    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

@keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }

    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

.about__area .bg-dots.two img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.about__area .bg-dots.three img {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
}

.counter__boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.counter__box {
    width: 260px;
    height: 260px;
    background-color: rgba(var(--primary-bg), 0.9);
    border-radius: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    color: rgba(var(--white-color), 1);
    position: relative;
    z-index: 2;
}

.counter__box .title {
    text-transform: uppercase;
    font-size: calc(var(--body-font-size) - 1px);
    font-weight: 500;
}

.counter__box .number {
    font-size: var(--h2-font-size);
    font-weight: 700;
    line-height: var(--h2-line-height);
}

.counter__box.box_2 {
    margin: 160px -90px 0 -140px;
    width: 300px;
    height: 300px;
    background-color: rgba(var(--secondary-bg), 0.9);
    z-index: 1;
}

.counter__box.box_3 {
    margin-top: 67px;
    width: 240px;
    height: 240px;
    background-color: rgba(var(--white-bg), 0.9);
    color: rgba(var(--dark-color), 1);
}

.counter__box .svg_element {
    position: absolute;
    z-index: -1;
    opacity: 0.15;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 70%;
}

@media screen and (max-width: 992px) {
    .counter__boxes {
        margin-bottom: 60px;
    }

    .counter__box.box_1 {
        width: 200px;
        height: 200px;
    }

    .counter__box.box_2 {
        width: 230px;
        height: 230px;
        margin: 60px -38px 0 -32px;
    }

    .counter__box.box_3 {
        width: 180px;
        height: 180px;
        margin-top: 15px;
    }
}


@media screen and (max-width: 575px) {
    .counter__boxes {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .counter__box.box_2 {
        margin: -30px 0;
    }

    .counter__box.box_3 {
        margin: 0px;
    }
}

/*======  Service__Area =======*/
.service__box .service__image {
    margin: 0;
    overflow: hidden;
}

.service__box .service__image img {
    margin-bottom: -1px;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.service__box:hover .service__image img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.service__box .service__content {
    padding: 30px;
    background-color: rgba(var(--light-bg), 1);
    margin: 1px;
}

.service__desc {
    font-size: calc(var(--body-font-size) - 1px);
}

.service__box .service__icon {
    margin-bottom: 24px;
    min-height: 45px;
}

.desh__list {
    font-size: calc(var(--body-font-size) + 1px);
    list-style: none;
    margin: -5px 0;
    padding: 0;
    font-weight: var(--font-weight-medium);
    color: rgba(var(--heading-color), 1);
}

.desh__list li {
    margin: 5px 0;
}

.desh__list li:before {
    content: "-";
    margin-right: 5px;
}

.service__box .desh__list {
    margin: 30px 0;
}

.read__more-arrow {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    color: rgba(var(--heading-color), 1);
    background-color: rgba(var(--gray-bg), 1);
    display: inline-block;
}

.read__more-arrow:hover {
    color: rgba(var(--white-color), 1);
    background-color: rgba(var(--secondary-bg), 1);
}

.service__box.box_2 .service__content {
    border-top: 4px solid rgba(var(--light-bg), 1);
    border-bottom: 4px solid rgba(var(--light-bg), 1);
    -webkit-box-shadow: 5px 10px 10px rgba(var(--box-shadow), 0);
    box-shadow: 5px 10px 10px rgba(var(--box-shadow), 0);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding: 50px 30px;
}

.service__box.box_2:hover .service__content {
    border-top: 4px solid rgba(var(--secondary-bg), 1);
    -webkit-box-shadow: 5px 10px 10px rgba(var(--box-shadow), 0.68);
    box-shadow: 5px 10px 10px rgba(var(--box-shadow), 0.68);
    position: relative;
    z-index: 2;
}

/*=======  Process__Area =======*/
.process__box .process__box-step {
    text-transform: uppercase;
    font-weight: bold;
    color: rgba(var(--secondary-color), 1);
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
}

.process__box {
    overflow: hidden;
}

.process__box .process__box-step:not(.no_line):after {
    content: "";
    left: calc(100% + 30px);
    top: calc(50% - 0.5px);
    width: 500px;
    height: 0px;
    border-top: 1px dashed;
    display: block;
    position: absolute;
    opacity: 0.5;
}

.process__box .process__box-icon {
    min-height: 56px;
    margin-bottom: 18px;
}

.process__box .process__box-title {
    margin-bottom: 20px;
}

.process__box .process__box-desc {
    font-size: calc(var(--body-font-size) - 1px);
}


/*=======  Portfolio__Area =======*/
.filter__menu {
    list-style: none;
    margin: 0px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgba(var(--heading-color), 0.05);
}

.filter__menu li {
    padding: 0 30px;
}

@media screen and (max-width: 992px) {
    .filter__menu {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .filter__menu li {
        background-color: rgba(var(--gray-bg), 1);
        border-top: 1px solid rgba(var(--heading-color), 0.05);
    }
}

@media screen and (max-width: 768px) {
    .filter__menu li {
        min-width: 33.33%;
        text-align: center;
    }
}

@media screen and (max-width: 575px) {
    .filter__menu li {
        min-width: 50%;
        text-align: center;
    }
}

@media screen and (max-width: 320px) {
    .filter__menu li {
        min-width: 100%;
        text-align: center;
    }
}


.filter__menu li a {
    display: block;
    padding: 15px 0;
    text-transform: uppercase;
    font-size: calc(var(--body-font-size) - 1px);
    font-weight: var(--font-weight-bold);
    color: rgba(var(--body-color), 1);
    letter-spacing: 0.1em;
    position: relative;
}

.filter__menu li a:hover,
.filter__menu li.active a {
    color: rgba(var(--heading-color), 1);
}

.filter__menu li a:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 5px;
    display: block;
    background-color: rgba(var(--secondary-color), 1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.filter__menu li.active a:before,
.filter__menu li:hover a:before {
    width: 100%;
    right: auto;
    left: 0;
}

.filter__menu li a.left-go:before {
    right: auto;
    left: 0;
}

.filter__menu li.active a.left-go:before,
.filter__menu li:hover a.left-go:before {
    left: auto;
    right: 0;
}

.work__box {
    position: relative;
    overflow: hidden;
}

.work__box-image {
    overflow: hidden;
}

.work__box-image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
}

.work__box:hover .work__box-image img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.work__box .work__box-details {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 30px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
}

.work__box:hover .work__box-details {
    opacity: 1;
}

.work__box .work__box-details:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 600px;
    height: 600px;
    background-color: rgba(var(--primary-bgok), 0.9);
    z-index: -1;
    border-radius: 999px;
    -webkit-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}


.work__box:hover .work__box-details:before {
    -webkit-transform: translate(-30%, 44%);
    transform: translate(-30%, 44%);
}

.work__box .work__box-details .arrow {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(var(--white-color), 1);
    border-radius: 100px;
    color: rgba(var(--white-color), 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 25px;
}

.work__box.small_box .work__box-details:before {
    width: 400px;
    height: 400px;
}

.work__box.small_box:hover .work__box-details:before {
    -webkit-transform: translate(-29%, 44%);
    transform: translate(-29%, 44%);
}

@media screen and (max-width: 992px) {
    .work__box .work__box-details:before {
        width: 400px;
        height: 400px;
    }

    .work__box:hover .work__box-details:before {
        -webkit-transform: translate(-29%, 44%);
        transform: translate(-29%, 44%);
    }
}

.work__box .work__box-details .arrow:hover {
    background-color: rgba(var(--white-bg), 1);
    color: rgba(var(--primary-color), 1);
}

.work__box .work__box-details .title {
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
    margin-bottom: 8px;
}

.work__box .work__box-details .title a {
    color: rgba(var(--white-color), 1);
}

.work__box .work__box-details .title a:hover {
    text-decoration: underline;
}

.work__box .work__box-details .desc {
    font-size: calc(var(--body-font-size) - 1px);
    color: rgba(var(--white-color), 1);
    text-transform: uppercase;
    font-weight: 500;
}

.work_content .title {
    margin-bottom: 24px;
}

.work_content .desc > * {
    margin-bottom: 24px;
}

.work_content .desc > *:last-child {
    margin-bottom: 0;
}

.link {
    text-transform: uppercase;
    font-weight: 700;
    font-size: calc(var(--body-font-size) - 2px);
    color: rgba(var(--heading-color), 1);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.link i {
    margin-left: 10px;
}

.link:hover {
    color: rgba(var(--secondary-color), 1);
}

.work_content .link {
    margin-top: 30px;
}

/*=======  Testimonial__Area ========*/
.testimonial__area {
    position: relative;
    z-index: 1;
    padding-bottom: calc(var(--section-padding) + 295px);
    background-color: rgba(var(--gray-bg), 0.4);
}

.testimonial__area:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/tst-bg.png) repeat scroll center center / auto;
    z-index: -1;
}

.dark-theme .testimonial__area:before {
    opacity: 0.05;
}

.testimonial__area .swiper-pagination-bullets {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -5px;
}

.testimonial__area .swiper-pagination-bullet {
    background: none;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    background: rgba(var(--body-bg), 1);
    -webkit-box-shadow: 0px 5px 8px rgba(var(--shadow-color), 0.1);
    box-shadow: 0px 5px 8px rgba(var(--shadow-color), 0.1);
    margin: 5px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.dark-theme .testimonial__area .swiper-pagination-bullet {
    background-color: rgba(var(--gray-bg), 1);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.testimonial__area .swiper-pagination-bullet:nth-child(1) {
    position: absolute;
    left: 10%;
    bottom: 35px;
}

.testimonial__area .swiper-pagination-bullet:nth-child(2) {
    position: absolute;
    right: 10%;
    bottom: 35px;
}

.testimonial__area .swiper-pagination-bullet:nth-child(3) {
    position: absolute;
    left: 0%;
    bottom: 185px;
}

.testimonial__area .swiper-pagination-bullet:nth-child(4) {
    position: absolute;
    right: 0;
    bottom: 185px;
}

.testimonial__area .swiper-pagination-bullet:nth-child(5) {
    position: absolute;
    left: 10%;
    bottom: 380px;
}

.testimonial__area .swiper-pagination-bullet:nth-child(6) {
    position: absolute;
    right: 10%;
    bottom: 380px;
}

.testimonial__area .swiper-pagination-bullet:nth-child(n+7) {
    width: 80px !important;
    height: 80px !important;
}


@media screen and (min-width: 1200px) {
    .testimonial__area .swiper-pagination-bullet.swiper-pagination-bullet-active {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@media screen and (max-width: 1200px) {
    .testimonial__area .swiper-pagination-bullet {
        position: static !important;
        width: 60px !important;
        height: 60px !important;
    }

    .testimonial__area .swiper-pagination-bullet img {
        max-width: 60%;
    }

    .testimonial__area .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: rgba(var(--gray-bg), 1);
    }
}


#testimonial-arrow {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 6;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    width: 100%;
    margin: auto;
    max-width: 500px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.testimonial_slider {
    margin-bottom: -30px;
}

.testimonial__box {
    text-align: center;
    margin: auto;
    padding: 0 30px 30px 30px;
}

.testimonial__box .quote {
    color: rgba(var(--secondary-color), 1);
    font-size: var(--h4-font-size);
    margin-bottom: 25px;
}

.testimonial__box .desc {
    font-family: var(--heading-font-family);
    font-size: calc(var(--h5-font-size) - 4px);
    line-height: calc(var(--h5-line-height) - 4px);
    color: rgba(var(--heading-color), 1);
    font-weight: 400;
    margin-bottom: 30px;
}

.testimonial__box .name {
    text-transform: uppercase;
    font-weight: bold;
    color: rgba(var(--body-color), 1);
    letter-spacing: 0.1em;
    font-size: calc(var(--body-font-size) - 2px);
    margin-bottom: 40px;
}

.testimonial__box .tst_logo {
    width: 80px;
    height: 80px;
    border-radius: 100px;
    line-height: 80px;
    text-align: center;
    background-color: rgba(var(--body-bg), 1);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid rgba(var(--heading-color), 0.1);
}

.testimonial__box .tst_logo img {
    max-width: 80%;
}

/*=======  Blog__Area ========*/
.blog__slider {
    margin-top: -295px;
}

.blog_box {
    background-color: rgba(var(--light-bg), 1);
    border: 1px solid rgba(var(--heading-color), 0.05);
}

.blog_box .blog__image {
    position: relative;
    overflow: hidden;
    margin: -1px -1px 0;
}

.blog_box .blog__image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
}

.blog_box:hover .blog__image img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.blog_box .blog__image .tag {
    position: absolute;
    left: 0;
    top: 0;
    padding: 30px;
}

.blog_box .blog__image .tag a {
    padding: 7px 30px;
    display: inline-block;
    background-color: rgba(var(--dark-bg), 1);
    color: rgba(var(--white-color), 1);
    text-transform: uppercase;
    font-weight: 500;
    font-size: calc(var(--body-font-size) - 2px);
    border-radius: 100px;
    letter-spacing: 0.1em;
}

.blog_box .blog__image .tag a:hover {
    background-color: rgba(var(--white-bg), 1);
    color: rgba(var(--dark-color), 1);
}

.blog_box .blog__content {
    padding: 30px;
}

.blog_box .blog__content .date {
    text-transform: uppercase;
    font-size: calc(var(--body-font-size) - 1px);
    color: rgba(var(--secondary-color), 1);
    font-weight: 500;
    margin-bottom: 15px;
    letter-spacing: 0.1em;
}

.blog_box .blog__content .title a {
    color: rgba(var(--heading-color), 1);
}

.blog_box .blog__content .title a:hover {
    text-decoration: underline;
}

.blog_box .blog__content .title {
    margin-bottom: 25px;
}

.blog_box .blog__content .desc {
    margin-bottom: 25px;
    font-size: calc(var(--body-font-size) - 1px);
}

.blog_box .blog__content .descPackage {
    margin-bottom: 5px;
    font-size: calc(var(--body-font-size) - 1px);
}

/*=======  Contact__Area ========*/
.contact__area {
    position: relative;
    z-index: 2;
}

.contact__area:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(var(--section-padding) * 2);
    z-index: -1;
    background-color: rgba(var(--black-dark-bg), 1);
}

.contact__area .contact_row {
    background-color: rgba(var(--body-bg), 1);
    -webkit-box-shadow: 1px -1px 20px 10px rgba(110, 125, 134, 0.03);
    box-shadow: 1px -1px 20px 10px rgba(110, 125, 134, 0.03);
    padding: 70px;
}

.contact__form {
    margin-top: -15px;
}

.dark-theme .contact__area .contact_row {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media screen and (max-width: 575px) {
    .contact__area .contact_row {
        padding: 30px;
    }
}

.large__mail {
    font-size: var(--h4-font-size);
    font-weight: 700;
    color: rgba(var(--heading-color), 1);
    position: relative;
    display: inline-block;
    z-index: 1;
}

.large__mail:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    display: inline-block;
    background-color: rgba(var(--secondary-bg), 0.2);
    z-index: -1;
}

.large__mail:hover {
    color: rgba(var(--secondary-color), 1);
}

.contact_submit {
    border: none;
    background: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(var(--heading-color), 1);
    text-transform: uppercase;
    font-size: calc(var(--body-font-size) - 2px);
    float: right;
    margin-top: -45px;
    z-index: 2;
    position: relative;
    margin-right: 20px;
    outline: none;
}

.contact_submit span {
    font-weight: 700;
}


.contact_submit:focus,
.contact_submit:hover {
    outline: none;
}

.contact_submit i {
    margin-left: 10px;
}

/*=======  Footer__Area ========*/
.footer__area {
    --heading-color: 255, 255, 255;
    --body-color: 137, 137, 137;

    color: rgba(var(--gray-color), 1);
    background-color: rgba(var(--black-dark-bg), 1);
    position: relative;
    z-index: 1;
}

.footer__area a {
    color: rgba(var(--gray-color), 1);
}

.footer__area a:hover {
    color: rgba(var(--heading-color), 1);
}

.footer__top {
    padding-top: var(--section-padding);
}

.footer-widget {
    margin-bottom: 60px;
}

.footer-widget .widget-title {
    font-family: var(--body-font-family);
    text-transform: uppercase;
    font-size: calc(var(--body-font-size) - 2px);
    color: rgba(var(--gray-color), 1);
    margin-bottom: 10px;
}

.footer-widget .sub-title {
    color: rgba(var(--heading-color), 1);
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    display: inline-block;
    text-transform: uppercase;
}

.social_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px;
}

.social_menu a {
    margin: 8px;
    color: rgba(var(--gray-color), 1);
}

.social_menu a:hover {
    color: rgba(var(--heading-color), 1);
}

.footer-widget .social_menu {
    margin-top: -5px;
}

.footer__bottom {
    border-top: 1px solid rgba(var(--white-bg), 0.1);
    padding-top: 30px;
    padding-bottom: var(--section-padding);
}

/*=======  Skill__Area ========*/
.tab-content > .active {
    opacity: 1;
}

.skill__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -15px;
    padding: 0 0 40px 0;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.skill__filter li {
    margin: 15px;
}

.skill__filter li a {
    display: block;
    padding: 16px 50px;
    background-color: rgba(var(--gray-bg), 1);
    color: rgba(var(--heading-color), 1);
    text-transform: uppercase;
    font-size: calc(var(--body-font-size) - 1px);
    font-weight: 700;
    letter-spacing: 0.02em;
    position: relative;
}

@media screen and (max-width: 992px) {
    .skill__filter {
        margin: -5px;
    }

    .skill__filter li {
        margin: 5px
    }

    .skill__filter li a {
        padding: 10px 20px;

    }
}


.skill__filter li a:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    background-color: rgba(var(--primary-color), 1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.skill__filter li:hover > a:before,
.skill__filter li.active > a:before {
    width: 100%;
    right: auto;
    left: 0;
}


.skill__filter li a.left-go:before {
    left: 0;
}

.skill__filter li:hover > a.left-go:before,
.skill__filter li.active > a.left-go:before {
    left: auto;
    right: 0;
}

.progress_bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
}

.progress_bar:last-child {
    margin-bottom: 0;
}

.progress_bar .p_bar {
    width: 100%;
    height: 5px;
    background-color: rgba(var(--gray-bg), 1);
    line-height: 0;
    margin-top: 10px;
}

.progress_bar .p_bar span {
    background-color: rgba(var(--secondary-bg), 1);
    width: 0%;
    height: 5px;
    -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.375, 1.335);
    transition-timing-function: cubic-bezier(0.5, 0.25, 0.375, 1.335);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

.progress_bar .p_title,
.progress_bar .p_count {
    font-size: calc(var(--body-font-size) - 2px);
    letter-spacing: 0.02em;
    font-family: var(--body-font-family);
    color: rgba(var(--body-color), 1);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
}

.progress_bar .p_count:after {
    content: "%";
}

.award_box {
    position: relative;
    padding-left: 100px;
}

.award_box .icon {
    position: absolute;
    left: 0;
    top: 15px;
}

.education__box .priod {
    font-weight: 700;
    color: rgba(var(--secondary-color), 1);
    text-transform: uppercase;
    font-size: calc(var(--body-font-size) - 2px);
    margin-bottom: 10px;
}

.education__box .title {
    margin-bottom: 10px;
}


.skill__area .grid_space {
    margin-bottom: -40px;
}

.skill__area .grid_space > div {
    margin-bottom: 40px;
}

/*===== Site__Header =====*/
.site__header {
    padding: calc(var(--section-padding) + 20px) 0;
    position: relative;
    z-index: 1;
    text-align: center;
}

.site__header .page__title {
    position: relative;
    z-index: 1;
}

.site__header .page__title:before {
    content: attr(data-content);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: calc(var(--h3-font-size) * 4);
    text-transform: uppercase;
    width: 100vw;
    opacity: 0.02;
    z-index: -1;
}


.breadcumbe {
    text-transform: uppercase;
    font-weight: 700;
    color: rgba(var(--body-color), 1);
    font-size: calc(var(--body-font-size) - 2px);
    position: relative;
    z-index: 2;
}

.breadcumbe a {
    color: rgba(var(--body-color), 1);
}

.breadcumbe .current {
    color: rgba(var(--secondary-color), 1);
}

.dark-theme .site__header .bg_icon_animate .circle-container {
    background-color: rgba(var(--body-bg), 1);
}


.site__header .bg_icon_animate .circle-container:nth-child(1) {
    top: 56%;
    left: 10%;
}

.site__header .bg_icon_animate .circle-container:nth-child(5) {
    left: auto;
    right: 9%;
    top: 35%;
}

.site__header .bg_icon_animate .circle-container:nth-child(3) {
    left: auto;
    right: 18%;
    top: 16%;
}

.site__header .bg_icon_animate .circle-container:nth-child(4) {
    left: 23%;
    top: 76%;
}

.site__header .bg_icon_animate .circle-container:nth-child(6) {
    left: 82%;
    top: 70%;
}

.site__header .bg_icon_animate .circle-container:nth-child(7) {
    left: 20%;
    top: 15%;
}

.site__header .bg_icon_animate .circle-container:nth-child(2) {
    display: none;
}

@media screen and (max-width: 992px) {
    .site__header .page__title:before {
        font-size: calc(var(--h3-font-size) * 3);
    }
}

@media screen and (max-width: 575px) {
    .site__header .page__title:before {
        font-size: calc(var(--h3-font-size) * 2);
    }
}

/*===== Single__Details__Page ======*/
.single__details .title {
    margin-bottom: 30px;
}

.single__details .description > * {
    margin-bottom: 24px;
}

.single__details .description > *:last-child {
    margin-bottom: 0;
}

.single__details .description ul {
    color: rgba(var(--heading-color), 1);
    padding-left: 20px;
}

.single__details .description ul li {
    padding: 4px 0 4px 10px;
}

/*===== Sidebar__Widget__Page ======*/
.widget-alt {
    margin-bottom: 30px;
    padding: 40px 35px;
    border: 1px solid rgba(var(--heading-color), 0.05);
}

.widget-alt .widget-search {
    padding: 0;
    border: none;
}

.widget-alt .widget:last-child {
    margin-bottom: 0;
}

.widget-alt .widget-title {
    font-family: var(--body-font-family);
    margin-bottom: 30px;
}

.info__list {
    list-style: none;
    margin: -12px 0;
    padding: 0;
}

.info__list li {
    margin: 12px 0;
}

.info__list li strong {
    font-weight: 500;
    color: rgba(var(--heading-color), 1);
}

.widget_social {
    margin: -12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 0.8em;
}

.widget_social a {
    margin: 12px;
    color: rgba(var(--primary-color), 1);
}

.widget_social a i.ri-dribbble-fill {
    color: #DE4882;
}

.widget_social a i.ri-behance-fill {
    color: #1664F2;
}

.widget_social a i.ri-linkedin-box-fill {
    color: #0072AC;
}

.widget_social a i.ri-pinterest-fill {
    color: #DA0021;
}

.widget_social a i.ri-facebook-circle-fill {
    color: #0072AC;
}

.widget_social a i.ri-youtube-fill {
    color: #DA0021;
}

.widget_social a i.ri-twitter-fill {
    color: #3AC4FF;
}

.search-form {
    position: relative;
}

.search-form input[type="text"] {
    width: 100%;
    background-color: rgba(var(--gray-bg), 1);
    padding: 16px 50px 16px 30px;
    border: none;
    height: 60px;
    color: rgba(var(--heading-color), 1);
}

.search-form button {
    border: none;
    background: none;
    color: rgba(var(--heading-color), 1);
    position: absolute;
    right: 25px;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    outline: none;
}


/*===== Post__List__Item =====*/
.post___box {
    margin-bottom: 50px;
}

.post___box:last-child {
    margin-bottom: 0;
}

.post___box .content {
    position: relative;
    padding-top: 40px;
}

.post___box .content .read_more {
    position: absolute;
    width: 70px;
    height: 70px;
    right: 40px;
    top: 0;
    background: rgba(var(--body-bg), 1);
    -webkit-box-shadow: 0px 10px 10px rgba(219, 219, 219, 0.25);
    box-shadow: 0px 10px 10px rgba(219, 219, 219, 0.25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: rgba(var(--heading-color), 1);
    border-radius: 100px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dark-theme .post___box .content .read_more {
    -webkit-box-shadow: 0px 10px 10px rgba(25, 55, 82, 0.25);
    box-shadow: 0px 10px 10px rgba(25, 55, 82, 0.25);
    background-color: rgba(var(--gray-bg), 1);
}

.post___box .content .read_more:hover {
    background-color: rgba(var(--secondary-bg), 1);
    color: rgba(var(--white-color), 1);
}

.post___box .content .author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.post___box .content .author .pic {
    margin-right: 15px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    overflow: hidden;
}

.post___box .content .author strong {
    font-weight: 500;
    color: rgba(var(--heading-color), 1);
    margin-right: 5px;
}

.post___box .content .title a {
    color: rgba(var(--heading-color), 1);
}

.post___box .content .title a:hover {
    text-decoration: underline;
}

.meta_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0 -30px 0 -30px;
    padding: 20px 0 0 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.meta_list li {
    padding: 0 30px;
}

.meta_list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(var(--body-color), 1);
    font-size: calc(var(--body-font-size) - 1px);
}

.meta_list li a:hover {
    color: rgba(var(--secondary-color), 1);
}

.meta_list li .icon {
    margin-right: 10px;
}

.post___box .content .desc {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(var(--heading-color), 0.05);
}

.meta_list li:last-child {
    margin-left: auto;
}

/*===== Post__Widget =====*/
.widget {
    margin-bottom: 50px;
}

.widget:last-child {
    margin-bottom: 0px;
}

.widget .widget-title {
    border-bottom: 1px solid rgba(var(--heading-color), 0.05);
    padding-bottom: 12px;
    font-family: var(--body-font-family);
    position: relative;
    margin-bottom: 45px;
    font-weight: 500;
}

.widget .widget-title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 60px;
    background-color: rgba(var(--secondary-bg), 1);
}


.widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget:not(.widget_populer_post) ul li {
    display: block;
    padding: 10px 0;
}

.widget:not(.widget_populer_post) ul ul {
    margin-left: 30px;
}

.widget:not(.widget_populer_post) ul li:first-child {
    padding-top: 0px;
}

.widget:not(.widget_populer_post) ul li:last-child {
    padding-bottom: 0px;
}

.widget:not(.widget_populer_post) ul li a {
    font-weight: var(--font-weight-medium);
    color: rgba(var(--heading-color), 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: rgba(var(--body-color), 1);
    font-weight: 400;
}


.widget:not(.widget_populer_post) ul li:hover a {
    color: rgba(var(--heading-color), 1);
    font-weight: 500;
}

.widget.widget_categories ul li a:after {
    font-family: 'remixicon' !important;
    content: "\ea6c";
    margin-right: 5px;
    display: inline-block;
    position: relative;
    margin-left: auto;
}

.widget-appointment_form .input_control {
    background-color: rgba(var(--body-bg), 1);
    margin-bottom: 20px;
}

.popular__posts {
    list-style: none;
    margin: 0;
    padding: 0;
}

.popular__posts li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.popular__posts li:last-child {
    margin-bottom: 0px;
}

.popular__posts li .post-pic {
    width: 90px;
    min-width: 90px;
    margin-right: 20px;
    overflow: hidden;
}

.popular__posts li .title a {
    color: rgba(var(--heading-color), 1);
}

.popular__posts li .title a:hover {
    text-decoration: underline;
}

.popular__posts li .title {
    margin-bottom: 6px;
}

.popular__posts li .post-meta-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(var(--body-color), 1);
    font-family: var(--body-font-family);
    font-size: calc(var(--body-font-size) - 1px);
}

.popular__posts li .post-meta-item .icon {
    line-height: 1em;
    margin-right: 10px;
}

.tagcloud {
    margin: -5px;
}

.tagcloud a {
    background-color: rgba(var(--gray-bg), 1);
    color: rgba(var(--body-color), 1);
    font-family: var(--body-font-family);
    font-size: calc(var(--body-font-size) - 2px);
    font-weight: 500;
    text-transform: uppercase;
    padding: 6px 20px;
    margin: 5px;
}

.tagcloud {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px;
}

.tagcloud a:hover {
    background-color: rgba(var(--primary-bg), 1);
    color: rgba(var(--white-color), 1);
}

.widget.recent-comment ul li a {
    display: block;
    font-weight: 500;
    color: rgba(var(--heading-color), 1);
    margin-bottom: 8px;
}

.widget.recent-comment ul li a:before {
    content: "\f042";
    font-family: 'remixicon' !important;
    margin-right: 10px;
    color: rgba(var(--secondary-color), 1);
}

blockquote {
    padding: 30px;
    border-radius: 10px;
    background-color: rgba(var(--gray-bg), 1);
    font-size: 20px;
    position: relative;
    margin: 30px 0;
}

blockquote:before {
    font-family: 'icomoon' !important;
    content: "\e91a";
    position: absolute;
    right: 16%;
    font-size: 100px;
    line-height: 50px;
    color: rgba(var(--primary-color), 0.3);
}

/*===========  Comment__List ===========*/
.comment__list-area {
    margin-top: 60px;
    margin-bottom: 50px;
}

.comment__list-area .comment__list-title {
    margin-bottom: 40px;
    font-family: var(--body-font-family);
    font-weight: 500;
}

.comments__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

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

.comments__list li {
    padding-left: 110px;
    position: relative;
}

.comment__body {
    margin-bottom: 40px;
}

.comment__body .comment__author img {
    position: absolute;
    left: 0;
    width: 80px;
    height: 80px;
    border-radius: 100px;
}

.comment__body .comment__author .fn a {
    font-size: calc(var(--body-font-size) + 2px);
    color: rgba(var(--heading-color), 1);
    display: inline-block;
    font-weight: 500;
}

.comment__body .comment__date a {
    font-family: var(--body-font-family);
    color: rgba(var(--secondary-color), 1);
    font-size: calc(var(--body-font-size) - 2px);
    text-transform: uppercase;
    font-weight: 500;
}

.comment__body .comment__footer {
    margin-bottom: 10px;
}

.comment__body .comment__desc {
    margin-bottom: 10px;
}

.comment__body .comment-reply-link .svg_element {
    width: 28px;
    height: 21px;
}

.comment__body .comment-reply-link {
    color: rgba(var(--heading-color), 1);
    position: absolute;
    right: 10%;
    top: 0;
    display: inline-block;
}

.comment_form .input_control {
    margin-bottom: 30px;
    width: 100%;
    padding: 16px 28px;
    min-height: 70px;
    background-color: rgba(var(--gray-bg), 1);
    border: 1px solid rgba(var(--heading-color), 0.08);
}

.comment_form .input_control:focus {
    border-color: rgba(var(--header-color), 1);
}

.comment__respond {
    padding-top: 40px;
    border-top: 1px solid rgba(var(--heading-color), 0.08);
}

.comment__respond .comment__respond-title {
    margin-bottom: 30px;
    font-family: var(--body-font-family);
    font-weight: 500;
}


@media screen and (max-width: 992px) {
    .comments__list li {
        padding-left: 0px;
    }

    .comment__body .comment__author img {
        position: static;
        margin-bottom: 15px;
        display: block;
    }

    .comments__list .children {
        margin-left: 30px;
    }

    .comment__body {
        margin-bottom: 30px;
        padding-bottom: 20px;
    }

    .sidebar__area {
        margin-top: 60px;
    }
}

.post_related-tag,
.post_share-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.post_related-tag .title,
.post_share-menu .title {
    margin-bottom: 0;
    margin-right: 20px;
    font-family: var(--body-font-family);
    font-weight: 500;
    font-size: calc(var(--body-font-size) + 4px);
}

.single-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.single-navigation a.prev-nav,
.single-navigation a.next-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: calc(50% - 15%);
}

.single-navigation .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(var(--heading-color), 1);
    font-weight: 500;
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
}

.single-navigation .label .svg_element {
    width: 16px;
    height: 16px;
}

.single-navigation .label span {
    margin: 0 10px;
}

.single-navigation .post_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    font-weight: 500;
    color: rgba(var(--heading-color), 1);
}

.single-navigation .post_info .pic {
    display: inline-block;
    min-width: 100px;
    overflow: hidden;
    margin-right: 24px;
}

.single-navigation a.next-nav {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.single-navigation a.next-nav .post_info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    text-align: right;
}

.single-navigation a.next-nav .post_info .pic {
    margin-right: 0;
    margin-left: 24px;
}



@media screen and (max-width: 768px) {
    .single-navigation .post_info .pic {
        display: none;
    }

    .post_related-tag,
    .post_share-menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .post_related-tag {
        margin-bottom: 30px;
    }

    .post_related-tag .title,
    .post_share-menu .title {
        margin-bottom: 15px;
    }

    .comment__body .comment-reply-link {
        position: static;
        margin-top: 0px;
    }

    .meta_list {
        margin: 0 -10px;
    }

    .meta_list li {
        padding: 0 10px;
    }

    .meta_list li:last-child {
        margin-left: 0;
    }
}

@media screen and (max-width: 575px) {
    .single-navigation .post_info {
        display: none;
    }
}

/*===== Navigation_List =====*/
.nav-links .page-numbers {
    width: 50px;
    height: 50px;
    margin: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(var(--gray-bg), 1);
    color: rgba(var(--heading-color), 1);
    font-size: 14px;
    font-weight: 700;
}

.nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -4px;
    padding-top: 60px;
}

.nav-links .page-numbers:hover {
    background-color: rgba(var(--primary-bg), 1);
    color: rgba(var(--white-color), 1);
}

/*===== Preloader__CSS ======*/
.preloader {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9000;
}

.preloader .animation-preloader {
    z-index: 1000;
}

.preloader .animation-preloader .spinner {
    -webkit-animation: spinner 1s infinite linear;
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    border: 4px solid rgba(var(--heading-color), 0.1);
    border-top-color: rgba(var(--secondary-bg), 1);
    height: 150px;
    margin: 0 auto 3.5em auto;
    width: 150px;
}

.preloader .animation-preloader .txt-loading {
    font-family: var(--heading-font-family);
    font-weight: 700;
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.preloader .animation-preloader .txt-loading .letters-loading {
    color: rgba(var(--body-color), 0.1);
    position: relative;
    display: inline-block;
}

.preloader .animation-preloader .txt-loading .letters-loading:before {
    -webkit-animation: letters-loading 4s infinite;
    animation: letters-loading 4s infinite;
    color: rgba(var(--heading-color), 1);
    content: attr(data-text-preloader);
    left: 0;
    opacity: 0;
    font-family: var(--heading-font-family);
    font-weight: 700;
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    position: absolute;
    top: -3px;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.preloader.dark .animation-preloader .spinner {
    border-color: rgba(255, 255, 255, 0.2);
    border-top-color: #ffffff;
}

.preloader.dark .animation-preloader .txt-loading .letters-loading {
    color: rgba(255, 255, 255, 0.2);
}

.preloader.dark .animation-preloader .txt-loading .letters-loading:before {
    color: #ffffff;
}

.preloader p {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 8px;
    color: #32323D;
}

.preloader .loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 1;
    pointer-events: none;
}

.preloader .loader .row {
    height: 100%;
}

.preloader .loader .loader-section {
    padding: 0px;
}

.preloader .loader .loader-section .bg {
    background-color: rgba(var(--body-bg), 1);
    height: 100%;
    left: 0;
    width: 100%;
    -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

.preloader.loaded .animation-preloader {
    opacity: 0;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.preloader.loaded .loader-section .bg {
    width: 0;
    -webkit-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
    transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
}

@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes letters-loading {

    0%,
    75%,
    100% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }

    25%,
    50% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@keyframes letters-loading {

    0%,
    75%,
    100% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }

    25%,
    50% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@media screen and (max-width: 767px) {
    .preloader .animation-preloader .spinner {
        height: 8em;
        width: 8em;
    }
}

@media screen and (max-width: 500px) {
    .preloader .animation-preloader .spinner {
        height: 7em;
        width: 7em;
    }
}