@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

:root {
    --tg-body-font-family: "Poppins", sans-serif;

    --tg-heading-font-family: "Poppins", sans-serif;

    --tg-icon-font-family: "Font Awesome 5 Free";

    --tg-body-font-size: 16px;

    --tg-body-line-height: 1.75;

    --tg-heading-line-height: 1.2;

    --tg-body-color: #343c4d;

    --tg-heading-color: #01022e;

    --tg-theme-primary: #ea7225;

    --tg-theme-secondary: #19135c;

    --tg-color-sky-blue: #01022e;

    --tg-color-white-default: #ffffff;

    --tg-color-gray-1: #f5f6fc;

    --tg-color-gray-2: #f8f9fd;

    --tg-color-gray-3: #e9ebee;

    --tg-color-gray-4: #e9ebf8;

    --tg-color-gray-5: #e8e8e8;

    --tg-color-gray-6: #bcbcbc;

    --tg-color-gray-7: #9597c8;

    --tg-color-gray-8: #eff0f4;

    --tg-color-gray-9: #8c919c;

    --tg-color-gray-10: #eff1fa;

    --tg-color-gray-11: #667594;

    --tg-color-gray-12: #f0f0f0;

    --tg-color-gray-13: #f8f8f8;

    --tg-color-dark: #121212;

    --tg-color-dark-2: #040426;

    --tg-border-1: #555c6a;

    --tg-border-2: #e6e7f3;

    --tg-border-3: #737373;

    --tg-border-4: #b8b9da;

    --tg-border-5: #dcdcdc;

    --tg-border-6: #cfdde2;

    --tg-border-7: #d1d4e3;

    --tg-border-8: #eaeaea;

    --tg-border-9: #dadada;

    --tg-border-10: #dbdeed;

    --tg-border-11: #d2d7e1;

    --tg-border-12: #ebebeb;

    --tg-border-13: #d3d5e2;

    --tg-fw-extra-bold: 800;

    --tg-fw-bold: 700;

    --tg-fw-semi-bold: 600;

    --tg-fw-medium: 500;

    --tg-fw-regular: 400;

    --tg-fw-light: 300;
}

/*=============================

    Typography css start

===============================*/

body {
    font-family: var(--tg-body-font-family);

    font-size: var(--tg-body-font-size);

    font-weight: var(--tg-fw-regular);

    color: var(--tg-body-color);

    line-height: var(--tg-body-line-height);
}

img,
.img {
    max-width: 100%;

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;
}

a,
button {
    color: var(--tg-theme-primary);

    outline: none;

    text-decoration: none;

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;
}

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

    outline: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;
}

a:hover,
button:hover {
    color: var(--tg-theme-primary);

    text-decoration: none;
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
    outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--tg-heading-font-family);

    color: var(--tg-heading-color);

    margin-top: 0px;

    font-weight: var(--tg-fw-bold);

    line-height: var(--tg-heading-line-height);

    text-transform: unset;
}

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

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.75rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

h6 {
    font-size: 1rem;
}

.list-wrap {
    margin: 0px;

    padding: 0px;
}

.list-wrap li {
    list-style: none;
}

.tg-header__top-social .list-wrap li {
    margin: 0 5px;
}

p.copyright.m-0 {
    font-size: 13px;
}

p {
    margin-bottom: 15px;
}

hr {
    border-bottom: 1px solid var(--tg-common-color-gray);

    border-top: 0 none;

    margin: 30px 0;

    padding: 0;
}

label {
    color: var(--tg-heading-color);

    cursor: pointer;

    font-size: var(--tg-body-font-size);

    font-weight: var(--tg-fw-regular);
}

input[type="color"] {
    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    background: none;

    border: 0;

    cursor: pointer;

    height: 100%;

    width: 100%;

    padding: 0;

    border-radius: 50%;
}

@media (max-width: 991.98px) {
    .mb-md-30 {
        margin-bottom: 30px;
    }
}

body.theme-gray {
    background-color: var(--tg-color-gray-1);
}

body.theme-gray-two {
    background-color: var(--tg-color-gray-2);
}

*::-moz-selection {
    background: var(--tg-theme-primary);

    color: var(--tg-color-white-default);

    text-shadow: none;
}

::-moz-selection {
    background: var(--tg-theme-primary);

    color: var(--tg-color-white-default);

    text-shadow: none;
}

::selection {
    background: var(--tg-theme-primary);

    color: var(--tg-color-white-default);

    text-shadow: none;
}

/*=============================

    - Input Placeholder

===============================*/

input,
textarea {
    color: var(--tg-body-color);
}

*::-moz-placeholder {
    color: var(--tg-body-color);

    font-size: var(--tg-body-font-size);

    opacity: 1;
}

*::placeholder {
    color: var(--tg-body-color);

    font-size: var(--tg-body-font-size);

    opacity: 1;
}

textarea,
input {
    width: 100%;

    background: var(--tg-color-white-default);

    border: 1px solid var(--tg-border-7);

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -o-border-radius: 6px;

    -ms-border-radius: 6px;

    border-radius: 6px;

    font-size: 15px;

    color: var(--tg-heading-color);

    padding: 11px 18px;

    height: 50px;

    display: block;
}

textarea::placeholder,
input::placeholder {
    font-size: 15px;

    color: var(--tg-body-color);
}

textarea {
    min-height: 98px;

    max-height: 98px;
}

/*=============================

    - Common Classes

===============================*/

.fix {
    overflow: hidden;
}

.clear {
    clear: both;
}

/*=============================

    - Bootstrap Custom

=============================*/

.container {
    padding-left: 12px;

    padding-right: 12px;
}

.row {
    --bs-gutter-x: 24px;
}

.gutter-y-30 {
    --bs-gutter-y: 30px;
}

.gutter-y-24 {
    --bs-gutter-y: 24px;
}

.gutter-y-20 {
    --bs-gutter-y: 20px;
}

.gx-0 {
    --bs-gutter-x: 0;
}

.gutter-20 {
    --bs-gutter-x: 20px;
}

.gutter-24 {
    --bs-gutter-x: 24px;
}

.p-relative {
    position: relative;
}

.container {
    max-width: 1250px;
}

@media (max-width: 1500px) {
    .container {
        max-width: 1250px;
    }
}

@media (max-width: 1199.98px) {
    .container {
        max-width: 960px;
    }
}

@media (max-width: 991.98px) {
    .container {
        max-width: 720px;
    }
}

@media (max-width: 767.98px) {
    .container {
        max-width: 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .container {
        max-width: 540px;
    }
}

.custom-container {
    max-width: 1754px;
}

@media (max-width: 1800px) {
    .custom-container {
        max-width: 1680px;
    }
}

@media (max-width: 1500px) {
    .custom-container {
        max-width: 1320px;
    }
}

@media (max-width: 1199.98px) {
    .custom-container {
        max-width: 960px;
    }
}

@media (max-width: 991.98px) {
    .custom-container {
        max-width: 720px;
    }
}

@media (max-width: 767.98px) {
    .custom-container {
        max-width: 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .custom-container {
        max-width: 540px;
    }
}

.custom-container-two {
    max-width: 1664px;
}

@media (max-width: 1800px) {
    .custom-container-two {
        max-width: 1570px;
    }
}

@media (max-width: 1500px) {
    .custom-container-two {
        max-width: 1320px;
    }
}

@media (max-width: 1199.98px) {
    .custom-container-two {
        max-width: 960px;
    }
}

@media (max-width: 991.98px) {
    .custom-container-two {
        max-width: 720px;
    }
}

@media (max-width: 767.98px) {
    .custom-container-two {
        max-width: 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .custom-container-two {
        max-width: 540px;
    }
}

.custom-container-three {
    max-width: 1640px;
}

@media (max-width: 1800px) {
    .custom-container-three {
        max-width: 1570px;
    }
}

@media (max-width: 1500px) {
    .custom-container-three {
        max-width: 1320px;
    }
}

@media (max-width: 1199.98px) {
    .custom-container-three {
        max-width: 960px;
    }
}

@media (max-width: 991.98px) {
    .custom-container-three {
        max-width: 720px;
    }
}

@media (max-width: 767.98px) {
    .custom-container-three {
        max-width: 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .custom-container-three {
        max-width: 540px;
    }
}

.custom-container-four {
    max-width: 1876px;
}

@media (max-width: 1800px) {
    .custom-container-four {
        max-width: 1570px;
    }
}

@media (max-width: 1500px) {
    .custom-container-four {
        max-width: 100%;
    }
}

@media (max-width: 1199.98px) {
    .custom-container-four {
        max-width: 960px;
    }
}

@media (max-width: 991.98px) {
    .custom-container-four {
        max-width: 720px;
    }
}

@media (max-width: 767.98px) {
    .custom-container-four {
        max-width: 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .custom-container-four {
        max-width: 540px;
    }
}

.custom-container-five {
    max-width: 1548px;
}

@media (max-width: 1800px) {
    .custom-container-five {
        max-width: 1548px;
    }
}

@media (max-width: 1500px) {
    .custom-container-five {
        max-width: 1320px;
    }
}

@media (max-width: 1199.98px) {
    .custom-container-five {
        max-width: 960px;
    }
}

@media (max-width: 991.98px) {
    .custom-container-five {
        max-width: 720px;
    }
}

@media (max-width: 767.98px) {
    .custom-container-five {
        max-width: 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .custom-container-five {
        max-width: 540px;
    }
}

.include-bg {
    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;
}

/*=============================

     Button style

===============================*/

.tg-button-wrap {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;
}

.tg-btn {
    user-select: none;

    -moz-user-select: none;

    background: var(--tg-theme-primary) none repeat scroll 0 0;

    color: var(--tg-color-white-default);

    cursor: pointer;

    display: inline-flex;

    align-items: center;

    font-size: 15px;

    font-weight: var(--tg-fw-semi-bold);

    letter-spacing: 0;

    line-height: 1;

    margin-bottom: 0;

    padding: 18px 25px;

    text-align: center;

    text-transform: capitalize;

    touch-action: manipulation;

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

    vertical-align: middle;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -o-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    white-space: nowrap;

    overflow: hidden;

    border-radius: 100px;

    --arrow-hover-move-x: -110%;

    gap: 10px;

    z-index: 1;

    position: relative;

    border: none;
}

.tg-btn svg {
    transition: all 0.3s ease-out 0s;
}

.tg-btn svg path {
    transition: transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93),
        opacity 0.18s ease-out;
}

.tg-btn svg path:nth-of-type(1) {
    transform: translateX(0);

    opacity: 1;

    transition-delay: 0.15s, 0.15s;
}

.tg-btn svg path:nth-of-type(2) {
    transform: translateX(calc(1 * var(--arrow-hover-move-x)));

    opacity: 0.5;

    transition-delay: 0s, 0s;
}

.tg-btn::before {
    content: "";

    position: absolute;

    -webkit-transition-duration: 800ms;

    transition-duration: 800ms;

    width: 200%;

    height: 200%;

    top: 110%;

    left: 50%;

    background: var(--tg-theme-secondary);

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

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

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

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

    transform: translateX(-50%);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    z-index: -1;
}

.tg-btn:hover,
.tg-btn:focus-visible {
    background: var(--tg-theme-primary);

    color: var(--tg-color-white-default);

    border-color: var(--tg-theme-primary);
}

.tg-btn:hover svg path:nth-of-type(1),
.tg-btn:focus-visible svg path:nth-of-type(1) {
    transform: translateX(calc(-1 * var(--arrow-hover-move-x)));

    opacity: 0;

    transition-delay: 0s, 0s;
}

.tg-btn:hover svg path:nth-of-type(2),
.tg-btn:focus-visible svg path:nth-of-type(2) {
    transform: translateX(0);

    opacity: 1;

    transition-delay: 0.15s, 0.15s;
}

.tg-btn:hover::before,
.tg-btn:focus-visible::before {
    top: -40%;
}

.tg-btn.white-btn {
    background: var(--tg-color-white-default);

    color: var(--tg-theme-secondary);
}

.tg-btn.white-btn svg path {
    stroke: var(--tg-theme-secondary);
}

.white-btn-two {
    background: var(--tg-color-white-default);

    color: var(--tg-theme-primary);
}

.white-btn-two::before {
    background: var(--tg-theme-primary);
}

.white-btn-two:hover {
    color: var(--tg-color-white-default);

    background: var(--tg-color-white-default);
}

.tg-hover-btn::before {
    background: var(--tg-color-sky-blue);
}

.tg-btn-three {
    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -o-border-radius: 10px;

    -ms-border-radius: 10px;

    border-radius: 10px;
}

.tg-btn-four {
    background: transparent;

    border-radius: 8px;

    border: 1px solid var(--tg-color-white-default);

    padding: 17px 25px;

    --arrow-hover-move-x: 110%;

    --arrow-hover-move-y: 100%;
}

.tg-btn-four svg path:nth-of-type(1) {
    transform: translateX(0) translateY(0);
}

.tg-btn-four svg path:nth-of-type(2) {
    transform: translateX(calc(-1 * var(--arrow-hover-move-x)))
        translateY(var(--arrow-hover-move-y));
}

.tg-btn-four:hover,
.tg-btn-four:focus-visible {
    background: var(--tg-theme-primary);

    color: var(--tg-color-white-default);

    border-color: var(--tg-theme-primary);
}

.tg-btn-four:hover svg path:nth-of-type(1),
.tg-btn-four:focus-visible svg path:nth-of-type(1) {
    transform: translateX(var(--arrow-hover-move-x))
        translateY(calc(-1 * var(--arrow-hover-move-y)));
}

.tg-btn-four:hover svg path:nth-of-type(2),
.tg-btn-four:focus-visible svg path:nth-of-type(2) {
    transform: translateX(0) translateY(0);
}

.tg-btn-four::before {
    display: none;
}

.tg-btn-seven {
    -webkit-border-radius: 4px 12px;

    -moz-border-radius: 4px 12px;

    -o-border-radius: 4px 12px;

    -ms-border-radius: 4px 12px;

    border-radius: 4px 12px;
}

.link-btn {
    display: inline-flex;

    align-items: center;

    gap: 12px;

    font-size: 15px;

    font-weight: 600;

    color: var(--tg-body-color);
}

/*=============================

    00. Preloader

===============================*/

.preloader {
    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 999;

    background-color: var(--tg-color-white-default);

    display: flex;

    align-items: center;

    justify-content: center;
}

.preloader-inner {
    display: block;

    width: 45px;

    height: 45px;
}

.preloader-inner span {
    box-sizing: border-box;

    display: block;

    position: absolute;

    width: 37px;

    height: 37px;

    margin: 4px;

    border: 4px solid transparent;

    border-radius: 50%;

    animation: preloader 1s cubic-bezier(0.5, 0, 0.5, 1) infinite;

    border-color: var(--tg-theme-primary) transparent transparent transparent;
}

.preloader-inner span:nth-child(1) {
    animation-delay: -0.1s;
}

.preloader-inner span:nth-child(2) {
    animation-delay: -0.2s;
}

.preloader-inner span:nth-child(3) {
    animation-delay: -0.3s;
}

@-webkit-keyframes preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*=============================

    - Background color

===============================*/

.grey-bg {
    background: var(--tg-color-gray-4);
}

.grey-bg-two {
    background: var(--tg-color-gray-2);
}

.grey-bg-three {
    background: var(--tg-border-5);
}

.white-bg {
    background: var(--tg-color-white-default);
}

.black-bg {
    background: var(--tg-common-color-black);
}

/*=============================

      OffCanvas

===============================*/

.offCanvas-menu {
    position: relative;

    width: 30px;

    height: 21px;
}

.offCanvas-menu .menu-tigger {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: column;

    gap: 6px;
}

.offCanvas-menu .menu-tigger span {
    width: 30px;

    height: 3px;

    background: var(--tg-border-1);

    border-radius: 5px;

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;
}

.offCanvas-menu .menu-tigger span:nth-child(2) {
    width: 18px;
}

.offCanvas-menu .menu-tigger:hover span {
    background: var(--tg-theme-primary);
}

.offCanvas-menu .menu-tigger:hover span:nth-child(2) {
    width: 30px;
}

.offCanvas-menu-two {
    margin-right: 0;

    padding-right: 0;

    padding-left: 40px;
}

.offCanvas-menu-two::before {
    right: auto;

    left: 0;

    height: 104px;
}

.offCanvas-menu-three {
    width: 95px;

    height: auto;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    border-right: 1px solid #dee0eb;
}

@media (max-width: 1199.98px) {
    .offCanvas-menu-three {
        display: none;
    }
}

.offCanvas__info {
    background: var(--tg-color-white-default) none repeat scroll 0 0;

    height: 100%;

    padding: 55px 50px;

    position: fixed;

    left: 0;

    top: 0;

    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    width: 400px;

    z-index: 999;

    overflow-y: scroll;

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

    -moz-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-transform: translateX(-100%);

    transform: translateX(-100%);
}

.offCanvas__info.active {
    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);
}

.offCanvas__info::-webkit-scrollbar {
    width: 0px;
}

.offCanvas__close-icon {
    position: absolute;

    left: 0;

    top: 0;
}

.offCanvas__close-icon button {
    width: 45px;

    height: 45px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--tg-theme-primary);

    border: 0 none;

    color: var(--tg-color-white-default);

    cursor: pointer;

    font-size: 20px;

    padding: 0;
}

.offCanvas__close-icon button:hover {
    background: var(--tg-theme-secondary);

    color: var(--tg-color-white-default);
}

.offCanvas__logo {
    text-align: center;

    margin-bottom: 40px;
}

.offCanvas__logo img {
    max-height: 34px;
}

.offCanvas__content {
    margin-bottom: 35px;
}

.offCanvas__content p {
    margin-bottom: 0;

    text-align: center;
}

.offCanvas__img {
    margin-bottom: 40px;
}

.offCanvas__img .list-wrap {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 18px;

    flex-wrap: wrap;
}

.offCanvas__side-info .contact-list {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: flex-start;

    gap: 15px;

    margin-bottom: 20px;
}

.offCanvas__side-info .contact-list:last-child {
    margin-bottom: 0;
}

.offCanvas__side-info .contact-list i {
    font-size: 24px;

    color: var(--tg-theme-primary);

    transform: translateY(1px);
}

.offCanvas__side-info .contact-list a,
.offCanvas__side-info .contact-list p {
    color: var(--tg-body-color);

    margin: 0;

    line-height: 24px;

    font-size: 17px;
}

.offCanvas__side-info .contact-list a {
    font-weight: 500;
}

.offCanvas__side-info .contact-list a:hover {
    color: var(--tg-theme-primary);
}

.offCanvas__social {
    text-align: center;

    padding-top: 45px;

    margin-top: 45px;

    border-top: 1px solid #d9d9d9;
}

.offCanvas__social .title {
    margin-bottom: 18px;

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 2.8px;

    color: var(--tg-border-1);
}

.offCanvas__social .list-wrap {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 22px;
}

.offCanvas__social .list-wrap li {
    line-height: 1;
}

.offCanvas__social .list-wrap li a {
    color: var(--tg-border-1);

    display: block;
}

.offCanvas__social .list-wrap li a svg {
    width: 20px;

    height: 20px;
}

.offCanvas__social .list-wrap li a:hover {
    color: var(--tg-theme-primary);
}

.offCanvas__overly {
    position: fixed;

    background: #000;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    z-index: 99;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;
}

.offCanvas__overly.active {
    opacity: 0.7;

    visibility: visible;
}

/*=========================

      Breadcrumb

===========================*/

.breadcrumb__area {
    position: relative;

    z-index: 1;

    padding: 110px 0;
}

@media (max-width: 991.98px) {
    .breadcrumb__area {
        padding: 90px 0;
    }
}

.breadcrumb__area-two {
    padding: 80px 0 60px;
}

@media (max-width: 991.98px) {
    .breadcrumb__area-two {
        padding: 60px 0 60px;
    }
}

@media (max-width: 767.98px) {
    .breadcrumb__area-two {
        padding: 50px 0 60px;
    }
}

.breadcrumb__bg {
    background-size: cover;

    background-position: center;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background-blend-mode: luminosity;

    background-color: var(--tg-color-white-default);
}

.breadcrumb__bg::before {
    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, #01022e 0%, rgba(1, 2, 46, 0.5) 102.5%);

    z-index: -1;
}

.breadcrumb__content .title {
    margin-bottom: 12px;

    font-size: 40px;

    text-transform: capitalize;

    line-height: 1;

    color: var(--tg-color-white-default);
}

@media (max-width: 1199.98px) {
    .breadcrumb__content .title {
        font-size: 36px;
    }
}

@media (max-width: 767.98px) {
    .breadcrumb__content .title {
        font-size: 34px;
    }
}

.breadcrumb__content .breadcrumb {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    margin-bottom: 0;

    gap: 6px;
}

.breadcrumb__content .breadcrumb > * {
    font-size: 15px;

    color: var(--tg-theme-primary);

    font-weight: 500;

    text-transform: capitalize;
}

.breadcrumb__content .breadcrumb > * a {
    color: #939ac6;
}

.breadcrumb__content .breadcrumb > * a:hover {
    color: var(--tg-theme-primary);
}

.breadcrumb__content .breadcrumb .breadcrumb-separator {
    line-height: 1;

    font-size: 16px;

    font-weight: 700;

    color: #939ac6;
}

.breadcrumb__content-two {
    text-align: center;
}

.breadcrumb__content-two .title {
    color: var(--tg-heading-color);

    font-size: 48px;

    letter-spacing: -0.02em;

    line-height: 1.2;
}

@media (max-width: 1199.98px) {
    .breadcrumb__content-two .title {
        font-size: 40px;
    }
}

@media (max-width: 767.98px) {
    .breadcrumb__content-two .title {
        font-size: 36px;
    }
}

@media (max-width: 1199.98px) {
    .breadcrumb__content-two .title br {
        display: none;
    }
}

.breadcrumb__content-two .breadcrumb {
    justify-content: center;
}

/*=============================

    00. Scroll Top

===============================*/

.scroll__top {
    width: 50px;

    height: 50px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    position: fixed;

    bottom: -10%;

    right: 50px;

    font-size: 16px;

    border-radius: 50%;

    z-index: 99;

    color: var(--tg-color-white-default);

    text-align: center;

    cursor: pointer;

    background: var(--tg-theme-primary);

    transition: 1s ease;

    border: none;
}

@media (max-width: 1199.98px) {
    .scroll__top {
        right: 25px;

        bottom: 25px;
    }
}

@media (max-width: 991.98px) {
    .scroll__top {
        right: 30px;
    }
}

@media (max-width: 767.98px) {
    .scroll__top {
        right: 15px;

        width: 35px;

        height: 35px;

        font-size: 14px;
    }
}

.scroll__top.open {
    bottom: 30px;
}

@media (max-width: 767.98px) {
    .scroll__top.open {
        bottom: 15px;
    }
}

.scroll__top::after {
    position: absolute;

    z-index: -1;

    content: "";

    top: 100%;

    left: 5%;

    height: 10px;

    width: 90%;

    opacity: 1;

    background: radial-gradient(
        ellipse at center,
        rgba(0, 0, 0, 0.25) 0%,
        rgba(0, 0, 0, 0) 80%
    );
}

.scroll__top:hover {
    background: var(--tg-theme-secondary);

    border-color: var(--tg-theme-secondary);

    color: var(--tg-color-white-default);
}

/*=============================

    00. Section Title

===============================*/

.section__title {
    position: relative;
}

.section__title .sub-title {
    display: block;

    text-transform: uppercase;

    font-size: 15px;

    font-weight: 500;

    line-height: 1.4;

    color: var(--tg-theme-primary);

    margin-bottom: 12px;
}

.section__title .title {
    font-size: 28px;

    line-height: 1.3;

    margin: 0 0;

    text-transform: capitalize;

    font-weight: 600;
}

@media (max-width: 767.98px) {
    .section__title .title {
        font-size: 30px;

        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section__title .title {
        font-size: 34px;
    }
}

.section__title .title span {
    font-weight: 500;
}

@media (max-width: 991.98px) {
    .section__title .title br {
        display: none;
    }
}

.section__title .title svg {
    color: var(--tg-theme-primary);
}

.section__title p {
    margin-bottom: 0;

    margin-top: 15px;
}

@media (max-width: 767.98px) {
    .section__title p br {
        display: none;
    }
}

.section__title.white-title .sub-title {
    color: var(--tg-color-white-default);
}

.section__title.white-title .title {
    color: var(--tg-color-white-default);
}

.section__title.white-title p {
    color: #acaacc;
}

.section__title.white-title-two p {
    color: var(--tg-color-gray-4);
}

.section__title-semiBold .title {
    font-weight: 600;
}

.section__title-two .title {
    font-size: 40px;

    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .section__title-two .title {
        font-size: 30px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section__title-two .title {
        font-size: 34px;
    }
}

.section__content {
    margin-left: 115px;
}

@media (max-width: 1199.98px) {
    .section__content {
        margin-left: 60px;
    }
}

@media (max-width: 991.98px) {
    .section__content {
        margin-left: 0;
    }
}

.section__content p {
    margin-bottom: 0;
}

.section__content.white-content p {
    color: var(--tg-color-white-default);
}

@media (max-width: 991.98px) {
    .section__title.mb-70,
    .section__title.mb-60 {
        margin-bottom: 40px;
    }
}

.section__divider {
    width: 100%;

    height: 1px;

    background: #d9d9d9;

    display: block;
}

/*=============================

        Mobile Menu

===============================*/

.tgmobile__menu {
    position: fixed;

    right: 0;

    top: 0;

    width: 300px;

    padding-right: 30px;

    max-width: 100%;

    height: 100%;

    z-index: 99;

    border-radius: 0px;

    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) e;

    -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transform: translateX(101%);

    -moz-transform: translateX(101%);

    -ms-transform: translateX(101%);

    -o-transform: translateX(101%);

    transform: translateX(101%);
}

.tgmobile__menu .navbar-collapse {
    display: block !important;
}

.tgmobile__menu .nav-logo {
    position: relative;

    padding: 30px 25px;

    text-align: left;
}

.tgmobile__menu .nav-logo img {
    max-width: 150px;
}

.tgmobile__menu .navigation {
    position: relative;

    display: block;

    width: 100%;

    float: none;

    margin: 0;

    padding: 0;
}

.tgmobile__menu .navigation li {
    position: relative;

    display: block;

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

.tgmobile__menu .navigation li.active > a {
    color: var(--tg-theme-primary);
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn {
    position: absolute;

    right: 20px;

    top: 6px;

    width: 32px;

    height: 32px;

    text-align: center;

    font-size: 16px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--tg-heading-color);

    background: var(--tg-color-gray-1);

    cursor: pointer;

    border-radius: 0;

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    z-index: 5;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -o-border-radius: 5px;

    -ms-border-radius: 5px;

    border-radius: 5px;
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn::after {
    content: "";

    position: absolute;

    right: -20px;

    top: -6px;

    width: 300px;

    height: 46px;
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line {
    position: absolute;

    left: 50%;

    top: 50%;

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

    -ms-transform: translate(-50%, -50%) rotate(0);

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

    border-radius: 10px;

    width: 12px;

    height: 2px;

    background-color: var(--tg-theme-secondary);

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;
}

.tgmobile__menu
    .navigation
    li.menu-item-has-children
    .dropdown-btn
    .plus-line::after {
    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

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

    -ms-transform: translate(-50%, -50%) rotate(0);

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

    border-radius: 10px;

    width: 2px;

    height: 12px;

    background-color: var(--tg-theme-secondary);

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open {
    background-color: var(--tg-theme-primary);
}

.tgmobile__menu
    .navigation
    li.menu-item-has-children
    .dropdown-btn.open
    .plus-line {
    background-color: var(--tg-color-white-default);
}

.tgmobile__menu
    .navigation
    li.menu-item-has-children
    .dropdown-btn.open
    .plus-line::after {
    display: none;
}

.tgmobile__menu .navigation li > a {
    position: relative;

    display: block;

    padding: 10px 55px 10px 20px;

    font-size: 15px;

    font-weight: 600;

    color: var(--tg-heading-color);

    text-transform: uppercase;

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    border: none;
}

.tgmobile__menu .navigation li > a::before {
    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 0;

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    width: 2px;

    background: var(--tg-theme-primary);

    pointer-events: none;
}

.tgmobile__menu .navigation li ul li > a {
    margin-left: 20px;

    text-transform: capitalize;
}

.tgmobile__menu .navigation li ul li ul li a {
    margin-left: 40px;
}

.tgmobile__menu .navigation li ul li ul li ul li a {
    margin-left: 60px;
}

.tgmobile__menu .navigation li > ul {
    display: none;
}

.tgmobile__menu .navigation li > ul > li > ul {
    display: none;
}

.tgmobile__menu .navigation ul {
    padding: 0;

    margin: 0;
}

.tgmobile__menu .navigation ul li a {
    display: block;
}

.tgmobile__menu .navigation ul li ul li > a {
    font-size: 16px;

    margin-left: 20px;

    text-transform: capitalize;
}

.tgmobile__menu .navigation:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.tgmobile__menu .navigation > li > ul > li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 991.98px) {
    .tgmobile__menu .navigation > li > ul > li:first-child {
        border: none;
    }
}

.tgmobile__menu .navigation > li.active > a::before {
    height: 100%;
}

.tgmobile__menu .close-btn {
    position: absolute;

    right: 15px;

    top: 28px;

    line-height: 30px;

    width: 35px;

    text-align: center;

    font-size: 14px;

    color: var(--tg-theme-primary);

    cursor: pointer;

    padding: 8px;

    z-index: 10;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;
}

.tgmobile__menu .close-btn i[class^="flaticon-"]:before {
    font-weight: var(--tg-fw-bold) !important;
}

.tgmobile__menu-backdrop {
    position: fixed;

    right: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

    transition: all 700ms ease;

    -moz-transition: all 700ms ease;

    -webkit-transition: all 700ms ease;

    -ms-transition: all 700ms ease;

    -o-transition: all 700ms ease;

    opacity: 0;

    visibility: hidden;

    background: rgba(0, 0, 0, 0.5);
}

.tgmobile__menu .social-links ul {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    position: relative;

    text-align: center;

    padding: 30px 20px 20px;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;
}

.tgmobile__menu .social-links ul li {
    position: relative;

    display: inline-block;

    margin: 0px 6px 10px;
}

.tgmobile__menu .social-links ul li a {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 40px;

    height: 40px;

    position: relative;

    line-height: 32px;

    font-size: 16px;

    color: var(--tg-theme-secondary);

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    border: 1px solid var(--tg-theme-secondary);

    border-radius: 5px;
}

.tgmobile__menu .social-links ul li a:hover {
    border-color: var(--tg-theme-primary);

    background: var(--tg-theme-primary);

    color: var(--tg-color-white-default);
}

.tgmobile__menu .tgmenu__action {
    padding: 0 0;

    margin: 0 0;
}

.tgmobile__menu .tgmenu__action > ul {
    margin: 0 0;

    padding: 30px 20px 0;

    justify-content: center;

    gap: 0 15px;
}

.tgmobile__menu .tgmenu__action > ul li {
    margin: 0 0;
}

.tgmobile__menu .tgmenu__action > ul .header-btn {
    display: block;
}

.tgmobile__menu-box {
    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    max-height: 100%;

    overflow-y: auto;

    overflow-x: hidden;

    background: var(--tg-color-white-default);

    padding: 0px 0px;

    z-index: 5;

    box-shadow: -9px 0 14px 0px rgba(0, 0, 0, 0.06);
}

.tgmobile__menu-outer .mobile-nav-toggler {
    position: relative;

    float: right;

    font-size: 40px;

    line-height: 50px;

    cursor: pointer;

    display: none;

    color: var(--tg-color-white-default);

    margin-right: 30px;

    top: 15px;
}

.mobile-menu-visible {
    overflow: hidden;
}

.mobile-menu-visible .tgmobile__menu {
    -webkit-transform: translateX(0%);

    -moz-transform: translateX(0%);

    -ms-transform: translateX(0%);

    -o-transform: translateX(0%);

    transform: translateX(0%);
}

.mobile-menu-visible .tgmobile__menu-backdrop {
    opacity: 1;

    visibility: visible;
}

.mobile-menu-visible .tgmobile__menu .close-btn {
    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);
}

.tgmenu__navbar-wrap ul li .tg-mega-menu-wrap-two {
    width: 560px !important;

    display: flex !important;

    align-items: flex-start !important;

    padding: 40px 0 !important;
}

.tgmenu__navbar-wrap ul li .tg-mega-menu-wrap-two > li {
    border-right: 1px solid #e5e5e5;
}

.tgmenu__navbar-wrap ul li .tg-mega-menu-wrap-two > li:last-child {
    border: none;
}

.mega-sub-menu {
    display: flex !important;

    flex-direction: column !important;

    min-width: 260px !important;

    margin-left: 10px !important;
}

@media (max-width: 991.98px) {
    .mega-sub-menu {
        margin-left: 0 !important;
    }
}

.mega-sub-menu > li > a {
    display: flex !important;

    align-items: center;

    gap: 5px;
}

.mega-sub-menu > li > a .badge {
    display: block;

    padding: 0.5em 0.5em 0.5em 0.5em;

    font-size: 10px;

    font-weight: 500;

    text-transform: uppercase;

    line-height: 1;

    color: var(--tg-color-white-default);

    text-align: center;

    white-space: nowrap;

    border-radius: 0.25rem;

    background: var(--tg-theme-primary);

    margin-left: 2px;
}

/*=============================

    00. Keyframe Animation

===============================*/

@-webkit-keyframes hoverShine {
    100% {
        left: 125%;
    }
}

@keyframes hoverShine {
    100% {
        left: 125%;
    }
}

.rotateme {
    -webkit-animation-name: rotateme;

    animation-name: rotateme;

    -webkit-animation-duration: 25s;

    animation-duration: 25s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;
}

@keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

.alltuchtopdown {
    -webkit-animation: alltuchtopdown 2s ease-in-out 0s infinite alternate;

    animation: alltuchtopdown 2s ease-in-out 0s infinite alternate;

    animation-duration: 3s;
}

@keyframes alltuchtopdown {
    0% {
        -webkit-transform: rotateX(0deg) translateY(0px);

        -moz-transform: rotateX(0deg) translateY(0px);

        -ms-transform: rotateX(0deg) translateY(0px);

        -o-transform: rotateX(0deg) translateY(0px);

        transform: rotateX(0deg) translateY(0px);
    }

    50% {
        -webkit-transform: rotateX(0deg) translateY(-20px);

        -moz-transform: rotateX(0deg) translateY(-20px);

        -ms-transform: rotateX(0deg) translateY(-20px);

        -o-transform: rotateX(0deg) translateY(-20px);

        transform: rotateX(0deg) translateY(-20px);
    }

    100% {
        -webkit-transform: rotateX(0deg) translateY(0px);

        -moz-transform: rotateX(0deg) translateY(0px);

        -ms-transform: rotateX(0deg) translateY(0px);

        -o-transform: rotateX(0deg) translateY(0px);

        transform: rotateX(0deg) translateY(0px);
    }
}

@-webkit-keyframes alltuchtopdown {
    0% {
        -webkit-transform: rotateX(0deg) translateY(0px);

        -moz-transform: rotateX(0deg) translateY(0px);

        -ms-transform: rotateX(0deg) translateY(0px);

        -o-transform: rotateX(0deg) translateY(0px);

        transform: rotateX(0deg) translateY(0px);
    }

    50% {
        -webkit-transform: rotateX(0deg) translateY(-20px);

        -moz-transform: rotateX(0deg) translateY(-20px);

        -ms-transform: rotateX(0deg) translateY(-20px);

        -o-transform: rotateX(0deg) translateY(-20px);

        transform: rotateX(0deg) translateY(-20px);
    }

    100% {
        -webkit-transform: rotateX(0deg) translateY(0px);

        -moz-transform: rotateX(0deg) translateY(0px);

        -ms-transform: rotateX(0deg) translateY(0px);

        -o-transform: rotateX(0deg) translateY(0px);

        transform: rotateX(0deg) translateY(0px);
    }
}

.rightToLeft {
    -webkit-animation: rightToLeft 3s ease-in-out 0s infinite alternate;

    animation: rightToLeft 3s ease-in-out 0s infinite alternate;

    animation-duration: 3s;
}

@keyframes rightToLeft {
    0% {
        transform: translateX(-30px);
    }

    50% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(-30px);
    }
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;

        -webkit-transform: translateY(20px);

        -ms-transform: translateY(20px);

        transform: translateY(20px);
    }

    100% {
        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0);
    }
}

.fadeInUp2 {
    -webkit-animation-name: fadeInUp2;

    animation-name: fadeInUp2;

    -webkit-animation-delay: 0.5s;

    animation-delay: 0.5s;

    -webkit-animation-duration: 0.5s;

    animation-duration: 0.5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;
}

@keyframes fadeRight2 {
    0% {
        opacity: 0;

        -webkit-transform: translateX(100px);

        -ms-transform: translateX(100px);

        transform: translateX(100px);
    }

    100% {
        opacity: 1;

        -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

        transform: translateX(0);
    }
}

.fadeRight2 {
    -webkit-animation-name: fadeRight2;

    animation-name: fadeRight2;

    -webkit-animation-delay: 0.5s;

    animation-delay: 0.5s;

    -webkit-animation-duration: 0.5s;

    animation-duration: 0.5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

        opacity: 0;
    }
}

@-webkit-keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

        opacity: 0;
    }
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;

        -webkit-transform: translateY(20px);

        -ms-transform: translateY(20px);

        transform: translateY(20px);
    }

    100% {
        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0);
    }
}

.fadeInUp2 {
    -webkit-animation-name: fadeInUp2;

    animation-name: fadeInUp2;

    -webkit-animation-delay: 0.5s;

    animation-delay: 0.5s;

    -webkit-animation-duration: 0.5s;

    animation-duration: 0.5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;
}

@keyframes fadeDown2 {
    0% {
        opacity: 0;

        -webkit-transform: translateY(-20px);

        -ms-transform: translateY(-20px);

        transform: translateY(-20px);
    }

    100% {
        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0);
    }
}

.fadeDown2 {
    -webkit-animation-name: fadeDown2;

    animation-name: fadeDown2;

    -webkit-animation-delay: 0.5s;

    animation-delay: 0.5s;

    -webkit-animation-duration: 0.5s;

    animation-duration: 0.5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;
}

@keyframes fadeInLeft2 {
    0% {
        opacity: 0;

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

        -ms-transform: translateX(-50px);

        transform: translateX(-50px);
    }

    100% {
        opacity: 1;

        -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

        transform: translateX(0);
    }
}

.fadeInLeft2 {
    -webkit-animation-name: fadeInLeft2;

    animation-name: fadeInLeft2;

    -webkit-animation-delay: 0.5s;

    animation-delay: 0.5s;

    -webkit-animation-duration: 0.5s;

    animation-duration: 0.5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

        opacity: 0;
    }
}

@-webkit-keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

        opacity: 0;
    }
}

/*=============================

        02. Header

===============================*/

.tg-header__top {
    background-color: var(--tg-theme-secondary);

    padding: 9px 0;
}

@media (max-width: 991.98px) {
    .tg-header__top {
        display: none;
    }
}

.tg-header__top-info .list-wrap {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 25px;
}

.tg-header__top-info .list-wrap li {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    position: relative;

    align-items: center;

    gap: 7px;

    font-size: 14px;

    color: var(--tg-color-gray-1);
}

.tg-header__top-info .list-wrap li::before {
    content: "";

    position: absolute;

    right: -12px;

    top: 50%;

    transform: translateY(-50%);

    width: 2px;

    height: 12px;

    background: var(--tg-color-gray-1);
}

.tg-header__top-info .list-wrap li:last-child::before {
    display: none;
}

.tg-header__top-info .list-wrap li a {
    color: var(--tg-color-gray-1);
}

.tg-header__top-info .list-wrap li a:hover {
    opacity: 0.8;
}

.tg-header__top-info .list-wrap li i {
    font-size: 18px;
}

.tg-header__top-right > .list-wrap {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 25px;

    justify-content: flex-end;
}

.tg-header__top-right > .list-wrap > li {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 7px;

    font-size: 14px;

    color: var(--tg-color-gray-1);

    position: relative;
}

.tg-header__top-right > .list-wrap > li::before {
    content: "";

    position: absolute;

    right: -12px;

    top: 50%;

    transform: translateY(-50%);

    width: 2px;

    height: 12px;

    background: var(--tg-color-gray-1);
}

.tg-header__top-right > .list-wrap > li:last-child::before {
    display: none;
}

.tg-header__top-right > .list-wrap > li a {
    color: var(--tg-color-gray-1);
}

.tg-header__top-right > .list-wrap > li a:hover {
    opacity: 0.8;
}

.tg-header__top-right > .list-wrap > li i {
    font-size: 18px;
}

.tg-header__top-right > .list-wrap > li.log-in a {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 10px;

    color: var(--tg-color-gray-4);

    font-weight: 600;
}

.tg-header__top-social .list-wrap {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 12px;
}

.tg-header__top-social .list-wrap li a {
    font-size: 16px;

    color: var(--tg-color-gray-1);

    display: block;
}

.tg-header__top-social .list-wrap li a svg {
    width: 16px;

    height: 16px;
}

@media (max-width: 991.98px) {
    .tg-header__top-menu {
        display: none;
    }
}

.tg-header__top-menu .list-wrap {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 20px;
}

.tg-header__top-menu .list-wrap li a {
    color: var(--tg-color-white-default);

    text-transform: uppercase;

    font-size: 12px;

    position: relative;

    font-weight: 600;
}

.tg-header__top-menu .list-wrap li a::before {
    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 1px;

    background: var(--tg-color-white-default);

    -webkit-transform-origin: right top;

    -ms-transform-origin: right top;

    transform-origin: right top;

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

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

    transform: scale(0, 1);

    -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);

    transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);
}

.tg-header__top-menu .list-wrap li a:hover::before {
    -webkit-transform-origin: left top;

    -ms-transform-origin: left top;

    transform-origin: left top;

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

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

    transform: scale(1, 1);
}

.tg-header__area {
    position: relative;
}

@media (max-width: 991.98px) {
    .tg-header__area {
        padding: 18px 0;
    }
}

@media (max-width: 767.98px) {
    .tg-header__area {
        padding: 20px 0;
    }
}

.tg-header__area .mobile-nav-toggler {
    position: relative;

    font-size: 30px;

    cursor: pointer;

    line-height: 1;

    color: var(--tg-theme-primary);

    display: none;
}

@media (max-width: 991.98px) {
    .tg-header__area .mobile-nav-toggler {
        display: block;

        margin-left: 25px;
    }
}

.tg-header__area.sticky-menu {
    padding: 0 0;
}

@media (max-width: 991.98px) {
    .tg-header__area.sticky-menu {
        padding: 18px 0;
    }
}

@media (max-width: 767.98px) {
    .tg-header__area.sticky-menu {
        padding: 20px 0;
    }
}

.tg-header__area-two .tgmenu__navbar-wrap ul {
    margin: 0 0 0 auto;
}

@media (max-width: 991.98px) {
    .tg-header__area-three {
        background: var(--tg-color-white-default);
    }
}

.tg-header__area-three .tgmenu__wrap {
    background: var(--tg-color-white-default);

    padding: 0 22px;

    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;

    -o-border-radius: 100px;

    -ms-border-radius: 100px;

    border-radius: 100px;

    margin-top: 50px;

    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}

@media (max-width: 1500px) {
    .tg-header__area-three .tgmenu__wrap {
        margin-top: 35px;
    }
}

@media (max-width: 1199.98px) {
    .tg-header__area-three .tgmenu__wrap {
        margin-top: 25px;
    }
}

@media (max-width: 991.98px) {
    .tg-header__area-three .tgmenu__wrap {
        margin-top: 0;

        padding: 0;

        background: transparent;

        -webkit-border-radius: 0;

        -moz-border-radius: 0;

        -o-border-radius: 0;

        -ms-border-radius: 0;

        border-radius: 0;

        box-shadow: none;
    }
}

.tg-header__area-three .tgmenu__navbar-wrap ul {
    margin: 0 auto;
}

.tg-header__area-three .tgmenu__navbar-wrap ul li a {
    padding: 33px 16px;
}

.tg-header__area-three.sticky-menu .tgmenu__wrap {
    margin-top: 0;

    padding: 0 0;

    box-shadow: none;
}

@media (max-width: 1199.98px) {
    .tg-header__area-three .header-contact {
        display: none;
    }
}

.tg-header__area-four {
    border-bottom: 1px solid #4275ff;
}

@media (max-width: 991.98px) {
    .tg-header__area-four {
        padding: 0 0;
    }
}

.tg-header__area-four .tgmenu__nav {
    align-items: normal;
}

.tg-header__area-four .logo a {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    height: 100%;

    border-right: 1px solid #3269ff;

    padding: 20px 50px;
}

@media (max-width: 1199.98px) {
    .tg-header__area-four .logo a {
        padding: 20px 20px;
    }
}

.tg-header__area-four .tgmenu__navbar-wrap > ul {
    margin: 0 auto;
}

.tg-header__area-four .tgmenu__navbar-wrap > ul > li > a {
    color: var(--tg-color-white-default);
}

.tg-header__area-four .tgmenu__navbar-wrap > ul > li > a::after {
    color: var(--tg-color-white-default);
}

.tg-header__area-four .tgmenu__navbar-wrap > ul > li > a:hover {
    color: var(--tg-color-white-default);
}

.tg-header__area-four .tgmenu__navbar-wrap > ul > li > a:hover::after {
    color: var(--tg-color-white-default);
}

.tg-header__area-four .tgmenu__navbar-wrap > ul > li.active > a {
    color: var(--tg-color-white-default);
}

.tg-header__area-four .tgmenu__navbar-wrap > ul > li.active > a::after {
    color: var(--tg-color-white-default);
}

.tg-header__area-four .tgmenu__navbar-wrap > ul > li.active > a:hover {
    color: var(--tg-color-white-default);
}

.tg-header__area-four .tgmenu__navbar-wrap > ul > li.active > a:hover::after {
    color: var(--tg-color-white-default);
}

.tg-header__area-four .tgmenu__navbar-wrap > ul > li:hover > a {
    color: var(--tg-color-white-default);
}

.tg-header__area-four .tgmenu__navbar-wrap > ul > li:hover > a::after {
    color: var(--tg-color-white-default);
}

@media (max-width: 991.98px) {
    .tg-header__area-four.sticky-menu {
        padding: 0 0;
    }
}

.tg-header__area-four.sticky-menu .logo {
    display: none;
}

.tg-header__area-four.sticky-menu .logo.d-none {
    display: block !important;
}

.tg-header__area-four.sticky-menu .tgmenu__navbar-wrap ul > li > a {
    color: var(--tg-heading-color);
}

.tg-header__area-four.sticky-menu .tgmenu__navbar-wrap ul > li > a::after {
    color: var(--tg-heading-color);
}

.tg-header__area-four.sticky-menu .tgmenu__navbar-wrap ul > li > a:hover {
    color: var(--tg-theme-primary);
}

.tg-header__area-four.sticky-menu
    .tgmenu__navbar-wrap
    ul
    > li
    > a:hover::after {
    color: var(--tg-theme-primary);
}

.tg-header__area-four.sticky-menu .tgmenu__navbar-wrap ul > li.active > a {
    color: var(--tg-theme-primary);
}

.tg-header__area-four.sticky-menu
    .tgmenu__navbar-wrap
    ul
    > li.active
    > a::after {
    color: var(--tg-theme-primary);
}

.tg-header__area-four.sticky-menu
    .tgmenu__action-four
    > ul
    li
    .header-contact-info {
    color: var(--tg-heading-color);
}

.tg-header__area-four.sticky-menu
    .tgmenu__action-four
    > ul
    li
    .header-contact-info:hover {
    color: var(--tg-theme-primary);
}

.tg-header__area-four.sticky-menu
    .tgmenu__action-four
    > ul
    li.header-btn-three
    .tg-btn {
    background: var(--tg-theme-primary);

    color: var(--tg-color-white-default);
}

.tg-header__area-four.sticky-menu .mobile-nav-toggler {
    color: var(--tg-theme-primary);
}

@media (max-width: 991.98px) {
    .tg-header__area-four .mobile-nav-toggler {
        color: var(--tg-color-white-default);

        display: -webkit-box;

        display: -moz-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        align-items: center;

        padding: 0 20px;

        margin-left: 0;

        border-left: 1px solid #3269ff;
    }
}

.tg-header__area-five {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.tg-header__area-five .tgmenu__navbar-wrap > ul {
    margin: 0 auto;
}

.tg-header__area-five .tgmenu__navbar-wrap > ul > li a {
    color: var(--tg-color-white-default);
}

.tg-header__area-five .tgmenu__navbar-wrap > ul > li a::after {
    color: var(--tg-color-white-default);
}

.tg-header__area-five .tgmenu__navbar-wrap > ul > li a:hover::after {
    color: var(--tg-theme-primary);
}

.tg-header__area-five .tgmenu__navbar-wrap > ul > li.active > a,
.tg-header__area-five .tgmenu__navbar-wrap > ul > li:hover > a {
    color: var(--tg-theme-primary);
}

.tg-header__area-five .tgmenu__navbar-wrap > ul > li.active > a::after,
.tg-header__area-five .tgmenu__navbar-wrap > ul > li:hover > a::after {
    color: var(--tg-theme-primary);
}

.tg-header__area-five.sticky-menu .logo {
    display: none;
}

.tg-header__area-five.sticky-menu .logo.d-none {
    display: block !important;
}

.tg-header__area-five.sticky-menu .tgmenu__navbar-wrap > ul > li a {
    color: var(--tg-heading-color);
}

.tg-header__area-five.sticky-menu .tgmenu__navbar-wrap > ul > li a::after {
    color: var(--tg-heading-color);
}

.tg-header__area-five.sticky-menu .tgmenu__navbar-wrap > ul > li a:hover {
    color: var(--tg-theme-primary);
}

.tg-header__area-five.sticky-menu
    .tgmenu__navbar-wrap
    > ul
    > li
    a:hover::after {
    color: var(--tg-theme-primary);
}

.tg-header__area-five.sticky-menu .tgmenu__navbar-wrap > ul > li.active > a,
.tg-header__area-five.sticky-menu .tgmenu__navbar-wrap > ul > li:hover > a {
    color: var(--tg-theme-primary);
}

.tg-header__area-five.sticky-menu
    .tgmenu__navbar-wrap
    > ul
    > li.active
    > a::after,
.tg-header__area-five.sticky-menu
    .tgmenu__navbar-wrap
    > ul
    > li:hover
    > a::after {
    color: var(--tg-theme-primary);
}

.tg-header__area-five.sticky-menu
    .tgmenu__action-five
    ul
    li.header-contact
    .header-contact-info {
    color: var(--tg-heading-color);
}

.tg-header__area-five.sticky-menu
    .tgmenu__action-five
    ul
    li.offCanvas-menu
    .menu-tigger
    span {
    background: var(--tg-theme-primary);
}

.tg-header__area-seven .tgmenu__navbar-wrap ul {
    margin: 0 0 0 170px;
}

@media (max-width: 1199.98px) {
    .tg-header__area-seven .tgmenu__navbar-wrap ul {
        margin: 0 0 0 30px;
    }
}

.tg-header__area-eight {
    padding: 5px 0;
}

@media (max-width: 991.98px) {
    .tg-header__area-eight {
        padding: 20px 0;
    }
}

.tg-header__area-eight .tgmenu__navbar-wrap > ul {
    margin: 0 65px 0 auto;
}

.tg-header__area-nine .tgmenu__navbar-wrap ul {
    margin: 0 0 0 65px;
}

@media (max-width: 991.98px) {
    .tg-header__area-ten {
        padding: 20px 0;

        background: var(--tg-color-white-default);
    }
}

.tg-header__area-ten .tgmenu__navbar-wrap ul {
    margin: 0 0 0 0;
}

.tg-header__area-ten .tgmenu__navbar-wrap ul li a {
    padding: 30px 16px;
}

.tg-header__area-ten .tgmenu__wrap {
    border: 1px solid var(--tg-color-gray-4);

    border-top: none;

    background: var(--tg-color-white-default);

    -webkit-border-radius: 0px 0px 15px 15px;

    -moz-border-radius: 0px 0px 15px 15px;

    -o-border-radius: 0px 0px 15px 15px;

    -ms-border-radius: 0px 0px 15px 15px;

    border-radius: 0px 0px 15px 15px;

    padding-left: 15px;
}

@media (max-width: 991.98px) {
    .tg-header__area-ten .tgmenu__wrap {
        -webkit-border-radius: 0px;

        -moz-border-radius: 0px;

        -o-border-radius: 0px;

        -ms-border-radius: 0px;

        border-radius: 0px;

        padding: 0;

        border: none;
    }
}

.tg-header__area-ten .tgmenu__nav {
    align-items: normal;
}

@media (max-width: 991.98px) {
    .tg-header__area-ten .logo.d-none {
        display: block !important;
    }
}

.tg-header__area-ten.sticky-menu .tgmenu__wrap {
    border: none;
}

.tg-header__area-eleven {
    border-bottom: 1px solid #dee0eb;

    background: var(--tg-color-gray-13);
}

@media (max-width: 991.98px) {
    .tg-header__area-eleven {
        padding: 18px 20px;
    }
}

@media (max-width: 767.98px) {
    .tg-header__area-eleven {
        padding: 20px 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tg-header__area-eleven {
        padding: 20px 20px;
    }
}

@media (max-width: 991.98px) {
    .tg-header__area-eleven.sticky-menu {
        padding: 18px 20px;
    }
}

@media (max-width: 767.98px) {
    .tg-header__area-eleven.sticky-menu {
        padding: 20px 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tg-header__area-eleven.sticky-menu {
        padding: 20px 20px;
    }
}

.tg-header__area-eleven .tgmenu__nav {
    align-items: normal;
}

@media (max-width: 991.98px) {
    .tg-header__area-eleven .tgmenu__nav {
        align-items: center;
    }
}

.tg-header__area-eleven .logo {
    margin-left: 30px;
}

@media (max-width: 1199.98px) {
    .tg-header__area-eleven .logo {
        margin-left: 25px;
    }
}

@media (max-width: 991.98px) {
    .tg-header__area-eleven .logo {
        margin-left: 0;
    }
}

.tg-header__area-eleven .logo a {
    height: 100%;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;
}

.tg-header__area-eleven .tgmenu__navbar-wrap ul {
    margin: 0 0 0 75px;
}

@media (max-width: 1199.98px) {
    .tg-header__area-eleven .tgmenu__navbar-wrap ul {
        margin: 0 0 0 30px;
    }
}

.tg-header__area-twelve {
    margin-top: 38px;
}

@media (max-width: 1500px) {
    .tg-header__area-twelve {
        margin-top: 25px;
    }
}

@media (max-width: 991.98px) {
    .tg-header__area-twelve {
        background: var(--tg-color-white-default);

        margin-top: 0;
    }
}

.tg-header__area-twelve .tgmenu__wrap {
    background: var(--tg-color-white-default);

    padding: 10px 40px;
}

@media (max-width: 1199.98px) {
    .tg-header__area-twelve .tgmenu__wrap {
        padding: 0px 20px;
    }
}

@media (max-width: 991.98px) {
    .tg-header__area-twelve .tgmenu__wrap {
        padding: 0px;
    }
}

.tg-header__area-twelve .tgmenu__navbar-wrap ul {
    margin: 0 0 0 50px;
}

.tg-header__area-twelve .tgmenu__action-ten {
    margin-right: 0;
}

.tg-header__area-twelve.sticky-menu .tgmenu__wrap {
    padding: 0 40px;
}

@media (max-width: 1199.98px) {
    .tg-header__area-twelve.sticky-menu .tgmenu__wrap {
        padding: 0 20px;
    }
}

@media (max-width: 991.98px) {
    .tg-header__area-twelve.sticky-menu .tgmenu__wrap {
        padding: 0px;
    }
}

@media (max-width: 1199.98px) {
    .tg-header__area-twelve .header-search {
        display: none;
    }
}

.tg-header__logo-area {
    background: var(--tg-theme-primary);
}

@media (max-width: 991.98px) {
    .tg-header__logo-area {
        display: none;
    }
}

.tg-header__logo-area-inner {
    background: var(--tg-color-white-default);

    border: 1px solid var(--tg-color-gray-4);

    border-top: none;
}

.tg-header__logo-area-inner .logo a {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    height: 100%;

    align-items: center;

    padding: 10px 27px;

    border-right: 1px solid var(--tg-color-gray-4);
}

@media (max-width: 1199.98px) {
    .tg-header__logo-area-inner .logo a {
        padding: 10px 20px;

        border-right: 1px solid var(--tg-color-gray-4);
    }
}

.tg-header__logo-area-inner .header__btn {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    height: 100%;

    align-items: center;

    padding: 15px 30px;
}

@media (max-width: 1199.98px) {
    .tg-header__logo-area-inner .header__btn {
        padding: 15px 20px;

        border-left: 1px solid var(--tg-color-gray-4);

        margin-left: auto;
    }
}

.tg-header__info-wrap {
    flex-grow: 1;
}

@media (max-width: 1199.98px) {
    .tg-header__info-wrap {
        display: none !important;
    }
}

.tg-header__info-item {
    width: 33.33%;

    flex: 0 0 auto;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 13px;

    padding: 20px 23px;

    border-right: 1px solid var(--tg-color-gray-4);
}

.tg-header__info-item .icon {
    width: 40px;

    height: 40px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    background: var(--tg-color-gray-4);

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -o-border-radius: 6px;

    -ms-border-radius: 6px;

    border-radius: 6px;

    justify-content: center;

    color: var(--tg-theme-primary);

    font-size: 22px;
}

.tg-header__info-item .content span {
    display: block;

    line-height: 1;

    font-size: 13px;

    font-weight: 500;

    color: var(--tg-border-1);

    margin-bottom: 6px;
}

.tg-header__info-item .content a {
    display: block;

    font-size: 15px;

    color: var(--tg-theme-secondary);

    font-weight: 500;

    line-height: 1;
}

.tg-header__info-item .content a:hover {
    color: var(--tg-theme-primary);
}

.tg-header__info-item .content p {
    font-size: 15px;

    color: var(--tg-theme-secondary);

    font-weight: 500;

    line-height: 1;

    margin-bottom: 0;
}

.tgmenu__nav {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: flex-start;
}

@media (max-width: 991.98px) {
    .tgmenu__nav {
        justify-content: space-between;
    }
}

.tgmenu__nav .logo img {
    max-height: 80px;
}

.tgmenu__nav-left {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 35px;
}

.tgmenu__nav-left-contact {
    position: relative;
}

@media (max-width: 1199.98px) {
    .tgmenu__nav-left-contact {
        display: none;
    }
}

.tgmenu__nav-left-contact::before {
    content: "";

    position: absolute;

    left: -15px;

    top: 50%;

    transform: translateY(-50%);

    background: #cacaca;

    height: 30px;

    width: 1px;
}

.tgmenu__nav-left-contact span {
    display: block;

    line-height: 1;

    font-size: 13px;

    color: var(--tg-border-1);

    margin-bottom: 7px;
}

.tgmenu__nav-left-contact a {
    font-size: 16px;

    font-weight: 500;

    line-height: 1;

    color: var(--tg-body-color);

    display: block;
}

.tgmenu__nav-left-contact a::before {
    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 1px;

    background: var(--tg-theme-primary);

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;
}

.tgmenu__nav-left-contact a:hover {
    color: var(--tg-theme-primary);
}

.tgmenu__nav-left-contact a:hover::before {
    width: 100%;
}

.tgmenu__navbar-wrap {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-grow: 1;
}

.tgmenu__navbar-wrap ul {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    padding: 0;

    flex-direction: row;

    flex-wrap: wrap;

    margin: 0 0 0 115px;
}

@media (max-width: 1199.98px) {
    .tgmenu__navbar-wrap ul {
        margin: 0 0 0 50px;
    }
}

.tgmenu__navbar-wrap ul li {
    display: block;

    position: relative;

    list-style: none;
}

.tgmenu__navbar-wrap ul li a {
    font-size: 15px;

    font-weight: var(--tg-fw-medium);

    text-transform: uppercase;

    color: var(--tg-heading-color);

    padding: 35px 13px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    line-height: 1.4;

    position: relative;

    z-index: 1;
}

.tgmenu__navbar-wrap ul li .sub-menu {
    position: absolute;

    left: 0;

    top: 100%;

    min-width: 230px;

    border: 1px solid #f5f5f5;

    background: var(--tg-color-white-default);

    margin: 0;

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

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

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

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

    transform: scale(1, 0);

    transform-origin: 0 0;

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

    -webkit-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);

    -moz-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);

    box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);

    border-radius: 0;

    padding: 18px 0;

    display: block;

    visibility: hidden;

    opacity: 0;

    z-index: 9;

    border-radius: 0 0 10px 10px;
}

.tgmenu__navbar-wrap ul li .sub-menu.sub-menu-right {
    right: 0;

    left: auto;
}

.tgmenu__navbar-wrap ul li .sub-menu .sub-menu {
    right: auto;

    left: 100%;

    top: 0;
}

.tgmenu__navbar-wrap ul li .sub-menu li {
    margin-left: 0;

    text-align: left;

    display: block;
}

.tgmenu__navbar-wrap ul li .sub-menu li a {
    padding: 8px 15px 8px 25px;

    display: flex;

    color: var(--tg-heading-color);

    font-size: 15px;

    text-transform: capitalize;

    align-items: center;

    justify-content: space-between;
}

.tgmenu__navbar-wrap ul li .sub-menu li:hover > a,
.tgmenu__navbar-wrap ul li .sub-menu li.active > a {
    color: var(--tg-theme-primary);
}

.tgmenu__navbar-wrap ul li:hover > .sub-menu {
    opacity: 1;

    visibility: visible;

    transform: scale(1);
}

.tgmenu__navbar-wrap > ul > li.active a,
.tgmenu__navbar-wrap > ul > li:hover a {
    color: var(--tg-theme-primary);
}

.tgmenu__main-menu li.menu-item-has-children .dropdown-btn {
    display: none;
}

.tgmenu__main-menu li.menu-item-has-children > a::after {
    content: "\f078";

    display: block;

    font-family: var(--tg-icon-font-family);

    font-size: 12px;

    font-weight: var(--tg-fw-bold);

    margin-left: 6px;

    color: var(--tg-border-1);

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;
}

.tgmenu__main-menu li.menu-item-has-children > a:hover::after {
    color: var(--tg-theme-primary);
}

.tgmenu__main-menu li.menu-item-has-children:hover > a::after,
.tgmenu__main-menu li.menu-item-has-children.active > a::after {
    color: var(--tg-theme-primary);
}

@media (max-width: 991.98px) {
    .tgmenu__action {
        margin-left: auto;
    }
}

@media (max-width: 767.98px) {
    .tgmenu__action {
        display: none;
    }
}

.tgmenu__action > ul {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;
}

.tgmenu__action > ul li {
    position: relative;

    margin-left: 25px;

    flex: 0 0 auto;
}

@media (max-width: 991.98px) {
    .tgmenu__action > ul li {
        margin-left: 20px;
    }
}

.tgmenu__action > ul li:first-child {
    margin-left: 0;
}

.tgmenu__action > ul li.header-search a {
    font-size: 24px;

    color: var(--tg-border-1);

    line-height: 0;
}

.tgmenu__action > ul li.header-search a:hover {
    color: var(--tg-theme-primary);
}

.tgmenu__action > ul li.header-btn .tg-btn {
    padding: 13px 15px;
}

.tgmenu__action > ul li.header-btn .tg-btn svg path {
    opacity: 1 !important;

    transform: translateX(0);
}

.tgmenu__action > ul li.header-btn-three {
    border-left: 1px solid #3269ff;

    height: 100%;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    padding: 0 40px;
}

@media (max-width: 1500px) {
    .tgmenu__action > ul li.header-btn-three {
        padding: 0 25px;
    }
}

@media (max-width: 1199.98px) {
    .tgmenu__action > ul li.header-btn-three {
        padding: 0 20px;
    }
}

@media (max-width: 767.98px) {
    .tgmenu__action > ul li.header-btn-three {
        display: none;
    }
}

.tgmenu__action > ul li.header-btn-three .tg-btn {
    background: var(--tg-color-white-default);

    color: var(--tg-theme-secondary);

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -o-border-radius: 10px;

    -ms-border-radius: 10px;

    border-radius: 10px;

    padding: 18px 28px;
}

.tgmenu__action > ul li.header-btn-three .tg-btn:hover {
    color: var(--tg-color-white-default);
}

@media (max-width: 1199.98px) {
    .tgmenu__action > ul li.offCanvas-menu {
        display: none;
    }
}

.tgmenu__action > ul li .header-contact-info {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 8px;

    font-size: 15px;

    font-weight: 500;

    color: var(--tg-body-color);

    line-height: 1;
}

.tgmenu__action > ul li .header-contact-info i {
    font-size: 20px;
}

.tgmenu__action > ul li .header-contact-info:hover {
    color: var(--tg-theme-primary);
}

.tgmenu__action-two {
    margin-left: 40px;
}

@media (max-width: 991.98px) {
    .tgmenu__action-two {
        margin-left: auto;
    }
}

.tgmenu__action-two .list-wrap .header-btn-two .tg-btn {
    padding: 13px 22px;
}

.tgmenu__action-four {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;
}

.tgmenu__action-four > ul {
    height: 100%;
}

.tgmenu__action-four > ul li {
    margin-left: 40px;
}

@media (max-width: 1500px) {
    .tgmenu__action-four > ul li {
        margin-left: 25px;
    }
}

@media (max-width: 1199.98px) {
    .tgmenu__action-four > ul li {
        margin-left: 0;
    }
}

@media (max-width: 1199.98px) {
    .tgmenu__action-four > ul li.header-contact {
        display: none;
    }
}

.tgmenu__action-four > ul li.header-contact .header-contact-info {
    color: var(--tg-color-white-default);
}

.tgmenu__action-four > ul li.header-contact .header-contact-info:hover {
    color: var(--tg-theme-secondary);
}

.tgmenu__action-five ul li.header-contact .header-contact-info {
    color: var(--tg-color-white-default);
}

.tgmenu__action-five ul li.header-contact .header-contact-info:hover {
    opacity: 0.8;
}

.tgmenu__action-five ul li.offCanvas-menu .menu-tigger span {
    background: var(--tg-color-white-default);
}

.tgmenu__action-six ul li {
    margin-left: 15px;
}

.tgmenu__action-six ul li.header-btn .tg-btn {
    border: 1px solid var(--tg-border-13);

    padding: 15px 22px;

    color: var(--tg-heading-color);

    font-size: 14px;
}

.tgmenu__action-six ul li.header-btn .tg-btn svg {
    color: var(--tg-theme-primary);
}

.tgmenu__action-six ul li.header-btn .tg-btn:hover {
    border-color: var(--tg-theme-primary);

    color: var(--tg-color-white-default);

    background: var(--tg-theme-primary);
}

.tgmenu__action-six ul li.header-btn .tg-btn:hover svg {
    color: var(--tg-color-white-default);
}

.tgmenu__action-six ul li.offCanvas-menu {
    width: auto;

    height: auto;
}

.tgmenu__action-six ul li.offCanvas-menu .menu-tigger {
    width: 46px;

    height: 46px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid var(--tg-border-13);

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -o-border-radius: 6px;

    -ms-border-radius: 6px;

    border-radius: 6px;

    color: var(--tg-body-color);
}

.tgmenu__action-six ul li.offCanvas-menu .menu-tigger:hover {
    background: var(--tg-theme-primary);

    border-color: var(--tg-theme-primary);

    color: var(--tg-color-white-default);
}

.tgmenu__action-seven ul li.header-btn .tg-btn {
    border-radius: 4px 12px;

    padding: 16px 19px;
}

.tgmenu__action-eight ul li {
    margin-left: 15px;
}

.tgmenu__action-eight ul li .header-search-form {
    position: relative;

    width: 250px;
}

@media (max-width: 1199.98px) {
    .tgmenu__action-eight ul li .header-search-form {
        display: none;
    }
}

.tgmenu__action-eight ul li .header-search-form input {
    width: 100%;

    background: #f5f5f5;

    border: none;

    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;

    -o-border-radius: 100px;

    -ms-border-radius: 100px;

    border-radius: 100px;

    font-size: 14px;

    color: var(--tg-heading-color);

    padding: 10px 40px 10px 20px;

    height: 45px;
}

.tgmenu__action-eight ul li .header-search-form input::placeholder {
    color: var(--tg-body-color);

    font-size: 14px;
}

.tgmenu__action-eight ul li .header-search-form button {
    position: absolute;

    border: none;

    background: transparent;

    padding: 0;

    right: 10px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 20px;

    color: var(--tg-body-color);
}

.tgmenu__action-eight ul li .header-search-form button:hover {
    color: var(--tg-theme-primary);
}

.tgmenu__action-eight ul li .header-search-form-two input {
    background: var(--tg-color-white-default);

    border: 1px solid #c6c6c6;
}

.tgmenu__action-eight ul li.header-btn .tg-btn {
    padding: 15px 25px;
}

.tgmenu__action-nine > .list-wrap {
    align-items: normal;

    height: 100%;
}

.tgmenu__action-nine > .list-wrap li {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    height: 100%;
}

.tgmenu__action-nine > .list-wrap li.offCanvas-menu {
    padding: 0 24px;

    width: auto;

    border-left: 1px solid var(--tg-color-gray-4);
}

.tgmenu__action-nine > .list-wrap li.offCanvas-menu .menu-tigger {
    justify-content: center;
}

.tgmenu__action-ten {
    margin-right: 26px;
}

@media (max-width: 991.98px) {
    .tgmenu__action-ten {
        margin-right: 0;
    }
}

.tgmenu__action-ten > ul {
    height: 100%;
}

.tgmenu__action-ten > ul li {
    margin-left: 20px;
}

.tgmenu__action-ten > ul li.header-search {
    padding-right: 20px;
}

.tgmenu__action-ten > ul li.header-search::before {
    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 2px;

    height: 24px;

    background: #dee0eb;
}

@media (max-width: 1199.98px) {
    .tgmenu__action-ten > ul li.header-contact {
        display: none;
    }
}

.tgmenu__action-ten > ul li.header-contact .header-contact-info {
    font-size: 16px;

    gap: 5px;
}

.tgmenu__action-ten > ul li.header-btn .tg-btn {
    padding: 16px 24px;
}

.sticky-menu {
    position: fixed;

    left: 0;

    margin: auto;

    top: 0;

    width: 100%;

    z-index: 99;

    background: var(--tg-color-white-default);

    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;

    animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;

    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);

    box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);

    border-radius: 0;
}

.sticky-menu ul li .sub-menu {
    -webkit-border-radius: 0 0 10px 10px;

    -moz-border-radius: 0 0 10px 10px;

    -o-border-radius: 0 0 10px 10px;

    -ms-border-radius: 0 0 10px 10px;

    border-radius: 0 0 10px 10px;
}

#header-fixed-height.active-height {
    display: block;

    height: 90px;
}

.tg-mega-menu-wrap {
    position: absolute;

    left: 50%;

    top: 100%;

    width: 1225px;

    border-radius: 20px;

    padding: 30px 40px 10px;

    background: var(--tg-color-white-default);

    margin: 0 0;

    transform: scale(1, 0) translateX(-50%);

    transform-origin: 0 0;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

    margin: 0 auto;

    opacity: 0;

    visibility: hidden;

    z-index: 9;

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

@media (max-width: 1500px) {
    .tg-mega-menu-wrap {
        width: 1150px;

        padding: 25px 25px 10px;
    }
}

@media (max-width: 1199.98px) {
    .tg-mega-menu-wrap {
        width: 960px;

        padding: 25px 20px 0;
    }
}

@media (max-width: 1500px) {
    .tg-mega-menu-wrap .row {
        --bs-gutter-x: 15px;
    }
}

.menu-item-has-children:hover .tg-mega-menu-wrap {
    opacity: 1;

    visibility: visible;

    transform: scale(1) translateX(-50%);
}

.mega-menu-item {
    margin-bottom: 25px;
}

.mega-menu-item .mega-menu-thumb {
    margin-bottom: 10px;
}

.mega-menu-item .mega-menu-thumb a {
    padding: 0 !important;
}

.mega-menu-item .mega-menu-thumb a img {
    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    -o-border-radius: 8px;

    -ms-border-radius: 8px;

    border-radius: 8px;

    border: 1px solid var(--tg-color-gray-5);

    width: 100%;
}

.mega-menu-item .mega-menu-content .title {
    margin-bottom: 0;

    text-align: center;
}

.mega-menu-item .mega-menu-content .title a {
    padding: 0 !important;

    text-align: center;

    justify-content: center;

    font-size: 15px;

    text-transform: capitalize;

    color: var(--tg-heading-color);

    font-weight: 500;
}

.mega-menu-item:hover .mega-menu-thumb a img {
    transform: translateY(-3px);
}

.mega-menu-item:hover .mega-menu-content .title a {
    color: var(--tg-theme-primary);
}

.mega-menu-item.active .mega-menu-content .title a {
    color: var(--tg-theme-primary);
}

.tgmobile__menu .tg-mega-menu-wrap {
    display: none;

    width: auto;

    padding: 25px 40px 0;

    background: transparent;

    position: relative;

    opacity: 1 !important;

    visibility: visible;

    transition: 0s;

    box-shadow: none;

    border: none;

    transform: scale(1);

    transform-origin: unset;

    left: 0;
}

.tgmobile__menu .tg-mega-menu-wrap .row .col {
    position: relative;

    width: 100%;
}

.tg-mega-menu-has-children {
    position: static !important;
}

.tgmobile__menu .menu-item-has-children:hover .tg-mega-menu-wrap {
    transform: scale(1) translateX(0);
}

.mfp-iframe-holder .mfp-content {
    max-width: 1200px;
}

/*=============================

        03. Slider

===============================*/

.slider__area {
    position: relative;

    z-index: 1;
}

.slider__bg {
    min-height: 700px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: top;

    position: relative;

    z-index: 1;

    padding: 200px 0 120px;

    background-repeat: no-repeat;

    background-size: cover;
}

@media (max-width: 1500px) {
    .slider__bg {
        min-height: 750px;
    }
}

@media (max-width: 991.98px) {
    .slider__bg {
        min-height: 400px;
    }
}

@media (max-width: 767.98px) {
    .slider__bg {
        padding: 50px 0 50px;
    }
}

.slider__bg::before {
    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0.5;

    background: linear-gradient(78deg, #000 100%, #222 100%);

    z-index: -1;
}

.slider__content {
    margin-top: 20px;
}

@media (max-width: 991.98px) {
    .slider__content {
        margin-top: 0;

        text-align: center;
    }
}

.slider__content .title {
    margin-bottom: 20px;

    font-size: 60px;

    color: var(--tg-color-white-default);

    text-transform: capitalize;

    font-weight: 600;
}

@media (max-width: 1500px) {
    .slider__content .title {
        font-size: 75px;
    }
}

@media (max-width: 1199.98px) {
    .slider__content .title {
        font-size: 65px;
    }
}

@media (max-width: 767.98px) {
    .slider__content .title {
        font-size: 30px;
    }

    .slider__content p {
        font-size: 16px !important;
    }
}

.slider__content p {
    margin-bottom: 30px;

    font-size: 18px;

    color: var(--tg-color-gray-4);

    text-transform: capitalize;

    width: 95%;
}

@media (max-width: 1199.98px) {
    .slider__content p {
        width: 100%;
    }
}

.slider__content-two {
    margin-top: -35px;

    position: relative;
}

@media (max-width: 991.98px) {
    .slider__content-two {
        text-align: center;
    }
}

.slider__content-two .sub-title {
    display: block;

    color: var(--tg-theme-primary);

    text-transform: uppercase;

    font-weight: 500;

    line-height: 1.4;

    margin-bottom: 3px;
}

.slider__content-two .title {
    margin-bottom: 12px;

    font-size: 60px;

    font-weight: 700;

    text-transform: capitalize;

    line-height: 1.1;
}

@media (max-width: 1500px) {
    .slider__content-two .title {
        font-size: 55px;
    }
}

@media (max-width: 1199.98px) {
    .slider__content-two .title {
        font-size: 48px;
    }
}

@media (max-width: 767.98px) {
    .slider__content-two .title {
        font-size: 45px;
    }
}

.slider__content-two p {
    margin-bottom: 27px;

    font-size: 18px;

    line-height: 1.55;

    text-transform: capitalize;
}

.slider__content-three {
    margin-top: -30px;
}

@media (max-width: 991.98px) {
    .slider__content-three {
        text-align: center;

        margin-top: 0;
    }
}

.slider__content-three .sub-title {
    font-size: 16px;

    font-weight: 500;

    text-transform: uppercase;

    color: var(--tg-color-white-default);

    display: block;

    line-height: 1.2;

    margin-bottom: 5px;
}

.slider__content-three .title {
    margin-bottom: 10px;

    color: var(--tg-color-white-default);

    font-size: 60px;

    text-transform: capitalize;
}

@media (max-width: 1199.98px) {
    .slider__content-three .title {
        font-size: 50px;
    }
}

@media (max-width: 767.98px) {
    .slider__content-three .title {
        font-size: 45px;
    }
}

.slider__content-three p {
    margin-bottom: 25px;

    font-size: 18px;

    font-weight: 500;

    color: var(--tg-color-white-default);

    line-height: 1.6;
}

@media (max-width: 991.98px) {
    .slider__content-four {
        text-align: center;
    }
}

.slider__content-four .sub-title {
    display: block;

    font-size: 16px;

    text-transform: uppercase;

    color: var(--tg-theme-primary);

    font-weight: 500;

    line-height: 1.2;

    margin-bottom: 5px;
}

.slider__content-four .title {
    margin-bottom: 10px;

    font-size: 60px;

    text-transform: capitalize;
}

@media (max-width: 1199.98px) {
    .slider__content-four .title {
        font-size: 50px;
    }
}

@media (max-width: 767.98px) {
    .slider__content-four .title {
        font-size: 40px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__content-four .title {
        font-size: 42px;
    }
}

.slider__content-four p {
    margin-bottom: 30px;

    font-size: 18px;

    line-height: 1.6;

    width: 85%;
}

@media (max-width: 1199.98px) {
    .slider__content-four p {
        margin-bottom: 20px;

        font-size: 18px;

        line-height: 1.6;

        width: 100%;
    }
}

@media (max-width: 1500px) {
    .slider__content-five {
        margin-left: 90px;
    }
}

@media (max-width: 1199.98px) {
    .slider__content-five {
        margin-left: 0;
    }
}

@media (max-width: 991.98px) {
    .slider__content-five {
        text-align: center;
    }
}

.slider__content-five .sub-title {
    display: block;

    font-size: 16px;

    font-weight: 500;

    text-transform: uppercase;

    color: var(--tg-theme-primary);

    margin-bottom: 12px;
}

.slider__content-five .title {
    font-size: 50px;

    text-transform: capitalize;

    margin-bottom: 17px;
}

@media (max-width: 1500px) {
    .slider__content-five .title {
        font-size: 45px;
    }
}

@media (max-width: 767.98px) {
    .slider__content-five .title {
        font-size: 38px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__content-five .title {
        font-size: 42px;
    }
}

.slider__content-five p {
    margin-bottom: 28px;

    font-size: 18px;

    line-height: 1.6;
}

.slider__nav {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 15px;

    position: absolute;

    right: 85px;

    top: 50%;

    z-index: 1;

    flex-direction: column;

    transform: translateY(-50%);
}

@media (max-width: 991.98px) {
    .slider__nav {
        display: none;
    }
}

.slider__nav button {
    width: 45px;

    height: 70px;

    border: none;

    -webkit-border-radius: 125px;

    -moz-border-radius: 125px;

    -o-border-radius: 125px;

    -ms-border-radius: 125px;

    border-radius: 125px;

    background: var(--tg-color-white-default);

    color: var(--tg-theme-secondary);
}

.slider__nav button:hover {
    background: var(--tg-theme-primary);

    color: var(--tg-color-white-default);
}

.slider__nav-two {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    position: absolute;

    right: 98px;

    bottom: 36%;

    z-index: 1;

    flex-direction: column;

    gap: 10px;
}

@media (max-width: 991.98px) {
    .slider__nav-two {
        display: none;
    }
}

.slider__nav-two button {
    width: 48px;

    height: 48px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -o-border-radius: 6px;

    -ms-border-radius: 6px;

    border-radius: 6px;

    border: 1px solid #d1d1d1;

    background: var(--tg-color-white-default);

    color: var(--tg-heading-color);
}

.slider__nav-two button:hover {
    background: var(--tg-theme-primary);

    color: var(--tg-color-white-default);

    border-color: var(--tg-theme-primary);
}

.slider__nav-three {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    position: absolute;

    left: 50%;

    bottom: 0;

    z-index: 1;
}

@media (max-width: 991.98px) {
    .slider__nav-three {
        transform: translateX(-50%);
    }
}

.slider__nav-three button {
    border: none;

    width: 60px;

    height: 60px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    color: var(--tg-color-white-default);

    background: var(--tg-theme-primary);
}

.slider__nav-three button.slider-button-next {
    background: #1f5dff;
}

.slider__pagination {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    position: absolute;

    left: 17.8% !important;

    bottom: 115px !important;

    z-index: 2;

    gap: 5px;
}

@media (max-width: 1800px) {
    .slider__pagination {
        left: 11.8% !important;
    }
}

@media (max-width: 1500px) {
    .slider__pagination {
        left: 5% !important;
    }
}

@media (max-width: 1199.98px) {
    .slider__pagination {
        left: 4% !important;

        bottom: 85px !important;
    }
}

@media (max-width: 991.98px) {
    .slider__pagination {
        left: 50% !important;

        transform: translateX(-50%);

        bottom: 50px !important;

        justify-content: center;
    }
}

.slider__pagination span {
    width: 18px;

    height: 18px;

    padding: 0;

    position: relative;

    border: 1px solid #adafbb;

    background: transparent;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    opacity: 1;

    margin: 0 !important;

    -webkit-transition: all 0.2s ease-out 0s;

    -moz-transition: all 0.2s ease-out 0s;

    -ms-transition: all 0.2s ease-out 0s;

    -o-transition: all 0.2s ease-out 0s;

    transition: all 0.2s ease-out 0s;
}

.slider__pagination span::before {
    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

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

    width: 8px;

    height: 8px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    background: var(--tg-body-color);

    -webkit-transition: all 0.2s ease-out 0s;

    -moz-transition: all 0.2s ease-out 0s;

    -ms-transition: all 0.2s ease-out 0s;

    -o-transition: all 0.2s ease-out 0s;

    transition: all 0.2s ease-out 0s;
}

.slider__pagination span.swiper-pagination-bullet-active {
    width: 24px;

    height: 24px;
}

.slider__pagination span.swiper-pagination-bullet-active::before {
    width: 12px;

    height: 12px;

    background-color: var(--tg-theme-primary);
}

.slider__bg.swiper-slide-active .slider__content .title {
    -webkit-animation-delay: 0.3s;

    animation-delay: 0.3s;

    -webkit-animation-duration: 0.8s;

    animation-duration: 0.8s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: fadeInUp2;

    animation-name: fadeInUp2;
}

.slider__bg.swiper-slide-active .slider__content p {
    -webkit-animation-delay: 0.6s;

    animation-delay: 0.6s;

    -webkit-animation-duration: 0.8s;

    animation-duration: 0.8s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: fadeInUp2;

    animation-name: fadeInUp2;
}

.slider__bg.swiper-slide-active .slider__content .tg-btn {
    -webkit-animation-delay: 0.9s;

    animation-delay: 0.9s;

    -webkit-animation-duration: 0.8s;

    animation-duration: 0.8s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: fadeInUp2;

    animation-name: fadeInUp2;
}

.swiper-slide.swiper-slide-active .slider__content-five .sub-title,
.swiper-slide.swiper-slide-active .slider__content-four .sub-title,
.swiper-slide.swiper-slide-active .slider__content-three .sub-title,
.swiper-slide.swiper-slide-active .slider__content-two .sub-title {
    -webkit-animation-delay: 0.3s;

    animation-delay: 0.3s;

    -webkit-animation-duration: 0.8s;

    animation-duration: 0.8s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: fadeInUp2;

    animation-name: fadeInUp2;
}

.swiper-slide.swiper-slide-active .slider__content-five .title,
.swiper-slide.swiper-slide-active .slider__content-four .title,
.swiper-slide.swiper-slide-active .slider__content-three .title,
.swiper-slide.swiper-slide-active .slider__content-two .title {
    -webkit-animation-delay: 0.6s;

    animation-delay: 0.6s;

    -webkit-animation-duration: 0.8s;

    animation-duration: 0.8s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: fadeInUp2;

    animation-name: fadeInUp2;
}

.swiper-slide.swiper-slide-active .slider__content-five p,
.swiper-slide.swiper-slide-active .slider__content-four p,
.swiper-slide.swiper-slide-active .slider__content-three p,
.swiper-slide.swiper-slide-active .slider__content-two p {
    -webkit-animation-delay: 0.9s;

    animation-delay: 0.9s;

    -webkit-animation-duration: 0.8s;

    animation-duration: 0.8s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: fadeInUp2;

    animation-name: fadeInUp2;
}

.swiper-slide.swiper-slide-active .slider__content-five .tg-btn,
.swiper-slide.swiper-slide-active .slider__content-four .tg-btn,
.swiper-slide.swiper-slide-active .slider__content-three .tg-btn,
.swiper-slide.swiper-slide-active .slider__content-two .tg-btn {
    -webkit-animation-delay: 1.2s;

    animation-delay: 1.2s;

    -webkit-animation-duration: 0.8s;

    animation-duration: 0.8s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: fadeInUp2;

    animation-name: fadeInUp2;
}

.swiper-slide.swiper-slide-active .shape img {
    -webkit-animation-delay: 1.2s;

    animation-delay: 1.2s;

    -webkit-animation-duration: 0.8s;

    animation-duration: 0.8s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: fadeInUp2;

    animation-name: fadeInUp2;
}

.swiper-slide.swiper-slide-active.slider__bg-four .shape img:nth-child(1) {
    -webkit-animation-delay: 1.2s;

    animation-delay: 1.2s;

    -webkit-animation-duration: 0.8s;

    animation-duration: 0.8s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: fadeInUp2;

    animation-name: fadeInUp2;
}

.swiper-slide.swiper-slide-active.slider__bg-four .shape img:nth-child(2) {
    -webkit-animation-delay: 1.2s;

    animation-delay: 1.2s;

    -webkit-animation-duration: 0.8s;

    animation-duration: 0.8s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: fadeDown2;

    animation-name: fadeDown2;
}

.about__content > p {
    margin-bottom: 25px;

    width: 95%;
}

.about__content-bottom-two {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 20px 25px;
}

@media (max-width: 1199.98px) {
    .about__content-bottom-two {
        flex-wrap: wrap;

        flex-direction: column-reverse;

        align-items: flex-start;
    }
}

.about__content-bottom-two .rating-wrap {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 20px;

    width: 68%;
}

@media (max-width: 1199.98px) {
    .about__content-bottom-two .rating-wrap {
        width: 100%;
    }
}

.about__content-bottom-two .rating-wrap p {
    margin-bottom: 0;

    line-height: 1.2;

    font-size: 16px;

    font-weight: 500;

    text-transform: capitalize;

    color: var(--tg-heading-color);
}

.about__content-bottom-two .rating-wrap p span {
    font-size: 24px;

    font-weight: 600;
}

.about__content-six > p {
    margin-bottom: 50px;

    font-size: 14px;

    font-weight: 500;

    line-height: 1.5;
}

@media (max-width: 1199.98px) {
    .about__content-six > p {
        margin-bottom: 40px;
    }
}

.about__list-item-two li {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 9px;

    font-size: 17px;

    font-weight: 500;

    line-height: 1;

    margin-bottom: 19px;
}

.about__list-item-two li:last-child {
    margin-bottom: 0;
}

.about__list-item-two li .icon {
    width: 24px;

    height: 24px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    background: var(--tg-theme-primary);

    color: var(--tg-color-white-default);

    flex: 0 0 auto;
}

.about__list-item-white li {
    color: var(--tg-color-gray-2);
}

.about__img-six {
    position: relative;
}

@media (max-width: 991.98px) {
    .about__img-six {
        margin-bottom: 50px;
    }
}

@media (max-width: 767.98px) {
    .about__img-six {
        padding-left: 20px;
    }
}

label.error {
    color: red;

    font-size: 14px;
}

.about__img-six img {
    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    -o-border-radius: 50px;

    -ms-border-radius: 50px;

    border-radius: 50px;

    width: 100%;
}

@media (max-width: 767.98px) {
    .about__img-six img {
        -webkit-border-radius: 30px;

        -moz-border-radius: 30px;

        -o-border-radius: 30px;

        -ms-border-radius: 30px;

        border-radius: 30px;
    }
}

.experience__wrap {
    background: var(--tg-theme-primary);

    -webkit-border-radius: 94px 16px 13px 13px;

    -moz-border-radius: 94px 16px 13px 13px;

    -o-border-radius: 94px 16px 13px 13px;

    -ms-border-radius: 94px 16px 13px 13px;

    border-radius: 94px 16px 13px 13px;

    padding: 38px 43px 246px 43px;

    position: absolute;

    right: 0;

    bottom: 0;
}

@media (max-width: 767.98px) {
    .experience__wrap {
        padding: 30px 20px 230px 32px;

        -webkit-border-radius: 70px 16px 13px 13px;

        -moz-border-radius: 70px 16px 13px 13px;

        -o-border-radius: 70px 16px 13px 13px;

        -ms-border-radius: 70px 16px 13px 13px;

        border-radius: 70px 16px 13px 13px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .experience__wrap {
        padding: 30px 20px 260px 32px;

        -webkit-border-radius: 70px 16px 13px 13px;

        -moz-border-radius: 70px 16px 13px 13px;

        -o-border-radius: 70px 16px 13px 13px;

        -ms-border-radius: 70px 16px 13px 13px;

        border-radius: 70px 16px 13px 13px;
    }
}

.experience__wrap .count {
    font-size: 64px;

    margin-bottom: 5px;

    color: var(--tg-color-white-default);

    line-height: 0.8;
}

@media (max-width: 1199.98px) {
    .experience__wrap .count {
        font-size: 50px;
    }
}

.experience__wrap span {
    display: block;

    font-size: 18px;

    font-weight: 500;

    color: var(--tg-color-white-default);

    text-transform: capitalize;

    line-height: 1.5;
}

.experience__wrap-two {
    text-align: left;

    background: var(--tg-theme-primary);

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 10px;

    border-radius: 0px 40px;

    position: absolute;

    left: 0;

    bottom: 0;

    border-top: 8px solid var(--tg-color-white-default);

    border-right: 8px solid var(--tg-color-white-default);

    padding: 19px 27px;
}

.experience__wrap-two .count {
    margin-bottom: 0;

    font-size: 64px;

    line-height: 1;

    color: var(--tg-color-white-default);
}

@media (max-width: 1199.98px) {
    .experience__wrap-two .count {
        font-size: 60px;
    }
}

@media (max-width: 767.98px) {
    .experience__wrap-two .count {
        font-size: 50px;
    }
}

.experience__wrap-two span {
    color: var(--tg-color-white-default);

    font-size: 20px;

    font-weight: 500;

    text-transform: capitalize;

    line-height: 1.2;
}

@media (max-width: 767.98px) {
    .experience__wrap-two span {
        font-size: 18px;
    }
}

.section-py-130 {
    padding: 50px 0;
}

@media (max-width: 991.98px) {
    .section-py-130 {
        padding: 100px 0;
    }
}

@media (max-width: 767.98px) {
    .section-py-130 {
        padding: 50px 0;
    }
}

.section-pt-130 {
    padding-top: 130px;
}

@media (max-width: 991.98px) {
    .section-pt-130 {
        padding-top: 100px;
    }
}

@media (max-width: 767.98px) {
    .section-pt-130 {
        padding-top: 80px;
    }
}

.section-pb-130 {
    padding-bottom: 130px;
}

@media (max-width: 991.98px) {
    .section-pb-130 {
        padding-bottom: 100px;
    }
}

@media (max-width: 767.98px) {
    .section-pb-130 {
        padding-bottom: 80px;
    }
}

/*=============================

        06. Services

===============================*/

.services__area-two {
    position: relative;

    z-index: 1;
}

.services__area-two::before {
    content: "";

    position: absolute;

    right: -210px;

    top: 130px;

    width: 418px;

    height: 418px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    background: #55ff8f;

    filter: blur(100px);

    z-index: -1;

    opacity: 0.1;
}

.services__area-two::after {
    content: "";

    position: absolute;

    left: -290px;

    bottom: -140px;

    width: 530px;

    height: 530px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    background: #ff5555;

    opacity: 0.1;

    filter: blur(100px);

    z-index: -1;
}

.services__area-eleven {
    position: relative;

    z-index: 1;

    background: var(--tg-color-gray-2);
}

.services__item {
    background: var(--tg-color-white-default);

    border-radius: 15px;

    overflow: hidden;

    position: relative;

    z-index: 1;

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;
}

.services__item:hover {
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.1);
}

.services__item-three {
    background: var(--tg-color-white-default);

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -o-border-radius: 20px;

    -ms-border-radius: 20px;

    border-radius: 20px;

    border: 1px solid #dfe1ed;

    padding: 40px 25px 38px 40px;

    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.06);

    height: 100%;

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;
}

@media (max-width: 767.98px) {
    .services__item-three {
        padding: 40px 25px 38px 30px;
    }
}

.services__item-three:hover {
    transform: translateY(-5px);
}

.services__item-three:hover .services__icon-three {
    transform: rotateY(180deg);
}

/*.services__item-wrap .row>*:nth-child(even) .services__item-three {*/

/*    margin-top: 20px;*/

/*}*/

/*@media (max-width: 991.98px) {*/

/*    .services__item-wrap .row>*:nth-child(even) .services__item-three {*/

/*        margin-top: 0;*/

/*    }*/

/*}*/

.services__thumb-thirteen img {
    width: 100%;

    height: 355px;

    object-fit: contain;
}

.services__icon-three {
    font-size: 50px;

    color: var(--tg-theme-primary);

    display: inline-block;

    -webkit-transition: all 0.5s ease-out 0s;

    -moz-transition: all 0.5s ease-out 0s;

    -ms-transition: all 0.5s ease-out 0s;

    -o-transition: all 0.5s ease-out 0s;

    transition: all 0.5s ease-out 0s;

    margin-bottom: 25px;
}

.services__content {
    padding: 25px 40px 37px;
}

@media (max-width: 1199.98px) {
    .services__content {
        padding: 25px 20px 25px;
    }
}

.services__content .title {
    margin-bottom: 13px;

    font-size: 20px;

    font-weight: 600;
}

.services__content p {
    margin-bottom: 25px;
}

.services__content-three .title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

@media (max-width: 767.98px) {
    .services__content-three .title br {
        display: none;
    }
}

.services__content-three p {
    margin-bottom: 0;
}

.services__content-thirteen {
    background: var(--tg-color-white-default);

    border: 1px solid #d6d6d6;

    border-top: 1px solid #d6d6d6;

    padding: 16px 16px 16px 25px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;
}

.services__content-thirteen .content-left {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 20px;
}

.services__content-thirteen .content-left .icon {
    font-size: 50px;

    color: var(--tg-theme-primary);
}

.services__content-thirteen .content-left .title {
    margin-bottom: 0;

    font-size: 18px;

    text-transform: capitalize;

    font-weight: 600;
}

.services__content-thirteen .content-left .title span {
    color: var(--tg-theme-primary);
}

.services__content-thirteen .arrow {
    width: 60px;

    height: 60px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--tg-color-gray-4);

    border-radius: 0;

    border: none;

    color: var(--tg-theme-primary);

    flex: 0 0 auto;

    padding: 0;
}

.services__content-thirteen .arrow:hover {
    background: var(--tg-theme-primary);

    color: var(--tg-color-white-default);
}

.sidebar__widget {
    margin-bottom: 40px;
}

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

.sidebar__widget-title {
    margin-bottom: 20px;

    font-size: 20px;

    font-weight: 600;

    text-transform: capitalize;

    position: relative;

    padding-bottom: 15px;
}

.sidebar__widget-title::before {
    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 30px;

    height: 5px;

    background: var(--tg-theme-primary);

    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;

    -o-border-radius: 100px;

    -ms-border-radius: 100px;

    border-radius: 100px;
}

.col-70 {
    width: 70.7%;

    flex: 0 0 auto;
}

@media (max-width: 1199.98px) {
    .col-70 {
        width: 65%;
    }
}

@media (max-width: 991.98px) {
    .col-70 {
        width: 100%;
    }
}

.col-30 {
    width: 29.3%;

    flex: 0 0 auto;
}

@media (max-width: 1199.98px) {
    .col-30 {
        width: 35%;
    }
}

@media (max-width: 991.98px) {
    .col-30 {
        width: 100%;
    }
}

.shine__animate-link {
    display: block;

    overflow: hidden;

    position: relative;

    z-index: 1;

    border-top: 1px solid #d6d6d6;

    border-left: 1px solid #d6d6d6;

    border-right: 1px solid #d6d6d6;
}

.shine__animate-link::before {
    position: absolute;

    top: 0;

    left: -100%;

    display: block;

    content: "";

    width: 50%;

    height: 100%;

    background: -o-linear-gradient(
        left,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 100%
    );

    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(255, 255, 255, 0)),
        to(rgba(255, 255, 255, 0.3))
    );

    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 100%
    );

    -webkit-transform: skewX(-25deg);

    -ms-transform: skewX(-25deg);

    transform: skewX(-25deg);

    pointer-events: none;
}

.shine__animate-item:hover .shine__animate-link::before {
    -webkit-animation: hoverShine 1.2s;

    animation: hoverShine 1.2s;
}

/*=============================

        07. CTA

===============================*/

.cta__area {
    background: var(--tg-theme-secondary);

    padding: 82px 0;

    position: relative;

    z-index: 1;

    overflow: hidden;
}

@media (max-width: 991.98px) {
    .cta__content {
        text-align: center;
    }
}

.cta__btn {
    text-align: center;
}

@media (max-width: 991.98px) {
    .cta__btn {
        text-align: center;

        margin-top: 30px;
    }
}

.cta__shape-wrap img {
    position: absolute;

    z-index: -1;
}

.cta__shape-wrap img:nth-child(1) {
    left: 0;

    bottom: 0;

    mix-blend-mode: luminosity;
}

.cta__shape-wrap img:nth-child(2) {
    right: 16%;

    bottom: 0;
}

.cta__shape-wrap img:nth-child(3) {
    right: 15%;

    top: 0;
}

/*=============================

        09. Counter

===============================*/

.counter__area {
    position: relative;

    z-index: 2;
}

.counter__area-five {
    margin-top: 50px;
}

@media (max-width: 767.98px) {
    .counter__area-five {
        padding-top: 0px;
    }
}

.counter__item-five {
    text-align: center;
}

.counter__item-five p {
    margin-bottom: 12px;

    font-size: 20px;

    font-weight: 500;

    color: var(--tg-color-gray-4);
}

@media (max-width: 767.98px) {
    .counter__item-five p {
        font-size: 16px;

        margin-bottom: 10px;
    }
}

.counter__item-five .count {
    margin-bottom: 0;

    line-height: 0.8;

    font-size: 60px;

    font-weight: 600;

    text-transform: uppercase;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    color: transparent;

    -webkit-text-stroke: 2px var(--tg-color-gray-4);

    justify-content: center;
}

@media (max-width: 1199.98px) {
    .counter__item-five .count {
        font-size: 75px;

        line-height: 0.9;
    }
}

@media (max-width: 767.98px) {
    .counter__item-five .count {
        font-size: 50px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .counter__item-five .count {
        font-size: 60px;
    }
}

@media (max-width: 576px) {
    .counter__item-five .count {
        font-size: 35px;
    }
}

/*=============================

        10. Video

===============================*/

.video__area {
    position: relative;

    z-index: 1;

    padding: 50px;
}

.video__area .video__box {
    border: 2px solid #ffffff;

    padding: 10px;

    border-radius: 10px;
}

@media (max-width: 1199.98px) {
    .video__area {
        padding: 285px 0 160px;
    }
}

@media (max-width: 767.98px) {
    .video__area {
        padding: 100px 0 100px;
    }

    .company-right-section img {
        height: 14rem !important;
    }
}

.video__bg {
    background-size: cover;

    background-position: center;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background-attachment: fixed;

    mix-blend-mode: luminosity;
}

.video__bg::before {
    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0.8;

    background: linear-gradient(99deg, #01022e 27.88%, #000 75.46%);
}

@media (max-width: 991.98px) {
    .video__content {
        text-align: center;
    }
}

.video__content .sub-title {
    display: block;

    color: var(--tg-color-white-default);

    font-size: 16px;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 10px;
}

.video__content .title {
    font-size: 32px;

    text-transform: capitalize;

    color: var(--tg-color-white-default);

    margin-bottom: 20px;

    font-weight: 500;
}

@media (max-width: 767.98px) {
    .video__content .title {
        font-size: 32px;
    }
}

.video__content p {
    margin-bottom: 0;

    color: var(--tg-color-gray-1);

    width: 78%;
}

@media (max-width: 1199.98px) {
    .video__content p {
        width: 90%;
    }
}

@media (max-width: 991.98px) {
    .video__content p {
        width: 100%;
    }
}

/*=============================

        11. Project

===============================*/

.project__area-five {
    background: var(--tg-color-gray-2);

    position: relative;

    z-index: 1;

    overflow: hidden;
}

.project__area-five::before {
    content: "";

    position: absolute;

    right: 125px;

    top: -260px;

    width: 400px;

    height: 400px;

    background: #d2dbff;

    filter: blur(150px);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    z-index: -1;
}

.project__area-five::after {
    content: "";

    position: absolute;

    bottom: -300px;

    left: 50px;

    width: 500px;

    height: 500px;

    background: #f0dcff;

    filter: blur(150px);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    z-index: -1;
}

.project__area-seven {
    position: relative;

    z-index: 1;
}

.project__area-seven::before {
    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 60%;

    background: var(--tg-theme-secondary);

    z-index: -1;
}

.project-active {
    padding: 40px 24px;

    position: relative;
}

@media (max-width: 767.98px) {
    .project-active {
        padding: 0 10px;
    }
}

.project-active .swiper-slide {
    transform: scale(0.9);

    transition: all 200ms linear;
}

.project-active .swiper-slide-active {
    transform: scale(1);
}

.project-active .swiper-slide-active .project__thumb img {
    filter: grayscale(0);
}

.project-active .swiper-slide-active .project__content {
    opacity: 1;

    overflow: visible;
}

.project__item {
    position: relative;
}

.project__item-five {
    position: relative;

    overflow: hidden;
}

.project__thumb img {
    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -o-border-radius: 20px;

    -ms-border-radius: 20px;

    border-radius: 20px;

    filter: grayscale(1);

    background-color: #000;
}

.project__thumb-five img {
    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -o-border-radius: 30px;

    -ms-border-radius: 30px;

    border-radius: 30px;

    width: 100%;

    height: 320px;

    object-fit: cover;

    padding: 20px;

    border: 1px solid lightgray;
}

@media (max-width: 1199.98px) {
    .project__thumb-five img {
        height: 220px;
    }
}

.project__content {
    border-radius: 20px;

    background: var(--tg-color-white-default);

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

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 20px;

    justify-content: space-between;

    padding: 20px 20px;

    margin: 0 20px;

    margin-top: -60px;

    position: relative;

    -webkit-transition: all 0.4s ease-out 0s;

    -moz-transition: all 0.4s ease-out 0s;

    -ms-transition: all 0.4s ease-out 0s;

    -o-transition: all 0.4s ease-out 0s;

    transition: all 0.4s ease-out 0s;

    opacity: 0;

    overflow: hidden;
}

@media (max-width: 1800px) {
    .project__content {
        padding: 40px 30px;

        margin: -80px 30px 0;
    }
}

@media (max-width: 1500px) {
    .project__content {
        padding: 30px 25px;

        margin: -65px 20px 0;
    }
}

.project__content-left span {
    display: inline-block;

    font-size: 14px;

    font-weight: 500;

    color: var(--tg-color-white-default);

    background: var(--tg-theme-primary);

    text-transform: capitalize;

    line-height: 1;

    padding: 8px 13px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -o-border-radius: 5px;

    -ms-border-radius: 5px;

    border-radius: 5px;

    margin-bottom: 8px;
}

.project__content-left .title {
    margin-bottom: 0;

    font-size: 22px;

    font-weight: 600;
}

@media (max-width: 1500px) {
    .project__content-left .title {
        font-size: 22px;
    }
}

.project__content-left-two .title {
    margin-bottom: 12px;

    font-size: 24px;

    font-weight: 600;
}

.project__content-arrow a {
    width: 60px;

    height: 40px;

    background: var(--tg-color-gray-4);

    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;

    -o-border-radius: 100px;

    -ms-border-radius: 100px;

    border-radius: 100px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--tg-theme-primary);
}

.project__content-arrow a:hover {
    background: var(--tg-theme-primary);

    color: var(--tg-color-white-default);
}

@media (max-width: 767.98px) {
    .project__nav-wrap {
        display: -webkit-box;

        display: -moz-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 10px;

        margin-top: 40px;
    }
}

.project__nav-wrap button {
    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    z-index: 3;

    width: 60px;

    height: 60px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    border: none;

    background: var(--tg-color-white-default);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    color: var(--tg-theme-primary);

    border: 1px solid var(--tg-theme-primary);
}

@media (max-width: 767.98px) {
    .project__nav-wrap button {
        position: inherit;

        transform: translateY(0);
    }
}

.project__nav-wrap button.project-button-prev {
    left: 25%;

    transform: translateY(-50%) rotate(180deg);
}

@media (max-width: 1199.98px) {
    .project__nav-wrap button.project-button-prev {
        left: 13%;
    }
}

@media (max-width: 991.98px) {
    .project__nav-wrap button.project-button-prev {
        left: 4%;
    }
}

@media (max-width: 767.98px) {
    .project__nav-wrap button.project-button-prev {
        transform: translateY(0) rotate(180deg);
    }
}

.project__nav-wrap button.project-button-next {
    left: auto;

    right: 25%;
}

@media (max-width: 1199.98px) {
    .project__nav-wrap button.project-button-next {
        right: 13%;
    }
}

@media (max-width: 991.98px) {
    .project__nav-wrap button.project-button-next {
        right: 4%;
    }
}

.project__nav-wrap button:hover {
    background: var(--tg-theme-primary);

    color: var(--tg-color-white-default);
}

@media (max-width: 767.98px) {
    .section__btn {
        text-align: left !important;

        margin-bottom: 50px;
    }
}

/*=============================

        14. Testimonial

===============================*/

.testimonial__area-two {
    position: relative;

    z-index: 1;
}

.testimonial__area-two::before {
    content: "";

    position: absolute;

    right: -300px;

    top: 0;

    width: 560px;

    height: 560px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    background: #7838ff;

    filter: blur(150px);

    opacity: 0.1;

    z-index: -1;
}

.testimonial__item {
    text-align: center;
}

.testimonial__item-two {
    background: var(--tg-color-white-default);

    border-radius: 20px;

    border: 1px solid var(--tg-border-9);

    padding: 35px 35px;

    position: relative;

    z-index: 1;
}

.testimonial__item-two > p {
    margin-bottom: 22px;
}

.testimonial__item-wrap-three {
    position: relative;

    z-index: 1;
}

.testimonial__author {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 20px;
}

.testimonial__author .thumb {
    width: 60px;

    height: 60px;

    flex: 0 0 auto;
}

.testimonial__author .thumb img {
    width: 100%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;
}

.testimonial__author .content .title {
    margin-bottom: 8px;

    font-size: 18px;

    font-weight: 600;
}

.testimonial__author .content span {
    display: block;

    line-height: 1;

    font-weight: 500;

    font-size: 15px;
}

.testimonial__author .rating {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    color: var(--tg-color-yellow-light);

    gap: 4px;
}

.testimonial__rating-two {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 4px;

    color: var(--tg-color-yellow-light);

    margin-bottom: 15px;
}

@media (max-width: 991.98px) {
    .testimonial__nav-seven {
        display: -webkit-box;

        display: -moz-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        align-items: center;

        justify-content: center;

        margin-top: 30px;

        gap: 15px;
    }
}

.testimonial__nav-seven button {
    width: 60px;

    height: 60px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    border: none;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    padding: 0;

    background: var(--tg-color-gray-1);

    color: var(--tg-theme-primary);

    position: absolute;

    left: -85px;

    top: 50%;

    transform: translateY(-50%);

    z-index: 2;

    border: 1px solid var(--tg-theme-primary);
}

@media (max-width: 1500px) {
    .testimonial__nav-seven button {
        left: -50px;
    }
}

@media (max-width: 1199.98px) {
    .testimonial__nav-seven button {
        left: -30px;
    }
}

@media (max-width: 991.98px) {
    .testimonial__nav-seven button {
        position: inherit;

        transform: translateY(0);
    }
}

.testimonial__nav-seven button:hover {
    background: var(--tg-theme-primary);

    color: var(--tg-color-white-default);
}

.testimonial__nav-seven button.testimonial-button-next {
    left: auto;

    right: -85px;
}

@media (max-width: 1500px) {
    .testimonial__nav-seven button.testimonial-button-next {
        right: -50px;
    }
}

@media (max-width: 1199.98px) {
    .testimonial__nav-seven button.testimonial-button-next {
        right: -30px;
    }
}

.testimonial-active-four {
    margin-right: 1px;
}

/*=============================

        15. Blog

===============================*/

.blog__post-item {
    background: var(--tg-color-white-default);

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    -o-border-radius: 15px;

    -ms-border-radius: 15px;

    border-radius: 15px;

    overflow: hidden;
}

.blog__post-thumb {
    position: relative;

    -webkit-border-radius: 15px 15px 0 0;

    -moz-border-radius: 15px 15px 0 0;

    -o-border-radius: 15px 15px 0 0;

    -ms-border-radius: 15px 15px 0 0;

    border-radius: 15px 15px 0 0;

    overflow: hidden;
}

.blog__post-thumb img {
    width: 100%;

    height: 280px;

    object-fit: cover;
}

.blog__post-thumb-five {
    margin-bottom: 30px;
}

.blog__post-thumb-five img {
    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -o-border-radius: 20px;

    -ms-border-radius: 20px;

    border-radius: 20px;

    width: 100%;

    height: 452px;

    object-fit: contain;
}

@media (max-width: 1199.98px) {
    .blog__post-thumb-five img {
        height: 360px;
    }
}

@media (max-width: 767.98px) {
    .blog__post-thumb-five img {
        height: 320px;
    }
}

.blog__post-date {
    position: absolute;

    right: 0;

    bottom: 0;

    z-index: 1;
}

.blog__post-date span {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 6px;

    color: var(--tg-color-white-default);

    line-height: 1;

    font-weight: 500;

    padding: 13px 17px 13px 24px;

    font-size: 16px;
}

.blog__post-date span svg {
    width: 20px;

    height: 20px;
}

.blog__post-date .shape {
    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    color: var(--tg-theme-primary);
}

.blog__post-date .shape svg {
    width: 100%;

    height: 100%;
}

.blog__post-date-two {
    position: absolute;

    left: 30px;

    top: 27px;
}

.blog__post-date-two span {
    display: block;

    background: var(--tg-theme-primary);

    color: var(--tg-color-white-default);

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 6px;

    font-size: 14px;

    font-weight: 500;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -o-border-radius: 6px;

    -ms-border-radius: 6px;

    border-radius: 6px;

    padding: 5px 10px;
}

.blog__post-meta {
    margin-bottom: 10px;
}

.blog__post-meta .list-wrap {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 10px 25px;

    flex-wrap: wrap;
}

.blog__post-meta .list-wrap li {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 6px;

    font-size: 16px;

    font-weight: 400;
}

.blog__post-meta .list-wrap li svg {
    color: var(--tg-theme-primary);
}

.blog__post-meta .list-wrap li a {
    color: var(--tg-body-color);
}

.blog__post-meta .list-wrap li a:hover {
    color: var(--tg-theme-primary);
}

.blog__post-content {
    border: 1px solid var(--tg-border-6);

    -webkit-border-radius: 0 0 15px 15px;

    -moz-border-radius: 0 0 15px 15px;

    -o-border-radius: 0 0 15px 15px;

    -ms-border-radius: 0 0 15px 15px;

    border-radius: 0 0 15px 15px;

    padding:20px;
}

@media (max-width: 1199.98px) {
    .blog__post-content {
        padding: 24px 20px;
    }
}

.blog__post-content .title {
    margin-bottom: 20px;

    font-size: 18px;

    font-weight: 600;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;
}

.blog__post-content .title a {
    display: inline;

    background-image: linear-gradient(
            var(--tg-heading-color),
            var(--tg-heading-color)
        ),
        linear-gradient(var(--tg-heading-color), var(--tg-heading-color));

    background-size: 0% 2px, 0 2px;

    background-position: 100% 100%, 0 100%;

    background-repeat: no-repeat;

    transition: background-size 0.4s linear;
}

.blog__post-content .title a:hover {
    color: inherit;

    background-size: 0 2px, 100% 2px;
}

.blog__post-author {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 10px;
}

.blog__post-author p {
    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;
}

.blog__post-author img {
    width: 36px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;
}

.blog__post-author span {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 5px;

    font-size: 16px;

    font-weight: 500;

    color: var(--tg-color-gray-7);
}

.blog__post-author span a {
    color: var(--tg-body-color);
}

.blog__post-author span a:hover {
    color: var(--tg-theme-primary);
}

.blog__details-content .title {
    margin-bottom: 15px;

    font-size:26px;

    font-weight: 600;

    text-transform: capitalize;
}

@media (max-width: 1199.98px) {
    .blog__details-content .title {
        font-size: 30px;
    }
}

@media (max-width: 767.98px) {
    .blog__details-content .title {
        font-size: 28px;
    }
}

.blog__details-content > p {
    margin-bottom: 15px;
}

.blog__details-content .title-two {
    margin-bottom: 12px;

    font-size: 30px;

    font-weight: 600;

    text-transform: capitalize;
}

@media (max-width: 1199.98px) {
    .blog__details-content .title-two {
        font-size: 26px;
    }
}

.blog__sidebar {
    margin-right: 26px;
}

@media (max-width: 1199.98px) {
    .blog__sidebar {
        margin-right: 0;
    }
}

@media (max-width: 991.98px) {
    .blog__sidebar {
        margin-top: 100px;
    }
}

.blog__sidebar-two {
    margin-left: 26px;

    margin-right: 0;
}

@media (max-width: 1199.98px) {
    .blog__sidebar-two {
        margin-left: 0;
    }
}

.rc-post-item {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 24px;

    margin-bottom: 30px;
}

.rc-post-item:last-child {
    margin-bottom: 0;
}

.rc-post-item .thumb {
    width: 90px;

    flex: 0 0 auto;
}

.rc-post-item .thumb img {
    width: 100%;

    height: 90px;

    object-fit: cover;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    -o-border-radius: 8px;

    -ms-border-radius: 8px;

    border-radius: 8px;
}

.rc-post-item .content .date {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    font-size: 14px;

    font-weight: 500;

    gap: 7px;

    line-height: 1;

    margin-bottom: 14px;
}

.rc-post-item .content .date svg {
    color: var(--tg-theme-primary);
}

.rc-post-item .content .title {
    margin-bottom: 0;

    font-size: 18px;

    font-weight: 500;

    text-transform: capitalize;
}

blockquote {
    margin: 40px 50px;

    background: var(--tg-color-gray-1);

    padding: 25px 25px 25px 30px;

    position: relative;

    z-index: 1;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -o-border-radius: 6px;

    -ms-border-radius: 6px;

    border-radius: 6px;

    overflow: hidden;
}

@media (max-width: 1199.98px) {
    blockquote {
        margin: 40px 0;
    }
}

blockquote::before {
    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 3px;

    height: 100%;

    background: var(--tg-theme-primary);
}

blockquote::after {
    content: "\f10e";

    font-weight: 700;

    font-size: 42px;

    color: #dbdef2;

    line-height: 1;

    font-family: var(--tg-icon-font-family);

    position: absolute;

    right: 32px;

    bottom: 26px;

    z-index: -1;
}

blockquote > p {
    margin-bottom: 8px;

    font-size: 17px;

    font-weight: 500;

    color: var(--tg-heading-color);

    font-style: italic;

    line-height: 1.6;
}

blockquote cite {
    font-style: normal;

    font-size: 18px;

    font-weight: 600;

    color: var(--tg-heading-color);
}

/*=============================

        16. Call-Back

===============================*/

.call__back-area {
    background: var(--tg-theme-secondary);

    position: relative;

    z-index: 1;
}

@media (max-width: 1199.98px) {
    .call__back-wrap {
        padding: 0 0;
    }
}

@media (max-width: 991.98px) {
    .call__back-img {
        text-align: center;

        margin-bottom: 50px;
    }
}

.call__back-img img {
    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    -o-border-radius: 15px;

    -ms-border-radius: 15px;

    border-radius: 15px;
}

.call__back-content p {
    color: var(--tg-color-gray-4);

    margin-bottom: 20px;

    font-size: 14px;
}

.call__back-form .form-grp {
    margin-bottom: 10px;
}

.call__back-form .form-grp textarea,
.call__back-form .form-grp input {
    border: none;
}

.call__back-form button {
    width: 100%;

    border: none;

    font-size: 18px;

    font-weight: 600;

    background: var(--tg-theme-primary);

    color: var(--tg-color-white-default);

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -o-border-radius: 6px;

    -ms-border-radius: 6px;

    border-radius: 6px;

    padding: 12px 20px;
}

.call__back-form button:hover {
    background: var(--tg-color-sky-blue);
}

.call__back-shape img {
    position: absolute;

    z-index: -1;
}

.call__back-shape img:nth-child(1) {
    left: 0;

    top: 0;
}

@media (max-width: 1500px) {
    .call__back-shape img:nth-child(1) {
        max-width: 500px;
    }
}

.call__back-shape img:nth-child(2) {
    left: 11%;

    bottom: 0;
}

.call__back-shape img:nth-child(3) {
    left: 20%;

    bottom: 11%;
}

@media (max-width: 1500px) {
    .call__back-shape img:nth-child(3) {
        left: 8%;
    }
}

@media (max-width: 767.98px) {
    .call__back-shape img:nth-child(3) {
        display: none;
    }
}

.call__back-shape img:nth-child(4) {
    right: 11%;

    top: 18%;
}

@media (max-width: 1500px) {
    .call__back-shape img:nth-child(4) {
        right: 3%;
    }
}

@media (max-width: 1199.98px) {
    .call__back-shape img:nth-child(4) {
        right: 3%;

        top: 7%;
    }
}

.call__back-shape img:nth-child(5) {
    right: 0;

    bottom: 0;

    mix-blend-mode: luminosity;

    opacity: 0.5;
}

@media (max-width: 1500px) {
    .call__back-shape img:nth-child(5) {
        max-width: 200px;
    }
}

.call__back-shape-two img {
    position: absolute;

    z-index: -1;
}

.call__back-shape-two img:nth-child(1) {
    left: 0;

    bottom: 0;

    mix-blend-mode: luminosity;
}

.call__back-shape-two img:nth-child(2) {
    left: 0;

    top: 50%;

    transform: translateY(-50%);
}

.call__back-shape-two img:nth-child(3) {
    right: 0;

    top: 0;
}

/*=============================

        19. Choose

===============================*/

.choose__area {
    position: relative;

    z-index: 1;
}

.choose__area::before {
    content: "";

    position: absolute;

    left: -234px;

    bottom: -100px;

    width: 420px;

    height: 420px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    background: #38cfff;

    filter: blur(150px);

    opacity: 0.1;

    z-index: -1;
}

.choose__area-two {
    position: relative;

    z-index: 1;
}

.choose__area-four {
    background: var(--tg-theme-secondary);

    position: relative;

    z-index: 1;
}

.choose__area-five {
    background: var(--tg-color-gray-1);
}

.choose__bg {
    background-size: cover;

    background-position: center;
}

.choose__img-two {
    position: relative;
}

@media (max-width: 991.98px) {
    .choose__img-two {
        margin-bottom: 50px;
    }
}

.choose__img-two img {
    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -o-border-radius: 30px;

    -ms-border-radius: 30px;

    border-radius: 30px;

    width: 100%;
}

.choose__img-two .play-btn {
    width: 80px;

    height: 80px;

    background: var(--tg-color-white-default);

    color: var(--tg-theme-primary);

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    position: absolute;

    left: 50%;

    top: 50%;

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

.choose__img-two .play-btn:hover {
    background: var(--tg-theme-primary);

    color: var(--tg-color-white-default);
}

.choose__content {
    margin-right: 85px;
}

@media (max-width: 1199.98px) {
    .choose__content {
        margin-right: 0;
    }
}

.choose__content p {
    margin-bottom: 25px;
}

.choose__content .about__list-item-two {
    margin-bottom: 35px;
}

.choose__content-two > p {
    margin-bottom: 30px;
}

.choose__content-four {
    margin-left: 30px;

    width: 90%;
}

@media (max-width: 1199.98px) {
    .choose__content-four {
        margin-left: 0;

        width: 100%;
    }
}

.choose__content-four > p {
    margin-bottom: 25px;

    color: #e9ebf8;

    width: 90%;
}

@media (max-width: 1199.98px) {
    .choose__content-four > p {
        width: 100%;
    }
}

.choose__shape img {
    position: absolute;

    z-index: -1;
}

.choose__shape img:nth-child(1) {
    right: 0;

    top: 0;

    max-width: 277px;
}

@media (max-width: 1500px) {
    .choose__shape img:nth-child(1) {
        max-width: 220px;
    }
}

@media (max-width: 1199.98px) {
    .choose__shape img:nth-child(1) {
        max-width: 180px;
    }
}

@media (max-width: 767.98px) {
    .choose__shape img:nth-child(1) {
        max-width: 150px;
    }
}

.choose__shape img:nth-child(2) {
    left: 0;

    bottom: 0;

    max-width: 233px;
}

@media (max-width: 1500px) {
    .choose__shape img:nth-child(2) {
        max-width: 200px;
    }
}

@media (max-width: 1199.98px) {
    .choose__shape img:nth-child(2) {
        max-width: 160px;
    }
}

@media (max-width: 767.98px) {
    .choose__shape img:nth-child(2) {
        max-width: 130px;
    }
}

/*=============================

        27. Features

===============================*/

.features__icon {
    width: 70px;

    height: 70px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 40px;

    color: var(--tg-theme-primary);

    background: var(--tg-color-gray-1);

    flex: 0 0 auto;
}

.features__icon i {
    -webkit-transition: all 0.5s ease-out 0s;

    -moz-transition: all 0.5s ease-out 0s;

    -ms-transition: all 0.5s ease-out 0s;

    -o-transition: all 0.5s ease-out 0s;

    transition: all 0.5s ease-out 0s;
}

.features__icon-two {
    width: 52px;

    height: 52px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    background: linear-gradient(
        180deg,
        #f1efff 0%,
        rgba(244, 242, 255, 0) 100%
    );

    justify-content: center;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    font-size: 30px;

    color: var(--tg-theme-primary);

    margin-bottom: 20px;

    -webkit-transition: all 0.5s ease-out 0s;

    -moz-transition: all 0.5s ease-out 0s;

    -ms-transition: all 0.5s ease-out 0s;

    -o-transition: all 0.5s ease-out 0s;

    transition: all 0.5s ease-out 0s;
}

@media (max-width: 991.98px) {
    .features__img {
        margin-bottom: 50px;
    }
}

.features__img img {
    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    -o-border-radius: 15px;

    -ms-border-radius: 15px;

    border-radius: 15px;

    width: 100%;
}

.features__img-two img {
    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    -o-border-radius: 15px;

    -ms-border-radius: 15px;

    border-radius: 15px;
}

.features__content p {
    margin-bottom: 0;
}

.features__content-two {
    margin-right: 35px;
}

@media (max-width: 1199.98px) {
    .features__content-two {
        margin-right: 0;
    }
}

.features__content-two p {
    margin-bottom: 25px;
}

.features__content-two .list-wrap {
    margin-bottom: 50px;
}

@media (max-width: 767.98px) {
    .features__content-two .list-wrap {
        margin-bottom: 30px;
    }
}

/*=============================

        23. Contact

===============================*/

.contact__area {
    padding: 85px 0 110px;
}

.contact__area-two {
    background: var(--tg-theme-secondary);

    position: relative;

    z-index: 1;
}

.contact__img {
    position: absolute;

    width: 45%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: -1;

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

    background-size: cover;

    background-position: center;
}

@media (max-width: 1500px) {
    .contact__img {
        clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
    }
}

@media (max-width: 991.98px) {
    .contact__img {
        display: none;
    }
}

.contact__shape {
    width: 286px;

    height: 100%;

    position: absolute;

    left: 32%;

    top: 0;

    background-size: cover;

    background-position: center;
}

@media (max-width: 1800px) {
    .contact__shape {
        left: 30%;
    }
}

@media (max-width: 1500px) {
    .contact__shape {
        left: 26%;
    }
}

@media (max-width: 1199.98px) {
    .contact__shape {
        left: 20%;
    }
}

@media (max-width: 991.98px) {
    .contact__shape {
        display: none;
    }
}

.contact-map {
    width: 100%;

    height: 420px;
}

@media (max-width: 1199.98px) {
    .contact-map {
        height: 360px;
    }
}

.contact-map iframe {
    width: 100%;

    height: 100%;

    /*mix-blend-mode: luminosity;*/
}

.contact__info-item {
    position: relative;

    background: var(--tg-color-white-default);

    border: 1px solid #dee0ee;

    padding: 45px 55px;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    -o-border-radius: 15px;

    -ms-border-radius: 15px;

    border-radius: 15px;

    z-index: 1;

    overflow: hidden;

    margin-bottom: 18px;
}

@media (max-width: 1199.98px) {
    .contact__info-item {
        padding: 40px 30px;
    }
}

@media (max-width: 767.98px) {
    .contact__info-item {
        padding: 30px 30px;
    }
}

.contact__info-item:last-child {
    margin-bottom: 0;
}

.contact__info-item .title {
    font-size: 24px;

    margin-bottom: 20px;

    color: var(--tg-theme-primary);
}

.contact__info-item p {
    margin-bottom: 10px;

    font-size: 20px;

    font-weight: 500;
}

.contact__info-item .list-wrap li {
    margin-bottom: 20px;
}

.contact__info-item .list-wrap li:last-child {
    margin-bottom: 20px;
}

.contact__info-item .list-wrap li a {
    color: var(--tg-body-color);

    font-size: 16px;

    font-weight: 400;

    line-height: 1.4;

    position: relative;
}

.contact__info-item .list-wrap li a:hover {
    color: var(--tg-theme-primary);
}

.contact__info-item .list-wrap li a:hover::before {
    width: 100%;
}

.footer__social.footer__social-four {
    margin-top: 35px;
}

.contact__info-item .shape {
    position: absolute;

    right: -19px;

    bottom: -13px;

    color: #f4f5f8;

    z-index: -1;
}

.contact__form-wrap {
    background: var(--tg-color-gray-1);

    padding: 50px 60px 55px;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    -o-border-radius: 15px;

    -ms-border-radius: 15px;

    border-radius: 15px;

    margin-left: 30px;
}

@media (max-width: 1199.98px) {
    .contact__form-wrap {
        padding: 35px 35px 40px;
    }
}

@media (max-width: 991.98px) {
    .contact__form-wrap {
        margin-left: 0;

        margin-bottom: 50px;
    }
}

@media (max-width: 767.98px) {
    .contact__form-wrap {
        padding: 35px 30px 40px;
    }

    .contact__info-item .list-wrap li a {
        font-size: 16px;
    }
}

.contact__form-wrap .title {
    margin-bottom: 20px;

    font-size: 30px;

    font-weight: 600;

    text-transform: capitalize;
}

@media (max-width: 767.98px) {
    .contact__form-wrap .title {
        font-size: 26px;
    }
}

.contact__form .form-grp {
    margin-bottom: 15px;
}

.contact__form .form-grp > label {
    font-size: 16px;

    font-weight: 500;

    color: var(--tg-body-color);

    line-height: 1;

    margin-bottom: 14px;
}

.contact__form .form-grp .error {
    color: red;

    font-size: 14px;
}

.contact__form .checkbox-grp {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: flex-start;

    margin: 20px 0;
}

.contact__form .checkbox-grp input {
    width: 18px;

    margin-right: 9px;

    height: 18px;

    cursor: pointer;

    flex: 0 0 auto;

    margin-top: 3px;
}

.contact__form .checkbox-grp label {
    font-weight: 400;

    font-size: 16px;

    color: var(--tg-body-color);

    user-select: none;

    margin-bottom: 0;

    line-height: 1.2;
}

.contact__form-two .row {
    --bs-gutter-x: 10px;
}

.contact__form-two .form-grp {
    margin-bottom: 10px;
}

.contact__form-two .form-grp textarea,
.contact__form-two .form-grp input {
    border: none;
}

.contact__form-two button {
    width: 100%;

    background: var(--tg-theme-primary);

    border: none;

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -o-border-radius: 6px;

    -ms-border-radius: 6px;

    border-radius: 6px;

    color: var(--tg-color-white-default);

    padding: 16px 20px;
}

.contact__form-two button:hover {
    background: var(--tg-color-gray-1);

    color: var(--tg-theme-primary);
}

.ajax-response.error,
.ajax-response.success {
    margin: 20px 0 0 !important;
}

.ajax-response.error {
    color: red;
}

.ajax-response.success {
    color: green;
}

/*=============================

        22. Login

===============================*/

.login__left-side {
    width: 100%;

    height: 100vh;

    background-size: cover;

    background-position: center;

    padding: 64px 48px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    position: relative;

    z-index: 1;
}

@media (max-width: 991.98px) {
    .login__left-side {
        padding: 32px;
    }
}

@media (max-width: 767.98px) {
    .login__left-side {
        padding: 25px;

        height: 350px;
    }
}

.login__left-side::before {
    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.01) 0%,
        rgba(0, 0, 0, 0.43) 100%
    );

    width: 100%;

    height: 100%;

    z-index: -1;
}

.login__left-content p {
    font-size: 20px;

    color: var(--tg-color-white-default);

    font-weight: 500;

    line-height: 1.4;

    margin-bottom: 1.5rem;
}

@media (max-width: 767.98px) {
    .login__left-content p {
        font-size: 18px;
    }
}

.login__left-content .title {
    font-size: 1.125rem;

    color: var(--tg-color-white-default);

    margin-bottom: 8px;

    font-weight: 600;
}

.login__left-content span {
    display: block;

    line-height: 1;

    color: var(--tg-color-white-default);

    opacity: 0.8;
}

.login__form-wrap {
    text-align: center;

    padding: 30px 15px;

    width: 400px;

    margin: 0 auto;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: column;

    justify-content: center;

    height: 100%;
}

@media (max-width: 991.98px) {
    .login__form-wrap {
        width: 360px;
    }
}

@media (max-width: 767.98px) {
    .login__form-wrap {
        width: 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .login__form-wrap {
        width: 80%;
    }
}

.login__form-wrap .title {
    font-size: 36px;

    text-transform: capitalize;

    margin-bottom: 30px;
}

.login__form-wrap .divider {
    display: block;

    padding: 30px 0;

    text-transform: uppercase;
}

.login__form-social {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;
}

.login__form-social a {
    font-size: 20px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    height: 48px;

    flex: 1 1 0%;

    align-items: center;

    justify-content: center;

    color: var(--tg-color-white-default);

    background: #212529;

    border-radius: 8px;
}

.login__form-social a:nth-child(2) {
    background: #066ec2;
}

.login__form .form__grp {
    margin-bottom: 15px;
}

.login__form .tg-btn {
    width: 100%;

    justify-content: center;

    margin-top: 30px;
}

.account__check {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 15px;

    justify-content: space-between;

    flex-wrap: wrap;
}

.account__check-remember {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    gap: 5px;
}

.account__check-remember input {
    width: 20px;

    height: 20px;

    margin-inline-end: 3px;

    padding: 0;
}

.account__check-remember label {
    user-select: none;
}

.account__check-remember label a {
    font-weight: 600;

    text-decoration: underline;

    margin-left: 5px;
}

.account__check-forgot a {
    color: var(--tg-theme-primary);

    font-size: 16px;

    text-decoration: underline;

    font-weight: 600;
}

.account__switch {
    margin-top: 30px;
}

.account__switch p {
    margin-bottom: 0;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 5px;
}

.account__switch a {
    color: var(--tg-theme-primary);

    text-decoration: underline;

    font-weight: 600;
}

.error-area {
    padding: 120px 0;
}

@media (max-width: 1500px) {
    .error-area {
        padding: 100px 0;
    }
}

.error-img {
    text-align: center;

    width: 648px;

    height: 323px;

    margin: 0 auto 65px;
}

@media (max-width: 1500px) {
    .error-img {
        margin-bottom: 45px;
    }
}

@media (max-width: 991.98px) {
    .error-img {
        margin-bottom: 40px;
    }
}

@media (max-width: 767.98px) {
    .error-img {
        margin-bottom: 30px;

        width: 100%;

        height: 100%;
    }
}

.error-img svg {
    width: 100%;

    height: 100%;

    color: var(--tg-theme-primary);
}

.error-content .title {
    margin-bottom: 60px;

    font-weight: 700;

    font-size: 40px;

    letter-spacing: -1px;
}

@media (max-width: 1199.98px) {
    .error-content .title {
        margin-bottom: 35px;

        font-size: 35px;
    }
}

@media (max-width: 767.98px) {
    .error-content .title {
        font-size: 30px;

        margin-bottom: 30px;

        letter-spacing: 0;
    }
}

.error-content .title span {
    display: block;

    margin-top: 10px;
}

@media (max-width: 767.98px) {
    .error-content .title span {
        margin-top: 5px;
    }
}

.error-content .tg-button-wrap {
    justify-content: center;
}

/*=============================

        17. Footer

===============================*/

.footer__area {
    position: relative;

    z-index: 1;
}

.footer__area-four {
    background: var(--tg-theme-secondary);

    position: relative;

    z-index: 1;
}

@media (max-width: 767.98px) {
    .footer__top {
        padding: 100px 0 60px;
    }
}

.footer__top .row *:nth-child(2) .footer__widget {
    margin-left: 40px;
}

@media (max-width: 767.98px) {
    .footer__top .row *:nth-child(2) .footer__widget {
        margin-left: 0;
    }
}

.footer__top .row *:nth-child(4) .footer__widget {
    margin-left: 30px;
}

@media (max-width: 1199.98px) {
    .footer__top .row *:nth-child(4) .footer__widget {
        margin-left: 0;
    }
}

.footer__top-three {
    padding: 40px 0 40px;
}

.footer__top-three .row *:nth-child(2) .footer__widget {
    margin-left: 30px;
}

@media (max-width: 1199.98px) {
    .footer__top-three .row *:nth-child(2) .footer__widget {
        margin-left: 0;
    }
}

.footer__top-three .row *:nth-child(4) .footer__widget {
    margin-left: 50px;
}

@media (max-width: 1199.98px) {
    .footer__top-three .row *:nth-child(4) .footer__widget {
        margin-left: 0;
    }
}

.footer__logo {
    margin-bottom: 25px;

    width: 50%;
}

.footer__logo-two {
    margin-bottom: 30px;
}

.footer__content p {
    margin-bottom: 25px;

    font-size: 15px;
}

.footer__content-two p {
    margin-bottom: 25px;
}

.footer__content-three p {
    color: var(--tg-color-gray-4);
}

.footer__contact .list-wrap li {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: baseline;

    gap: 15px;

    color: var(--tg-color-gray-4);

    line-height: 1.6;

    margin-bottom: 15px;
}

.footer__contact .list-wrap li i {
    font-size: 24px;

    color: var(--tg-color-gray-4);

    transform: translateY(7px);
}

.footer__contact .list-wrap li a {
    color: var(--tg-color-gray-4);
}

.footer__contact .list-wrap li a:hover {
    color: var(--tg-theme-primary);
}

.footer__contact-two p {
    margin-bottom: 20px;
}

.footer__contact-two .list-wrap li {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 15px;

    font-size: 16px;

    margin-bottom: 20px;
}

.footer__contact-two .list-wrap li:last-child {
    margin-bottom: 0;
}

.footer__contact-two .list-wrap li i {
    font-size: 24px;

    color: var(--tg-theme-primary);
}

.footer__contact-two .list-wrap li a {
    color: var(--tg-body-color);
}

.footer__contact-two .list-wrap li a:hover {
    color: var(--tg-theme-primary);
}

.footer__widget-title {
    margin-bottom: 30px;

    font-size: 20px;

    font-weight: 600;
}

.footer__widget-title-two {
    color: var(--tg-color-white-default);
}

.footer__widget-link li {
    margin-bottom: 4px;
}

.footer__widget-link li:last-child {
    margin-bottom: 0;
}

.footer__widget-link li a {
    color: #dddddd !important;

    position: relative;

    font-size: 14px;
}

.footer__widget-link li a::before {
    content: "";

    position: absolute;

    left: 0;

    bottom: -1px;

    width: 100%;

    height: 1px;

    background: currentColor;

    transform-origin: right top;

    transform: scale(0, 1);

    transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);
}

.footer__widget-link li a:hover {
    color: var(--tg-theme-primary);
}

.footer__widget-link li a:hover::before {
    -webkit-transform-origin: left top;

    -ms-transform-origin: left top;

    transform-origin: left top;

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

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

    transform: scale(1, 1);
}

.footer__widget-link-two li {
    color: var(--tg-color-gray-4);
}

.footer__widget-link-two li a {
    color: var(--tg-color-gray-4);
}

.footer__newsletter span {
    display: block;

    margin-bottom: 20px;
}

.footer__newsletter-two span {
    color: var(--tg-color-gray-4);
}

.footer__social .list-wrap {
    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    gap: 12px;
}

.footer__social .list-wrap li a {
    width: 40px;

    height: 40px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    background: var(--tg-color-gray-8);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    color: var(--tg-body-color);

    justify-content: center;

    border: 1px solid var(--tg-body-color);
}

.footer__social .list-wrap li a svg {
    width: 16px;

    height: 16px;
}

.footer__social .list-wrap li a:hover {
    background: var(--tg-theme-primary);

    color: var(--tg-color-white-default);

    border: 0px;
}

.footer__bottom {
    background: var(--tg-color-white-default);

    border-top: 1px solid var(--tg-border-8);

    padding: 40px 0;
}

.footer__bottom-five {
    background: #040534;

    padding: 10px 0;
}

@media (max-width: 767.98px) {
    .footer__bottom-five {
        padding: 28px 0;
    }
}

/*# sourceMappingURL=main.css.map */

/*====================== New Css =================*/

.project__thumb img {
    height: 25rem;

    width: 100%;

    object-fit: contain;

    background-color: white;

    border: 1px solid rgb(214, 214, 214);
}

/*============================================== company section css ==============================================*/

.company-container {
    display: flex;

    margin: 50px 0rem;
}

.company-left-section {
    flex: 1;

    background-color: #f5f6f5;

    padding: 40px;

    position: relative;
}

.company-middle-section {
    flex: 1;

    background-color: var(--tg-theme-secondary);

    color: white;

    padding: 40px;
}

.company-right-section {
    flex: 1;

    background-image: url("https://via.placeholder.com/600x800");

    /* Replace with actual image URL */

    background-size: cover;

    background-position: center;
}

.company-heading {
    font-size: 24px;

    margin-bottom: 10px;

    margin-top: 20px;

    text-transform: capitalize;

    color: white;
}

.company-text {
    font-size: 17px;

    line-height: 1.5;

    margin-bottom: 20px;
}

.company-social-icons {
    display: flex;

    gap: 15px;
}

.company-social-icons img {
    width: 24px;

    height: 24px;
}

.company-whatsapp-icon img {
    width: 40px;

    height: 40px;

    position: absolute;

    bottom: 20px;

    left: 20px;
}

/* Responsive Design */

@media (max-width: 768px) {
    .company-container {
        flex-direction: column;
    }

    .company-left-section,
    .company-middle-section,
    .company-right-section {
        display: grid;

        width: 100%;
    }

    /*.company-right-section {*/

    /*    height: 300px;*/

    /*}*/

    .company-heading {
        font-size: 20px;
    }

    .company-text {
        font-size: 14px;
    }

    .company-left-section,
    .company-middle-section {
        padding: 20px;
    }

    .company-social-icons img {
        width: 20px;

        height: 20px;
    }

    .company-whatsapp-icon img {
        width: 30px;

        height: 30px;

        bottom: 10px;

        left: 10px;
    }
}

@media (max-width: 480px) {
    .company-heading {
        font-size: 17px;
    }

    .company-text {
        font-size: 12px;
    }

    .company-left-section,
    .company-middle-section {
        padding: 15px;
    }

    .company-right-section {
        height: 200px;
    }

    .company-social-icons {
        gap: 10px;
    }

    .company-social-icons img {
        width: 18px;

        height: 18px;
    }

    .company-whatsapp-icon img {
        width: 25px;

        height: 25px;
    }
}

.company-section {
    display: flex;

    height: 100%;
}

.company-right-section img {
    width: 100%;

    height: 30rem;

    object-fit: cover;
}

.company-section img {
    border: 1px solid black;

    border-radius: 50%;

    padding: 10px;
}

.loader-first2 img {
    width: 20px;

    display: inline;

    margin: 0 0 0 5px;
}

.loader-first2 img {
    animation: rotateAnimation 2s linear infinite;
}

@keyframes rotateAnimation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

a.Company_name {
    color: #39b1f7 !important;

    margin-left: 5px;
}

.image-overlay {
    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.6);

    z-index: 1000;

    justify-content: center;

    align-items: center;

    text-align: center;
}

.image-overlay img {
    height: 600px;

    width: 100%;

    object-fit: contain;

    display: flex;

    justify-content: center;

    align-items: center;

    position: absolute;

    top: 20%;
}

.close-btn {
    position: absolute;

    top: 100px;

    right: 30px;

    font-size: 40px;

    color: white;

    cursor: pointer;

    z-index: 1001;

    width: 50px;

    height: 50px;

    line-height: 50px;
}

.image-zoom {
    cursor: pointer;
}

.plus-icon {
    position: absolute;

    top: 50%;

    left: 50%;

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

    font-size: 40px;

    color: white;

    background: rgba(0, 0, 0, 0.5);

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    border-radius: 50%;

    display: none;

    z-index: 10;

    cursor: pointer;
}

.project__thumb-five:hover .plus-icon {
    display: block;
}

.blog__post-thumb.shine__animate-link.blog-image {
    padding: 0;
}

h4.title-promation.text-white {
    font-size: 22px;

    font-weight: 600;

    line-height: 1.5;
}

.project__content-left p {
    color: var(--tg-theme-primary);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .video__area {
        padding: 40px 0 !important;
    }

    .counter__item-five .count {
        font-size: 49px;
    }

    .tgmenu__navbar-wrap ul li a {
        padding: 35px 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .video__area {
        padding: 50px 0;
    }

    .services__content-thirteen .content-left .title {
        font-size: 17px;
    }

    .services__details-area-three .section-py-130 {
        padding: 0px 0;
    }
}