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

  Theme Name: Tucker
 	Theme URI: https://html.themeshala.com/tucker/
  Author: ThemeShala
 	Author URI: https://themeforest.net/user/themeshala/portfolio
  Support: support@themeshala.com
  Description: Tucker - Equestrian & Horse Riding Club HTML5 Template
  Version: 1.0.0
 	License:
 	License URI: 

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

/***************************************************
==================== TABLE OF CONTENTS ======================
****************************************************

  01. Theme Default CSS
  02. Animation CSS
	03. Button CSS
	04. OffCanvas CSS
	05. Header CSS
	06. Search Popup CSS
	07. Cursor CSS
	08. Footer CSS
	09. Breadcrumb CSS
	10. Hero CSS
	11. Slider CSS
	12. About CSS
	13. Brands CSS
	14. CTA CSS
	15. Services CSS
	16. Projects CSS
	17. Teams CSS
	18. Video Popup CSS
	19. Pricing Table CSS
	20. Pricing Table CSS
	21. Latest Blog CSS
	22. FAQ CSS
	23. Fun Fact CSS
	24. Appointment CSS
	25. Forms CSS
	26. Sidebar Widgets CSS
	27. Contact CSS

**********************************************/
/**----------------------------------------
START: Theme Default CSS
----------------------------------------*/
@font-face {
    font-family: "Tanseek Modern Pro Arabic";
    src: url("../fonts/alfont_com_AlFont_com_mbc-arabic-font-1.ttf")
        format("truetype");
    font-weight: normal;
    font-style: normal;
}

:root {
    --ts-ff-body: "Tanseek Modern Pro Arabic", sans-serif;
    --ts-ff-heading: "Tanseek Modern Pro Arabic", serif;
    --ts-ff-p: "Tanseek Modern Pro Arabic", sans-serif;
    --ts-ff-fontawesome: "Font Awesome 6 Pro";
    /**
     @Font-weight Declaration
   */
    --ts-fw-normal: normal;
    --ts-fw-thin: 100;
    --ts-fw-elight: 200;
    --ts-fw-light: 300;
    --ts-fw-regular: 400;
    --ts-fw-medium: 500;
    --ts-fw-sbold: 600;
    --ts-fw-bold: 700;
    --ts-fw-ebold: 800;
    --ts-fw-black: 900;
    /**
     @Font-Size Declaration
   */
    --ts-fs-body: 16px;
    --ts-fs-p: 16px;
    --ts-fs-h1: 80px;
    --ts-fs-h2: 60px;
    --ts-fs-h3: 45px;
    --ts-fs-h4: 26px;
    --ts-fs-h5: 24px;
    --ts-fs-h6: 22px;
    /**
     @Color Declaration
   */
    --ts-color-common-white: #ffffff;
    --ts-color-common-black: #000000;
    --ts-color-common-yellow: #ffc107;
    --ts-color-heading-primary: #102039;
    --ts-color-text-body: #747474;
    --ts-color-theme-primary: #650a34;
    --ts-color-theme-secondary: #102039;
    --ts-color-theme-shape: rgba(116, 46, 25, 0.4);
    --ts-color-overlay-white: #f5f5f5;
    --ts-color-grey-light: #4c5d77;
    --ts-color-border-primary: rgba(219, 219, 219, 0.15);
    --ts-color-border-secondary: #ebebeb;
    --ts-color-border-form: rgba(255, 255, 255, 0.45);
    --ts-color-placeholder-primary: #c1c1c1;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/**
  Typography CSS
*/
body {
    font-family: var(--ts-ff-body);
    font-size: var(--ts-fs-body);
    font-weight: var(--ts-fw-regular);
    color: var(--ts-color-text-body);
    line-height: 1.6;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--ts-ff-heading);
    color: var(--ts-color-heading-primary);
    margin-top: 0px;
    font-weight: var(--ts-fw-bold);
    line-height: 1.2;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

h1 {
    font-size: var(--ts-fs-h1);
    letter-spacing: -1.6px;
}

h2 {
    font-size: var(--ts-fs-h2);
}

h3 {
    font-size: var(--ts-fs-h3);
}

h4 {
    font-size: var(--ts-fs-h4);
}

h5 {
    font-size: var(--ts-fs-h5);
}

h6 {
    font-size: var(--ts-fs-h6);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    h1 {
        font-size: 65px;
        letter-spacing: 0;
    }
    h2 {
        font-size: 50px;
    }
    h3 {
        font-size: 40px;
    }
    h4 {
        font-size: 24px;
    }
    h5 {
        font-size: 22px;
    }
    h6 {
        font-size: 20px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    h1 {
        font-size: 65px;
        letter-spacing: 0;
    }
    h2 {
        font-size: 45px;
    }
    h3 {
        font-size: 35px;
    }
    h4 {
        font-size: 24px;
    }
    h5 {
        font-size: 22px;
    }
    h6 {
        font-size: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    h1 {
        font-size: 65px;
        letter-spacing: 0;
    }
    h2 {
        font-size: 45px;
    }
    h3 {
        font-size: 30px;
    }
    h4 {
        font-size: 24px;
    }
    h5 {
        font-size: 22px;
    }
    h6 {
        font-size: 20px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    h1 {
        font-size: 55px;
        letter-spacing: 0;
    }
    h2 {
        font-size: 40px;
    }
    h3 {
        font-size: 30px;
    }
    h4 {
        font-size: 22px;
    }
    h5 {
        font-size: 20px;
    }
    h6 {
        font-size: 18px;
    }
}
@media (max-width: 575px) {
    h1 {
        font-size: 35px;
        letter-spacing: 0;
    }
    h2 {
        font-size: 30px;
    }
    h3 {
        font-size: 25px;
    }
    h4 {
        font-size: 22px;
    }
    h5 {
        font-size: 20px;
    }
    h6 {
        font-size: 18px;
    }
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    line-height: inherit;
    display: block;
}

h1:hover a,
h2:hover a,
h3:hover a,
h4:hover a,
h5:hover a,
h6:hover a {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
}

ul {
    margin: 0px;
    padding: 0px;
}

p {
    font-family: var(--ts-ff-p);
    font-size: var(--ts-fs-p);
    font-weight: var(--ts-fw-regular);
    color: var(--ts-color-text-body);
    line-height: 1.6;
    margin-bottom: 15px;
}

a,
.btn,
button,
span,
p,
i,
input,
select,
textarea,
li,
img,
svg path,
*::after,
*::before,
h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-transition: 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    transition: 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}

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

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

a,
button {
    color: inherit;
    outline: none;
    border: none;
    background: transparent;
}

button:hover {
    cursor: pointer;
}

button:focus,
button:focus:not(:focus-visible) {
    outline: 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

select,
.nice-select,
input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
textarea {
    outline: none;
    background-color: var(--ts-color-common-white);
    height: auto;
    width: 100%;
    font-size: 16px;
    border: 1px solid var(--ts-color-common-white);
    color: var(--ts-color-common-black);
    padding-left: 29px;
    padding-right: 29px;
}

input[type="color"] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    padding: 0;
    border-radius: 50%;
}

::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--ts-color-theme-primary);
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
    background: transparent;
}

*::-moz-selection {
    background: var(--ts-color-common-black);
    color: var(--ts-color-common-white);
    text-shadow: none;
}

::-moz-selection {
    background: var(--ts-color-common-black);
    color: var(--ts-color-common-white);
    text-shadow: none;
}

::selection {
    background: var(--ts-color-common-black);
    color: var(--ts-color-common-white);
    text-shadow: none;
}

*::-webkit-input-placeholder {
    color: var(--ts-color-placeholder-primary);
    font-size: var(--ts-fs-body);
    opacity: 1;
}
*::-moz-placeholder {
    color: var(--ts-color-placeholder-primary);
    font-size: var(--ts-fs-body);
    opacity: 1;
}
*:-ms-input-placeholder {
    color: var(--ts-color-placeholder-primary);
    font-size: var(--ts-fs-body);
    opacity: 1;
}
*::-ms-input-placeholder {
    color: var(--ts-color-placeholder-primary);
    font-size: var(--ts-fs-body);
    opacity: 1;
}
*::placeholder {
    color: var(--ts-color-placeholder-primary);
    font-size: var(--ts-fs-body);
    opacity: 1;
}

/**
 	Common Classes CSS
*/
.w-img img {
    width: 100%;
}

.m-img img {
    max-width: 100%;
}

.fix {
    overflow: hidden;
}

.clear {
    clear: both;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.z-index-1 {
    z-index: 1;
}

.z-index-11 {
    z-index: 11;
}

.overflow-y-visible {
    overflow-x: hidden;
    overflow-y: visible;
}

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.include-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .progress-wrap {
        right: 20px;
    }
}
@media (max-width: 575px) {
    .progress-wrap {
        right: 15px;
    }
    .progress-wrap.active-progress {
        bottom: 15px;
    }
}
#preloader {
    background-color: var(--ts-color-common-white);
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999;
    margin-top: 0px;
    top: 0px;
    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;
}
#preloader .preloader_img {
    max-width: 100px;
}
#preloader .closeLoader {
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 10px 30px;
}

section,
.section-padding {
    position: relative;
}

.section-padding {
    padding-top: 120px;
    padding-bottom: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-padding {
        padding-top: 100px;
        padding-bottom: 70px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section-padding {
        padding-top: 80px;
        padding-bottom: 50px;
    }
}
@media (max-width: 575px) {
    .section-padding {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.section_title {
    margin-bottom: 60px;
}
.section_title .title {
    margin-bottom: 20px;
}
.section_title .description {
    max-width: 535px;
    width: 100%;
}
.section_title .description p:last-child {
    margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .section_title .description {
        max-width: 430px;
    }
}
.section_title .button {
    margin-top: 25px;
}
.section_title.text-center .description {
    margin-left: auto;
    margin-right: auto;
}
.section_title.text-end .description {
    margin-left: auto;
}
@media (max-width: 575px) {
    .section_title {
        margin-bottom: 40px;
    }
    .section_title .title {
        margin-bottom: 15px;
    }
}
.section_title.layout-2 {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.section_title.layout-2 .button {
    margin-top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px) {
    .section_title.layout-2 .button {
        margin-top: 25px;
    }
}
@media (max-width: 575px) {
    .section_title.layout-2 .button {
        margin-top: 20px;
    }
}

.swiper-pagination-bullets {
    margin-top: 40px;
    text-align: center;
}
@media (max-width: 575px) {
    .swiper-pagination-bullets {
        margin-top: 30px;
    }
}
.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 24px;
    height: 24px;
    border: 1px solid transparent;
    border-radius: 50%;
    opacity: 1;
    position: relative;
    background-color: transparent;
}
.swiper-pagination-bullets .swiper-pagination-bullet::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background-color: var(--ts-color-theme-primary);
    border-radius: 50%;
}
.swiper-pagination-bullets
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: var(--ts-color-theme-primary);
}

.panel {
    position: absolute;
    top: 0;
    width: 0%;
    height: 100%;
    left: 0;
    background: var(--ts-color-common-white);
    z-index: 10;
    -webkit-transition: transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    -webkit-animation: panel 1s;
    animation: panel 1s;
    -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.panel-top {
    position: absolute;
    top: 0;
    width: 100%;
    height: 0%;
    left: 0;
    background: var(--ts-color-common-white);
    z-index: 10;
    -webkit-transition: transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    -webkit-animation: panelTop 1s;
    animation: panelTop 1s;
    -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

@media only screen and (min-width: 1560px) {
    .ts-container {
        max-width: 1560px;
    }
}

/**----------------------------------------
START: Animation CSS
----------------------------------------*/
@-webkit-keyframes headerSlideDown {
    0% {
        margin-top: -150px;
    }
    100% {
        margin-top: 0;
    }
}
@keyframes headerSlideDown {
    0% {
        margin-top: -150px;
    }
    100% {
        margin-top: 0;
    }
}
@-webkit-keyframes headerSlideUp {
    0% {
        margin-top: 0;
    }
    100% {
        margin-top: -150px;
    }
}
@keyframes headerSlideUp {
    0% {
        margin-top: 0;
    }
    100% {
        margin-top: -150px;
    }
}
@-webkit-keyframes overlayFull {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@keyframes overlayFull {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@-webkit-keyframes overlay {
    0% {
        width: 100%;
    }
    100% {
        width: 50%;
    }
}
@keyframes overlay {
    0% {
        width: 100%;
    }
    100% {
        width: 50%;
    }
}
@-webkit-keyframes upDown {
    0% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
    100% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@keyframes upDown {
    0% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
    100% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@-webkit-keyframes upDownMobile {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}
@keyframes upDownMobile {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}
@-webkit-keyframes panel {
    0% {
        width: 100%;
    }
    100% {
        width: 0;
    }
}
@keyframes panel {
    0% {
        width: 100%;
    }
    100% {
        width: 0;
    }
}
@-webkit-keyframes panelTop {
    0% {
        height: 100%;
    }
    100% {
        height: 0;
    }
}
@keyframes panelTop {
    0% {
        height: 100%;
    }
    100% {
        height: 0;
    }
}
@-webkit-keyframes panelBottom {
    0% {
        height: 100%;
    }
    100% {
        height: 0;
    }
}
@keyframes panelBottom {
    0% {
        height: 100%;
    }
    100% {
        height: 0;
    }
}
@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        transform: translate(-50%, -50%) scale(0.8);
    }
    60% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(2.5);
        transform: translate(-50%, -50%) scale(2.5);
        opacity: 0;
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        transform: translate(-50%, -50%) scale(0.8);
    }
    60% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(2.5);
        transform: translate(-50%, -50%) scale(2.5);
        opacity: 0;
    }
}
@-webkit-keyframes pulse-2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
@keyframes pulse-2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
/* !END: Animation CSS */
/**----------------------------------------
START: Button CSS
----------------------------------------*/
.ts-btn,
.ts-btn-lg,
.ts-btn-white,
.ts-btn-lg-white {
    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;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--ts-color-theme-primary);
    font-size: 18px;
    line-height: 1.6;
    font-weight: var(--ts-fw-bold);
    text-transform: capitalize;
    color: var(--ts-color-common-white);
    font-family: var(--ts-ff-heading);
    letter-spacing: 1px;
    padding: 19px 30px;
    border-radius: 12px;
}
.ts-btn i,
.ts-btn-lg i,
.ts-btn-white i,
.ts-btn-lg-white i {
    margin-left: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: transform 0.3s ease-in-out 0s;
    -webkit-transition: -webkit-transform 0.3s ease-in-out 0s;
    transition: -webkit-transform 0.3s ease-in-out 0s;
    transition: transform 0.3s ease-in-out 0s;
    transition: transform 0.3s ease-in-out 0s,
        -webkit-transform 0.3s ease-in-out 0s;
}
.ts-btn::before,
.ts-btn-lg::before,
.ts-btn-white::before,
.ts-btn-lg-white::before,
.ts-btn::after,
.ts-btn-lg::after,
.ts-btn-white::after,
.ts-btn-lg-white::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-top: 35px solid var(--ts-color-theme-secondary);
    border-bottom: 35px solid var(--ts-color-theme-secondary);
    z-index: -1;
}
.ts-btn::before,
.ts-btn-lg::before,
.ts-btn-white::before,
.ts-btn-lg-white::before {
    border-right: 30px solid transparent;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}
.ts-btn::after,
.ts-btn-lg::after,
.ts-btn-white::after,
.ts-btn-lg-white::after {
    border-left: 30px solid transparent;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}
.ts-btn:hover,
.ts-btn-lg:hover,
.ts-btn-white:hover,
.ts-btn-lg-white:hover {
    color: var(--ts-color-common-white);
}
.ts-btn:hover i,
.ts-btn-lg:hover i,
.ts-btn-white:hover i,
.ts-btn-lg-white:hover i {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.ts-btn:hover::before,
.ts-btn-lg:hover::before,
.ts-btn-white:hover::before,
.ts-btn-lg-white:hover::before {
    -webkit-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    transform: translateX(-30%);
}
.ts-btn:hover::after,
.ts-btn-lg:hover::after,
.ts-btn-white:hover::after,
.ts-btn-lg-white:hover::after {
    -webkit-transform: translateX(30%);
    -ms-transform: translateX(30%);
    transform: translateX(30%);
}
@media (max-width: 575px) {
    .ts-btn,
    .ts-btn-lg,
    .ts-btn-white,
    .ts-btn-lg-white {
        padding: 15px 30px;
    }
}

.ts-btn-white,
.ts-btn-lg-white {
    background-color: var(--ts-color-common-white);
    color: var(--ts-color-theme-primary);
}
.ts-btn-white i,
.ts-btn-lg-white i {
    color: var(--ts-color-theme-primary);
}
.ts-btn-white:hover i,
.ts-btn-lg-white:hover i {
    color: var(--ts-color-common-white);
}

.ts-btn-lg {
    padding: 19px 46px;
}
@media (max-width: 575px) {
    .ts-btn-lg {
        padding: 10px 30px;
    }
}

.ts-btn-lg-white {
    padding: 19px 46px;
}
@media (max-width: 575px) {
    .ts-btn-lg-white {
        padding: 10px 30px;
    }
}

.full-width-book-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
}

.full-width-book-btn .ts-btn-lg {
    width: 100%;
    max-width: 100%;
    text-align: center;
}

.ts-inline-btn {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--ts-ff-body);
    font-weight: var(--ts-fw-medium);
    text-transform: capitalize;
    color: var(--ts-color-theme-secondary);
}
.ts-inline-btn i {
    color: var(--ts-color-theme-secondary);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.ts-inline-btn:hover {
    color: var(--ts-color-theme-primary);
}
.ts-inline-btn:hover i {
    color: var(--ts-color-theme-primary);
    margin-left: 10px;
}

/* !END: Button CSS */
/**----------------------------------------
START: OffCanvas CSS
----------------------------------------*/
.offcanvas-area {
    position: fixed;
    right: -490px;
    top: 0;
    width: 450px;
    height: 100%;
    -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    -o-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    z-index: 9999;
    -ms-overflow-style: none;
    /* for Internet Explorer, Edge */
    scrollbar-width: none;
    /* for Firefox */
    overflow-y: scroll;
}
.offcanvas-area::-webkit-scrollbar {
    display: none;
    /* for Chrome, Safari, and Opera */
}
.offcanvas-area.opened {
    right: 0px;
}
@media (max-width: 575px) {
    .offcanvas-area {
        width: 290px;
    }
}
.offcanvas_bg {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--ts-color-theme-secondary);
    z-index: -1;
    -webkit-backdrop-filter: blur(37px);
    backdrop-filter: blur(37px);
}
.offcanvas_wrapper {
    position: relative;
    padding: 45px 45px 90px 45px;
    overflow: auto;
    height: 100%;
}
@media (max-width: 575px) {
    .offcanvas_wrapper {
        padding: 20px;
    }
}
.offcanvas_top {
    margin-bottom: 40px;
}
.offcanvas_logo {
    max-width: 185px;
}
.offcanvas_logo a {
    display: block;
}
@media (max-width: 575px) {
    .offcanvas_logo {
        max-width: 150px;
    }
}
.offcanvas_close_btn {
    display: inline-block;
    font-size: 35px;
    color: var(--ts-color-common-white);
}
@media (max-width: 575px) {
    .offcanvas_close_btn {
        font-size: 25px;
    }
}
.offcanvas_close_btn:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: var(--ts-color-theme-primary);
}
.offcanvas_menu {
    overflow: hidden;
}
.offcanvas_menu .mean-container .mean-bar {
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.offcanvas_menu .mean-container .mean-bar * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.offcanvas_menu .mean-nav {
    background: transparent;
    margin-top: 0;
    overflow: hidden;
}
.offcanvas_menu .mean-nav > ul {
    display: block !important;
}
.offcanvas_menu .mean-nav > ul > li:first-child > a {
    border-top: none;
}
.offcanvas_menu .mean-nav ul li {
    position: relative;
}
.offcanvas_menu .mean-nav ul li a {
    color: var(--ts-color-common-white);
    width: 100%;
    padding: 15px 0 12px 0;
    border-top: none;
    border-bottom: 1px solid var(--ts-color-border-primary);
    font-family: var(--ts-ff-heading);
    font-weight: var(--ts-fw-bold);
    font-size: 15px;
    line-height: 1;
    letter-spacing: 1px;
}
.offcanvas_menu .mean-nav ul li a:hover {
    color: var(--ts-color-theme-primary);
}
.offcanvas_menu .mean-nav ul li a.mean-expand {
    padding: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: 5px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.offcanvas_menu .mean-nav ul li a.mean-expand:hover {
    color: var(--ts-color-theme-primary);
}
.offcanvas_menu .mean-nav ul li a.mean-expand.mean-clicked {
    color: var(--ts-color-theme-primary);
}
.offcanvas_menu .mean-nav ul li a.mean-expand.mean-clicked i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.offcanvas_menu .mean-nav ul li .sub-menu li {
    padding-left: 25px;
    position: relative;
}
.offcanvas_menu .mean-nav ul li .sub-menu li a {
    width: 100%;
    padding: 15px 0 12px 0;
    text-transform: capitalize;
}
.offcanvas_menu .mean-nav ul li .sub-menu li a.mean-expand {
    padding: 0;
    width: 30px;
}
.offcanvas_menu .mean-nav ul li.dropdown-opened > a {
    color: var(--ts-color-theme-primary);
}
.offcanvas_bottom {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid var(--ts-color-border-primary);
}
.offcanvas_bottom .contact_info {
    margin-bottom: 30px;
}
.offcanvas_bottom .contact_info .title {
    margin-bottom: 20px;
    color: var(--ts-color-common-white);
}
.offcanvas_bottom .contact_info .info_list {
    list-style: none;
    padding: 0;
}
.offcanvas_bottom .contact_info .info_list li {
    display: block;
}
.offcanvas_bottom .contact_info .info_list li .item_inner .icon a {
    display: inline-block;
    width: 45px;
    height: 45px;
    background-color: var(--ts-color-theme-primary);
    color: var(--ts-color-common-white);
    text-align: center;
    line-height: 45px;
    border-radius: 50%;
    font-size: 20px;
}
.offcanvas_bottom .contact_info .info_list li .item_inner .icon a:hover {
    background-color: var(--ts-color-common-white);
}
.offcanvas_bottom .contact_info .info_list li .item_inner .text a {
    display: inline-block;
    font-family: var(--ts-ff-heading);
    font-weight: var(--ts-fw-bold);
    color: var(--ts-color-common-white);
}
.offcanvas_bottom .contact_info .info_list li .item_inner .text a:hover {
    color: var(--ts-color-theme-primary);
}
.offcanvas_bottom .contact_info .info_list li:not(:last-child) {
    margin-bottom: 20px;
}
.offcanvas_bottom .socials {
    padding-top: 30px;
    border-top: 1px solid var(--ts-color-border-primary);
}
.offcanvas_bottom .socials ul {
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.offcanvas_bottom .socials ul li a {
    display: block;
    width: 45px;
    height: 45px;
    background-color: var(--ts-color-grey-light);
    border-radius: 50%;
    text-align: center;
    line-height: 45px;
    color: var(--ts-color-common-white);
    font-size: 20px;
}
.offcanvas_bottom .socials ul li a:hover {
    background-color: var(--ts-color-theme-primary);
}
@media (max-width: 575px) {
    .offcanvas_bottom .socials ul li a {
        width: 35px;
        height: 35px;
        line-height: 37px;
        font-size: 16px;
    }
}
.offcanvas_bottom .socials ul li:not(:last-child) {
    margin-right: 20px;
}

.body-overlay {
    background-color: var(--ts-color-theme-shape);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.body-overlay.opened {
    opacity: 1;
    visibility: visible;
}

/* !END: OffCanvas CSS */
/**----------------------------------------
START: Header CSS
----------------------------------------*/
.header-area {
    background-color: var(--ts-color-theme-secondary);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.header-area.header-transparent {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: transparent;
    z-index: 99;
}
.header-area .main_header {
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
}
.header-area .header_sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-box-shadow: 0px 4px 10px rgba(3, 4, 28, 0.1);
    box-shadow: 0px 4px 10px rgba(3, 4, 28, 0.1);
    -webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
    animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    z-index: 99;
    background: var(--ts-color-theme-secondary);
}
.header-area .header_sticky .main_menu ul li {
    padding: 10px 0;
}
.header-area .header_sticky .main_menu ul li.has-dropdown a::before {
    margin-top: -2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .header-area .main_header {
        padding: 10px 0;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .header-area .main_header.header_style_02 {
        padding: 0;
    }
}

.site_logo .logo {
    width: 100%;
}
.site_logo .logoMain {
    max-width: 150px;
}

.site_logo .logoSub {
    max-width: 40px;
}

.site_logo .logo a {
    display: inline-block;
}

.menu_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}
.menu_area .main_menu ul {
    list-style: none;
    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;
}
.menu_area .main_menu ul li {
    display: inline-block;
    position: relative;
    padding: 20px 0 10px 0;
}
.menu_area .main_menu ul li a {
    display: block;
    font-size: 18px;
    line-height: 1;
    font-weight: var(--ts-fw-bold);
    color: var(--ts-color-common-white);
    text-transform: capitalize;
    font-family: var(--ts-ff-heading);
    letter-spacing: 0.5px;
    padding: 25px 0;
}
.menu_area .main_menu ul li.has-dropdown a {
    padding-right: 17px;
}
.menu_area .main_menu ul li.has-dropdown a::before {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: 2px;
    border-right: 1px solid var(--ts-color-common-white);
    border-bottom: 1px solid var(--ts-color-common-white);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.menu_area .main_menu ul li.has-dropdown ul.sub-menu {
    display: block;
    position: absolute;
    top: 120%;
    left: 0;
    width: 200px;
    background: var(--ts-color-common-white);
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
    -ms-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
    -o-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
    box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
    padding: 13px 0;
    -webkit-transition: all 0.3s 0s ease-out;
    transition: all 0.3s 0s ease-out;
    border-top: 4px solid var(--ts-color-theme-primary);
}
.menu_area .main_menu ul li.has-dropdown ul.sub-menu li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.menu_area .main_menu ul li.has-dropdown ul.sub-menu li a {
    display: block;
    color: var(--ts-color-theme-secondary);
    font-size: 16px;
    padding: 12px 20px;
}
.menu_area .main_menu ul li.has-dropdown ul.sub-menu li a::before {
    display: none;
}
.menu_area .main_menu ul li.has-dropdown ul.sub-menu li a::after {
    content: "\f111";
    font-family: var(--ts-ff-fontawesome);
    color: var(--ts-color-theme-primary);
    font-size: 7px;
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -2px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: left 0.25s cubic-bezier(0.54, 0.49, 0, 1.75);
    transition: left 0.25s cubic-bezier(0.54, 0.49, 0, 1.75);
    visibility: hidden;
    opacity: 0;
}
.menu_area
    .main_menu
    ul
    li.has-dropdown
    ul.sub-menu
    li.has-dropdown
    > a::before {
    display: block;
    position: absolute;
    content: "";
    right: 20px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: 0;
    border-right: 1px solid var(--ts-color-theme-secondary);
    border-bottom: 1px solid var(--ts-color-theme-secondary);
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}
.menu_area
    .main_menu
    ul
    li.has-dropdown
    ul.sub-menu
    li.has-dropdown
    > .sub-menu {
    left: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.menu_area .main_menu ul li.has-dropdown ul.sub-menu li:hover > a {
    padding-left: 35px;
    color: var(--ts-color-theme-primary);
}
.menu_area .main_menu ul li.has-dropdown ul.sub-menu li:hover > a::after {
    visibility: visible;
    opacity: 1;
    left: 20px;
}
.menu_area .main_menu ul li.has-dropdown ul.sub-menu li:hover > a::before {
    border-color: var(--ts-color-theme-primary);
}
.menu_area .main_menu ul li.has-dropdown ul.sub-menu li:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
    top: 0;
    pointer-events: all;
}
.menu_area .main_menu ul li:hover ul.sub-menu {
    top: 100%;
    visibility: visible;
    opacity: 1;
    pointer-events: all;
}
.menu_area .main_menu ul li:not(:first-child) {
    margin-left: 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .menu_area .main_menu ul li:not(:first-child) {
        margin-left: 40px;
    }
}
.menu_area .main_menu > ul > li > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 27px;
    width: 100%;
    height: 1px;
    background-color: #fff;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}
.menu_area .main_menu > ul > li:hover > a::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.menu_area .menu_search {
    margin-left: 55px;
}
.menu_area .menu_search .search_btn {
    display: inline-block;
    width: 45px;
    height: 45px;
    background-color: var(--ts-color-common-white);
    border-radius: 50%;
    text-align: center;
    line-height: 45px;
}
.menu_area .menu_search .search_btn i {
    width: 20px;
    height: 20px;
    color: var(--ts-color-theme-primary);
}
.menu_area .menu_search .search_btn:hover {
    background-color: var(--ts-color-theme-primary);
}
.menu_area .menu_search .search_btn:hover i {
    color: var(--ts-color-common-white);
}
.menu_area .menu_bar .menu_bar_icon {
    font-size: 25px;
    display: inline-block;
    color: var(--ts-color-common-white);
    width: 45px;
    height: 45px;
    border: 1px solid var(--ts-color-common-white);
    text-align: center;
    line-height: 45px;
    border-radius: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .menu_area .menu_search {
        margin-left: 40px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .menu_area .menu_search {
        margin-left: 0;
        margin-right: 40px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .menu_area .menu_search {
        margin-left: 0;
        margin-right: 30px;
    }
}
@media (max-width: 575px) {
    .menu_area .menu_search {
        margin-left: 0;
        margin-right: 20px;
    }
}

.header_style_02 .row > * {
    padding-right: 0;
    padding-left: 0;
}
.header_style_02 .site_logo {
    background-color: var(--ts-color-theme-primary);
    max-width: 16%;
    width: 100%;
    padding: 10px 25px 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.header_style_02 .site_logo::after {
    position: absolute;
    content: "";
    left: 100%;
    top: 0;
    margin-left: -1px;
    height: 101%;
    width: 110px;
    background-color: var(--ts-color-theme-primary);
    -webkit-clip-path: polygon(0 0, 100% 0, 0% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 0% 100%, 0 100%);
}
.header_style_02 .site_logo .logo {
    margin-left: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .header_style_02 .site_logo {
        max-width: 14%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .header_style_02 .site_logo {
        padding: 10px 0px 10px 15px;
    }
    .header_style_02 .site_logo::after {
        width: 70px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .header_style_02 .site_logo {
        padding: 0px 0px 0px 15px;
        max-width: 25%;
    }
}
@media (max-width: 575px) {
    .header_style_02 .site_logo {
        max-width: 35%;
    }
    .header_style_02 .site_logo::after {
        width: 50px;
    }
}
.header_style_02#sticky-header {
    position: absolute;
    top: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}
.header_style_02#sticky-header.header_sticky {
    visibility: visible;
    opacity: 1;
    position: fixed;
    z-index: 99;
}

.header_inner {
    width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header_inner {
        padding: 20px 15px 20px 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_inner {
        padding: 15px 15px 15px 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .header_inner {
        padding: 10px 15px 10px 0;
    }
}
.header_inner_top {
    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;
    background-color: var(--ts-color-common-white);
    padding-left: 140px;
    padding-right: 45px;
}
.header_inner_top .contact_info {
    list-style: none;
}
.header_inner_top .contact_info li {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1;
}
.header_inner_top .contact_info li a:hover {
    color: var(--ts-color-theme-primary);
}
.header_inner_top .contact_info li a:hover i {
    color: var(--ts-color-theme-primary);
}
.header_inner_top .contact_info li i {
    margin-right: 10px;
}
.header_inner_top .contact_info li:not(:last-child) {
    padding-right: 31px;
    border-right: 1px solid var(--ts-color-border-secondary);
    margin-right: 30px;
}
.header_inner_top .header_socials {
    list-style: none;
}
.header_inner_top .header_socials li {
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
}
.header_inner_top .header_socials li:not(:last-child) {
    margin-right: 25px;
}
.header_inner_top .header_socials li a {
    display: block;
    font-size: 20px;
    line-height: 1;
    color: var(--ts-color-theme-primary);
}
.header_inner_top .header_socials li a:hover {
    color: var(--ts-color-theme-secondary);
}
.header_inner_bottom .menu_area .main_menu ul {
    position: relative;
    padding-right: 31px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .header_inner_bottom .menu_area .main_menu ul {
        padding-right: 20px;
    }
}
.header_inner_bottom .menu_area .main_menu ul::after {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 55px;
    background-color: var(--ts-color-border-primary);
}
.header_inner_bottom .menu_area .main_menu ul li {
    padding: 11px 0;
}
.header_inner_bottom .menu_area .main_menu ul li a {
    padding: 20px 0;
}
.header_inner_bottom .menu_area .main_menu ul li a::before {
    margin-top: -2px;
}
.header_inner_bottom .menu_area .main_menu ul li.has-dropdown a {
    padding-right: 17px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .header_inner_bottom .menu_area .main_menu ul li:not(:first-child) {
        margin-left: 44px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .header_inner_bottom .menu_area .main_menu ul li:not(:first-child) {
        margin-left: 30px;
    }
}
.header_inner_bottom .menu_area .menu_search {
    margin-left: 30px;
    margin-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .header_inner_bottom .menu_area .menu_search {
        margin-left: 15px;
        margin-right: 15px;
    }
}
.header_inner_bottom .menu_area .menu_search .search_btn {
    width: 35px;
    height: 35px;
    border-radius: 0;
    line-height: 35px;
    font-size: 25px;
    background-color: transparent;
    color: var(--ts-color-common-white);
}
.header_inner_bottom .menu_area .menu_search .search_btn i {
    width: auto;
    height: auto;
    display: block;
    color: var(--ts-color-common-white);
}
.header_inner_bottom .menu_area .menu_search .search_btn:hover i {
    color: var(--ts-color-theme-primary);
}
.header_inner_bottom .menu_area .menu_button .ts-btn {
    padding: 31px 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .header_inner_bottom .menu_area .menu_button .ts-btn {
        padding: 30px 20px;
    }
}
.header_inner_bottom .menu_area .menu_button .ts-btn::after,
.header_inner_bottom .menu_area .menu_button .ts-btn::before {
    border-top: 46px solid var(--ts-color-text-body);
    border-bottom: 46px solid var(--ts-color-text-body);
}
.header_inner_bottom .menu_area .menu_button .ts-btn:hover {
    color: var(--ts-color-common-white);
}

/* !END: Header CSS */
/**----------------------------------------
START: Search Popup CSS
----------------------------------------*/
.search_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--ts-color-theme-secondary);
    z-index: 100;
    padding-top: 70px;
    padding-bottom: 100px;
    opacity: 0;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-transform: translateY(calc(-100% - 80px));
    -ms-transform: translateY(calc(-100% - 80px));
    transform: translateY(calc(-100% - 80px));
    -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.search_popup.search-opened {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    z-index: 999;
}
.search_popup.search-opened .search_form .search_input {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.search_popup.search-opened .search_form .search_input::after {
    width: 100%;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
@media (max-width: 575px) {
    .search_popup {
        padding-top: 50px;
        padding-bottom: 70px;
    }
}
.search_wrapper .search_top {
    margin-bottom: 80px;
}
.search_wrapper .search_top .search_logo {
    max-width: 200px;
}
.search_wrapper .search_top .search_logo a {
    display: block;
}
@media (max-width: 575px) {
    .search_wrapper .search_top .search_logo {
        max-width: 150px;
    }
}
.search_wrapper .search_top .search_close .search_close_btn {
    font-size: 25px;
    color: rgba(255, 255, 255, 0.3);
}
.search_wrapper .search_top .search_close .search_close_btn svg {
    width: 30px;
    height: 30px;
}
.search_wrapper .search_top .search_close .search_close_btn:hover {
    color: var(--ts-color-common-white);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .search_wrapper .search_top {
        margin-bottom: 50px;
    }
}
@media (max-width: 575px) {
    .search_wrapper .search_top {
        margin-bottom: 40px;
    }
}
.search_wrapper .search_form .search_input {
    position: relative;
    height: 80px;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    opacity: 0;
}
.search_wrapper .search_form .search_input::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 0%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search_wrapper .search_form .search_input input {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 0;
    outline: 0;
    font-size: 24px;
    color: var(--ts-color-common-white);
    border-bottom: 1px solid transparent;
    padding: 0;
    padding-right: 30px;
}
.search_wrapper .search_form .search_input input::-webkit-input-placeholder {
    font-size: 24px;
}
.search_wrapper .search_form .search_input input::-moz-placeholder {
    font-size: 24px;
}
.search_wrapper .search_form .search_input input:-ms-input-placeholder {
    font-size: 24px;
}
.search_wrapper .search_form .search_input input::-ms-input-placeholder {
    font-size: 24px;
}
.search_wrapper .search_form .search_input input::placeholder {
    font-size: 24px;
}
.search_wrapper .search_form .search_input input ~ .search-focus-border {
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    width: 0;
    height: 1px;
    background-color: var(--ts-color-common-white);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.search_wrapper .search_form .search_input input:focus ~ .search-focus-border {
    width: 100%;
    left: 0;
    right: auto;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .search_wrapper .search_form .search_input input {
        font-size: 20px;
    }
    .search_wrapper
        .search_form
        .search_input
        input::-webkit-input-placeholder {
        font-size: 20px;
    }
    .search_wrapper .search_form .search_input input::-moz-placeholder {
        font-size: 20px;
    }
    .search_wrapper .search_form .search_input input:-ms-input-placeholder {
        font-size: 20px;
    }
    .search_wrapper .search_form .search_input input::-ms-input-placeholder {
        font-size: 20px;
    }
    .search_wrapper .search_form .search_input input::placeholder {
        font-size: 20px;
    }
}
@media (max-width: 575px) {
    .search_wrapper .search_form .search_input input {
        font-size: 18px;
    }
    .search_wrapper
        .search_form
        .search_input
        input::-webkit-input-placeholder {
        font-size: 18px;
    }
    .search_wrapper .search_form .search_input input::-moz-placeholder {
        font-size: 18px;
    }
    .search_wrapper .search_form .search_input input:-ms-input-placeholder {
        font-size: 18px;
    }
    .search_wrapper .search_form .search_input input::-ms-input-placeholder {
        font-size: 18px;
    }
    .search_wrapper .search_form .search_input input::placeholder {
        font-size: 18px;
    }
}
.search_wrapper .search_form .search_input button {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    color: var(--ts-color-common-white);
}

.search-popup-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--ts-color-theme-primary);
    z-index: 99;
    opacity: 0.8;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
    -webkit-transform: translateY(calc(-100% - 80px));
    -ms-transform: translateY(calc(-100% - 80px));
    transform: translateY(calc(-100% - 80px));
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.search-popup-overlay.search-popup-overlay-open {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

/* !END: Search Popup CSS */
/**----------------------------------------
START: Cursor CSS
----------------------------------------*/
.cursor-outer {
    margin-left: -15px;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    border: 1px solid var(--ts-color-theme-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10000000;
    -webkit-transition: all 0.08s ease-out;
    transition: all 0.08s ease-out;
}
.cursor-outer.cursor-hover {
    opacity: 0;
}
.cursor-outer.cursor-big {
    opacity: 0;
}

.mouseCursor {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
    text-align: center;
}
[dir="rtl"] .mouseCursor {
    left: 0;
    right: auto;
}
.mouseCursor.cursor-big {
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px;
}

.cursor-inner {
    margin-left: -3px;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    z-index: 10000001;
    background-color: var(--ts-color-theme-primary);
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out,
        margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out,
        margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.cursor-inner span {
    color: var(--ts-color-common-white);
    line-height: 80px;
    opacity: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}
.cursor-inner.cursor-big span {
    opacity: 1;
}
.cursor-inner.cursor-hover {
    margin-left: -40px;
    margin-top: -40px;
    width: 80px;
    height: 80px;
    background-color: var(--ts-color-theme-primary);
    opacity: 0.3;
    mix-blend-mode: difference;
}

/* !END: Cursor CSS */
/**----------------------------------------
START: Footer CSS
----------------------------------------*/
.footer-area {
    position: relative;
    z-index: 1;
    background-color: var(--ts-color-grey-light);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
.footer-area::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--ts-color-theme-secondary);
    opacity: 0.97;
    z-index: -1;
}
.footer-area.layout-2 {
    background-color: var(--ts-color-theme-secondary);
}
.footer-area.layout-2::after {
    display: none;
}
.footer_top {
    border-bottom: 1px solid var(--ts-color-border-primary);
    padding: 25px 0;
}
.footer_top_inner {
    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;
}
@media (max-width: 575px) {
    .footer_top_inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.footer_logo {
    max-width: 150px;
    width: 100%;
}
.footer_logo a {
    display: inline-block;
}
@media (max-width: 575px) {
    .footer_logo {
        margin-bottom: 20px;
    }
}
.footer_menu {
    margin-right: 45px;
    margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer_menu {
        margin-right: 30px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .footer_menu {
        margin-right: 0;
    }
}
@media (max-width: 575px) {
    .footer_menu {
        margin-bottom: 20px;
        margin-right: auto;
    }
}
.footer_menu ul {
    list-style: none;
}
.footer_menu ul li {
    display: inline-block;
}
.footer_menu ul li:not(:last-child) {
    margin-right: 15px;
}
.footer_menu ul li a {
    display: block;
    color: var(--ts-color-common-white);
    text-transform: capitalize;
}
.footer_menu ul li a:hover {
    color: var(--ts-color-theme-primary);
}
.footer_socials {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .footer_socials {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 30px;
    }
}
.footer_socials li {
    display: inline-block;
}
.footer_socials li:not(:last-child) {
    margin-right: 10px;
}
.footer_socials li a {
    display: block;
    width: 40px;
    height: 40px;
    background-color: var(--ts-color-grey-light);
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: var(--ts-color-common-white);
}
.footer_socials li a:hover {
    background-color: var(--ts-color-theme-primary);
}
.footer_middle {
    padding-top: 80px;
    padding-bottom: 40px;
}
@media (max-width: 575px) {
    .footer_middle {
        padding-top: 60px;
        padding-bottom: 20px;
    }
}
.footer_widget {
    margin-bottom: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .footer_widget {
        max-width: 415px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 575px) {
    .footer_widget {
        max-width: 350px;
    }
}
.footer_widget_inner .widget_title {
    margin-bottom: 35px;
}
.footer_widget_inner .widget_title .title {
    color: var(--ts-color-common-white);
    margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .footer_widget_inner .widget_title {
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .footer_widget_inner .widget_title {
        margin-bottom: 20px;
    }
}
.footer_widget_inner .widget_working_hours {
    list-style: none;
}
.footer_widget_inner .widget_working_hours li {
    display: block;
    color: var(--ts-color-common-white);
}
.footer_widget_inner .widget_working_hours li:not(:last-child) {
    margin-bottom: 10px;
}
.footer_widget_inner .widget_working_hours li .day {
    font-weight: var(--ts-fw-sbold);
}
.footer_widget_inner .widget_contact_list {
    list-style: none;
}
.footer_widget_inner .widget_contact_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.footer_widget_inner .widget_contact_list li:not(:last-child) {
    margin-bottom: 15px;
}
.footer_widget_inner .widget_contact_list li .icon {
    max-width: 30px;
    margin-right: 15px;
    font-size: 25px;
    color: var(--ts-color-common-white);
}
.footer_widget_inner .widget_contact_list li .icon i {
    display: block;
}
.footer_widget_inner .widget_contact_list li .content .label {
    display: block;
    font-size: 18px;
    font-family: var(--ts-ff-heading);
    font-weight: var(--ts-fw-bold);
    color: var(--ts-color-common-white);
}
.footer_widget_inner .widget_contact_list li .content .info {
    color: var(--ts-color-common-white);
    display: block;
}
.footer_widget_inner .widget_contact_list li .content a:hover {
    color: var(--ts-color-theme-primary);
}
.footer_widget_inner .widget_latest_post {
    list-style: none;
}
.footer_widget_inner .widget_latest_post .latest_post_single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer_widget_inner .widget_latest_post .latest_post_single:not(:last-child) {
    border-bottom: 1px solid var(--ts-color-border-primary);
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.footer_widget_inner .widget_latest_post .latest_post_single .post_thumb {
    max-width: 85px;
    width: 100%;
    height: 85px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
    position: relative;
    z-index: 1;
}
.footer_widget_inner .widget_latest_post .latest_post_single .post_thumb a {
    display: block;
}
.footer_widget_inner .widget_latest_post .latest_post_single .post_thumb a img {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.footer_widget_inner
    .widget_latest_post
    .latest_post_single
    .post_thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(255, 255, 255, 0)),
        to(rgba(255, 255, 255, 0.3))
    );
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 100%
    );
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.footer_widget_inner
    .widget_latest_post
    .latest_post_single
    .post_content
    .post_meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: var(--ts-color-placeholder-primary);
    margin-bottom: 8px;
}
.footer_widget_inner
    .widget_latest_post
    .latest_post_single
    .post_content
    .post_meta
    i {
    display: inline-block;
    margin-top: 3px;
    margin-right: 10px;
}
.footer_widget_inner .widget_latest_post .latest_post_single .post_content a {
    display: inline-block;
}
.footer_widget_inner
    .widget_latest_post
    .latest_post_single
    .post_content
    a
    .title {
    margin-bottom: 0px;
    color: var(--ts-color-common-white);
    font-size: 18px;
    line-height: 1.3;
}
.footer_widget_inner
    .widget_latest_post
    .latest_post_single
    .post_content
    a
    .title:hover {
    color: var(--ts-color-theme-primary);
}
.footer_widget_inner
    .widget_latest_post
    .latest_post_single:hover
    .post_thumb::after {
    -webkit-animation: shine 800ms;
    animation: shine 800ms;
}
.footer_widget_inner
    .widget_latest_post
    .latest_post_single:hover
    .post_thumb
    img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.footer_widget_inner .widget_newsletter .text {
    color: var(--ts-color-common-white);
    margin-bottom: 20px;
}
.footer_widget_inner .widget_newsletter .newsletter_form input[type="email"] {
    width: 100%;
    border: 1px solid var(--ts-color-common-white);
    background-color: transparent;
    padding: 15px 20px;
    margin-bottom: 17px;
    color: var(--ts-color-common-white);
}
.footer_widget_inner .widget_newsletter .newsletter_form .newsletter-btn {
    padding: 15px 30px;
    width: 100%;
}
.footer_widget_inner .widget_newsletter .newsletter_form .newsletter-btn i {
    color: var(--ts-color-common-white);
}
.footer_widget_inner .widget_newsletter .newsletter_form .newsletter-btn::after,
.footer_widget_inner
    .widget_newsletter
    .newsletter_form
    .newsletter-btn::before {
    border-top-color: var(--ts-color-common-white);
    border-bottom-color: var(--ts-color-common-white);
}
.footer_widget_inner .widget_newsletter .newsletter_form .newsletter-btn:hover {
    color: var(--ts-color-theme-primary);
}
.footer_widget_inner
    .widget_newsletter
    .newsletter_form
    .newsletter-btn:hover
    i {
    color: var(--ts-color-theme-primary);
}
.footer_bottom {
    border-top: 1px solid var(--ts-color-border-primary);
    padding: 20px 0;
}
.footer_bottom_inner {
    text-align: center;
}
.footer_bottom_inner .copyright_text {
    color: var(--ts-color-placeholder-primary);
    font-size: 14px;
}
.footer_bottom_inner .copyright_text a {
    color: var(--ts-color-common-white);
}
.footer_bottom_inner .copyright_text a:hover {
    color: var(--ts-color-theme-primary);
}

.layout-2 .footer_top {
    padding-top: 120px;
    padding-bottom: 40px;
    border: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .layout-2 .footer_top {
        padding-top: 100px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .layout-2 .footer_top {
        padding-top: 80px;
    }
}
@media (max-width: 575px) {
    .layout-2 .footer_top {
        padding-top: 60px;
        padding-bottom: 20px;
    }
}
.layout-2 .footer_bottom_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .layout-2 .footer_bottom_inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.layout-2 .footer_bottom_inner .footer_menu {
    margin-right: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .layout-2 .footer_bottom_inner .footer_menu {
        margin-right: auto;
        margin-top: 15px;
        margin-bottom: 0;
    }
}
.layout-2 .footer_bottom_inner .footer_menu li a {
    font-size: 14px;
    color: var(--ts-color-placeholder-primary);
}
.layout-2 .footer_bottom_inner .footer_menu li:hover a {
    color: var(--ts-color-theme-primary);
}

.about_widget .footer_logo {
    margin-bottom: 35px;
}
.about_widget .widget_about {
    max-width: 280px;
}
.about_widget .widget_about .desc p {
    font-size: 18px;
    color: var(--ts-color-common-white);
}
.about_widget .widget_about .desc p:last-child {
    margin-bottom: 0;
}

.socials_widget .widget_title {
    margin-bottom: 20px;
}
.socials_widget .widget_socials {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.socials_widget .widget_socials li {
    display: inline-block;
}
.socials_widget .widget_socials li:not(:last-child) {
    margin-right: 15px;
}
.socials_widget .widget_socials li a {
    display: block;
    width: 35px;
    height: 35px;
    background-color: transparent;
    border: 0.5px solid var(--ts-color-common-white);
    text-align: center;
    border-radius: 50%;
    line-height: 35px;
}
.socials_widget .widget_socials li a i {
    color: var(--ts-color-common-white);
}
.socials_widget .widget_socials li a:hover {
    background-color: var(--ts-color-theme-primary);
    border-color: var(--ts-color-theme-primary);
}

.footer_widget .widget_menu {
    list-style: none;
}
.footer_widget .widget_menu li {
    display: block;
    position: relative;
}
.footer_widget .widget_menu li:not(:last-child) {
    margin-bottom: 15px;
}
.footer_widget .widget_menu li a {
    display: block;
    color: var(--ts-color-common-white);
    font-size: 18px;
    font-weight: var(--ts-fw-medium);
}
.footer_widget .widget_menu li a::after {
    content: "\f111";
    font-family: var(--ts-ff-fontawesome);
    color: var(--ts-color-common-white);
    font-size: 7px;
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: left 0.25s cubic-bezier(0.54, 0.49, 0, 1.75);
    transition: left 0.25s cubic-bezier(0.54, 0.49, 0, 1.75);
    visibility: hidden;
    opacity: 0;
}
.footer_widget .widget_menu li:hover a {
    padding-left: 15px;
}
.footer_widget .widget_menu li:hover a::after {
    visibility: visible;
    opacity: 1;
    left: 0;
}
.footer_widget.menu_widget.footer_column-1 {
    margin-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .footer_widget.menu_widget.footer_column-1 {
        margin-left: 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .footer_widget.menu_widget.footer_column-1 {
        margin-left: auto;
    }
}

.widget_instagram {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
.widget_instagram li {
    width: 31%;
    height: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .widget_instagram li {
        width: 30%;
        height: 70px;
    }
}
.widget_instagram li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.widget_instagram li a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.widget_instagram li a::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--ts-color-theme-primary);
    opacity: 0.8;
    z-index: 1;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: visibility 300ms ease, transform 500ms ease,
        -webkit-transform 500ms ease;
    transition: visibility 300ms ease, transform 500ms ease,
        -webkit-transform 500ms ease;
    visibility: hidden;
}
.widget_instagram li a:hover::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    visibility: visible;
}
.widget_instagram li a:hover .icon {
    visibility: visible;
    opacity: 1;
}
.widget_instagram li a:hover img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}
.widget_instagram li a .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: var(--ts-color-common-white);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

/* !END: Footer CSS */
/**----------------------------------------
START: Breadcrumb CSS
----------------------------------------*/
.breadcrumb-section {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 125px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-section {
        padding: 100px 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .breadcrumb-section {
        padding: 80px 0;
    }
}
@media (max-width: 575px) {
    .breadcrumb-section {
        padding-top: 60px;
        padding-bottom: 40px;
    }
}
.breadcrumb-section::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--ts-color-theme-secondary);
    /* opacity: 0.55; */
    z-index: -1;
}
.breadcrumb_wrapper {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}
.breadcrumb_wrapper .page_title {
    font-size: 55px;
    color: var(--ts-color-common-white);
    margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .breadcrumb_wrapper .page_title {
        font-size: 50px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb_wrapper .page_title {
        font-size: 45px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .breadcrumb_wrapper .page_title {
        font-size: 40px;
    }
}
@media (max-width: 575px) {
    .breadcrumb_wrapper .page_title {
        font-size: 35px;
    }
}
.breadcrumb_wrapper .breadcrumb_navigation {
    display: inline-block;
    background-color: var(--ts-color-common-white);
    padding: 15px 30px;
    color: var(--ts-color-theme-primary);
    font-family: var(--ts-ff-heading);
    font-weight: var(--ts-fw-bold);
    font-size: 18px;
    line-height: 1.5;
}
.breadcrumb_wrapper .breadcrumb_navigation a:hover {
    color: var(--ts-color-theme-secondary);
}
@media (max-width: 575px) {
    .breadcrumb_wrapper .breadcrumb_navigation {
        padding: 12px 20px;
    }
}
.breadcrumb_shape {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.breadcrumb_shape::after {
    position: absolute;
    content: "";
    right: 15%;
    top: 50%;
    width: 300px;
    height: 350px;
    background-color: var(--ts-color-theme-primary);
    opacity: 0.7;
    -webkit-transform: translateY(-50%) skewX(40deg);
    -ms-transform: translateY(-50%) skewX(40deg);
    transform: translateY(-50%) skewX(40deg);
    z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),
    only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .breadcrumb_shape::after {
        right: 3%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px) {
    .breadcrumb_shape::after {
        width: 250px;
        right: 3%;
    }
}
@media (max-width: 575px) {
    .breadcrumb_shape {
        display: none;
    }
}

/* !END: Breadcrumb CSS */
/**----------------------------------------
START: Hero CSS
----------------------------------------*/
.hero-section {
    padding-top: 0;
    padding-bottom: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--ts-color-grey-light);
    z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .hero-section {
        background-position: center right;
    }
}
.hero-section::before {
    position: absolute;
    content: "";
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--ts-color-theme-secondary);
    opacity: 0.9;
    z-index: -1;
    -webkit-animation: overlay 1s ease-in;
    animation: overlay 1s ease-in;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .hero-section::before {
        width: 100%;
        -webkit-animation: overlayFull 1s ease-in;
        animation: overlayFull 1s ease-in;
    }
}
.hero-section::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--ts-color-common-black);
    opacity: 0.2;
    z-index: -1;
}
.hero-section .hero_content_wrapper {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.hero-section .hero_content_wrapper .hero_content_inner {
    max-width: 670px;
    width: 100%;
}
.hero-section .hero_content_wrapper .hero_content_inner .subtitle {
    display: block;
    font-size: 24px;
    line-height: 1.1;
    font-weight: var(--ts-fw-medium);
    letter-spacing: -0.6px;
    color: var(--ts-color-common-white);
    margin-bottom: 34px;
}
.hero-section .hero_content_wrapper .hero_content_inner .title {
    color: var(--ts-color-common-white);
    margin-bottom: 24px;
}
.hero-section .hero_content_wrapper .hero_content_inner .text {
    font-size: 20px;
    color: var(--ts-color-common-white);
}
.hero-section .hero_content_wrapper .hero_content_inner .hero_btn {
    margin-top: 50px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
    .hero-section .hero_content_wrapper {
        height: 850px;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .hero-section .hero_content_wrapper {
        height: 750px;
        padding-top: 50px;
    }
    .hero-section .hero_content_wrapper .hero_content_inner {
        max-width: 635px;
    }
    .hero-section .hero_content_wrapper .hero_content_inner .hero_btn {
        margin-top: 25px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .hero-section .hero_content_wrapper {
        padding-top: 50px;
        height: 700px;
    }
    .hero-section .hero_content_wrapper .hero_content_inner {
        max-width: 550px;
    }
    .hero-section .hero_content_wrapper .hero_content_inner .hero_btn {
        margin-top: 25px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-section .hero_content_wrapper {
        height: 750px;
    }
    .hero-section .hero_content_wrapper .hero_content_inner {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }
    .hero-section .hero_content_wrapper .hero_content_inner .subtitle {
        margin-bottom: 25px;
    }
    .hero-section .hero_content_wrapper .hero_content_inner .hero_btn {
        margin-top: 25px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .hero-section .hero_content_wrapper {
        height: 650px;
    }
    .hero-section .hero_content_wrapper .hero_content_inner {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }
    .hero-section .hero_content_wrapper .hero_content_inner .subtitle {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .hero-section .hero_content_wrapper .hero_content_inner .title {
        margin-bottom: 20px;
    }
    .hero-section .hero_content_wrapper .hero_content_inner .text {
        font-size: 18px;
        margin-bottom: 0;
    }
    .hero-section .hero_content_wrapper .hero_content_inner .hero_btn {
        margin-top: 25px;
    }
}
@media (max-width: 575px) {
    .hero-section .hero_content_wrapper {
        height: 550px;
    }
    .hero-section .hero_content_wrapper .hero_content_inner {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }
    .hero-section .hero_content_wrapper .hero_content_inner .subtitle {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .hero-section .hero_content_wrapper .hero_content_inner .title {
        margin-bottom: 15px;
    }
    .hero-section .hero_content_wrapper .hero_content_inner .text {
        font-size: 16px;
        margin-bottom: 0;
    }
    .hero-section .hero_content_wrapper .hero_content_inner .hero_btn {
        margin-top: 20px;
    }
}
.hero-section .scroll_down {
    position: absolute;
    left: 50%;
    bottom: 70px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.hero-section .scroll_down_inner {
    display: inline-block;
    width: 70px;
    height: 70px;
    background-color: var(--ts-color-theme-primary);
    text-align: center;
    line-height: 70px;
}
.hero-section .scroll_down_inner i {
    font-size: 25px;
    color: var(--ts-color-common-white);
    -webkit-animation: upDown 2s infinite alternate-reverse;
    animation: upDown 2s infinite alternate-reverse;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-section .scroll_down {
        bottom: 40px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px) {
    .hero-section .scroll_down {
        bottom: 30px;
    }
}
@media (max-width: 575px) {
    .hero-section .scroll_down {
        bottom: 25px;
    }
    .hero-section .scroll_down .scroll_down_inner {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .hero-section .scroll_down .scroll_down_inner i {
        font-size: 16px;
        -webkit-animation: upDownMobile 2s infinite alternate-reverse;
        animation: upDownMobile 2s infinite alternate-reverse;
    }
}

/* !END: Hero CSS */
/**----------------------------------------
START: Slider CSS
----------------------------------------*/
.main_slider .slider_item {
    height: 850px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .main_slider .slider_item {
        height: 300px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .main_slider .slider_item {
        height: 300px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .main_slider .slider_item {
        height: 300px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .main_slider .slider_item {
        height: 300px;
    }
}
@media (max-width: 575px) {
    .main_slider .slider_item {
        height: 300px;
    }
}
.main_slider .slider_item .slider_bg {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
    -webkit-transition: all 8s linear 0s;
    transition: all 8s linear 0s;
}
.main_slider .slider_item .slider_bg::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--ts-color-common-black);
    opacity: 0.6;
}
.main_slider .slider_item .octagon {
    width: 800px;
    height: 850px;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 8%;
    z-index: -1;
}
.main_slider .slider_item .octagon::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    border-bottom: 400px solid var(--ts-color-theme-shape);
    border-left: 250px solid transparent;
    border-right: 100px solid transparent;
}
.main_slider .slider_item .octagon::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    border-top: 450px solid var(--ts-color-theme-shape);
    border-left: 100px solid transparent;
    border-right: 215px solid transparent;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main_slider .slider_item .octagon {
        width: 580px;
    }
    .main_slider .slider_item .octagon::before {
        border-left: 170px solid transparent;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .main_slider .slider_item .octagon {
        width: 450px;
        height: 700px;
    }
    .main_slider .slider_item .octagon::before {
        border-bottom: 300px solid var(--ts-color-theme-shape);
        border-left: 140px solid transparent;
    }
    .main_slider .slider_item .octagon::after {
        border-top: 400px solid var(--ts-color-theme-shape);
        border-right: 140px solid transparent;
    }
}
@media (max-width: 575px) {
    .main_slider .slider_item .octagon {
        width: 300px;
        height: 600px;
    }
    .main_slider .slider_item .octagon::before {
        border-bottom: 250px solid var(--ts-color-theme-shape);
        border-left: 70px solid transparent;
        border-right: 70px solid transparent;
    }
    .main_slider .slider_item .octagon::after {
        border-top: 350px solid var(--ts-color-theme-shape);
        border-left: 40px solid transparent;
        border-right: 70px solid transparent;
    }
}
.main_slider .slider_item .slider_content .subtitle {
    display: block;
    font-size: 24px;
    line-height: 1.1;
    font-weight: var(--ts-fw-medium);
    color: var(--ts-color-common-white);
    margin-bottom: 34px;
}
.main_slider .slider_item .slider_content .title {
    color: var(--ts-color-common-white);
    margin-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .main_slider .slider_item .slider_content .title {
        font-size: 70px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .main_slider .slider_item .slider_content .title {
        font-size: 65px;
    }
}
.main_slider .slider_item .slider_content .slider_btn {
    margin-top: 50px;
    background-color: var(--ts-color-common-white);
    color: var(--ts-color-theme-primary);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),
    only screen and (min-width: 1200px) and (max-width: 1399px) {
    .main_slider .slider_item .slider_content .slider_btn {
        margin-top: 25px;
    }
}
.main_slider .slider_item .slider_content .slider_btn::after,
.main_slider .slider_item .slider_content .slider_btn::before {
    border-top: 35px solid var(--ts-color-theme-primary);
    border-bottom: 35px solid var(--ts-color-theme-primary);
}
.main_slider .slider_item .slider_content .slider_btn:hover {
    color: var(--ts-color-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .main_slider .slider_item .slider_content {
        margin-left: 100px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main_slider .slider_item .slider_content {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }
    .main_slider .slider_item .slider_content .title {
        font-size: 55px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .main_slider .slider_item .slider_content .subtitle {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .main_slider .slider_item .slider_content .slider_btn {
        margin-top: 30px;
    }
}
@media (max-width: 575px) {
    .main_slider .slider_item .slider_content {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }
    .main_slider .slider_item .slider_content .subtitle {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .main_slider .slider_item .slider_content .slider_btn {
        margin-top: 30px;
    }
}
.main_slider .slider_item.swiper-slide-active .slider_bg {
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .main_slider .slider_navigation {
        display: none;
    }
}
.main_slider .slider_navigation .slider_prev,
.main_slider .slider_navigation .slider_next {
    color: var(--ts-color-common-white);
    font-size: 65px;
    line-height: 80px;
    width: 80px;
    height: 80px;
    text-align: center;
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 1%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.main_slider .slider_navigation .slider_next {
    right: 1%;
    left: auto;
}
.main_slider .slider_pagination {
    position: absolute;
    bottom: 30px;
    z-index: 9;
    text-align: center;
    display: none;
}
.main_slider .slider_pagination .swiper-pagination-bullet {
    width: 24px;
    height: 24px;
    border: 1px solid transparent;
    border-radius: 50%;
    opacity: 1;
    position: relative;
    background-color: transparent;
}
.main_slider .slider_pagination .swiper-pagination-bullet::after {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background-color: var(--ts-color-common-white);
    border-radius: 50%;
}
.main_slider
    .slider_pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: var(--ts-color-common-white);
}

/* !END: Slider CSS */
/**----------------------------------------
START: About CSS
----------------------------------------*/
.about-section {
    padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-section {
        padding-bottom: 100px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .about-section {
        padding-bottom: 80px;
    }
}
@media (max-width: 575px) {
    .about-section {
        padding-bottom: 60px;
    }
}
.about_image {
    max-width: 615px;
    width: 100%;
}
.about_image::after {
    position: absolute;
    content: "";
    left: 45px;
    bottom: 0;
    width: calc(100% - 110px);
    height: calc(100% - 32px);
    background-image: url(../images/about/about-shape.png);
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
    z-index: -1;
    -webkit-animation: 2s ease 0s infinite alternate-reverse none running upDown;
    animation: 2s ease 0s infinite alternate-reverse none running upDown;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .about_image {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }
}
@media (max-width: 575px) {
    .about_image {
        max-width: 350px;
    }
}
.about_content {
    padding-left: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about_content {
        padding-left: 20px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .about_content {
        padding-left: 0px;
    }
}
.about_content_inner .content_subtitle {
    display: block;
    font-weight: var(--ts-fw-bold);
    text-transform: uppercase;
    font-family: var(--ts-ff-heading);
    font-size: 22px;
    line-height: 1.6;
    color: var(--ts-color-theme-primary);
    margin-bottom: 25px;
}
.about_content_inner .content_title {
    margin-bottom: 30px;
}
.about_content_inner .content_text {
    max-width: 590px;
    width: 100%;
    margin-bottom: 30px;
}
.about_content_inner .content_items {
    max-width: 610px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
}
.about_content_inner .content_items .single_item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.about_content_inner .content_items .single_item .item_heading {
    max-width: 252px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}
.about_content_inner .content_items .single_item .item_heading .icon {
    font-size: 45px;
    line-height: 1;
    margin-right: 12px;
    color: var(--ts-color-theme-primary);
}
.about_content_inner .content_items .single_item .item_heading .item_title {
    margin-bottom: 0;
}
.about_content_inner .content_items .single_item .item_text {
    display: block;
    max-width: 252px;
    width: 100%;
}
.about_content_inner .content_list {
    list-style: none;
}
.about_content_inner .content_list li {
    font-size: 18px;
    font-weight: var(--ts-fw-medium);
    color: var(--ts-color-heading-primary);
    position: relative;
    padding-left: 32px;
}
.about_content_inner .content_list li:not(:last-child) {
    margin-bottom: 12px;
}
.about_content_inner .content_list li::before {
    content: "\f159";
    font-family: flaticon_horses !important;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    color: var(--ts-color-theme-primary);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.about_content_inner .content_btn {
    margin-top: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about_content_inner .content_btn {
        margin-top: 60px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px) {
    .about_content_inner .content_subtitle {
        margin-bottom: 15px;
    }
    .about_content_inner .content_title {
        margin-bottom: 20px;
    }
    .about_content_inner .content_text {
        margin-bottom: 20px;
    }
    .about_content_inner .content_btn {
        margin-top: 30px;
    }
}
@media (max-width: 575px) {
    .about_content_inner .content_subtitle {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .about_content_inner .content_title {
        margin-bottom: 15px;
    }
    .about_content_inner .content_text {
        margin-bottom: 15px;
    }
    .about_content_inner .content_items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }
    .about_content_inner .content_items .single_item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .about_content_inner .content_btn {
        margin-top: 25px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .about_content {
        max-width: 550px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
    }
}
@media (max-width: 575px) {
    .about_content {
        max-width: 350px;
    }
}
.about-section.layout-2 .about_image {
    padding-right: 40px;
    padding-top: 25px;
}
.about-section.layout-2 .about_image::after {
    position: absolute;
    content: "";
    background-image: none;
    top: 0;
    right: 0;
    width: calc(100% - 40px);
    height: calc(100% - 25px);
    border: 2px solid var(--ts-color-theme-primary);
    z-index: -1;
}
@media (max-width: 575px) {
    .about-section.layout-2 .about_image {
        padding-right: 20px;
    }
}
.about-section.layout-2 .content_title {
    margin-bottom: 20px;
}
@media (max-width: 575px) {
    .about-section.layout-2 .content_title {
        margin-bottom: 15px;
    }
}
.about-section.layout-2 .content_btn {
    margin-top: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .about-section.layout-2 .content_btn {
        margin-top: 30px;
    }
}
@media (max-width: 575px) {
    .about-section.layout-2 .content_btn {
        margin-top: 25px;
    }
}

/* !END: About CSS */
/**----------------------------------------
START: Brands CSS
----------------------------------------*/
.brands-section {
    background-color: var(--ts-color-theme-secondary);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.brands_wrapper {
    padding: 65px 0;
}
@media (max-width: 575px) {
    .brands_wrapper {
        padding: 60px 0;
    }
}
.brands_wrapper .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.brands_wrapper .brand_item {
    max-height: 95px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.brands_wrapper .brand_item a {
    display: block;
    text-align: center;
    -webkit-filter: opacity(0.5);
    filter: opacity(0.5);
}
.brands_wrapper .brand_item a img {
    height: 100%;
}
.brands_wrapper .brand_item a:hover {
    -webkit-filter: opacity(1);
    filter: opacity(1);
}

/* !END: Brands CSS */
/**----------------------------------------
START: CTA CSS
----------------------------------------*/
.cta-section {
    padding-top: 0;
    padding-bottom: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--ts-color-grey-light);
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.cta-section::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--ts-color-common-black);
    opacity: 0.75;
    z-index: -1;
}
.cta-section .cta_content_wrapper {
    padding: 80px 0;
    position: relative;
    z-index: 1;
}
@media (max-width: 575px) {
    .cta-section .cta_content_wrapper {
        max-width: 350px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 60px 0;
    }
}
.cta-section .cta_content_wrapper #octagon {
    width: 430px;
    height: 320px;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta-section .cta_content_wrapper #octagon {
        width: 330px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .cta-section .cta_content_wrapper #octagon {
        width: 330px;
        height: 375px;
        right: -80px;
    }
}
.cta-section .cta_content_wrapper #octagon:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    border-bottom: 130px solid var(--ts-color-theme-shape);
    border-left: 100px solid transparent;
    border-right: 50px solid transparent;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .cta-section .cta_content_wrapper #octagon:before {
        border-bottom-width: 150px;
    }
}
.cta-section .cta_content_wrapper #octagon:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    border-top: 190px solid var(--ts-color-theme-shape);
    border-left: 50px solid transparent;
    border-right: 140px solid transparent;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .cta-section .cta_content_wrapper #octagon:after {
        border-top-width: 225px;
    }
}
.cta-section .cta_content_wrapper .cta_content .title {
    color: var(--ts-color-common-white);
    margin-bottom: 20px;
}
@media (max-width: 575px) {
    .cta-section .cta_content_wrapper .cta_content .title {
        margin-bottom: 15px;
    }
}
.cta-section .cta_content_wrapper .cta_content .text p {
    color: var(--ts-color-common-white);
    font-size: 18px;
}
.cta-section .cta_content_wrapper .cta_content .text p:last-child {
    margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .cta-section .cta_content_wrapper .cta_content .text {
        margin-bottom: 30px;
    }
}
@media (max-width: 575px) {
    .cta-section .cta_content_wrapper .cta_content .text {
        margin-bottom: 25px;
    }
}
.cta-section.layout-2 .cta-bg-color {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 45%;
    background-color: var(--ts-color-theme-secondary);
}
.cta-section.layout-2 .cta-bg-color::after {
    position: absolute;
    content: "";
    left: 100%;
    top: 0;
    margin-left: -1px;
    height: 101%;
    width: 150px;
    background-color: var(--ts-color-theme-secondary);
    -webkit-clip-path: polygon(0 0, 100% 0, 0% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 0% 100%, 0 100%);
    z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta-section.layout-2 .cta-bg-color {
        width: 50%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .cta-section.layout-2 .cta-bg-color {
        display: none;
    }
}
.cta-section.layout-2 .cta-bg-image {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 55%;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
.cta-section.layout-2 .cta-bg-image::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--ts-color-common-black);
    opacity: 0.5;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta-section.layout-2 .cta-bg-image {
        width: 50%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .cta-section.layout-2 .cta-bg-image {
        width: 100%;
    }
}
.cta-section.layout-2 .cta_content_wrapper {
    padding: 95px 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .cta-section.layout-2 .cta_content_wrapper {
        padding: 80px 0;
    }
}
@media (max-width: 575px) {
    .cta-section.layout-2 .cta_content_wrapper {
        padding: 60px 0;
    }
}
.cta-section.layout-2 .cta_content_wrapper .cta_content {
    max-width: 45%;
    position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta-section.layout-2 .cta_content_wrapper .cta_content {
        max-width: 50%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .cta-section.layout-2 .cta_content_wrapper .cta_content {
        max-width: 100%;
    }
}
.cta-section.layout-2 .cta_content_wrapper .cta_content .title {
    max-width: 642px;
    width: 100%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: 60px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .cta-section.layout-2 .cta_content_wrapper .cta_content .title {
        max-width: 620px;
        font-size: 40px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .cta-section.layout-2 .cta_content_wrapper .cta_content .title {
        max-width: 530px;
        font-size: 35px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cta-section.layout-2 .cta_content_wrapper .cta_content .title {
        max-width: 432px;
        font-size: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px) {
    .cta-section.layout-2 .cta_content_wrapper .cta_content .title {
        max-width: 370px;
        font-size: 25px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .cta-section.layout-2 .cta_content_wrapper .cta_content .title {
        text-align: center;
        margin-right: auto;
        margin-bottom: 20px;
    }
}
@media (max-width: 575px) {
    .cta-section.layout-2 .cta_content_wrapper .cta_content .title {
        max-width: 350px;
        font-size: 22px;
        margin-bottom: 15px;
    }
}
.cta-section.layout-2 .cta_content_wrapper .cta_content .cta_icon {
    position: absolute;
    right: -125px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .cta-section.layout-2 .cta_content_wrapper .cta_content .cta_icon {
        position: relative;
        right: auto;
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        text-align: center;
    }
}
.cta-section.layout-2 .cta_content_wrapper .cta_content .cta_icon .icon {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.cta-section.layout-2 .cta_content_wrapper .cta_content .cta_icon .icon i {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    line-height: 85px;
    font-size: 35px;
    text-align: center;
    color: var(--ts-color-common-white);
    background-color: var(--ts-color-theme-primary);
}
@media (max-width: 575px) {
    .cta-section.layout-2 .cta_content_wrapper .cta_content .cta_icon .icon {
        width: 75px;
        height: 75px;
    }
    .cta-section.layout-2 .cta_content_wrapper .cta_content .cta_icon .icon i {
        width: 60px;
        height: 60px;
        line-height: 65px;
        font-size: 25px;
    }
}
.cta-section.layout-2 .cta_content_wrapper .cta_content .cta_icon .icon::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px dotted var(--ts-color-common-white);
    border-radius: 50%;
    -webkit-animation: rotate 20s linear infinite;
    animation: rotate 20s linear infinite;
}
.cta-section.layout-2
    .cta_content_wrapper
    .cta_content
    .cta_icon
    .icon:hover
    i {
    background-color: var(--ts-color-common-white);
    color: var(--ts-color-theme-secondary);
}

/* !END: CTA CSS */
/**----------------------------------------
START: Services CSS
----------------------------------------*/
.service {
    display: block;
    position: relative;
    margin-bottom: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .service {
        max-width: 415px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 575px) {
    .service {
        max-width: 400px;
    }
}
.service_inner {
    max-width: 328px;
    width: 100%;
    background-color: var(--ts-color-common-white);
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);
    padding: 40px 30px;
    border-radius: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 575px) {
    .service_inner {
        max-width: 270px;
        padding: 30px 20px;
        border-radius: 12px;
    }
}
.service_thumb {
    position: absolute;
    width: calc(100% - 30px);
    max-height: 225px;
    top: 40px;
    left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 575px) {
    .service_thumb {
        top: 30px;
        left: 20px;
        width: calc(100% - 20px);
    }
}
@media (max-width: 575px) {
    .service_thumb {
        top: 30px;
        left: 20px;
        height: 200px;
        width: calc(100% - 20px);
    }
}
.service_thumb .icon {
    max-width: 70px;
    width: 100%;
    height: 70px;
    background-color: var(--ts-color-theme-secondary);
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 2;
    margin-right: -35px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.service_thumb .icon i {
    font-size: 50px;
    line-height: 1;
    color: var(--ts-color-common-white);
    position: absolute;
    max-width: 55px;
    height: 55px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 575px) {
    .service_thumb .icon {
        max-width: 50px;
        height: 50px;
        margin-right: -30px;
    }
    .service_thumb .icon i {
        font-size: 35px;
        max-width: 40px;
        height: 40px;
    }
}
.service_thumb .image {
    overflow: hidden;
    position: relative;
}
.service_thumb .image img {
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}
.service_thumb .image::after {
    position: absolute;
    content: "";
    top: 0;
    left: -75%;
    z-index: 1;
    display: block;
    width: 50%;
    height: 100%;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(255, 255, 255, 0)),
        to(rgba(255, 255, 255, 0.3))
    );
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 100%
    );
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
@media (max-width: 575px) {
    .service_thumb .image {
        height: 100%;
    }
}
.service_content {
    padding-top: 250px;
    border-radius: 12px;
}
.service_content .title {
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.service_content .text {
    margin-bottom: 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .service_content {
        padding-top: 215px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .service_content {
        padding-top: 180px;
    }
}
@media (max-width: 575px) {
    .service_content {
        padding-top: 220px;
    }
}
.service:hover .service_thumb .icon {
    background-color: var(--ts-color-theme-primary);
}
.service:hover .service_thumb .icon i {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    -ms-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
}
.service:hover .service_thumb .image img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}
.service:hover .service_thumb .image::after {
    -webkit-animation: shine 800ms;
    animation: shine 800ms;
}
.service:hover .service_content .title {
    color: var(--ts-color-theme-primary);
}
.service.layout-2 .service_inner {
    max-width: 100%;
    padding: 0;
}
.service.layout-2 .service_inner .service_content {
    padding: 45px 40px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 575px) {
    .service.layout-2 .service_inner .service_content {
        padding: 35px 20px;
    }
}
.service.layout-2 .service_inner .service_content .icon {
    font-size: 90px;
    line-height: 90px;
    margin-bottom: 15px;
    color: var(--ts-color-theme-primary);
}
.service.layout-2 .service_inner .service_content .icon i {
    display: block;
}
@media (max-width: 575px) {
    .service.layout-2 .service_inner .service_content .icon {
        font-size: 70px;
        line-height: 70px;
    }
}
.service.layout-2 .service_inner .service_content .title {
    margin-bottom: 20px;
}
.service.layout-2 .service_inner .service_content .title a {
    -webkit-transition: none;
    transition: none;
}
.service.layout-2 .service_inner .service_thumb {
    position: relative;
    max-height: 220px;
    width: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}
@media (max-width: 575px) {
    .service.layout-2 .service_inner .service_thumb {
        height: auto;
    }
}
.service.layout-2 .service_inner .service_thumb .image::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--ts-color-common-black);
    opacity: 0.5;
    z-index: 1;
}
.service.layout-2 .service_inner .service_thumb .image .link {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}
.service.layout-2 .service_inner .service_thumb .image .link a {
    display: inline-block;
    width: 60px;
    height: 60px;
    border: 1px solid var(--ts-color-common-white);
    text-align: center;
    line-height: 65px;
    border-radius: 50%;
    font-size: 30px;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    visibility: hidden;
    opacity: 0;
}
.service.layout-2 .service_inner .service_thumb .image .link a i {
    display: block;
    color: var(--ts-color-common-white);
    -webkit-transition: none;
    transition: none;
}
.service.layout-2 .service_inner .service_thumb .image .link a:hover {
    border-color: var(--ts-color-theme-primary);
}
.service.layout-2 .service_inner .service_thumb .image .link a:hover i {
    color: var(--ts-color-theme-primary);
}
.service.layout-2:hover .service_inner .service_content {
    background-color: var(--ts-color-theme-primary);
    border-radius: 12px;
}
.service.layout-2:hover .service_inner .service_content .icon,
.service.layout-2:hover .service_inner .service_content .title,
.service.layout-2:hover .service_inner .service_content .text {
    color: var(--ts-color-common-white);
}
.service.layout-2:hover .service_inner .service_content .title:hover {
    color: var(--ts-color-theme-secondary);
}
.service.layout-2:hover .service_inner .service_thumb .image::before {
    opacity: 0.2;
}
.service.layout-2:hover .service_inner .service_thumb .image .link a {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.service_details_content_wrapper {
    margin-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .service_details_content_wrapper {
        margin-right: 0;
    }
}
.service_details_content_wrapper .feature_img,
.service_details_content_wrapper .content_box,
.service_details_content_wrapper .images {
    margin-bottom: 30px;
}
.service_details_content_wrapper .images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.service_details_content_wrapper .images.two-col {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 20px;
    overflow: hidden;
}
.service_details_content_wrapper .images.two-col img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.service_details_content_wrapper .image_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
}
.service_details_content_wrapper .image_list img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    margin-bottom: 30px;
}
.service_details_content_wrapper .image_list div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}
.service_details_content_wrapper .image_list div h1,
.service_details_content_wrapper .image_list div h2,
.service_details_content_wrapper .image_list div h3,
.service_details_content_wrapper .image_list div h4,
.service_details_content_wrapper .image_list div h5,
.service_details_content_wrapper .image_list div h6 {
    margin-bottom: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .service_details_content_wrapper .image_list div h1,
    .service_details_content_wrapper .image_list div h2,
    .service_details_content_wrapper .image_list div h3,
    .service_details_content_wrapper .image_list div h4,
    .service_details_content_wrapper .image_list div h5,
    .service_details_content_wrapper .image_list div h6 {
        margin-bottom: 15px;
    }
}
.service_details_content_wrapper .image_list div ul {
    list-style: none;
    margin-bottom: 30px;
}
.service_details_content_wrapper .image_list div ul li {
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: var(--ts-ff-heading);
    font-weight: var(--ts-fw-bold);
    color: var(--ts-color-heading-primary);
    position: relative;
    padding-left: 30px;
}
.service_details_content_wrapper .image_list div ul li:not(:last-child) {
    margin-bottom: 15px;
}
.service_details_content_wrapper .image_list div ul li::before {
    content: "\f00c";
    font-family: var(--ts-ff-fontawesome);
    font-weight: 400;
    color: var(--ts-color-theme-primary);
    font-size: 25px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .service_details_content_wrapper .image_list div ul li {
        font-size: 16px;
        padding-left: 20px;
    }
    .service_details_content_wrapper .image_list div ul li::before {
        font-size: 18px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .service_details_content_wrapper .image_list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0;
    }
    .service_details_content_wrapper .image_list img,
    .service_details_content_wrapper .image_list ul,
    .service_details_content_wrapper .image_list div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.service_sidebar {
    margin-left: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .service_sidebar {
        margin-left: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .service_sidebar {
        margin-top: 20px;
        border-top: 1px solid var(--ts-color-border-secondary);
        padding-top: 50px;
    }
}

/* !END: Services CSS */
/**----------------------------------------
START: Projects CSS
----------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .projects-section.projects-page {
        padding-top: 100px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .projects-section.projects-page {
        padding-top: 80px;
    }
}
.projects-section .project_wrapper .row > * {
    margin-bottom: 10px;
}
.projects-section.layout-2 {
    padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .projects-section.layout-2 {
        padding-bottom: 100px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .projects-section.layout-2 {
        padding-bottom: 80px;
    }
}
@media (max-width: 575px) {
    .projects-section.layout-2 {
        padding-bottom: 60px;
    }
}

.projects_heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--ts-color-theme-secondary);
    padding: 60px;
}
.projects_heading .section_title {
    margin-bottom: 0;
}
.projects_heading .section_title .title {
    color: var(--ts-color-common-white);
}
.projects_heading .section_title .description {
    max-width: 353px;
    width: 100%;
}
.projects_heading .section_title .description p {
    color: var(--ts-color-common-white);
}
.projects_heading .section_title .projects_btn::before,
.projects_heading .section_title .projects_btn::after {
    border-top-color: var(--ts-color-common-white);
    border-bottom-color: var(--ts-color-common-white);
}
.projects_heading .section_title .projects_btn i {
    color: var(--ts-color-common-white);
}
.projects_heading .section_title .projects_btn:hover {
    color: var(--ts-color-theme-primary);
}
.projects_heading .section_title .projects_btn:hover i {
    color: var(--ts-color-theme-primary);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),
    only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .projects_heading {
        padding: 30px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .projects_heading {
        padding: 25px;
    }
    .projects_heading .title {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .projects_heading .button {
        margin-top: 20px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .projects_heading {
        max-width: 415px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 575px) {
    .projects_heading {
        padding: 25px;
    }
    .projects_heading .title {
        font-size: 28px;
        margin-bottom: 15px;
    }
    .projects_heading .button {
        margin-top: 20px;
    }
}

.project {
    width: 100%;
    max-height: 150px;
    height: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .project {
        max-width: 415px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
.project_inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 12px;
}
.project_thumb {
    width: 100%;
    height: 100%;
}
.project_thumb a {
    height: 100%;
    display: block;
    position: relative;
    z-index: 1;
}
.project_thumb a::before {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--ts-color-common-black);
    z-index: 1;
    opacity: 0.5;
    -webkit-transform: scaleY(0) translateZ(100px);
    -ms-transform: scaleY(0) translateZ(100px);
    transform: scaleY(0) translateZ(100px);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: opacity 500ms ease, visibility 500ms ease,
        transform 700ms ease, -webkit-transform 700ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease,
        -webkit-transform 700ms ease;
    visibility: hidden;
}
.project_thumb a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}
.project_content {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    max-width: 65%;
    width: 100%;
    padding: 25px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    (max-width: 575px) {
    .project_content {
        max-width: 73%;
        padding: 25px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 575px) {
    .project_content {
        padding: 20px 15px;
    }
}
.project_content::before {
    position: absolute;
    content: "";
    inset-inline-start: 0;
    top: 10px;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: var(--ts-color-theme-shape);
    /* opacity: 0.50; */
    -webkit-transform: perspective(500px) rotateX(20deg);
    -ms-transform: perspective(500px) rotateX(20deg);
    transform: perspective(500px) rotateX(20deg);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-radius: 12px;
}
.project_content .title {
    color: var(--ts-color-common-white);
    margin-bottom: 7px;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    transition: 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}
.project_content .title a:hover {
    color: var(--ts-color-heading-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .project_content .title {
        font-size: 18px;
    }
}
.project_content .category {
    display: inline-block;
    color: var(--ts-color-common-white);
    font-weight: 500;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    transition: 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .project_content .category {
        font-weight: 400;
    }
}
.project_link {
    position: absolute;
    right: 0px;
    bottom: 25px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    transition: 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    z-index: 2;
}
.project_link a {
    display: inline-block;
    width: 55px;
    height: 55px;
    border: 1px solid var(--ts-color-common-white);
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    font-size: 30px;
}
.project_link a i {
    display: block;
    color: var(--ts-color-common-white);
    -webkit-transition: none;
    transition: none;
}
.project_link a:hover {
    border-color: var(--ts-color-theme-primary);
}
.project_link a:hover i {
    color: var(--ts-color-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 575px) {
    .project_link a {
        width: 45px;
        height: 45px;
        line-height: 50px;
        font-size: 25px;
    }
}
.project:hover .project_thumb a img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}
.project:hover .project_thumb a::before {
    -webkit-transform: scaleY(1) translateZ(0px);
    -ms-transform: scaleY(1) translateZ(0px);
    transform: scaleY(1) translateZ(0px);
    visibility: visible;
}
.project:hover .project_content::before {
    top: 0;
    opacity: 1;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    -webkit-transform: perspective(1000px) rotateX(0deg);
    -ms-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
}
.project:hover .project_content .title,
.project:hover .project_content .category {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.project:hover .project_content .title {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.project:hover .project_content .category {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
.project:hover .project_link {
    right: 30px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .project:hover .project_link {
        right: 25px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    (max-width: 575px) {
    .project:hover .project_link {
        right: 15px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .project .project_thumb a img {
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
    }
    .project .project_thumb a::before {
        -webkit-transform: scaleY(1) translateZ(0px);
        -ms-transform: scaleY(1) translateZ(0px);
        transform: scaleY(1) translateZ(0px);
        visibility: visible;
    }
    .project .project_content::before {
        top: 0;
        opacity: 0.50;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
        -webkit-transform: perspective(1000px) rotateX(0deg);
        -ms-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg);
        border-radius: 12px;
    }
    .project .project_content .title,
    .project .project_content .category {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
    .project .project_content .title {
        -webkit-transition-delay: 0.7s;
        transition-delay: 0.7s;
    }
    .project .project_content .category {
        -webkit-transition-delay: 0.9s;
        transition-delay: 0.9s;
        opacity: 0.7;
    }
    .project .project_link {
        right: 30px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition-delay: 0.9s;
        transition-delay: 0.9s;
    }
}
@media (max-width: 575px) {
    .project .project_link {
        right: 15px;
    }
}

.layout-2 .project {
    max-height: 450px;
    height: 450px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),
    only screen and (min-width: 1200px) and (max-width: 1399px) {
    .layout-2 .project {
        max-height: 150px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .layout-2 .project {
        max-height: 350px;
    }
}

.project_details_img {
    margin-right: 25px;
    margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .project_details_img {
        margin-right: 0;
    }
}

.project_details_content {
    margin-bottom: 30px;
}
.project_details_content .section_title {
    margin-bottom: 40px;
}
.project_details_content .section_title .description {
    max-width: 100%;
}
.project_details_content .project_feature {
    list-style: none;
    max-width: 516px;
    width: 100%;
}
.project_details_content .project_feature li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
}
@media (max-width: 575px) {
    .project_details_content .project_feature li {
        font-size: 16px;
    }
}
.project_details_content .project_feature li:not(:last-child) {
    border-bottom: 1px solid var(--ts-color-border-secondary);
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.project_details_content .project_feature li .feature_title {
    display: inline-block;
    position: relative;
    font-weight: 500;
    color: var(--ts-color-heading-primary);
    min-width: 165px;
    margin-right: 12px;
}
@media (max-width: 575px) {
    .project_details_content .project_feature li .feature_title {
        min-width: 100px;
    }
}
.project_details_content .project_feature li .feature_title::after {
    content: ":";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.project_details_content .project_feature li .reviews {
    position: relative;
    width: 90px;
    height: 18px;
    overflow: hidden;
}
.project_details_content .project_feature li .reviews::after,
.project_details_content .project_feature li .reviews::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(../images/icons/star.svg);
    background-size: 18px;
    background-repeat: repeat-x;
}
.project_details_content .project_feature li .reviews::after {
    background-image: url(../images/icons/star-fill.svg);
    width: 92%;
}
.project_details_content .p_details_btn {
    margin-top: 40px;
}
.project_details_content.style-2 {
    margin-bottom: 0;
}
.project_details_content.style-2 .project_details_img {
    margin-right: 0;
    margin-bottom: 25px;
}
@media (max-width: 575px) {
    .project_details_content.style-2 .project_details_img {
        margin-bottom: 20px;
    }
}
.project_details_content.style-2 .section_title {
    margin-bottom: 20px;
}
.project_details_content.style-2 .section_title .title {
    margin-bottom: 0;
}
.project_details_content.style-2 .project_feature {
    max-width: 100%;
    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;
    gap: 40px;
    border-bottom: 1px solid var(--ts-color-border-secondary);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px) {
    .project_details_content.style-2 .project_feature {
        gap: 15px;
    }
}
@media (max-width: 575px) {
    .project_details_content.style-2 .project_feature {
        gap: 10px;
        -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: start;
    }
}
.project_details_content.style-2 .project_feature li {
    border: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
}
.project_details_content.style-2 .project_feature li .feature_title {
    min-width: auto;
    color: var(--ts-color-theme-primary);
    font-size: 20px;
    font-family: var(--ts-ff-heading);
    font-weight: var(--ts-fw-bold);
}
.project_details_content.style-2 .project_feature li a:hover {
    color: var(--ts-color-theme-primary);
}
.project_details_content.style-2 .content_box {
    margin-bottom: 30px;
}
.project_details_content.style-2 .image_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
}
.project_details_content.style-2 .image_list img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 30px;
}
.project_details_content.style-2 .image_list div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    margin-bottom: 30px;
}
.project_details_content.style-2 .image_list div h1,
.project_details_content.style-2 .image_list div h2,
.project_details_content.style-2 .image_list div h3,
.project_details_content.style-2 .image_list div h4,
.project_details_content.style-2 .image_list div h5,
.project_details_content.style-2 .image_list div h6 {
    margin-bottom: 20px;
}
.project_details_content.style-2 .image_list div li {
    display: block;
    font-size: 18px;
    font-family: var(--ts-ff-heading);
    font-weight: var(--ts-fw-medium);
    color: var(--ts-color-heading-primary);
    position: relative;
    padding-left: 35px;
}
.project_details_content.style-2 .image_list div li:not(:last-child) {
    margin-bottom: 15px;
}
.project_details_content.style-2 .image_list div li::before {
    content: "\f159";
    font-family: "flaticon_horses";
    font-weight: 400;
    color: var(--ts-color-theme-primary);
    font-size: 22px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 1px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .project_details_content.style-2 .image_list img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .project_details_content.style-2 .image_list img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .project_details_content.style-2 .image_list {
        -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: start;
        gap: 0;
    }
    .project_details_content.style-2 .image_list img {
        max-width: 100%;
    }
    .project_details_content.style-2 .image_list div {
        max-width: 100%;
    }
}

.project_details_tags_share {
    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;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid var(--ts-color-border-secondary);
    padding-top: 25px;
    margin-top: 25px;
}
.project_details_tags_share .project_share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 575px) {
    .project_details_tags_share .project_share {
        gap: 12px;
    }
}
.project_details_tags_share .project_share .label {
    margin-bottom: 0;
    font-weight: var(--ts-fw-medium);
}
.project_details_tags_share .project_share ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.project_details_tags_share .project_share ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 45px;
    height: 45px;
    border: 1px solid var(--ts-color-theme-primary);
    background-color: var(--ts-color-common-white);
    border-radius: 50%;
    color: var(--ts-color-theme-primary);
    font-size: 18px;
}
.project_details_tags_share .project_share ul li a:hover {
    background-color: var(--ts-color-theme-primary);
    color: var(--ts-color-common-white);
}
@media (max-width: 575px) {
    .project_details_tags_share .project_share ul li a {
        width: 35px;
        height: 35px;
    }
}
.project_details_tags_share .project_tags.tagcloud a {
    background-color: var(--ts-color-overlay-white);
    font-weight: var(--ts-fw-medium);
}
.project_details_tags_share .project_tags.tagcloud a:hover {
    background-color: var(--ts-color-theme-primary);
    color: var(--ts-color-common-white);
}

.project_navigation {
    border-top: 1px solid var(--ts-color-border-secondary);
    padding-top: 25px;
    margin-top: 25px;
    margin-bottom: 30px;
}
.project_navigation .nav_project .direction {
    display: block;
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 5px;
    color: var(--ts-color-theme-primary);
}
.project_navigation .nav_project .title {
    margin-bottom: 0;
    font-size: 20px;
}
.project_navigation .nav_project .title:hover {
    color: var(--ts-color-theme-primary);
}
.project_navigation .nav_project.next {
    text-align: end;
}

/* !END: Projects CSS */
/**----------------------------------------
START: Teams CSS
----------------------------------------*/
.team-section {
    padding-top: 0;
}
.team-section.layout-2,
.team-section.about-page {
    padding-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .team-section.layout-2,
    .team-section.about-page {
        padding-top: 100px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .team-section.layout-2,
    .team-section.about-page {
        padding-top: 80px;
    }
}
@media (max-width: 575px) {
    .team-section.layout-2,
    .team-section.about-page {
        padding-top: 60px;
    }
}

.team_member {
    background-color: var(--ts-color-common-white);
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .team_member {
        max-width: 415px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 575px) {
    .team_member {
        max-width: 350px;
    }
}
.team_inner {
    padding: 40px;
    text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .team_inner {
        padding: 40px 30px;
    }
}
@media (max-width: 575px) {
    .team_inner {
        padding: 30px 20px;
    }
}
.team_image {
    display: inline-block;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
}
.team_image::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px dashed var(--ts-color-theme-primary);
    z-index: 1;
    -webkit-animation: rotate 20s linear infinite;
    animation: rotate 20s linear infinite;
    opacity: 0;
}
.team_image img {
    border-radius: 50%;
    padding: 0px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .team_image {
        width: 230px;
        height: 230px;
    }
}
@media (max-width: 575px) {
    .team_image {
        width: 200px;
        height: 200px;
        margin-bottom: 20px;
    }
}
.team_content a {
    display: block;
}
.team_content a .name {
    margin-bottom: 5px;
}
.team_content a:hover .name {
    color: var(--ts-color-theme-primary);
}
.team_content .designation {
    display: block;
    font-weight: 500;
    color: var(--ts-color-theme-primary);
}
.team_socials {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.team_socials li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 5px;
}
.team_socials li a {
    display: block;
    width: 45px;
    height: 45px;
    border: 1px solid var(--ts-color-text-body);
    background-color: var(--ts-color-common-white);
    border-radius: 50%;
    font-size: 20px;
    line-height: 45px;
    color: var(--ts-color-text-body);
}
.team_socials li a i {
    -webkit-transition: none;
    transition: none;
    color: var(--ts-color-text-body);
}
.team_socials li a:hover {
    border-color: var(--ts-color-theme-primary);
    background-color: var(--ts-color-theme-primary);
    color: var(--ts-color-common-white);
}
.team_socials li a:hover i {
    color: var(--ts-color-common-white);
}
.team_member:hover .team_image::after {
    opacity: 1;
}
.team_member:hover .team_image img {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .team_member .team_image::after {
        opacity: 1;
    }
    .team_member .team_image img {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
}
.team_member.layout-2 {
    border-radius: 0 0 5px 5px;
}
.team_member.layout-2 .team_inner {
    padding: 0;
    text-align: start;
}
.team_member.layout-2 .team_inner .team_image {
    margin-bottom: 0;
    width: 100%;
    height: auto;
    border-radius: 0;
    position: relative;
}
.team_member.layout-2 .team_inner .team_image::after {
    display: none;
}
.team_member.layout-2 .team_inner .team_image img {
    width: 100%;
    border-radius: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.team_member.layout-2 .team_inner .team_image .team_socials {
    margin-top: 0;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 15px;
    padding-right: 40px;
    position: absolute;
    left: 0;
    bottom: 30px;
    z-index: 2;
    -webkit-transform: translateX(-80%);
    -ms-transform: translateX(-80%);
    transform: translateX(-80%);
    background: transparent;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .team_member.layout-2 .team_inner .team_image .team_socials {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        background-color: var(--ts-color-theme-primary);
    }
}
.team_member.layout-2 .team_inner .team_image .team_socials li {
    margin: 0;
}
.team_member.layout-2 .team_inner .team_image .team_socials li a {
    width: auto;
    height: auto;
    border: none;
    background-color: transparent;
    border-radius: 0;
    font-size: 20px;
    line-height: 1;
    padding: 10px;
}
.team_member.layout-2 .team_inner .team_image .team_socials li a i {
    color: var(--ts-color-common-white);
}
.team_member.layout-2 .team_inner .team_image .team_socials li a:hover i {
    color: var(--ts-color-theme-secondary);
}
.team_member.layout-2 .team_inner .team_image .team_socials::before {
    content: "+";
    font-family: var(--ts-ff-fontawesome);
    font-weight: 300;
    width: 45px;
    height: 45px;
    border: 2px solid var(--ts-color-common-white);
    border-radius: 50%;
    background-color: var(--ts-color-theme-primary);
    text-align: center;
    line-height: 40px;
    color: var(--ts-color-common-white);
    position: absolute;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .team_member.layout-2 .team_inner .team_image .team_socials::before {
        content: "\f178";
    }
}
.team_member.layout-2 .team_inner .team_content {
    padding: 25px 30px;
}
.team_member.layout-2 .team_inner .team_content .designation {
    font-weight: var(--ts-fw-regular);
    color: var(--ts-color-text-body);
}
.team_member.layout-2:hover .team_inner .team_image img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.team_member.layout-2:hover .team_inner .team_image .team_socials {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    background-color: var(--ts-color-theme-primary);
}
.team_member.layout-2:hover .team_inner .team_image .team_socials::before {
    content: "\f178";
}

.team-details-area {
    padding-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .team-details-area {
        padding-top: 100px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .team-details-area {
        padding-top: 80px;
    }
}
@media (max-width: 575px) {
    .team-details-area {
        padding-top: 60px;
    }
}
.team-details-area .member_image {
    margin-bottom: 30px;
}
.team-details-area .member_details {
    margin-bottom: 30px;
    margin-left: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .team-details-area .member_details {
        margin-left: 0px;
    }
}
.team-details-area .member_details .name {
    font-size: 35px;
    margin-bottom: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .team-details-area .member_details .name {
        font-size: 30px;
    }
}
@media (max-width: 575px) {
    .team-details-area .member_details .name {
        font-size: 25px;
        margin-bottom: 20px;
    }
}
.team-details-area .member_details .member_info {
    list-style: none;
}
.team-details-area .member_details .member_info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
}
.team-details-area .member_details .member_info li:not(:last-child) {
    border-bottom: 1px solid var(--ts-color-border-secondary);
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.team-details-area .member_details .member_info li .info_title {
    display: inline-block;
    position: relative;
    font-weight: 500;
    color: var(--ts-color-heading-primary);
    min-width: 165px;
    margin-right: 12px;
}
.team-details-area .member_details .member_info li .info_title::after {
    content: ":";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.team-details-area .member_details .member_info li a:hover {
    color: var(--ts-color-theme-primary);
}
@media (max-width: 575px) {
    .team-details-area .member_details .member_info li {
        font-size: 16px;
    }
    .team-details-area .member_details .member_info li .info_title {
        min-width: 115px;
    }
}
.team-details-area .member_details .member_socials {
    list-style: none;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.team-details-area .member_details .member_socials li {
    display: block;
}
.team-details-area .member_details .member_socials li a {
    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;
    width: 45px;
    height: 45px;
    border: 1px solid var(--ts-color-theme-primary);
    background-color: var(--ts-color-common-white);
    border-radius: 50%;
    font-size: 20px;
    color: var(--ts-color-theme-primary);
}
.team-details-area .member_details .member_socials li a i {
    -webkit-transition: none;
    transition: none;
}
.team-details-area .member_details .member_socials li a:hover {
    background-color: var(--ts-color-theme-primary);
}
.team-details-area .member_details .member_socials li a:hover i {
    color: var(--ts-color-common-white);
}
@media (max-width: 575px) {
    .team-details-area .member_details .member_socials {
        margin-top: 20px;
    }
    .team-details-area .member_details .member_socials li a {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
}
.team-details-area .member_summery .title {
    font-size: 35px;
    margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .team-details-area .member_summery .title {
        font-size: 30px;
    }
}
@media (max-width: 575px) {
    .team-details-area .member_summery .title {
        font-size: 25px;
    }
}
.team-details-area .member_summery .desc p:last-child {
    margin-bottom: 0px;
}

/* !END: Teams CSS */
/**----------------------------------------
START: Video Popup CSS
----------------------------------------*/
.video-section {
    padding: 160px 0;
    background-color: var(--ts-color-grey-light);
    position: relative;
    z-index: 1;
}
.video-section::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--ts-color-common-black);
    opacity: 0.8;
    z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video-section {
        padding: 100px 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .video-section {
        padding: 80px 0;
    }
}
@media (max-width: 575px) {
    .video-section {
        padding: 60px 0;
    }
}
.video_image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: -1;
}
.video_content {
    text-align: center;
}
.video_content .video_play {
    margin-bottom: 50px;
}
@media (max-width: 575px) {
    .video_content .video_play {
        margin-bottom: 30px;
    }
}
.video_content .video_play .play {
    display: inline-block;
    width: 120px;
    height: 120px;
    border: 5px solid var(--ts-color-theme-primary);
    border-radius: 50%;
    background-color: var(--ts-color-common-white);
    line-height: 125px;
    font-size: 50px;
    color: var(--ts-color-theme-primary);
    position: relative;
    z-index: 1;
}
.video_content .video_play .play i {
    display: block;
}
.video_content .video_play .play::after,
.video_content .video_play .play::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.4);
    -webkit-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite;
    z-index: -1;
}
.video_content .video_play .play::before {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.video_content .video_play .play:hover {
    color: var(--ts-color-common-white);
    background-color: var(--ts-color-theme-secondary);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .video_content .video_play .play {
        width: 100px;
        height: 100px;
        line-height: 105px;
    }
}
@media (max-width: 575px) {
    .video_content .video_play .play {
        width: 80px;
        height: 80px;
        line-height: 82px;
        font-size: 35px;
    }
}
.video_content .video_text .title {
    margin-bottom: 0;
    color: var(--ts-color-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .video_content {
        max-width: 415px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 575px) {
    .video_content {
        max-width: 350px;
    }
}
.video_content.layout-2 {
    max-width: 525px;
    width: 100%;
    min-height: 500px;
    margin-left: auto;
    margin-right: auto;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 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;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .video_content.layout-2 {
        max-width: 500px;
        margin-bottom: 30px;
    }
}
@media (max-width: 575px) {
    .video_content.layout-2 {
        min-height: 400px;
    }
}
@media (max-width: 575px) {
    .video_content.layout-2 {
        min-height: 350px;
    }
}
.video_content.layout-2::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--ts-color-common-black);
    opacity: 0.45;
    z-index: -1;
}
.video_content.layout-2 .video_play {
    margin-bottom: 0;
    width: 110px;
    height: 110px;
    border: 2px dashed var(--ts-color-common-white);
    line-height: 130px;
    border-radius: 50%;
}
.video_content.layout-2 .video_play .play {
    width: 90px;
    height: 90px;
    border: none;
    line-height: 100px;
    font-size: 35px;
}
.video_content.layout-2 .video_play .play i {
    margin-left: 7px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .video_content.layout-2 .video_play {
        width: 90px;
        height: 90px;
        line-height: 105px;
    }
    .video_content.layout-2 .video_play .play {
        width: 70px;
        height: 70px;
        line-height: 80px;
        font-size: 30px;
    }
}

/* !END: Video Popup CSS */
/**----------------------------------------
START: Pricing Table CSS
----------------------------------------*/
.pricing_table {
    background-color: var(--ts-color-common-white);
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .pricing_table {
        max-width: 415px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 575px) {
    .pricing_table {
        max-width: 350px;
    }
}
.pricing_table_inner {
    padding: 65px 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px) {
    .pricing_table_inner {
        padding: 50px 40px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pricing_table_inner {
        padding: 40px 30px;
    }
}
@media (max-width: 575px) {
    .pricing_table_inner {
        padding: 40px 30px;
    }
}
.pricing_table_inner .price_label .label {
    margin-bottom: 35px;
}
@media (max-width: 575px) {
    .pricing_table_inner .price_label .label {
        margin-bottom: 20px;
    }
}
.pricing_table_inner .price_amount {
    display: block;
    font-family: var(--ts-ff-heading);
    margin-bottom: 40px;
}
.pricing_table_inner .price_amount .price {
    display: inline-block;
    font-size: 48px;
    line-height: 1.1;
    font-weight: var(--ts-fw-bold);
    color: var(--ts-color-theme-primary);
}
.pricing_table_inner .price_amount .period {
    display: inline-block;
    font-size: 20px;
    line-height: 1.6;
    font-weight: var(--ts-fw-normal);
}
@media (max-width: 575px) {
    .pricing_table_inner .price_amount {
        margin-bottom: 30px;
    }
    .pricing_table_inner .price_amount .price {
        font-size: 35px;
    }
    .pricing_table_inner .price_amount .period {
        font-size: 18px;
    }
}
.pricing_table_inner .price_feature {
    list-style: none;
}
.pricing_table_inner .price_feature li {
    position: relative;
    padding-left: 25px;
    opacity: 0.7;
}
.pricing_table_inner .price_feature li.active {
    opacity: 1;
}
.pricing_table_inner .price_feature li:not(:last-child) {
    margin-bottom: 25px;
}
.pricing_table_inner .price_feature li::before {
    position: absolute;
    content: "\f057";
    font-family: var(--ts-ff-fontawesome);
    font-weight: 900;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.pricing_table_inner .price_feature li.active::before {
    content: "\f058";
    color: var(--ts-color-theme-primary);
}
.pricing_btn .price-btn {
    width: 100%;
    background-color: var(--ts-color-theme-secondary);
}
.pricing_btn .price-btn::before,
.pricing_btn .price-btn::after {
    border-top: 45px solid var(--ts-color-theme-primary);
    border-bottom: 45px solid var(--ts-color-theme-primary);
}

/* !END: Pricing Table CSS */
/**----------------------------------------
START: Testimonial CSS
----------------------------------------*/
.testimonial-section {
    background-color: var(--ts-color-grey-light);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-section {
        padding-bottom: 100px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .testimonial-section {
        padding-bottom: 80px;
    }
}
@media (max-width: 575px) {
    .testimonial-section {
        padding-bottom: 60px;
    }
}
.testimonial-section::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--ts-color-overlay-white);
    opacity: 0.9;
    z-index: -1;
}

.testimonials .testimonial {
    background-color: var(--ts-color-common-white);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
.testimonials .testimonial_inner {
    padding: 40px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .testimonials .testimonial_inner {
        padding: 30px 20px;
    }
}
@media (max-width: 575px) {
    .testimonials .testimonial_inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.testimonials .testimonial_inner .top_border {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 65%;
    height: 6px;
    background-color: var(--ts-color-theme-primary);
}
.testimonials .testimonial_inner .top_border::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: -1px;
    left: -1px;
    border-top: 8px solid transparent;
    border-left: 8px solid var(--ts-color-common-white);
    border-bottom: 0px solid transparent;
}
.testimonials .testimonial_thumb {
    max-width: 100%;
    width: 100%;
    margin-right: 30px;
    text-align: center;
}
.testimonials .testimonial_thumb .thumb {
    width: 164px;
    height: 164px;
    margin-bottom: 15px;
}
.testimonials .testimonial_thumb .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.testimonials .testimonial_thumb .reviews {
    position: relative;
    width: 90px;
    height: 18px;
    overflow: hidden;
    margin: auto;
}
.testimonials .testimonial_thumb .reviews::before,
.testimonials .testimonial_thumb .reviews::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(../images/icons/star.svg);
    background-size: 18px;
    background-repeat: repeat-x;
}
.testimonials .testimonial_thumb .reviews::after {
    background-image: url(../images/icons/star-fill.svg);
    width: 92%;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .testimonials .testimonial_thumb {
        margin-right: 20px;
    }
    .testimonials .testimonial_thumb .thumb {
        width: 150px;
        height: 150px;
    }
}
@media (max-width: 575px) {
    .testimonials .testimonial_thumb {
        margin-right: 0;
        margin-bottom: 30px;
        max-width: 165px;
    }
}
.testimonials .testimonial_content .content_heading {
    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;
    margin-bottom: 25px;
}
.testimonials .testimonial_content .content_heading .reviewer_info .name {
    margin-bottom: 1px;
}
.testimonials
    .testimonial_content
    .content_heading
    .reviewer_info
    .designation {
    display: block;
    color: var(--ts-color-theme-primary);
}
.testimonials .testimonial_content .content_heading .quote {
    font-size: 45px;
    line-height: 1;
    color: var(--ts-color-theme-primary);
    opacity: 0.5;
    margin-right: 25px;
}
@media (max-width: 575px) {
    .testimonials .testimonial_content .content_heading .quote {
        margin-right: 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .testimonials .testimonial_content .content_heading {
        margin-bottom: 20px;
    }
}
.testimonials .testimonial_content .review_text p:last-child {
    margin-bottom: 0;
}
.testimonials .testimonial_pagination {
    margin-top: 40px;
    text-align: center;
}
@media (max-width: 575px) {
    .testimonials .testimonial_pagination {
        margin-top: 30px;
    }
}
.testimonials .testimonial_pagination .swiper-pagination-bullet {
    width: 24px;
    height: 24px;
    border: 1px solid transparent;
    background-color: transparent;
    position: relative;
    border-radius: 50%;
    opacity: 1;
}
.testimonials .testimonial_pagination .swiper-pagination-bullet::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--ts-color-theme-primary);
    border-radius: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.testimonials
    .testimonial_pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: var(--ts-color-theme-primary);
}
.testimonials .testimonial.layout-2 {
    background-color: transparent;
    -webkit-box-shadow: 0 0 0;
    -ms-box-shadow: 0 0 0;
    -o-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}
.testimonials .testimonial.layout-2 .testimonial_inner {
    padding: 0;
    display: block;
}
.testimonials .testimonial.layout-2 .testimonial_inner .testimonial_thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 35px;
}
.testimonials
    .testimonial.layout-2
    .testimonial_inner
    .testimonial_thumb
    .thumb {
    max-width: 100px;
    width: 100%;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 0;
    overflow: hidden;
    margin-right: 30px;
}
.testimonials
    .testimonial.layout-2
    .testimonial_inner
    .testimonial_thumb
    .content_heading {
    width: calc(100% - 130px);
    position: relative;
}
.testimonials
    .testimonial.layout-2
    .testimonial_inner
    .testimonial_thumb
    .content_heading
    .reviewer_info {
    text-align: left;
}
.testimonials
    .testimonial.layout-2
    .testimonial_inner
    .testimonial_thumb
    .content_heading
    .reviewer_info
    .name {
    color: var(--ts-color-common-white);
    margin-bottom: 5px;
}
.testimonials
    .testimonial.layout-2
    .testimonial_inner
    .testimonial_thumb
    .content_heading
    .reviewer_info
    .designation {
    color: var(--ts-color-common-white);
}
.testimonials
    .testimonial.layout-2
    .testimonial_inner
    .testimonial_thumb
    .content_heading
    .reviewer_info
    .reviews {
    margin-left: 0;
    margin-top: 20px;
}
.testimonials
    .testimonial.layout-2
    .testimonial_inner
    .testimonial_thumb
    .content_heading
    .reviewer_info
    .reviews::after {
    width: 100%;
}
.testimonials
    .testimonial.layout-2
    .testimonial_inner
    .testimonial_thumb
    .content_heading
    .quote {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--ts-color-common-white);
    font-size: 45px;
    line-height: 1;
}
.testimonials
    .testimonial.layout-2
    .testimonial_inner
    .testimonial_thumb
    .content_heading
    .quote
    i {
    display: block;
}
@media (max-width: 575px) {
    .testimonials
        .testimonial.layout-2
        .testimonial_inner
        .testimonial_thumb
        .content_heading
        .quote {
        right: 0;
    }
}
@media (max-width: 575px) {
    .testimonials .testimonial.layout-2 .testimonial_inner .testimonial_thumb {
        max-width: 100%;
    }
    .testimonials
        .testimonial.layout-2
        .testimonial_inner
        .testimonial_thumb
        .thumb {
        width: 80px;
        height: 80px;
        margin-right: 20px;
    }
    .testimonials
        .testimonial.layout-2
        .testimonial_inner
        .testimonial_thumb
        .content_heading {
        width: calc(100% - 100px);
    }
    .testimonials
        .testimonial.layout-2
        .testimonial_inner
        .testimonial_thumb
        .content_heading
        .reviewer_info
        .reviews {
        margin-top: 5px;
    }
}
.testimonials
    .testimonial.layout-2
    .testimonial_inner
    .testimonial_content
    .review_text
    p,
.testimonials
    .testimonial.layout-2
    .testimonial_inner
    .testimonial_content
    .review_text
    .text {
    color: var(--ts-color-common-white);
    font-size: 18px;
    font-weight: 400;
}
.testimonials.testimonial_slider_2 .testimonial_pagination {
    display: none;
}
.testimonials.testimonial_slider_2
    .testimonial_pagination
    .swiper-pagination-bullet::before {
    background-color: var(--ts-color-common-white);
}
.testimonials.testimonial_slider_2
    .testimonial_pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: var(--ts-color-common-white);
}

/* !END: Testimonial CSS */
/**----------------------------------------
START: Latest Blog CSS
----------------------------------------*/
.blog {
    margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .blog {
        max-width: 415px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 575px) {
    .blog {
        max-width: 350px;
    }
}
.blog .blog_thumb a {
    display: inline-block;
    height: 275px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
@media (max-width: 575px) {
    .blog .blog_thumb a {
        height: 240px;
    }
}
.blog .blog_thumb a img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.blog .blog_thumb a::after {
    position: absolute;
    content: "";
    top: 0;
    left: -75%;
    z-index: 1;
    display: block;
    width: 50%;
    height: 100%;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(255, 255, 255, 0)),
        to(rgba(255, 255, 255, 0.3))
    );
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 100%
    );
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.blog .blog_thumb a:hover::after {
    -webkit-animation: shine 800ms;
    animation: shine 800ms;
}
.blog .blog_content {
    position: relative;
    z-index: 2;
    background-color: var(--ts-color-common-white);
    -webkit-box-shadow: 2px 3px 50px 0px rgba(188, 188, 188, 0.25);
    -ms-box-shadow: 2px 3px 50px 0px rgba(188, 188, 188, 0.25);
    -o-box-shadow: 2px 3px 50px 0px rgba(188, 188, 188, 0.25);
    box-shadow: 2px 3px 50px 0px rgba(188, 188, 188, 0.25);
    max-width: 93%;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 20px;
    margin-top: -45px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.blog .blog_content .post_date {
    display: inline-block;
    background-color: var(--ts-color-theme-secondary);
    padding: 8px 30px;
    border-radius: 40px;
    font-size: 14px;
    line-height: 1;
    text-transform: capitalize;
    color: var(--ts-color-common-white);
    position: absolute;
    right: 20px;
    top: -18px;
    z-index: 2;
}
.blog .blog_content .post_date .day {
    font-size: 20px;
}
@media (max-width: 575px) {
    .blog .blog_content .post_date {
        background-color: var(--ts-color-theme-primary);
    }
}
.blog .blog_content .post_author {
    margin-bottom: 25px;
    display: block;
    color: var(--ts-color-text-body);
}
.blog .blog_content .post_author .author {
    display: inline-block;
    text-transform: capitalize;
}
.blog .blog_content .post_author .author:hover {
    color: var(--ts-color-theme-primary);
}
@media (max-width: 575px) {
    .blog .blog_content .post_author {
        margin-bottom: 20px;
    }
}
.blog .blog_content .post_title {
    display: inline-block;
    margin-bottom: 25px;
}
.blog .blog_content .post_title .title {
    margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog .blog_content .post_title .title {
        font-size: 20px;
    }
}
.blog .blog_content .post_title .title:hover {
    color: var(--ts-color-theme-primary);
}
@media (max-width: 575px) {
    .blog .blog_content .post_title {
        margin-bottom: 20px;
    }
}
.blog:hover .blog_thumb a img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}
.blog:hover .blog_content .post_date {
    background-color: var(--ts-color-theme-primary);
}
.blog.layout-2 {
    background-color: var(--ts-color-common-white);
}

.blog.layout-2 .blog_inner .blog_thumb {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.blog.layout-2 .blog_inner .blog_thumb > a {
    height: 125px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog.layout-2 .blog_inner .blog_thumb > a {
        height: 125px;
    }
}
.blog.layout-2 .blog_inner .blog_thumb .post_meta {
    position: absolute;
    bottom: 20px;
    background-color: var(--ts-color-common-white);
    width: 92%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.blog.layout-2 .blog_inner .blog_thumb .post_meta .post_date {
    display: inline-block;
    width: 60px;
    height: 100%;
    text-align: center;
    background-color: var(--ts-color-theme-secondary);
    color: var(--ts-color-common-white);
    text-transform: capitalize;
    line-height: 20px;
    padding: 8px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
@media (max-width: 575px) {
    .blog.layout-2 .blog_inner .blog_thumb .post_meta .post_date {
        width: 50px;
        padding: 8px 5px;
    }
}
.blog.layout-2 .blog_inner .blog_thumb .post_meta .post_author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    line-height: 1;
    text-transform: capitalize;
    margin-left: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 575px) {
    .blog.layout-2 .blog_inner .blog_thumb .post_meta .post_author {
        margin-left: 10px;
        font-size: 12px;
    }
}
@media (max-width: 575px) {
    .blog.layout-2 .blog_inner .blog_thumb .post_meta .post_author {
        font-size: 13px;
    }
}
.blog.layout-2 .blog_inner .blog_thumb .post_meta .post_author i {
    font-size: 17px;
    color: var(--ts-color-theme-secondary);
    margin-right: 7px;
}
.blog.layout-2 .blog_inner .blog_thumb .post_meta .post_author a {
    height: auto;
    margin-left: 5px;
}
.blog.layout-2 .blog_inner .blog_thumb .post_meta .post_author a::after {
    display: none;
}
.blog.layout-2 .blog_inner .blog_thumb .post_meta .post_author a:hover {
    color: var(--ts-color-theme-primary);
}
.blog.layout-2 .blog_inner .blog_thumb .post_meta .post_comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    line-height: 1;
    text-transform: capitalize;
    margin-left: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 575px) {
    .blog.layout-2 .blog_inner .blog_thumb .post_meta .post_comment {
        margin-left: 10px;
        font-size: 12px;
    }
}
@media (max-width: 575px) {
    .blog.layout-2 .blog_inner .blog_thumb .post_meta .post_comment {
        font-size: 13px;
    }
}
.blog.layout-2 .blog_inner .blog_thumb .post_meta .post_comment i {
    font-size: 17px;
    color: var(--ts-color-theme-secondary);
    margin-right: 7px;
}
.blog.layout-2 .blog_inner .blog_content {
    margin-top: 0;
    max-width: 100%;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
    padding: 20px 30px 0px 30px;
}
@media (max-width: 575px) {
    .blog.layout-2 .blog_inner .blog_content {
        padding: 20px 25px 0 25px;
    }
}
.blog.layout-2 .blog_inner .blog_content .post_title {
    margin-bottom: 10px;
}
.blog.layout-2 .blog_inner .blog_content .post_title .title {
    line-height: 1.4;
}
.blog.layout-2 .blog_inner .blog_content .excerpt {
    margin-bottom: 30px;
}
.blog.layout-2 .blog_inner .blog_content .excerpt p:last-child {
    margin-bottom: 0px;
}
.blog.layout-2 .blog_inner .blog_content .post_btn {
    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;
    font-size: 20px;
    border-top: 1px solid var(--ts-color-border-secondary);
    padding: 20px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    (max-width: 575px) {
    .blog.layout-2 .blog_inner .blog_content .post_btn {
        font-size: 18px;
    }
}
.blog.layout-2 .blog_inner .blog_content .post_btn:hover {
    padding-right: 15px;
}
.blog.layout-2 .blog_inner:hover .blog_thumb .post_meta .post_date {
    background-color: var(--ts-color-theme-primary);
}
.blog.layout-2 .blog_inner:hover .blog_thumb .post_meta .post_author i,
.blog.layout-2 .blog_inner:hover .blog_thumb .post_meta .post_comment i {
    color: var(--ts-color-theme-primary);
}

blockquote,
.wp-block-quote {
    border: 0;
    border-radius: 4px;
    background: var(--ts-color-common-white);
    -webkit-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1);
    padding: 40px 30px;
    position: relative;
    margin-bottom: 30px;
}
@media (max-width: 575px) {
    blockquote,
    .wp-block-quote {
        padding: 25px 15px;
    }
}
blockquote::before,
.wp-block-quote::before {
    content: "\f15a";
    font-family: flaticon_horses !important;
    position: static;
    display: block;
    line-height: 1;
    font-size: 40px;
    color: var(--ts-color-theme-primary);
    margin-bottom: 15px;
}
blockquote cite,
.wp-block-quote cite {
    font-family: var(--ts-ff-heading);
    font-weight: var(--ts-fw-bold);
    font-size: 24px;
    color: var(--ts-color-theme-primary);
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
blockquote cite::before,
.wp-block-quote cite::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 3px;
    border-radius: 2px;
    background: var(--ts-color-theme-primary);
    position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    blockquote cite,
    .wp-block-quote cite {
        font-size: 22px;
    }
}
@media (max-width: 575px) {
    blockquote cite,
    .wp-block-quote cite {
        font-size: 20px;
    }
}
blockquote.is-style-large cite,
.wp-block-quote.is-style-large cite {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}
blockquote.has-text-align-right,
.wp-block-quote.has-text-align-right {
    text-align: right;
}
blockquote.has-text-align-right cite,
.wp-block-quote.has-text-align-right cite {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.blog_area_wrapper,
.blog_details_wrapper {
    margin-right: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .blog_area_wrapper,
    .blog_details_wrapper {
        margin-right: 0;
    }
}

.blog_sidebar {
    margin-left: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .blog_sidebar {
        margin-left: 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .blog_sidebar {
        margin-top: 20px;
        padding-top: 50px;
        border-top: 1px solid var(--ts-color-border-secondary);
    }
}

.blog_meta {
    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;
    gap: 25px;
    margin-bottom: 15px;
}
.blog_meta > span {
    display: inline-block;
    text-transform: capitalize;
}
.blog_meta > span i {
    color: var(--ts-color-theme-primary);
}
.blog_meta > span a:hover {
    color: var(--ts-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog_meta {
        gap: 20px;
    }
}
@media (max-width: 575px) {
    .blog_meta {
        gap: 10px;
    }
}

.blog_standard {
    margin-bottom: 40px;
}
.blog_standard.format-quote a:hover cite {
    color: var(--ts-color-theme-secondary);
}
.blog_standard .blog_thumb {
    overflow: hidden;
    margin-bottom: 25px;
}
.blog_standard .blog_thumb a {
    display: inline-block;
    position: relative;
}
.blog_standard .blog_thumb a img {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.blog_standard .blog_thumb a::after {
    position: absolute;
    content: "";
    top: 0;
    left: -75%;
    z-index: 1;
    display: block;
    width: 50%;
    height: 100%;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(255, 255, 255, 0)),
        to(rgba(255, 255, 255, 0.3))
    );
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 100%
    );
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.blog_standard .blog_thumb a:hover:after {
    -webkit-animation: shine 800ms;
    animation: shine 800ms;
}
.blog_standard .blog_thumb iframe {
    width: 100%;
}
.blog_standard .blog_thumb_slider {
    overflow: hidden;
    margin-bottom: 25px;
    position: relative;
}
.blog_standard .blog_thumb_slider .blog_slider_navigation .blog_slider_prev,
.blog_standard .blog_thumb_slider .blog_slider_navigation .blog_slider_next {
    width: 50px;
    height: 50px;
    background-color: var(--ts-color-common-white);
    color: var(--ts-color-theme-primary);
    border-radius: 50%;
    position: absolute;
    left: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
.blog_standard .blog_thumb_slider .blog_slider_navigation .blog_slider_prev i,
.blog_standard .blog_thumb_slider .blog_slider_navigation .blog_slider_next i {
    -webkit-transition: none;
    transition: none;
}
.blog_standard
    .blog_thumb_slider
    .blog_slider_navigation
    .blog_slider_prev:hover,
.blog_standard
    .blog_thumb_slider
    .blog_slider_navigation
    .blog_slider_next:hover {
    background-color: var(--ts-color-theme-primary);
    color: var(--ts-color-common-white);
}
@media (max-width: 575px) {
    .blog_standard .blog_thumb_slider .blog_slider_navigation .blog_slider_prev,
    .blog_standard
        .blog_thumb_slider
        .blog_slider_navigation
        .blog_slider_next {
        width: 40px;
        height: 40px;
    }
}
.blog_standard .blog_thumb_slider .blog_slider_navigation .blog_slider_next {
    left: auto;
    right: 25px;
}
.blog_standard .blog_thumb_video {
    overflow: hidden;
    margin-bottom: 25px;
    position: relative;
}
.blog_standard .blog_thumb_video .video_play {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}
.blog_standard .blog_thumb_video .video_play .play {
    background-color: var(--ts-color-common-white);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    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: var(--ts-color-theme-primary);
    font-size: 30px;
    -webkit-animation: pulse-2 1.5s infinite;
    animation: pulse-2 1.5s infinite;
}
.blog_standard .blog_thumb_video .video_play .play i {
    line-height: 1;
    display: inherit;
    -webkit-transition: none;
    transition: none;
    margin-left: 5px;
}
.blog_standard .blog_thumb_video .video_play .play::after {
    position: absolute;
    content: "";
    width: 100px;
    height: 100px;
    border: 2px dashed var(--ts-color-common-white);
    border-radius: 50%;
    -webkit-animation: rotate 20s linear infinite;
    animation: rotate 20s linear infinite;
}
.blog_standard .blog_thumb_video .video_play .play:hover {
    background-color: var(--ts-color-theme-secondary);
    color: var(--ts-color-common-white);
}
@media (max-width: 575px) {
    .blog_standard .blog_thumb_video .video_play .play {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    .blog_standard .blog_thumb_video .video_play .play::after {
        width: 60px;
        height: 60px;
    }
}
.blog_standard .blog_content .blog_title {
    font-size: 35px;
    margin-bottom: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog_standard .blog_content .blog_title {
        font-size: 30px;
    }
}
@media (max-width: 575px) {
    .blog_standard .blog_content .blog_title {
        font-size: 25px;
    }
}
.blog_standard .blog_content .blog_title a {
    display: inline;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, currentColor),
        to(currentColor)
    );
    background-image: linear-gradient(
        to right,
        currentColor 0,
        currentColor 100%
    );
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 2px;
    -webkit-transition: all 0.3s, background-size 0.8s;
    transition: all 0.3s, background-size 0.8s;
}
.blog_standard .blog_content .blog_title a:hover {
    color: var(--ts-color-theme-primary);
}
.blog_standard .blog_content .blog_text {
    margin-bottom: 20px;
}
.blog_standard .blog_content .blog-btn {
    padding: 10px 30px;
}
.blog_standard:hover .blog_thumb a img {
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12);
}
.blog_standard:hover .blog_content .blog_title a {
    background-size: 100% 2px;
}

.ts_pagination {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.ts_pagination ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.ts_pagination ul li {
    display: inline-block;
}
.ts_pagination ul li .page-numbers {
    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;
    width: 45px;
    height: 45px;
    border: 1px solid var(--ts-color-border-secondary);
    border-radius: 50%;
    background-color: var(--ts-color-common-white);
}
.ts_pagination ul li .page-numbers i {
    -webkit-transition: none;
    transition: none;
}
.ts_pagination ul li .page-numbers:hover {
    background-color: var(--ts-color-theme-primary);
    color: var(--ts-color-common-white);
}
.ts_pagination ul li .page-numbers.current {
    background-color: var(--ts-color-theme-primary);
    color: var(--ts-color-common-white);
    cursor: auto;
}

.blog_details_wrapper .blog_thumb {
    margin-bottom: 25px;
}
.blog_details_wrapper .blog_thumb_slider {
    overflow: hidden;
    margin-bottom: 25px;
    position: relative;
}
.blog_details_wrapper
    .blog_thumb_slider
    .blog_slider_navigation
    .blog_slider_prev,
.blog_details_wrapper
    .blog_thumb_slider
    .blog_slider_navigation
    .blog_slider_next {
    width: 50px;
    height: 50px;
    background-color: var(--ts-color-common-white);
    color: var(--ts-color-theme-primary);
    border-radius: 50%;
    position: absolute;
    left: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
.blog_details_wrapper
    .blog_thumb_slider
    .blog_slider_navigation
    .blog_slider_prev
    i,
.blog_details_wrapper
    .blog_thumb_slider
    .blog_slider_navigation
    .blog_slider_next
    i {
    -webkit-transition: none;
    transition: none;
}
.blog_details_wrapper
    .blog_thumb_slider
    .blog_slider_navigation
    .blog_slider_prev:hover,
.blog_details_wrapper
    .blog_thumb_slider
    .blog_slider_navigation
    .blog_slider_next:hover {
    background-color: var(--ts-color-theme-primary);
    color: var(--ts-color-common-white);
}
@media (max-width: 575px) {
    .blog_details_wrapper
        .blog_thumb_slider
        .blog_slider_navigation
        .blog_slider_prev,
    .blog_details_wrapper
        .blog_thumb_slider
        .blog_slider_navigation
        .blog_slider_next {
        width: 40px;
        height: 40px;
    }
}
.blog_details_wrapper
    .blog_thumb_slider
    .blog_slider_navigation
    .blog_slider_next {
    left: auto;
    right: 25px;
}
.blog_details_wrapper .blog_thumb_video {
    overflow: hidden;
    margin-bottom: 25px;
    position: relative;
}
.blog_details_wrapper .blog_thumb_video .video_play {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}
.blog_details_wrapper .blog_thumb_video .video_play .play {
    background-color: var(--ts-color-common-white);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    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: var(--ts-color-theme-primary);
    font-size: 30px;
    -webkit-animation: pulse-2 1.5s infinite;
    animation: pulse-2 1.5s infinite;
}
.blog_details_wrapper .blog_thumb_video .video_play .play i {
    line-height: 1;
    display: inherit;
    -webkit-transition: none;
    transition: none;
    margin-left: 5px;
}
.blog_details_wrapper .blog_thumb_video .video_play .play::after {
    position: absolute;
    content: "";
    width: 100px;
    height: 100px;
    border: 2px dashed var(--ts-color-common-white);
    border-radius: 50%;
    -webkit-animation: rotate 20s linear infinite;
    animation: rotate 20s linear infinite;
}
.blog_details_wrapper .blog_thumb_video .video_play .play:hover {
    background-color: var(--ts-color-theme-secondary);
    color: var(--ts-color-common-white);
}
@media (max-width: 575px) {
    .blog_details_wrapper .blog_thumb_video .video_play .play {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    .blog_details_wrapper .blog_thumb_video .video_play .play::after {
        width: 60px;
        height: 60px;
    }
}
.blog_details_wrapper .blog_details_content {
    margin-bottom: 40px;
}
.blog_details_wrapper .blog_details_content .title {
    font-size: 35px;
    margin-bottom: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog_details_wrapper .blog_details_content .title {
        font-size: 30px;
    }
}
@media (max-width: 575px) {
    .blog_details_wrapper .blog_details_content .title {
        font-size: 25px;
    }
}
.blog_details_wrapper .blog_details_content .blog_meta {
    margin-bottom: 20px;
}
.blog_details_wrapper .blog_details_content ul {
    list-style: none;
    margin-bottom: 30px;
}
.blog_details_wrapper .blog_details_content ul li {
    display: block;
    font-size: 18px;
    font-family: var(--ts-ff-heading);
    font-weight: var(--ts-fw-bold);
    color: var(--ts-color-heading-primary);
    position: relative;
    padding-left: 35px;
}
.blog_details_wrapper .blog_details_content ul li:not(:last-child) {
    margin-bottom: 15px;
}
.blog_details_wrapper .blog_details_content ul li::before {
    content: "\f159";
    font-family: "flaticon_horses";
    font-weight: 400;
    color: var(--ts-color-theme-primary);
    font-size: 22px;
    position: absolute;
    top: 1px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .blog_details_wrapper .blog_details_content ul li {
        font-size: 16px;
        padding-left: 25px;
    }
    .blog_details_wrapper .blog_details_content ul li::before {
        font-size: 18px;
        top: 2px;
    }
}
.blog_details_wrapper .blog_details_content .content_box,
.blog_details_wrapper .blog_details_content .images {
    margin-bottom: 30px;
}
.blog_details_wrapper .blog_details_content .image_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
}
.blog_details_wrapper .blog_details_content .image_list img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    margin-bottom: 30px;
}
.blog_details_wrapper .blog_details_content .image_list ul {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .blog_details_wrapper .blog_details_content .image_list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0;
    }
    .blog_details_wrapper .blog_details_content .image_list img,
    .blog_details_wrapper .blog_details_content .image_list ul {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.blog_details_wrapper .blog_details_content .images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.blog_details_wrapper .blog_details_content .images.two-col {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 20px;
    overflow: hidden;
}
.blog_details_wrapper .blog_details_content .images.two-col img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.blog_details_tags_share,
.blog_author_details,
.blog_post_navigation,
.blog_post_comments {
    border-top: 1px solid var(--ts-color-border-secondary);
    padding-top: 40px;
    margin-bottom: 40px;
}

.blog_details_tag.tagcloud > span {
    font-weight: var(--ts-fw-bold);
    font-family: var(--ts-ff-heading);
    color: var(--ts-color-theme-secondary);
    font-size: 18px;
    margin-right: 10px;
}
.blog_details_tag.tagcloud a {
    background-color: var(--ts-color-overlay-white);
    border-radius: 12px;
}

.blog_details_share {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    gap: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .blog_details_share {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        margin-top: 30px;
    }
}
.blog_details_share li a {
    display: block;
    width: 45px;
    height: 45px;
    border: 1px solid var(--ts-color-theme-primary);
    background-color: var(--ts-color-common-white);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--ts-color-theme-primary);
    font-size: 18px;
}
.blog_details_share li a i {
    -webkit-transition: none;
    transition: none;
}
.blog_details_share li a:hover {
    background-color: var(--ts-color-theme-primary);
    color: var(--ts-color-common-white);
}
@media (max-width: 575px) {
    .blog_details_share li a {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
}

.author_details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
}
@media (max-width: 575px) {
    .author_details {
        -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: start;
        gap: 25px;
    }
}
.author_details .author_thumb {
    max-width: 168px;
}
.author_details .author_thumb a {
    display: inline-block;
}
.author_details .author_content .author_name:hover {
    color: var(--ts-color-theme-primary);
}
.author_details .author_content .author_desc {
    margin-bottom: 20px;
}
.author_details .author_content .author_socials {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.author_details .author_content .author_socials li a {
    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;
    width: 40px;
    height: 40px;
    border: 1px solid var(--ts-color-overlay-white);
    border-radius: 50%;
    background-color: var(--ts-color-overlay-white);
    color: var(--ts-color-theme-primary);
}
.author_details .author_content .author_socials li a i {
    -webkit-transition: none;
    transition: none;
}
.author_details .author_content .author_socials li a:hover {
    background-color: var(--ts-color-theme-primary);
    border-color: var(--ts-color-theme-primary);
    color: var(--ts-color-common-white);
}

.blog_post_navigation .nav_blog {
    background-color: var(--ts-color-overlay-white);
    padding: 35px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog_post_navigation .nav_blog {
        padding: 25px 15px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog_post_navigation .nav_blog {
        padding: 20px 25px;
    }
}
@media (max-width: 575px) {
    .blog_post_navigation .nav_blog {
        padding: 20px 15px;
    }
}
.blog_post_navigation .nav_blog .blog_thumb {
    margin-bottom: 0;
    margin-bottom: 0;
    max-width: 85px;
    width: 100%;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}
.blog_post_navigation .nav_blog .blog_thumb a {
    display: inline-block;
}
.blog_post_navigation .nav_blog .blog_thumb a img {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.blog_post_navigation .nav_blog .blog_thumb::after {
    position: absolute;
    content: "";
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(255, 255, 255, 0)),
        to(rgba(255, 255, 255, 0.3))
    );
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 100%
    );
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.blog_post_navigation .nav_blog .blog_content {
    max-width: 100%;
}
.blog_post_navigation .nav_blog .blog_content .direction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    color: var(--ts-color-theme-primary);
    font-weight: var(--ts-fw-light);
    margin-bottom: 10px;
}
.blog_post_navigation .nav_blog .blog_content .direction i {
    margin-top: -2px;
}
.blog_post_navigation .nav_blog .blog_content .title {
    font-size: 18px;
}
.blog_post_navigation .nav_blog .blog_content .title:hover {
    color: var(--ts-color-theme-primary);
}
.blog_post_navigation .nav_blog:hover .blog_thumb::after {
    -webkit-animation: shine 800ms;
    animation: shine 800ms;
}
.blog_post_navigation .nav_blog:hover .blog_thumb img {
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12);
}
.blog_post_navigation .nav_blog.next {
    text-align: right;
}
.blog_post_navigation .nav_blog.next .direction {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.blog_post_comments {
    margin-bottom: 30px;
}
.blog_post_comments .post_comments {
    margin-bottom: 40px;
}
.blog_post_comments .post_comments .comments_title {
    margin-bottom: 30px;
}
.blog_post_comments .post_comments .comments_title .title {
    font-size: 30px;
    margin-bottom: 0;
    padding-bottom: 10px;
    position: relative;
}
.blog_post_comments .post_comments .comments_title .title::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 3px;
    width: 70px;
    border-radius: 2px;
    background-color: var(--ts-color-theme-primary);
}
.blog_post_comments .post_comments .latest_comments ul {
    list-style: none;
}
.blog_post_comments .post_comments .latest_comments ul li {
    display: block;
}
.blog_post_comments .post_comments .latest_comments ul li:not(:last-child) {
    border-bottom: 1px solid var(--ts-color-border-secondary);
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.blog_post_comments .post_comments .latest_comments ul li .comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
}
@media (max-width: 575px) {
    .blog_post_comments .post_comments .latest_comments ul li .comment {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.blog_post_comments
    .post_comments
    .latest_comments
    ul
    li
    .comment
    .comment_avatar {
    max-width: 120px;
    width: 100%;
}
.blog_post_comments
    .post_comments
    .latest_comments
    ul
    li
    .comment
    .comment_avatar
    img {
    border-radius: 3px;
}
.blog_post_comments
    .post_comments
    .latest_comments
    ul
    li
    .comment
    .comment_text
    .comment_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}
.blog_post_comments
    .post_comments
    .latest_comments
    ul
    li
    .comment
    .comment_text
    .comment_top
    .avatar_name
    .name {
    font-size: 20px;
    margin-bottom: 5px;
}
.blog_post_comments
    .post_comments
    .latest_comments
    ul
    li
    .comment
    .comment_text
    .comment_top
    .comment_reply
    .reply {
    display: inline-block;
    background-color: var(--ts-color-overlay-white);
    font-weight: var(--ts-fw-medium);
    padding: 8px 25px;
    border-radius: 3px;
    color: var(--ts-color-theme-primary);
}
.blog_post_comments
    .post_comments
    .latest_comments
    ul
    li
    .comment
    .comment_text
    .comment_top
    .comment_reply
    .reply:hover {
    background-color: var(--ts-color-theme-primary);
    color: var(--ts-color-common-white);
}
.blog_post_comments
    .post_comments
    .latest_comments
    ul
    li
    .comment
    .comment_text
    .text
    p:last-child {
    margin-bottom: 0;
}
.blog_post_comments .post_comments .latest_comments ul li > .children {
    margin-left: 50px;
    border-top: 1px solid var(--ts-color-border-secondary);
    padding-top: 30px;
    margin-top: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .blog_post_comments .post_comments .latest_comments ul li > .children {
        margin-left: 30px;
    }
}
.blog_post_comments .comment-respond .comment_reply_title {
    font-size: 30px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
}
.blog_post_comments .comment-respond .comment_reply_title::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 3px;
    width: 70px;
    border-radius: 2px;
    background-color: var(--ts-color-theme-primary);
}
.blog_post_comments .comment-respond .comment_form .form_group select,
.blog_post_comments .comment-respond .comment_form .form_group .nice-select,
.blog_post_comments
    .comment-respond
    .comment_form
    .form_group
    input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
.blog_post_comments .comment-respond .comment_form .form_group textarea {
    border-color: var(--ts-color-border-secondary);
    background-color: var(--ts-color-overlay-white);
    color: var(--ts-color-heading-primary);
}
.blog_post_comments .comment-respond .comment_form .form_group select:focus,
.blog_post_comments
    .comment-respond
    .comment_form
    .form_group
    .nice-select:focus,
.blog_post_comments
    .comment-respond
    .comment_form
    .form_group
    input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):focus,
.blog_post_comments .comment-respond .comment_form .form_group textarea:focus {
    border-color: var(--ts-color-theme-primary);
}
.blog_post_comments .comment-respond .comment_form .form_group textarea {
    height: 200px;
    resize: none;
}
.blog_post_comments .comment-respond .comment_form .comment-notes,
.blog_post_comments
    .comment-respond
    .comment_form
    .comment-form-cookies-consent {
    margin-bottom: 20px;
}

/* !END: Latest Blog CSS */
/**----------------------------------------
START: FAQ CSS
----------------------------------------*/
.faq-section {
    padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .faq-section {
        padding-bottom: 100px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .faq-section {
        padding-bottom: 80px;
    }
}
@media (max-width: 575px) {
    .faq-section {
        padding-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .faq_wrapper {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
}
.faq_wrapper .faq_item {
    background-color: var(--ts-color-overlay-white);
    border-radius: 12px;
}
.faq_wrapper .faq_item:not(:last-child) {
    margin-bottom: 25px;
}
.faq_wrapper .faq_item .faq_question {
    position: relative;
    font-size: 18px;
    margin-bottom: 0;
    cursor: pointer;
    padding: 15px 45px 15px 25px;
}
.faq_wrapper .faq_item .faq_question::after {
    content: "\f06e";
    font-family: var(--ts-ff-fontawesome);
    font-weight: 300;
    position: absolute;
    right: 20px;
    top: 15px;
}
.faq_wrapper .faq_item .faq_question:not(.collapsed) {
    color: var(--ts-color-theme-primary);
}
.faq_wrapper .faq_item .faq_question:not(.collapsed)::after {
    content: "\f070";
    color: var(--ts-color-theme-primary);
}
.faq_wrapper .faq_item .faq_answer .accordion-body {
    padding: 0 25px 20px 25px;
}
.faq_wrapper .faq_item .faq_answer .accordion-body p:last-child {
    margin-bottom: 0;
}

/* !END: FAQ CSS */
/**----------------------------------------
START: Fun Fact CSS
----------------------------------------*/
.funfact-section {
    background-color: var(--ts-color-theme-secondary);
    padding-top: 120px;
    padding-bottom: 80px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .funfact-section {
        padding-top: 100px;
        padding-bottom: 60px;
        background-position: center left;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .funfact-section {
        padding-top: 80px;
        padding-bottom: 40px;
    }
}
@media (max-width: 575px) {
    .funfact-section {
        padding-top: 60px;
        padding-bottom: 20px;
        background-position: center center;
    }
}

.fun_fact_content {
    margin-bottom: 40px;
}
.fun_fact_content .fact_number {
    color: var(--ts-color-common-white);
    font-size: 65px;
    line-height: 1;
    font-family: var(--ts-ff-heading);
    font-weight: var(--ts-fw-bold);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}
.fun_fact_content .fact_number .plus {
    margin-top: -10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fun_fact_content .fact_number {
        font-size: 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fun_fact_content .fact_number {
        font-size: 50px;
        margin-bottom: 25px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .fun_fact_content .fact_number {
        font-size: 40px;
        margin-bottom: 10px;
    }
}
.fun_fact_content .fact_title {
    color: var(--ts-color-common-white);
    line-height: 1;
    margin-bottom: 0;
}
.fun_fact_content.text-center .fact_number {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.fun_fact_content.text-end .fact_number {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

/* !END: Fun Fact CSS */
/**----------------------------------------
START: Appointment CSS
----------------------------------------*/
.get-appointment-section {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    padding-bottom: 100px;
    margin-top: 200px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .get-appointment-section {
        padding-bottom: 80px;
    }
}
@media (max-width: 575px) {
    .get-appointment-section {
        padding-bottom: 60px;
        margin-top: 160px;
    }
}
.get-appointment-section::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--ts-color-common-black);
    opacity: 0.65;
    z-index: -1;
}
.get-appointment-section .section_title {
    margin-bottom: 40px;
}
.get-appointment-section .section_title .title {
    color: var(--ts-color-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px) {
    .get-appointment-section .section_title .title {
        max-width: 400px;
        width: 100%;
    }
}

.appointment_wrapper {
    padding-top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .appointment_wrapper {
        max-width: 550px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .appointment_wrapper {
        padding-top: 80px;
    }
}
@media (max-width: 575px) {
    .appointment_wrapper {
        padding-top: 60px;
        max-width: 350px;
    }
}

.appointment_form {
    background-color: var(--ts-color-theme-primary);
    -webkit-clip-path: polygon(0 0, 100% 70px, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 70px, 100% 100%, 0 100%);
    padding: 100px 30px 20px 30px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -200px;
    margin-right: 30px;
}
.appointment_form .section_title {
    margin-bottom: 50px;
}
.appointment_form .section_title .subtitle {
    color: var(--ts-color-common-white);
    margin-bottom: 15px;
    font-family: var(--ts-ff-body);
    font-weight: var(--ts-fw-medium);
}
.appointment_form .section_title .title {
    font-size: 40px;
    margin-bottom: 0.5rem;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .appointment_form .section_title .title {
        font-size: 35px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px) {
    .appointment_form .section_title .title {
        font-size: 30px;
    }
}
@media (max-width: 575px) {
    .appointment_form .section_title {
        margin-bottom: 40px;
    }
    .appointment_form .section_title .title {
        font-size: 25px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .appointment_form {
        margin-right: 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .appointment_form {
        max-width: 550px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 575px) {
    .appointment_form {
        max-width: 350px;
        padding: 70px 15px 10px 15px;
        margin-top: -160px;
    }
}

/* !END: Appointment CSS */
/**----------------------------------------
START: Forms CSS
----------------------------------------*/
.form_group {
    position: relative;
    margin-bottom: 20px;
    text-align: left;
}
.form_group > i {
    position: absolute;
    right: 15px;
    top: 17px;
    color: var(--ts-color-border-form);
    font-size: 16px;
}
.form_group select,
.form_group .nice-select,
.form_group
    input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
.form_group textarea {
    background-color: transparent;
    border-color: var(--ts-color-border-form);
    border-radius: 3px;
    padding: 12px 30px 12px 15px;
    font-weight: var(--ts-fw-medium);
    color: var(--ts-color-common-white);
}
.form_group select::-webkit-input-placeholder,
.form_group .nice-select::-webkit-input-placeholder,
.form_group
    input:not([type="submit"]):not([type="radio"]):not(
        [type="checkbox"]
    )::-webkit-input-placeholder,
.form_group textarea::-webkit-input-placeholder {
    color: var(--ts-color-placeholder-primary);
    text-transform: capitalize;
    font-weight: var(--ts-fw-normal);
}
.form_group select::-moz-placeholder,
.form_group .nice-select::-moz-placeholder,
.form_group
    input:not([type="submit"]):not([type="radio"]):not(
        [type="checkbox"]
    )::-moz-placeholder,
.form_group textarea::-moz-placeholder {
    color: var(--ts-color-placeholder-primary);
    text-transform: capitalize;
    font-weight: var(--ts-fw-normal);
}
.form_group select:-ms-input-placeholder,
.form_group .nice-select:-ms-input-placeholder,
.form_group
    input:not([type="submit"]):not([type="radio"]):not(
        [type="checkbox"]
    ):-ms-input-placeholder,
.form_group textarea:-ms-input-placeholder {
    color: var(--ts-color-placeholder-primary);
    text-transform: capitalize;
    font-weight: var(--ts-fw-normal);
}
.form_group select::-webkit-input-placeholder,
.form_group .nice-select::-webkit-input-placeholder,
.form_group
    input:not([type="submit"]):not([type="radio"]):not(
        [type="checkbox"]
    )::-webkit-input-placeholder,
.form_group textarea::-webkit-input-placeholder {
    color: var(--ts-color-placeholder-primary);
    text-transform: capitalize;
    font-weight: var(--ts-fw-normal);
}
.form_group select::-moz-placeholder,
.form_group .nice-select::-moz-placeholder,
.form_group
    input:not([type="submit"]):not([type="radio"]):not(
        [type="checkbox"]
    )::-moz-placeholder,
.form_group textarea::-moz-placeholder {
    color: var(--ts-color-placeholder-primary);
    text-transform: capitalize;
    font-weight: var(--ts-fw-normal);
}
.form_group select:-ms-input-placeholder,
.form_group .nice-select:-ms-input-placeholder,
.form_group
    input:not([type="submit"]):not([type="radio"]):not(
        [type="checkbox"]
    ):-ms-input-placeholder,
.form_group textarea:-ms-input-placeholder {
    color: var(--ts-color-placeholder-primary);
    text-transform: capitalize;
    font-weight: var(--ts-fw-normal);
}
.form_group select::-ms-input-placeholder,
.form_group .nice-select::-ms-input-placeholder,
.form_group
    input:not([type="submit"]):not([type="radio"]):not(
        [type="checkbox"]
    )::-ms-input-placeholder,
.form_group textarea::-ms-input-placeholder {
    color: var(--ts-color-placeholder-primary);
    text-transform: capitalize;
    font-weight: var(--ts-fw-normal);
}
.form_group select::placeholder,
.form_group .nice-select::placeholder,
.form_group
    input:not([type="submit"]):not([type="radio"]):not(
        [type="checkbox"]
    )::placeholder,
.form_group textarea::placeholder {
    color: var(--ts-color-placeholder-primary);
    text-transform: capitalize;
    font-weight: var(--ts-fw-normal);
}
.form_group select:focus,
.form_group .nice-select:focus,
.form_group
    input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):focus,
.form_group textarea:focus {
    border-color: var(--ts-color-common-white);
}
.form_group select:focus + i,
.form_group .nice-select:focus + i,
.form_group
    input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):focus
    + i,
.form_group textarea:focus + i {
    color: var(--ts-color-common-white);
}
.form_group textarea {
    height: 134px;
}
.form_group .form_btn {
    background-color: var(--ts-color-common-white);
    color: var(--ts-color-theme-primary);
}
.form_group .form_btn i {
    color: var(--ts-color-theme-primary);
}
.form_group .form_btn:hover {
    color: var(--ts-color-common-white);
}
.form_group .form_btn:hover i {
    color: var(--ts-color-common-white);
}
.form_group .error {
    font-size: 15px;
    color: #f00;
}

/* !END: Forms CSS */
/**----------------------------------------
START: Sidebar Widgets CSS
----------------------------------------*/
.sidebar_widget {
    background-color: var(--ts-color-overlay-white);
    width: 100%;
    border-radius: 4px;
    padding: 35px 25px;
    margin-bottom: 30px;
}
.sidebar_widget .widget_title {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 30px;
}
.sidebar_widget .widget_title .title {
    margin-bottom: 0;
    line-height: 1;
}
.sidebar_widget .widget_title::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 55px;
    height: 2px;
    background-color: var(--ts-color-theme-primary);
}

.search_widget .search_form {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
.search_widget .search_form input[type="text"] {
    width: 100%;
    font-weight: var(--ts-fw-bold);
    color: var(--ts-color-heading-primary);
    font-family: var(--ts-ff-heading);
    padding: 16px 65px 16px 20px;
    border-radius: 4px;
    line-height: 1;
}
.search_rounded .search_form input[type="text"] {
    width: 100%;
    font-weight: var(--ts-fw-bold);
    color: var(--ts-color-heading-primary);
    font-family: var(--ts-ff-heading);
    padding: 16px 65px 16px 20px;
    border-radius: 12px;
    line-height: 1;
    border: 2px solid var(--bs-gray-300);
}
.search_widget .search_form button[type="submit"] {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60px;
    height: 100%;
    background-color: var(--ts-color-theme-primary);
    color: var(--ts-color-common-white);
}
.search_widget .search_form button[type="submit"]:hover {
    background-color: var(--ts-color-theme-secondary);
}
.search_rounded .search_form button[type="submit"] {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60px;
    height: 100%;
    background-color: var(--ts-color-theme-shape);
    color: var(--ts-color-common-white);
    border-top-right-radius: 12px; /* top right corner */
    border-bottom-right-radius: 12px; /* bottom right corner */
}
.search_rounded .search_form button[type="submit"]:hover {
    background-color: var(--ts-color-theme-secondary);
}

.services_widget .services_list {
    list-style: none;
}
.services_widget .services_list li {
    display: block;
}
.services_widget .services_list li:not(:last-child) {
    margin-bottom: 15px;
}
.services_widget .services_list li a {
    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;
    font-family: var(--ts-ff-heading);
    font-weight: var(--ts-fw-bold);
    font-size: 17px;
    color: var(--ts-color-heading-primary);
    background-color: var(--ts-color-common-white);
    padding: 14px 18px;
}
.services_widget .services_list li a i {
    font-size: 20px;
    color: var(--ts-color-heading-primary);
    -webkit-transition: none;
    transition: none;
}
.services_widget .services_list li.active a,
.services_widget .services_list li:hover a {
    background-color: var(--ts-color-theme-primary);
    color: var(--ts-color-common-white);
}
.services_widget .services_list li.active a i,
.services_widget .services_list li:hover a i {
    color: var(--ts-color-common-white);
}

.categories_widget ul,
.widget_categories ul {
    list-style: none;
}
.categories_widget ul li,
.widget_categories ul li {
    display: block;
}
.categories_widget ul li:not(:last-child),
.widget_categories ul li:not(:last-child) {
    border-bottom: 1px solid var(--ts-color-border-secondary);
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.categories_widget ul li a,
.widget_categories ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 17px;
    font-family: var(--ts-ff-heading);
    font-weight: var(--ts-fw-bold);
    color: var(--ts-color-heading-primary);
}
.categories_widget ul li a .count,
.widget_categories ul li a .count {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: var(--ts-color-common-white);
    font-size: 14px;
    font-weight: var(--ts-fw-medium);
    color: var(--ts-color-theme-primary);
    font-family: var(--ts-ff-body);
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    margin-left: auto;
}
.categories_widget ul li:hover a,
.widget_categories ul li:hover a {
    color: var(--ts-color-theme-primary);
}

.tagcloud {
    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;
    gap: 10px;
}
.tagcloud a {
    display: block;
    font-size: 15px;
    line-height: 1;
    font-family: var(--ts-ff-heading);
    font-weight: var(--ts-fw-bold);
    color: var(--ts-color-heading-primary);
    background-color: var(--ts-color-common-white);
    padding: 15px 25px;
    border-radius: 3px;
}
.tagcloud a:hover {
    background-color: var(--ts-color-theme-primary);
    color: var(--ts-color-common-white);
}

.recent_post_widget .recent_post {
    list-style: none;
}
.recent_post_widget .recent_post .recent_post_single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
.recent_post_widget .recent_post .recent_post_single:not(:last-child) {
    margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    (max-width: 575px) {
    .recent_post_widget .recent_post .recent_post_single {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 15px;
    }
}
.recent_post_widget .recent_post .recent_post_single .post_thumb {
    max-width: 100px;
    width: 100%;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.recent_post_widget .recent_post .recent_post_single .post_thumb a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.recent_post_widget .recent_post .recent_post_single .post_thumb a img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.recent_post_widget .recent_post .recent_post_single .post_thumb::after {
    position: absolute;
    content: "";
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(255, 255, 255, 0)),
        to(rgba(255, 255, 255, 0.3))
    );
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 100%
    );
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.recent_post_widget .recent_post .recent_post_single .post_content .blog_meta {
    margin-bottom: 10px;
    gap: 15px;
}
.recent_post_widget .recent_post .recent_post_single .post_content .title {
    margin-bottom: 0;
    font-size: 18px;
}
.recent_post_widget
    .recent_post
    .recent_post_single
    .post_content
    .title:hover {
    color: var(--ts-color-theme-primary);
}
.recent_post_widget .recent_post .recent_post_single:hover .post_thumb::after {
    -webkit-animation: shine 800ms;
    animation: shine 800ms;
}
.recent_post_widget .recent_post .recent_post_single:hover .post_thumb a img {
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12);
}

/* !END: Sidebar Widgets CSS */
/**----------------------------------------
START: Contact CSS
----------------------------------------*/
.contact-info-section {
    padding-top: 120px;
    padding-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-info-section {
        padding-top: 100px;
        padding-bottom: 55px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .contact-info-section {
        padding-top: 80px;
        padding-bottom: 45px;
    }
}
@media (max-width: 575px) {
    .contact-info-section {
        padding-top: 60px;
        padding-bottom: 45px;
    }
}
.contact-info-section .info-item:not(:last-child) {
    border-right: 1px solid var(--ts-color-border-secondary);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .contact-info-section .info-item:not(:last-child) {
        border: none;
    }
}

.info_box {
    max-width: 200px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: auto;
}
.info_box.text-center {
    margin-left: auto;
}
.info_box.text-end {
    margin-left: auto;
    margin-right: 0;
}
.info_box .icon {
    font-size: 40px;
    line-height: 1;
    color: var(--ts-color-theme-primary);
    margin-bottom: 20px;
}
.info_box .info_box_content .title {
    margin-bottom: 10px;
}
.info_box .info_box_content .info_list {
    list-style: none;
}
.info_box .info_box_content .info_list li {
    display: block;
    font-weight: var(--ts-fw-medium);
}
.info_box .info_box_content .info_list li a {
    display: block;
}
.info_box .info_box_content .info_list li:hover a {
    color: var(--ts-color-theme-primary);
}
.info_box.style-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    margin-top: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
}
.info_box.style-2 .icon {
    margin-bottom: 0;
    font-size: 45px;
}
.info_box.style-2 .info_box_content .info_list li {
    font-weight: var(--ts-fw-normal);
}

.google_map_inner iframe {
    width: 100%;
    height: 600px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .google_map_inner iframe {
        height: 450px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .google_map_inner iframe {
        height: 400px;
    }
}
@media (max-width: 575px) {
    .google_map_inner iframe {
        height: 300px;
    }
}

.contact-form-section {
    position: relative;
    z-index: 1;
    padding-bottom: 120px;
    margin-top: -260px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-form-section {
        padding-bottom: 100px;
        margin-top: -150px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .contact-form-section {
        padding-bottom: 80px;
        margin-top: -150px;
    }
}
@media (max-width: 575px) {
    .contact-form-section {
        padding-bottom: 60px;
        margin-top: -100px;
    }
}

.contact_form {
    background: var(--ts-color-common-white);
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);
    padding: 80px 100px 60px 100px;
    text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact_form {
        padding: 60px 50px 40px 50px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .contact_form {
        padding: 50px 40px 30px 40px;
    }
}
@media (max-width: 575px) {
    .contact_form {
        padding: 30px 20px 10px 20px;
    }
}
.contact_form .form_group select,
.contact_form .form_group .nice-select,
.contact_form
    .form_group
    input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
.contact_form .form_group textarea {
    background-color: var(--ts-color-overlay-white);
    border-color: var(--ts-color-border-secondary);
    color: var(--ts-color-heading-primary);
    border-radius: 12px;
}
.contact_form .form_group select:focus,
.contact_form .form_group .nice-select:focus,
.contact_form
    .form_group
    input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):focus,
.contact_form .form_group textarea:focus {
    border-color: var(--ts-color-theme-primary);
}
.contact_form .form_group textarea {
    height: 200px;
    resize: none;
}
@media (max-width: 575px) {
    .contact_form .form_group textarea {
        height: 150px;
    }
}

.contact-section .section_title {
    margin-bottom: 30px;
}
.contact-section .section_title .title {
    font-size: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px) {
    .contact-section .section_title .title {
        font-size: 30px;
    }
}
@media (max-width: 575px) {
    .contact-section .section_title .title {
        font-size: 25px;
    }
}
.contact-section .contact_wrapper .contact_tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.contact-section .contact_wrapper .contact_tabs .tab_item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 33%;
    max-width: 50%;
    text-align: center;
}
.contact-section .contact_wrapper .contact_tabs .tab_item:not(:last-child) {
    border-right: 1px solid var(--ts-color-theme-primary);
}
.contact-section .contact_wrapper .contact_tabs .tab_item .tab_btn {
    display: block;
    width: 100%;
    background-color: var(--ts-color-overlay-white);
    font-weight: var(--ts-fw-medium);
    padding: 12px;
    font-family: var(--ts-ff-body);
    color: var(--ts-color-text-body);
    border-top: 2px solid var(--ts-color-overlay-white);
}
.contact-section .contact_wrapper .contact_tabs .tab_item .tab_btn.active {
    border-color: var(--ts-color-theme-primary);
    color: var(--ts-color-heading-primary);
}
.contact-section .contact_wrapper .contact_tab_content {
    margin-top: 35px;
}
.contact-section .contact_wrapper .contact_tab_content .contact_form {
    padding: 0;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    margin-bottom: 30px;
}
.contact-section
    .contact_wrapper
    .contact_tab_content
    .contact_form
    .form_group
    select,
.contact-section
    .contact_wrapper
    .contact_tab_content
    .contact_form
    .form_group
    .nice-select,
.contact-section
    .contact_wrapper
    .contact_tab_content
    .contact_form
    .form_group
    input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
.contact-section
    .contact_wrapper
    .contact_tab_content
    .contact_form
    .form_group
    textarea {
    padding: 15px;
    border-radius: 0;
    background-color: transparent;
}
.contact-section
    .contact_wrapper
    .contact_tab_content
    .contact_form
    .form_group
    textarea {
    height: 150px;
}
.contact-section
    .contact_wrapper
    .contact_tab_content
    .contact_form
    .form_group
    .contact_btn {
    width: 100%;
}
.contact-section .google_map_inner {
    height: 100%;
    padding-bottom: 30px;
    margin-left: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .contact-section .google_map_inner {
        margin-left: 15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .contact-section .google_map_inner {
        margin-left: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .contact-section .google_map_inner {
        padding-top: 30px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .contact-section .google_map_inner {
        padding-top: 20px;
    }
}
.contact-section .google_map_inner iframe {
    height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px) {
    .contact-section .google_map_inner iframe {
        height: 500px;
    }
}
@media (max-width: 575px) {
    .contact-section .google_map_inner iframe {
        height: 400px;
    }
}

/* !END: Contact CSS */
/**----------------------------------------
START: Error CSS
----------------------------------------*/
.error-section {
    padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .error-section {
        padding-bottom: 100px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .error-section {
        padding-bottom: 80px;
    }
}
@media (max-width: 575px) {
    .error-section {
        padding-bottom: 60px;
    }
}

.error_page_content .title {
    font-size: 250px;
    line-height: 1;
    margin-bottom: 20px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .error_page_content .title {
        font-size: 200px;
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .error_page_content .title {
        font-size: 180px;
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .error_page_content .title {
        font-size: 150px;
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .error_page_content .title {
        font-size: 120px;
        margin-bottom: 0;
    }
}
@media (max-width: 575px) {
    .error_page_content .title {
        font-size: 100px;
        margin-bottom: 0;
    }
}
.error_page_content .desc {
    font-size: 55px;
    line-height: 1.1;
    font-family: var(--ts-ff-heading);
    color: var(--ts-color-heading-primary);
    font-weight: var(--ts-fw-bold);
    margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .error_page_content .desc {
        font-size: 40px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .error_page_content .desc {
        font-size: 30px;
    }
}
@media (max-width: 575px) {
    .error_page_content .desc {
        font-size: 20px;
    }
}
.error_page_content .error-btn {
    margin-top: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .error_page_content .error-btn {
        margin-top: 30px;
    }
}
@media (max-width: 575px) {
    .error_page_content .error-btn {
        margin-top: 20px;
    }
}

/* !END: Error CSS */ /*# sourceMappingURL=main.css.map */