/*
Template: Growix - Business Consulting WordPress Theme
Author: peacefulqode.co.in
Version: 1.0
Design and Developed by: Peacefulqode

NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required!

*/


/*==============================================
[  Table of contents  ]
================================================

==> Moz Selection
==> General
==> Loading
==> Back to Top
==> Button Core
==> Animation Button
==> Section Title
==> Header
==> Banner
==> Breadcrumb
==> Footer
==> Blog
==> Blog Sidebar
==> Recent Post
==> Blog Single Post
==> Isotope Portfolio
==> Portfolio Box
==> Portfolio Zigzag
==> Portfolio Slider
==> Service Box
==> Wow Image effects
==> Icon Box
==> Process Step
==> Popup Animation
==> Team
==> Fancy Box
==> Testimonial
==> OWL Carousel
==> Form
==> Client
==> Map Box
==> Pagination
==> Service Single
==> Card
==> Pricing Plan
==> Award
==> Counter
==> FAQ
==> Progress Bar
==> Countdown
==> Icon
==> Custom Css

=======================================
[ End table content ]
======================================*/

/* ################################# */

/* Moz Selectio */

/* ################################# */

:root {
    --primary-color: #1C5540;
    --dark-color: #232323;
    --secondary-color: #4A4A4A;
    --grey-color: #F1EEE6;
    --white-color: #ffffff;
    --light-white: #ffffff2b;
    --light-black: #0000001F;
    --body-fonts: "Hanken Grotesk", serif;
    --title-fonts: "Manrope", serif;
    --sub-title-fonts: "Satisfy", cursive;
    --border-radius: 10px;
    --big--border-radius: 20px;
    --transition: all 0.5s ease-in-out;
}


/* ################################# */

/* General */

/* ################################# */

body {
    background: var(--white-color);
    font-family: var(--body-fonts);
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.8;
    color: var(--secondary-color);
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--title-fonts);
    color: var(--dark-color);
    font-style: normal;
    font-weight: 700;
    margin: 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

h1 {
    font-size: 40px;
    font-style: normal;
    line-height: 48px;
}

h2 {
    font-size: 36px;
    font-style: normal;
    line-height: 44px;
}

h3 {
    font-size: 32px;
    font-style: normal;
    line-height: 40px;
}

h4 {
    font-size: 28px;
    font-style: normal;
    line-height: 36px;
}

h5 {
    font-size: 24px;
    font-style: normal;
    line-height: 32px;
}

h6 {
    font-size: 20px;
    font-style: normal;
    line-height: 28px;
}

/*===== Container =====*/

.container,
.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1400px;
}

.content-area .site-main {
    padding: 130px 0;
    display: inline-block;
    width: 100%;
    float: left;
    overflow: hidden;
}

.pt-cards-body .content-area .site-main,
.pt-cards-body .content-area .site-main .elementor-section.elementor-top-section.pt-cards-section {
    overflow: visible;
}

/*===== Scrollbar=====*/

html::-webkit-scrollbar {
    width: 8px;
    border-radius: 8px;
}

html::-webkit-scrollbar-track {
    background-color: var(--grey-color);
    border-radius: 8px
}

html::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
    border-radius: 8px
}

html {
    scroll-behavior: smooth;
}


/* ################################# */

/* Loading */

/* ################################# */

#pt-loading {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    display: flex;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: var(--white-color);
}

#pt-loading img {
    height: 60px;
}


/* ################################# */

/* Back to Top */

/* ################################# */

#back-to-top .top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    margin: 0px;
    color: var(--dark-color);
    background: var(--white-color);
    z-index: 99;
    border: 1px solid var(--dark-color);
    font-size: 22px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 90px;
    -moz-border-radius: 90px;
    -webkit-border-radius: 90px;
    overflow: hidden;
}

#back-to-top .top:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

#back-to-top .top i {
    display: inline-block;
}

#back-to-top .top:hover i {
    animation: back-to-top-animation 0.4s linear;
}

@keyframes back-to-top-animation {
    0% {
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        transform: translate(0, -40px);
        opacity: 0;
    }

    51% {
        transform: translate(0, 40px);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}


/* ################################# */

/* Button Core */

/* ################################# */

[type="button"],
[type="reset"],
[type="submit"] {
    padding: 12px 30px;
    font-size: 18px;
    line-height: 2;
    font-family: var(--title-fonts);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04em;
    background: var(--primary-color);
    color: var(--white-color);
    display: inline-block;
    border: none;
    width: auto;
    height: auto;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

[type="button"]:hover,
[type="reset"]:hover,
[type="submit"]:hover {
    background-position: right center;
    color: var(--white-color);
}

.pt-button {
    position: relative;
    padding: 12px 30px;
    width: auto;
    background: var(--primary-color);
    color: var(--white-color);
    font-size: 18px;
    line-height: 2;
    font-family: var(--title-fonts);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04em;
    vertical-align: middle;
    border: none;
    display: inline-block;
    overflow: hidden;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
}

.pt-button-block {
    position: relative;
    height: 36px;
    overflow: hidden;
}

.pt-button .pt-button-block .pt-button-text {
    z-index: 9;
    font-weight: 500;
    position: relative;
    display: block;
    transform: translateY(0%);
    transition: transform 0.3s ease-in-out;
}

.pt-button:hover .pt-button-block .pt-button-text {
    transform: translateY(-100%);
}

.pt-button:hover,
.pt-button:focus {
    color: var(--white-color);
    background-position: right center;
}

/*===== Button link =====*/

.pt-button.pt-button-link {
    padding: 0;
    background: transparent;
    color: var(--primary-color);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.pt-button.pt-button-link:hover {
    color: var(--primary-color);
}

.pt-button.pt-button-link .pt-button-block::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--primary-color);
    transition: all 0.7s ease-in-out;
}

.pt-button.pt-button-link:hover .pt-button-block::before {
    width: 100%;
}

.pt-button.pt-button-link .pt-button-block::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: var(--primary-color);
    transition: all 0.4s ease-in-out;
}

.pt-button.pt-button-link:hover .pt-button-block::after {
    width: 0;
}

/*===== Button outline =====*/

.pt-button.pt-button-outline {
    background: transparent;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

/*===== Button Round =====*/

.pt-button-round {
    overflow: hidden;
    letter-spacing: 1px;
    font-family: var(--title-fonts);
    font-weight: 400;
    text-transform: uppercase;
    line-height: 2;
    font-size: 18px;
    background: transparent;
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
    display: inline-flex;
    width: 150px;
    height: 150px;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 9999px;
}

.pt-button-round .pt-button-block .pt-button-text {
    z-index: 9;
    position: relative;
    display: block;
    transform: translateY(0%);
    transition: all 0.3s ease-in-out;
}

.pt-button-round:hover .pt-button-block .pt-button-text {
    transform: translateY(-100%);
}

/*===== Icon Button =====*/

.pt-icon-button {
    overflow: hidden;
}

.pt-icon-button a {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
    font-size: 24px;
    line-height: 60px;
    display: inline-block;
    color: var(--dark-color);
    background-color: transparent;
    text-align: center;
    transition: var(--transition);
    border: 1px solid var(--dark-color);
}

.pt-icon-button a:hover {
    color: var(--white-color);
    background-color: var(--dark-color);
}

.pt-icon-button a i {
    display: inline-block;
    transform: translate(0, 0);
}

.pt-icon-button a:hover i {
    animation: button-animation 0.4s linear;
}

@keyframes button-animation {
    0% {
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        transform: translate(40px, 0);
        opacity: 0;
    }

    51% {
        transform: translate(-40px, 0);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}


/* ################################# */

/* Animation Button  */

/* ################################# */

.pt-animation-button {
    width: 180px;
    height: 180px;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
    transform-origin: center;
    position: relative;
}

.pt-animation-button .pt-animation-button-inner .pt-animation-button-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90px;
    height: 90px;
    font-size: 28px;
    line-height: 1;
    z-index: 1;
    background-color: var(--white-color);
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
}

.pt-bg-grey .pt-animation-button .pt-animation-button-inner .pt-animation-button-icon {
    background-color: var(--grey-color);
}

.pt-animation-button .pt-animation-button-inner .pt-animation-button-icon i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.pt-animation-button .pt-animation-button-inner img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    animation: text-animatio 10s linear infinite;
}


/* ################################# */

/* Section Title */

/* ################################# */

.pt-section-title.text-center {
    padding: 0 15em;
    margin-bottom: 60px;
}

.pt-section-title .pt-section-sub-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.pt-section-title .pt-section-sub-title span {
    font-size: 18px;
    line-height: 26px;
    font-family: var(--title-fonts);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--primary-color);
}

.pt-bg-dark .pt-section-title .pt-section-sub-title span {
    color: var(--white-color);
}

.pt-section-title .pt-section-sub-title i {
    font-size: 18px;
    line-height: 26px;
    height: 26px;
    color: var(--primary-color);
    display: inline-block;
}

.pt-bg-dark .pt-section-title .pt-section-sub-title i {
    color: var(--white-color);
}

.pt-section-title .pt-section-main-title {
    font-size: 52px;
    line-height: 60px;
    color: var(--dark-color);
    padding: 0;
    margin: 0;
    display: block;
}

.pt-bg-dark .pt-section-title .pt-section-main-title {
    color: var(--white-color);
}

.pt-section-title .pt-section-main-title .word {
    display: inline-block;
}

.pt-section-title .pt-section-main-title .word .char:first-child {
    text-transform: capitalize;
}

.pt-section-title .pt-section-main-title .char {
    transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
    transform: translateX(-5px);
    transition-delay: calc(20ms * var(--char-index));
    display: inline-block;
    text-transform: none;
}

.pt-section-title .pt-section-main-title[data-scroll="out"] .char {
    opacity: 0.4;
    transform: translateY(0.25em);
}

.pt-section-title .pt-section-main-title+.pt-section-description {
    margin-top: 10px;
    margin-bottom: 30px;
}

.pt-bg-dark .pt-section-title .pt-section-description {
    color: var(--white-color);
}

.pt-section-title.text-center .pt-section-main-title+.pt-section-description {
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .pt-section-title.text-center {
        padding: 0;
    }
}

@media (max-width: 1023px) {
    .pt-section-title .pt-section-main-title {
        font-size: 44px;
        line-height: 52px;
    }

    .pt-section-title.text-center {
        margin-bottom: 45px;
    }
}

@media (max-width: 767px) {
    .pt-section-title .pt-section-main-title {
        font-size: 40px;
        line-height: 48px;
    }

    .pt-section-title.text-center {
        margin-bottom: 30px;
    }
}

@media (max-width: 479px) {
    .pt-section-title .pt-section-main-title {
        font-size: 36px;
        line-height: 44px;
    }
}


/* ################################# */

/* Header  */

/* ################################# */

.admin-bar header#pt-header .pt-bottom-header.pt-header-sticky {
    top: 32px;
}

@media(max-width: 782px) {
    .admin-bar header#pt-header .pt-bottom-header.pt-header-sticky {
        top: 46px;
    }
}

@media(max-width: 600px) {

    .admin-bar header#pt-header .pt-bottom-header.pt-header-sticky {
        top: 0;
    }
}

/*===== Header Logo =====*/

header .navbar-brand img {
    height: 55px;
}

@media(max-width: 767px) {
    header .navbar-brand img {
        height: 50px;
    }
}

@media(max-width: 379px) {
    header .navbar-brand img {
        height: 45px;
    }
}

/*===== Header Nav =====*/

header .pt-bottom-header .pt-container-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

/*===== Mega Menu Font =====*/

#pt-header  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#pt-header  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#pt-header  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
#pt-header  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item >a.mega-menu-link {
    font-family: var(--title-fonts);
    font-weight: 600;
}

/*===== Mega Menu Toggle =====*/

#pt-header #mega-menu-wrap-primary .mega-menu-toggle {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    background-color: var(--primary-color);
    justify-content: center;
}

@media(max-width: 379px) {
    #pt-header #mega-menu-wrap-primary .mega-menu-toggle {
        width: 50px;
        height: 50px;
    }
}

header .pt-bottom-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right {
    justify-content: center;
}

header .pt-bottom-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box,
header .pt-bottom-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
header .pt-bottom-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
header .pt-bottom-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    width: 35px;
}

header .pt-bottom-header #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner,
header .pt-bottom-header #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner::before,
header .pt-bottom-header #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    transform-origin: center;
    transition: var(--transition);
}

header .pt-bottom-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
header .pt-bottom-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
header .pt-bottom-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    transform-origin: right;
    transition: var(--transition);
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner {
    transform: scaleX(0.7);
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before {
    transform: scaleX(1.5);
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    transform: scaleX(0.9);
}

#mega-menu-wrap-primary .mega-menu-toggle:hover .mega-toggle-block-0 .mega-toggle-animated-inner {
    transform: scaleX(1);
}

#mega-menu-wrap-primary .mega-menu-toggle:hover .mega-toggle-block-0 .mega-toggle-animated-inner::before {
    transform: scaleX(0.7);
}

#mega-menu-wrap-primary .mega-menu-toggle:hover .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    transform: scaleX(1);
}

#pt-header .pt-bottom-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left,
#pt-header .pt-bottom-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center {
    display: none;
}

/*===== Header Style 1 =====*/

header.pt-header-style-1 {
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 99;
    top: 0;
}

header.pt-header-style-1 .pt-bottom-header {
    padding: 0 30px;
    background-color: var(--white-color);
}

header.pt-header-style-1 .pt-bottom-header.pt-header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    background: var(--white-color);
    -webkit-box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
    -moz-box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
    border-bottom: none;
}

header.pt-header-style-1 .pt-bottom-header .pt-container-wrapper {
    justify-content: start;
    gap: 45px;
}

header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
    margin-right: 15px;
    z-index: 1;
}

header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:last-child {
    margin-right: 0;
}

header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    margin-right: 0;
    padding: 0 15px;
}


header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--primary-color);
    width: 0;
    height: 34px;
    z-index: -1;
    transform: translateY(-50%);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    transition: var(--transition);
}

header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link:before,
header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link:before,
header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link:before,
header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary>li.mega-toggle-on>a.mega-menu-link:before,
header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover:before,
header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus:before {
    width: 100%;
    left: 0;
}

header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-dropdown>a.mega-menu-link>span.mega-indicator {
    display: none;
}

/*===== Header Icon =====*/

header.pt-header-style-1 .pt-container-wrapper .pt-header-right {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 0;
    margin-left: auto;
}

header.pt-header-style-1 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-icon {
    width: 48px;
    height: 48px;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    background-color: var(--grey-color);
    color: var(--primary-color);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
}

header.pt-header-style-1 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-header-contact a {
    display: flex;
    align-items: center;
}

header.pt-header-style-1 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-header-contact a span {
    font-size: 16px;
    line-height: 2;
    font-weight: 600;
    font-family: var(--title-fonts);
    color: var(--dark-color);
    margin-left: 10px;
}

@media(max-width: 1679px) {

    header.pt-header-style-1 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-header-contact {
        display: none;
    }
}

@media(max-width:1399px) {

    header.pt-header-style-1 .pt-bottom-header {
        padding: 0;
    }
}

@media(max-width: 1279px) {

    header.pt-header-style-1 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-btn-container {
        display: none;
    }
}

@media(max-width:1199px) {

    header.pt-header-style-1 .pt-bottom-header #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
        left: inherit;
        right: 100%;
    }

    header.pt-header-style-1 .pt-bottom-header .pt-container-wrapper {
        padding: 15px 0;
        position: relative;
        gap: 30px;
    }

    header.pt-header-style-1 .pt-bottom-header .pt-header-right {
        margin-left: auto;
    }

    header.pt-header-style-1 .pt-bottom-header .pt-middle-menu {
        order: 99;
    }

    header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
    header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
    header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link,
    header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary>li.mega-toggle-on>a.mega-menu-link,
    header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
        color: var(--white-color);
    }

    header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
        background-color: var(--primary-color);
    }

    header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-dropdown>a.mega-menu-link>span.mega-indicator {
        display: inline-block;
    }

    header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator::after {
        font-weight: 400;
        vertical-align: middle;
    }

    header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before {
        display: none;
    }

    header.pt-header-style-1 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
        margin-right: 0;
    }

    header.pt-header-style-1 #mega-menu-wrap-primary {
        padding: 0px;
    }

    header.pt-header-style-1 #mega-menu-wrap-primary::before {
        display: none;
    }

    header.pt-header-style-1 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-toggle-btn {
        display: none;
    }
}

@media(max-width: 767px) {

    header.pt-header-style-1 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
    header.pt-header-style-1 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
    header.pt-header-style-1 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
        width: 35px;
        height: 3px;
    }

    header.pt-header-style-1 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-box {
        width: 35px;
    }
}

@media(max-width: 575px) {

    header.pt-header-style-1 .pt-bottom-header .pt-container-wrapper {
        gap: 15px;
    }
}

@media(max-width: 479px) {

    header.pt-header-style-1 .pt-search-button {
        display: none;
    }
}

/*===== Header Style 2 =====*/

header.pt-header-style-2 {
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 99;
}

header.pt-header-style-2 .pt-bottom-header {
    padding: 0 30px;
    background-color: var(--white-color);
}

header.pt-header-style-2 .pt-bottom-header.pt-header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    background: var(--white-color);
    -webkit-box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
    -moz-box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
    border-bottom: none;
}

header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
    margin-right: 15px;
    z-index: 1;
}

header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:last-child {
    margin-right: 0;
}

header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    margin-right: 0;
    padding: 0 15px;
}

header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--primary-color);
    width: 0;
    height: 34px;
    z-index: -1;
    transform: translateY(-50%);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    transition: var(--transition);
}

header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link:before,
header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link:before,
header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link:before,
header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary>li.mega-toggle-on>a.mega-menu-link:before,
header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover:before,
header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus:before {
    width: 100%;
    left: 0;
}

header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-dropdown>a.mega-menu-link>span.mega-indicator {
    display: none;
}

/*===== Header Icon =====*/

header.pt-header-style-2 .pt-container-wrapper .pt-header-right {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 0;
}

header.pt-header-style-2 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-icon {
    width: 48px;
    height: 48px;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    background-color: var(--grey-color);
    color: var(--primary-color);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
}

@media(max-width: 1679px) {

    header.pt-header-style-2 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-header-contact {
        display: none;
    }
}

@media(max-width:1399px) {

    header.pt-header-style-2 .pt-bottom-header {
        padding: 0;
    }
}

@media(max-width: 1279px) {

    header.pt-header-style-2 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-btn-container {
        display: none;
    }
}

@media(max-width:1199px) {

    header.pt-header-style-2 .pt-bottom-header #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
        left: inherit;
        right: 100%;
    }

    header.pt-header-style-2 .pt-bottom-header .pt-container-wrapper {
        padding: 15px 0;
        position: relative;
    }

    header.pt-header-style-2 .pt-bottom-header .pt-header-right {
        margin-left: auto;
    }

    header.pt-header-style-2 .pt-bottom-header .pt-middle-menu {
        order: 99;
    }

    header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
    header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
    header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link,
    header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary>li.mega-toggle-on>a.mega-menu-link,
    header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
        color: var(--white-color);
    }

    header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
        background-color: var(--primary-color);
    }

    header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-dropdown>a.mega-menu-link>span.mega-indicator {
        display: inline-block;
    }

    header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator::after {
        font-weight: 400;
        vertical-align: middle;
    }

    header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before {
        display: none;
    }

    header.pt-header-style-2 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
        margin-right: 0;
    }

    header.pt-header-style-2 #mega-menu-wrap-primary {
        padding: 0px;
    }

    header.pt-header-style-2 #mega-menu-wrap-primary::before {
        display: none;
    }

    header.pt-header-style-2 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-toggle-btn {
        display: none;
    }
}

@media(max-width: 767px) {

    header.pt-header-style-2 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
    header.pt-header-style-2 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
    header.pt-header-style-2 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
        width: 35px;
        height: 3px;
    }

    header.pt-header-style-2 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-box {
        width: 35px;
    }
}

@media(max-width: 575px) {

    header.pt-header-style-2 .pt-bottom-header .pt-container-wrapper {
        gap: 15px;
    }
}

@media(max-width: 479px) {

    header.pt-header-style-2 .pt-search-button {
        display: none;
    }
}

/*===== Header Style 3 =====*/

header.pt-header-style-3 {
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 99;
}

header.pt-header-style-3 .pt-bottom-header {
    padding: 0 30px;
    background-color: var(--white-color);
}

header.pt-header-style-3 .pt-bottom-header.pt-header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    background: var(--white-color);
    -webkit-box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
    -moz-box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
    border-bottom: none;
}

header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
    margin-right: 15px;
    z-index: 1;
}

header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:last-child {
    margin-right: 0;
}

header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    margin-right: 0;
    padding: 0 15px;
}

header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--primary-color);
    width: 0;
    height: 34px;
    z-index: -1;
    transform: translateY(-50%);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    transition: var(--transition);
}

header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link:before,
header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link:before,
header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link:before,
header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary>li.mega-toggle-on>a.mega-menu-link:before,
header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover:before,
header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus:before {
    width: 100%;
    left: 0;
}

header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-dropdown>a.mega-menu-link>span.mega-indicator {
    display: none;
}

/*===== Header Icon =====*/

header.pt-header-style-3 .pt-container-wrapper .pt-header-right {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 0;
}

header.pt-header-style-3 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-icon {
    width: 48px;
    height: 48px;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    background-color: var(--grey-color);
    color: var(--primary-color);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
}


@media(max-width: 1679px) {

    header.pt-header-style-3 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-header-contact {
        display: none;
    }
}

@media(max-width:1399px) {

    header.pt-header-style-3 .pt-bottom-header {
        padding: 0;
    }
}

@media(max-width:1199px) {

    header.pt-header-style-3 .pt-bottom-header #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
        left: inherit;
        right: 100%;
    }

    header.pt-header-style-3 .pt-bottom-header .pt-container-wrapper {
        padding: 15px 0;
        position: relative;
    }

    header.pt-header-style-3 .pt-bottom-header .pt-header-right {
        margin-left: auto;
    }

    header.pt-header-style-3 .pt-bottom-header .pt-middle-menu {
        order: 99;
    }

    header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
    header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
    header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link,
    header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary>li.mega-toggle-on>a.mega-menu-link,
    header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
        color: var(--white-color);
    }

    header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
        background-color: var(--primary-color);
    }

    header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-dropdown>a.mega-menu-link>span.mega-indicator {
        display: inline-block;
    }

    header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator::after {
        font-weight: 400;
        vertical-align: middle;
    }

    header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before {
        display: none;
    }

    header.pt-header-style-3 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
        margin-right: 0;
    }

    header.pt-header-style-3 #mega-menu-wrap-primary {
        padding: 0px;
    }

    header.pt-header-style-3 #mega-menu-wrap-primary::before {
        display: none;
    }

    header.pt-header-style-3 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-toggle-btn {
        display: none;
    }
}

@media(max-width: 767px) {

    header.pt-header-style-3 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
    header.pt-header-style-3 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
    header.pt-header-style-3 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
        width: 35px;
        height: 3px;
    }

    header.pt-header-style-3 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-box {
        width: 35px;
    }
}

@media(max-width: 575px) {

    header.pt-header-style-3 .pt-bottom-header .pt-container-wrapper {
        gap: 15px;
    }
}

@media(max-width: 479px) {

    header.pt-header-style-3 .pt-search-button {
        display: none;
    }
}

/*===== Header Style 4 =====*/

header.pt-header-style-4 {
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 99;
}

header.pt-header-style-4 .pt-bottom-header {
    padding: 0 30px;
    background-color: var(--white-color);
}

header.pt-header-style-4 .pt-bottom-header.pt-header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    background: var(--white-color);
    -webkit-box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
    -moz-box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
    border-bottom: none;
}

header.pt-header-style-4 .pt-bottom-header .pt-container-wrapper {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
}

header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
    margin-right: 20px;
    z-index: 1;
}

header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:last-child {
    margin-right: 0;
}

header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    margin-right: 0;
}

header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--primary-color);
    width: 0;
    height: 2px;
    transform: translateY(10px);
    transition: var(--transition);
}

header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link,
header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-toggle-on>a.mega-menu-link,
header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
    color: var(--primary-color);
}

header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link:before,
header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link:before,
header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link:before,
header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-toggle-on>a.mega-menu-link:before,
header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover:before,
header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus:before {
    width: 100%;
    left: 0;
}

header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-dropdown>a.mega-menu-link>span.mega-indicator {
    display: none;
}

/*===== Header Icon =====*/

header.pt-header-style-4 .pt-container-wrapper .pt-header-right {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 0;
    margin-left: auto;
}

header.pt-header-style-4 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-icon {
    width: 48px;
    height: 48px;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    background-color: var(--grey-color);
    color: var(--primary-color);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
}

@media(max-width: 1679px) {

    header.pt-header-style-4 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-header-contact {
        display: none;
    }
}

@media(max-width:1399px) {

    header.pt-header-style-4 .pt-bottom-header {
        padding: 0;
    }
}


@media(max-width:1199px) {

    header.pt-header-style-4 .pt-bottom-header #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
        left: inherit;
        right: 100%;
    }

    header.pt-header-style-4 .pt-bottom-header .pt-container-wrapper {
        padding: 15px 0;
        position: relative;
        display: flex;
    }

    header.pt-header-style-4 .pt-bottom-header .pt-header-right {
        margin-left: auto;
    }

    header.pt-header-style-4 .pt-bottom-header .pt-middle-menu {
        order: 99;
    }

    header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
    header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
    header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link,
    header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-toggle-on>a.mega-menu-link,
    header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
        color: var(--white-color);
    }

    header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
        background-color: var(--primary-color);
    }

    header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-dropdown>a.mega-menu-link>span.mega-indicator {
        display: inline-block;
    }

    header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator::after {
        font-weight: 400;
        vertical-align: middle;
    }

    header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before {
        display: none;
    }

    header.pt-header-style-4 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
        margin-right: 0;
    }

    header.pt-header-style-4 #mega-menu-wrap-primary {
        padding: 0px;
    }

    header.pt-header-style-4 #mega-menu-wrap-primary::before {
        display: none;
    }

    header.pt-header-style-4 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-toggle-btn {
        display: none;
    }

    header.pt-header-style-4 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-btn-container {
        display: none;
    }
}

@media(max-width: 767px) {

    header.pt-header-style-4 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
    header.pt-header-style-4 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
    header.pt-header-style-4 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
        width: 35px;
        height: 3px;
    }

    header.pt-header-style-4 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-box {
        width: 35px;
    }
}

@media(max-width: 575px) {

    header.pt-header-style-4 .pt-bottom-header .pt-container-wrapper {
        gap: 15px;
    }
}

@media(max-width: 479px) {

    header.pt-header-style-4 .pt-search-button {
        display: none;
    }
}

/*===== Header Style 5 =====*/

header.pt-header-style-5 {
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 99;
}

header.pt-header-style-5 .pt-bottom-header {
    padding: 0 30px;
    background-color: var(--white-color);
}

header.pt-header-style-5 .pt-bottom-header.pt-header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    background: var(--white-color);
    -webkit-box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
    -moz-box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
    border-bottom: none;
}

header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
    margin-right: 15px;
    z-index: 1;
}

header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:last-child {
    margin-right: 0;
}

header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    margin-right: 0;
    padding: 0 15px;
}

header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--primary-color);
    width: 0;
    height: 34px;
    z-index: -1;
    transform: translateY(-50%);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    transition: var(--transition);
}

header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link:before,
header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link:before,
header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link:before,
header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary>li.mega-toggle-on>a.mega-menu-link:before,
header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover:before,
header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus:before {
    width: 100%;
    left: 0;
}

header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-dropdown>a.mega-menu-link>span.mega-indicator {
    display: none;
}

/*===== Header Icon =====*/

header.pt-header-style-5 .pt-container-wrapper .pt-header-right {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 0;
}

header.pt-header-style-5 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-icon {
    width: 48px;
    height: 48px;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    background-color: var(--grey-color);
    color: var(--primary-color);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
}

@media(max-width: 1679px) {

    header.pt-header-style-5 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-header-contact {
        display: none;
    }
}

@media(max-width:1399px) {

    header.pt-header-style-5 .pt-bottom-header {
        padding: 0;
    }
}

@media(max-width: 1279px) {

    header.pt-header-style-5 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-btn-container {
        display: none;
    }
}

@media(max-width:1199px) {

    header.pt-header-style-5 .pt-bottom-header #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
        left: inherit;
        right: 100%;
    }

    header.pt-header-style-5 .pt-bottom-header .pt-container-wrapper {
        padding: 15px 0;
        position: relative;
    }

    header.pt-header-style-5 .pt-bottom-header .pt-header-right {
        margin-left: auto;
    }

    header.pt-header-style-5 .pt-bottom-header .pt-middle-menu {
        order: 99;
    }

    header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
    header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
    header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link,
    header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary>li.mega-toggle-on>a.mega-menu-link,
    header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
        color: var(--white-color);
    }

    header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
        background-color: var(--primary-color);
    }

    header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-dropdown>a.mega-menu-link>span.mega-indicator {
        display: inline-block;
    }

    header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator::after {
        font-weight: 400;
        vertical-align: middle;
    }

    header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before {
        display: none;
    }

    header.pt-header-style-5 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
        margin-right: 0;
    }

    header.pt-header-style-5 #mega-menu-wrap-primary {
        padding: 0px;
    }

    header.pt-header-style-5 #mega-menu-wrap-primary::before {
        display: none;
    }

    header.pt-header-style-5 .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-toggle-btn {
        display: none;
    }
}

@media(max-width: 767px) {

    header.pt-header-style-5 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
    header.pt-header-style-5 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
    header.pt-header-style-5 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
        width: 35px;
        height: 3px;
    }

    header.pt-header-style-5 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-box {
        width: 35px;
    }
}

@media(max-width: 575px) {

    header.pt-header-style-5 .pt-bottom-header .pt-container-wrapper {
        gap: 15px;
    }
}

@media(max-width: 479px) {

    header.pt-header-style-5 .pt-search-button {
        display: none;
    }
}

/*===== Header Style Landing =====*/


/*===== Mega Menu Toggle =====*/

#pt-header #mega-menu-wrap-landing .mega-menu-toggle {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    background-color: var(--primary-color);
    justify-content: center;
}

@media(max-width: 379px) {
    #pt-header #mega-menu-wrap-landing .mega-menu-toggle {
        width: 50px;
        height: 50px;
    }
}

header .pt-bottom-header #mega-menu-wrap-landing .mega-menu-toggle .mega-toggle-blocks-right {
    justify-content: center;
}

header .pt-bottom-header #mega-menu-wrap-landing .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box,
header .pt-bottom-header #mega-menu-wrap-landing .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
header .pt-bottom-header #mega-menu-wrap-landing .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
header .pt-bottom-header #mega-menu-wrap-landing .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    width: 35px;
}

header .pt-bottom-header #mega-menu-wrap-landing .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner,
header .pt-bottom-header #mega-menu-wrap-landing .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner::before,
header .pt-bottom-header #mega-menu-wrap-landing .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    transform-origin: center;
    transition: var(--transition);
}

header .pt-bottom-header #mega-menu-wrap-landing .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
header .pt-bottom-header #mega-menu-wrap-landing .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
header .pt-bottom-header #mega-menu-wrap-landing .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    transform-origin: right;
    transition: var(--transition);
}

#mega-menu-wrap-landing .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner {
    transform: scaleX(0.7);
}

#mega-menu-wrap-landing .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before {
    transform: scaleX(1.5);
}

#mega-menu-wrap-landing .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    transform: scaleX(0.9);
}

#mega-menu-wrap-landing .mega-menu-toggle:hover .mega-toggle-block-0 .mega-toggle-animated-inner {
    transform: scaleX(1);
}

#mega-menu-wrap-landing .mega-menu-toggle:hover .mega-toggle-block-0 .mega-toggle-animated-inner::before {
    transform: scaleX(0.7);
}

#mega-menu-wrap-landing .mega-menu-toggle:hover .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    transform: scaleX(1);
}

#pt-header .pt-bottom-header #mega-menu-wrap-landing .mega-menu-toggle .mega-toggle-blocks-left,
#pt-header .pt-bottom-header #mega-menu-wrap-landing .mega-menu-toggle .mega-toggle-blocks-center {
    display: none;
}

header.pt-header-landing {
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 99;
}

header.pt-header-landing .pt-bottom-header {
    padding: 0 30px;
    background-color: var(--white-color);
}

header.pt-header-landing .pt-bottom-header.pt-header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    background: var(--white-color);
    -webkit-box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
    -moz-box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
    border-bottom: none;
}

header.pt-header-landing #mega-menu-wrap-landing #mega-menu-landing>li.mega-menu-item {
    margin-right: 15px;
    z-index: 1;
}

header.pt-header-landing #mega-menu-wrap-landing #mega-menu-landing>li.mega-menu-item:last-child {
    margin-right: 0;
}

header.pt-header-landing #mega-menu-wrap-landing #mega-menu-landing>li.mega-menu-item>a.mega-menu-link {
    margin-right: 0;
    padding: 0 15px;
}

header.pt-header-landing #mega-menu-wrap-landing #mega-menu-landing>li.pt-active>a.mega-menu-link {
    color: var(--white-color);
}

header.pt-header-landing #mega-menu-wrap-landing #mega-menu-landing>li.mega-menu-item>a.mega-menu-link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--primary-color);
    width: 0;
    height: 34px;
    z-index: -1;
    transform: translateY(-50%);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    transition: var(--transition);
}

header.pt-header-landing #mega-menu-wrap-landing #mega-menu-landing>li.pt-active>a.mega-menu-link:before,
header.pt-header-landing #mega-menu-wrap-landing #mega-menu-landing>li.mega-menu-item>a.mega-menu-link:hover:before,
header.pt-header-landing #mega-menu-wrap-landing #mega-menu-landing>li.mega-menu-item>a.mega-menu-link:focus:before {
    width: 100%;
    left: 0;
}

header.pt-header-landing #mega-menu-wrap-landing #mega-menu-landing li.mega-menu-item-has-children.mega-dropdown>a.mega-menu-link>span.mega-indicator {
    display: none;
}


@media(max-width:1399px) {

    header.pt-header-landing .pt-bottom-header {
        padding: 0;
    }
}

@media(max-width: 575px) {

    header.pt-header-landing .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-btn-container {
        display: none;
    }
}

@media(max-width:1199px) {

    header.pt-header-landing  .pt-bottom-header #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
        left: inherit;
        right: 100%;
    }

    header.pt-header-landing .pt-bottom-header .pt-container-wrapper {
        padding: 15px 0;
        position: relative;
    }

    header.pt-header-landing .pt-bottom-header .pt-header-right {
        margin-left: auto;
    }

    header.pt-header-landing .pt-bottom-header .pt-middle-menu {
        order: 99;
    }

    header.pt-header-landing #mega-menu-wrap-landing #mega-menu-landing>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
    header.pt-header-landing #mega-menu-wrap-landing #mega-menu-landing>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
    header.pt-header-landing #mega-menu-wrap-landing #mega-menu-landing>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link,
    header.pt-header-landing #mega-menu-wrap-landing #mega-menu-landing>li.mega-toggle-on>a.mega-menu-link,
    header.pt-header-landing #mega-menu-wrap-landing #mega-menu-landing>li.mega-menu-item>a.mega-menu-link:hover {
        color: var(--white-color);
    }

    header.pt-header-landing #mega-menu-wrap-landing #mega-menu-landing>li.mega-menu-item>a.mega-menu-link:hover,
    header.pt-header-landing #mega-menu-wrap-landing #mega-menu-landing>li.mega-menu-item.pt-active>a.mega-menu-link {
        background-color: var(--primary-color);
    }

    header.pt-header-landing #mega-menu-wrap-landing #mega-menu-landing li.mega-menu-item-has-children.mega-dropdown>a.mega-menu-link>span.mega-indicator {
        display: inline-block;
    }

    header.pt-header-landing #mega-menu-wrap-landing #mega-menu-landing li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator::after {
        font-weight: 400;
        vertical-align: middle;
    }

    header.pt-header-landing #mega-menu-wrap-landing #mega-menu-landing>li.mega-menu-item>a.mega-menu-link:before {
        display: none;
    }

    header.pt-header-landing #mega-menu-wrap-landing #mega-menu-landing>li.mega-menu-item {
        margin-right: 0;
    }

    header.pt-header-landing #mega-menu-wrap-landing {
        padding: 0px;
    }

    header.pt-header-landing #mega-menu-wrap-landing::before {
        display: none;
    }

    header.pt-header-landing .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-toggle-btn {
        display: none;
    }
}

/*===== Header Top Bar =====*/

header#pt-header .pt-top-header {
    background: var(--grey-color);
    padding: 0;
}

/*===== Header Contact =====*/

header#pt-header .pt-top-header .pt-header-contact ul {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 30px;
}

header#pt-header .pt-top-header .pt-header-contact ul li {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    float: left;
    padding: 10px 0;
    font-size: 16px;
}

header#pt-header .pt-top-header .pt-header-contact ul li:nth-child(2) {
    margin-left: auto;
}

header#pt-header .pt-top-header .pt-header-contact ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
}

header#pt-header .pt-top-header .pt-header-contact ul li a i,
header#pt-header .pt-top-header .pt-header-contact ul li i {
    color: var(--primary-color);
    font-size: 18px;
}

header#pt-header .pt-top-header .pt-header-contact ul li svg {
    width: 18px;
    height: 18px;
}

header#pt-header .pt-top-header .pt-header-contact ul li a:hover {
    color: var(--primary-color);
    background: transparent;
}

/*===== Header Social =====*/

header#pt-header .pt-top-header .text-right .pt-header-social ul,
header#pt-header .pt-top-header .pt-header-social.text-right ul {
    float: right;
}

header#pt-header .pt-top-header .pt-header-social ul {
    margin: 0;
    padding: 0;
    display: flex;
}

header#pt-header .pt-top-header .pt-header-social ul li {
    list-style: none;
    display: inline-block;
    float: left;
}

header#pt-header .pt-top-header .pt-header-social ul li a {
    width: 48px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    padding: 10px 0;
    color: var(--white-color);
}

header#pt-header .pt-top-header .pt-header-social ul li a:hover {
    color: var(--primary-color);
}

header#pt-header .pt-top-header .pt-header-social ul li a svg {
    width: 18px;
    height: 18px;
}

header#pt-header .pt-top-header .pt-header-social ul li a svg path {
    fill: var(--white-color);
    stroke: var(--white-color);
    transition: var(--transition);
}

header#pt-header .pt-top-header .pt-header-social ul li a:hover svg path {
    fill: var(--primary-color);
    stroke: var(--primary-color);
}

@media (max-width: 767px) {

    header#pt-header .pt-top-header .pt-header-contact ul li {
        padding: 5px 0;
    }
}

/*===== Header Style-2 Top Bar =====*/

header#pt-header .pt-top-header {
    padding: 0 45px;
}

@media(max-width:1400px) {

    header#pt-header .pt-top-header {
        padding: 0;
    }
}

@media(max-width: 767px) {

    header#pt-header .pt-top-header .pt-header-contact ul li:nth-child(1) {
        display: none;
    }

}

@media(max-width: 767px) {

    header#pt-header .pt-top-header .pt-header-contact ul li:nth-child(1) {
        display: none;
    }

    header#pt-header .pt-top-header .pt-header-contact ul li:nth-child(2) {
        margin-left: 0;
    }
}

@media(max-width: 479px) {
    header#pt-header .pt-top-header {
        display: none;
    }
}

/*================================================
Header Sidebar
================================================*/

/*++++++ Header SideBar  Icon ++++++*/

header .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-toggle-btn a {
    background-color: var(--primary-color);
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    align-content: center;
    text-align: center;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
    position: relative;
}

header .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-toggle-btn a .pt-toggle-btn-line,
header .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-toggle-btn a .pt-toggle-btn-line::after,
header .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-toggle-btn a .pt-toggle-btn-line::before {
    width: 30px;
    height: 3px;
    background-color: var(--white-color);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    position: absolute;
    transform-origin: right;
    right: 15px;
    transition: var(--transition);
}

header .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-toggle-btn a .pt-toggle-btn-line::before {
    content: "";
    height: 3px;
    top: -9px;
    right: 0px;
    transform: scaleX(0.7);
}

header .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-toggle-btn a .pt-toggle-btn-line::after {
    content: "";
    height: 3px;
    top: 8px;
    right: 0;
    transform: scaleX(0.6);
}

header .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-toggle-btn a svg {
    width: 35px;
}

header .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-toggle-btn a svg path {
    transform-origin: right;
    stroke-width: 0.8px;
    transition: var(--transition);
    fill: var(--white-color);
    stroke: var(--white-color);
}

header .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-toggle-btn a svg path:nth-child(3) {
    transform: scaleX(0.7);
}

header .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-toggle-btn a:hover svg path:nth-child(1) {
    transform: scaleX(1.5);
}

header .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-toggle-btn a:hover svg path:nth-child(2) {
    transform: scaleX(0.6);
}

header .pt-bottom-header .pt-container-wrapper .pt-header-right .pt-toggle-btn a:hover svg path:nth-child(3) {
    transform: scaleX(1);
}

/*===== Header SideBar =====*/

.pt-background-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--dark-color);
    z-index: 100;
    opacity: 0.8;
    display: none;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.pt-siderbar-open .pt-background-overlay {
    display: block;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.pt-siderbar-open .pt-sidebar {
    right: 30px;
    opacity: 1;
}

.pt-sidebar {
    width: 410px;
    background: var(--white-color);
    opacity: 0;
    display: block;
    position: fixed;
    top: 50%;
    right: -100%;
    height: auto;
    z-index: 101;
    transform: translateY(-50%);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.pt-sidebar .pt-close-btn .pt-close {
    position: absolute;
    top: 30px;
    right: 30px;
    background: var(--primary-color);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: var(--white-color);
    font-size: 20px;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
}

.pt-sidebar .pt-close-btn .pt-close:hover {
    background: var(--dark-color);
    color: var(--white-color);
}

.pt-sidebar-block {
    padding: 30px;
    height: 100%;
}

.pt-sidebar-header .pt-sidebar-logo {
    height: 50px;
    width: auto;
    margin-bottom: 30px;
}

.pt-sidebar h4.pt-sidebar-heading {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 15px;
}

.pt-sidebar h4.pt-sidebar-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
}

.pt-sidebar .pt-sidebar-contact {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}

.pt-sidebar .pt-sidebar-contact .pt-contact-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
}

.pt-sidebar ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.pt-sidebar ul li {
    list-style: none;
    margin: 0;
}

.pt-sidebar-contact li a {
    color: var(--dark-color);
    display: flex;
    align-items: center;
    gap: 15px;
}

.pt-sidebar-contact li i {
    height: 18px;
    line-height: 1;
    display: inline-block;
}

.pt-sidebar-social ul {
    display: inline-block;
    width: 100%;
}

.pt-sidebar-social ul li {
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-right: 5px;
}

.pt-sidebar-social ul li:last-child {
    margin-right: 0;
}

.pt-sidebar-social ul li a {
    background: var(--grey-color);
    color: var(--dark-color);
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    position: relative;
}

.pt-sidebar-social ul li a:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

.pt-sidebar .widget {
    background: transparent;
    padding: 0;
    border: none;
    margin-bottom: 45px;
}

.pt-sidebar .widget .wp-block-image {
    margin-bottom: 0;
    border-radius: var(--border-radius);
}

.pt-sidebar .widget img {
    border-radius: var(--border-radius);
    margin-bottom: 0 !important;
}

@media(max-width:1023px) {
    .pt-sidebar {
        display: none;
    }
}


/* ################################# */

/* Banner */

/* ################################# */

/*===== Banner Button =====*/


.pt-button.pt-btn-bg-white {
    color: var(--primary-color);
    background-color: var(--white-color);
    transition: var(--transition);
}

.pt-button.pt-btn-bg-white:hover {
    color: var(--white-color);
    background-color: var(--dark-color);
}

@media (max-width: 479px) {
    .wp-block-themepunch-revslider .pt-button {
        font-size: 16px;
        padding: 8px 24px;
    }

    .wp-block-themepunch-revslider .pt-button .pt-button-block {
        height: 32px;
    }
}


/* ################################# */

/* Breadcrum */

/* ################################# */

.pt-breadcrumb-style-1 {
    padding: 180px 0 0 0;
    position: relative;
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 45px;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-breadcrumb-style-1 .pt-breadcrumb-title h1 {
    font-size: 60px;
    line-height: 86px;
}

.pt-breadcrumb-style-1 .pt-breadcrumb-container .breadcrumb {
    text-align: left;
    margin: 0;
    display: inline-block;
    padding: 18px 30px;
    background-color: var(--primary-color);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    margin-top: 180px;
}

.pt-breadcrumb-style-1 .pt-breadcrumb-container .breadcrumb li {
    list-style-type: none;
    margin-right: 5px;
    padding-left: 0;
}

.pt-breadcrumb-style-1 .pt-breadcrumb-container .breadcrumb li.active {
    color: var(--white-color);
}

.pt-breadcrumb-style-1 .pt-breadcrumb-container .breadcrumb li a {
    color: var(--white-color);
}

.pt-breadcrumb-style-1 .pt-breadcrumb-container .breadcrumb li a i {
    margin-right: 5px;
}

.pt-breadcrumb-style-1 .pt-breadcrumb-container .breadcrumb li a:hover {
    color: var(--white-color);
}

.pt-breadcrumb-style-1 .pt-breadcrumb-container .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: "\e649";
    font-size: 12px;
    font-family: "themify";
    padding-right: 5px;
    color: var(--white-color);
    float: none;
}

@media (max-width: 1490px) {
    .pt-breadcrumb-style-1 {
        margin: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
}

@media(max-width:1023px) {
    .pt-breadcrumb-style-1 {
        padding: 130px 0 0 0;
    }

    .pt-breadcrumb-style-1 .pt-breadcrumb-container .breadcrumb {
        margin-top: 130px;
    }

    .pt-breadcrumb-style-1 .pt-breadcrumb-title h1 {
        font-size: 42px;
        line-height: 50px;
    }
}

@media(max-width:767px) {

    .pt-breadcrumb-style-1 {
        padding: 90px 0 0 0;
    }

    .pt-breadcrumb-style-1 .pt-breadcrumb-container .breadcrumb {
        margin-top: 90px;
        padding: 10px 20px;
    }

    .pt-breadcrumb-style-1 .pt-breadcrumb-title h1 {
        font-size: 34px;
        line-height: 42px;
    }

    .pt-breadcrumb-style-1 .pt-breadcrumb-container .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
        padding-right: 5px;
        font-size: 12px;
    }
}

@media(max-width:479px) {
    .pt-breadcrumb-style-1 {
        padding: 60px 0 0 0;
    }

    .pt-breadcrumb-style-1 .pt-breadcrumb-container .breadcrumb {
        margin-top: 60px;
    }

    .pt-breadcrumb-style-1 .pt-breadcrumb-title h1 {
        font-size: 30px;
        line-height: 38px;
    }
}


/* ################################# */

/* Footer */

/* ################################# */


/*===== Footer Background =====*/

footer#pt-footer .pt-footer-style-1 {
    background: var(--primary-color);
    margin: 0 45px;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top {
    padding: 90px 0 60px;
    background-color: transparent;
}

@media (max-width: 1490px) {

    footer#pt-footer .pt-footer-style-1 {
        margin: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
}

@media (max-width: 1023px) {
    footer#pt-footer .pt-footer-style-1 {
        margin: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
}

/*===== Footer Up Widget  =====*/

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-up-widget {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 30px;
    padding-bottom: 30px;
    margin-bottom: 45px;
    border-bottom: 2px solid var(--light-white);
    padding-right: 30px;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-up-widget .pt-footer-title {
    font-size: 48px;
    line-height: 56px;
    color: var(--white-color);
    max-width: 800px;
}

@media (max-width: 767px) {
    footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-up-widget {
        grid-template-columns: 1fr;
        padding-right: 0;
    }

    footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-up-widget .pt-footer-title {
        font-size: 44px;
        line-height: 52px;
    }
}

@media (max-width: 479px) {
    footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-up-widget .pt-footer-title {
        font-size: 36px;
        line-height: 48px;
    }
}

/*===== Footer column  =====*/

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget {
    display: grid;
    grid-template-columns: 6fr 4fr 2fr;
    gap: 60px;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .pt-footer-column-1 {
    border-right: 2px solid var(--light-white);
    padding-right: 60px;
}

@media (max-width:1199px) {
    footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget {
        grid-template-columns: 5fr 2fr 2fr;
    }
}

@media (max-width:1023px) {
    footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget {
        grid-template-columns: 1fr 1fr;
        gap: 45px;
    }

    footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .pt-footer-column-1 {
        grid-column: 1 / span 2;
        border-right: none;
        padding-right: 0;
    }
}

@media (max-width: 575px) {
    footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget {
        grid-template-columns: 1fr;
    }

    footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .pt-footer-column-1 {
        grid-column: initial;
    }
}

/*===== Footer Widget =====*/

footer#pt-footer footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget {
    background: transparent;
    padding: 0;
    box-shadow: none;
    border: none;
    margin-bottom: 0;
}

/*===== Footer Widget Title =====*/
footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget .footer-title {
    margin-bottom: 15px;
    padding: 0;
    font-size: 24px;
    position: relative;
    line-height: 34px;
    color: var(--white-color);
}

/*===== Footer Widget ul & li =====*/

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget {
    margin-bottom: 0;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget ul.menu {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 150px 150px;
    gap: 0 30px;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget ul.menu li {
    margin-bottom: 10px;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget ul.menu li:last-child {
    margin-bottom: 0;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget ul.menu li a {
    color: var(--white-color);
    padding: 5px 0 5px 20px;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget ul.menu li a::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10px;
    height: 2px;
    display: inline-block;
    background: var(--white-color);
    margin: auto 0;
}

@media (max-width: 479px) {

    footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget ul.menu {
        grid-template-columns: 1fr;
    }

}

/*===== Footer Logo =====*/

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget .pt-footer-logo {
    height: 120px;
/*     margin-bottom: 20px; */
    width: auto;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget .pt-footer-logo~p {
    margin-bottom: 0;
    color: var(--white-color);
    max-width: 650px;
}

/*===== Footer Social =====*/

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget .pt-footer-social {
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget .pt-footer-social ul li {
    list-style: none;
    display: inline-block;
    margin-bottom: 0;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget .pt-footer-social ul li+li {
    margin-left: 10px;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget .pt-footer-social ul li a {
    background: var(--white-color);
    color: var(--dark-color);
    width: 50px;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    border-radius: 100%;
    padding: 0;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget .pt-footer-social ul li a:hover {
    background: var(--dark-color);
    color: var(--white-color);
}

/*===== Useful Link =====*/

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget ul.menu li.menu-item {
    margin-bottom: 15px;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget ul.menu li.menu-item:last-child {
    margin-bottom: 0;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget ul.menu li.menu-item a {
    padding: 0 0 0 20px;
    display: inline-block;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget ul.menu li.menu-item a:hover {
    padding: 0 0 0 25px;
}

/*===== Footer Address =====*/

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget ul.pt-contact li {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget ul.pt-contact li:last-child {
    margin-bottom: 0;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget ul.pt-contact li span {
    position: relative;
    border: none;
    display: block;
    width: 100%;
    color: var(--white-color);
    grid-column: 2;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget ul.pt-contact li a {
    grid-column: 2;
    padding: 0;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget ul.pt-contact li {
    color: var(--white-color);
    display: grid;
    grid-template-columns: 20px 1fr;
    align-items: start;
    gap: 0 15px;
    padding: 0;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget ul.pt-contact li .pt-icon {
    height: 26px;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget ul.pt-contact li i {
    font-size: 18px;
    line-height: 2;
    color: var(--white-color);
    height: 26px;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget ul.pt-contact li svg {
    width: 22px;
    height: 20px;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget ul.pt-contact li svg path {
    fill: var(--white-color);
}

/*===== Footer Subscribe =====*/


footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget .pt-subscribe p {
    display: none;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget .pt-subscribe-from .mc4wp-form-fields {
    display: inline-block;
    width: 100%;
    position: relative;
    color: var(--white-color);
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget .pt-subscribe-from .mc4wp-form-fields input,
input.form-control {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--white-color);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-bottom: 15px;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget .pt-subscribe-from input.submit {
    background: transparent;
    border: transparent;
    font-size: 0;
    padding: 0;
    width: 54px;
    height: 54px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget .pt-subscribe-from .mc4wp-form-fields svg {
    position: absolute;
    right: 15px;
    top: 12px;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget .pt-subscribe-from .mc4wp-form-fields .pt-radio-button {
    margin-bottom: 0;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget .pt-subscribe-from .mc4wp-response {
    display: none;
}

footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget .pt-subscribe-from input[type="radio"],
footer#pt-footer .pt-footer-style-1 .pt-footer-top .pt-footer-top-widget .widget .pt-subscribe-from input[type="checkbox"] {
    width: auto;
    height: auto;
    float: none;
    margin-right: 5px;
}

/*===== Footer Copyright =====*/

footer#pt-footer .pt-footer-style-1 .pt-copyright-footer {
    background: var(--primary-color);
    padding: 0;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

footer#pt-footer .pt-footer-style-1 .pt-copyright-footer .pt-copyright {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    border-top: 2px solid var(--light-white);
}


/* ################################# */

/* Blog */

/* ################################# */

.single-post .pt-blog-post {
    margin-bottom: 0;
}

.pt-blog-post {
    display: inline-block;
    width: 100%;
    margin-bottom: 45px;
}

.pt-single-post-bottom-holder {
    margin: 45px 0;
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    border-bottom: 1px solid var(--primary-color);
    border-top: 1px solid var(--primary-color);
}

.pt-single-post-bottom-holder .pt-single-post-tags {
    display: flex;
    align-items: center;
}

.pt-single-post-bottom-holder .pt-single-post-tags-title {
    font-family: var(--title-fonts);
    color: var(--dark-color);
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
}

.pt-single-post-bottom-holder ul.pt-single-post-tags-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.pt-single-post-bottom-holder ul.pt-single-post-tags-list li {
    margin: 0 0 0 8px;
    padding: 0;
    list-style: none;
    display: inline-block;
    vertical-align: middle;
}

.pt-single-post-bottom-holder ul.pt-single-post-tags-list li a {
    font-size: 14px;
    text-transform: capitalize;
    background: var(--grey-color);
    margin: 0;
    display: inline-block;
    float: left;
    color: var(--dark-color);
    padding: 4px 16px;
    border: 1px solid var(--grey-color);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-single-post-bottom-holder ul.pt-single-post-tags-list li a:hover {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: var(--white-color);
}

/*===== Blog Single Post - Social Media =====*/

.pt-single-post-bottom-holder .pt-single-post-social-title {
    font-family: var(--title-fonts);
    color: var(--dark-color);
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
}

.pt-single-post-bottom-holder ul.pt-single-post-shortcode-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
}

.pt-single-post-bottom-holder ul.pt-single-post-shortcode-list li {
    margin: 0 0 0 8px;
    padding: 0;
    list-style: none;
}

.pt-single-post-bottom-holder ul.pt-single-post-shortcode-list li a {
    width: 50px;
    height: 50px;
    background: var(--grey-color);
    color: var(--dark-color);
    display: inline-block;
    text-align: center;
    line-height: 50px;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-single-post-bottom-holder ul.pt-single-post-shortcode-list li a:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

.pt-single-post-usernav .pt-user {
    background: var(--grey-color);
    padding: 30px;
    display: flex;
    align-items: flex-start;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-single-post-usernav .pt-user .pt-user-media {
    margin-right: 30px;
}

.pt-single-post-usernav .pt-user .pt-user-media img {
    width: 180px;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-single-post-usernav .pt-user-info .pt-user-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 5px;
}

.pt-single-post-usernav .pt-user-info .pt-user-sub-title {
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
    color: var(--primary-color);
}

.pt-single-post-usernav .pt-user-description {
    margin-bottom: 0;
    margin-top: 10px;
}

.pt-blog.pt-single-post {
    padding: 0 30px 45px;
}

.pt-blog.pt-single-post h2 {
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 36px;
}

.single-post .owl-carousel .pt-blog-post .pt-blog-contain .pt-blog-title {
    font-size: 24px;
    line-height: 32px;
}

@media(max-width:767px) {
    .pt-single-post-bottom-holder {
        display: block;
    }

    .pt-single-post-social-share {
        margin-bottom: 30px;
    }

    .pt-single-post-usernav .pt-user {
        align-items: flex-start;
        padding: 15px;
    }
}

@media(max-width:479px) {
    .pt-single-post-bottom-holder {
        padding-top: 0px;
        padding-bottom: 20px;
    }

    .pt-single-post-usernav .pt-user {
        display: block;
    }

    .pt-single-post-usernav .pt-user .pt-user-media img {
        width: 80px;
    }

    .pt-single-post-usernav .pt-user .pt-user-media {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .pt-single-post-bottom-holder ul.pt-single-post-tags-list li {
        margin-bottom: 5px;
    }
}

/*===== Blog Image =====*/

.pt-blog-post .pt-post-media {
    overflow: hidden;
    position: relative;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    margin-bottom: 15px;
}

.pt-blog-post .pt-post-media img {
    transition: var(--transition);
    -webkit-transition: var(--transition);
}

.pt-blog-post:hover .pt-post-media img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

/*===== Blog Meta =====*/

.pt-blog-post .pt-post-meta {
    margin-bottom: 10px;
}

.pt-blog-post .pt-post-meta ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.pt-blog-post .pt-post-meta ul li {
    display: inline-block;
    text-align: center;
    font-family: var(--title-fonts);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--primary-color);
}

.pt-blog-post .pt-post-meta ul li:last-child {
    margin-right: 0;
}

.pt-blog-post .pt-post-meta ul li .pt-icon {
    margin-right: 5px;
}

.pt-blog-post .pt-post-meta ul li .pt-icon i {
    font-size: 16px;
    line-height: 1;
    color: var(--primary-color);
}

.pt-blog-post .pt-post-meta ul li .pt-icon svg {
    width: 16px;
    height: 16px;
}

.pt-blog-post .pt-post-meta ul li .pt-icon svg path {
    fill: var(--primary-color);
    stroke: var(--primary-color);
}

/*===== Blog contain =====*/

.pt-blog-post .pt-blog-contain .pt-blog-title {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--light-black);
}

.pt-blog-post .pt-blog-contain .pt-btn-container {
    margin-top: 30px;
}

/*===== Blog Nav =====*/

.pt-blog .owl-carousel .owl-nav {
    display: block;
    text-align: end;
    top: -100px;
}

.pt-blog .owl-carousel .owl-nav button.owl-prev {
    margin-left: 0;
    margin-right: 10px;
}

.pt-blog .owl-carousel .owl-nav button.owl-next {
    margin-right: 0;
}

@media(max-width:575px) {

    .pt-blog .owl-carousel .owl-nav {
        display: none;
    }
}

/*===== Blog 1 Column =====*/

.pt-blog.pt-blog-col-1 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 45px 30px;
}

.pt-blog.pt-blog-col-1 .pt-blog-post {
    margin-bottom: 0;
}

/*===== Blog 2 Column =====*/

.pt-blog.pt-blog-col-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 45px 30px;
}

.pt-blog.pt-blog-col-2 .pt-blog-post {
    margin-bottom: 0;
}

@media(max-width:767px) {

    .pt-blog.pt-blog-col-2 {
        grid-template-columns: 1fr;
    }
}

/*===== Blog 3 Column =====*/

.pt-blog.pt-blog-col-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 45px 30px;
}

.pt-blog.pt-blog-col-3 .pt-blog-post {
    margin-bottom: 0;
}

@media(max-width:1023px) {

    .pt-blog.pt-blog-col-3 {
        grid-template-columns: 1fr 1fr;
    }
}

@media(max-width:767px) {

    .pt-blog.pt-blog-col-3 {
        grid-template-columns: 1fr;
    }
}

/*===== Blog List =====*/

.pt-blog-post.pt-list:last-child {
    margin-bottom: 0;
}

.pt-blog-post.pt-list .pt-blog-area {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 90px;
    padding: 60px 45px;
    background-color: var(--grey-color);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    position: relative;
    overflow: hidden;
}

.pt-bg-gray .pt-blog-post.pt-list .pt-blog-area {
    background-color: var(--white-color);
}

.pt-blog-post.pt-list .pt-blog-area .pt-post-meta {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}

.pt-blog-post.pt-list .pt-blog-area .pt-post-meta ul .pt-post-category {
    padding: 8px 15px;
    background-color: var(--primary-color);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    transition: var(--transition);
}

.pt-blog-post.pt-list.pt-active .pt-blog-area .pt-post-meta ul .pt-post-category {
    background-color: var(--white-color);
}

.pt-blog-post.pt-list .pt-blog-area .pt-post-meta ul .pt-post-category a {
    color: var(--white-color);
}

.pt-blog-post.pt-list.pt-active .pt-blog-area .pt-post-meta ul .pt-post-category a {
    color: var(--primary-color);
}

.pt-blog-post.pt-list .pt-blog-area .pt-post-meta ul a i {
    margin-right: 8px;
}

.pt-blog-post.pt-list .pt-blog-area .pt-blog-contain {
    position: relative;
    z-index: 1;
}

.pt-blog-post.pt-list .pt-blog-area .pt-blog-contain .pt-blog-title {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    max-width: 700px;
}

.pt-blog-post.pt-list.pt-active .pt-blog-area .pt-blog-contain .pt-blog-title {
    color: var(--white-color);
}

.pt-blog-post.pt-list .pt-blog-area .pt-blog-contain .pt-blog-title a:hover {
    color: var(--white-color);
}

.pt-blog-post.pt-list .pt-blog-area .pt-post-date {
    text-align: center;
    position: relative;
    z-index: 1;
    transition: var(--transition);
}

.pt-blog-post.pt-list.pt-active .pt-blog-area .pt-post-date {
    z-index: 0;
}

.pt-blog-post.pt-list .pt-blog-area .pt-post-date a {
    display: block;
    font-family: var(--title-fonts);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--dark-color);
}

.pt-blog-post.pt-list .pt-blog-area .pt-post-date a .pt-post-blk {
    display: block;
    font-size: 64px;
    line-height: 72px;
    font-weight: 700;
    margin-bottom: 5px;
}

.pt-blog-post.pt-list .pt-blog-area .pt-post-media {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: var(--transition);
}

.pt-blog-post.pt-list.pt-active .pt-blog-area .pt-post-media {
    transform: translate(-50%, -50%);
    opacity: 1;
}

.pt-blog-post.pt-list .pt-blog-area .pt-post-media::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--dark-color);
    opacity: 0.8;
    z-index: 1;
}

.pt-blog-post.pt-list .pt-blog-area .pt-post-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pt-blog-post.pt-list.pt-active .pt-blog-area .pt-post-media img {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.pt-blog-post.pt-list .pt-blog-area .pt-icon-button {
    position: absolute;
    right: 45px;
    top: 50%;
    transform: translateY(-50%) rotate(315deg) scale(0);
    width: auto;
    height: auto;
    transition: var(--transition);
}

.pt-blog-post.pt-list.pt-active .pt-blog-area .pt-icon-button {
    transform: translateY(-50%) rotate(315deg) scale(1);
    z-index: 2;
}

.pt-blog-post.pt-list.pt-active .pt-blog-area .pt-icon-button a {
    color: var(--primary-color);
    background-color: var(--white-color);
    border: 1px solid var(--white-color);
}

.pt-blog-post.pt-list .pt-blog-area .pt-icon-button a:hover {
    color: var(--white-color);
    background-color: var(--dark-color);
    border: 1px solid var(--dark-color);
}

@media(max-width: 1023px) {
    .pt-blog-post.pt-list .pt-blog-area {
        gap: 45px;
        padding: 45px 30px;
    }

    .pt-blog-post.pt-list .pt-blog-area .pt-blog-contain .pt-blog-title {
        font-size: 32px;
        line-height: 40px;
    }
}

@media(max-width: 767px) {

    .pt-blog-post.pt-list .pt-blog-area {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .pt-blog-post.pt-list .pt-blog-area .pt-post-meta ul .pt-post-category {
        background-color: var(--white-color);
    }

    .pt-blog-post.pt-list .pt-blog-area .pt-post-meta ul .pt-post-category a {
        color: var(--primary-color);
    }

    .pt-blog-post.pt-list .pt-blog-area .pt-blog-contain .pt-blog-title {
        font-size: 28px;
        line-height: 36px;
        color: var(--white-color);
    }

    .pt-blog-post.pt-list.pt-active .pt-blog-area .pt-post-date {
        z-index: 1;
    }

    .pt-blog-post.pt-list .pt-blog-area .pt-post-date a .pt-post-blk {
        font-size: 56px;
        line-height: 64px;
    }

    .pt-blog-post.pt-list .pt-blog-area .pt-post-date {
        text-align: left;
    }

    .pt-blog-post.pt-list .pt-blog-area .pt-post-date a {
        color: var(--white-color);
    }

    .pt-blog-post.pt-list .pt-blog-area .pt-post-media,
    .pt-blog-post.pt-list.pt-active .pt-blog-area .pt-post-media {
        opacity: 1;
        z-index: 0;
    }

    .pt-blog-post.pt-list .pt-blog-area .pt-btn-container {
        display: none;
    }

    .pt-blog-post.pt-list .pt-blog-area .pt-icon-button {
        transform: translateY(-50%) rotate(315deg) scale(1);
        z-index: 2;
        bottom: 0;
        right: 30px;
        top: inherit;
    }

    .pt-blog-post.pt-list .pt-blog-area .pt-icon-button a {
        color: var(--primary-color);
        background-color: var(--white-color);
        border: 1px solid var(--white-color);
    }
}

@media(max-width: 479px) {

    .pt-blog-post.pt-list .pt-blog-area {
        padding: 30px 15px;
    }

    .pt-blog-post.pt-list .pt-blog-area .pt-icon-button {
        right: 15px;
    }

    .pt-blog-post.pt-list .pt-blog-area .pt-post-date a .pt-post-blk {
        font-size: 52px;
        line-height: 60px;
    }
}


/* ################################# */

/* Blog Sidebar */

/* ################################# */

.pq-sidebar-info-box .wp-block-image img,
.widget .wp-block-image img {
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    margin-bottom: 15px;
    overflow: hidden;
}

.widget .pq-social-logo li a {
    padding: 0;
    display: inline-block;
    text-align: center;
    fill: var(--white-color);
    background: var(--primary-color);
    color: var(--white-color);
    height: 45px;
    width: 45px;
    line-height: 42px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
}

.widget .pq-social-logo li a:hover {
    background: var(--dark-color);
}

.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor {
    padding: 10px;
}


/* ################################# */

/* Recent Post */

/* ################################# */

.pt-recent-post {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.pt-recent-post:last-child {
    margin-bottom: 0;
    border: none;
    padding: 0;
}

.pt-recent-post .pt-recent-post-media {
    margin-right: 15px;
}

.pt-recent-post .pt-recent-post-media img {
    width: 80px;
    height: 80px;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-recent-post .pt-recent-post-info {
    flex: 1;
    align-self: center;
}

.pt-recent-post .pt-recent-post-info .pt-post-date {
    font-family: var(--title-fonts);
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: var(--secondary-color);
    letter-spacing: 0.04em;
}

.pt-recent-post .pt-recent-post-info .pt-post-date i {
    margin-right: 5px;
}

.pt-recent-post .pt-recent-post-info h6 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.pt-recent-post .pt-recent-post-info h6 a:hover {
    color: var(--dark-color);
}


/* ################################# */

/* Blog Single Post */

/* ################################# */

.pt-single-post-bottom-holder {
    margin: 45px 0;
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    border-bottom: 1px solid var(--primary-color);
    border-top: 1px solid var(--primary-color);
}

.pt-single-post-bottom-holder .pt-single-post-tags {
    display: flex;
    align-items: center;
}

.pt-single-post-bottom-holder .pt-single-post-tags-title {
    font-family: var(--title-fonts);
    color: var(--dark-color);
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
}

.pt-single-post-bottom-holder ul.pt-single-post-tags-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.pt-single-post-bottom-holder ul.pt-single-post-tags-list li {
    margin: 0 0 0 8px;
    padding: 0;
    list-style: none;
    display: inline-block;
    vertical-align: middle;
}

.pt-single-post-bottom-holder ul.pt-single-post-tags-list li a {
    font-size: 16px;
    text-transform: uppercase;
    background: var(--grey-color);
    margin: 0;
    display: inline-block;
    float: left;
    color: var(--dark-color);
    padding: 4px 16px;
    border: 1px solid var(--grey-color);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-single-post-bottom-holder ul.pt-single-post-tags-list li a:hover {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: var(--dark-color);
}

/*===== Single Post =====*/

.pt-single-post-bottom-holder .pt-single-post-social-title {
    font-family: var(--title-fonts);
    color: var(--dark-color);
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
}

.pt-single-post-bottom-holder ul.pt-single-post-shortcode-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
}

.pt-single-post-bottom-holder ul.pt-single-post-shortcode-list li {
    margin: 0 0 0 8px;
    padding: 0;
    list-style: none;
}

.pt-single-post-bottom-holder ul.pt-single-post-shortcode-list li a {
    width: 50px;
    height: 50px;
    background: var(--grey-color);
    color: var(--dark-color);
    display: inline-block;
    text-align: center;
    line-height: 50px;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-single-post-bottom-holder ul.pt-single-post-shortcode-list li a:hover {
    background: var(--primary-color);
    color: var(--dark-color);
}

.pt-single-post-usernav .pt-user {
    background: var(--grey-color);
    padding: 30px;
    display: flex;
    align-items: flex-start;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-single-post-usernav .pt-user .pt-user-media {
    margin-right: 30px;
}

.pt-single-post-usernav .pt-user .pt-user-media img {
    width: 180px;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-single-post-usernav .pt-user-info .pt-user-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 5px;
}

.pt-single-post-usernav .pt-user-info .pt-user-sub-title {
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
    color: var(--secondary-color);
}

.pt-single-post-usernav .pt-user-description {
    margin-bottom: 0;
    margin-top: 10px;
}

.pt-blog.pt-single-post {
    padding: 0 30px 45px;
}

.pt-blog.pt-single-post h2 {
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 36px;
}

.single-post .owl-carousel .pt-blog-post .pt-blog-contain .pt-blog-title {
    font-size: 24px;
    line-height: 32px;
}

@media(max-width:767px) {
    .pt-single-post-bottom-holder {
        display: block;
    }

    .pt-single-post-social-share {
        margin-bottom: 30px;
    }

    .pt-single-post-usernav .pt-user {
        align-items: flex-start;
        padding: 15px;
    }
}

@media(max-width:479px) {
    .pt-single-post-bottom-holder {
        padding-bottom: 20px;
    }

    .pt-single-post-usernav .pt-user {
        display: block;
    }

    .pt-single-post-usernav .pt-user .pt-user-media img {
        width: 80px;
    }

    .pt-single-post-usernav .pt-user .pt-user-media {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .pt-single-post-bottom-holder ul.pt-single-post-tags-list li {
        margin-bottom: 5px;
    }
}


/* ################################# */

/* isotope Portfolio */

/* ################################# */

.pt-grid-item.visible_item,
.pt-masonry-item.visible_item {
    display: none;
}

.pt-filters .pt-filter-button-group ul {
    margin: 0 0 45px;
    padding: 0;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.pt-filters .pt-filter-button-group ul li {
    font-family: var(--title-fonts);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    list-style: none;
    color: var(--dark-color);
    display: inline-block;
    cursor: pointer;
    padding: 12px 20px;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.pt-filters .pt-filter-button-group ul li:last-child {
    margin-right: 0;
}

.pt-filters .pt-filter-button-group ul li.active,
.pt-filters .pt-filter-button-group ul li.active:hover {
    background: var(--primary-color);
    color: var(--white-color);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-filters .pt-filter-button-group ul li:hover {
    color: var(--dark-color);
}

.pt-grid {
    display: inline-block;
    width: 100%;
    float: left;
}

.pt-grid:after {
    content: '';
    display: block;
    clear: both;
}

.pt-col-3 {
    width: 25%;
    padding: 0 15px 30px;
}

.pt-col-6 {
    width: 50%;
    padding: 0 15px 30px;
}

.pt-col-4 {
    width: 33.33%;
    padding: 0 15px 30px;
}

.pt-grid.no-padding .pt-grid-item,
.pt-masonry.no-padding .pt-masonry-item {
    padding: 0;
}

.pt-btn-load-container {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}

.pt-btn-load-container a.pt-button {
    cursor: pointer;
}

.pt-grid.style-2 .pt-portfoliobox-1 .pt-portfolio-img {
    overflow: hidden;
}

.pt-grid.style-2 .pt-portfoliobox-1 .pt-portfolio-info {
    position: relative;
    bottom: 0;
    left: 0;
    background: transparent;
    padding-left: 0;
    padding-bottom: 0;
    opacity: 1;
}

.pt-grid.style-2 .pt-portfoliobox-1 a.pt-portfolio-icon-bg {
    display: none;
}

.pt-grid.style-2 .pt-grid-item:nth-child(1) .pt-portfoliobox-1 {
    margin-top: 60px;
}

.pt-grid.style-2 .pt-col-6 {
    padding: 0 30px 45px;
    padding-bottom: 45px;
}

/*===== Portfolio Masonry =====*/

.pt-masonry {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pt-masonry .ipt-lg-6 {
    width: 50%;
    padding: 0 15px 30px;
}

.pt-masonry .ipt-lg-3 {
    width: 25%;
    padding: 0 15px 30px;
}

.pt-masonry .ipt-lg-4 {
    width: 33.333%;
    padding: 0 15px 30px;
}

.pt-masonry.no-padding .ipt-lg-6,
.pt-masonry.no-padding .ipt-lg-3 {
    padding: 0;
}

.pt-masonry.no-padding .pt-portfoliobox-1,
.pt-masonry.no-padding .pt-portfoliobox-1 .pt-portfolio-img img {
    border-radius: 0;
}

/*===== layout 2 =====*/

.pt-masonry .ipt-lg-4 {
    width: 33.333%;
    padding: 0 15px 30px;
}

.pt-masonry .ipt-lg-8 {
    width: 66.666%;
    padding: 0 15px 30px;
}

.pt-masonry .ipt-lg-12 {
    width: 100%;
    padding: 0 15px 30px;
}

@media(max-width:1365px) {
    .pt-col-3 {
        width: 33.33%;
    }

    .pt-masonry .ipt-lg-6 {
        width: 50%;
    }

    .pt-masonry .ipt-lg-3 {
        width: 33.33%;
    }

    .pt-masonry .ipt-lg-4 {
        width: 50%;
    }

    .pt-masonry .ipt-lg-8 {
        width: 50%;
    }

    .pt-filters .pt-filter-button-group ul li {
        margin-right: 10px;
    }

    .pt-col-3,
    .pt-col-4,
    .pt-masonry .ipt-lg-3 {
        width: 50%;
    }
}

@media(max-width:767px) {
    .pt-filters .pt-filter-button-group ul li {
        margin-right: 0;
        font-size: 14px;
        padding: 5px 15px;
    }

    .pt-col-6,
    .pt-col-4,
    .pt-col-3,
    .pt-masonry .ipt-lg-3,
    .pt-masonry .ipt-lg-6 {
        width: 100%;
        padding: 0 0 30px;
    }

    .pt-masonry .ipt-lg-4 {
        width: 100%;
        padding: 0 0 30px;
    }

    .pt-masonry .ipt-lg-8 {
        width: 100%;
    }

    .pt-grid.style-2 .pt-grid-item:nth-child(1) .pt-portfoliobox-1 {
        margin-top: 0;
    }

    .pt-grid.style-2 .pt-col-6 {
        padding: 0 0 30px;
    }

}

@media(max-width:479px) {
    .pt-filters .pt-filter-button-group ul li {
        margin-bottom: 15px;
    }
}

.pt-grid-item {
    float: left;
}

/*===== Single Project =====*/

.pt-single-post-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    padding: 45px 30px;
    margin-bottom: 0;
    background: var(--grey-color);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.single-post .pt-single-post-navigation {
    margin-bottom: 40px;
}

.pt-single-post-navigation .pt-single-post-nav {
    position: relative;
    padding-left: 75px;
    display: inline-block;
    cursor: pointer;
}

.pt-single-post-navigation .pt-single-post-nav:before {
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f053";
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    font-size: 20px;
    color: var(--white-color);
    background: var(--dark-color);
    text-align: center;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-single-post-navigation .pt-single-post-nav.pt--next {
    padding-left: 0;
    padding-right: 75px;
    text-align: right;
}

.pt-single-post-navigation .pt-single-post-nav.pt--next:before {
    content: "\f054";
    right: 0;
    left: inherit;
}

.pt-single-post-navigation .pt-single-post-nav-title h4 {
    font-size: 24px;
    line-height: 32px;
}

.pt-single-post-nav-label {
    color: var(--secondary-color);
    font-family: var(--title-fonts);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pt-single-post-navigation+h2+.pt-masonry {
    margin-left: -15px;
    margin-top: 30px;
}

.pt-single-post-navigation .pt-single-post-nav:hover .pt-single-post-nav-label {
    color: var(--primary-color);
}

.pt-single-post-navigation .pt-single-post-nav:hover:before {
    background: var(--primary-color);
}


@media(max-width:767px) {

    .pt-single-post-navigation {
        padding: 45px 15px;

    }

    .pt-single-post-navigation .pt-single-post-nav-title h4 {
        font-size: 20px;
        line-height: 28px;
    }

    .pt-single-post-navigation+h2+.pt-masonry {
        margin-left: 0;
    }
}

@media(max-width:576px) {
    .pt-single-post-navigation {
        display: block;
    }

    .pt-single-post-navigation .pt-single-post-nav.pt--next {
        margin-top: 15px;
        display: block;
    }
}


/* ################################# */

/* Portfolio Box */

/* ################################# */

.pt-portfoliobox-1 {
    overflow: hidden;
    position: relative;
}

.pt-portfoliobox-1 .pt-portfolio-img {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-portfoliobox-1 .pt-portfolio-img img {
    width: 100%;
    transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.pt-portfoliobox-1:hover .pt-portfolio-img img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.pt-portfoliobox-1 .pt-portfolio-info .pt-portfoliobox-tag-box a {
    font-family: var(--title-fonts);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--primary-color);
}

/*===== Portfoliobox Hover below  =====*/

.pt-portfoliobox-1.pt-hover-bellow .pt-portfolio-info {
    margin-top: 15px;
}

/*===== Portfoliobox Hover Slide  =====*/

.pt-portfoliobox-1.pt-hover-slide .pt-portfolio-info {
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 1;
    transform: translate(-100%, 0px);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    padding: 30px;
    background-color: var(--white-color);
    border-radius: var(--border-radius);
    text-align: left;
}

.pt-portfoliobox-1.pt-hover-slide:hover .pt-portfolio-info {
    transform: translate(0px, 0px);
    left: 30px;
}

.pt-portfoliobox-1.pt-hover-slide .pt-portfolio-info h5 a {
    color: var(--dark-color);
    font-size: 24px;
    line-height: 32px;
}

.pt-portfoliobox-1.pt-hover-slide .pt-portfolio-info h5 a:hover {
    color: var(--primary-color);
}

.pt-portfoliobox-1.pt-hover-slide .pt-portfolio-info .pt-portfolio-style-1-tag {
    margin-bottom: 0;
}

.pt-portfoliobox-1.pt-hover-slide .pt-portfolio-info .pt-portfolio-style-1-tag a {
    font-family: var(--title-fonts);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--primary-color);
    display: inline-block;
    margin-bottom: 10px;
}

.pt-portfoliobox-1.pt-hover-slide .pt-portfolio-title-marquee,
.pt-portfoliobox-1.pt-hover-slide .pt-icon-button {
    display: none !important;
}

/*===== Portfoliobox Hover fade  =====*/

.pt-portfoliobox-1.pt-hover-fade {
    text-align: center;
}

.pt-portfoliobox-1.pt-hover-fade:before {
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: var(--dark-color);
    z-index: 1;
    transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-portfoliobox-1.pt-hover-fade:hover:before {
    opacity: 0.9;
}

.pt-portfoliobox-1.pt-hover-fade .pt-portfolio-info {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: grid;
    align-items: center;
    justify-content: center;
    align-content: center;
    justify-items: center;
    opacity: 0;
    -moz-transform: translate(0px, 30px);
    -webkit-transform: translate(0px, 30px);
    -o-transform: translate(0px, 30px);
    -ms-transform: translate(0px, 30px);
    transform: translate(0px, 30px);
    -webkit-transition: all 0.4s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 0.4s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.pt-portfoliobox-1.pt-hover-fade .pt-portfolio-info h5 {
    margin-bottom: 5px;
}

.pt-portfoliobox-1.pt-hover-fade .pt-portfolio-info h5 a,
.pt-portfoliobox-1.pt-hover-fade .pt-portfolio-info .pt-portfolio-style-1-title a {
    color: var(--white-color);
}

.pt-portfoliobox-1.pt-hover-fade .pt-portfolio-info .pt-portfoliobox-tag-box a {
    color: var(--primary-color);
}

.pt-portfoliobox-1.pt-hover-fade:hover .pt-portfolio-info {
    opacity: 1;
    -moz-transform: translate(0px, 0);
    -webkit-transform: translate(0px, 0);
    -o-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    transform: translate(0px, 0);
}

.pt-portfoliobox-1.pt-hover-fade .pt-e-post-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pt-portfoliobox-1.pt-hover-fade .pt-portfolio-info .pt-btn-container a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--primary-color);
    text-transform: uppercase;
}

@media (max-width:479px) {

    .pt-portfoliobox-1.pt-hover-slide .pt-portfolio-info {
        padding: 15px;
        margin-right: 15px;
    }

    .pt-portfoliobox-1.pt-hover-slide .pt-portfolio-info .pt-portfolio-style-1-title a {
        font-size: 28px;
        line-height: 36px;
    }

    .pt-portfoliobox-1.pt-hover-slide:hover .pt-portfolio-info {
        left: 15px;
    }
}


/* ################################# */

/* Portfoliobox Zigzag */

/* ################################# */

.pt-portfoliobox-zigzag.pt-style-1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 60px;
}

.pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 {
    text-align: center;
}

.pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1:nth-child(even) {
    margin-top: 45px;
}

.pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-img img {
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-img::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--dark-color);
    opacity: 0;
    z-index: 1;
    transition: var(--transition);
}

.pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1.pt-active .pt-portfolio-img::before {
    opacity: 0.6;
}

.pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-img .pt-portfolio-title-marquee {
    display: flex;
    gap: 30px;
    width: max-content;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 4;
    transition: var(--transition);
    opacity: 0;
    animation: LeftToRight 15s linear infinite;
}

.pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1.pt-active .pt-portfolio-img .pt-portfolio-title-marquee {
    opacity: 1;
    left: 0;
}

@keyframes LeftToRight {
    0% {
        transform: translate(0, -50%);
    }

    100% {
        transform: translate(calc(-50% - 15px), -50%);
    }
}

.pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-img .pt-portfolio-title-marquee .pt-portfolio-title-marquee-inner {
    display: flex;
    gap: 30px;
    width: max-content;
}

.pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-img .pt-portfolio-title-marquee .pt-portfolio-title-marquee-inner .pt-portfolio-title {
    font-size: 60px;
    line-height: 68px;
    color: var(--white-color);
}

.pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-icon-button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transform-origin: center;
    z-index: 9;
    transition: var(--transition);
}

.pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1.pt-active .pt-icon-button {
    transform: translate(-50%, -50%) scale(1);
}

.pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-icon-button a {
    width: 90px;
    height: 90px;
    font-size: 24px;
    line-height: 90px;
    height: 90px;
    color: var(--white-color);
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-icon-button a:hover i {
    animation: icon-button-animation 0.4s linear;
}

@keyframes icon-button-animation {
    0% {
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        transform: translate(40px, -40px);
        opacity: 0;
    }

    51% {
        transform: translate(-40px, 40px);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

.pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-info {
    margin-top: 20px;
}

.pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-info .pt-portfoliobox-tag-box {
    display: flex;
    gap: 10px 15px;
    flex-wrap: wrap;
    justify-content: center;
}

.pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-info .pt-portfoliobox-tag-box .pt-portfoliobox-tag a {
    color: var(--white-color);
    font-size: 16px;
    line-height: 24px;
    font-family: var(--title-fonts);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04em;
    padding: 4px 20px;
    display: inline-block;
    background-color: transparent;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    border: 1px solid var(--white-color);
}

.pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-info .pt-portfoliobox-tag-box .pt-portfoliobox-tag a:hover {
    color: var(--primary-color);
    background-color: var(--white-color);
}

.pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-info .pt-portfolio-title {
    font-size: 36px;
    line-height: 44px;
    color: var(--white-color);
    margin-top: 15px;
}

.pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-info .pt-portfolio-title:hover a {
    color: var(--dark-color);
}

@media (max-width: 1023px) {

    .pt-portfoliobox-zigzag.pt-style-1 {
        gap: 0 45px;
    }

    .pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-img .pt-portfolio-title-marquee .pt-portfolio-title-marquee-inner .pt-portfolio-title {
        font-size: 48px;
        line-height: 56px;
    }

    .pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-info .pt-portfolio-title {
        font-size: 32px;
        line-height: 40px;
    }
}

@media (max-width: 767px) {

    .pt-portfoliobox-zigzag.pt-style-1 {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1:nth-child(even) {
        margin-top: 0;
    }

    .pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-img::before {
        opacity: 0.6;
    }

    .pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-icon-button {
        transform: translate(-50%, -50%) scale(1);
    }

    .pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-img .pt-portfolio-title-marquee {
        left: 0;
        animation: LeftToRight 15s linear infinite;
    }

    .pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-info .pt-portfolio-title {
        font-size: 28px;
        line-height: 36px;
    }
}

@media (max-width: 575px) {

    .pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-img .pt-portfolio-title-marquee .pt-portfolio-title-marquee-inner .pt-portfolio-title {
        font-size: 45px;
        line-height: 52px;
    }

    .pt-portfoliobox-zigzag.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-info .pt-portfolio-title {
        font-size: 24px;
        line-height: 32px;
    }
}


/* ################################# */

/* Portfolio Slider*/

/* ################################# */

/*===== Portfolio Slider - bellow =====*/

.pt-portfoliobox-slider.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-img::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--dark-color);
    opacity: 0;
    z-index: 1;
    transition: var(--transition);
}

.pt-portfoliobox-slider.pt-style-1 .pt-portfoliobox-1:hover .pt-portfolio-img::before {
    opacity: 0.6;
}

.pt-portfoliobox-slider.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-img .pt-portfolio-title-marquee {
    display: flex;
    gap: 30px;
    width: max-content;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 4;
    transition: var(--transition);
    opacity: 0;
    animation: LeftToRight 15s linear infinite;
}

.pt-portfoliobox-slider.pt-style-1 .pt-portfoliobox-1:hover .pt-portfolio-img .pt-portfolio-title-marquee {
    opacity: 1;
    left: 0;
}

@keyframes LeftToRight {
    0% {
        transform: translate(0, -50%);
    }

    100% {
        transform: translate(calc(-50% - 15px), -50%);
    }
}

.pt-portfoliobox-slider.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-img .pt-portfolio-title-marquee .pt-portfolio-title-marquee-inner {
    display: flex;
    gap: 30px;
    width: max-content;
}

.pt-portfoliobox-slider.pt-style-1 .pt-portfoliobox-1 .pt-portfolio-img .pt-portfolio-title-marquee .pt-portfolio-title-marquee-inner .pt-portfolio-title {
    font-size: 48px;
    line-height: 56px;
    color: var(--white-color);
}

.pt-portfoliobox-slider.pt-style-1 .pt-portfoliobox-1 .pt-icon-button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transform-origin: center;
    z-index: 9;
    transition: var(--transition);
}

.pt-portfoliobox-slider.pt-style-1 .pt-portfoliobox-1:hover .pt-icon-button {
    transform: translate(-50%, -50%) scale(1);
}

.pt-portfoliobox-slider.pt-style-1 .pt-portfoliobox-1 .pt-icon-button a {
    width: 70px;
    height: 70px;
    font-size: 20px;
    line-height: 70px;
    height: 70px;
    color: var(--white-color);
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.pt-portfoliobox-slider.pt-style-1 .pt-portfoliobox-1 .pt-icon-button a:hover i {
    animation: icon-button-animation 0.4s linear;
}

@keyframes icon-button-animation {
    0% {
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        transform: translate(40px, -40px);
        opacity: 0;
    }

    51% {
        transform: translate(-40px, 40px);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

.pt-portfoliobox-slider.pt-style-1 .pt-portfoliobox-1.pt-hover-bellow .pt-portfolio-info {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--light-black);
    position: relative;
}

.pt-portfoliobox-slider.pt-style-1 .pt-portfoliobox-1.pt-hover-bellow .pt-portfolio-info::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background-color: var(--primary-color);
    transition: var(--transition);
}

.pt-portfoliobox-slider.pt-style-1 .pt-portfoliobox-1:hover .pt-portfolio-info::before {
    width: 100%;
}

.pq-section-dark .pt-portfoliobox-slider.pt-style-1 .owl-carousel .owl-nav button.owl-prev,
.pq-section-dark .pt-portfoliobox-slider.pt-style-1 .owl-carousel .owl-nav button.owl-next {
    background-color: var(--white-color);
    color: var(--primary-color);
}

.pq-section-dark .pt-portfoliobox-slider.pt-style-1 .owl-carousel .owl-nav button.owl-prev:hover,
.pq-section-dark .pt-portfoliobox-slider.pt-style-1 .owl-carousel .owl-nav button.owl-next:hover {
    background-color: var(--dark-color);
    color: var(--white-color);
}


/* ################################# */

/* Service Box */

/* ################################# */

/*===== Service Style 1 =====*/

.pt-service-box.pt-style-1 {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-service-box.pt-style-1 .pt-service-box-contain {
    padding: 45px;
    display: grid;
    grid-template-columns: auto 2.5fr 3fr auto;
    gap: 45px;
    align-items: center;
    transition: var(--transition);
    position: relative;
    z-index: 2;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    border-top: 1px solid var(--light-black);
}

.pt-service-box.pt-style-1:last-child {
    border-bottom: 1px solid var(--light-black);
}

.pt-service-box.pt-style-1 .pt-service-box-contain .pt-service-box-icon {
    font-size: 64px;
    line-height: 1;
    color: var(--primary-color);
    transition: var(--transition);
    height: 64px;
}

.pt-service-box.pt-style-1.pt-active .pt-service-box-contain .pt-service-box-icon {
    color: var(--white-color);
}

.pt-service-box.pt-style-1 .pt-service-box-contain .pt-service-box-title {
    font-size: 28px;
    line-height: 36px;
    transition: var(--transition);
}

.pt-service-box.pt-style-1.pt-active .pt-service-box-contain .pt-service-box-title {
    color: var(--white-color);
}

.pt-service-box.pt-style-1 .pt-service-box-contain .pt-service-box-description {
    margin-bottom: 0;
    max-width: 470px;
    transition: var(--transition);
}

.pt-service-box.pt-style-1.pt-active .pt-service-box-contain .pt-service-box-description {
    color: var(--white-color);
}

.pt-service-box.pt-style-1.pt-active .pt-service-box-contain .pt-icon-button a {
    background-color: var(--grey-color);
    border: 1px solid var(--primary-color);
}

.pt-service-box.pt-style-1 .pt-service-box-contain .pt-icon-button a:hover {
    color: var(--dark-color);
}

.pt-service-box.pt-style-1 .pt-service-box-media {
    position: absolute;
    right: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    overflow: hidden;
    transition: var(--transition);
}

.pt-service-box.pt-style-1.pt-active .pt-service-box-media {
    right: 0;
}

.pt-service-box.pt-style-1 .pt-service-box-media:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    opacity: 0.9;

}

.pt-service-box.pt-style-1 .pt-service-box-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1023px) {

    .pt-service-box.pt-style-1 .pt-service-box-contain {
        padding: 45px 30px;
        gap: 15px 30px;
    }
}

@media (max-width: 767px) {

    .pt-service-box-1-list {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .pt-service-box.pt-style-1 .pt-service-box-contain {
        grid-template-columns: 1fr;
        padding: 30px;
    }

    .pt-service-box.pt-style-1 .pt-service-box-contain .pt-service-box-icon {
        color: var(--white-color);
    }

    .pt-service-box.pt-style-1 .pt-service-box-contain .pt-service-box-title {
        color: var(--white-color);
    }

    .pt-service-box.pt-style-1 .pt-service-box-contain .pt-service-box-description {
        max-width: 100%;
        color: var(--white-color);
    }

    .pt-service-box.pt-style-1 .pt-service-box-contain .pt-icon-button a {
        background-color: var(--grey-color);
        border: 1px solid var(--primary-color);
    }

    .pt-service-box.pt-style-1 .pt-service-box-media {
        right: 0;
    }
}

@media (max-width: 479px) {
    .pt-service-box.pt-style-1 .pt-service-box-contain {
        padding: 30px 15px;
    }

    .pt-service-box.pt-style-1 .pt-service-box-contain .pt-service-box-title {
        font-size: 24px;
        line-height: 32px;
    }
}

/*===== Service Style 2 =====*/

.pt-service-box-2-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
}

.pt-service-box.pt-style-2 {
    position: relative;
}

.pt-service-box.pt-style-2 .pt-service-box-number {
    font-family: var(--title-fonts);
    color: var(--primary-color);
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--light-black);
    display: block;
    position: relative;
}

.pt-service-box.pt-style-2 .pt-service-box-number::before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 0;
    height: 1px;
    background-color: var(--dark-color);
    transition: var(--transition);
}

.pt-service-box.pt-style-2.pt-active .pt-service-box-number::before {
    width: 100%;
}

.pt-service-box.pt-style-2 .pt-service-box-title {
    font-size: 28px;
    line-height: 36px;
}

.pt-service-box.pt-style-2 .pt-service-box-description {
    margin-bottom: 0;
    margin-top: 5px;
}

.pt-service-box.pt-style-2 .pt-service-box-media img {
    position: absolute;
    left: 52%;
    top: 5%;
    max-width: 180px;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    transform-origin: 50% 50%;
    transform: scale(0) rotate(0deg);
    transition: var(--transition);
}

.pt-service-box.pt-style-2.pt-active .pt-service-box-media img {
    transform: scale(1) rotate(10deg);
}

@media (max-width: 1023px) {
    .pt-service-box-2-list {
        gap: 45px;
    }
}

@media (max-width: 767px) {

    .pt-service-box-2-list {
        grid-template-columns: 1fr;
    }

    .pt-service-box.pt-style-2 .pt-service-box-title {
        font-size: 24px;
        line-height: 32px;
    }

    .pt-service-box.pt-style-2 .pt-service-box-media img {
        position: initial;
        transform: none;
        margin-top: 15px;
        max-width: 100%;
    }

    .pt-service-box.pt-style-2.pt-active .pt-service-box-media img {
        transform: none;
    }
}

@media (max-width: 479px) {

    .pt-service-box-2-list {
        gap: 30px;
    }
}

/*===== Service Style 3 =====*/

.pt-service-box-3-list {
    display: flex;
    overflow: hidden;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    background-color: var(--grey-color);
}

.pt-service-box.pt-style-3 {
    display: grid;
    grid-template-columns: 110px 1fr;
    flex: 97px;
    transition: var(--transition);
    overflow: hidden;
    position: relative;
    border-right: 1px solid var(--light-black);
}

.pt-service-box.pt-style-3:last-child {
    border-right: none;
}

.pt-service-box.pt-style-3.pt-active {
    flex: 100;
}

.pt-service-box.pt-style-3 .pt-service-box-main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 60px 30px;
    rotate: 180deg;
    align-items: center;
    transition: var(--transition);
    cursor: pointer;
}

.pt-service-box.pt-style-3.pt-active .pt-service-box-main {
    background-color: var(--primary-color);
    cursor: initial;
}

.pt-service-box.pt-style-3 .pt-service-box-main .pt-service-box-title {
    writing-mode: vertical-lr;
    font-size: 32px;
    line-height: 40px;
    transition: var(--transition);
}

.pt-service-box.pt-style-3.pt-active .pt-service-box-main .pt-service-box-title {
    color: var(--white-color);
}

.pt-service-box.pt-style-3 .pt-service-box-main .pt-service-box-number {
    writing-mode: vertical-lr;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    font-family: var(--title-fonts);
    color: var(--dark-color);
    transition: var(--transition);
}

.pt-service-box.pt-style-3.pt-active .pt-service-box-main .pt-service-box-number {
    color: var(--white-color);
}

.pt-service-box.pt-style-3 .pt-service-box-content {
    padding: 60px;
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 45px;
    align-items: center;
    position: absolute;
    left: 110px;
    top: 0;
    width: calc(100vw - 90px - (110px * 5));
    height: 100%;
    overflow: hidden;
}

.pt-service-box.pt-style-3.pt-active .pt-service-box-content {
    position: initial;
    width: calc(100vw - 90px - (110px * 5));
}

.pt-service-box.pt-style-3 .pt-service-box-content .pt-service-box-media img {
    height: 550px;
    width: 100%;
    object-fit: cover;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-service-box.pt-style-3 .pt-service-box-content .pt-service-box-info .pt-service-box-title {
    font-size: 32px;
    line-height: 40px;
}

.pt-service-box.pt-style-3 .pt-service-box-content .pt-service-box-info .pt-service-box-description {
    margin-top: 5px;
}

@media(max-width:1499px) {

    .pt-service-box.pt-style-3 .pt-service-box-main {
        padding: 45px 30px;
    }

    .pt-service-box.pt-style-3 .pt-service-box-content {
        padding: 45px;
        gap: 30px;
        grid-template-columns: 1fr 280px;
    }

    .pt-service-box.pt-style-3 .pt-service-box-content .pt-service-box-media img {
        height: 450px;
    }
}

@media (max-width: 1490px) {
    .pt-service-box-3-list {
        margin: 0 15px;
    }

    .pt-service-box.pt-style-3 .pt-service-box-content {
        width: calc(100vw - 30px - (110px * 5));
    }

    .pt-service-box.pt-style-3.pt-active .pt-service-box-content {
        position: initial;
        width: calc(100vw - 30px - (110px * 5));
    }
}

@media(max-width: 1199px) {
    .pt-service-box.pt-style-3 .pt-service-box-content {
        gap: 30px;
        grid-template-columns: 1fr;
    }

    .pt-service-box.pt-style-3 .pt-service-box-content .pt-service-box-media img {
        height: auto;
    }
}

@media(max-width: 1023px) {
    .pt-service-box-3-list {
        margin: 0;
    }

    .pt-service-box.pt-style-3 {
        flex: 105px;
    }

    .pt-service-box.pt-style-3 .pt-service-box-main {
        padding: 30px;
    }

    .pt-service-box.pt-style-3 .pt-service-box-main .pt-service-box-title {
        font-size: 28px;
        line-height: 36px;
    }

    .pt-service-box.pt-style-3 .pt-service-box-main .pt-service-box-number {
        font-size: 28px;
        line-height: 36px;
    }

    .pt-service-box.pt-style-3 .pt-service-box-content {
        padding: 30px;
    }

    .pt-service-box.pt-style-3 .pt-service-box-content .pt-service-box-info .pt-service-box-title {
        font-size: 28px;
        line-height: 36px;
    }
}

@media (max-width: 979px) {

    .pt-service-box.pt-style-3 {
        display: grid;
        grid-template-columns: 90px 1fr;

    }

    .pt-service-box.pt-style-3 {
        flex: 86px;
    }

    .pt-service-box.pt-style-3 .pt-service-box-content {
        width: calc(100vw - 30px - (90px * 5));
        left: 90px;
    }

    .pt-service-box.pt-style-3.pt-active .pt-service-box-content {
        position: initial;
        width: calc(100vw - 30px - (90px * 5));
    }
}

@media (max-width: 767px) {


    .pt-service-box-3-list {
        display: flex;
        gap: 30px;
        flex-direction: column;
        background-color: transparent;
    }

    .pt-service-box.pt-style-3 {
        grid-template-columns: 1fr;
        background-color: var(--grey-color);
        -webkit-border-radius: var(--border-radius);
        -moz-border-radius: var(--border-radius);
        border-radius: var(--border-radius);
        border: none;
        flex: initial;
    }

    .pt-service-box.pt-style-3 .pt-service-box-main {
        flex-direction: row;
        rotate: 0deg;
        background-color: var(--primary-color);
    }

    .pt-service-box.pt-style-3 .pt-service-box-main .pt-service-box-number,
    .pt-service-box.pt-style-3 .pt-service-box-main .pt-service-box-title {
        color: var(--white-color);
    }

    .pt-service-box.pt-style-3 .pt-service-box-main .pt-service-box-number,
    .pt-service-box.pt-style-3 .pt-service-box-main .pt-service-box-title {
        writing-mode: initial;
    }

    .pt-service-box.pt-style-3 .pt-service-box-content,
    .pt-service-box.pt-style-3.pt-active .pt-service-box-content {
        width: 100%;
        position: initial;
        padding: 30px 15px;
        gap: 15px;
    }
}

@media (max-width: 479px) {
    .pt-service-box.pt-style-3 .pt-service-box-content {
        gap: 15px;
    }
}

/*===== Service Style 4 =====*/

.pt-service-box-4-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
}

.pt-service-box.pt-style-4 {
    display: grid;
    grid-template-columns: auto 1fr 1fr auto;
    gap: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--light-black);
}

.pt-bg-dark .pt-service-box.pt-style-4 {
    border-bottom: 1px solid var(--light-white);
}

.pt-service-box.pt-style-4 .pt-service-box-number {
    font-size: 18px;
    line-height: 26px;
    display: inline-block;
}

.pt-bg-dark .pt-service-box.pt-style-4 .pt-service-box-number {
    color: var(--white-color);
}

.pt-service-box.pt-style-4 .pt-service-box-content .pt-service-box-category {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--title-fonts);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04em;
    margin-bottom: 0;
}

.pt-bg-dark .pt-service-box.pt-style-4 .pt-service-box-content .pt-service-box-category {
    color: var(--white-color);
}

.pt-service-box.pt-style-4 .pt-service-box-content .pt-service-box-title {
    font-size: 28px;
    line-height: 36px;
    margin-top: 5px;
}

.pt-bg-dark .pt-service-box.pt-style-4 .pt-service-box-content .pt-service-box-title {
    color: var(--white-color);
}

.pt-service-box.pt-style-4 .pt-service-box-media {
    position: relative;
    width: 100%;
    height: 100%;
}

.pt-service-box.pt-style-4 .pt-service-box-media img {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%) scale(0);
    transform-origin: top center;
    transition: var(--transition);
    max-width: 180px;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-service-box.pt-style-4.pt-active .pt-service-box-media img {
    transform: translateX(-50%) scale(1);
}

.pt-service-box.pt-style-4 .pt-icon-button a {
    background-color: transparent;
}

.pt-bg-dark .pt-service-box.pt-style-4 .pt-icon-button a {
    border-color: var(--white-color);
}

.pt-service-box.pt-style-4 .pt-icon-button a:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.pt-service-box.pt-style-4 .pt-icon-button a i {
    font-size: 18px;
}

.pt-bg-dark .pt-service-box.pt-style-4 .pt-icon-button a i {
    color: var(--white-color);
}

.pt-service-box.pt-style-4 .pt-icon-button a:hover i {
    animation: icon-button-animation 0.4s linear;
}

@media (max-width: 1199px) {
    .pt-service-box-4-list {
        gap: 30px 45px;
    }
}

@media (max-width: 1099px) {
    .pt-service-box-4-list {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 767px) {
    .pt-service-box.pt-style-4 {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .pt-service-box.pt-style-4>* {
        grid-column: 1;
    }

    .pt-service-box.pt-style-4 .pt-service-box-media {
        grid-column: 2;
        grid-row: 1 / span 3;
    }

    .pt-service-box.pt-style-4 .pt-service-box-media img {
        width: 100%;
        position: relative;
        position: initial;
        max-width: 100%;
        transform: none !important;

    }
}

@media (max-width: 575px) {
    .pt-service-box.pt-style-4 {
        grid-template-columns: 1fr;
    }

    .pt-service-box.pt-style-4 .pt-service-box-content .pt-service-box-title {
        font-size: 24px;
        line-height: 32px;
    }

    .pt-service-box.pt-style-4 .pt-service-box-media {
        grid-column: initial;
        grid-row: initial;
    }
}

/*===== Service Style 5 =====*/

.pt-service-box-slider-5 {
    --gap: 45px;
    display: grid;
    grid-template-columns: minmax(410px, 50%) minmax(30%, calc(100% - 410px - var(--gap)));
    gap: var(--gap);
}

.pt-service-box-slider-5 .slick-slider-thumb .slick-track {
    width: 100% !important;
    transform: inherit !important;
}

.pt-service-box-slider-5 .slick-slide {
    margin: 0;
}

.pt-service-box-slider-5 .slick-slider-thumb .slick-track .slick-slide {
    width: 100% !important;
    flex: 1;
    transition: var(--transition);
    margin-bottom: 30px;
}

.pt-service-box-slider-5 .slick-slider-thumb .slick-track .slick-slide:last-child {
    margin-bottom: 0;
}

.pt-service-box-slider-5 .slick-slider-main .slick-arrow {
    display: none !important;
}

.pt-service-box.pt-style-5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--light-black);
}

.pt-service-box-slider-5 .slick-slider-thumb .item:last-child .pt-service-box.pt-style-5 {
    margin-bottom: 0;
}

.pt-service-box.pt-style-5 .pt-service-box-content .pt-service-box-category {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--title-fonts);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04em;
    position: relative;
}

.pt-service-box.pt-style-5 .pt-service-box-content .pt-service-box-title {
    font-size: 36px;
    line-height: 44px;
    margin-top: 5px;
}

.pt-service-box-slider-5 .slick-slide.slick-current .pt-service-box.pt-style-5 .pt-icon-button a {
    color: var(--white-color);
    background-color: var(--primary-color);
}

.pt-service-box-media.pt-style-5 img {
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    object-fit: cover;
}

@media (max-width: 1199px) {

    .pt-service-box.pt-style-5 .pt-service-box-content .pt-service-box-title {
        font-size: 32px;
        line-height: 40px;
    }
}

@media (max-width: 1023px) {

    .pt-service-box-slider-5 {
        --gap: 30px;
    }

    .pt-service-box.pt-style-5 .pt-service-box-content .pt-service-box-title {
        font-size: 28px;
        line-height: 36px;
    }

}

@media (max-width: 767px) {

    .pt-service-box-slider-5 {
        grid-template-columns: 100%;
    }

    .pt-service-box.pt-style-5 .pt-service-box-content .pt-service-box-title {
        font-size: 24px;
        line-height: 32px;
    }

}


/* ################################# */

/* Wow Image effects */

/* ################################# */

.pt-image-effect img {
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-img-round .pt-image-effect img {
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
}

/*===== Image Effect Right  =====*/

.img-ptkey-right {
    animation: img-ptkey-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
    opacity: 0;
}

@keyframes img-ptkey-right {
    0% {
        transform: translateX(5%);
        clip-path: inset(0 0 0 100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}

.pt-img-right .pt-image-effect {
    position: absolute;
    width: calc((100vw / 2) - 60px);
    right: calc((1400px - 100vw)/2 + 30px);
}

.pt-img-right .pt-image-effect img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

@media (max-width: 1400px) {

    .pt-img-right .pt-image-effect {
        right: -15px;
    }
}

@media (max-width: 1024px) {
    .pt-img-right .pt-image-effect {
        position: inherit;
        width: 100%;
    }
}

/*===== Image Effect Left =====*/

.img-ptkey-left {
    animation: img-ptkey-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
    opacity: 0;
}

@keyframes img-ptkey-left {
    0% {
        transform: translateX(-5%);
        clip-path: inset(0 100% 0 0);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}

.pt-img-left .pt-image-effect {
    position: absolute;
    width: calc((100vw / 2) - 60px);
    left: calc((1400px - 100vw)/2 + 30px);
}

.pt-img-left .pt-image-effect img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: var(--border-radius);
}

@media (max-width: 1400px) {
    .pt-img-left .pt-image-effect {

        left: -15px;
    }
}

@media (max-width: 1024px) {
    .pt-img-left .pt-image-effect {
        position: inherit;
        width: 100%;
    }
}

/*===== Image Effect Top =====*/

.img-ptkey-top {
    animation: img-ptkey-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 0;
}

@keyframes img-ptkey-top {
    0% {
        transform: translateY(-5%);
        clip-path: inset(0 0 100% 0);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}

/*===== Image Effect Bottom =====*/

.img-ptkey-bottom {
    animation: img-ptkey-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 0;
}

@keyframes img-ptkey-bottom {
    0% {
        transform: translateY(-5%);
        clip-path: inset(100% 0 0 0);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}


/* ################################# */

/* Icon Box */

/* ################################# */

.pt-icon-box.pt-style-1 {
    padding: 10px;
    background-color: var(--white-color);
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
    position: relative;

}

.pt-icon-box.pt-style-1::before {
    position: absolute;
    content: "";
    bottom: 55px;
    left: -43.2px;
    background: transparent;
    width: 55px;
    height: 55px;
    border-bottom-right-radius: 55px;
    box-shadow: 0px 24px 0 -4px var(--white-color);
}

.pt-icon-box.pt-style-1::after {
    position: absolute;
    content: "";
    bottom: 55px;
    right: -43.2px;
    background: transparent;
    width: 55px;
    height: 55px;
    border-bottom-left-radius: 55px;
    box-shadow: 0px 24px 0 -4px var(--white-color);
}

.pt-icon-box.pt-style-1 .pt-icon-box-icon {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
    background-color: var(--primary-color);
    font-size: 48px;
    line-height: 100px;
    color: var(--white-color);
    text-align: center;
}

.pt-icon-box.pt-style-1:hover .pt-icon-box-icon i {
    animation: icon-animation 0.3s linear;
    display: inline-block;
}


@keyframes icon-animation {
    0% {
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        transform: translate(0, 70px);
        opacity: 0;
    }

    51% {
        transform: translate(0, -70px);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@media (max-width: 1023px) {

    .pt-icon-box.pt-style-1 .pt-icon-box-icon {
        width: 80px;
        height: 80px;
        font-size: 44px;
        line-height: 80px;
    }

    .pt-icon-box.pt-style-1::before {
        bottom: 50px;
        left: -36.2px;
        width: 50px;
        height: 50px;
        border-bottom-right-radius: 50px;
        box-shadow: 0px 19px 0 -4px var(--white-color);
    }

    .pt-icon-box.pt-style-1::after {
        bottom: 50px;
        right: -36.2px;
        width: 50px;
        height: 50px;
        border-bottom-left-radius: 50px;
        box-shadow: 0px 19px 0 -4px var(--white-color);
    }
}

@media (max-width: 767px) {

    .pt-icon-box.pt-style-1 {
        padding: 8px;
    }

    .pt-icon-box.pt-style-1 .pt-icon-box-icon {
        width: 74px;
        height: 74px;
        font-size: 40px;
        line-height: 74px;
    }

    .pt-icon-box.pt-style-1::before {
        bottom: 45px;
        left: -33px;
        width: 45px;
        height: 45px;
        border-bottom-right-radius: 45px;
        box-shadow: 0px 18px 0 -4px var(--white-color);
    }

    .pt-icon-box.pt-style-1::after {
        bottom: 45px;
        right: -33px;
        width: 45px;
        height: 45px;
        border-bottom-left-radius: 45px;
        box-shadow: 0px 18px 0 -4px var(--white-color);
    }
}


/* ################################# */

/* Process Step */

/* ################################# */

/*===== Process Step Style-1  =====*/

.pt-process-step-1-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    --image-width: 270px;
    text-align: center;
}

.pt-process-step-1-list .pt-process-step-line {
    position: absolute;
    width: 100%;
    height: 1px;
    top: calc(var(--image-width) * .5);
    background-color: var(--light-black);
}

.pt-process-step-1-list .pt-process-step-line::after,
.pt-process-step-1-list .pt-process-step-line:before {
    content: "";
    width: 10px;
    height: 10px;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    background-color: var(--white-color);
    border: 1px solid var(--light-black);
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-50%);
}

.pt-process-step-1-list .pt-process-step-line:before {
    right: 0;
    left: inherit;
}

.pt-process-step.pt-style-1 {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.pt-process-step.pt-style-1 .pt-process-media {
    border: 1px solid var(--light-black);
    padding: 10px;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
    position: relative;
    width: var(--image-width);
    background-color: var(--white-color);
}

.pt-process-step.pt-style-1 .pt-process-media img {
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.pt-process-step.pt-style-1 .pt-process-media .pt-process-number {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--title-fonts);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04em;
    background-color: var(--primary-color);
    color: var(--white-color);
    padding: 5px 15px;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    position: absolute;
    left: 0;
    top: 80%;
}

.pt-process-step.pt-style-1 .pt-process-media .pt-process-icon {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
    background-color: var(--grey-color);
    color: var(--primary-color);
    font-size: 40px;
    line-height: 80px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(50%, -50%);
    text-align: center;
}

.pt-process-step.pt-style-1 .pt-process-contain {
    margin-top: 30px;
    padding: 0 15px;
}

.pt-process-step.pt-style-1 .pt-process-contain .pt-process-title {
    font-size: 28px;
    line-height: 36px;
}

.pt-process-step.pt-style-1 .pt-process-contain .pt-process-description {
    margin-top: 5px;
    margin-bottom: 0;
    max-width: 300px;
}

.pt-process-step.pt-style-1 .pt-process-contain .pt-process-icon-next {
    font-size: 18px;
    line-height: 1;
    position: absolute;
    top: calc(var(--image-width) * .5 + 1px);
    right: 0;
    transform: translate(100%, -50%);
    color: var(--primary-color);
}

.pt-process-step.pt-style-1:last-child .pt-process-contain .pt-process-icon-next {
    display: none;
}



@media (max-width: 1099px) {
    .pt-process-step-1-list {
        --image-width: 240px;
    }
}

@media (max-width: 979px) {
    .pt-process-step-1-list {
        grid-template-columns: repeat(1, 1fr);
        --image-width: 350px;
    }

    .pt-process-step-1-list .pt-process-step-line {
        position: absolute;
        width: 1px;
        height: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .pt-process-step-1-list .pt-process-step-line::after,
    .pt-process-step-1-list .pt-process-step-line:before {
        left: 50%;
        transform: translateX(-50%);
    }

    .pt-process-step-1-list .pt-process-step-line:before {
        top: 100%;
    }

    .pt-process-step.pt-style-1 {
        margin: 60px 0;
        background-color: var(--white-color);
    }

    .pt-process-step.pt-style-1 .pt-process-contain {
        margin-top: 15px;
    }

    .pt-process-step.pt-style-1 .pt-process-contain .pt-process-icon-next {
        top: calc(100% + 60px);
        right: initial;
        left: 50%;
        transform: translate(calc(-50% - 1px), -50%) rotate(90deg);
    }
}

@media (max-width: 479px) {

    .pt-process-step-1-list {
        --image-width: 280px;
    }

    .pt-process-step.pt-style-1 {
        margin: 30px 0;
    }

    .pt-process-step.pt-style-1 .pt-process-contain .pt-process-title {
        font-size: 24px;
        line-height: 32px;
    }

    .pt-process-step.pt-style-1 .pt-process-contain .pt-process-icon-next {
        top: calc(100% + 30px);
    }
}

@media (max-width: 397px) {

    .pt-process-step-1-list {
        --image-width: 260px;
    }
}

/*===== Process Step Style-2  =====*/

.pt-process-step-slider-2 {
    position: relative;
}

.pt-process-step-slider-2::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 95px;
    transform: translateY(-50%);
    background-image: linear-gradient(90deg, var(--white-color) 10px, transparent 10px);
    ;
    background-repeat: repeat;
    background-size: 20px 20px;
}

.pt-process-step.pt-style-2 {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    text-align: center;
    position: relative;
}

.pt-process-step.pt-style-2 .pt-process-icon {
    font-size: 60px;
    line-height: 1;
    color: var(--white-color);
}

.pt-process-step.pt-style-2 .pt-process-dot {
    width: 20px;
    height: 20px;
    background-color: var(--white-color);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-process-step.pt-style-2 .pt-process-title {
    font-size: 28px;
    line-height: 36px;
    color: var(--white-color);
}

.pt-process-step.pt-style-2 .pt-process-description {
    color: var(--white-color);
    margin-bottom: 0px;
    padding: 0 15px;
}


/* ################################# */

/* Popup Animation  */

/* ################################# */

.pt-popup-animation.pt-style-1 .pt-popup-inner {
    width: 180px;
    height: 180px;
    background-color: var(--white-color);
    position: relative;
    padding: 0px;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
    overflow: hidden;
    border: 1px solid var(--dark-color);
}

.pt-popup-animation.pt-style-1 a {
    color: var(--white-color);
    display: block;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
}

.pt-popup-animation.pt-style-1 .pt-popup-inner .pt-popup-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-weight: 400;
    font-family: var(--title-fonts);
    color: var(--dark-color);
    text-align: center;
    z-index: 9;
    border: 1px solid var(--dark-color);
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
    width: 100px;
    height: 100px;
    font-size: 30px;
    line-height: 100px;
    display: inline-block;
}

.pt-popup-animation.pt-style-1 .pt-popup-inner .pt-popup-content span {
    display: block;
    font-size: 18px;
    line-height: 26px;
}

.pt-popup-animation.pt-style-1 .pt-popup-inner img {
    -webkit-animation: text-animatio 10s linear infinite;
    -moz-animation: text-animatio 10s linear infinite;
    animation: text-animatio 10s linear infinite;
    position: absolute;
    left: 11px;
    top: 11px;
    transition: var(--transition);
    width: 156px;
}

.pt-popup-animation.pt-style-1:hover .pt-popup-inner img {
    scale: 1.1;
}

.mfp-wrap .mfp-close {
    padding: 0;
    top: -50px;
    right: 0;
    font-family: var(--body-fonts);
    font-size: 30px;
    opacity: 1;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    color: var(--white-color);
    background-color: var(--primary-color);
    position: absolute;
    letter-spacing: 0;
    font-weight: 400;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
}

.mfp-wrap .mfp-close:hover {
    background: var(--primary-color);
}

.mfp-wrap .mfp-close:focus {
    outline: none;
}

@keyframes text-animatio {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}

@media (max-width:767px) {

    .pt-popup-animation.pt-style-1 .pt-popup-inner {
        width: 160px;
        height: 160px;
    }

    .pt-popup-animation.pt-style-1 .pt-popup-inner img {
        width: 136px;
        height: 136px;
    }
}


/* ################################# */

/* Team Box  */

/* ################################# */

/*===== Team Style 1 =====*/

.pt-team-box.pt-style-1 {
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    gap: 15px 45px;
    align-items: center;
    padding: 45px 30px;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    transition: var(--transition);
    border-bottom: 1px solid var(--light-black);
    position: relative;
}

.pt-team-box.pt-style-1.pt-active {
    background-color: var(--primary-color);
}

.pt-team-box.pt-style-1 .pt-team-name {
    font-size: 32px;
    line-height: 40px;
    transition: var(--transition);
    position: relative;
}

.pt-team-box.pt-style-1 .pt-team-name:before {
    content: "";
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 30px;
    rotate: 15deg;
    background-color: var(--dark-color);
    transition: var(--transition);
}

.pt-team-box.pt-style-1.pt-active .pt-team-name:before {
    background-color: var(--white-color);
}

.pt-team-box.pt-style-1.pt-active .pt-team-name {
    color: var(--white-color);
}

.pt-team-box.pt-style-1 .pt-team-designation {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--title-fonts);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04em;
    transition: var(--transition);
}

.pt-team-box.pt-style-1.pt-active .pt-team-designation {
    color: var(--white-color);
}

.pt-team-box.pt-style-1 .pt-team-box-media img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 350px;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    transform-origin: 50% 50%;
    transform: translateY(-50%) scale(0);
    transition: var(--transition);
}

.pt-team-box.pt-style-1.pt-active .pt-team-box-media img {
    transform: translateY(-50%) scale(1);
}

.pt-team-box.pt-style-1.pt-active .pt-icon-button a {
    background-color: var(--grey-color);
    border: 1px solid var(--primary-color);
}

.pt-team-box.pt-style-1 .pt-icon-button a:hover {
    color: var(--dark-color);
}

@media (max-width: 1023px) {

    .pt-team-box.pt-style-1>* {
        grid-column: 1 / span 1;
    }

    .pt-team-box.pt-style-1 .pt-team-name:before {
        display: none;
    }

    .pt-team-box.pt-style-1 .pt-team-box-media img {
        max-width: 300px;
    }
}

@media (max-width: 767px) {

    .pt-team-box-1-list {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .pt-team-box.pt-style-1 {
        grid-template-columns: 1fr;
        background-color: var(--primary-color);
        padding: 30px;
    }

    .pt-team-box.pt-style-1 .pt-team-name {
        font-size: 28px;
        line-height: 36px;
        color: var(--white-color);
    }

    .pt-team-box.pt-style-1 .pt-team-designation {
        color: var(--white-color);
    }

    .pt-team-box.pt-style-1 .pt-team-box-media img {
        transform: none;
        position: initial;
        margin: 15px 0;
        max-width: 100%;
    }

    .pt-team-box.pt-style-1.pt-active .pt-team-box-media img {
        transform: none;
    }

    .pt-team-box.pt-style-1 .pt-icon-button a {
        background-color: var(--grey-color);
        border: 1px solid var(--primary-color);
    }
}

@media (max-width: 479px) {

    .pt-team-box.pt-style-1 {
        padding: 30px 15px;
    }
}

/*===== Team Style 2 =====*/

.pt-team-box-2-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 30px;
}

.margin-0 .pt-team-box-2-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.pt-team-box.pt-style-2 {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    background-color: var(--grey-color);
    margin-bottom: 45px;
}

.margin-0 .pt-team-box.pt-style-2 {
    margin: 0 !important;
}

.pt-team-box.pt-style-2:nth-child(odd) {
    margin-top: 45px;
    margin-bottom: 0;
}

.pt-team-box.pt-style-2 .pt-team-box-media {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
    z-index: 1;
}

.pt-team-box.pt-style-2 .pt-team-info {
    padding: 30px 15px;
    text-align: center;
    transition: var(--transition);
}

.owl-item.center .pt-team-box.pt-style-2 .pt-team-info {
    transform: translateY(0);
}

.pt-team-box.pt-style-2 .pt-team-info .pt-team-name {
    font-size: 24px;
    line-height: 32px;
    transition: var(--transition);
}

.pt-team-box.pt-style-2 .pt-team-info a:hover .pt-team-name {
    color: var(--primary-color);
}

.pt-team-box.pt-style-2 .pt-team-info .pt-team-designation {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--title-fonts);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--primary-color);
    overflow: hidden;
}

.pt-team-box.pt-style-2 .pt-team-social {
    font-size: 20px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    position: absolute;
    left: 0;
    bottom: 17px;
    visibility: visible;
    gap: 15px;
    width: 100%;
}

.pt-team-box.pt-style-2 .pt-team-social a {
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    border-radius: 100%;
    color: var(--white-color);
    background: var(--dark-color);
    margin-bottom: 8px;
}

.pt-team-box.pt-style-2 .pt-team-social a {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.25s, transform 0.3s cubic-bezier(0.26, -0.14, 0, 1.01);
}

.pt-team-box.pt-style-2 .pt-team-social a:hover {
    color: var(--dark-color);
    background: var(--white-color);
}

.pt-team-box.pt-style-2.pt-active .pt-team-social a {
    opacity: 1;
    transform: translateX(0) translateZ(0);
    transition: var(--transition);
}

.pt-team-box.pt-style-2.pt-active .pt-team-social a:nth-child(2) {
    transition-delay: 0.2s;
}

.pt-team-box.pt-style-2.pt-active .pt-team-social a:nth-child(3) {
    transition-delay: 0.3s;
}

.pt-team-box.pt-style-2.pt-active .pt-team-social a:nth-child(4) {
    transition-delay: 0.4s;
}

.pt-team-box.pt-style-2.pt-active .pt-team-social a:nth-child(5) {
    transition-delay: 0.5s;
}

.pt-team-box.pt-style-2.pt-active .pt-team-social a:nth-child(6) {
    transition-delay: 0.6s;
}

.pt-team-box.pt-style-2.pt-active .pt-team-social a:nth-child(7) {
    transition-delay: 0.7s;
}

.pt-team-box.pt-style-2.pt-active .pt-team-social a:nth-child(8) {
    transition-delay: 0.8s;
}

.pt-team-box.pt-style-2 .pt-team-box-media img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}

.pt-team-box.pt-style-2:hover .pt-team-box-media img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

@media (max-width: 1199px) {

    .margin-0 .pt-team-box-2-list,
    .pt-team-box-2-list {
        grid-template-columns: 1fr 1fr;
    }

    .pt-team-box.pt-style-2 .pt-team-social a {
        opacity: 1;
        transform: translateX(0) translateZ(0);
        transition: var(--transition);
    }
}

@media (max-width: 767px) {

    .margin-0 .pt-team-box-2-list,
    .pt-team-box-2-list {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .pt-team-box.pt-style-2,
    .pt-team-box.pt-style-2:nth-child(odd) {
        margin: 0;
    }
}


/* ################################# */

/* Fancy Box  */

/* ################################# */

/*===== Fancy Box Style-1  =====*/

.pt-fancy-box.pt-style-1-list {
    display: flex;
    gap: 30px;
    flex-direction: column;
}

.pt-fancy-box.pt-style-1 {
    background-color: var(--grey-color);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    transition: var(--transition);
}

.pt-fancy-box.pt-style-1.pt-active {
    background-color: var(--primary-color);
    padding-bottom: 30px;
}

.pt-fancy-box.pt-style-1 .pt-fancy-box-top {
    padding: 30px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 45px;
    align-items: center;
    transition: var(--transition);
    cursor: pointer;
}

.pt-fancy-box.pt-style-1.pt-active .pt-fancy-box-top {
    padding-bottom: 15px;
}

.pt-fancy-box.pt-style-1 .pt-fancy-box-top .pt-fancy-icon {
    font-size: 56px;
    line-height: 1;
    color: var(--primary-color);
    transition: var(--transition);
}

.pt-fancy-box.pt-style-1.pt-active .pt-fancy-box-top .pt-fancy-icon {
    color: var(--white-color);
}

.pt-fancy-box.pt-style-1 .pt-fancy-box-top .pt-fancy-title {
    font-size: 32px;
    line-height: 40px;
    transition: var(--transition);
}

.pt-fancy-box.pt-style-1.pt-active .pt-fancy-box-top .pt-fancy-title {
    color: var(--white-color);
}

.pt-fancy-box.pt-style-1 .pt-fancy-box-top .pt-icon-button {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
    font-size: 24px;
    line-height: 60px;
    display: inline-block;
    color: var(--primary-color);
    background-color: transparent;
    text-align: center;
    transition: var(--transition);
    overflow: hidden;
    border: 1px solid var(--primary-color);
    transition: var(--transition);
}

.pt-fancy-box.pt-style-1.pt-active .pt-fancy-box-top .pt-icon-button {
    background-color: var(--white-color);
    transform: rotate(90deg);
}

.pt-fancy-box.pt-style-1 .pt-fancy-box-info {
    overflow: hidden;
    height: 0;
    transition: var(--transition);
}

.pt-fancy-box.pt-style-1 .pt-fancy-box-info .pt-fancy-description {
    margin: 0 130px;
    padding-top: 15px;
    border-top: 1px solid var(--light-black);
    transition: var(--transition);
    position: relative;
}

.pt-fancy-box.pt-style-1.pt-active .pt-fancy-box-info .pt-fancy-description {
    color: var(--white-color);
}

.pt-fancy-box.pt-style-1 .pt-fancy-box-info .pt-fancy-description::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--light-white);
    transition: var(--transition);
}

.pt-fancy-box.pt-style-1.pt-active .pt-fancy-box-info .pt-fancy-description::before {
    width: 100%;
}

@media (max-width: 767px) {

    .pt-fancy-box.pt-style-1 .pt-fancy-box-top {
        gap: 10px 30px;
    }

    .pt-fancy-box.pt-style-1 .pt-fancy-box-top .pt-fancy-icon {
        font-size: 48px;
    }

    .pt-fancy-box.pt-style-1 .pt-fancy-box-top .pt-fancy-title {
        font-size: 28px;
        line-height: 36px;
    }

    .pt-fancy-box.pt-style-1 .pt-fancy-box-info .pt-fancy-description {
        margin: 0 110px;
    }
}

@media (max-width: 575px) {

    .pt-fancy-box.pt-style-1 .pt-fancy-box-top {
        grid-template-columns: 1fr auto;
    }

    .pt-fancy-box.pt-style-1 .pt-fancy-box-top .pt-fancy-title {
        font-size: 24px;
        line-height: 32px;
        grid-row: 2;
        grid-column: 1;
    }

    .pt-fancy-box.pt-style-1 .pt-fancy-box-info .pt-fancy-description {
        margin: 0 30px;
    }

    .pt-fancy-box.pt-style-1 .pt-fancy-box-top .pt-icon-button {
        grid-row: 1 / span 2;
    }

}

@media (max-width: 479px) {

    .pt-fancy-box.pt-style-1 .pt-fancy-box-top .pt-fancy-icon {
        font-size: 44px;
    }

    .pt-fancy-box.pt-style-1 .pt-fancy-box-top .pt-icon-button {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }

    .pt-fancy-box.pt-style-1 .pt-fancy-box-top .pt-fancy-title {
        font-size: 24px;
        line-height: 32px;
        grid-column: 1 / span 2;
    }

    .pt-fancy-box.pt-style-1 .pt-fancy-box-top .pt-icon-button {
        grid-row: 1 / span 1;
        grid-column: 2;
    }
}

/*===== Fancy Box Style-2  =====*/

.pt-fancy-box.pt-style-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 45px 30px;
    background-color: var(--grey-color);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    gap: 30px;
}

.pt-fancy-box.pt-style-2 .pt-fancy-box-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pt-fancy-box.pt-style-2 .pt-fancy-box-info .pt-fancy-box-icon {
    font-size: 70px;
    line-height: 1;
    color: var(--primary-color);
}

.pt-fancy-box.pt-style-2 .pt-fancy-box-info .pt-fancy-box-title {
    font-size: 28px;
    line-height: 36px;
}

.pt-fancy-box.pt-style-2 .pt-fancy-box-info .pt-icon-button a {
    color: var(--primary-color);
    background-color: var(--white-color);
    border-color: var(--white-color);
}

.pt-fancy-box.pt-style-2 .pt-fancy-box-info .pt-icon-button a:hover {
    color: var(--primary-color);
    background-color: var(--dark-color);
    border-color: var(--dark-color);
}

.pt-fancy-box.pt-style-2 .pt-fancy-box-media img {
    height: 340px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

@media (max-width: 479px) {

    .pt-fancy-box.pt-style-2 {
        padding: 30px 15px;
    }

    .pt-fancy-box.pt-style-2 .pt-fancy-box-info .pt-fancy-box-title {
        font-size: 24px;
        line-height: 32px;
    }
}

/*===== Fancy Box Style-3  =====*/

.pt-fancy-box-3-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 30px;
}

.pt-fancy-box.pt-style-3 {
    padding: 30px;
    background-color: var(--grey-color);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    transition: var(--transition);
    margin-top: 30px;
}

.pt-fancy-box.pt-style-3:nth-child(even) {
    margin-top: 0;
    margin-bottom: 30px;
}

.pt-fancy-box.pt-style-3.pt-active {
    background-color: var(--primary-color);
}

.pt-fancy-box.pt-style-3 .pt-fancy-box-icon {
    font-size: 70px;
    line-height: 1;
    color: var(--primary-color);
    transition: var(--transition);
}

.pt-fancy-box.pt-style-3.pt-active .pt-fancy-box-icon {
    color: var(--white-color);
}

.pt-fancy-box.pt-style-3 .pt-fancy-box-title {
    font-size: 28px;
    line-height: 36px;
    margin-top: 15px;
    transition: var(--transition);
}

.pt-fancy-box.pt-style-3.pt-active .pt-fancy-box-title {
    color: var(--white-color);
}

.pt-fancy-box.pt-style-3 .pt-fancy-box-description {
    margin-bottom: 0;
    transition: var(--transition);
    margin-top: 5px;
}

.pt-fancy-box.pt-style-3.pt-active .pt-fancy-box-description {
    color: var(--white-color);
}

@media (max-width: 767px) {
    .pt-fancy-box-3-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .pt-fancy-box.pt-style-3,
    .pt-fancy-box.pt-style-3:nth-child(even) {
        margin: 0;
        background-color: var(--primary-color);
    }

    .pt-fancy-box.pt-style-3 .pt-fancy-box-icon {
        color: var(--white-color);
    }

    .pt-fancy-box.pt-style-3 .pt-fancy-box-title {
        color: var(--white-color);
    }

    .pt-fancy-box.pt-style-3 .pt-fancy-box-description {
        color: var(--white-color);
    }
}

/*===== Fancy Box Style-4  =====*/

.pt-fancy-box-4-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.pt-fancy-box.pt-style-4 {
    border-bottom: 1px solid var(--light-black);
    position: relative;
}

.pt-fancy-box.pt-style-4::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background-color: var(--primary-color);
    transition: var(--transition);
}

.pt-fancy-box.pt-style-4.pt-active::before {
    width: 100%;
}

.pt-fancy-box.pt-style-4 .pt-fancy-box-media {
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    overflow: hidden;
}

.pt-fancy-box.pt-style-4 .pt-fancy-box-media img {
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    transform: scale(1);
    transition: var(--transition);
}

.pt-fancy-box.pt-style-4.pt-active .pt-fancy-box-media img {
    transform: scale(1.1);
}

.pt-fancy-box.pt-style-4 .pt-fancy-box-content {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    margin: 15px 0;
}

.pt-fancy-box.pt-style-4 .pt-fancy-box-content .pt-fancy-box-title {
    font-size: 28px;
    line-height: 36px;
}

@media (max-width: 1023px) {
    .pt-fancy-box-4-list {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 767px) {
    .pt-fancy-box-4-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .pt-fancy-box.pt-style-4 .pt-fancy-box-content .pt-fancy-box-title {
        font-size: 24px;
        line-height: 32px;
    }
}


/* ################################# */

/* Testimonial  */

/* ################################# */

/*===== Testimonial Style-1  =====*/

.pt-testimonial-box.pt-style-1 {
    padding: 60px;
    background-color: var(--white-color);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-testimonial-box.pt-style-1 .pt-testimonial-description {
    border-bottom: 1px solid var(--light-black);
    font-size: 24px;
    line-height: 1.8;
    padding-bottom: 30px;
}

.pt-testimonial-box.pt-style-1 .pt-testimonial-media {
    display: flex;
    gap: 15px;
    align-items: center;
}

.pt-testimonial-box.pt-style-1 .pt-testimonial-media .pt-testimonial-author-img img {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.pt-testimonial-box.pt-style-1 .pt-testimonial-media .pt-testimonial-author-details .pt-testimonial-author-name {
    font-size: 32px;
    line-height: 40px;
}

.pt-testimonial-box.pt-style-1 .pt-testimonial-media .pt-testimonial-author-details .pt-testimonial-author-designation {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--title-fonts);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--primary-color);
}

.pt-testimonial-box-slider-1 .owl-carousel .owl-dots {
    margin-top: 0;
    position: absolute;
    right: 60px;
    bottom: 120px;
    width: auto;
}

.pt-testimonial-box-slider-1 .owl-carousel .owl-dots .owl-dot.active {
    scale: 1.2;
}

@media (max-width: 1023px) {

    .pt-testimonial-box.pt-style-1 {
        padding: 60px 45px;
    }

    .pt-testimonial-box.pt-style-1 .pt-testimonial-description {
        font-size: 20px;
        line-height: 36px;
    }

    .pt-testimonial-box-slider-1 .owl-carousel .owl-dots {
        right: 45px;
        bottom: 90px;
    }

    .pt-testimonial-box.pt-style-1 .pt-testimonial-media .pt-testimonial-author-details .pt-testimonial-author-name {
        font-size: 28px;
        line-height: 36px;
    }
}

@media (max-width: 767px) {

    .pt-testimonial-box.pt-style-1 {
        padding: 45px 30px;
    }

    .pt-testimonial-box.pt-style-1 .pt-testimonial-description {
        font-size: 20px;
        line-height: 34px;
    }

    .pt-testimonial-box.pt-style-1 .pt-testimonial-media .pt-testimonial-author-details .pt-testimonial-author-name {
        font-size: 28px;
        line-height: 36px;
    }

    .pt-testimonial-box.pt-style-1 .pt-testimonial-media .pt-testimonial-author-img img {
        width: 90px;
        height: 90px;
    }
}

@media (max-width: 479px) {

    .pt-testimonial-box.pt-style-1 {
        padding: 30px 15px;
    }

    .pt-testimonial-box.pt-style-1 .pt-testimonial-description {
        font-size: 18px;
        line-height: 30px;
    }

    .pt-testimonial-box.pt-style-1 .pt-testimonial-media .pt-testimonial-author-details .pt-testimonial-author-name {
        font-size: 24px;
        line-height: 32px;
    }
}

/*===== Testimonial Style-2  =====*/

.pt-testimonial-box.pt-style-2 {
    padding: 45px;
    background-color: var(--grey-color);
    text-align: center;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-testimonial-box.pt-style-2 .pt-testimonial-media img {
    width: 130px;
    height: 130px;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
    margin: 0 auto;
}

.pt-testimonial-box.pt-style-2 .pt-testimonial-description {
    margin-top: 30px;
    font-size: 20px;
    font-style: italic;
}

.pt-testimonial-box.pt-style-2 .pt-testimonial-author-details .pt-testimonial-author-name {
    font-size: 28px;
    line-height: 36px;
}

.pt-testimonial-box.pt-style-2 .pt-testimonial-author-details .pt-testimonial-author-designation {
    margin-top: 5px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--title-fonts);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--primary-color);
}

.pt-testimonial-box-slider-2 .owl-carousel .owl-dots .owl-dot {
    height: 3px;
    width: 24px;
}

@media (max-width: 1023px) {

    .pt-testimonial-box.pt-style-2 {
        padding: 45px 30px;
    }

    .pt-testimonial-box.pt-style-2 .pt-testimonial-media img {
        width: 120px;
        height: 120px;
    }
}

@media (max-width: 767px) {
    .pt-testimonial-box.pt-style-2 {
        padding: 30px;
    }

    .pt-testimonial-box.pt-style-2 .pt-testimonial-media img {
        width: 110px;
        height: 110px;
    }
}

@media (max-width: 479px) {

    .pt-testimonial-box.pt-style-2 {
        padding: 30px 15px;
    }

    .pt-testimonial-box.pt-style-2 .pt-testimonial-media img {
        width: 100px;
        height: 100px;
    }

    .pt-testimonial-box.pt-style-2 .pt-testimonial-description {
        margin-top: 15px;
    }

    .pt-testimonial-box.pt-style-2 .pt-testimonial-author-details .pt-testimonial-author-name {
        font-size: 24px;
        line-height: 32px;
    }
}

/*===== Testimonial Style-3 =====*/

.pt-testimonial-box.pt-style-3 {
    display: grid;
    grid-template-columns: 270px 1fr;
    gap: 45px;
}

.pt-testimonial-box.pt-style-3 .pt-testimonial-media img {
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-testimonial-box.pt-style-3 .pt-testimonial-content {
    position: relative;
}

.pt-testimonial-box.pt-style-3 .pt-testimonial-content .pt-testimonial-description {
    font-size: 24px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--light-black);
}

.pt-testimonial-box.pt-style-3 .pt-testimonial-content .pt-testimonial-author-details {
    margin-top: 20px;
}

.pt-testimonial-box.pt-style-3 .pt-testimonial-content .pt-testimonial-author-details .pt-testimonial-author-name {
    font-size: 28px;
    line-height: 36px;
}

.pt-testimonial-box.pt-style-3 .pt-testimonial-content .pt-testimonial-author-details .pt-testimonial-author-designation {
    margin-top: 5px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--title-fonts);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--primary-color);
}

.pt-testimonial-box.pt-style-3 .pt-testimonial-content .pt-quote {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 80px;
    line-height: 1;
    color: var(--primary-color);
    opacity: 30%;
}

.pt-testimonial-box-slider-3 .owl-carousel .owl-dots {
    margin-top: 20px;
}

.pt-testimonial-box-slider-3 .owl-carousel .owl-dots .owl-dot {
    background: var(--white-color);
    border: 1px solid var(--white-color);
    height: 3px;
    width: 24px;
}

@media (max-width: 1199px) {
    .pt-testimonial-box.pt-style-3 .pt-testimonial-content .pt-testimonial-description {
        font-size: 22px;
    }
}

@media (max-width: 1023px) {
    .pt-testimonial-box.pt-style-3 .pt-testimonial-content .pt-testimonial-description {
        font-size: 20px;
    }
}

@media (max-width: 767px) {

    .pt-testimonial-box.pt-style-3 {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .pt-testimonial-box.pt-style-3 .pt-testimonial-media img {
        width: 450px;
    }

    .pt-testimonial-box.pt-style-3 .pt-testimonial-content .pt-testimonial-description {
        font-size: 18px;
    }

    .pt-testimonial-box.pt-style-3 .pt-testimonial-content .pt-testimonial-author-details .pt-testimonial-author-name {
        font-size: 24px;
        line-height: 32px;
    }

    .pt-testimonial-box.pt-style-3 .pt-testimonial-content .pt-quote {
        font-size: 68px;
    }
}

@media (max-width: 479px) {

    .pt-testimonial-box.pt-style-3 .pt-testimonial-media img {
        width: 350px;
    }
}

@media (max-width: 397px) {

    .pt-testimonial-box.pt-style-3 .pt-testimonial-media img {
        width: 290px;
    }
}


/* ################################# */

/* OWL Carousel */

/* ################################# */

.owl-carousel .owl-nav.disabled {
    display: none;
}

.owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    cursor: inherit;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    outline: none;
    text-align: center;
    text-indent: inherit;
    cursor: pointer;
    position: relative;
    font-size: 24px;
    width: 56px;
    height: 56px;
    line-height: 56px;
    background: var(--primary-color);
    padding: 0 !important;
    margin: 0 5px;
    border: none;
    color: var(--white-color);
}

.owl-carousel .owl-nav button:hover {
    color: var(--white-color);
    background: var(--dark-color);
}

.pt-dark-bg .owl-carousel .owl-nav button:hover {
    color: var(--primary-color);
    background: var(--white-color);
}

.owl-carousel .owl-nav button.owl-prev {
    margin-left: -100px;
}

.owl-carousel .owl-nav button.owl-next {
    margin-right: -100px;
}

/*===== Dots =====*/

.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-dots {
    margin-top: 30px;
    line-height: normal;
    position: relative;
    width: 100%;
    text-indent: inherit;
    text-align: center;
    cursor: pointer;
}

.owl-carousel .owl-dots .owl-dot {
    box-shadow: none;
    outline: none;
    background: var(--grey-color);
    border: 1px solid var(--grey-color);
    display: inline-block;
    padding: 0;
    margin: 0px 5px;
    height: 15px;
    width: 15px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    cursor: pointer;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.owl-carousel .owl-dots .owl-dot span {
    display: none;
}

.owl-carousel .owl-dots .owl-dot:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    opacity: 1;
}

.owl-carousel .owl-dots .owl-dot.active {
    background: var(--primary-color);
    border-color: var(--primary-color);
    opacity: 1;
}


/* ################################# */

/* Form */

/* ################################# */

/*===== Contact Form Style-1 =====*/

.pt-contact-form.pt-style-1 p {
    margin-bottom: 0;
}

.pt-contact-form.pt-style-1 .wpcf7-spinner {
    display: none;
}

.pt-contact-form.pt-style-1 .wpcf7-form-control {
    margin-bottom: 20px;
    background-color: var(--grey-color);
    border: 1px solid var(--grey-color);
}

.pt-contact-form.pt-style-1 textarea.wpcf7-form-control {
    margin-bottom: 0;
}

.pt-contact-form.pt-style-1 .wpcf7-form-control.wpcf7-submit {
    background: var(--primary-color);
    margin-bottom: 0;
    border: none;
    margin-top: 15px;
}

.pt-contact-form.pt-style-1 input.wpcf7-form-control.wpcf7-submit:hover {
    background: var(--dark-color);
    color: var(--white-color);
}

/*===== Contact Form Style-2 =====*/

.pt-contact-form.pt-style-2 {
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: center;
}

.pt-contact-form.pt-style-2 p {
    margin-bottom: 0;
}

.pt-contact-form.pt-style-2 .wpcf7-spinner {
    display: none;
}

@media (max-width: 767px) {
    .pt-contact-form.pt-style-2 {
        flex-direction: column;
    }
}


/* ################################# */

/* Client */

/* ################################# */

/*===== Client Style-1  =====*/

.pt-client-box.pt-style-1 {
    display: block;
    overflow: hidden;
    position: relative;
    border: 1px solid var(--light-black);
    width: 240px;
    height: 160px;
    transition: var(--transition);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    margin: 0 auto;
}

.pt-client-box.pt-style-1:hover {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
}

.pt-client-box.pt-style-1 a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.pt-client-box.pt-style-1 .pt-client-img {
    filter: grayscale(100%) brightness(60%) contrast(125%);
    /* filter: brightness(0) saturate(100%) invert(23%) sepia(62%) saturate(418%) hue-rotate(106deg) brightness(100%) contrast(93%); */
    width: 120px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: var(--transition);
}

.pt-client-box.pt-style-1 a:hover .pt-client-img {
    filter: initial;
}

/*===== Client Style-2  =====*/

.pt-client-box-2-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    border: 1px solid var(--light-black);
    position: relative;
    overflow: hidden;
}

.pt-client-box.pt-style-2 {
    display: block;
    overflow: hidden;
    position: relative;
    border: 1px solid var(--light-black);
    width: 100%;
    height: 210px;
    transition: var(--transition);
    margin: 0 auto;
}

.pt-client-box.pt-style-2.pt-active {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
}

.pt-client-box.pt-style-2 a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.pt-client-box.pt-style-2 .pt-client-img {
    /* filter: grayscale(100%) brightness(60%) contrast(125%); */
    filter: brightness(0) saturate(100%) invert(23%) sepia(62%) saturate(418%) hue-rotate(106deg) brightness(100%) contrast(93%);
    width: 120px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: var(--transition);
}

.pt-client-box.pt-style-2.pt-active a .pt-client-img {
    filter: initial;
}

@media (max-width: 767px) {
    .pt-client-box-2-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .pt-client-box.pt-style-2 {
        height: 180px;
    }
}

@media (max-width: 479px) {
    .pt-client-box-2-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .pt-client-box.pt-style-2 {
        height: 160px;
    }
}


/* ################################# */

/* Map Box */

/* ################################# */

.pt-map-box.pt-style-1 {
    position: relative;
}

.pt-map-box.pt-style-1>img {
    opacity: 0.2;
}

.pt-map-box.pt-style-1 .pt-map-box-list {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    width: max-content;
    transform: translate(-50%, -24px);
}

.pt-map-box.pt-style-1 .pt-map-box-list.pt-active {
    z-index: 9;
}

.pt-map-box.pt-style-1 .pt-map-box-list:nth-child(2) {
    left: 17%;
    top: 34%;
}

.pt-map-box.pt-style-1 .pt-map-box-list:nth-child(3) {
    left: 38%;
    top: 7%;
}

.pt-map-box.pt-style-1 .pt-map-box-list:nth-child(4) {
    left: 31%;
    top: 74%;
}

.pt-map-box.pt-style-1 .pt-map-box-list:nth-child(5) {
    left: 52%;
    top: 62%;
}

.pt-map-box.pt-style-1 .pt-map-box-list:nth-child(6) {
    left: 72%;
    top: 26%;
}

.pt-map-box.pt-style-1 .pt-map-box-list:nth-child(7) {
    left: 82%;
    top: 46%;
}

.pt-map-box.pt-style-1 .pt-map-box-list .pt-map-icon {
    font-size: 24px;
    line-height: 1;
    color: var(--dark-color);
    transition: var(--transition);
}

.pt-map-box.pt-style-1 .pt-map-box-list.pt-active .pt-map-icon {
    color: var(--primary-color);
}

.pt-map-box.pt-style-1 .pt-map-box-list .pt-map-box-contain {
    display: grid;
    grid-template-columns: 110px 110px;
    gap: 15px;
    align-items: center;
    padding: 15px;
    background-color: var(--primary-color);
    width: auto;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    position: relative;
    margin-top: 15px;
    transform: scale(0);
    transition: var(--transition);
    transform-origin: 50% -15px;
}

.pt-map-box.pt-style-1 .pt-map-box-list.pt-active .pt-map-box-contain {
    transform: scale(1);
}

.pt-map-box.pt-style-1 .pt-map-box-list .pt-map-box-contain::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
    border-bottom: 15px solid var(--primary-color);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

.pt-map-box.pt-style-1 .pt-map-box-list .pt-map-media img {
    width: 100px;
    height: auto;
    object-fit: cover;
    object-position: center;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
    transform: scale(0) translateY(-30px);
    transform-origin: top center;
    transition: var(--transition);
    border: 1px solid var(--primary-color);
}

.pt-map-box.pt-style-1 .pt-map-box-list.pt-active .pt-map-media img {
    transform: scale(1) translateY(-30px);
}

@media (max-width: 767px) {
    .pt-map-box.pt-style-1 .pt-map-box-list .pt-map-media img {
        width: 90px;
    }
}

@media (max-width: 479px) {
    .pt-map-box.pt-style-1 .pt-map-box-list .pt-map-media img {
        width: 80px;
    }
}


/* ################################# */

/* Pagination */

/* ################################# */

.pt-pagination {
    margin-top: 45px;
}

.pt-pagination .page-numbers {
    display: flex;
    gap: 5px;
    align-items: center;
    text-align: center;
    padding: 0;
    margin: 0;
}

.pt-pagination .page-numbers li:first-child .page-numbers {
    margin-left: 0;
}

.pt-pagination .page-numbers li .page-numbers {
    position: relative;
    display: block;
    height: 50px;
    width: 50px;
    padding: 0 15px;
    text-align: center;
    line-height: 50px;
    color: var(--white-color);
    background-color: var(--dark-color);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-transform: capitalize;
}

.pt-pagination .page-numbers li .next.page-numbers {
    padding: 0 20px;
}

.pt-pagination .page-numbers li .page-numbers:hover {
    background-color: var(--primary-color);
    z-index: 2;
}

.pt-pagination .page-numbers li .page-numbers:not(:disabled) {
    cursor: pointer
}

.pt-pagination .page-numbers li .page-numbers.current {
    color: var(--white-color);
    background: var(--primary-color);
    z-index: 1;
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.pt-pagination .page-numbers li .next.page-numbers,
.pt-pagination .page-numbers li .prev.page-numbers {
    width: auto;
}

@media(max-width:767px) {

    .pt-pagination .page-numbers li .next.page-numbers,
    .pt-pagination .page-numbers li .prev.page-numbers {
        width: auto;
        display: none;
    }
}


/* ################################# */

/* Service Single */

/* ################################# */

[data-widget_type="sidebar.default"] .widget .menu-service-menu-container {
    background: var(--grey-color);
    border: none;
    box-shadow: none;
}

[data-widget_type="sidebar.default"] .widget .menu-service-menu-container .menu {
    margin: 0;
    padding: 0;
}

[data-widget_type="sidebar.default"] .widget .menu-service-menu-container .menu li {
    margin: 0 0 10px;
}

[data-widget_type="sidebar.default"] .widget .menu-service-menu-container .menu li:last-child {
    margin: 0;
}

[data-widget_type="sidebar.default"] .widget .menu-service-menu-container .menu li a {
    padding: 20px;
    border: none;
    background: var(--white-color);
    display: inline-block;
    width: 100%;
    position: relative;
    font-family: var(--title-fonts);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: var(--dark-color);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

[data-widget_type="sidebar.default"] .widget .menu-service-menu-container .menu li a:before {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 12px;
    right: 20px;
    left: auto;
    top: 24px;
    position: absolute;
    color: inherit;
    line-height: normal;
}

[data-widget_type="sidebar.default"] .widget .menu-service-menu-container .menu li a:hover,
[data-widget_type="sidebar.default"] .widget .menu-service-menu-container .menu li.current_page_item a {
    background: var(--primary-color);
    color: var(--white-color);
}


/* ################################# */

/* Card */

/* ################################# */

/*===== Card Style-1  =====*/

.pt-cards {
    width: 100%;
    display: grid;
    grid-template-rows: repeat(var(--cards-count), var(--card-height));
    gap: 30px 0;
}

.pt-cards .pt-card.pt-style-1 {
    position: sticky;
    top: 130px;
}

.pt-cards .pt-card.pt-style-1 .pt-card-inner {
    will-change: transform;
    background: var(--grey-color);
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px hsla(265.3, 20%, 10%, 10%);
    transform-origin: center top;
    align-items: center;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-cards .pt-card.pt-style-1 .pt-card-inner .pt-card-image {
    height: 100%;
    width: 100%;
}

.pt-cards .pt-card.pt-style-1 .pt-card-inner .pt-card-image .pt-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 5 / 4;
}

.pt-cards .pt-card.pt-style-1 .pt-card-inner .pt-card-content {
    padding: 60px;
}

.pt-cards .pt-card.pt-style-1 .pt-card-inner .pt-card-content .pt-card-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.pt-cards .pt-card.pt-style-1 .pt-card-inner .pt-card-content .pt-card-top .pt-card-icon {
    font-size: 80px;
    line-height: 1;
    color: var(--primary-color);
}

.pt-cards .pt-card.pt-style-1 .pt-card-inner .pt-card-content .pt-card-top .pt-card-number {
    font-size: 80px;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    stroke-width: 1px;
    -webkit-text-stroke-color: var(--primary-color);
    stroke: var(--primary-color);
}

.pt-cards .pt-card.pt-style-1 .pt-card-inner .pt-card-content .pt-card-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 5px;
}

.pt-cards .pt-card.pt-style-1 .pt-card-inner .pt-card-content .pt-card-description {
    margin-bottom: 0;
}

@media (max-width: 767px) {

    .pt-cards .pt-card.pt-style-1 {
        top: inherit;
        position: relative;
        padding-top: 0 !important;
    }

    .pt-cards .pt-card.pt-style-1 .pt-card-inner {
        grid-template-columns: 1fr;
        scale: 1 !important;
        filter: brightness(1) !important;
        box-shadow: none;
        border: 1px solid var(--light-black);
    }

    .pt-cards .pt-card.pt-style-1 .pt-card-inner .pt-card-image .pt-image {
        aspect-ratio: 16 / 9;
    }

    .pt-cards .pt-card.pt-style-1 .pt-card-inner .pt-card-content .pt-card-title {
        font-size: 32px;
        line-height: 40px;
    }

    .pt-cards .pt-card.pt-style-1 .pt-card-inner .pt-card-content {
        padding: 30px 15px;
    }
}

@media (max-width: 575px) {

    .pt-cards .pt-card.pt-style-1 .pt-card-inner .pt-card-content .pt-card-top .pt-card-icon {
        font-size: 64px;
    }

    .pt-cards .pt-card.pt-style-1 .pt-card-inner .pt-card-content .pt-card-top .pt-card-number {
        font-size: 64px;
    }
}

@media (max-width: 379px) {

    .pt-cards .pt-card.pt-style-1 .pt-card-inner .pt-card-content .pt-card-top .pt-card-icon {
        font-size: 56px;
    }

    .pt-cards .pt-card.pt-style-1 .pt-card-inner .pt-card-content .pt-card-top .pt-card-number {
        font-size: 56px;
    }

    .pt-cards .pt-card.pt-style-1 .pt-card-inner .pt-card-content .pt-card-title {
        font-size: 28px;
        line-height: 36px;
    }
}


/* ################################# */

/* Pricing Plan */

/* ################################# */

/*===== Pricing Plan Style-1  =====*/

.pt-price-box.pt-style-1 {
    display: grid;
    grid-template-columns: auto 1fr 3fr auto;
    gap: 90px;
    padding: 45px 30px;
    border-top: 1px solid var(--light-white);
    align-items: center;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    transition: var(--transition);
}

.pt-price-box.pt-style-1:last-child {
    border-bottom: 1px solid var(--light-white);
}

.pt-price-box.pt-style-1.pt-active {
    background-color: var(--white-color);
}

.pt-price-box.pt-style-1 .pt-price-box-icon {
    font-size: 75px;
    line-height: 1;
    color: var(--white-color);
    transition: var(--transition);
}

.pt-price-box.pt-style-1.pt-active .pt-price-box-icon {
    color: var(--primary-color);
}

.pt-price-box.pt-style-1 .pt-price {
    font-size: 44px;
    line-height: 52px;
    color: var(--white-color);
    transition: var(--transition);
}

.pt-price-box.pt-style-1.pt-active .pt-price {
    color: var(--dark-color)
}

.pt-price-box.pt-style-1 .pt-price .pt-price-duration {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--title-fonts);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04em;
    display: block;
    transition: var(--transition);
    color: var(--white-color);
}

.pt-price-box.pt-style-1.pt-active .pt-price .pt-price-duration {
    color: var(--primary-color);
}

.pt-price-box.pt-style-1 .pt-price-box-contain .pt-price-title {
    font-size: 28px;
    line-height: 36px;
    transition: var(--transition);
    color: var(--white-color);
}

.pt-price-box.pt-style-1.pt-active .pt-price-box-contain .pt-price-title {
    color: var(--dark-color);
}

.pt-price-box.pt-style-1 .pt-price-box-contain .pt-price-box-description {
    margin-bottom: 0;
    margin-top: 5px;
    transition: var(--transition);
    color: var(--white-color);
    max-width: 550px;
}

.pt-price-box.pt-style-1.pt-active .pt-price-box-contain .pt-price-box-description {
    color: var(--secondary-color);
}

.pt-price-box.pt-style-1 .pt-list-info {
    margin: 0;
    padding: 0;
}

.pt-price-box.pt-style-1 .pt-list-info li {
    display: flex;
    align-items: center;
    gap: 10px;
    transition: var(--transition);
}

.pt-price-box.pt-style-1 .pt-list-info li i {
    color: var(--primary-color);
    transition: var(--transition);
}

.pt-price-box.pt-style-1.pt-active .pt-list-info li i {
    color: var(--white-color);
}

.pt-price-box.pt-style-1.pt-active .pt-list-info li {
    color: var(--white-color);
}

.pt-price-box.pt-style-1 .pt-icon-button a {
    background-color: var(--primary-color);
    color: var(--white-color);
    border: 1px solid var(--white-color);
}

.pt-price-box.pt-style-1.pt-active .pt-icon-button a {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.pt-price-box.pt-style-1.pt-active .pt-icon-button a:hover {
    background-color: var(--dark-color);
}

@media (max-width: 1023px) {
    .pt-price-box.pt-style-1 {
        grid-template-columns: auto auto 3fr auto;
        gap: 60px;
    }

    .pt-price-box.pt-style-1 .pt-price-box-contain .pt-price-title {
        font-size: 24px;
        line-height: 32px;
    }
}

@media (max-width: 979px) {
    .pt-price-box.pt-style-1 {
        gap: 45px;
    }
}

@media (max-width: 767px) {
    .pt-price-box-1-list {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .pt-price-box.pt-style-1 {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 30px;
        border: 1px solid var(--light-white);
    }

    .pt-price-box.pt-style-1 .pt-price {
        font-size: 40px;
        line-height: 48px;
    }
}

@media (max-width: 479px) {

    .pt-price-box.pt-style-1 {
        padding: 30px 15px;
    }
}

/*===== Pricing Plan Style-2  =====*/

.pt-price-box.pt-style-2 {
    padding: 45px 30px;
    background-color: var(--white-color);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-bg-grey .pt-price-box.pt-style-2 {
    background-color: var(--grey-color);
}

.pt-price-box.pt-style-2.pt-active {
    background-color: var(--primary-color);
}

.pt-price-box.pt-style-2 .pt-pricing-title {
    font-size: 40px;
    line-height: 48px;
}

.pt-price-box.pt-style-2.pt-active .pt-pricing-title {
    color: var(--white-color);
}

.pt-price-box.pt-style-2 .pt-list-info {
    padding: 0;
    margin: 20px 0 0;
    display: flex;
    gap: 5px;
    flex-direction: column;
}

.pt-price-box.pt-style-2 .pt-list-info .pt-list-item {
    display: flex;
    gap: 10px;
    align-items: center;
}

.pt-price-box.pt-style-2.pt-active .pt-list-info .pt-list-item {
    color: var(--white-color);
}

.pt-price-box.pt-style-2 .pt-list-info .pt-list-item i {
    font-size: 16px;
    line-height: 1;
    height: 16px;
}

.pt-price-box.pt-style-2 .pt-list-info .pt-list-item i.flaticon-delete+span {
    text-decoration: line-through;
}

.pt-price-box.pt-style-2 .pt-price {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid var(--light-black);
}

.pt-price-box.pt-style-2.pt-active .pt-price {
    border-top: 1px solid var(--light-white);
}

.pt-price-box.pt-style-2 .pt-price .pt-amount {
    font-size: 52px;
    line-height: 60px;
    font-family: var(--title-fonts);
    font-weight: 700;
    display: inline-block;
}

.pt-price-box.pt-style-2.pt-active .pt-price .pt-amount {
    color: var(--white-color);
}

.pt-price-box.pt-style-2 .pt-price .pt-price-duration {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--title-fonts);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04em;
    display: inline-block;
    transition: var(--transition);
    color: var(--primary-color);
}

.pt-price-box.pt-style-2.pt-active .pt-price .pt-price-duration {
    color: var(--white-color);
}

.pt-price-box.pt-style-2 .pt-btn-container {
    margin-top: 20px;
}

.pt-price-box.pt-style-2.pt-active .pt-btn-container .pt-button.pt-button-link {
    color: var(--white-color);
}

.pt-price-box.pt-style-2.pt-active .pt-btn-container .pt-button.pt-button-link .pt-button-block::after,
.pt-price-box.pt-style-2.pt-active .pt-btn-container .pt-button.pt-button-link .pt-button-block::before {
    background-color: var(--white-color);
}

@media (max-width: 767px) {
    .pt-price-box.pt-style-2 {
        padding: 30px;
    }

    .pt-price-box.pt-style-2 .pt-pricing-title {
        font-size: 36px;
        line-height: 44px;
    }
}

@media (max-width: 479px) {
    .pt-price-box.pt-style-2 {
        padding: 30px 15px;
    }

    .pt-price-box.pt-style-2 .pt-pricing-title {
        font-size: 32px;
        line-height: 40px;
    }
}


/* ################################# */

/* Award */

/* ################################# */

/*===== Award Style-1  =====*/

.pt-award-1-list {
    display: flex;
    gap: 45px;
    flex-direction: column;
}

.pt-award.pt-style-1 {
    display: grid;
    grid-template-columns: auto 120px 1fr;
    gap: 60px;
}

.pt-award.pt-style-1 .pt-award-img img {
    width: 120px;
}

.pt-award.pt-style-1 .pt-award-info .pt-award-title {
    font-size: 28px;
    line-height: 36px;
}

.pt-award.pt-style-1 .pt-award-info .pt-award-description {
    margin-top: 5px;
    margin-bottom: 15px;
}

@media (max-width: 1199px) {
    .pt-award.pt-style-1 {
        gap: 30px;
    }
}

@media (max-width: 1023px) {
    .pt-award.pt-style-1 .pt-award-info .pt-award-title {
        font-size: 24px;
        line-height: 32px;
    }
}

@media (max-width: 575px) {

    .pt-award-1-list {
        gap: 30px;
    }

    .pt-award.pt-style-1 {
        grid-template-columns: 1fr;
        border-bottom: 1px solid var(--light-black);
        padding-bottom: 30px;
        gap: 20px;
    }

    .pt-award.pt-style-1:last-child {
        border-bottom: none;
    }
}

/*===== Award Style-1  =====*/

.pt-award.pt-style-2 {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 45px;
    align-items: center;
    padding: 30px 45px;
    border-top: 1px solid var(--light-white);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    transition: var(--transition);
}

.pt-award.pt-style-2:last-child {
    border-bottom: 1px solid var(--light-white);
}

.pt-award.pt-style-2.pt-active {
    background-color: var(--white-color);
}

.pt-award.pt-style-2 .pt-award-info .pt-award-title {
    font-size: 32px;
    line-height: 40px;
    color: var(--white-color);
    transition: var(--transition);
}

.pt-award.pt-style-2.pt-active .pt-award-info .pt-award-title {
    color: var(--primary-color);
}

.pt-award.pt-style-2 .pt-award-info .pt-award-description {
    margin-top: 5px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--title-fonts);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--white-color);
    display: inline-block;
    transition: var(--transition);
}

.pt-award.pt-style-2.pt-active .pt-award-info .pt-award-description {
    color: var(--primary-color);
}

.pt-award.pt-style-2 .pt-award-img {
    position: relative;
    width: 100%;
    height: 100%;
}

.pt-award.pt-style-2 .pt-award-img img {
    position: absolute;
    left: 50%;
    top: -30px;
    width: 230px;
    transform: scale(0);
    transform-origin: center;
    transition: var(--transition);
}

.pt-award.pt-style-2.pt-active .pt-award-img img {
    transform: scale(1);
}

.pt-award.pt-style-2 .pt-award-date {
    display: inline-block;
    font-size: 32px;
    line-height: 40px;
    font-family: var(--title-fonts);
    font-weight: 700;
    color: var(--white-color);
    transition: var(--transition);
}

.pt-award.pt-style-2.pt-active .pt-award-date {
    color: var(--primary-color);
}

@media (max-width: 1099px) {

    .pt-award.pt-style-2 .pt-award-img img {
        width: 200px;
        transform: scale(0) translateX(-50%);
    }

    .pt-award.pt-style-2.pt-active .pt-award-img img {
        transform: scale(1) translateX(-50%);
    }

}

@media (max-width: 1023px) {

    .pt-award.pt-style-2 .pt-award-info .pt-award-title {
        font-size: 28px;
        line-height: 36px;
    }

    .pt-award.pt-style-2 .pt-award-date {
        display: inline-block;
        font-size: 28px;
        line-height: 36px;
    }
}

@media (max-width: 767px) {

    .pt-award-2-list {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .pt-award.pt-style-2 {
        grid-template-columns: 1fr;
        gap: 15px;
        align-items: center;
        padding: 30px;
        border: none;
        background-color: var(--white-color);
    }

    .pt-award.pt-style-2 .pt-award-info .pt-award-title {
        font-size: 24px;
        line-height: 32px;
        color: var(--primary-color);
    }

    .pt-award.pt-style-2 .pt-award-info .pt-award-description {
        color: var(--primary-color);
    }

    .pt-award.pt-style-2 .pt-award-date {
        display: inline-block;
        font-size: 24px;
        line-height: 32px;
        color: var(--primary-color);
        grid-column: 2;
        grid-row: 1;
    }

    .pt-award.pt-style-2 .pt-award-img img {
        position: initial;
        left: initial;
        top: initial;
        transform: scale(1) translateX(0) !important;
    }
}

@media (max-width: 479px) {
    .pt-award.pt-style-2 .pt-award-date {
        grid-column: initial;
        grid-row: 1;
    }
}


/* ################################# */

/* Counter */

/* ################################# */

/*===== Counter Style-2  =====*/

.pt-counter-2-list {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}

.pt-counter.pt-style-2 {
    width: 300px;
    height: 300px;
    text-align: center;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
    border: 1px solid var(--light-black);
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
}

.pt-counter.pt-style-2.pt-active {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.pt-counter.pt-style-2 .pt-counter-info .pt-count,
.pt-counter.pt-style-2 .pt-counter-info .pt-counter-prefix-icon {
    font-size: 100px;
    line-height: 108px;
    color: var(--dark-color);
    font-family: var(--title-fonts);
    font-weight: 700;
    transition: var(--transition);
    display: inline-block;
}

.pt-counter.pt-style-2.pt-active .pt-counter-info .pt-count,
.pt-counter.pt-style-2.pt-active .pt-counter-info .pt-counter-prefix-icon {
    color: var(--white-color);
}

.pt-counter.pt-style-2 .pt-counter-info .pt-counter-icon {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 10px;
}

.pt-counter.pt-style-2 .pt-counter-info .pt-counter-icon i {
    font-size: 24px;
    line-height: 1;
    color: var(--primary-color);
    transition: var(--transition);
}

.pt-counter.pt-style-2.pt-active .pt-counter-info .pt-counter-icon i {
    color: var(--white-color);
}

.pt-counter.pt-style-2 .pt-counter-info .pt-counter-icon .pt-counter-title {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--title-fonts);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--primary-color);
    display: inline-block;
    transition: var(--transition);
}

.pt-counter.pt-style-2.pt-active .pt-counter-info .pt-counter-icon .pt-counter-title {
    color: var(--white-color);
}

@media (max-width: 1023px) {

    .pt-counter.pt-style-2 {
        width: 250px;
        height: 250px;
    }

    .pt-counter.pt-style-2 .pt-counter-info .pt-count,
    .pt-counter.pt-style-2 .pt-counter-info .pt-counter-prefix-icon {
        font-size: 84px;
        line-height: 92px;
    }

    .pt-counter.pt-style-2 .pt-counter-info .pt-counter-icon {
        flex-direction: column;
    }

    .pt-counter.pt-style-2 .pt-counter-info .pt-counter-icon .pt-counter-title {
        max-width: 180px;
    }
}

@media (max-width: 767px) {

    .pt-counter.pt-style-2 {
        width: 240px;
        height: 240px;
        background-color: var(--primary-color);
        border: 1px solid var(--primary-color);
    }

    .pt-counter.pt-style-2 .pt-counter-info .pt-count,
    .pt-counter.pt-style-2 .pt-counter-info .pt-counter-prefix-icon {
        font-size: 70px;
        line-height: 78px;
        color: var(--white-color);
    }

    .pt-counter.pt-style-2 .pt-counter-info .pt-counter-icon i {
        color: var(--white-color);
    }

    .pt-counter.pt-style-2 .pt-counter-info .pt-counter-icon .pt-counter-title {
        max-width: 170px;
        color: var(--white-color);
    }
}

/*===== Counter Style-3  =====*/

.pt-counter-3-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    flex-wrap: wrap;
}

.pt-counter.pt-style-3 {
    display: grid;
    grid-template-columns: 125px 1fr;
    gap: 15px;
    align-items: center;
}

.pt-counter.pt-style-3 .pt-counter-info {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    border: 4px solid var(--primary-color);
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
}

.pt-counter.pt-style-3 .pt-counter-info .pt-count,
.pt-counter.pt-style-3 .pt-counter-info .pt-counter-prefix-icon {
    font-size: 36px;
    line-height: 44px;
    color: var(--dark-color);
    font-family: var(--title-fonts);
    font-weight: 700;
    transition: var(--transition);
    display: inline-block;
}

.pt-counter.pt-style-3 .pt-counter-contain .pt-counter-title {
    font-size: 24px;
    line-height: 32px;
    font-family: var(--title-fonts);
    font-weight: 700;
    color: var(--primary-color);
}

.pt-counter.pt-style-3 .pt-counter-contain .pt-counter-description {
    margin-bottom: 0;
    margin-top: 5px;
}

@media (max-width: 1199px) {
    .pt-counter-3-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        flex-wrap: wrap;
    }
}

@media (max-width: 979px) {
    .pt-counter.pt-style-3 {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .pt-counter.pt-style-3 .pt-counter-info {
        width: 110px;
        height: 110px;
    }

    .pt-counter.pt-style-3 .pt-counter-info .pt-count,
    .pt-counter.pt-style-3 .pt-counter-info .pt-counter-prefix-icon {
        font-size: 32px;
        line-height: 40px;
    }
}

@media (max-width: 575px) {

    .pt-counter-3-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .pt-counter-3-list .pt-counter.pt-style-3 {
        padding-bottom: 30px;
        border-bottom: 1px solid var(--light-black);
    }

    .pt-counter-3-list .pt-counter.pt-style-3:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }

    .pt-counter.pt-style-3 .pt-counter-info {
        width: 100px;
        height: 100px;
    }

    .pt-counter.pt-style-3 .pt-counter-info .pt-count,
    .pt-counter.pt-style-3 .pt-counter-info .pt-counter-prefix-icon {
        font-size: 28px;
        line-height: 36px;
    }
}


/* ################################# */

/* Faq */

/* ################################# */

.pt-accordion-box {
    padding: 30px 100px 30px 45px;
    -moz-border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    border-bottom: 1px solid var(--light-black);
    position: relative;
}

.pt-accordion-box.pt-active {
    background-color: var(--grey-color);
    border-bottom: 1px solid transparent;
}

.pt-accordion-box .pt-ad-title {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 60px;
}

.pt-accordion-box .pt-ad-number {
    font-size: 20px;
    line-height: 32px;
    font-family: var(--title-fonts);
    font-weight: 600;
    color: var(--dark-color);
}

.pt-accordion-box .ad-title-text {
    font-size: 24px;
    line-height: 32px;
}

.pt-accordion-box .ad-title-text i {
    width: 44px;
    height: 44px;
    background-color: var(--white-color);
    color: var(--dark-color);
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    position: absolute;
    right: 45px;
    top: 24px;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
    border: 1px solid var(--dark-color);
    display: inline-block;
}

.pt-accordion-box .ad-title-text i.inactive {
    display: none;
}

.pt-accordion-box.pt-active .ad-title-text i.inactive {
    display: inline-block;
}

.pt-accordion-box.pt-active .ad-title-text i {
    border: 1px solid var(--primary-color);
}

.pt-accordion-box .pt-accordion-details .pt-detail-text {
    margin-bottom: 0;
    padding-top: 15px;
    margin-left: 140px;
    max-width: 710px;
}

@media (max-width: 1023px) {

    .pt-accordion-box .pt-ad-title {
        grid-template-columns: 45px 1fr;
        gap: 45px;
    }

    .pt-accordion-box .pt-accordion-details .pt-detail-text {
        margin-left: 90px;
    }
}

@media (max-width: 767px) {
    
    .pt-accordion-box {
        padding: 30px 90px 30px 30px;
    }
    
    .pt-accordion-box .pt-ad-title {
        grid-template-columns: 30px 1fr;
        gap: 15px;
    }
    
    .pt-accordion-box .ad-title-text i {
        right: 30px;
    }
    
    .pt-accordion-box .pt-accordion-details .pt-detail-text {
        margin-left: 45px;
    }
}

@media (max-width: 479px) {
    .pt-accordion-box {
        padding: 30px 15px;
    }

    .pt-accordion-box .pt-ad-title {
        grid-template-columns:  1fr;
        gap: 5px;
    }

    .pt-accordion-box .ad-title-text i {
        right: 15px;
    }

    .pt-accordion-box .pt-accordion-details .pt-detail-text {
        margin-left: 0;
    }
}

/* ################################# */

/* Progress Bar */

/* ################################# */

/*===== ProgressBar-style-1 =====*/

.pt-progressbar-style-1 {
    display: inline-block;
    width: 100%;
}

.pt-progressbar-style-1 .pt-progressbar-content {
    margin-bottom: 30px;
    display: inline-block;
    float: left;
    width: 100%;
}

.pt-progressbar-style-1 .pt-progressbar-content .sonny_progressbar {
    margin-bottom: 0;
}

.pt-progressbar-style-1 .pt-progressbar-content .bar-container {
    height: 8px;
}

.pt-progressbar-style-1 .pt-progressbar-content:last-child {
    margin-bottom: 0;
}

.pt-progressbar-style-1 .progress-title {
    margin: 0;
    font-size: 18px;
    line-height: 26px;
    font-family: var(--title-fonts);
    color: var(--dark-color);
    font-weight: 400;
    text-transform: capitalize;
}

.pt-progressbar-style-1 .progress-value {
    color: var(--primary-color);
    margin: 0;
    float: right;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    font-family: var(--title-fonts);
    color: var(--dark-color);
    text-transform: capitalize;
}

.pt-progressbar-style-1 .pt-progress-bar span {
    display: inline-block;
    background: var(--grey-color);
    float: left;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.pt-progressbar-style-1 .pt-progress-bar span.bar {
    background: var(--primary-color);
}


/* ################################# */

/* Countdown */

/* ################################# */

.pt-counter.pt-counter-style-1 .pt-counter-info .pt-product-timer {
    display: grid;
    grid-template-columns: repeat(4, 130px);
    margin: 0 auto;
    justify-content: center;
}

.pt-counter.pt-counter-style-1 .pt-counter-info .pt-product-timer .pt-timer-container {
    text-align: center;
}

.pt-counter.pt-counter-style-1 .pt-counter-info .pt-product-timer .pt-timer-container h3 {
    font-size: 72px;
    line-height: 80px;
    color: var(--white-color);
}

.pt-counter.pt-counter-style-1 .pt-counter-info .pt-product-timer .pt-timer-container span {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    font-family: var(--title-fonts);
    color: var(--white-color);
    text-transform: uppercase;
}

@media (max-width:1023px) {
    .pt-counter.pt-counter-style-1 .pt-counter-info .pt-product-timer .pt-timer-container h3 {
        font-size: 64px;
        line-height: 72px;
    }
}

@media (max-width: 767px) {

    .pt-counter.pt-counter-style-1 .pt-counter-info .pt-product-timer {
        grid-template-columns: repeat(4, 100px);
    }

    .pt-counter.pt-counter-style-1 .pt-counter-info .pt-product-timer .pt-timer-container h3 {
        font-size: 56px;
        line-height: 64px;
    }
}

@media (max-width: 479px) {

    .pt-counter.pt-counter-style-1 .pt-counter-info .pt-product-timer {
        grid-template-columns: repeat(4, 90px);
    }

    .pt-counter.pt-counter-style-1 .pt-counter-info .pt-product-timer .pt-timer-container h3 {
        font-size: 48px;
        line-height: 56px;
    }
}

@media (max-width: 397px) {

    .pt-counter.pt-counter-style-1 .pt-counter-info .pt-product-timer {
        grid-template-columns: repeat(4, 80px);
    }

    .pt-counter.pt-counter-style-1 .pt-counter-info .pt-product-timer .pt-timer-container h3 {
        font-size: 40px;
        line-height: 48px;
    }
}


/* ################################# */

/* Icon */

/* ################################# */

[class^="ti-"],
[class*=" ti-"] {
    line-height: inherit !important;
}

i::before {
    line-height: inherit !important;
}


/* ################################# */

/* Custom Css*/

/* ################################# */

.elementor .elementor-widget-icon-box a {
    color: inherit;
}

.elementor-height-100 * {
    height: 100%;
}

@media (max-width: 1490px) {
    .elementor-element.elementor-top-column>.elementor-widget-wrap.elementor-element-populated {
        margin-left: initial !important;
        margin-right: initial !important;
        border-radius: 0 !important;
    }

    .elementor-element>.elementor-widget-wrap.elementor-element-populated>.elementor-inner-section {
        border-radius: 0 !important;
    }
}

.pt-shadow {
    box-shadow: 4px 7px 7px rgba(0, 0, 0, 0.4);
}

@media (max-width: 1679px) {
    .pt-hide-1679 {
        display: none;
    }
}





/* ################################# */

/* Landing page*/

/* ################################# */



/*===== Image Box Style-1 =====*/

.pt-image-box.pt-style-1 {
    text-align: center;
}

.pt-image-box.pt-style-1 .pt-image-box-media img {
    width: 100%;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    transition: var(--transition);
    border: 1px solid var(--light-black);
}

.pt-image-box.pt-style-1:hover .pt-image-box-media img {
    transform: translateY(-10px);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
}

.pt-image-box.pt-style-1 .pt-image-box-title {
    font-size: 32px;
    line-height: 40px;
    transition: var(--transition);
    margin-top: 30px;
}

.pt-image-box.pt-style-1:hover .pt-image-box-title {
    color: var(--primary-color);
}

@media(max-width:1023px) {

    .pt-image-box.pt-style-1 .pt-image-box-title {
        font-size: 24px;
        line-height: 32px;
    }
}



/*===== Service Style 6 =====*/

.pt-service-box-slider-6 {
    --gap: 45px;
    display: grid;
    grid-template-columns: minmax(410px, 40%) minmax(30%, calc(100% - 410px - var(--gap)));
    gap: var(--gap);
}

.pt-service-box-slider-6 .slick-slider-thumb .slick-track {
    width: 100% !important;
    transform: inherit !important;
}

.pt-service-box-slider-6 .slick-slide {
    margin: 0;
}

.pt-service-box-slider-6 .slick-slider-thumb .slick-track .slick-slide {
    width: 100% !important;
    flex: 1;
    transition: var(--transition);
    margin-bottom: 24px;
}

.pt-service-box-slider-6 .slick-slider-thumb .slick-track .slick-slide:last-child {
    margin-bottom: 0;
}

.pt-service-box-slider-6 .slick-slider-main .slick-arrow {
    display: none !important;
}

.pt-service-box.pt-style-6 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 15px 30px;
    margin-bottom: 30px;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    background-color: var(--grey-color);
    transition: var(--transition);
}

.pt-service-box-slider-6 .slick-slide.slick-current .pt-service-box.pt-style-6 {
    background-color: var(--primary-color);
}

.pt-service-box-slider-6 .slick-slider-thumb .item:last-child .pt-service-box.pt-style-6 {
    margin-bottom: 0;
}

.pt-service-box.pt-style-6  .pt-service-box-title {
    font-size: 28px;
    line-height: 36px;
    transition: var(--transition);
}

.pt-service-box-slider-6 .slick-slide.slick-current .pt-service-box.pt-style-6 .pt-service-box-title {
    color: var(--white-color);
}

.pt-service-box-slider-6 .slick-slide.slick-current .pt-service-box.pt-style-6 .pt-icon-button a {
    color: var(--primary-color);
    background-color: var(--white-color);
}

.pt-service-box-media.pt-style-6 img {
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    object-fit: cover;
    border: 1px solid var(--light-black);
}

@media (max-width: 1199px) {

    .pt-service-box.pt-style-6 .pt-service-box-title {
        font-size: 24px;
        line-height: 32px;
    }
}

@media (max-width: 1023px) {

    .pt-service-box-slider-6 {
        --gap: 30px;
    }

    .pt-service-box.pt-style-6 .pt-service-box-content .pt-service-box-title {
        font-size: 28px;
        line-height: 36px;
    }

}

@media (max-width: 767px) {

    .pt-service-box-slider-6 {
        grid-template-columns: 100%;
    }

    .pt-service-box.pt-style-6 .pt-service-box-content .pt-service-box-title {
        font-size: 24px;
        line-height: 32px;
    }

}