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

1. Global Area 
2. Header Section

******* HOME PAGE 1 *******



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

/*=========
Font load
===========*/

:root {
    --tz-body-color: #74787C;
    --tz-title-color: #1A1A1A;
    --tz-heading: "Quicksand", sans-serif;
    --tz-body-font: "Quicksand", sans-serif;
    --tz-prime-c: #4169E1;
    --cube-1: cubic-bezier(0.55, 0.085, 0, 0.99);
    --cube-2: all .25s cubic-bezier(.645, .045, .355, 1);
    --cube-3: cubic-bezier(0.25, 1, 0.5, 1);
}

@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
    }
    51% {
        opacity: 1;
    }
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000
}
@keyframes toLeftFromRight {
    49% {
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
    }
    51% {
        opacity: 1;
    }
}

.tz-header-section {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    position: absolute;
}

.tz-header-section .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.tz-header-section .dropdown {
    position: relative;
    padding-right: 16px;
}

.tz-header-section .dropdown:after {
    top: 3px;
    right: 0px;
    content: "\f107";
    font-size: 14px;
    font-weight: 700;
    font-weight: 900;
    position: absolute;
    color: #000;
    font-family: "Font Awesome 6 Free";
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.tz-header-section .dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    clip: inherit;
    -webkit-transform: scaleY(1);
    -khtml-transform: scaleY(1);
    transform: scaleY(1);
}

.tz-header-section .dropdown-menu {
    left: 0;
    top: 70px;
    z-index: 100;
    margin: 0px;
    padding: 0;
    height: auto;
    min-width: 270px;
    display: block;
    border: none;
    border-radius: 0;
    position: absolute;
    opacity: 0;
    background: #F2F3F4;
    border-radius: 5px;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    text-align: left;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 1px 4px 1px 1px var(--tz-prime-c);
    box-shadow: 1px 4px 1px 1px var(--tz-prime-c);
}

.tz-header-section .dropdown-menu .dropdown {
    padding-right: 0;
}

.tz-header-section .dropdown-menu .dropdown-menu {
    top: 0px !important;
    left: 100%;
    transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    -webkit-transform: scaleY(0) !important;
    transform: scaleY(0) !important;
}

.tz-header-section .dropdown-menu .dropdown-menu a {
    font-size: 14px;
    font-weight: 500;
}

.tz-header-section .dropdown-menu li {
    display: block;
    margin: 0 !important;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.tz-header-section .dropdown-menu li:last-child {
    border-bottom: none;
}

.tz-header-section .dropdown-menu li:before {
    display: none;
}

.tz-header-section .dropdown-menu li:after {
    top: 15px;
    right: 15px;
    color: var(--tz-title-color);
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.tz-header-section .dropdown-menu li.dropdown:hover:after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.tz-header-section .dropdown-menu li.dropdown:hover .dropdown-menu {
    top: 0;
    -webkit-transform: scaleY(1) !important;
    transform: scaleY(1) !important;
}

.tz-header-section .dropdown-menu li.dropdown:before {
    color: var(--tz-title-color);
    top: 10px;
    right: 15px;
}

.tz-header-section .dropdown-menu li:hover:before {
    color: #fff !important;
}

.tz-header-section .dropdown-menu a {
    width: 100%;
    line-height: 1;
    position: relative;
    display: inline-block !important;
    padding: 18px 0px 18px 20px !important;
    font-weight: 500 !important;
    font-size: 17px !important;
}

.tz-header-section .dropdown-menu a:before {
    top: 0px;
    left: 0px;
    content: "";
    width: 0px;
    height: 0%;
    position: absolute;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: var(--tz-prime-c);
}

.tz-header-section .dropdown-menu a:hover:before,
.tz-header-section .dropdown-menu a.active:before {
    width: 6px;
    height: 100%;
}

.tz-header-section:is(.txa_sticky_header) {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
    z-index: 8;
}

.tz-header-section:is(.txa_sticky_header):is(.txa_sticky) {
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%);
}

.tz-header-section:is(.txa_sticky_header):is(.txa_sticky):is(.txa_sticky_show) {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.tz-header-section:is(.header_style_one) .tz-header-top {
    color: #fff;
    padding: 8px 0px;
    background-color: var(--tz-prime-c);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_one) .tz-header-top {
        display: none !important;
    }
}

.tz-header-section:is(.header_style_one) .tz-header-top .tz-top-cta a {
    font-weight: 500;
    margin-right: 30px;
}

.tz-header-section:is(.header_style_one) .tz-header-top .tz-top-cta a i {
    margin-right: 6px;
}

.tz-header-section:is(.header_style_one) .tz-header-top .tz-top-social span {
    font-size: 16px;
    font-weight: 500;
}

.tz-header-section:is(.header_style_one) .tz-header-top .tz-top-social a {
    margin-left: 20px;
}

.tz-header-section:is(.header_style_one) .tz-header-top .tz-top-social a:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.tz-header-section:is(.header_style_one) .tz-header-top .tz-top-social a:first-child {
    margin-left: 10px;
}

.tz-header-section:is(.header_style_one) .tz-main-navigation-area {
    padding: 30px;
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 1px solid var(--tz-prime-c);
    border-top: none;
    -webkit-box-shadow: 0px 8px 30px 0px rgba(31, 21, 63, 0.1019607843);
    box-shadow: 0px 8px 30px 0px rgba(31, 21, 63, 0.1019607843);
    -webkit-box-shadow: 0px 4px 0px 0px var(--tz-prime-c);
    box-shadow: 0px 4px 0px 0px var(--tz-prime-c);
}

@media (max-width: 480px) {
    .tz-header-section:is(.header_style_one) .tz-main-navigation-area {
        padding: 15px 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_one) .main-navigation-cta .main-navigation {
        display: none;
    }
}

.tz-header-section:is(.header_style_one) .main-navigation-cta .main-navigation li {
    margin: 0px 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tz-header-section:is(.header_style_one) .main-navigation-cta .main-navigation li {
        margin: 0px 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tz-header-section:is(.header_style_one) .main-navigation-cta .main-navigation li {
        margin: 0px 15px;
    }
}

.tz-header-section:is(.header_style_one) .main-navigation-cta .main-navigation li a {
    font-size: 18px;
    display: inline;
    font-weight: 600;
    padding-bottom: 50px;
    color: var(--tz-title-color);
}

.tz-header-section:is(.header_style_one) .main-navigation-cta .main-navigation li a.active {
    color: var(--tz-prime-c);
}

.tz-header-section:is(.header_style_one) .header-action {
    gap: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_one) .header-action {
        gap: 20px;
    }
}

.tz-header-section:is(.header_style_one) .header-action .header-cta {
    gap: 14px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_one) .header-action .header-cta {
        display: none !important;
    }
}

.tz-header-section:is(.header_style_one) .header-action .header-cta .item-icon {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #F1ECFF;
}

.tz-header-section:is(.header_style_one) .header-action .header-cta .item-icon i {
    color: var(--tz-prime-c);
}

.tz-header-section:is(.header_style_one) .header-action .header-cta .item-text a,
.tz-header-section:is(.header_style_one) .header-action .header-cta .item-text span {
    display: block;
    white-space: nowrap;
    color: var(--tz-title-color);
}

.tz-header-section:is(.header_style_one) .header-action .header-cta .item-text span {
    font-size: 14px;
}

.tz-header-section:is(.header_style_one) .header-action .header-cta .item-text a {
    font-size: 16px;
    font-weight: 700;
    color: var(--tz-title-color);
}

@media (max-width: 480px) {
    .tz-header-section:is(.header_style_one) .header-cta-btn {
        display: none;
    }
}

.tz-header-section:is(.header_style_one) .header-cta-btn a {
    gap: 12px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100px;
    padding: 12px 23px 12px 25px;
    background-color: var(--tz-prime-c);
}

.tz-header-section:is(.header_style_one) .header-cta-btn a i {
    width: 26px;
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #FFFFFF;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-header-section:is(.header_style_one) .header-cta-btn a:hover {
    background-color: var(--tz-title-color);
}

.tz-header-section:is(.header_style_one) .header-cta-btn a:hover span {
    -webkit-animation: toLeftFromRight 0.5s forwards;
    animation: toLeftFromRight 0.5s forwards;
}

.tz-header-section:is(.header_style_one) .header-cta-btn a:hover i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.tz-header-section:is(.header_style_one):is(.txa_sticky) .tz-header-top {
    display: none !important;
}

.tz-header-section:is(.header_style_two):is(.txa_sticky_show) .tz-main-navigation-wrap {
    padding: 15px 0px;
}

.tz-header-section:is(.header_style_two) .tz-header-top-wrap {
    border-top: 3px solid var(--tz-prime-c);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_two) .tz-header-top-wrap {
        display: none !important;
    }
}

.tz-header-section:is(.header_style_two) .tz-header-top-wrap .tz-header-top {
    margin-top: -4px;
}

.tz-header-section:is(.header_style_two) .tz-header-top-wrap .tz-cta-info a {
    color: #fff;
    font-weight: 700;
    padding: 12px 30px;
    margin-right: 10px;
    background-color: var(--tz-prime-c);
    clip-path: polygon(0% 0%, 100% 0%, 99.13% 7.143%, 99.13% 7.143%, 98.75% 8.125%, 98.4% 9.333%, 98.082% 10.746%, 97.798% 12.344%, 97.551% 14.109%, 97.344% 16.02%, 97.178% 18.057%, 97.057% 20.2%, 96.982% 22.43%, 96.957% 24.726%, 96.957% 76.19%, 96.957% 76.19%, 96.9% 80.052%, 96.735% 83.716%, 96.471% 87.132%, 96.118% 90.252%, 95.683% 93.026%, 95.176% 95.406%, 94.607% 97.342%, 93.983% 98.786%, 93.314% 99.688%, 92.609% 100%, 7.391% 100%, 7.391% 100%, 6.686% 99.688%, 6.017% 98.786%, 5.393% 97.342%, 4.824% 95.406%, 4.317% 93.026%, 3.882% 90.252%, 3.529% 87.132%, 3.265% 83.716%, 3.1% 80.052%, 3.043% 76.19%, 3.043% 24.727%, 3.043% 24.727%, 3.018% 22.43%, 2.943% 20.2%, 2.822% 18.057%, 2.656% 16.02%, 2.449% 14.109%, 2.202% 12.345%, 1.918% 10.746%, 1.6% 9.333%, 1.249% 8.125%, 0.87% 7.143%, 0% 0%);
}

.tz-header-section:is(.header_style_two) .tz-header-top-wrap .tz-cta-info a i {
    margin-right: 6px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_two) .tz-header-top-wrap .tz-cta-info a {
        padding: 12px 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_two) .tz-header-top-wrap .tz-cta-info a {
        font-size: 12px;
        margin-right: 0px;
    }
}

.tz-header-section:is(.header_style_two) .tz-header-top-wrap .tz-social-info {
    padding: 10px 18px;
    background-color: var(--tz-prime-c);
    clip-path: polygon(0% 0%, 100% 0%, 99.13% 7.143%, 99.13% 7.143%, 98.75% 8.125%, 98.4% 9.333%, 98.082% 10.746%, 97.798% 12.344%, 97.551% 14.109%, 97.344% 16.02%, 97.178% 18.057%, 97.057% 20.2%, 96.982% 22.43%, 96.957% 24.726%, 96.957% 76.19%, 96.957% 76.19%, 96.9% 80.052%, 96.735% 83.716%, 96.471% 87.132%, 96.118% 90.252%, 95.683% 93.026%, 95.176% 95.406%, 94.607% 97.342%, 93.983% 98.786%, 93.314% 99.688%, 92.609% 100%, 7.391% 100%, 7.391% 100%, 6.686% 99.688%, 6.017% 98.786%, 5.393% 97.342%, 4.824% 95.406%, 4.317% 93.026%, 3.882% 90.252%, 3.529% 87.132%, 3.265% 83.716%, 3.1% 80.052%, 3.043% 76.19%, 3.043% 24.727%, 3.043% 24.727%, 3.018% 22.43%, 2.943% 20.2%, 2.822% 18.057%, 2.656% 16.02%, 2.449% 14.109%, 2.202% 12.345%, 1.918% 10.746%, 1.6% 9.333%, 1.249% 8.125%, 0.87% 7.143%, 0% 0%);
}

.tz-header-section:is(.header_style_two) .tz-header-top-wrap .tz-social-info a {
    color: #fff;
    margin: 0px 8px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_two) .tz-header-top-wrap .tz-social-info a {
        font-size: 12px;
        margin: 0px 3px;
    }
}

.tz-header-section:is(.header_style_two) .tz-header-top-wrap .tz-social-info a:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.tz-header-section:is(.header_style_two) .tz-main-navigation-wrap {
    padding: 10px 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_two) .tz-main-navigation-wrap {
        padding: 20px 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_two) .main-navigation-cta .main-navigation {
        display: none;
    }
}

.tz-header-section:is(.header_style_two) .main-navigation-cta .main-navigation li {
    margin: 0px 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tz-header-section:is(.header_style_two) .main-navigation-cta .main-navigation li {
        margin: 0px 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tz-header-section:is(.header_style_two) .main-navigation-cta .main-navigation li {
        margin: 0px 15px;
    }
}

.tz-header-section:is(.header_style_two) .main-navigation-cta .main-navigation li a {
    font-size: 18px;
    display: inline;
    font-weight: 600;
    padding-bottom: 50px;
    color: var(--tz-title-color);
}

.tz-header-section:is(.header_style_two) .main-navigation-cta .main-navigation li a.active {
    color: var(--tz-prime-c);
}

.tz-header-section:is(.header_style_two) .main-navigation-cta .main-navigation .dropdown-menu {
    top: 65px;
}

.tz-header-section:is(.header_style_two) .header-action {
    gap: 20px;
}

@media (max-width: 480px) {
    .tz-header-section:is(.header_style_two) .header-action .header-cta-btn {
        display: none !important;
    }
}

.tz-header-section:is(.header_style_two) .header-action .header-cta-btn a {
    color: #fff;
    font-weight: 700;
    padding: 13px 30px;
    border-radius: 100px;
    background-color: var(--tz-prime-c);
}

.tz-header-section:is(.header_style_two) .header-action .header-cta-btn a:hover {
    background-color: var(--tz-title-color);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_two) .header-action .offcanvas-trigger {
        display: none !important;
    }
}

.tz-header-section:is(.header_style_two) .header-action .offcanvas-trigger button {
    width: 50px;
    border: none;
    height: 50px;
    border-radius: 100%;
    background-color: #F6F6F6;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-header-section:is(.header_style_two) .header-action .offcanvas-trigger button span {
    width: 14px;
    height: 2px;
    display: block;
    margin: 0 auto;
    margin: 3px auto;
    border-radius: 100px;
    background-color: var(--tz-prime-c);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-header-section:is(.header_style_two) .header-action .offcanvas-trigger button:hover {
    background-color: var(--tz-prime-c);
}

.tz-header-section:is(.header_style_two) .header-action .offcanvas-trigger button:hover span {
    background-color: #fff;
}

.tz-header-section:is(.header_style_two):is(.txa_sticky_header) {
    background-color: #fff;
}

.tz-header-section:is(.header_style_two):is(.txa_sticky) .tz-header-top-wrap {
    display: none;
}

.tz-header-section:is(.header_style_two):is(.txa_sticky) .main-navigation-cta .main-navigation .dropdown-menu {
    top: 55px;
}

.tz-header-section:is(.header_style_three) {
    background-color: #fff;
}

.tz-header-section:is(.header_style_three) .tz-header-top-wrap {
    margin: 5px;
    padding: 8px 0px;
    border-radius: 5px;
    background-color: var(--tz-prime-c);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_three) .tz-header-top-wrap {
        display: none !important;
    }
}

.tz-header-section:is(.header_style_three) .tz-header-top-wrap .tz-header-top .tz-cta-info a {
    color: #fff;
    font-weight: 500;
    margin-right: 60px;
    position: relative;
}

.tz-header-section:is(.header_style_three) .tz-header-top-wrap .tz-header-top .tz-cta-info a:before {
    top: 2px;
    right: -35px;
    width: 1px;
    content: "";
    height: 20px;
    position: absolute;
    background-color: #926FFD;
}

.tz-header-section:is(.header_style_three) .tz-header-top-wrap .tz-header-top .tz-cta-info a:last-child {
    margin-right: 0;
}

.tz-header-section:is(.header_style_three) .tz-header-top-wrap .tz-header-top .tz-cta-info a:last-child:before {
    display: none;
}

.tz-header-section:is(.header_style_three) .tz-header-top-wrap .tz-header-top .tz-cta-info a i {
    margin-right: 5px;
}

.tz-header-section:is(.header_style_three) .tz-header-top-wrap .tz-header-top .tz-social-info {
    color: #fff;
}

.tz-header-section:is(.header_style_three) .tz-header-top-wrap .tz-header-top .tz-social-info span {
    font-weight: 500;
}

.tz-header-section:is(.header_style_three) .tz-header-top-wrap .tz-header-top .tz-social-info a {
    margin-left: 20px;
}

.tz-header-section:is(.header_style_three) .tz-header-top-wrap .tz-header-top .tz-social-info a:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.tz-header-section:is(.header_style_three) .tz-header-navigation-wrap {
    padding: 25px 0px;
    background-color: #05091A;
}

@media (max-width: 767px) {
    .tz-header-section:is(.header_style_three) .tz-header-navigation-wrap {
        padding: 18px 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_three) .tz-main-navigation .main-navigation {
        display: none;
    }
}

.tz-header-section:is(.header_style_three) .tz-main-navigation .main-navigation li {
    margin: 0px 34px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tz-header-section:is(.header_style_three) .tz-main-navigation .main-navigation li {
        margin: 0px 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tz-header-section:is(.header_style_three) .tz-main-navigation .main-navigation li {
        margin: 0px 15px;
    }
}

.tz-header-section:is(.header_style_three) .tz-main-navigation .main-navigation li a {
    color: #fff;
    font-size: 16px;
    display: inline;
    font-weight: 600;
    padding-bottom: 50px;
}

.tz-header-section:is(.header_style_three) .tz-main-navigation .main-navigation li a.active {
    color: var(--tz-prime-c);
}

.tz-header-section:is(.header_style_three) .tz-main-navigation .main-navigation .dropdown:after {
    color: #fff;
}

.tz-header-section:is(.header_style_three) .tz-main-navigation .main-navigation .dropdown-menu {
    top: 65px;
    background-color: #05091A;
}

.tz-header-section:is(.header_style_three) .header-action {
    gap: 10px;
}

@media (max-width: 480px) {
    .tz-header-section:is(.header_style_three) .header-action .header-cta-btn {
        display: none;
    }
}

.tz-header-section:is(.header_style_three) .header-action .header-cta-btn a {
    gap: 12px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100px;
    padding: 12px 23px 12px 25px;
    background-color: var(--tz-prime-c);
}

.tz-header-section:is(.header_style_three) .header-action .header-cta-btn a i {
    width: 26px;
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #FFFFFF;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-header-section:is(.header_style_three) .header-action .header-cta-btn a:hover {
    background-color: #fff;
}

.tz-header-section:is(.header_style_three) .header-action .header-cta-btn a:hover span {
    color: var(--tz-title-color);
    -webkit-animation: toLeftFromRight 0.5s forwards;
    animation: toLeftFromRight 0.5s forwards;
}

.tz-header-section:is(.header_style_three) .header-action .header-cta-btn a:hover i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: var(--tz-title-color);
    border: 1px solid var(--tz-title-color);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_three) .header-action .offcanvas-trigger {
        display: none !important;
    }
}

.tz-header-section:is(.header_style_three) .header-action .offcanvas-trigger button {
    width: 50px;
    border: none;
    height: 50px;
    border-radius: 100%;
    background-color: #fff;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-header-section:is(.header_style_three) .header-action .offcanvas-trigger button span {
    width: 14px;
    height: 2px;
    display: block;
    margin: 0 auto;
    margin: 3px auto;
    border-radius: 100px;
    background-color: var(--tz-prime-c);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-header-section:is(.header_style_three) .header-action .offcanvas-trigger button:hover {
    background-color: var(--tz-prime-c);
}

.tz-header-section:is(.header_style_three) .header-action .offcanvas-trigger button:hover span {
    background-color: #fff;
}

.tz-header-section:is(.header_style_three) .tz-mobile-btn-trigger span {
    background-color: #fff;
}

.tz-header-section:is(.header_style_three):is(.txa_sticky) .tz-header-top-wrap {
    display: none;
}

.tz-header-section:is(.header_style_four) {
    margin: 0 auto;
    max-width: 1920px;
    padding-bottom: 8px;
    background-color: #fff;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_four) {
        padding-bottom: 0;
    }
}

.tz-header-section:is(.header_style_four):before {
    right: 0;
    top: -8px;
    z-index: -1;
    width: 100%;
    content: "";
    height: 102%;
    position: absolute;
    background-color: var(--tz-prime-c);
    clip-path: polygon(68.385% 28.125%, 70.701% 0%, 100% 0%, 100% 100%, 72.264% 100%, 72.264% 100%, 72.01% 99.755%, 71.77% 99.044%, 71.545% 97.907%, 71.341% 96.382%, 71.159% 94.508%, 71.002% 92.324%, 70.875% 89.867%, 70.781% 87.177%, 70.721% 84.291%, 70.701% 81.25%, 70.701% 53.125%, 70.701% 53.125%, 70.674% 49.07%, 70.595% 45.223%, 70.468% 41.636%, 70.299% 38.36%, 70.091% 35.447%, 69.848% 32.949%, 69.575% 30.915%, 69.276% 29.4%, 68.956% 28.452%, 68.618% 28.125%, 68.385% 28.125%);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tz-header-section:is(.header_style_four):before {
        width: 90%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_four):before {
        display: none;
    }
}

.tz-header-section:is(.header_style_four):after {
    left: 0;
    z-index: -1;
    bottom: 8px;
    width: 70.9%;
    height: 68%;
    content: "";
    position: absolute;
    background-color: #ECE9F6;
    clip-path: polygon(0% 0%, 96.538% 0%, 96.538% 0%, 96.956% 0.428%, 97.352% 1.668%, 97.721% 3.651%, 98.058% 6.311%, 98.358% 9.581%, 98.615% 13.392%, 98.825% 17.678%, 98.981% 22.371%, 99.078% 27.404%, 99.112% 32.71%, 99.112% 81.783%, 99.112% 81.783%, 99.122% 84.077%, 99.152% 86.314%, 99.201% 88.475%, 99.268% 90.543%, 99.352% 92.5%, 99.452% 94.328%, 99.568% 96.01%, 99.699% 97.528%, 99.843% 98.864%, 100% 100%, 100% 100%, 97.813% 100%, 0% 100%, 0% 0%);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_four):after {
        display: none;
    }
}

.tz-header-section:is(.header_style_four) .tz-header-top {
    z-index: 2;
    color: #fff;
    padding: 8px 0px;
    position: relative;
    background-color: var(--tz-prime-c);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_four) .tz-header-top {
        display: none !important;
    }
}

.tz-header-section:is(.header_style_four) .tz-header-top .tz-top-cta a {
    font-weight: 500;
    margin-right: 30px;
}

.tz-header-section:is(.header_style_four) .tz-header-top .tz-top-cta a i {
    margin-right: 6px;
}

.tz-header-section:is(.header_style_four) .tz-header-top .tz-top-social span {
    font-size: 16px;
    font-weight: 500;
}

.tz-header-section:is(.header_style_four) .tz-header-top .tz-top-social a {
    margin-left: 20px;
}

.tz-header-section:is(.header_style_four) .tz-header-top .tz-top-social a:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.tz-header-section:is(.header_style_four) .tz-header-top .tz-top-social a:first-child {
    margin-left: 10px;
}

.tz-header-section:is(.header_style_four) .tz-main-navigation-area {
    gap: 15px 20px;
}

.tz-header-section:is(.header_style_four) .tz-main-navigation-wrap {
    z-index: 1;
    position: relative;
    padding: 34px 0px 28px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_four) .tz-main-navigation-wrap {
        padding: 15px 0px;
    }
}

.tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .main-navigation-cta {
    gap: 15px 55px;
}

@media only screen and (min-width: 1600px) and (max-width: 1799px),
only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .main-navigation-cta {
        gap: 15px 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .main-navigation-cta .main-navigation {
        display: none;
    }
}

.tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .main-navigation-cta .main-navigation li {
    margin: 0px 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .main-navigation-cta .main-navigation li {
        margin: 0px 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .main-navigation-cta .main-navigation li {
        margin: 0px 10px;
    }
}

.tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .main-navigation-cta .main-navigation li a {
    font-size: 18px;
    display: inline;
    font-weight: 600;
    padding-bottom: 50px;
    color: var(--tz-title-color);
}

.tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .main-navigation-cta .main-navigation li a.active {
    color: var(--tz-prime-c);
}

.tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .main-navigation-cta .header-cta {
    gap: 14px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .main-navigation-cta .header-cta {
        display: none !important;
    }
}

.tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .main-navigation-cta .header-cta .item-icon {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: var(--tz-prime-c);
}

.tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .main-navigation-cta .header-cta .item-icon i {
    color: #fff;
}

.tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .main-navigation-cta .header-cta .item-text a,
.tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .main-navigation-cta .header-cta .item-text span {
    display: block;
    white-space: nowrap;
    color: var(--tz-title-color);
}

.tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .main-navigation-cta .header-cta .item-text span {
    font-weight: 500;
    font-size: 14px;
}

.tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .main-navigation-cta .header-cta .item-text a {
    font-size: 16px;
    font-weight: 700;
    color: var(--tz-title-color);
}

.tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .header-action {
    gap: 10px;
}

@media (max-width: 480px) {
    .tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .header-action .header-cta-btn {
        display: none;
    }
}

.tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .header-action .header-cta-btn a {
    font-weight: 700;
    padding: 16px 40px;
    border-radius: 100px;
    white-space: nowrap;
    background-color: #fff;
    color: var(--tz-prime-c);
}

.tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .header-action .header-cta-btn a:hover {
    color: #fff;
    background-color: #000;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .header-action .header-cta-btn a {
        color: #fff;
        padding: 16px 30px;
        background-color: var(--tz-prime-c);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .header-action .offcanvas-trigger {
        display: none !important;
    }
}

.tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .header-action .offcanvas-trigger button {
    width: 55px;
    border: none;
    height: 55px;
    border-radius: 100%;
    background-color: #fff;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .header-action .offcanvas-trigger button {
        background-color: var(--tz-prime-c);
    }
}

.tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .header-action .offcanvas-trigger button span {
    width: 14px;
    height: 2px;
    display: block;
    margin: 0 auto;
    margin: 3px auto;
    border-radius: 100px;
    background-color: var(--tz-prime-c);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .header-action .offcanvas-trigger button span {
        background-color: #fff;
    }
}

.tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .header-action .offcanvas-trigger button:hover {
    background-color: var(--tz-title-color);
}

.tz-header-section:is(.header_style_four) .tz-main-navigation-wrap .header-action .offcanvas-trigger button:hover span {
    background-color: #fff;
}

.tz-header-section:is(.header_style_four):is(.txa_sticky):before,
.tz-header-section:is(.header_style_four):is(.txa_sticky):after {
    display: none;
}

.tz-header-section:is(.header_style_four):is(.txa_sticky) .tz-header-top {
    display: none;
}

.tz-header-section:is(.header_style_four):is(.txa_sticky) .tz-main-navigation-wrap {
    padding: 20px 0px 12px;
}

.tz-header-section:is(.header_style_five) {
    padding-top: 30px;
}

.tz-header-section:is(.header_style_five) .tz-header-content {
    border-radius: 10px;
    border: 6px solid var(--tz-prime-c);
}

.tz-header-section:is(.header_style_five) .tz-header-top {
    padding: 0px 40px;
    border-radius: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_five) .tz-header-top {
        display: none;
    }
}

.tz-header-section:is(.header_style_five) .tz-top-cta-area {
    gap: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_five) .tz-top-cta-area {
        gap: 50px;
    }
}

.tz-header-section:is(.header_style_five) .tz-header-top {
    background-color: #fff;
}

.tz-header-section:is(.header_style_five) .tz-top-cta-item {
    gap: 15px;
    padding: 28px 0px;
    position: relative;
}

.tz-header-section:is(.header_style_five) .tz-top-cta-item:before {
    top: 0;
    width: 1px;
    content: "";
    right: -45px;
    height: 100%;
    position: absolute;
    background-color: #E8E2FC;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_five) .tz-top-cta-item:before {
        display: none;
    }
}

.tz-header-section:is(.header_style_five) .tz-top-cta-item:last-child:before {
    display: none;
}

.tz-header-section:is(.header_style_five) .tz-top-cta-item .item-icon {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    color: var(--tz-prime-c);
    background-color: #ECE6FE;
}

.tz-header-section:is(.header_style_five) .tz-top-cta-item .item-text h3 {
    color: #878D97;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
}

.tz-header-section:is(.header_style_five) .tz-top-cta-item .item-text a {
    font-size: 18px;
    font-weight: 600;
    color: var(--tz-title-color);
}

.tz-header-section:is(.header_style_five) .tz-main-navigation-wrap {
    padding: 5px 30px 0px 5px;
    background-color: var(--tz-prime-c);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_five) .tz-main-navigation-wrap {
        padding: 10px 5px 7px 5px;
    }
}

.tz-header-section:is(.header_style_five) .tz-main-navigation-wrap .brand-logo {
    display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_five) .tz-main-navigation-wrap .brand-logo {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_five) .tz-main-navigation-wrap .main-navigation {
        display: none;
    }
}

.tz-header-section:is(.header_style_five) .tz-main-navigation-wrap .main-navigation li {
    margin: 0px 34px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tz-header-section:is(.header_style_five) .tz-main-navigation-wrap .main-navigation li {
        margin: 0px 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tz-header-section:is(.header_style_five) .tz-main-navigation-wrap .main-navigation li {
        margin: 0px 15px;
    }
}

.tz-header-section:is(.header_style_five) .tz-main-navigation-wrap .main-navigation li a {
    color: #fff;
    font-size: 16px;
    display: inline;
    font-weight: 600;
    padding-bottom: 50px;
}

.tz-header-section:is(.header_style_five) .tz-main-navigation-wrap .main-navigation li a.active {
    font-weight: 800;
}

.tz-header-section:is(.header_style_five) .tz-main-navigation-wrap .main-navigation .dropdown:after {
    color: #fff;
}

.tz-header-section:is(.header_style_five) .tz-main-navigation-wrap .main-navigation .dropdown-menu {
    top: 40px;
    background-color: #05091A;
}

.tz-header-section:is(.header_style_five) .tz-main-navigation-wrap .header-action {
    gap: 10px;
}

@media (max-width: 480px) {
    .tz-header-section:is(.header_style_five) .tz-main-navigation-wrap .header-cta-btn {
        display: none;
    }
}

.tz-header-section:is(.header_style_five) .tz-main-navigation-wrap .header-cta-btn a {
    font-weight: 600;
    padding: 8px 25px;
    border-radius: 100px;
    background-color: #fff;
    color: var(--tz-prime-c);
}

.tz-header-section:is(.header_style_five) .tz-main-navigation-wrap .header-cta-btn a:hover {
    color: #fff;
    background-color: #000;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-header-section:is(.header_style_five) .tz-main-navigation-wrap .offcanvas-trigger {
        display: none !important;
    }
}

.tz-header-section:is(.header_style_five) .tz-main-navigation-wrap .offcanvas-trigger button {
    width: 40px;
    border: none;
    height: 40px;
    border-radius: 100%;
    background-color: #fff;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-header-section:is(.header_style_five) .tz-main-navigation-wrap .offcanvas-trigger button span {
    width: 14px;
    height: 2px;
    display: block;
    margin: 0 auto;
    margin: 3px auto;
    border-radius: 100px;
    background-color: var(--tz-prime-c);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-header-section:is(.header_style_five) .tz-main-navigation-wrap .offcanvas-trigger button:hover {
    background-color: var(--tz-title-color);
}

.tz-header-section:is(.header_style_five) .tz-main-navigation-wrap .offcanvas-trigger button:hover span {
    background-color: #fff;
}

.tz-header-section:is(.header_style_five) .tz-main-navigation-wrap .tz-mobile-btn-trigger span {
    background-color: #fff;
}

.tz-mobile-btn-trigger {
    padding: 0;
    padding: 0;
    border: none;
    display: none;
    background-color: transparent;
}

.tz-mobile-btn-trigger span {
    width: 30px;
    height: 2px;
    display: block;
    margin-bottom: 5px;
    background-color: #000;
}

.tz-mobile-btn-trigger span:nth-child(2) {
    width: 25px;
}

.tz-mobile-btn-trigger span:last-child {
    width: 20px;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-mobile-btn-trigger {
        display: block;
    }
}

/*// Mobile Menu style*/

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

.mobile_logo {
    top: 10px;
    left: 15px;
    display: none;
    position: absolute;
}

.mobile_menu_content {
    top: 0px;
    bottom: 0;
    left: -350px;
    height: 100vh;
    z-index: 101;
    position: fixed;
    width: 310px;
    overflow-y: scroll;
    background-color: #0f0d0d;
    padding: 20px 35px 35px 35px;
    -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
    box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.mobile_menu_content .mobile-main-navigation {
    width: 100%;
}

.mobile_menu_content .mobile-main-navigation .navbar-nav {
    width: 100%;
}

.mobile_menu_content .dropdown:after {
    display: none;
}

.mobile_menu_content .navbar-nav .dropdown-menu {
    position: static !important;
    -webkit-transform: none !important;
    transform: none !important;
}

.mobile_menu_content .mobile-main-navigation .navbar-nav li {
    width: 100%;
    display: block;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.mobile_menu_content .mobile-main-navigation .navbar-nav li a {
    padding: 0;
    width: 100%;
    color: #fff;
    display: block;
    font-weight: 600;
    font-size: 14px;
    font-family: var(--heading);
    text-transform: uppercase;
    padding: 10px 30px 10px 0;
}

.mobile_menu_content .m-brand-logo {
    width: 120px;
    margin: 50px auto;
}

.mobile_menu_wrap.mobile_menu_on .mobile_menu_content {
    left: 0px;
    -webkit-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}

.mobile_menu_overlay {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    right: 0%;
    height: 120vh;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.mobile_menu_overlay_on {
    overflow: hidden;
}

.mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
    opacity: 1;
    visibility: visible;
}

.mobile_menu_button {
    right: 0px;
    z-index: 5;
    padding: 0;
    border: none;
    display: none;
    font-size: 24px;
    cursor: pointer;
    margin-left: 20px;
    line-height: 38px;
    text-align: center;
    background-color: transparent;
}

.mobile_menu_button span {
    width: 30px;
    height: 2px;
    display: block;
    margin-bottom: 5px;
    background-color: #000;
}

.mobile_menu_button span:nth-child(2) {
    width: 25px;
}

.mobile_menu_button span:last-child {
    width: 20px;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .mobile_menu_button {
        display: block;
    }
}

.mobile_menu .mobile-main-navigation .navbar-nav li a:after {
    display: none;
}

.mobile_menu .mobile-main-navigation .dropdown>.dropdown-menu {
    opacity: 1;
    visibility: visible;
}

.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu {
    border: none;
    display: none;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px 0px;
    width: 100%;
    background-color: transparent;
}

.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li {
    border: none;
    padding: 0 10px;
    line-height: 1;
}

.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li:hover {
    background-color: transparent;
}

.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a {
    color: #fff !important;
}

.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a:hover {
    color: var(--tz-prime-c);
    background-color: transparent;
}

.mobile_menu .dropdown {
    position: relative;
}

.mobile_menu .dropdown .dropdown-btn {
    color: #9397a7;
    position: absolute;
    top: 0px;
    right: 0;
    cursor: pointer;
    width: 35px;
    font-size: 16px;
    height: 32px;
    border-radius: 5px;
    padding: 5px 10px;
    background-color: #1c1c1c;
}

.mobile_menu .dropdown .dropdown-btn.toggle-open {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mobile_menu .mobile_menu_close {
    top: 25px;
    right: 25px;
    cursor: pointer;
    color: #d60606;
    font-size: 20px;
    position: absolute;
}

.mobile_menu .mobile-search-bar {
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 40px;
}

.mobile_menu .mobile-search-bar input {
    color: #fff;
    width: 100%;
    height: 50px;
    border: none;
    font-size: 14px;
    padding-left: 15px;
    border-radius: 5px;
    border-bottom: none;
    background-color: #2d2d2d;
}

.mobile_menu .mobile-search-bar input::-webkit-input-placeholder {
    color: #fff;
    font-size: 14px;
}

.mobile_menu .mobile-search-bar input::-moz-placeholder {
    color: #fff;
    font-size: 14px;
}

.mobile_menu .mobile-search-bar input:-ms-input-placeholder {
    color: #fff;
    font-size: 14px;
}

.mobile_menu .mobile-search-bar input::-ms-input-placeholder {
    color: #fff;
    font-size: 14px;
}

.mobile_menu .mobile-search-bar input::placeholder {
    color: #fff;
    font-size: 14px;
}

.mobile_menu .mobile-search-bar button {
    top: 0;
    right: 0;
    color: #fff;
    padding: 0;
    width: 50px;
    height: 50px;
    border: none;
    position: absolute;
    background-color: var(--tz-prime-c);
}

.mobile_menu .ptx-mobile-header-social {
    margin-top: 40px;
}

.mobile_menu .ptx-mobile-header-social a {
    color: #fff;
    margin: 0px 8px;
    font-size: 15px;
}

.mobile_menu .ptx-mobile-header-social a:hover {
    color: #4400E7;
}

/*// off canvas style*/

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

.sidebar-info-contents {
    position: relative;
}

.sidebar-info-contents .content-inner {
    position: relative;
}

.sidebar-info-contents .content-inner .logo {
    padding-bottom: 20px;
    max-width: 180px;
}

.sidebar-info-contents .content-inner .logo img {
    display: inline-block;
    max-width: 100%;
}

.sidebar-info-contents .content-inner .content-box {
    position: relative;
    margin-top: 50px;
}

.sidebar-info-contents .content-inner h5 {
    color: #fff;
    font-weight: 700;
    margin: 25px 0px 15px;
}

.sidebar-info-contents .content-inner .content-box .text {
    color: #fff;
    margin-bottom: 35px;
}

.sidebar-info-contents .content-inner .social-box {
    position: relative;
    margin-top: 0px;
    padding-left: 0;
    margin-bottom: 30px;
}

.sidebar-info-contents .content-inner .social-box li {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.sidebar-info-contents .content-inner .social-box li a {
    position: relative;
    width: 36px;
    height: 36px;
    color: #fff;
    z-index: 1;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar-info-contents .content-inner .social-box li a:hover {
    color: #fff;
    background-color: var(--tz-prime-c);
}

.close-side-widget,
.close-side-widget:hover {
    color: #fff !important;
    font-size: 24px;
}

.xs-sidebar-group .xs-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    position: fixed;
    pointer-events: none;
}

.xs-sidebar-group .xs-overlay .loader-area {
    height: 100vh;
}

.xs-sidebar-group.info-group .xs-overlay {
    z-index: 10;
}

.xs-sidebar-group .preloader-wrap {
    padding: 0px;
}

.xs-sidebar-group .loader-area {
    height: 100vh;
}

.xs-sidebar-group.info-group.isActive .preloader-wrap .loader-bg {
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-transition: 800ms all cubic-bezier(0.77, 0, 0.175, 1);
    transition: 800ms all cubic-bezier(0.77, 0, 0.175, 1);
}

.xs-sidebar-group.info-group .preloader-wrap .loader-bg {
    left: 0;
    width: 0;
    opacity: 0;
    opacity: 0.95;
    height: 100%;
    -webkit-transition: 800ms all cubic-bezier(0.1, 0.1, 0.1, 1);
    transition: 800ms all cubic-bezier(0.1, 0.1, 0.1, 1);
}

.xs-sidebar-group .widget-heading {
    position: absolute;
    top: 0;
    right: 0;
    padding: 25px;
}

.xs-sidebar-widget {
    position: fixed;
    right: -100%;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 360px;
    z-index: 20;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: var(--tz-title-color);
    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    visibility: hidden;
    opacity: 0;
}

.xs-sidebar-group.isActive .xs-sidebar-widget {
    opacity: 1;
    visibility: visible;
    right: 0;
    -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
    transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}

.sidebar-textwidget {
    padding: 40px 30px;
}

.close-side-widget {
    z-index: 2;
    color: #1768dd;
    display: block;
    position: relative;
    font-size: 15px;
}

.sidebar-widget-container {
    position: relative;
    top: 150px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in 0.3s;
    transition: all 0.3s ease-in 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.xs-sidebar-group.isActive .sidebar-widget-container {
    top: 0px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 1s ease-out 1.2s;
    transition: all 1s ease-out 1.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.sidebar-info-contents .gallery-box li a {
    width: 80px;
    display: block;
    height: 80px;
    margin-bottom: 5px;
    position: relative;
}

.sidebar-info-contents .gallery-box li a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.sidebar-info-contents .gallery-box li a:before {
    top: 0;
    left: 0;
    width: 0%;
    content: "";
    height: 100%;
    position: absolute;
    -webkit-transition: 500ms all ease;
    transition: 500ms all ease;
    background-color: rgb(0, 0, 0);
}

.sidebar-info-contents .gallery-box li a:after {
    left: 0;
    right: 0;
    top: 40%;
    opacity: 0;
    color: #fff;
    font-size: 18px;
    content: "\f066";
    font-weight: 900;
    text-align: center;
    position: absolute;
    -webkit-transition: 500ms all ease;
    transition: 500ms all ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "Font Awesome 5 free";
}

.sidebar-info-contents .gallery-box li a:hover:before {
    width: 100%;
}

.sidebar-info-contents .gallery-box li a:hover:after {
    top: 50%;
    opacity: 1;
}

/*global area*/

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

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: inherit;
    }
}

.tz-one-page {
    scroll-behavior: smooth;
}
p{
    color: #111;
    font-size: 15px;
    line-height: 1.4;
}

body {
    margin: 0;
    padding: 0;
    z-index: 1;
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto;
    line-height: 1.555;
    position: relative;
    overflow-x: hidden;
    color: var(--tz-body-color);
    font-family: var(--tz-body-font);
    background-color: #fff;
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

body .container {
    max-width: 1314px;
}

body .mfp-iframe-holder .mfp-close {
    right: 0;
    padding: 0;
    top: -40px;
    width: 40px;
    height: 40px;
    text-align: center;
    background-size: 200%, 1px;
}

body button.mfp-close {
    right: 0;
    padding: 0;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    background-size: 200%, 1px;
}

body:is(.ver_2) .container {
    max-width: 1428px;
}

body:is(.ver_3) .container {
    max-width: 1444px;
}

body::-webkit-scrollbar {
    width: 6px;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    outline: none;
    border-radius: 0px;
    background-size: 200%, 1px;
    background-color: var(--tz-prime-c);
}

.ul-li ul {
    margin: 0;
    padding: 0;
}

.ul-li ul li {
    list-style: none;
    display: inline-block;
}

.ul-li-block ul {
    margin: 0;
    padding: 0;
}

.ul-li-block ul li {
    display: block;
    list-style: none;
}


.headline h1,
.headline h2,
.headline h3,
.headline h4,
.headline h5,
.headline h6 {
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.25;
    color: var(--tz-title-color);
    font-family: var(--tz-heading);
}

#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: #fff;
}

#preloader .preloader-logo {
    left: 0;
    top: 50%;
    right: 0;
    text-align: center;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#preloader .preloader-logo img {
    -webkit-animation: TXTImgIn 1500ms ease-in-out infinite;
    animation: TXTImgIn 1500ms ease-in-out infinite;
}

[data-background] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

img {
    max-width: 100%;
    height: auto;
}

button {
    cursor: pointer;
}

.form-control:focus,
button:visited,
button.active,
button:hover,
button:focus,
input:visited,
input.active,
input:hover,
input:focus,
textarea:hover,
textarea:focus,
a:hover,
a:focus,
a.active,
select,
select:hover,
select:focus,
select:visited {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    color: inherit;
}

a,
span {
    display: inline-block;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-transform: inherit;
    text-decoration: none;
    -webkit-transition: inherit;
    transition: inherit;
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: 500ms all ease;
    transition: 500ms all ease;
    font-weight: inherit;
}

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

.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.background_overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.pera-content p {
    margin-bottom: 0;
}

.splitting.animated .char {
    -webkit-animation: fadeInUp 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
    animation: fadeInUp 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
    -webkit-animation-delay: calc(30ms * var(--char-index));
    animation-delay: calc(30ms * var(--char-index));
}

.splitting .whitespace {
    width: 10px;
}

.href-underline a {
    width: 100%;
    display: inline !important;
    background-position-y: -1px;
    background-repeat: no-repeat;
    background-size: 0 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 2px);
    -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.href-underline a:hover {
    color: inherit;
    background-size: 100% 100%;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.tx-tab-btn .nav-tabs .nav-item.show .nav-link,
.tx-tab-btn .nav-tabs .nav-link.active,
.tx-tab-btn .nav-tabs .nav-link {
    border: none;
    padding-top: 0;
    padding-right: 0;
    border-radius: 0;
    margin-bottom: 0;
    cursor: pointer;
    background-color: transparent;
}

.tx-tab-btn .nav-tabs {
    border: none;
}

.tx-tab-btn .nav {
    display: inherit;
}

.tz-section-title {
    z-index: 1;
    position: relative;
}

.tz-section-title .watermark {
    top: -40px;
    left: -50px;
    z-index: -1;
    line-height: 1;
    font-size: 120px;
    font-weight: 800;
    position: absolute;
    display: inline-block;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.12)), color-stop(141.43%, rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 141.43%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 2px rgba(0, 0, 0, 0.0509803922);
    color: transparent;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-section-title .watermark {
        display: none;
    }
}

.tz-section-title .subtitle {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 4px;
    letter-spacing: 1.5px;
    font-family:  "Cookie", cursive;
    color: var(--tz-prime-c);
}

.tz-section-title .sec_title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.223;
    display: inline-block;
    font-family: var(--tz-body-font);
    position: relative;
}
.tz-section-title .sec_title::before {
    width: 50%;
    min-width: 300px;
    height: 2px;
    position: absolute;
    background: var(--theme-color);
    content: "";
    left: 0;
    bottom: -0.5rem;
    border-radius: 0.3rem;
    transform-origin: left center;
    transform: scaleX(0);
    animation-fill-mode: forwards;
}

/* Animation trigger class */
.bouncey-active::before {
    animation: bouncey-line 1s ease-in-out 1 forwards;
}

@keyframes bouncey-line {
    0% {
        transform: translateX(100vw) scaleX(2);
    }
    50% {
        transform: translateX(0) scaleX(0.5);
    }
    to {
        transform: scaleX(1);
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-section-title .sec_title {
        font-size: 35px;
    }
}

@media (max-width: 480px) {
    .tz-section-title .sec_title {
        font-size: 30px;
    }
}

.tz-section-title p {
    padding-top: 15px;
}

.tz-section-title:is(.text-center) .watermark {
    left: 0;
    right: 0;
}

.tz-section-title:is(.text-center) p {
    margin: 0 auto;
    max-width: 565px;
}

.tz-btn-1 a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 30px;
    border-radius: 100px;
    background-color: var(--tz-prime-c);
}

.tz-btn-1 a:hover {
    background-color: var(--tz-title-color);
}

.tz-btn-1 a:hover span {
    -webkit-animation: toLeftFromRight 0.5s forwards;
    animation: toLeftFromRight 0.5s forwards;
}

.tz-pagination li {
    width: 50px;
    height: 50px;
    margin: 0px 2px;
}

.tz-pagination li a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    font-weight: 700;
    border-radius: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #F2F3F4;
}

.tz-pagination li a:hover {
    color: #fff;
    background-color: var(--tz-prime-c);
}

.scrollup {
    width: 55px;
    right: 20px;
    z-index: 5;
    height: 55px;
    bottom: 20px;
    display: none;
    position: fixed;
    border-radius: 100%;
    line-height: 55px;
    background: var(--tz-prime-c);
}

.scrollup i {
    color: #fff;
}

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

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

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-55 {
    margin-top: 55px;
}

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

.mt-65 {
    margin-top: 65px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-75 {
    margin-top: 75px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-85 {
    margin-top: 85px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-95 {
    margin-top: 95px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-105 {
    margin-top: 105px;
}

.mt-110 {
    margin-top: 110px;
}

.mt-115 {
    margin-top: 115px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-125 {
    margin-top: 125px;
}

.mt-130 {
    margin-top: 130px;
}

.mt-135 {
    margin-top: 135px;
}

.mt-140 {
    margin-top: 140px;
}

.mt-145 {
    margin-top: 145px;
}

.mt-150 {
    margin-top: 150px;
}

.mt-155 {
    margin-top: 155px;
}

.mt-160 {
    margin-top: 160px;
}

.mt-165 {
    margin-top: 165px;
}

.mt-170 {
    margin-top: 170px;
}

.mt-175 {
    margin-top: 175px;
}

.mt-180 {
    margin-top: 180px;
}

.mt-185 {
    margin-top: 185px;
}

.mt-190 {
    margin-top: 190px;
}

.mt-195 {
    margin-top: 195px;
}

.mt-200 {
    margin-top: 200px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

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

.mb-35 {
    margin-bottom: 35px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-55 {
    margin-bottom: 55px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-65 {
    margin-bottom: 65px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-75 {
    margin-bottom: 75px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-85 {
    margin-bottom: 85px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-95 {
    margin-bottom: 95px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-105 {
    margin-bottom: 105px;
}

.mb-110 {
    margin-bottom: 110px;
}

.mb-115 {
    margin-bottom: 115px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb-125 {
    margin-bottom: 125px;
}

.mb-130 {
    margin-bottom: 130px;
}

.mb-135 {
    margin-bottom: 135px;
}

.mb-140 {
    margin-bottom: 140px;
}

.mb-145 {
    margin-bottom: 145px;
}

.mb-150 {
    margin-bottom: 150px;
}

.mb-155 {
    margin-bottom: 155px;
}

.mb-160 {
    margin-bottom: 160px;
}

.mb-165 {
    margin-bottom: 165px;
}

.mb-170 {
    margin-bottom: 170px;
}

.mb-175 {
    margin-bottom: 175px;
}

.mb-180 {
    margin-bottom: 180px;
}

.mb-185 {
    margin-bottom: 185px;
}

.mb-190 {
    margin-bottom: 190px;
}

.mb-195 {
    margin-bottom: 195px;
}

.mb-200 {
    margin-bottom: 200px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-35 {
    margin-left: 35px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-45 {
    margin-left: 45px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-55 {
    margin-left: 55px;
}

.ml-60 {
    margin-left: 60px;
}

.ml-65 {
    margin-left: 65px;
}

.ml-70 {
    margin-left: 70px;
}

.ml-75 {
    margin-left: 75px;
}

.ml-80 {
    margin-left: 80px;
}

.ml-85 {
    margin-left: 85px;
}

.ml-90 {
    margin-left: 90px;
}

.ml-95 {
    margin-left: 95px;
}

.ml-100 {
    margin-left: 100px;
}

.ml-105 {
    margin-left: 105px;
}

.ml-110 {
    margin-left: 110px;
}

.ml-115 {
    margin-left: 115px;
}

.ml-120 {
    margin-left: 120px;
}

.ml-125 {
    margin-left: 125px;
}

.ml-130 {
    margin-left: 130px;
}

.ml-135 {
    margin-left: 135px;
}

.ml-140 {
    margin-left: 140px;
}

.ml-145 {
    margin-left: 145px;
}

.ml-150 {
    margin-left: 150px;
}

.ml-155 {
    margin-left: 155px;
}

.ml-160 {
    margin-left: 160px;
}

.ml-165 {
    margin-left: 165px;
}

.ml-170 {
    margin-left: 170px;
}

.ml-175 {
    margin-left: 175px;
}

.ml-180 {
    margin-left: 180px;
}

.ml-185 {
    margin-left: 185px;
}

.ml-190 {
    margin-left: 190px;
}

.ml-195 {
    margin-left: 195px;
}

.ml-200 {
    margin-left: 200px;
}

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-35 {
    margin-right: 35px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-45 {
    margin-right: 45px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-55 {
    margin-right: 55px;
}

.mr-60 {
    margin-right: 60px;
}

.mr-65 {
    margin-right: 65px;
}

.mr-70 {
    margin-right: 70px;
}

.mr-75 {
    margin-right: 75px;
}

.mr-80 {
    margin-right: 80px;
}

.mr-85 {
    margin-right: 85px;
}

.mr-90 {
    margin-right: 90px;
}

.mr-95 {
    margin-right: 95px;
}

.mr-100 {
    margin-right: 100px;
}

.mr-105 {
    margin-right: 105px;
}

.mr-110 {
    margin-right: 110px;
}

.mr-115 {
    margin-right: 115px;
}

.mr-120 {
    margin-right: 120px;
}

.mr-125 {
    margin-right: 125px;
}

.mr-130 {
    margin-right: 130px;
}

.mr-135 {
    margin-right: 135px;
}

.mr-140 {
    margin-right: 140px;
}

.mr-145 {
    margin-right: 145px;
}

.mr-150 {
    margin-right: 150px;
}

.mr-155 {
    margin-right: 155px;
}

.mr-160 {
    margin-right: 160px;
}

.mr-165 {
    margin-right: 165px;
}

.mr-170 {
    margin-right: 170px;
}

.mr-175 {
    margin-right: 175px;
}

.mr-180 {
    margin-right: 180px;
}

.mr-185 {
    margin-right: 185px;
}

.mr-190 {
    margin-right: 190px;
}

.mr-195 {
    margin-right: 195px;
}

.mr-200 {
    margin-right: 200px;
}

.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-55 {
    padding-top: 55px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-65 {
    padding-top: 65px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-75 {
    padding-top: 75px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-85 {
    padding-top: 85px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-95 {
    padding-top: 95px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-105 {
    padding-top: 105px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-115 {
    padding-top: 115px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-125 {
    padding-top: 125px;
}

.pt-130 {
    padding-top: 130px;
}

.pt-135 {
    padding-top: 135px;
}

.pt-140 {
    padding-top: 140px;
}

.pt-145 {
    padding-top: 145px;
}

.pt-150 {
    padding-top: 150px;
}

.pt-155 {
    padding-top: 155px;
}

.pt-160 {
    padding-top: 160px;
}

.pt-165 {
    padding-top: 165px;
}

.pt-170 {
    padding-top: 170px;
}

.pt-175 {
    padding-top: 175px;
}

.pt-180 {
    padding-top: 180px;
}

.pt-185 {
    padding-top: 185px;
}

.pt-190 {
    padding-top: 190px;
}

.pt-195 {
    padding-top: 195px;
}

.pt-200 {
    padding-top: 200px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-55 {
    padding-bottom: 55px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-65 {
    padding-bottom: 65px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-75 {
    padding-bottom: 75px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-85 {
    padding-bottom: 85px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-95 {
    padding-bottom: 95px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-105 {
    padding-bottom: 105px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-115 {
    padding-bottom: 115px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pb-125 {
    padding-bottom: 125px;
}

.pb-130 {
    padding-bottom: 130px;
}

.pb-135 {
    padding-bottom: 135px;
}

.pb-140 {
    padding-bottom: 140px;
}

.pb-145 {
    padding-bottom: 145px;
}

.pb-150 {
    padding-bottom: 150px;
}

.pb-155 {
    padding-bottom: 155px;
}

.pb-160 {
    padding-bottom: 160px;
}

.pb-165 {
    padding-bottom: 165px;
}

.pb-170 {
    padding-bottom: 170px;
}

.pb-175 {
    padding-bottom: 175px;
}

.pb-180 {
    padding-bottom: 180px;
}

.pb-185 {
    padding-bottom: 185px;
}

.pb-190 {
    padding-bottom: 190px;
}

.pb-195 {
    padding-bottom: 195px;
}

.pb-200 {
    padding-bottom: 200px;
}

.pb-205 {
    padding-bottom: 205px;
}

.pb-210 {
    padding-bottom: 210px;
}

.pb-215 {
    padding-bottom: 215px;
}

.pb-220 {
    padding-bottom: 220px;
}

.pb-225 {
    padding-bottom: 225px;
}

.pb-230 {
    padding-bottom: 230px;
}

.pb-235 {
    padding-bottom: 235px;
}

.pb-240 {
    padding-bottom: 240px;
}

.pb-245 {
    padding-bottom: 245px;
}

.pb-250 {
    padding-bottom: 250px;
}

.pb-255 {
    padding-bottom: 255px;
}

.pb-260 {
    padding-bottom: 260px;
}

.pb-265 {
    padding-bottom: 265px;
}

.pb-270 {
    padding-bottom: 270px;
}

.pb-275 {
    padding-bottom: 275px;
}

.pb-280 {
    padding-bottom: 280px;
}

.pb-285 {
    padding-bottom: 285px;
}

.pb-290 {
    padding-bottom: 290px;
}

.pb-295 {
    padding-bottom: 295px;
}

.pb-300 {
    padding-bottom: 300px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-35 {
    padding-left: 35px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-45 {
    padding-left: 45px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-55 {
    padding-left: 55px;
}

.pl-60 {
    padding-left: 60px;
}

.pl-65 {
    padding-left: 65px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-75 {
    padding-left: 75px;
}

.pl-80 {
    padding-left: 80px;
}

.pl-85 {
    padding-left: 85px;
}

.pl-90 {
    padding-left: 90px;
}

.pl-95 {
    padding-left: 95px;
}

.pl-100 {
    padding-left: 100px;
}

.pl-105 {
    padding-left: 105px;
}

.pl-110 {
    padding-left: 110px;
}

.pl-115 {
    padding-left: 115px;
}

.pl-120 {
    padding-left: 120px;
}

.pl-125 {
    padding-left: 125px;
}

.pl-130 {
    padding-left: 130px;
}

.pl-135 {
    padding-left: 135px;
}

.pl-140 {
    padding-left: 140px;
}

.pl-145 {
    padding-left: 145px;
}

.pl-150 {
    padding-left: 150px;
}

.pl-155 {
    padding-left: 155px;
}

.pl-160 {
    padding-left: 160px;
}

.pl-165 {
    padding-left: 165px;
}

.pl-170 {
    padding-left: 170px;
}

.pl-175 {
    padding-left: 175px;
}

.pl-180 {
    padding-left: 180px;
}

.pl-185 {
    padding-left: 185px;
}

.pl-190 {
    padding-left: 190px;
}

.pl-195 {
    padding-left: 195px;
}

.pl-200 {
    padding-left: 200px;
}

.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-25 {
    padding-right: 25px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-35 {
    padding-right: 35px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-45 {
    padding-right: 45px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-55 {
    padding-right: 55px;
}

.pr-60 {
    padding-right: 60px;
}

.pr-65 {
    padding-right: 65px;
}

.pr-70 {
    padding-right: 70px;
}

.pr-75 {
    padding-right: 75px;
}

.pr-80 {
    padding-right: 80px;
}

.pr-85 {
    padding-right: 85px;
}

.pr-90 {
    padding-right: 90px;
}

.pr-95 {
    padding-right: 95px;
}

.pr-100 {
    padding-right: 100px;
}

.pr-105 {
    padding-right: 105px;
}

.pr-110 {
    padding-right: 110px;
}

.pr-115 {
    padding-right: 115px;
}

.pr-120 {
    padding-right: 120px;
}

.pr-125 {
    padding-right: 125px;
}

.pr-130 {
    padding-right: 130px;
}

.pr-135 {
    padding-right: 135px;
}

.pr-140 {
    padding-right: 140px;
}

.pr-145 {
    padding-right: 145px;
}

.pr-150 {
    padding-right: 150px;
}

.pr-155 {
    padding-right: 155px;
}

.pr-160 {
    padding-right: 160px;
}

.pr-165 {
    padding-right: 165px;
}

.pr-170 {
    padding-right: 170px;
}

.pr-175 {
    padding-right: 175px;
}

.pr-180 {
    padding-right: 180px;
}

.pr-185 {
    padding-right: 185px;
}

.pr-190 {
    padding-right: 190px;
}

.pr-195 {
    padding-right: 195px;
}

.pr-200 {
    padding-right: 200px;
}

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

/******* HOME PAGE 1 *******/

/*Hero Section*/

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

.tz-hero-slider-sec {
    overflow: hidden;
}

.tz-hero-slide-item {
    z-index: 1;
    padding-top: 270px;
    padding-bottom: 122px;
}

@media (max-width: 480px) {
    .tz-hero-slide-item {
        padding-top: 200px;
        padding-bottom: 30px;
    }
}

.tz-hero-slide-item .tz-hs-shape {
    top: -100%;
    left: -8%;
    z-index: -1;
    width: 782px;
    height: 782px;
    border-radius: 100%;
    border: 120px solid #EDE7FF;
    -webkit-transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-hero-slide-item .tz-vect-shape1 {
    right: -1%;
    z-index: -1;
    bottom: -100%;
    -webkit-transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-hero-slide-item .tz-vect-shape1 img {
    opacity: 0.05;
    mix-blend-mode: soft-light;
}

.tz-hero-slide-item .tz-vect-shape2 {
    z-index: -1;
    right: -15%;
    bottom: -80%;
}

.tz-hero-slide-item .tz-vect-shape3 {
    right: -5%;
    z-index: -1;
    bottom: -14%;
}

.tz-hero-slide-item .tz-circle-anim {
    top: 30px;
    left: 30px;
    z-index: -1;
    position: absolute;
}

.tz-hero-slide-item .tz-circle-anim #paper-plane circle {
    -webkit-transform: translateY(-13px);
    transform: translateY(-13px);
}

.tz-hero-slide-item .tz-hs-content {
    gap: 30px 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-hero-slide-item .tz-hs-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
}

.tz-hero-slide-item .tz-hs-text {
    max-width: 575px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-hero-slide-item .tz-hs-text {
        text-align: center;
    }
}

.tz-hero-slide-item .tz-hs-text .tz-hs-slug {
    gap: 15px;
    opacity: 0;
    visibility: hidden;
    margin-bottom: 22px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-hero-slide-item .tz-hs-text .tz-hs-slug {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.tz-hero-slide-item .tz-hs-text .tz-hs-slug i {
    color: #fff;
    opacity: 0;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    visibility: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    background-color: var(--tz-prime-c);
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-hero-slide-item .tz-hs-text .tz-hs-slug span {
    opacity: 0;
    font-size: 14px;
    font-weight: 700;
    visibility: hidden;
    color: var(--tz-prime-c);
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-hero-slide-item .tz-hs-text .hero_title {
    font-size: 54px;
    font-weight: 700;
    line-height: 1.12;
}

.tz-hero-slide-item .tz-hs-text .hero_title .split-line {
    overflow: hidden;
    -webkit-transform: translateY(100%) scaleY(0);
    transform: translateY(100%) scaleY(0);
    opacity: 0;
    -webkit-transition: 1s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

@media (max-width: 480px) {
    .tz-hero-slide-item .tz-hs-text .hero_title {
        font-size: 45px;
    }
}

@media (max-width: 360px) {
    .tz-hero-slide-item .tz-hs-text .hero_title {
        font-size: 40px;
    }
}

.tz-hero-slide-item .tz-hs-text p {
    opacity: 0;
    font-size: 18px;
    margin-top: 18px;
    visibility: hidden;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: 1200ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1200ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-hero-slide-item .tz-hs-text .btn-cta-wrap {
    opacity: 0;
    gap: 15px 30px;
    visibility: hidden;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: 1200ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1200ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-hero-slide-item .tz-hs-text .btn-cta-wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .tz-hero-slide-item .tz-hs-text .btn-cta-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-hero-slide-item .tz-hs-text .btn-cta-wrap .hs-btn a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 35px;
    border-radius: 100px;
    background-color: var(--tz-prime-c);
}

.tz-hero-slide-item .tz-hs-text .btn-cta-wrap .hs-btn a:hover {
    background-color: var(--tz-title-color);
}

.tz-hero-slide-item .tz-hs-text .btn-cta-wrap .hs-btn a:hover span {
    -webkit-animation: toLeftFromRight 0.5s forwards;
    animation: toLeftFromRight 0.5s forwards;
}

.tz-hero-slide-item .tz-hs-text .btn-cta-wrap .btn-cta {
    font-size: 16px;
    font-weight: 700;
    color: var(--tz-title-color);
}

.tz-hero-slide-item .tz-hs-img-wrap {
    width: 100%;
    height: 100%;
    max-width: 629px;
    max-height: 554px;
    padding-bottom: 104px;
}

@media (max-width: 767px) {
    .tz-hero-slide-item .tz-hs-img-wrap {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
}

.tz-hero-slide-item .tz-hs-img-wrap .item-img1 {
    left: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
    clip-path: polygon(0% 3.778%, 0% 3.778%, 0.062% 3.165%, 0.242% 2.584%, 0.53% 2.042%, 0.916% 1.547%, 1.39% 1.107%, 1.943% 0.729%, 2.565% 0.422%, 3.246% 0.193%, 3.977% 0.049%, 4.747% 0%, 80.696% 0%, 80.696% 0%, 81.466% 0.049%, 82.197% 0.193%, 82.878% 0.422%, 83.5% 0.729%, 84.053% 1.107%, 84.527% 1.547%, 84.913% 2.042%, 85.201% 2.584%, 85.381% 3.165%, 85.443% 3.778%, 85.443% 72.04%, 85.443% 72.04%, 85.505% 72.653%, 85.685% 73.235%, 85.973% 73.777%, 86.359% 74.272%, 86.833% 74.712%, 87.386% 75.09%, 88.008% 75.397%, 88.69% 75.626%, 89.42% 75.769%, 90.19% 75.819%, 95.253% 75.819%, 95.253% 75.819%, 96.023% 75.868%, 96.753% 76.011%, 97.435% 76.24%, 98.057% 76.548%, 98.61% 76.925%, 99.084% 77.366%, 99.47% 77.861%, 99.758% 78.403%, 99.938% 78.984%, 100% 79.597%, 100% 96.222%, 100% 96.222%, 99.938% 96.835%, 99.758% 97.416%, 99.47% 97.958%, 99.084% 98.453%, 98.61% 98.893%, 98.057% 99.271%, 97.435% 99.578%, 96.753% 99.807%, 96.023% 99.951%, 95.253% 100%, 4.747% 100%, 4.747% 100%, 3.977% 99.951%, 3.246% 99.807%, 2.565% 99.578%, 1.943% 99.271%, 1.39% 98.893%, 0.916% 98.453%, 0.53% 97.958%, 0.242% 97.416%, 0.062% 96.835%, 0% 96.222%, 0% 3.778%);
}

@media (max-width: 767px) {
    .tz-hero-slide-item .tz-hs-img-wrap .item-img1 {
        display: none;
    }
}

.tz-hero-slide-item .tz-hs-img-wrap .item-img2 {
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    border-radius: 15px;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}

.tz-hero-slide-item .tz-hs-img-wrap .item-img3 {
    top: 40px;
    left: 135px;
    overflow: hidden;
    position: absolute;
    border-radius: 21px;
    border: 2px solid #FFFFFF;
    -webkit-transform: scale(0) rotate(360deg);
    transform: scale(0) rotate(360deg);
    -webkit-box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.1215686275);
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.1215686275);
    -webkit-transition: 1s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1s cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

@media (max-width: 767px) {
    .tz-hero-slide-item .tz-hs-img-wrap .item-img3 {
        display: none;
    }
}

.tz-hero-slide-item .tz-hs-user {
    right: 0;
    bottom: 0;
    opacity: 0;
    width: 305px;
    height: 96px;
    position: absolute;
    border-radius: 15px;
    border: 1px solid #FFFFFF;
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    -webkit-transition: 1s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(42.22%, #FFFFFF), to(rgba(255, 255, 255, 0.4)));
    background: linear-gradient(180deg, #FFFFFF 42.22%, rgba(255, 255, 255, 0.4) 100%);
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
}

@media (max-width: 767px) {
    .tz-hero-slide-item .tz-hs-user {
        left: 0;
        margin: 0 auto;
    }
}

.tz-hero-slide-item .tz-hs-user ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tz-hero-slide-item .tz-hs-user li {
    width: 54px;
    height: 54px;
    overflow: hidden;
    margin-left: -20px;
    border-radius: 100%;
    border: 2px solid #FFFFFF;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-hero-slide-item .tz-hs-user li:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.tz-hero-slide-item .tz-hs-user li:first-child {
    margin-left: 0;
}

.tz-hero-slide-item .tz-hs-user li:last-child {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    line-height: 0.75;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--tz-prime-c);
}

.tz-hs-nav {
    left: 0;
    top: 50%;
    z-index: 2;
    width: 105px;
    padding: 58px 0px;
    position: absolute;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    -webkit-box-shadow: 0px 4px 36px 0px rgba(24, 17, 44, 0.2196078431);
    box-shadow: 0px 4px 36px 0px rgba(24, 17, 44, 0.2196078431);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-hs-nav {
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        margin: 0 auto;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 5px 15px;
        text-align: center;
        position: relative;
        display: inline-block;
        -webkit-transform: translateY(26px);
        transform: translateY(26px);
    }
}

.tz-hs-nav .tz-hs-next,
.tz-hs-nav .tz-hs-prev {
    font-size: 20px;
    color: var(--tz-prime-c);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-hs-nav .tz-hs-next,
    .tz-hs-nav .tz-hs-prev {
        display: none !important;
    }
}

.tz-hs-nav .tz-hs-next:hover,
.tz-hs-nav .tz-hs-prev:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.tz-hs-pagi {
    gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 22px 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-hs-pagi {
        margin: 15px 0px;
    }
}

.tz-hs-pagi .swiper-pagination-bullet {
    opacity: 1;
    width: 50px;
    height: 50px;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin: 5px auto;
    line-height: 50px;
    text-align: center;
    color: var(--tz-prime-c);
    background-color: #F1EDFF;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.tz-hs-pagi .swiper-pagination-bullet:is(.swiper-pagination-bullet-active) {
    color: #fff;
    background-color: var(--tz-prime-c);
}

.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-hs-shape {
    top: -36%;
}

.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-vect-shape1 {
    bottom: -10%;
}

.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-hs-text .tz-hs-slug {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-hs-text .tz-hs-slug span {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 900ms;
    transition-delay: 900ms;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-hs-text .tz-hs-slug i {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 700ms;
    transition-delay: 700ms;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-hs-text .hero_title .split-line {
    -webkit-transform: translateY(0%) scaleY(1);
    transform: translateY(0%) scaleY(1);
    opacity: 1;
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-hs-text .hero_title .split-line:nth-child(2) {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}

.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-hs-text .hero_title .split-line:nth-child(3) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-hs-text .hero_title .split-line:nth-child(4) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-hs-text .hero_title .split-line:nth-child(5) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-hs-text .hero_title .split-line:nth-child(6) {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s;
}

.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-hs-text .hero_title .split-line:nth-child(7) {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s;
}

.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-hs-text .hero_title .split-line:nth-child(8) {
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
}

.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-hs-text .hero_title .split-line:nth-child(9) {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s;
}

.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-hs-text p {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1200ms;
    transition-delay: 1200ms;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-hs-text .btn-cta-wrap {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-hs-img-wrap .item-img1,
.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-hs-img-wrap .item-img2 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms;
}

.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-hs-img-wrap .item-img2 {
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-hs-img-wrap .item-img3 {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    -webkit-transition-delay: 1300ms;
    transition-delay: 1300ms;
}

.swiper-slide:is(.swiper-slide-active) .tz-hero-slide-item .tz-hs-img-wrap .tz-hs-user {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

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

/*Feature Section*/

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

@-webkit-keyframes gelatine {
    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

@keyframes gelatine {
    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

.tz-feature-sec {
    overflow: hidden;
    background-color: #EDECFD;
    border-bottom: 1px solid #D9D8EE;
}

.tz-feature-content {
    display: flow-root;
}

.tz-ft1-item {
    z-index: 1;
    margin: 0px 15px;
    max-width: 410px;
    border-radius: 15px;
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding: 38px 40px 30px;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-ft1-item:after {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    border-radius: 15px;
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.tz-ft1-item:before {
    left: 0;
    right: 0;
    top: 0px;
    width: 90%;
    height: 90%;
    content: "";
    z-index: -2;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    border-radius: 20px;
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: rgba(255, 255, 255, 0.3);
}

.tz-ft1-item .item-icon {
    width: 70px;
    height: 70px;
    margin-bottom: 38px;
}

.tz-ft1-item .item-text h3 {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 14px;
}

.tz-ft1-item .item-text p {
    padding-bottom: 15px;
}

.tz-ft1-item .item-text .read_more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--tz-title-color);
}

.tz-ft1-item .item-text .read_more i {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 5px;
    border-radius: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-ft1-item .item-text .read_more:hover {
    color: var(--tz-prime-c);
}

.tz-ft1-item .item-text .read_more:hover i {
    color: #fff;
    margin-left: 8px;
    background-color: var(--tz-prime-c);
}

.tz-ft1-item:hover .item-icon {
    -webkit-animation: gelatine 0.7s infinite;
    animation: gelatine 0.7s infinite;
}

.tz-ft1-item:hover:after {
    border: 1px solid var(--tz-prime-c);
    -webkit-box-shadow: 0px 17px 24px 3px rgba(16, 9, 37, 0.1882352941);
    box-shadow: 0px 17px 24px 3px rgba(16, 9, 37, 0.1882352941);
}

.tz-ft1-item:hover:before {
    top: 45px;
}

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

/*About Section*/

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

@-webkit-keyframes icon-bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@keyframes icon-bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

.tz-about-section {
    background-color: #EDECFD;
}

.tz-ab-img-wrap {
    overflow: hidden;
    width: 100%;
}

.tz-ab-img-wrap .item-img {
    height: 514px;
    max-width: 600px;
    clip-path: polygon(42.692% 17%, 42.692% 17%, 42.66% 17.473%, 42.565% 17.922%, 42.413% 18.341%, 42.21% 18.723%, 41.96% 19.063%, 41.669% 19.355%, 41.341% 19.592%, 40.983% 19.769%, 40.598% 19.88%, 40.192% 19.918%, 2.5% 19.918%, 2.5% 19.918%, 2.094% 19.956%, 1.71% 20.067%, 1.351% 20.244%, 1.024% 20.481%, 0.732% 20.773%, 0.482% 21.113%, 0.279% 21.495%, 0.127% 21.914%, 0.033% 22.363%, 0% 22.836%, 0% 46.979%, 0% 46.979%, 0.033% 47.452%, 0.127% 47.901%, 0.279% 48.32%, 0.482% 48.703%, 0.732% 49.043%, 1.024% 49.334%, 1.351% 49.572%, 1.71% 49.749%, 2.094% 49.859%, 2.5% 49.897%, 58.654% 49.897%, 58.654% 49.897%, 59.059% 49.935%, 59.444% 50.046%, 59.803% 50.223%, 60.13% 50.46%, 60.422% 50.752%, 60.671% 51.092%, 60.875% 51.474%, 61.026% 51.893%, 61.121% 52.342%, 61.154% 52.816%, 61.154% 97.082%, 61.154% 97.082%, 61.187% 97.555%, 61.281% 98.004%, 61.433% 98.423%, 61.636% 98.805%, 61.886% 99.145%, 62.177% 99.437%, 62.505% 99.674%, 62.864% 99.851%, 63.248% 99.962%, 63.654% 100%, 97.5% 100%, 97.5% 100%, 97.906% 99.962%, 98.29% 99.851%, 98.649% 99.674%, 98.976% 99.437%, 99.268% 99.145%, 99.518% 98.805%, 99.721% 98.423%, 99.873% 98.004%, 99.967% 97.555%, 100% 97.082%, 100% 2.918%, 100% 2.918%, 99.967% 2.445%, 99.873% 1.996%, 99.721% 1.577%, 99.518% 1.195%, 99.268% 0.855%, 98.976% 0.563%, 98.649% 0.326%, 98.29% 0.149%, 97.906% 0.038%, 97.5% 0%, 45.192% 0%, 45.192% 0%, 44.787% 0.038%, 44.402% 0.149%, 44.043% 0.326%, 43.716% 0.563%, 43.425% 0.855%, 43.175% 1.195%, 42.971% 1.577%, 42.82% 1.996%, 42.725% 2.445%, 42.692% 2.918%, 42.692% 17%, 2.5% 52.724%, 56.333% 52.724%, 56.739% 52.762%, 57.124% 52.873%, 57.482% 53.049%, 57.81% 53.287%, 58.101% 53.579%, 58.351% 53.919%, 58.554% 54.301%, 58.706% 54.72%, 58.801% 55.169%, 58.833% 55.642%, 58.833% 55.642%, 58.833% 97.082%, 58.801% 97.555%, 58.706% 98.004%, 58.554% 98.423%, 58.351% 98.805%, 58.101% 99.145%, 57.81% 99.437%, 57.482% 99.674%, 57.124% 99.851%, 56.739% 99.962%, 56.333% 100%, 56.333% 100%, 2.5% 100%, 2.094% 99.962%, 1.71% 99.851%, 1.351% 99.674%, 1.024% 99.437%, 0.732% 99.145%, 0.482% 98.805%, 0.279% 98.423%, 0.127% 98.004%, 0.033% 97.555%, 0% 97.082%, 0% 97.082%, 0% 55.642%, 0.033% 55.169%, 0.127% 54.72%, 0.279% 54.301%, 0.482% 53.919%, 0.732% 53.579%, 1.024% 53.287%, 1.351% 53.049%, 1.71% 52.873%, 2.094% 52.762%, 2.5% 52.724%, 2.5% 52.724%);
}

.tz-ab-img-wrap .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 767px) {
    .tz-ab-img-wrap .item-img {
        height: 350px;
        clip-path: none;
        overflow: hidden;
        border-radius: 20px;
    }
}

.tz-ab-img-wrap .item-play {
    top: 0;
    left: 0;
    width: 243px;
    height: 90px;
    overflow: hidden;
    position: absolute;
    border-radius: 15px;
}

@media (max-width: 767px) {
    .tz-ab-img-wrap .item-play {
        position: relative;
        margin-bottom: 15px;
    }
}

.tz-ab-img-wrap .item-play a {
    width: 100%;
    height: 100%;
    padding: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: rgba(104, 59, 242, 0.85);
}

.tz-ab-img-wrap .item-play a span {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    max-width: 82px;
}

.tz-ab-img-wrap .item-play a i {
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--tz-prime-c);
}

.tz-about-content {
    gap: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-about-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
}

.tz-ab-text {
    max-width: 630px;
}

.tz-ab-text .tz-section-title p {
    padding-top: 32px;
}

@media screen and (max-width: 1270px) {
    .tz-ab-text {
        max-width: 550px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ab-text {
        max-width: 600px;
    }
}

.tz-ab-ft-wrap {
    gap: 20px;
    margin-top: 28px;
}

@media (max-width: 767px) {
    .tz-ab-ft-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-ab-ft-wrap .item-icon {
    width: 75px;
    height: 75px;
    border-radius: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 26px 0px rgba(28, 11, 80, 0.09);
    box-shadow: 0px 10px 26px 0px rgba(28, 11, 80, 0.09);
    -webkit-animation: icon-bounce 1s ease-out infinite;
    animation: icon-bounce 1s ease-out infinite;
}
.tz-ab-ft-wrap .item-icon img{
    filter: hue-rotate(311deg);
}
.tz-ab-ft-wrap .item-text {
    max-width: 490px;
}

@media screen and (max-width: 1270px) {
    .tz-ab-ft-wrap .item-text {
        max-width: 420px;
    }
}

.tz-ab-ft-wrap .item-text h3 {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 10px;
}

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

/*Service Section*/

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

.tz-service-sec {
    overflow: hidden;
    background-color: var(--tz-title-color);
}

.tz-service-sec .tz-section-title .sec_title {
    color: #fff;
}

.tz-service-sec .tz-section-title p {
    margin: 0 auto;
    max-width: 590px;
}

.tz-ser1-item {
    opacity: 0;
    gap: 30px 100px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    padding: 40px 60px 40px 100px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-ser1-item:is(.in-view) {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ser1-item {
        gap: 15px 50px;
        padding: 40px 60px 40px 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ser1-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .tz-ser1-item {
        padding: 30px;
    }
}

.tz-ser1-item .item-serial {
    font-size: 80px;
    font-weight: 700;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    color: rgba(255, 255, 255, 0.07);
}

.tz-ser1-item .item-img-text {
    gap: 30px;
}

@media (max-width: 767px) {
    .tz-ser1-item .item-img-text {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-ser1-item .item-img-text .item-img .inner-icon {
    top: 0;
    left: 0;
    z-index: 1;
    width: 100px;
    height: 100px;
    position: absolute;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fff;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-ser1-item .item-img-text .item-img .inner-img {
    height: 198px;
    overflow: hidden;
    width: 300px;
    border-radius: 10px;
}

@media (max-width: 767px) {
    .tz-ser1-item .item-img-text .item-img .inner-img {
        width: 100%;
        max-width: 300px;
    }
}

.tz-ser1-item .item-img-text .item-img .inner-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-ser1-item .item-img-text .item-text {
    max-width: 570px;
}

.tz-ser1-item .item-img-text .item-text .ser_title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 15px;
}

.tz-ser1-item .item-img-text .item-text p {
    padding-bottom: 24px;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-ser1-item .item-img-text .item-text .tz-btn-1 a {
    background-color: #fff;
    color: var(--tz-prime-c);
}

.tz-ser1-item:hover {
    overflow: hidden;
    border-radius: 15px;
    background-color: var(--tz-prime-c);
    border-bottom: 1px solid var(--tz-prime-c);
}

.tz-ser1-item:hover .item-serial {
    color: rgb(255, 255, 255);
}

.tz-ser1-item:hover .item-img-text .item-img .inner-icon {
    top: 22%;
    left: 50%;
    border-radius: 100%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}

.tz-ser1-item:hover .item-img-text .item-img .inner-img img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.tz-ser1-item:hover .item-img-text .item-text p {
    color: #fff;
}

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

/*Team Section*/

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

.tz-team-sec {
    overflow: hidden;
}

.tz-team-sec .tz-section-title {
    margin: 0 auto;
    max-width: 570px;
}

.tz-team-item {
    margin: 0 auto;
    max-width: 410px;
    margin-bottom: 30px;
}

.tz-team-item .item-img {
    overflow: hidden;
    border-radius: 15px;
}

.tz-team-item .item-text {
    z-index: 2;
    margin-top: -60px;
    position: relative;
    background-color: #fff;
}

.tz-team-item .item-text .item-social .share-social {
    color: #fff;
    width: 60px;
    height: 60px;
    border-bottom-left-radius: 15px;
    background-color: var(--tz-prime-c);
}

.tz-team-item .item-text .tz-name-degi {
    width: 85%;
    padding: 23px 30px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    -webkit-box-shadow: 0px 10px 50px 0px rgba(23, 11, 61, 0.05);
    box-shadow: 0px 10px 50px 0px rgba(23, 11, 61, 0.05);
}

@media (max-width: 767px) {
    .tz-team-item .item-text .tz-name-degi {
        padding: 23px 15px;
    }
}

.tz-team-item .item-text .tz-name-degi h3 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 5px;
    white-space: nowrap;
}

.tz-team-item .item-social-ic {
    left: 0;
    bottom: 106px;
    position: absolute;
}

.tz-team-item .item-social-ic a {
    opacity: 0;
    color: #fff;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    visibility: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #fff;
    background-color: var(--tz-prime-c);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.tz-team-item:hover .item-social-ic a {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.tz-team-item:hover .item-social-ic a:nth-child(1) {
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

.tz-team-item:hover .item-social-ic a:nth-child(2) {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.tz-team-item:hover .item-social-ic a:nth-child(3) {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.tz-team-item:hover .item-social-ic a:nth-child(4) {
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

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

/*Cta Section*/

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

.tz-cta-sec {
    padding: 0px 120px 120px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tz-cta-sec {
        padding: 0px 15px 120px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-cta-sec {
        padding-left: 0;
        padding-right: 0;
    }
}

.tz-cta-content {
    z-index: 1;
    overflow: hidden;
    border-radius: 15px;
    background-color: #F6F6F6;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-cta-content {
        border-radius: 0;
    }
}

.tz-cta-content .tz-cta-shape1 {
    top: -125%;
    left: -50%;
    z-index: -3;
}

.tz-cta-content .tz-cta-shape3 {
    top: -60%;
    left: -15%;
    z-index: -2;
}

.tz-cta-content .tz-cta-shape2 {
    top: -95%;
    right: -28%;
}

.tz-cta-content .tz-section-title {
    z-index: 3;
    max-width: 525px;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-cta-content .tz-section-title {
        max-width: 100%;
    }
}

.tz-cta-content .tz-section-title .sec_title {
    font-size: 40px;
}

.tz-cta-img-wrap {
    top: -30%;
    right: -8%;
    max-width: 815px;
    position: absolute;
    -webkit-transform: rotate(-19deg);
    transform: rotate(-19deg);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-cta-img-wrap {
        display: none !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tz-cta-img-wrap {
        right: -22%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-cta-img-wrap {
        right: -50%;
    }
}

.tz-cta-img-wrap .tz-cta-img1 {
    overflow: hidden;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 10px;
}

.tz-cta-img-wrap .tz-cta-img1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-cta-img-wrap .img-wrap1 {
    margin-top: -180px;
    -webkit-animation: slidedown 20s linear infinite;
    animation: slidedown 20s linear infinite;
}

.tz-cta-img-wrap .img-wrap2 {
    -webkit-animation: slideup 20s linear infinite;
    animation: slideup 20s linear infinite;
}

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

/*Project Section*/

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

.tz-project-sec {
    z-index: 1;
    overflow: hidden;
    background-color: #05091A;
}

.tz-project-sec .pro-shape1 {
    top: -25%;
    left: -45%;
    z-index: -1;
}

.tz-project-sec .pro-shape2 {
    top: -35%;
    left: -45%;
    z-index: -1;
}

.tz-project-sec .tz-section-title .sec_title {
    color: #fff;
}

.tz-project-sec .tz-section-title p {
    color: #fff;
    margin: 0 auto;
    max-width: 565px;
}

.tz-project-item {
    gap: 30px;
    z-index: 1;
    padding: 80px;
    overflow: hidden;
    border-radius: 15px;
    margin-top: 30px;
    border: 1px solid rgba(255, 255, 255, 0.3019607843);
    -webkit-backdrop-filter: blur(150px);
    backdrop-filter: blur(150px);
    background-color: rgba(255, 255, 255, 0.1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-project-item {
        padding: 50px 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-project-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
}

@media (max-width: 767px) {
    .tz-project-item {
        padding: 50px 20px;
    }
}

.tz-project-item .p-shape1 {
    opacity: 0;
    right: -10%;
    z-index: -1;
    bottom: 0%;
    visibility: hidden;
    -webkit-transition: 1s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1s cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-project-item .p-shape2 {
    opacity: 0;
    top: 0%;
    right: -50%;
    z-index: -1;
    visibility: hidden;
    -webkit-transition: 1s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1s cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-project-item .item-text {
    max-width: 500px;
}

.tz-project-item .item-text h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 18px;
}

.tz-project-item .item-text p {
    color: #A7A7A7;
    font-weight: 500;
    padding-bottom: 25px;
}

.tz-project-item .item-text li {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-right: 40px;
}

.tz-project-item .item-text li i {
    margin-right: 10px;
    color: var(--tz-prime-c);
}

.tz-project-item .item-text li:last-child {
    margin-right: 0;
}

.tz-project-item .item-img {
    overflow: hidden;
    border-radius: 15px;
}

@media (max-width: 767px) {
    .tz-project-item .item-img {
        height: 200px;
    }
}

.tz-project-item .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-project-item:hover .p-shape1 {
    opacity: 1;
    bottom: -210%;
    visibility: visible;
}

.tz-project-item:hover .p-shape2 {
    opacity: 1;
    top: -190%;
    visibility: visible;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

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

/*Testimonial Section*/

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

.tz-testimonial-sec {
    z-index: 1;
    overflow: hidden;
    padding-bottom: 200px;
    background-color: var(--tz-prime-c);
}

.tz-testimonial-sec .tz-testi-bg {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.tz-testimonial-sec .tz-testi-bg:before,
.tz-testimonial-sec .tz-testi-bg:after {
    top: 0;
    left: 0;
    width: 100%;
    content: "";
    opacity: 0.85;
    height: 100%;
    position: absolute;
}

.tz-testimonial-sec .tz-testi-bg:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#683BF2), to(rgba(104, 59, 242, 0.75)));
    background: linear-gradient(180deg, #683BF2 0%, rgba(104, 59, 242, 0.75) 100%);
}

.tz-testimonial-sec .tz-testi-bg:after {
    background-color: var(--tz-prime-c);
}

.tz-testimonial-sec .tz-testi-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    mix-blend-mode: plus-lighter;
}

.tz-testimonial-sec .tz-section-title {
    margin: 0 auto;
    max-width: 505px;
}

.tz-testimonial-sec .tz-section-title .subtitle {
    color: #fff;
}

.tz-testimonial-sec .tz-section-title .sec_title {
    color: #fff;
}

.tz-testimonial-sec .tz-testi-shape {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 113px;
}

.tz-testimonial-sec .tz-testi-shape img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-testi-content {
    margin: 0 auto;
    margin-top: 60px;
    max-width: 1110px;
}

.tz-testi-item {
    padding-bottom: 20px;
}

.tz-testi-item .inner-item-wrap {
    z-index: 1;
    margin: 0 auto;
    max-width: 850px;
    position: relative;
    padding: 55px 60px;
    border-radius: 15px;
    background-color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-testi-item .inner-item-wrap {
        max-width: 790px;
        padding: 55px 30px;
    }
}

.tz-testi-item .inner-item-wrap:after {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 15px;
    position: absolute;
    background-color: #fff;
}

.tz-testi-item .inner-item-wrap:before {
    left: 0;
    right: 0;
    width: 95%;
    content: "";
    height: 75%;
    z-index: -2;
    opacity: 0.4;
    margin: 0 auto;
    bottom: 0px;
    position: absolute;
    border-radius: 20px;
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px);
    background-color: rgba(255, 255, 255, 0.16);
    -webkit-transition: 1s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1s cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-testi-item .item-icon-text {
    gap: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-testi-item .item-icon-text {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-testi-item .item-icon-text .item-icon {
    width: 50px;
    height: 50px;
    font-size: 20px;
    border-radius: 100%;
    color: var(--tz-prime-c);
    border: 5px solid var(--tz-prime-c);
}

.tz-testi-item .item-icon-text .item-text {
    opacity: 0;
    visibility: hidden;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    max-width: 660px;
    color: var(--tz-title-color);
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    -webkit-transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

@media (max-width: 480px) {
    .tz-testi-item .item-icon-text .item-text {
        font-size: 18px;
    }
}

.tz-testi-item .item-author {
    opacity: 0;
    visibility: hidden;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #EDEDED;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

@media (max-width: 767px) {
    .tz-testi-item .item-author {
        gap: 15px 30px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 20px;
        padding-top: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.tz-testi-item .author-img-text {
    gap: 15px;
}

@media (max-width: 480px) {
    .tz-testi-item .author-img-text {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-testi-item .author-img-text .item-img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 100%;
}

.tz-testi-item .author-img-text .item-text h3 {
    font-size: 18px;
    font-weight: 600;
}

.tz-testi-item .author-img-text .item-text span {
    color: #74787C;
    font-size: 14px;
}

.tz-testi-item .author-rate {
    color: #FFB400;
}

.swiper-slide-active .tz-testi-item .inner-item-wrap:before {
    bottom: -20px;
}

.swiper-slide-active .tz-testi-item .inner-item-wrap .item-text {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.swiper-slide-active .tz-testi-item .item-author {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-testi-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0px 15px;
        margin-top: 40px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.tz-testi-nav .tz-tst-next,
.tz-testi-nav .tz-tst-prev {
    top: 50%;
    width: 60px;
    height: 60px;
    z-index: 3;
    position: absolute;
    border-radius: 100%;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-testi-nav .tz-tst-next,
    .tz-testi-nav .tz-tst-prev {
        position: static;
    }
}

@media (max-width: 767px) {
    .tz-testi-nav .tz-tst-next,
    .tz-testi-nav .tz-tst-prev {
        width: 45px;
        height: 45px;
    }
}

.tz-testi-nav .tz-tst-next:hover,
.tz-testi-nav .tz-tst-prev:hover {
    -webkit-transform: translateY(-50%) scale(1.1);
    transform: translateY(-50%) scale(1.1);
}

.tz-testi-nav .tz-tst-next {
    left: 0;
}

.tz-testi-nav .tz-tst-prev {
    right: 0;
}

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

/*Blog Section*/

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

.tz-blog-sec {
    overflow: hidden;
}

.tz-blog-sec .tz-section-title {
    margin: 0 auto;
    max-width: 570px;
}

.tz-blog-item {
    margin: 0 auto;
    max-width: 410px;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 30px;
    background-color: #F6F6F6;
}

.tz-blog-item .item-img {
    overflow: hidden;
}

.tz-blog-item .item-img img {
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-blog-item .item-text {
    padding: 35px 30px;
}

.tz-blog-item .item-text .item-meta {
    margin-bottom: 15px;
}

.tz-blog-item .item-text .item-meta a {
    margin-right: 20px;
}

.tz-blog-item .item-text .item-meta a:last-child {
    margin-right: 0;
}

.tz-blog-item .item-text .item-meta i {
    margin-right: 5px;
    color: var(--tz-prime-c);
}

.tz-blog-item .item-text .blog_title {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 30px;
}

.tz-blog-item .item-text .read_more {
    font-weight: 700;
    position: relative;
    color: var(--tz-prime-c);
}

.tz-blog-item .item-text .read_more:before {
    left: 0;
    bottom: 0;
    content: "";
    height: 1px;
    width: 0%;
    position: absolute;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    background-color: var(--tz-prime-c);
}

.tz-blog-item .item-text .read_more i {
    font-size: 14px;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.tz-blog-item:is(.list-view-item) {
    padding: 20px;
    max-width: 850px;
}

.tz-blog-item:is(.list-view-item) .item-img {
    margin-bottom: 20px;
    border-radius: 15px;
}

.tz-blog-item:is(.list-view-item) .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 480px) {
    .tz-blog-item:is(.list-view-item) .item-img {
        height: 260px;
    }
}

.tz-blog-item:is(.list-view-item) .item-text {
    padding: 10px;
}

.tz-blog-item:is(.list-view-item) .item-text .item-meta {
    margin-bottom: 16px;
}

.tz-blog-item:is(.list-view-item) .item-text .blog_title {
    font-size: 24px;
    padding-bottom: 16px;
}

.tz-blog-item:is(.list-view-item) .item-text p {
    padding-bottom: 20px;
}

.tz-blog-item:hover .item-text .read_more:before {
    width: 100%;
}

.tz-blog-item:hover .item-text .read_more i {
    margin-left: 8px;
}

.tz-blog-item:hover .item-img img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}

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

/*Sponsor Section*/

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

.tz-sponsor-content {
    margin: 0 auto;
    overflow: hidden;
    display: flow-root;
    max-width: 1920px;
}

.tz-sponsor-sec:is(.ver_2) {
    background-color: #F2F2F2;
}

.tz-sponsor-sec:is(.ver_2) .tz-sponsor-item {
    background-color: #fff;
}

.tz-ab3-sponsor {
    z-index: 1;
}

.tz-ab3-sponsor .tz-ab3-shape {
    top: -162%;
    right: -53%;
    z-index: -1;
}

.tz-sponsor-item {
    margin: 8px;
    border-radius: 15px;
    display: inline-block;
    background-color: #F6F6F6;
}

.tz-sponsor-item .item-img {
    width: 260px;
    height: 140px;
}

@media (max-width: 767px) {
    .tz-sponsor-item .item-img {
        width: 220px;
        height: 100px;
    }
}

.tz-sponsor-item:is(.ver_3) {
    background-color: #fff;
}

.tz-sponsor-item:is(.ver_3) .item-img {
    height: 120px;
}

.tz-sponsor-item:is(.ver_4) {
    bbackground: linear-gradient(180deg, #EDF0F4 0%, rgba(237, 240, 244, 0) 100%);
}

.tz-sponsor-item:is(.ver_4) .item-img {
    height: 90px;
}

.tz-ab3-btm-1 {
    overflow: hidden;
    display: flow-root;
}

.tz-ab3-bottom-marque {
    padding: 27px 0px;
    background-color: var(--tz-prime-c);
}

.tz-ab3-btm-text {
    margin: 0px 40px;
    display: inline-block;
}

.tz-ab3-btm-text .item-text {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    position: relative;
}

.tz-ab3-btm-text .item-text:before {
    top: 23px;
    width: 20px;
    height: 1px;
    content: "";
    right: -48px;
    position: absolute;
    background-color: #fff;
}

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

/******* HOME PAGE 2 *******/

/*Hero Section*/

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

.tz-slider-sec-2 {
    padding-top: 160px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tz-slider-sec-2 {
        padding-top: 140px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-slider-sec-2 {
        padding-top: 95px;
    }
}

@media (max-width: 480px) {
    .tz-slider-sec-2 {
        padding-top: 86px;
    }
}

.tz-slider-active2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.tz-hs-item-2 {
    z-index: 1;
    overflow: hidden;
    padding-top: 235px;
    padding-bottom: 235px;
}

@media (max-width: 767px) {
    .tz-hs-item-2 {
        padding-top: 120px;
        padding-bottom: 160px;
    }
}

.tz-hs-item-2:before {
    top: 0;
    left: 0;
    width: 100%;
    content: "";
    z-index: -2;
    height: 100%;
    position: absolute;
    background: -webkit-gradient(linear, right top, left top, from(rgba(5, 9, 26, 0)), color-stop(76.76%, rgba(4, 9, 32, 0.97)));
    background: linear-gradient(270deg, rgba(5, 9, 26, 0) 0%, rgba(4, 9, 32, 0.97) 76.76%);
}

.tz-hs-item-2 .tz-hs-line-1 {
    right: 0;
    top: -150%;
    width: 333px;
    height: 175%;
    mix-blend-mode: multiply;
    -webkit-transform: rotate(-21.19deg);
    transform: rotate(-21.19deg);
    background: -webkit-gradient(linear, left top, left bottom, from(#683BF2), color-stop(80.16%, rgba(104, 59, 242, 0)));
    background: linear-gradient(180deg, #683BF2 0%, rgba(104, 59, 242, 0) 80.16%);
    -webkit-transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

@media (max-width: 767px) {
    .tz-hs-item-2 .tz-hs-line-1 {
        display: none;
    }
}

.tz-hs-item-2 .tz-hs-line-2 {
    right: -8%;
    bottom: -150%;
    -webkit-transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

@media (max-width: 767px) {
    .tz-hs-item-2 .tz-hs-line-2 {
        display: none;
    }
}

.tz-hs-item-2 .tz-hero-bg2 {
    top: 0;
    left: 0;
    z-index: -3;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all 1200ms ease-in-out;
    transition: all 1200ms ease-in-out;
}

.tz-hs-item-2 .tz-hero-bg2 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-hs-item-2 .tz-hero-text2 {
    z-index: 2;
    max-width: 650px;
    position: relative;
}

.tz-hs-item-2 .tz-hero-text2 .hero-slug {
    opacity: 0;
    font-weight: 600;
    visibility: hidden;
    margin-bottom: 22px;
    color: var(--tz-prime-c);
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}

.tz-hs-item-2 .tz-hero-text2 .hero_title {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.16;
}

@media (max-width: 767px) {
    .tz-hs-item-2 .tz-hero-text2 .hero_title {
        font-size: 50px;
    }
}

@media (max-width: 480px) {
    .tz-hs-item-2 .tz-hero-text2 .hero_title {
        font-size: 45px;
    }
}

.tz-hs-item-2 .tz-hero-text2 .hero_title span {
    color: var(--tz-prime-c);
}

.tz-hs-item-2 .tz-hero-text2 .hero_title .split-line {
    overflow: hidden;
    -webkit-transform: translateY(100%) scaleY(-0.6);
    transform: translateY(100%) scaleY(-0.6);
    opacity: 0;
    -webkit-transition: 1.2s var(--cube-1);
    transition: 1.2s var(--cube-1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.tz-hs-item-2 .tz-hero-text2 p {
    opacity: 0;
    color: #fff;
    font-size: 18px;
    max-width: 570px;
    padding-top: 25px;
    visibility: hidden;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: 1200ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1200ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-hs-item-2 .tz-hero-text2 .hero-btn-grp {
    gap: 20px;
    margin-top: 42px;
}

@media (max-width: 767px) {
    .tz-hs-item-2 .tz-hero-text2 .hero-btn-grp {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-hs-item-2 .tz-hero-text2 .hero-btn-grp .tz-hs-btn {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: 1s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1s cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-hs-item-2 .tz-hero-text2 .hero-btn-grp .tz-hs-btn a {
    color: #fff;
    font-weight: 700;
    padding: 15px 30px;
    border-radius: 100px;
    background-color: var(--tz-prime-c);
}

.tz-hs-item-2 .tz-hero-text2 .hero-btn-grp .tz-hs-btn a:hover {
    background-color: #fff;
}

.tz-hs-item-2 .tz-hero-text2 .hero-btn-grp .tz-hs-btn a:hover span {
    color: var(--tz-title-color);
    -webkit-animation: toLeftFromRight 0.5s forwards;
    animation: toLeftFromRight 0.5s forwards;
}

.tz-hs-item-2 .tz-hero-text2 .hero-btn-grp .tz-hs-cta {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: 1s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1s cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-hs-item-2 .tz-hero-text2 .hero-btn-grp .tz-hs-cta a {
    font-weight: 700;
    padding: 15px 30px;
    border-radius: 100px;
    background-color: #fff;
}

.tz-hs-item-2 .tz-hero-text2 .hero-btn-grp .tz-hs-cta a i {
    color: var(--tz-prime-c);
    margin-right: 5px;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.tz-hs-item-2 .tz-hero-text2 .hero-btn-grp .tz-hs-cta a:hover {
    color: #fff;
    background-color: var(--tz-prime-c);
}

.tz-hs-item-2 .tz-hero-text2 .hero-btn-grp .tz-hs-cta a:hover i {
    color: #fff;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-hs-nav2 {
        left: 0;
        right: 0;
        bottom: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0px 15px;
        margin: 0 auto;
        position: absolute;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.tz-hs-nav2 .tz-hs-next2,
.tz-hs-nav2 .tz-hs-prev2 {
    top: 50%;
    width: 60px;
    height: 60px;
    z-index: 3;
    position: absolute;
    border-radius: 100%;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-hs-nav2 .tz-hs-next2,
    .tz-hs-nav2 .tz-hs-prev2 {
        position: static;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@media (max-width: 767px) {
    .tz-hs-nav2 .tz-hs-next2,
    .tz-hs-nav2 .tz-hs-prev2 {
        width: 45px;
        height: 45px;
    }
}

.tz-hs-nav2 .tz-hs-next2:hover,
.tz-hs-nav2 .tz-hs-prev2:hover {
    -webkit-transform: translateY(-50%) scale(1.1);
    transform: translateY(-50%) scale(1.1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-hs-nav2 .tz-hs-next2:hover,
    .tz-hs-nav2 .tz-hs-prev2:hover {
        -webkit-transform: translateY(0) scale(1.1);
        transform: translateY(0) scale(1.1);
    }
}

.tz-hs-nav2 .tz-hs-prev2 {
    left: 120px;
}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .tz-hs-nav2 .tz-hs-prev2 {
        left: 50px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tz-hs-nav2 .tz-hs-prev2 {
        left: 15px;
    }
}

.tz-hs-nav2 .tz-hs-next2 {
    right: 120px;
}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .tz-hs-nav2 .tz-hs-next2 {
        right: 50px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tz-hs-nav2 .tz-hs-next2 {
        right: 15px;
    }
}

.swiper-slide-active .tz-hs-item-2 .tz-hs-line-1 {
    top: -27%;
}

.swiper-slide-active .tz-hs-item-2 .tz-hero-bg2 {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.swiper-slide-active .tz-hs-item-2 .tz-hs-line-2 {
    bottom: -115%;
}

.swiper-slide-active .tz-hs-item-2 .tz-hero-text2 .hero-slug {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition-delay: 700ms;
    transition-delay: 700ms;
}

.swiper-slide-active .tz-hs-item-2 .tz-hero-text2 .hero_title .split-line {
    -webkit-transform: translateY(0%) scaleY(1);
    transform: translateY(0%) scaleY(1);
    opacity: 1;
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.swiper-slide-active .tz-hs-item-2 .tz-hero-text2 .hero_title .split-line:nth-child(2) {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}

.swiper-slide-active .tz-hs-item-2 .tz-hero-text2 .hero_title .split-line:nth-child(3) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.swiper-slide-active .tz-hs-item-2 .tz-hero-text2 .hero_title .split-line:nth-child(4) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.swiper-slide-active .tz-hs-item-2 .tz-hero-text2 .hero_title .split-line:nth-child(5) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.swiper-slide-active .tz-hs-item-2 .tz-hero-text2 p {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.swiper-slide-active .tz-hs-item-2 .tz-hero-text2 .hero-btn-grp .tz-hs-btn {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms;
}

.swiper-slide-active .tz-hs-item-2 .tz-hero-text2 .hero-btn-grp .tz-hs-cta {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 900ms;
    transition-delay: 900ms;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

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

/*Feature Section*/

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

.tz-feature2-sec {
    z-index: 2;
    position: relative;
    margin-top: 0;
    padding: 20px 0;
}

@media (max-width: 767px){
    .tz-feature2-sec {
        margin-top: 0;
    }
}

.tz-feature2-content {
    gap: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-feature2-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.tz-feature2-sec .container-fluid{
  max-width: 1512px;
  margin-inline: auto;
}

.tz-feature2-item {
    z-index: 1;
    width: 100%;
    max-width: 420px;
    padding: 10px 10px 10px 10px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-feature2-item {
        padding: 0;
    }
}

.tz-feature2-item .item-shape-bg {
    top: 0;
    left: 0;
    z-index: -1;
    position: absolute;
}
.tz-feature2-item .item-shape-bg svg{
  width: 317px;
  height: 110px;
  display: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-feature2-item .item-shape-bg {
        display: none;
    }
}

.tz-feature2-item .item-inner {
    padding: 10px;
    overflow: hidden;
    border-radius: 15px;
    background-image: none !important;
    border: 1px solid #ddd;
    text-align: center;
    box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.3);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-feature2-item .item-inner {
        padding: 15px;
    }
}

.tz-feature2-item .item-icon-number {
    gap: 8px;
    margin-bottom: 10px;
    flex-direction: column;
}

.tz-feature2-item .item-icon-number .item-icon {
    width: 85px;
    min-width: 85px;
    max-width: 85px;
    height: 85px;
    min-height: 85px;
    max-height: 85px;
    border-radius: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0px 13px 23px 0px rgba(0, 0, 0, 0.0705882353);
    box-shadow: 0px 13px 23px 0px rgba(0, 0, 0, 0.0705882353);
}
.tz-feature2-item .item-icon-number .item-icon img{
    filter: hue-rotate(311deg);
}
@media (max-width: 480px) {
    .tz-feature2-item .item-icon-number .item-icon {
        width: 70px;
        min-width: 70px;
        max-width: 70px;
        height: 70px;
        min-height: 70px;
        max-height: 70px;
    }
}

.tz-feature2-item .item-icon-number .item-number h2 {
    line-height: 1;
    font-size: 44px;
    font-weight: 700;
    padding-bottom: 8px;
}

@media (max-width: 480px) {
    .tz-feature2-item .item-icon-number .item-number h2 {
        font-size: 36px;
    }
}

.tz-feature2-item .item-icon-number .item-number h3 {
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 480px) {
    .tz-feature2-item .item-icon-number .item-number h3 {
        font-size: 16px;
        max-width: 150px;
    }
}

.tz-feature2-item p {
    max-width: 303px;
    font-size: 14px;
}

.tz-feature2-item:hover .item-icon-number .item-icon {
    -webkit-animation: icon-bounce 1s ease-out infinite;
    animation: icon-bounce 1s ease-out infinite;
}

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

/*About Section*/

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

@-webkit-keyframes border_animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    20% {
        -webkit-transform: scale(1.24);
        transform: scale(1.24);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(2.1);
        transform: scale(2.1);
        opacity: 0;
    }
}

@keyframes border_animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    20% {
        -webkit-transform: scale(1.24);
        transform: scale(1.24);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(2.1);
        transform: scale(2.1);
        opacity: 0;
    }
}

.tz-ab2-content {
    z-index: 1;
    overflow: hidden;
    border-radius: 15px;
    padding: 115px 120px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .tz-ab2-content {
        padding: 80px 60px;
    }
}

@media (max-width: 767px) {
    .tz-ab2-content {
        padding: 80px 30px;
    }
}

.tz-ab2-content .ab2-shape2 {
    top: -170px;
    left: -200px;
}

@media (max-width: 767px) {
    .tz-ab2-content .ab2-shape2 {
        display: none;
    }
}

.tz-ab2-content .ab2-shape1 {
    top: -100px;
    left: -123px;
}

@media (max-width: 767px) {
    .tz-ab2-content .ab2-shape1 {
        display: none;
    }
}

.tz-ab2-content .ab-bg2 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.tz-ab2-content .ab-bg2:before,
.tz-ab2-content .ab-bg2:after {
    top: 0;
    left: 0;
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, color-stop(29.15%, rgba(5, 9, 26, 0.41)), color-stop(75.35%, rgba(2, 12, 56, 0.3034)));
    background: linear-gradient(90deg, rgba(5, 9, 26, 0.41) 29.15%, rgba(2, 12, 56, 0.3034) 75.35%);
}

.tz-ab2-content .ab-bg2:after {
    background: -webkit-gradient(linear, left top, right top, color-stop(29.15%, rgba(8, 8, 39, 0.89)), color-stop(75.35%, rgba(2, 12, 56, 0)));
    background: linear-gradient(90deg, rgba(8, 8, 39, 0.89) 29.15%, rgba(2, 12, 56, 0) 75.35%);
}

.tz-ab2-content .ab-bg2 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-ab2-content .tz-section-title {
    max-width: 525px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ab2-content .tz-section-title {
        max-width: 100%;
    }
}

.tz-ab2-content .tz-section-title .sec_title {
    color: #fff;
}

.tz-ab2-content .tz-btn-1 a {
    color: var(--tz-prime-c);
    background-color: #fff;
}

.ab_video_play_btn {
    top: 50%;
    right: 210px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    position: absolute;
    border-radius: 100%;
    background-color: #fff;
    color: var(--tz-prime-c);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .ab_video_play_btn {
        z-index: 2;
        position: static;
        margin-bottom: 60px;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.ab_video_play_btn a {
    width: 100%;
    height: 100%;
    font-size: 30px;
}

.ab_video_play_btn .video_btn_border {
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 100%;
    border: 2px solid rgba(255, 255, 255, 0.4705882353);
    animation-play-state: running;
    -webkit-animation-play-state: running;
    -webkit-animation: border_animation 3.9s linear 0s infinite;
    animation: border_animation 3.9s linear 0s infinite;
}

.ab_video_play_btn .video_btn_border.border_wrap-2 {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

.ab_video_play_btn .video_btn_border.border_wrap-3 {
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
}

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

/*Service Section*/

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

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.tz-ser2-sec {
    z-index: 1;
    margin: 0px 40px;
    overflow: hidden;
    border-radius: 30px;
    background-color: #F0EEF5;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ser2-sec {
        margin: 0;
        border-radius: 0px;
    }
}

.tz-ser2-sec .tz-section-title {
    margin: 0 auto;
    max-width: 630px;
}

.tz-ser2-sec .tz-ser2-shape1 {
    top: -170%;
    right: -30%;
    z-index: -1;
}

.tz-ser2-sec .tz-ser2-shape2 {
    left: -30%;
    z-index: -1;
    bottom: -170%;
}

.tz-ser2-sec .tz-ser2-circle1,
.tz-ser2-sec .tz-ser2-circle3 {
    z-index: -1;
    width: 540px;
    height: 540px;
    position: absolute;
    border-radius: 100%;
    background-color: var(--tz-prime-c);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ser2-sec .tz-ser2-circle1,
    .tz-ser2-sec .tz-ser2-circle3 {
        display: none;
    }
}

.tz-ser2-sec .tz-ser2-circle2,
.tz-ser2-sec .tz-ser2-circle4 {
    z-index: -2;
    width: 630px;
    height: 630px;
    position: absolute;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.3);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ser2-sec .tz-ser2-circle2,
    .tz-ser2-sec .tz-ser2-circle4 {
        display: none;
    }
}

.tz-ser2-sec .tz-ser2-circle1 {
    top: -40%;
    left: -17%;
}

.tz-ser2-sec .tz-ser2-circle2 {
    top: -46%;
    left: -20%;
}

.tz-ser2-sec .tz-ser2-circle3 {
    bottom: -40%;
    right: -17%;
}

.tz-ser2-sec .tz-ser2-circle4 {
    bottom: -46%;
    right: -20%;
}

.tz-ser2-item {
    z-index: 1;
    margin-bottom: 30px;
    padding: 0px 40px 40px;
}

.tz-ser2-item .ser-itm-bg {
    top: 0;
    width: 100%;
    left: -5px;
    z-index: -1;
    height: 100%;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .tz-ser2-item .ser-itm-bg {
        left: 0;
    }
}

.tz-ser2-item .ser-itm-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-ser2-item .ser-itm-bg2 {
    top: 0;
    height: 0;
    left: -5px;
    opacity: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    visibility: hidden;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

@media (max-width: 767px) {
    .tz-ser2-item .ser-itm-bg2 {
        left: 0;
    }
}

.tz-ser2-item .ser-itm-bg2 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-ser2-item .item-icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 15px;
    margin-bottom: 55px;
    background-color: var(--tz-prime-c);
}

.tz-ser2-item .item-text h3 {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 12px;
}

.tz-ser2-item .item-text p {
    padding-bottom: 24px;
}

.tz-ser2-item .item-text .read_more {
    color: #fff;
    font-weight: 700;
    padding: 10px 30px;
    border-radius: 100px;
    background-color: var(--tz-prime-c);
}

.tz-ser2-item .item-text .read_more i {
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.tz-ser2-item .item-text .read_more:hover {
    background-color: var(--tz-title-color);
}

.tz-ser2-item .item-text .read_more:hover i {
    margin-left: 5px;
}

.tz-ser2-item:hover .item-icon img {
    -webkit-animation: flip 1s;
    animation: flip 1s;
}

.tz-ser2-item:hover .ser-itm-bg2 {
    opacity: 1;
    visibility: visible;
}

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

/*Service Feature Section*/

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

.tz-ser-feat-sec {
    overflow: hidden;
}

.tz-ser-feat-text-wrap {
    max-width: 590px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ser-feat-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
}

.tz-ser-feat-item {
    gap: 15px 25px;
    margin-bottom: 18px;
    box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background: #fff;
    padding: 10px;
}

@media (max-width: 767px) {
    .tz-ser-feat-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-ser-feat-item:last-child {
    margin-bottom: 0;
}

.tz-ser-feat-item .item-icon {
    width: 70px;
    min-width: 70px;
    height: 70px;
    border-radius: 100%;
    background-color: #fff;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
     box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.tz-ser-feat-item .item-icon img{
    width: 46px;
    filter: hue-rotate(311deg);
}
.tz-ser-feat-item .item-text {
    max-width: 494px;
}

.tz-ser-feat-item .item-text h3 {
    font-size: 22px;
    font-weight: 700;
}

.tz-ser-feat-item .item-text p {
    padding-top: 10px;
}

.tz-ser-feat-item:hover .item-icon {
    -webkit-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.tz-ser-feat-img-wrap .item-img {
    clip-path: polygon(9.202% 50.211%, 9.202% 50.211%, 7.729% 50.612%, 6.346% 51.205%, 5.068% 51.974%, 3.91% 52.904%, 2.888% 53.979%, 2.018% 55.185%, 1.314% 56.505%, 0.793% 57.924%, 0.469% 59.428%, 0.357% 61%, 0.357% 89%, 0.357% 89%, 0.501% 90.784%, 0.918% 92.477%, 1.585% 94.055%, 2.479% 95.496%, 3.579% 96.778%, 4.861% 97.878%, 6.302% 98.772%, 7.88% 99.439%, 9.573% 99.856%, 11.357% 100%, 39.357% 100%, 39.357% 100%, 40.965% 99.883%, 42.501% 99.544%, 43.949% 98.999%, 45.291% 98.264%, 46.511% 97.356%, 47.593% 96.292%, 48.521% 95.087%, 49.277% 93.759%, 49.846% 92.324%, 50.211% 90.798%, 50.211% 90.798%, 50.612% 92.271%, 51.205% 93.654%, 51.974% 94.932%, 52.904% 96.09%, 53.979% 97.112%, 55.185% 97.982%, 56.505% 98.686%, 57.924% 99.207%, 59.428% 99.532%, 61% 99.643%, 89% 99.643%, 89% 99.643%, 90.784% 99.499%, 92.477% 99.082%, 94.055% 98.415%, 95.496% 97.521%, 96.778% 96.421%, 97.878% 95.139%, 98.772% 93.698%, 99.439% 92.12%, 99.856% 90.427%, 100% 88.643%, 100% 60.643%, 100% 60.643%, 99.883% 59.035%, 99.544% 57.499%, 98.999% 56.052%, 98.264% 54.709%, 97.356% 53.489%, 96.292% 52.407%, 95.087% 51.479%, 93.759% 50.723%, 92.324% 50.154%, 90.798% 49.789%, 90.798% 49.789%, 92.271% 49.388%, 93.654% 48.795%, 94.933% 48.026%, 96.09% 47.096%, 97.112% 46.021%, 97.982% 44.815%, 98.686% 43.495%, 99.207% 42.076%, 99.532% 40.572%, 99.643% 39%, 99.643% 11%, 99.643% 11%, 99.499% 9.216%, 99.082% 7.523%, 98.415% 5.945%, 97.521% 4.504%, 96.421% 3.222%, 95.139% 2.122%, 93.698% 1.228%, 92.12% 0.561%, 90.427% 0.144%, 88.643% 0%, 60.643% 0%, 60.643% 0%, 59.035% 0.117%, 57.499% 0.456%, 56.052% 1.001%, 54.709% 1.736%, 53.489% 2.644%, 52.407% 3.708%, 51.479% 4.913%, 50.723% 6.241%, 50.154% 7.676%, 49.789% 9.202%, 49.789% 9.202%, 49.388% 7.729%, 48.795% 6.346%, 48.026% 5.068%, 47.096% 3.91%, 46.021% 2.888%, 44.815% 2.018%, 43.495% 1.314%, 42.076% 0.793%, 40.572% 0.469%, 39% 0.357%, 11% 0.357%, 11% 0.357%, 9.216% 0.501%, 7.523% 0.918%, 5.945% 1.585%, 4.504% 2.48%, 3.222% 3.579%, 2.122% 4.861%, 1.228% 6.302%, 0.561% 7.88%, 0.144% 9.573%, 0% 11.357%, 0% 39.357%, 0% 39.357%, 0.117% 40.965%, 0.456% 42.501%, 1.001% 43.949%, 1.736% 45.291%, 2.644% 46.511%, 3.708% 47.593%, 4.913% 48.521%, 6.241% 49.277%, 7.676% 49.846%, 9.202% 50.211%);
}

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

/*Project Section*/

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

.tz-project2-sec {
    overflow: hidden;
    background-color: #05091A;
}

.tz-project2-sec .tz-section-title {
    margin: 0 auto;
    max-width: 630px;
}

.tz-project2-sec .tz-section-title .sec_title {
    color: #fff;
}

.tz-project2-sec .tz-section-title p {
    color: #fff;
}

.tz-pro2-slide {
    margin-left: -380px;
    margin-right: -380px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-pro2-slide {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.tz-pro2-item {
    margin: 0 auto;
    overflow: hidden;
    max-width: 630px;
}

.tz-pro2-item .item-img {
    overflow: hidden;
    border-radius: 15px;
    position: relative;
}

.tz-pro2-item .item-img:before {
    left: 0;
    bottom: 0;
    height: 0%;
    width: 100%;
    content: "";
    opacity: 0;
    visibility: hidden;
    position: absolute;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(23, 14, 46, 0)), to(#110B22));
    background: linear-gradient(180deg, rgba(23, 14, 46, 0) 0%, #110B22 100%);
}

.tz-pro2-item .item-arrow {
    top: 0px;
    opacity: 0;
    right: 0px;
    visibility: hidden;
    position: absolute;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-pro2-item .item-arrow a {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #fff;
}

.tz-pro2-item .item-arrow a i {
    color: var(--tz-prime-c);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.tz-pro2-item .item-text-wrap {
    left: 0;
    right: 0;
    width: 90%;
    opacity: 0;
    bottom: -20px;
    margin: 0 auto;
    visibility: hidden;
    position: absolute;
    -webkit-transition: 700ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 700ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

@media (max-width: 480px) {
    .tz-pro2-item .item-text-wrap {
        opacity: 1;
        position: static;
        margin-top: 30px;
        visibility: visible;
    }
}

.tz-pro2-item .item-text-wrap .inner-title h3 {
    color: #fff;
    font-weight: 700;
    padding-bottom: 12px;
}

.tz-pro2-item .item-text-wrap .inner-title p {
    color: #fff;
}

.tz-pro2-item .item-btn {
    margin-top: 35px;
}

.tz-pro2-item .item-btn a {
    color: #fff;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100px;
    padding: 12px 15px 12px 25px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: var(--tz-prime-c);
}

.tz-pro2-item .item-btn a i {
    color: #fff;
    width: 26px;
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #FFFFFF;
}

.tz-pro2-item:hover .item-img:before {
    opacity: 1;
    height: 100%;
    visibility: visible;
}

.tz-pro2-item:hover .item-text-wrap {
    opacity: 1;
    bottom: 30px;
    visibility: visible;
}

.tz-pro2-item:hover .item-arrow {
    top: 30px;
    opacity: 1;
    right: 30px;
    visibility: visible;
}

.swiper-slide-next .tz-pro2-item .item-img:before {
    opacity: 1;
    height: 100%;
    visibility: visible;
}

.swiper-slide-next .tz-pro2-item .item-text-wrap {
    opacity: 1;
    bottom: 30px;
    visibility: visible;
}

.swiper-slide-next .tz-pro2-item .item-arrow {
    top: 30px;
    opacity: 1;
    right: 30px;
    visibility: visible;
}

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

/*team Section*/

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

.tz-team2-sec {
    overflow: hidden;
    background-color: #F2F3F4;
}

.tz-team2-content {
    gap: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-team2-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
}

.tz-team2-text-wrap {
    max-width: 520px;
}

.tz-team2-text-wrap .tz-section-title .sec_title {
    max-width: 365px;
}

.tz-team2-item-wrap {
    padding: 15px;
    max-width: 660px;
}

@media (max-width: 767px) {
    .tz-team2-item-wrap {
        max-width: 100%;
    }
}

.tz-team2-item {
    padding: 60px 45px;
    border-radius: 15px;
    background-color: #fff;
}

.tz-team2-item .item-img-social {
    width: 180px;
    height: 180px;
    margin: 0 auto;
    border-radius: 100%;
    margin-bottom: 12px;
    border: 3px solid transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(31.39%, rgba(234, 232, 255, 0.29)), to(#673AEE)) border-box;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, rgba(234, 232, 255, 0.29) 31.39%, #673AEE 100%) border-box;
}

.tz-team2-item .item-img-social .social-icon {
    right: 0;
    left: 5px;
    top: 60px;
    opacity: 0;
    width: 30px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    visibility: hidden;
    -webkit-transition: 700ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 700ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-team2-item .item-img-social .social-icon a {
    color: #fff;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    margin-bottom: 5px;
    border-radius: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--tz-prime-c);
}

.tz-team2-item .item-img-social .item-social {
    right: 0;
    left: 7px;
    bottom: 7px;
    color: #fff;
    width: 39px;
    height: 39px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    border-radius: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--tz-prime-c);
}

.tz-team2-item .item-img-social .inner-img {
    width: 132px;
    height: 132px;
    overflow: hidden;
    border-radius: 100%;
    border: 2px solid #fff;
    -webkit-box-shadow: 0px 4px 17px 0px rgba(35, 26, 63, 0.2117647059);
    box-shadow: 0px 4px 17px 0px rgba(35, 26, 63, 0.2117647059);
}

.tz-team2-item .item-text h3 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 5px;
}

.tz-team2-item:hover .item-img-social .social-icon {
    top: 22px;
    opacity: 1;
    visibility: visible;
}

.tz-team2-nav {
    gap: 10px;
}

.tz-team2-nav .tz-team2-prev,
.tz-team2-nav .tz-team2-next {
    font-weight: 700;
    padding: 12px 28px;
    border-radius: 100px;
    background-color: #fff;
    color: var(--tz-prime-c);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-team2-nav .tz-team2-prev:hover,
.tz-team2-nav .tz-team2-next:hover {
    color: #fff;
    background-color: var(--tz-prime-c);
}

.tz-team2-nav .tz-team2-prev i {
    margin-right: 5px;
}

.tz-team2-nav .tz-team2-next i {
    margin-left: 5px;
}

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

/*Faq Section*/

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

.tz-faq-sec {
    z-index: 1;
    overflow: hidden;
    background-color: #05091A;
}

.tz-faq-sec .tz-faq-img {
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    overflow: hidden;
}

.tz-faq-sec .tz-faq-img .item-img {
    width: 100%;
    height: 100%;
}

.tz-faq-sec .tz-faq-img .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-faq-sec .tz-faq-img .item-rate {
    gap: 20px;
    right: 60px;
    bottom: 60px;
    padding: 26px 35px;
    position: absolute;
    border-radius: 15px;
    background-color: #fff;
}

@media (max-width: 480px) {
    .tz-faq-sec .tz-faq-img .item-rate {
        left: 0;
        bottom: 0;
        gap: 10px;
        width: 100%;
        border-radius: 0;
        padding: 26px 25px;
    }
}

.tz-faq-sec .tz-faq-img .item-rate .item-user ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tz-faq-sec .tz-faq-img .item-rate .item-user li {
    width: 44px;
    height: 44px;
    overflow: hidden;
    margin-left: -20px;
    border-radius: 100%;
    border: 2px solid #FFFFFF;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-faq-sec .tz-faq-img .item-rate .item-user li:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.tz-faq-sec .tz-faq-img .item-rate .item-user li:first-child {
    margin-left: 0;
}

.tz-faq-sec .tz-faq-img .item-rate .item-text span {
    font-size: 18px;
    font-weight: 700;
    color: var(--tz-title-color);
}

@media (max-width: 480px) {
    .tz-faq-sec .tz-faq-img .item-rate .item-text span {
        font-size: 15px;
    }
}

.tz-faq-sec .tz-faq-img .item-rate .item-text li {
    color: #FFBE11;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-faq-sec .tz-faq-img {
        left: 0;
        width: 100%;
        height: 400px;
        margin-bottom: 40px;
        position: relative !important;
    }
}

.tz-faq-sec .tz-faq-bg {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.tz-faq-sec .tz-faq-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    filter: hue-rotate(311deg);
    object-fit: cover;
}

.tz-faq-content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.tz-faq-text-wrap {
    max-width: 715px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tz-faq-text-wrap {
        max-width: 680px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-faq-text-wrap {
        max-width: 100%;
    }
}

.tz-faq-text-wrap .tz-section-title .subtitle,
.tz-faq-text-wrap .tz-section-title .sec_title {
    color: #fff;
}

.tz-faq-accordion {
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px),
(max-width: 480px) {
    .tz-faq-accordion {
        max-width: 100%;
    }
}

.tz-faq-accordion .accordion-item,
.tz-faq-accordion .accordion-button:not(.collapsed),
.tz-faq-accordion .accordion-button {
    background-color: transparent;
}

.tz-faq-accordion .accordion-item {
    padding: 0;
    border: none;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-faq-accordion .accordion-button {
    padding: 0;
    border: none;
    font-size: 18px;
    font-weight: 600;
    border-radius: 10px;
    position: relative;
    border-radius: 0;
    color: var(--tz-title-color);
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    padding: 16px 28px 17px 30px;
}

.tz-faq-accordion .accordion-button span {
    max-width: 85%;
    display: inline-block;
}

.tz-faq-accordion .accordion-button:focus {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tz-faq-accordion .accordion-body {
    font-size: 16px;
    line-height: 1.625;
    padding: 26px 30px 30px;
}

.tz-faq-accordion .accordion-button::after {
    top: 15px;
    right: 20px;
    opacity: 0.7;
    content: "\f078";
    font-weight: 900;
    position: absolute;
    border-radius: 100%;
    background-image: none;
    font-family: "Font Awesome 6 free";
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tz-faq-accordion .accordion-button:not(.collapsed) {
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-bottom: 15px;
    background-color: var(--tz-prime-c);
}

.tz-faq-accordion .accordion-button:not(.collapsed):before {
    opacity: 1;
    color: var(--tz-prime-c);
}

.tz-faq-accordion .accordion-button:not(.collapsed):after {
    opacity: 1;
    color: #fff;
    content: "\f078";
}

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

/*Work Process Section*/

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

.tz-work-process-sec {
    overflow: hidden;
}

.tz-work-process-sec .tz-section-title {
    margin: 0 auto;
    max-width: 570px;
}

.tz-work-process-sec:is(.ver_2) {
    background-color: #F2F3F4;
}

.tz-wrkp-item {
    margin-bottom: 30px;
}

.tz-wrkp-item .item-icon-step {
    gap: 20px;
    margin-bottom: 32px;
}

@media (max-width: 480px) {
    .tz-wrkp-item .item-icon-step {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.tz-wrkp-item .item-icon-step .item-icon {
    width: 112px;
    height: 112px;
    border-radius: 100%;
    background-color: var(--tz-prime-c);
}

.tz-wrkp-item .item-icon-step .item-step {
    line-height: 1;
    color: #E3E3EF;
    font-size: 60px;
    font-weight: 700;
}

@media (max-width: 480px) {
    .tz-wrkp-item .item-icon-step .item-step {
        font-size: 50px;
    }
}

.tz-wrkp-item .item-text h3 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 13px;
}

.tz-wrkp-item .item-text p {
    max-width: 350px;
}

.tz-wrkp-item:hover .item-icon {
    -webkit-animation: swing 2s ease infinite;
    animation: swing 2s ease infinite;
}

.tz-wrkp-item:is(.ver_2) {
    z-index: 1;
    padding: 30px;
    position: relative;
}

.tz-wrkp-item:is(.ver_2):before {
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 70%;
    content: "";
    border-radius: 15px;
    position: absolute;
    background-color: #fff;
}

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

/*Price Section*/

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

.tz-price-sec {
    z-index: 1;
    overflow: hidden;
    background-color: var(--tz-prime-c);
}

.tz-price-sec:is(.ver_2) {
    background-color: #fff;
}

.tz-price-sec .tz-section-title .subtitle {
    color: #fff;
}

.tz-price-sec .tz-section-title .sec_title {
    color: #fff;
}

.tz-price-sec .tz-price-shape {
    top: -10%;
    left: -5%;
    z-index: -1;
}

.tz-price-item {
    border-radius: 15px;
    margin-bottom: 30px;
    padding: 75px 20px 20px;
    background-color: #F2F3F4;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-price-item {
        padding-top: 45px;
    }
}

.tz-price-item .tz-price-tag {
    top: 20px;
    right: 20px;
    font-weight: 600;
    padding: 5px 20px;
    position: absolute;
    margin-bottom: 70px;
    border-radius: 100px;
    background-color: #fff;
    color: var(--tz-title-color);
    border: 1px solid var(--tz-prime-c);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-price-item .tz-price-tag {
        position: static;
        text-align: center;
    }
}

.tz-price-item .tz-price-wrap {
    padding: 30px;
    border-radius: 15px;
    background-color: #fff;
}

.tz-price-item .tz-price-wrap .item-icon {
    width: 93px;
    height: 93px;
    margin-top: -80px;
    border-radius: 100%;
    background-color: var(--tz-prime-c);
}

.tz-price-item .tz-price-wrap .item-top {
    margin-top: 35px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EBE7F6;
}

.tz-price-item .tz-price-wrap .item-top span {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 15px;
    color: var(--tz-title-color);
}

.tz-price-item .tz-price-wrap .item-top h3 {
    font-size: 40px;
    font-weight: 700;
    color: var(--tz-title-color);
}

.tz-price-item .tz-price-wrap .item-top h3 sub {
    bottom: 0;
    font-size: 16px;
    font-weight: 400;
}

.tz-price-item .tz-price-wrap .item-list {
    padding-top: 28px;
}

.tz-price-item .tz-price-wrap .item-list h4 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 18px;
}

.tz-price-item .tz-price-wrap .item-list li {
    font-weight: 500;
    padding-left: 15px;
    position: relative;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
}

.tz-price-item .tz-price-wrap .item-list li:before {
    left: 0;
    top: 9px;
    width: 7px;
    content: "";
    height: 7px;
    position: absolute;
    border-radius: 100%;
    background-color: var(--tz-title-color);
}

.tz-price-item .tz-price-wrap .tz-price-btn {
    margin-top: 24px;
}

.tz-price-item .tz-price-wrap .tz-price-btn a {
    width: 100%;
    color: #fff;
    font-weight: 700;
    padding: 15px 20px;
    text-align: center;
    border-radius: 100px;
    background-color: var(--tz-prime-c);
}

.tz-price-item .tz-price-wrap .tz-price-btn a:hover {
    background-color: var(--tz-title-color);
}

.tz-price-growth-sec {
    background-color: #F6F6F6;
}

.tz-price-growth-sec .tz-section-title {
    margin: 0 auto;
    max-width: 635px;
}

.tz-price-growth-item {
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -webkit-box-shadow: 0px 15px 48px 0px rgba(16, 19, 24, 0.0901960784);
    box-shadow: 0px 15px 48px 0px rgba(16, 19, 24, 0.0901960784);
}

.tz-price-growth-item .item-icon {
    width: 100px;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #DBE1EB;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-price-growth-item .item-icon svg path {
    fill: var(--tz-prime-c);
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-price-growth-item .item-text {
    padding-top: 40px;
    padding-left: 45px;
    padding-bottom: 45px;
}

.tz-price-growth-item .item-text h3 {
    font-size: 48px;
    font-weight: 700;
}

.tz-price-growth-item .item-text p {
    font-weight: 700;
    color: var(--tz-title-color);
}

.tz-price-growth-item:hover {
    border: 1px solid var(--tz-prime-c);
}

.tz-price-growth-item:hover .item-icon {
    border: 1px solid var(--tz-prime-c);
    background-color: var(--tz-prime-c);
}

.tz-price-growth-item:hover .item-icon svg path {
    fill: #fff;
}

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

/*Blog Section*/

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

.tz-blog2-sec {
    overflow: hidden;
    background-color: #F2F2F2;
}

.tz-blog2-sec .tz-section-title {
    margin: 0 auto;
    max-width: 565px;
}

.tz-blog2-item {
    gap: 30px;
    padding: 10px;
    margin-bottom: 30px;
    border-radius: 15px;
    background-color: #fff;
}

@media (max-width: 480px) {
    .tz-blog2-item {
        padding: 15px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-blog2-item .item-img {
    width: 210px;
    height: 100%;
    overflow: hidden;
    border-radius: 15px;
}

.tz-blog2-item .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-blog2-item .item-text {
    max-width: 315px;
}

@media (max-width: 480px) {
    .tz-blog2-item .item-text {
        max-width: 100%;
    }
}

.tz-blog2-item .item-text .item-meta {
    margin-bottom: 12px;
}

.tz-blog2-item .item-text .item-meta a {
    margin-right: 20px;
}

.tz-blog2-item .item-text .item-meta a:last-child {
    margin-right: 0;
}

.tz-blog2-item .item-text .item-meta a i {
    margin-right: 5px;
    color: var(--tz-prime-c);
}

.tz-blog2-item .item-text .blog_title {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-blog2-item .item-text .blog_title {
        padding-bottom: 15px;
    }
}

.tz-blog2-item .read_more {
    color: #fff;
    font-weight: 700;
    border-radius: 100px;
    background-color: var(--tz-prime-c);
}

.tz-blog2-item .read_more span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 10px 10px 25px;
}

.tz-blog2-item .read_more i {
    width: 26px;
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    margin-left: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #fff;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-blog2-item .read_more:hover {
    background-color: var(--tz-title-color);
}

.tz-blog2-item .read_more:hover i {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.tz-blog2-item:hover .item-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

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

/*Blog Section*/

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

.tz-blog2-sec {
    overflow: hidden;
    background-color: #F2F2F2;
}

.tz-blog2-sec .tz-section-title {
    margin: 0 auto;
    max-width: 565px;
}

.tz-blog2-item {
    gap: 30px;
    padding: 10px;
    margin-bottom: 30px;
    border-radius: 15px;
    background-color: #fff;
}

@media (max-width: 480px) {
    .tz-blog2-item {
        padding: 15px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-blog2-item .item-img {
    width: 210px;
    height: 100%;
    overflow: hidden;
    border-radius: 15px;
}

.tz-blog2-item .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-blog2-item .item-text {
    max-width: 315px;
}

@media (max-width: 480px) {
    .tz-blog2-item .item-text {
        max-width: 100%;
    }
}

.tz-blog2-item .item-text .item-meta {
    margin-bottom: 12px;
}

.tz-blog2-item .item-text .item-meta a {
    margin-right: 20px;
}

.tz-blog2-item .item-text .item-meta a:last-child {
    margin-right: 0;
}

.tz-blog2-item .item-text .item-meta a i {
    margin-right: 5px;
    color: var(--tz-prime-c);
}

.tz-blog2-item .item-text .blog_title {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-blog2-item .item-text .blog_title {
        padding-bottom: 15px;
    }
}

.tz-blog2-item .read_more {
    color: #fff;
    font-weight: 700;
    border-radius: 100px;
    background-color: var(--tz-prime-c);
}

.tz-blog2-item .read_more span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 10px 10px 25px;
}

.tz-blog2-item .read_more i {
    width: 26px;
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    margin-left: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #fff;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-blog2-item .read_more:hover {
    background-color: var(--tz-title-color);
}

.tz-blog2-item .read_more:hover i {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.tz-blog2-item:hover .item-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

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

/******* HOME PAGE 3 *******/

/*Hero Section*/

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

.tz-hero3-sec {
    padding-top: 150px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-hero3-sec {
        padding-top: 100px;
    }
}

@media (max-width: 767px) {
    .tz-hero3-sec {
        padding-top: 85px;
    }
}

@media (max-width: 480px) {
    .tz-hero3-sec {
        padding-top: 80px;
    }
}

.tz-hero3-cate-content {
    left: 0px;
    z-index: 3;
    top: 150px;
    position: absolute;
    background-color: #fff;
    padding: 20px 20px 20px 240px;
    clip-path: polygon(0% 0%, 100% 0%, 98.914% 63.41%, 98.914% 63.41%, 98.774% 69.648%, 98.578% 75.453%, 98.331% 80.774%, 98.038% 85.557%, 97.704% 89.749%, 97.333% 93.298%, 96.93% 96.151%, 96.501% 98.254%, 96.049% 99.555%, 95.58% 100%, 0% 100%, 0% 0%);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .tz-hero3-cate-content {
        padding: 20px 20px 20px 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-hero3-cate-content {
        display: none;
    }
}

.tz-hero3-cate-content ul {
    gap: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tz-hero3-cate-content li a {
    gap: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100px;
    background-color: #fff;
    padding: 5px 35px 5px 5px;
    -webkit-box-shadow: 0px 16px 48px 0px rgba(12, 17, 33, 0.168627451);
    box-shadow: 0px 16px 48px 0px rgba(12, 17, 33, 0.168627451);
}

.tz-hero3-cate-content li a .item-icon {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    background-color: #F3F5FC;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-hero3-cate-content li a .item-text {
    font-size: 18px;
    font-weight: 700;
    color: var(--tz-title-color);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .tz-hero3-cate-content li a .item-text {
        font-size: 16px;
    }
}

.tz-hero3-cate-content li a:hover .item-icon {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

.tz-hero3-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tz-hero3-item {
    z-index: 1;
    overflow: hidden;
}

.tz-hero3-item .tz-item-shape2 {
    top: -200%;
    left: 0%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .tz-hero3-item .tz-item-shape2 {
        left: -20%;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tz-hero3-item .tz-item-shape2 {
        left: -30%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .tz-hero3-item .tz-item-shape2 {
        left: -25%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-hero3-item .tz-item-shape2 {
        left: -25%;
    }
}

.tz-hero3-item .tz-item-shape1 {
    top: -200%;
    left: -40%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .tz-hero3-item .tz-item-shape1 {
        left: -20%;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tz-hero3-item .tz-item-shape1 {
        left: -30%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .tz-hero3-item .tz-item-shape1 {
        left: -25%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-hero3-item .tz-item-shape1 {
        left: -25%;
    }
}

.tz-hero3-item .tz-hero3-bg {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
}

.tz-hero3-item .tz-hero3-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: scaleY(200%);
    transform: scaleY(200%);
    -webkit-filter: blur(8px);
    filter: blur(8px);
    -webkit-transition: -webkit-filter 2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 2s cubic-bezier(0.4, -0.5, 0.1, 1.48);
    transition: -webkit-filter 2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 2s cubic-bezier(0.4, -0.5, 0.1, 1.48);
    transition: filter 2s cubic-bezier(0.4, 0, 0.2, 1), transform 2s cubic-bezier(0.4, -0.5, 0.1, 1.48);
    transition: filter 2s cubic-bezier(0.4, 0, 0.2, 1), transform 2s cubic-bezier(0.4, -0.5, 0.1, 1.48), -webkit-filter 2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 2s cubic-bezier(0.4, -0.5, 0.1, 1.48);
}

.tz-hero3-item .tz-hero3-bg:before {
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    background: -webkit-gradient(linear, right top, left top, from(rgba(5, 9, 26, 0)), to(#05091A));
    background: linear-gradient(270deg, rgba(5, 9, 26, 0) 0%, #05091A 100%);
}

.tz-hero3-text {
    max-width: 686px;
    padding-top: 260px;
    padding-bottom: 170px;
}

@media (max-width: 767px) {
    .tz-hero3-text {
        padding-top: 180px;
        padding-bottom: 100px;
    }
}

@media (max-width: 480px) {
    .tz-hero3-text {
        padding-top: 120px;
        padding-bottom: 100px;
    }
}

.tz-hero3-text .hero-slug {
    opacity: 0;
    font-size: 14px;
    font-weight: 700;
    visibility: hidden;
    margin-bottom: 15px;
    color: var(--tz-prime-c);
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-hero3-text .hero_title {
    color: #fff;
    font-size: 60px;
    line-height: 1.167;
    font-weight: 700;
}

.tz-hero3-text .hero_title .split-line {
    opacity: 0;
    overflow: hidden;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: translateY(0) scaleY(0);
    transform: translateY(0) scaleY(0);
    -webkit-transition: 0.8s cubic-bezier(0.4, -0.5, 0.1, 1.48);
    transition: 0.8s cubic-bezier(0.4, -0.5, 0.1, 1.48);
}

@media (max-width: 767px) {
    .tz-hero3-text .hero_title {
        font-size: 50px;
    }
}

@media (max-width: 480px) {
    .tz-hero3-text .hero_title {
        font-size: 40px;
    }
}

.tz-hero3-text p {
    opacity: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding-top: 22px;
    visibility: hidden;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    -webkit-transition: 1200ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1200ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-hero3-text .tz-hero3-btn-grp {
    gap: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    -webkit-transition: 1200ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1200ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-hero3-text .tz-hero3-btn-grp a {
    color: #fff;
    font-weight: 700;
    padding: 16px 30px;
    border-radius: 100px;
    background-color: var(--tz-prime-c);
}

.tz-hero3-text .tz-hero3-btn-grp a:last-child {
    padding: 14px 30px;
    border: 2px solid #fff;
    background-color: transparent;
}

.tz-hero3-text .tz-hero3-btn-grp a:hover {
    background-color: #fff;
    color: var(--tz-title-color);
}

.tz-hero3-pagination {
    top: 50% !important;
    z-index: 2;
    right: 120px;
    bottom: auto !important;
    position: absolute;
    left: auto !important;
    width: auto !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-hero3-pagination {
        right: 15px;
    }
}

@media (max-width: 767px) {
    .tz-hero3-pagination {
        display: none;
    }
}

.tz-hero3-pagination .swiper-pagination-bullet {
    opacity: 1;
    width: 5px;
    height: 40px;
    display: block;
    border-radius: 100px;
    background-color: #fff;
    margin: 8px 0px !important;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-hero3-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--tz-prime-c);
}

.swiper-slide-active .tz-hero3-item .tz-item-shape2 {
    top: -145%;
    left: -10%;
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
}

.swiper-slide-active .tz-hero3-item .tz-item-shape1 {
    top: -106%;
    left: -10%;
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.swiper-slide-active .tz-hero3-item .tz-hero3-bg img {
    -webkit-transform: scaleY(100%);
    transform: scaleY(100%);
    -webkit-filter: blur(0px);
    filter: blur(0px);
}

.swiper-slide-active .tz-hero3-item .tz-hero3-text .hero-slug {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.swiper-slide-active .tz-hero3-item .tz-hero3-text .hero_title .split-line {
    -webkit-transform: translateY(0%) scaleX(1);
    transform: translateY(0%) scaleX(1);
    opacity: 1;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.swiper-slide-active .tz-hero3-item .tz-hero3-text .hero_title .split-line:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.swiper-slide-active .tz-hero3-item .tz-hero3-text .hero_title .split-line:nth-child(3) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.swiper-slide-active .tz-hero3-item .tz-hero3-text .hero_title .split-line:nth-child(4) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.swiper-slide-active .tz-hero3-item .tz-hero3-text .hero_title .split-line:nth-child(5) {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.swiper-slide-active .tz-hero3-item .tz-hero3-text .hero_title .split-line:nth-child(6) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.swiper-slide-active .tz-hero3-item .tz-hero3-text .hero_title .split-line:nth-child(7) {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}

.swiper-slide-active .tz-hero3-item .tz-hero3-text .hero_title .split-line:nth-child(8) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.swiper-slide-active .tz-hero3-item .tz-hero3-text p {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.swiper-slide-active .tz-hero3-item .tz-hero3-text .tz-hero3-btn-grp {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

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

/*Contact Section*/

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

.tz-contact3-sec {
    z-index: 1;
    overflow: hidden;
    background-color: var(--tz-prime-c);
}

.tz-contact3-sec .tz-cont3-bg {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.tz-contact3-sec .tz-cont3-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-contact3-sec .tz-section-title {
    margin: 0 auto;
    max-width: 540px;
}

.tz-contact3-sec .tz-section-title .subtitle {
    color: #fff;
}

.tz-contact3-sec .tz-section-title .sec_title {
    color: #fff;
}

.tz-cont3-content {
    padding: 60px;
    margin: 0 auto;
    max-width: 935px;
    margin-top: 65px;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 480px) {
    .tz-cont3-content {
        padding: 30px;
        margin-top: 40px;
    }
}

.tz-cont3-content input,
.tz-cont3-content textarea {
    width: 100%;
    height: 50px;
    border: none;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    background-color: #fff;
    color: var(--tz-title-color);
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-cont3-content input::-webkit-input-placeholder,
.tz-cont3-content textarea::-webkit-input-placeholder {
    color: var(--tz-title-color);
}

.tz-cont3-content input::-moz-placeholder,
.tz-cont3-content textarea::-moz-placeholder {
    color: var(--tz-title-color);
}

.tz-cont3-content input:-ms-input-placeholder,
.tz-cont3-content textarea:-ms-input-placeholder {
    color: var(--tz-title-color);
}

.tz-cont3-content input::-ms-input-placeholder,
.tz-cont3-content textarea::-ms-input-placeholder {
    color: var(--tz-title-color);
}

.tz-cont3-content input::placeholder,
.tz-cont3-content textarea::placeholder {
    color: var(--tz-title-color);
}

.tz-cont3-content input:focus,
.tz-cont3-content textarea:focus {
    border: 1px solid var(--tz-prime-c);
}

.tz-cont3-content textarea {
    height: 155px;
}

.tz-cont3-content button {
    width: 100%;
    color: #fff;
    border: none;
    padding: 15px;
    font-weight: 700;
    border-radius: 8px;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    background-color: var(--tz-prime-c);
}

.tz-cont3-content button:hover {
    background-color: var(--tz-title-color);
}

.tz-cont3-content:is(.ver_2) {
    background-color: #F2F3F4;
}

.tz-cont3-content:is(.ver_2) h3 {
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 20px;
}

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

/*About Section*/

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

.tz-ab3-sec {
    z-index: 1;
    overflow: hidden;
}

.tz-ab3-sec .tz-ab3-circle {
    z-index: -1;
    bottom: 25%;
    left: -185px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ab3-sec .tz-ab3-circle {
        display: none;
    }
}

.tz-ab3-img {
    clip-path: polygon(39.199% 23.692%, 39.199% 23.692%, 39.622% 23.661%, 40.025% 23.571%, 40.4% 23.427%, 40.742% 23.234%, 41.046% 22.996%, 41.308% 22.719%, 41.52% 22.408%, 41.679% 22.066%, 41.778% 21.701%, 41.812% 21.315%, 41.812% 2.377%, 41.812% 2.377%, 41.846% 1.992%, 41.945% 1.626%, 42.104% 1.285%, 42.316% 0.973%, 42.577% 0.696%, 42.882% 0.459%, 43.224% 0.265%, 43.599% 0.121%, 44.001% 0.031%, 44.425% 0%, 97.387% 0%, 97.387% 0%, 97.811% 0.031%, 98.213% 0.121%, 98.588% 0.265%, 98.93% 0.459%, 99.235% 0.696%, 99.496% 0.973%, 99.708% 1.285%, 99.867% 1.626%, 99.966% 1.992%, 100% 2.377%, 100% 79.507%, 100% 97.623%, 100% 97.623%, 99.966% 98.008%, 99.867% 98.374%, 99.708% 98.715%, 99.496% 99.027%, 99.235% 99.304%, 98.93% 99.541%, 98.588% 99.735%, 98.213% 99.879%, 97.811% 99.969%, 97.387% 100%, 66.513% 100%, 2.613% 100%, 2.613% 100%, 2.189% 99.969%, 1.787% 99.879%, 1.412% 99.735%, 1.07% 99.541%, 0.765% 99.304%, 0.504% 99.027%, 0.292% 98.715%, 0.133% 98.374%, 0.034% 98.008%, 0% 97.623%, 0% 26.069%, 0% 26.069%, 0.034% 25.684%, 0.133% 25.318%, 0.292% 24.977%, 0.504% 24.666%, 0.765% 24.389%, 1.07% 24.151%, 1.412% 23.958%, 1.787% 23.813%, 2.189% 23.723%, 2.613% 23.692%, 39.199% 23.692%);
}

@media (max-width: 767px) {
    .tz-ab3-img {
        clip-path: none;
    }
}

.tz-ab3-content {
    gap: 30px 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ab3-content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ab3-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .tz-ab3-content {
        padding-bottom: 60px;
    }
}

.tz-ab3-img-wrap {
    max-width: 574px;
}

@media (max-width: 767px) {
    .tz-ab3-img-wrap {
        overflow: hidden;
        border-radius: 30px;
    }
}

.tz-ab3-text-wrap {
    max-width: 770px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ab3-text-wrap {
        max-width: 580px;
    }
}

.tz-ab3-exp {
    top: 0;
    left: 0;
    width: 223px;
    height: 135px;
    padding-top: 30px;
    padding-left: 30px;
    position: absolute;
    border-radius: 30px;
    background-color: #F4F1FE;
    border: 1px solid var(--tz-prime-c);
    -webkit-box-shadow: 0px 18px 51px 0px rgba(48, 15, 147, 0.168627451);
    box-shadow: 0px 18px 51px 0px rgba(48, 15, 147, 0.168627451);
}

@media (max-width: 767px) {
    .tz-ab3-exp {
        width: 220px;
        height: 115px;
        padding-top: 20px;
    }
}

.tz-ab3-exp h3 {
    font-weight: 700;
    font-size: 36px;
    color: var(--tz-prime-c);
}

.tz-ab3-exp p {
    font-weight: 700;
    color: var(--tz-title-color);
}

.tz-ab3-feature {
    gap: 15px 20px;
}

@media (max-width: 767px) {
    .tz-ab3-feature {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-ab3-ft-item {
    z-index: 1;
    width: 100%;
    max-width: 370px;
    border-radius: 15px;
    padding: 48px 40px 25px;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ab3-ft-item {
        padding: 48px 20px 25px;
        background-color: #F4F1FE;
        border: 1px solid var(--tz-prime-c);
    }
}

@media (max-width: 767px) {
    .tz-ab3-ft-item {
        max-width: 100%;
        margin-bottom: 15px;
    }
}

.tz-ab3-ft-item .item-bg {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ab3-ft-item .item-bg {
        display: none;
    }
}

.tz-ab3-ft-item .ft-slg {
    top: -12px;
    left: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 20px;
    border-radius: 100px;
    position: absolute;
    background-color: var(--tz-prime-c);
}

.tz-ab3-ft-item .inner-item {
    gap: 17px;
}

.tz-ab3-ft-item .item-text {
    max-width: 230px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tz-ab3-ft-item .item-text {
        max-width: 185px;
    }
}

.tz-ab3-ft-item .item-text h3 {
    font-size: 44px;
    line-height: 1;
    font-weight: 700;
    padding-bottom: 8px;
    color: var(--tz-title-color);
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-ab3-ft-item:hover {
    -webkit-box-shadow: 0px 18px 51px 0px rgba(48, 15, 147, 0.168627451);
    box-shadow: 0px 18px 51px 0px rgba(48, 15, 147, 0.168627451);
}

.tz-ab3-ft-item:hover .item-text h3 {
    color: var(--tz-prime-c);
}

.tz-ab3-btn-grp {
    gap: 15px 25px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ab3-btn-grp {
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .tz-ab3-btn-grp {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-ab3-cta {
    gap: 15px;
}

.tz-ab3-cta .item-icon {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    color: var(--tz-prime-c);
    background-color: rgba(104, 59, 242, 0.1411764706);
}

.tz-ab3-cta .item-text h3 {
    font-size: 18px;
    font-weight: 700;
    padding-top: 3px;
}

.tz-ab3-sponsor {
    overflow: hidden;
    margin: 0px 40px;
    border-radius: 15px;
    background-color: #F6F6F6;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ab3-sponsor {
        margin: 0px;
        border-radius: 0;
    }
}

@media (max-width: 767px) {
    .tz-ab3-spn-area {
        padding-bottom: 60px;
    }
}

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

/*Service Section*/

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

.tz-ser3-sec {
    overflow: hidden;
}

.tz-ser3-sec .tz-section-title {
    max-width: 635px;
    margin: 0 auto;
}

.tz-ser3-item {
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 15px;
    background-color: #F2F3F4;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-ser3-item .item-img {
    width: 100%;
    height: 110px;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 25px;
    position: relative;
}

.tz-ser3-item .item-img:before {
    left: 50%;
    right: 50%;
    opacity: 1;
    top: 0;
    z-index: 1;
    content: "";
    bottom: 0;
    position: absolute;
    pointer-events: none;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
    background: rgba(255, 255, 255, 0.4);
}

.tz-ser3-item .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-ser3-item .item-text h3 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 10px;
}

.tz-ser3-item .item-text p {
    padding-bottom: 25px;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-ser3-item .item-text .read_more {
    font-weight: 700;
    padding: 10px 26px;
    border-radius: 100px;
    color: var(--tz-prime-c);
    background-color: #fff;
}

.tz-ser3-item .item-text .read_more:hover {
    color: #fff;
    background-color: var(--tz-title-color);
}

.tz-ser3-item:hover {
    background-color: var(--tz-prime-c);
}

.tz-ser3-item:hover .item-img:before {
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
}

.tz-ser3-item:hover .item-text h3 a {
    color: #fff;
}

.tz-ser3-item:hover .item-text p {
    color: #fff;
}

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

/*Faq Section*/

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

.tz-faq3-sec {
    z-index: 1;
    overflow: hidden;
    background-color: #F6F6F6;
}

.tz-faq3-sec .tz-faq3-shape {
    top: -95%;
    left: -45%;
    z-index: -1;
}

.tz-faq3-content {
    gap: 30px 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-faq3-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.tz-faq3-img-wrap {
    width: 100%;
    max-width: 654px;
    padding-left: 75px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-faq3-img-wrap {
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .tz-faq3-img-wrap {
        padding-left: 0;
        text-align: center;
    }
}

.tz-faq3-img-wrap .item-img1 {
    padding: 15px;
    display: inline-block;
    border-radius: 15px;
    background-color: #fff;
    border: 1px solid var(--tz-prime-c);
}

.tz-faq3-img-wrap .item-img1 img {
    border-radius: 15px;
}

.tz-faq3-img-wrap .item-img2 {
    right: 0;
    bottom: 0;
    overflow: hidden;
    position: absolute;
    border-radius: 15px;
    -webkit-box-shadow: 0px 4px 43px 0px rgba(0, 0, 0, 0.1215686275);
    box-shadow: 0px 4px 43px 0px rgba(0, 0, 0, 0.1215686275);
}

@media (max-width: 767px) {
    .tz-faq3-img-wrap .item-img2 {
        display: none;
    }
}

.tz-faq3-img-wrap .item-img3 {
    left: 0;
    bottom: 185px;
    overflow: hidden;
    position: absolute;
    border-radius: 15px;
    -webkit-box-shadow: 0px 4px 43px 0px rgba(0, 0, 0, 0.1215686275);
    box-shadow: 0px 4px 43px 0px rgba(0, 0, 0, 0.1215686275);
}

@media (max-width: 767px) {
    .tz-faq3-img-wrap .item-img3 {
        display: none;
    }
}

.tz-faq3-accordion-wrap {
    max-width: 695px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tz-faq3-accordion-wrap {
        max-width: 600px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tz-faq3-accordion-wrap .tz-faq-accordion {
        margin-top: 30px;
    }
}

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

/*Team Section*/

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

.tz-team3-sec {
    overflow: hidden;
    background-color: #05091A;
}

.tz-team3-sec .tz-team3-shape {
    left: 0;
    width: 100%;
    bottom: -35%;
    height: 100%;
    margin: 0 auto;
}

.tz-team3-sec .tz-section-title {
    margin: 0 auto;
    max-width: 595px;
}

.tz-team3-sec .tz-section-title .sec_title {
    color: #fff;
}

.tz-team3-sec .tz-section-title p {
    color: #fff;
}

.tz-team3-content {
    margin-top: 65px;
}

.tz-team3-item {
    margin: 0 auto;
    max-width: 440px;
    padding-bottom: 80px;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    -webkit-transition: 700ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 700ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-team3-item .item-img {
    overflow: hidden;
    border-radius: 15px;
}

.tz-team3-item .social-icon {
    opacity: 0;
    z-index: 2;
    right: 0px;
    bottom: 125px;
    visibility: hidden;
    position: absolute;
    -webkit-transition: 700ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 700ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-team3-item .social-icon a {
    color: #fff;
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--tz-prime-c);
}

.tz-team3-item .social-icon a:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.tz-team3-item .item-text {
    right: 0;
    opacity: 0;
    width: 100%;
    bottom: 80px;
    max-width: 370px;
    position: absolute;
    border-radius: 15px;
    visibility: hidden;
    background-color: #fff;
    padding: 22px 30px 20px;
    border-top-right-radius: 0px;
    -webkit-transition: 700ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 700ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-team3-item .item-text .name-degi-social {
    margin-bottom: 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E6E5EB;
}

.tz-team3-item .item-text .name-degi h3 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 3px;
    color: var(--tz-title-color);
}

.tz-team3-item .item-text .item-social {
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background-color: var(--tz-prime-c);
}

.tz-team3-item .item-text .item-award {
    font-weight: 600;
    color: var(--tz-prime-c);
}

.tz-team3-item .item-text .item-award i {
    font-size: 20px;
    margin-right: 8px;
}

.swiper-slide-active .tz-team3-item {
    padding-bottom: 80px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.swiper-slide-active .tz-team3-item .item-text {
    bottom: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

.swiper-slide-active .tz-team3-item .social-icon {
    opacity: 1;
    right: 30px;
    visibility: visible;
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-team3-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0px 15px;
        margin-top: 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.tz-team3-nav .tz-team3-next,
.tz-team3-nav .tz-team3-prev {
    top: 55%;
    width: 60px;
    height: 60px;
    z-index: 3;
    position: absolute;
    border-radius: 100%;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

@media (max-width: 767px) {
    .tz-team3-nav .tz-team3-next,
    .tz-team3-nav .tz-team3-prev {
        width: 45px;
        height: 45px;
    }
}

.tz-team3-nav .tz-team3-next:hover,
.tz-team3-nav .tz-team3-prev:hover {
    -webkit-transform: translateY(-50%) scale(1.1);
    transform: translateY(-50%) scale(1.1);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-team3-nav .tz-team3-next,
    .tz-team3-nav .tz-team3-prev {
        position: static;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    .tz-team3-nav .tz-team3-next:hover,
    .tz-team3-nav .tz-team3-prev:hover {
        -webkit-transform: translateY(0) scale(1.1);
        transform: translateY(0) scale(1.1);
    }
}

.tz-team3-nav .tz-team3-prev {
    left: -85px;
}

.tz-team3-nav .tz-team3-next {
    right: -85px;
}

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

/*Project  Section*/

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

.tz-pro3-sec {
    z-index: 1;
    overflow: hidden;
    background-color: #F6F6F7;
}

.tz-pro3-sec .tz-pro3-bg {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.tz-pro3-sec .tz-pro3-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-pro3-nav {
    gap: 10px;
}

.tz-pro3-nav .tz-pro3-prev,
.tz-pro3-nav .tz-pro3-next {
    font-weight: 700;
    cursor: pointer;
    padding: 12px 28px;
    border-radius: 100px;
    background-color: #fff;
    color: var(--tz-prime-c);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-pro3-nav .tz-pro3-prev:hover,
.tz-pro3-nav .tz-pro3-next:hover {
    color: #fff;
    background-color: var(--tz-prime-c);
}

.tz-pro3-nav .tz-pro3-prev i {
    margin-right: 5px;
}

.tz-pro3-nav .tz-pro3-next i {
    margin-left: 5px;
}

.tz-pro3-content {
    overflow: hidden;
    border-radius: 15px;
}

.tz-pro3-top-content {
    gap: 20px 30px;
}

.tz-pro3-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -363px;
    margin-bottom: -8px;
    margin-right: -363px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-pro3-slide {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: -8px;
    }
}

.tz-pro3-item {
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

@media (max-width: 480px) {
    .tz-pro3-item {
        height: 320px;
    }
}

.tz-pro3-item .item-img {
    width: 100%;
    height: 100%;
}

.tz-pro3-item .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-pro3-item .item-img {
    overflow: hidden;
    border-radius: 15px;
    display: inline-block;
}

.tz-pro3-item .item-view {
    top: 65%;
    left: 0;
    right: 0;
    opacity: 0;
    width: 116px;
    height: 116px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    font-size: 20px;
    visibility: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    border-radius: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--tz-prime-c);
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 20px solid var(--tz-prime-c);
    -webkit-transition: 700ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 700ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.swiper-slide-active .tz-pro3-item .item-view {
    top: 50%;
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
}

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

/*Testimonial  Section*/

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

.tz-testi3-sec {
    overflow: hidden;
}

.tz-testi3-sec .tz-section-title {
    margin: 0 auto;
    max-width: 570px;
}

.tz-testi3-item {
    z-index: 1;
    width: 100%;
    max-width: 936px;
    padding: 50px 60px;
    position: relative;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    background-color: #F6F6F7;
    clip-path: polygon(0% 9.677%, 0% 9.677%, 0.042% 8.108%, 0.163% 6.619%, 0.358% 5.23%, 0.618% 3.962%, 0.939% 2.834%, 1.312% 1.867%, 1.732% 1.08%, 2.192% 0.493%, 2.685% 0.127%, 3.205% 0%, 96.782% 0%, 96.782% 0%, 97.303% 0.127%, 97.798% 0.496%, 98.259% 1.086%, 98.679% 1.876%, 99.053% 2.848%, 99.373% 3.981%, 99.633% 5.254%, 99.827% 6.647%, 99.947% 8.142%, 99.987% 9.716%, 99.901% 74.318%, 99.901% 74.318%, 99.873% 75.345%, 99.792% 76.319%, 99.664% 77.228%, 99.493% 78.057%, 99.282% 78.794%, 99.037% 79.426%, 98.762% 79.94%, 98.461% 80.323%, 98.138% 80.562%, 97.798% 80.645%, 97.798% 80.645%, 97.115% 80.811%, 96.468% 81.293%, 95.864% 82.063%, 95.313% 83.097%, 94.822% 84.366%, 94.402% 85.847%, 94.059% 87.512%, 93.804% 89.335%, 93.645% 91.29%, 93.59% 93.35%, 93.59% 93.548%, 93.59% 93.548%, 93.562% 94.595%, 93.481% 95.588%, 93.351% 96.513%, 93.177% 97.359%, 92.964% 98.11%, 92.715% 98.755%, 92.435% 99.28%, 92.128% 99.671%, 91.8% 99.916%, 91.453% 100%, 8.547% 100%, 8.547% 100%, 8.201% 99.915%, 7.874% 99.67%, 7.568% 99.278%, 7.29% 98.753%, 7.042% 98.107%, 6.831% 97.355%, 6.659% 96.509%, 6.532% 95.584%, 6.453% 94.593%, 6.428% 93.548%, 6.428% 93.548%, 6.377% 91.46%, 6.218% 89.477%, 5.959% 87.626%, 5.612% 85.935%, 5.184% 84.431%, 4.684% 83.14%, 4.123% 82.089%, 3.508% 81.305%, 2.851% 80.815%, 2.158% 80.645%, 2.158% 80.645%, 1.81% 80.56%, 1.48% 80.315%, 1.17% 79.923%, 0.887% 79.397%, 0.635% 78.75%, 0.419% 77.997%, 0.243% 77.149%, 0.111% 76.221%, 0.028% 75.225%, 0% 74.176%, 0% 9.677%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-testi3-item {
        gap: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        clip-path: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 50px 30px;
    }
}

.tz-testi3-item .item-icon {
    top: 30px;
    left: 30px;
    color: #fff;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 6px solid #fff;
    background-color: var(--tz-prime-c);
}

.tz-testi3-item .item-img {
    top: 0;
    left: 40px;
    z-index: -1;
    position: absolute;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tz-testi3-item .item-img {
        left: -20px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tz-testi3-item .item-img {
        left: -70px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-testi3-item .item-img {
        position: static;
    }
}

.tz-testi3-item .item-text {
    max-width: 497px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tz-testi3-item .item-text {
        max-width: 430px;
    }
}

.tz-testi3-item .item-text p {
    font-size: 22px;
    font-weight: 600;
    color: var(--tz-title-color);
}

@media (max-width: 480px) {
    .tz-testi3-item .item-text p {
        font-size: 18px;
    }
}

.tz-testi3-item .item-text .name-degi-rate {
    margin-top: 30px;
    padding-top: 25px;
    gap: 20px 30px;
    border-top: 1px solid #D9D9D9;
}

.tz-testi3-item .item-text .name-degi-rate .name-degi h3 {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 2px;
    color: var(--tz-title-color);
}

.tz-testi3-item .item-text .name-degi-rate .name-degi span {
    font-weight: 500;
    font-size: 14px;
}

.tz-testi3-item .item-text .name-degi-rate .author-rate li {
    color: var(--tz-prime-c);
}

.tz-testi3-content {
    margin: 0 auto;
    overflow: hidden;
    margin-top: 65px;
    max-width: 1920px;
}

.tz-testi3-slider {
    margin-left: -475px;
    margin-right: -475px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-testi3-slider {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1799px),
only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-testi3-nav {
        gap: 20px;
        margin-top: 25px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.tz-testi3-nav .tz-testi3-prev,
.tz-testi3-nav .tz-testi3-next {
    z-index: 2;
    color: #fff;
    bottom: 27px;
    cursor: pointer;
    font-weight: 700;
    padding: 12px 28px;
    position: absolute;
    border-radius: 100px;
    background-color: var(--tz-prime-c);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

@media only screen and (min-width: 1600px) and (max-width: 1799px),
only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-testi3-nav .tz-testi3-prev,
    .tz-testi3-nav .tz-testi3-next {
        position: static;
    }
}

.tz-testi3-nav .tz-testi3-prev:hover,
.tz-testi3-nav .tz-testi3-next:hover {
    color: #fff;
    background-color: var(--tz-prime-c);
}

.tz-testi3-nav .tz-testi3-prev {
    left: 22%;
}

.tz-testi3-nav .tz-testi3-prev i {
    margin-right: 5px;
}

.tz-testi3-nav .tz-testi3-next {
    right: 22%;
}

.tz-testi3-nav .tz-testi3-next i {
    margin-left: 5px;
}

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

/*Blog  Section*/

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

.tz-blog3-sec {
    z-index: 1;
    overflow: hidden;
    background-color: var(--tz-prime-c);
}

.tz-blog3-sec .tz-blog3-shape1 {
    top: -10px;
    left: -40px;
    z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-blog3-sec .tz-blog3-shape1 {
        display: none;
    }
}

.tz-blog3-sec .tz-blog3-shape2 {
    top: -40px;
    z-index: -1;
    right: 250px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-blog3-sec .tz-blog3-shape2 {
        display: none;
    }
}

.tz-blog3-sec .tz-blog3-shape3 {
    left: 108px;
    z-index: -1;
    bottom: -100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-blog3-sec .tz-blog3-shape3 {
        display: none;
    }
}

.tz-blog3-sec .tz-section-title {
    margin: 0 auto;
    max-width: 570px;
}

.tz-blog3-sec .tz-section-title .subtitle,
.tz-blog3-sec .tz-section-title .sec_title,
.tz-blog3-sec .tz-section-title p {
    color: #fff;
}

.tz-blog3-item {
    padding: 20px;
    margin-bottom: 40px;
    border-radius: 15px;
    background-color: #fff;
}

.tz-blog3-item .item-img {
    height: 226px;
    overflow: hidden;
    border-radius: 15px;
}

.tz-blog3-item .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 500ms;
    transition: -webkit-transform 500ms;
    transition: transform 500ms;
    transition: transform 500ms, -webkit-transform 500ms;
    -webkit-transform: perspective(0px) rotateX(0deg) rotateY(0deg) scaleX(1) scaleY(1);
    transform: perspective(0px) rotateX(0deg) rotateY(0deg) scaleX(1) scaleY(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.tz-blog3-item .item-text {
    padding: 10px;
    margin-top: 15px;
}

.tz-blog3-item .item-text .item-meta {
    margin-bottom: 12px;
}

.tz-blog3-item .item-text .item-meta a {
    margin-right: 20px;
}

.tz-blog3-item .item-text .item-meta a:last-child {
    margin-right: 0;
}

.tz-blog3-item .item-text .item-meta a i {
    margin-right: 5px;
    color: var(--tz-prime-c);
}

.tz-blog3-item .item-text .blog_title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.42;
    padding-bottom: 22px;
}

.tz-blog3-item .item-text .read_more {
    font-size: 16px;
    font-weight: 700;
    padding: 8px 23px;
    border-radius: 100px;
    color: var(--tz-prime-c);
    background-color: #F0EFFF;
}

.tz-blog3-item .item-text .read_more:hover {
    color: #fff;
    background-color: var(--tz-prime-c);
}

.tz-blog3-item:hover .item-img img {
    -webkit-transform: perspective(2000px) rotateX(0.1deg) rotateY(0deg) scaleX(1.1) scaleY(1.1);
    transform: perspective(2000px) rotateX(0.1deg) rotateY(0deg) scaleX(1.1) scaleY(1.1);
}

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

/*Cta  Section*/

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

.tz-cta3-sec {
    background-color: #05091A;
}

.tz-cta3-content {
    z-index: 1;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    border-bottom-left-radius: 150px;
    border-bottom-right-radius: 150px;
}

@media (max-width: 767px) {
    .tz-cta3-content {
        border-radius: 0;
        padding: 60px 0px;
    }
}

.tz-cta3-content:before {
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    z-index: -3;
    height: 100%;
    position: absolute;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(34.03%, rgba(195, 175, 255, 0)), to(#683BF2));
    background: linear-gradient(180deg, rgba(195, 175, 255, 0) 34.03%, #683BF2 100%);
}

.tz-cta3-content .tz-cta3-img {
    right: 0;
    z-index: -1;
    top: -120px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tz-cta3-content .tz-cta3-img {
        right: -100px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tz-cta3-content .tz-cta3-img {
        right: -250px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tz-cta3-content .tz-cta3-img {
        right: -45%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .tz-cta3-content .tz-cta3-img {
        right: -55%;
    }
}

@media (max-width: 767px) {
    .tz-cta3-content .tz-cta3-img {
        display: none;
    }
}

.tz-cta3-content .tz-cta3-shape1 {
    top: 16%;
    right: 16%;
    z-index: -2;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tz-cta3-content .tz-cta3-shape1 {
        right: 3%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tz-cta3-content .tz-cta3-shape1 {
        right: -5%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-cta3-content .tz-cta3-shape1 {
        display: none;
    }
}

.tz-cta3-content .tz-cta3-shape2 {
    top: 35%;
    right: 14%;
    z-index: -2;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-cta3-content .tz-cta3-shape2 {
        display: none;
    }
}

.tz-cta3-content .tz-cta3-shape3 {
    top: 12%;
    right: 5%;
    z-index: -2;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-cta3-content .tz-cta3-shape3 {
        display: none;
    }
}

.tz-cta3-content .tz-cta3-shape4 {
    top: 30%;
    left: 3%;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-cta3-content .tz-cta3-shape4 {
        display: none;
    }
}

.tz-cta3-area {
    max-width: 565px;
}

.tz-cta-btn-grp {
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tz-cta-btn-grp a {
    font-weight: 500;
    padding: 5px 15px;
    border-radius: 5px;
    background-color: #fff;
    color: var(--tz-title-color);
}

.tz-cta-btn-grp a i {
    margin-right: 8px;
    color: var(--tz-prime-c);
}

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

/******* HOME PAGE 4 *******/

/*Hero Section*/

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

.tz-hero4-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tz-hero4-item {
    z-index: 1;
    overflow: hidden;
    padding-top: 340px;
    padding-bottom: 178px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-hero4-item {
        padding-top: 280px;
        padding-bottom: 120px;
    }
}

@media (max-width: 767px) {
    .tz-hero4-item {
        padding-bottom: 150px;
    }
}

@media (max-width: 480px) {
    .tz-hero4-item {
        padding-top: 200px;
        padding-bottom: 140px;
    }
}

.tz-hero4-item .tz-hero4-shape {
    left: -10%;
    bottom: -100%;
    visibility: hidden;
    -webkit-transition: 1200ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1200ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-hero4-item .tz-hero4-shape img {
    mix-blend-mode: multiply;
}

.tz-hero4-item .item-bg {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.tz-hero4-item .item-bg:before {
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    background: -webkit-gradient(linear, right top, left top, from(rgba(5, 9, 26, 0)), to(#05091A));
    background: linear-gradient(270deg, rgba(5, 9, 26, 0) 0%, #05091A 100%);
}

.tz-hero4-item .item-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 1500ms ease-in-out;
    transition: all 1500ms ease-in-out;
    -webkit-transform: scale(1.5) rotate(15deg);
    transform: scale(1.5) rotate(15deg);
}

.tz-hero4-item .item-text {
    z-index: 2;
    max-width: 695px;
    position: relative;
}

.tz-hero4-item .item-text .hero-slug {
    opacity: 0;
    color: #fff;
    font-weight: 600;
    visibility: hidden;
    position: relative;
    letter-spacing: 2px;
    margin-bottom: 25px;
    padding-bottom: 13px;
    display: inline-block;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: all 1500ms ease-in-out;
    transition: all 1500ms ease-in-out;
}

.tz-hero4-item .item-text .hero-slug:before {
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0%;
    content: "";
    position: absolute;
    background-color: #C1CCEE;
    -webkit-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

.tz-hero4-item .item-text .hero_title {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.15;
}

@media (max-width: 767px) {
    .tz-hero4-item .item-text .hero_title {
        font-size: 45px;
    }
}

@media (max-width: 480px) {
    .tz-hero4-item .item-text .hero_title {
        font-size: 36px;
    }
}

@media (max-width: 360px) {
    .tz-hero4-item .item-text .hero_title {
        font-size: 30px;
    }
}

.tz-hero4-item .item-text .hero_title .split-line {
    overflow: hidden;
    -webkit-transform: translateX(0) scaleX(1.2);
    transform: translateX(0) scaleX(1.2);
    -webkit-filter: blur(5px);
    filter: blur(5px);
    opacity: 0;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition: 0.8s cubic-bezier(0.4, -0.5, 0.1, 1.48);
    transition: 0.8s cubic-bezier(0.4, -0.5, 0.1, 1.48);
}

.tz-hero4-item .item-text p {
    opacity: 0;
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 45px;
    visibility: hidden;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    -webkit-transition: 1200ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1200ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-hero4-item .item-text .hero_btn {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    -webkit-transition: 1200ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1200ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-hero4-item .item-text .hero_btn a {
    color: #fff;
    font-weight: 700;
    padding: 16px 40px;
    white-space: nowrap;
    border-radius: 100px;
    background-color: var(--tz-prime-c);
}

@media (max-width: 480px) {
    .tz-hero4-item .item-text .hero_btn a {
        padding: 13px 30px;
    }
}

.tz-hero4-item .item-text .hero_btn a i {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.tz-hero4-item .item-text .hero_btn a:hover {
    color: var(--tz-prime-c);
    background-color: #fff;
}

.tz-hero4-item .item-text .hero_btn a:hover i {
    margin-left: 5px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.swiper-slide-active .tz-hero4-item .tz-hero4-shape {
    opacity: 1;
    bottom: -50%;
    visibility: visible;
}

.swiper-slide-active .tz-hero4-item .item-bg img {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

.swiper-slide-active .tz-hero4-item .item-text .hero-slug {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.swiper-slide-active .tz-hero4-item .item-text .hero-slug:before {
    width: 100%;
    -webkit-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

.swiper-slide-active .tz-hero4-item .item-text .hero_title .split-line {
    -webkit-transform: translateX(0%) scaleX(1);
    transform: translateX(0%) scaleX(1);
    opacity: 1;
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
    -webkit-filter: blur(0px);
    filter: blur(0px);
}

.swiper-slide-active .tz-hero4-item .item-text .hero_title .split-line:nth-child(2) {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}

.swiper-slide-active .tz-hero4-item .item-text .hero_title .split-line:nth-child(3) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.swiper-slide-active .tz-hero4-item .item-text .hero_title .split-line:nth-child(4) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.swiper-slide-active .tz-hero4-item .item-text .hero_title .split-line:nth-child(5) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.swiper-slide-active .tz-hero4-item .item-text .hero_title .split-line:nth-child(6) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.swiper-slide-active .tz-hero4-item .item-text .hero_title .split-line:nth-child(7) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.swiper-slide-active .tz-hero4-item .item-text .hero_title .split-line:nth-child(8) {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
}

.swiper-slide-active .tz-hero4-item .item-text .hero_title .split-line:nth-child(9) {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s;
}

.swiper-slide-active .tz-hero4-item .item-text .hero_title .split-line:nth-child(10) {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s;
}

.swiper-slide-active .tz-hero4-item .item-text p {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.swiper-slide-active .tz-hero4-item .item-text .hero_btn {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.tz-hs4-pagi {
    top: 55% !important;
    z-index: 2;
    position: absolute;
    right: 12% !important;
    width: auto !important;
    left: auto !important;
    bottom: auto !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .tz-hs4-pagi {
        right: 15px !important;
    }
}

@media (max-width: 767px) {
    .tz-hs4-pagi {
        gap: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        bottom: 30px !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.tz-hs4-pagi .swiper-pagination-bullet {
    width: 45px;
    opacity: 1;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    background-color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--tz-prime-c);
    margin: 10px 0px !important;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-hs4-pagi .swiper-pagination-bullet:is(.swiper-pagination-bullet-active) {
    color: #fff;
    background-color: var(--tz-prime-c);
}

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

/*About Section*/

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

.tz-about4-sec {
    overflow: hidden;
    background-color: #F6F6F6;
}

.tz-about4-sec .tz-section-title .watermark {
    color: #F6F6F6;
}

.tz-about4-tab-btn {
    top: 20px;
    left: 20px;
    z-index: 2;
    position: absolute;
}

.tz-about4-tab-btn .nav-tabs .nav-link {
    font-size: 14px;
    font-weight: 700;
    padding: 8px 20px;
    margin-right: 4px;
    margin-bottom: 5px;
    border-radius: 100px;
    background-color: #fff;
    color: var(--tz-prime-c);
    text-transform: uppercase;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-about4-tab-btn .nav-tabs .nav-link.active {
    color: #fff;
    padding: 8px 20px;
    border-radius: 100px;
    background-color: var(--tz-prime-c);
}

.tz-about4-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-about4-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.tz-about4-img-tab {
    width: 100%;
    max-width: 740px;
}

.tz-about4-item-wrap {
    width: 100%;
}

.tz-about4-item-wrap .tz-about4-img {
    overflow: hidden;
    border-radius: 15px;
    display: inline-block;
}

.tz-about4-item-wrap .tz-about4-tab-text {
    right: 0;
    bottom: 70px;
    max-width: 378px;
    padding: 35px 40px;
    position: absolute;
    border-radius: 25px;
    border: 8px solid #fff;
    background-color: var(--tz-prime-c);
}

@media (max-width: 480px) {
    .tz-about4-item-wrap .tz-about4-tab-text {
        position: static;
    }
}

.tz-about4-item-wrap .tz-about4-tab-text .item-icon {
    width: 52px;
    height: 52px;
    margin-bottom: 90px;
}

.tz-about4-item-wrap .tz-about4-tab-text .item-text {
    gap: 10px;
    margin-bottom: 20px;
    padding-bottom: 35px;
    border-bottom: 1px solid #7E58F0;
}

@media (max-width: 480px) {
    .tz-about4-item-wrap .tz-about4-tab-text .item-text {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-about4-item-wrap .tz-about4-tab-text .item-text h3 {
    color: #fff;
    line-height: 1;
    font-size: 70px;
    font-weight: 700;
}

.tz-about4-item-wrap .tz-about4-tab-text .item-text p {
    color: #fff;
    font-size: 14px;
    max-width: 88px;
    font-weight: 700;
    text-transform: uppercase;
}

.tz-about4-item-wrap .tz-about4-tab-text .desc-text {
    color: #fff;
    font-weight: 500;
}

.tz-about4-text-wrap {
    width: 100%;
    max-width: 575px;
}

.tz-about4-ft-item {
    gap: 16px;
    height: 133px;
    overflow: hidden;
    padding: 25px 30px;
    margin-bottom: 25px;
    border-radius: 15px;
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

@media (max-width: 767px) {
    .tz-about4-ft-item {
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-about4-ft-item .item-icon {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: var(--tz-prime-c);
}

.tz-about4-ft-item .item-text {
    max-width: 435px;
}

.tz-about4-ft-item .item-text h3 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
    color: var(--tz-title-color);
}

.tz-about4-ft-item .item-text p {
    height: 48px;
    overflow: hidden;
    margin-bottom: 13px;
}

.tz-about4-ft-item .item-text .read_more {
    opacity: 0;
    font-weight: 700;
    visibility: hidden;
    color: var(--tz-prime-c);
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

@media (max-width: 767px) {
    .tz-about4-ft-item .item-text .read_more {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

.tz-about4-ft-item .item-text .read_more i {
    margin-left: 5px;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.tz-about4-ft-item .item-text .read_more:hover {
    letter-spacing: 1px;
}

.tz-about4-ft-item .item-text .read_more:hover i {
    margin-left: 8px;
}

.tz-about4-ft-item:hover {
    height: 170px;
    border: 1px solid #683BF2;
    -webkit-box-shadow: 0px 18px 51px 0px rgba(48, 15, 147, 0.168627451);
    box-shadow: 0px 18px 51px 0px rgba(48, 15, 147, 0.168627451);
}

@media (max-width: 767px) {
    .tz-about4-ft-item:hover {
        height: auto;
    }
}

.tz-about4-ft-item:hover .item-text .read_more {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

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

/*Service Section*/

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

.tz-ser4-sec {
    z-index: 1;
    overflow: hidden;
    background: -webkit-gradient(linear, left top, left bottom, from(#683BF2), to(rgba(104, 59, 242, 0)));
    background: linear-gradient(180deg, #683BF2 0%, rgba(104, 59, 242, 0) 100%);
}

.tz-ser4-sec .tz-ser4-bg {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.tz-ser4-sec .tz-section-title .watermark {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.12)), color-stop(141.43%, rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 141.43%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 2px transparent;
    color: rgba(104, 59, 242, 0.3294117647);
}

.tz-ser4-sec .tz-section-title .subtitle,
.tz-ser4-sec .tz-section-title .sec_title,
.tz-ser4-sec .tz-section-title p {
    color: #fff;
}

.tz-ser4-item {
    margin-bottom: 30px;
    border-radius: 15px;
    background-color: #fff;
    padding: 30px 30px 35px;
}

.tz-ser4-item:is(.middle-item) {
    z-index: 2;
    position: relative;
}

.tz-ser4-item .item-icon-img {
    width: 100%;
    height: 100px;
    overflow: hidden;
    border-radius: 15px;
}

.tz-ser4-item .item-icon-img .item-icon {
    top: 0;
    left: 0;
    z-index: 1;
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: absolute;
    border-radius: 15px;
    background-color: rgba(104, 59, 242, 0.1019607843);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-ser4-item .item-icon-img .item-icon svg {
    fill: var(--tz-prime-c);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-ser4-item .item-icon-img .item-img {
    width: 100%;
    height: 100%;
}

.tz-ser4-item .item-icon-img .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.tz-ser4-item .item-text h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 14px;
}

.tz-ser4-item .item-text p {
    padding-bottom: 18px;
}

.tz-ser4-item .item-text .read_more {
    opacity: 1;
    font-weight: 700;
    visibility: visible;
    color: var(--tz-prime-c);
    position: relative;
}

.tz-ser4-item .item-text .read_more:before {
    left: 0;
    width: 0%;
    bottom: 0;
    height: 2px;
    content: "";
    position: absolute;
    -webkit-transition: 1000ms var(--cube-1);
    transition: 1000ms var(--cube-1);
    background-color: var(--tz-prime-c);
}

.tz-ser4-item .item-text .read_more i {
    margin-left: 5px;
}

.tz-ser4-item:hover .item-icon-img .item-icon {
    background-color: var(--tz-prime-c);
}

.tz-ser4-item:hover .item-icon-img .item-icon svg {
    fill: #fff;
}

.tz-ser4-item:hover .item-icon-img .item-img img {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.tz-ser4-item:hover .item-text .read_more:before {
    width: 100%;
}

.tz-whyc4-text-wrap {
    max-width: 595px;
}

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

/*Why choose Section*/

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

.tz-whyc4-sec {
    overflow: hidden;
}

.tz-whyc4-content {
    gap: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-whyc4-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.tz-whyc4-img-wrap {
    width: 100%;
    max-width: 760px;
    padding-bottom: 85px;
}

.tz-whyc4-img-wrap .tz-whyc4-img {
    border-radius: 15px;
}

@media (max-width: 767px) {
    .tz-whyc4-img-wrap .tz-whyc4-img {
        max-width: 100%;
    }
    .tz-whyc4-img-wrap .tz-whyc4-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.tz-whyc4-txt {
    right: 0;
    bottom: 0;
    padding: 50px;
    position: absolute;
    border-radius: 15px;
    background-color: var(--tz-prime-c);
}

@media (max-width: 767px) {
    .tz-whyc4-txt {
        margin-top: 30px;
        position: static;
    }
}

@media (max-width: 480px) {
    .tz-whyc4-txt {
        padding: 30px 20px;
    }
}

.tz-whyc4-item {
    gap: 20px;
    margin-bottom: 60px;
}

@media (max-width: 767px) {
    .tz-whyc4-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
}

.tz-whyc4-item:last-child {
    margin-bottom: 0;
}

.tz-whyc4-item .item-icon {
    width: 75px;
    height: 75px;
    border-radius: 100%;
    background-color: #fff;
}

.tz-whyc4-item .item-text {
    max-width: 290px;
}

.tz-whyc4-item .item-text h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}

.tz-whyc4-item .item-text p {
    color: #fff;
}

.tz-whyc4-item:hover .item-icon img,
.tz-whyc4-item:hover .item-icon i {
    -webkit-animation: flip 1s;
    animation: flip 1s;
}

.tz-whyc4-skill .skill-set-percent {
    width: 100%;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-whyc4-skill .skill-set-percent {
        margin: 0 auto;
    }
}

.tz-whyc4-skill .skill-set-percent h4 {
    z-index: 1;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.tz-whyc4-skill .skill-set-percent .progress {
    height: 16px;
    border-radius: 0;
    margin-bottom: 35px;
    overflow: visible;
    display: block;
    position: relative;
    border-radius: 100px;
    border: 1px solid #E6E2F3;
    background-color: transparent;
}

.tz-whyc4-skill .skill-set-percent .progress span {
    top: -28px;
    right: 0;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    color: var(--tz-title-color);
}

.tz-whyc4-skill .skill-set-percent .progress-bar {
    top: 4px;
    width: 0;
    left: 5px;
    float: left;
    height: 6px;
    position: relative;
    border-radius: 30px;
    transition: 1s all ease-in-out;
    background-color: var(--tz-prime-c);
    -webkit-transition: 1s all ease-in-out;
}

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

/*Team Section*/

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

.tz-team4-sec {
    overflow: hidden;
}

.tz-team4-item {
    margin: 0 auto;
    max-width: 331px;
    overflow: hidden;
    border-radius: 15px;
    padding-bottom: 1px;
    margin-bottom: 30px;
    background-color: #F2F3F4;
}

.tz-team4-item .item-img {
    overflow: hidden;
    position: relative;
    border-radius: 15px;
}

.tz-team4-item .item-img img {
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-team4-item .item-text {
    margin: 10px;
    border-radius: 15px;
    background-color: #fff;
    padding: 26px 30px 20px;
}

.tz-team4-item .item-text h3 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 5px;
}

.tz-team4-item .item-text span {
    font-weight: 500;
}

.tz-team4-item .item-text .item-social {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #EAEBED;
}

.tz-team4-item .item-text .item-social a {
    margin-right: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tz-team4-item .item-text .item-social a {
        margin-right: 15px;
    }
}

.tz-team4-item .item-text .item-social a:last-child {
    margin-right: 0;
}

.tz-team4-item .item-text .item-social a:hover {
    color: var(--tz-prime-c);
}

.tz-team4-item:hover .item-img img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

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

/*Contact Section*/

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

.tz-contact4-sec {
    overflow: hidden;
}

.tz-contact4-text-wrap {
    max-width: 650px;
}

.tz-contact4-text-wrap .tz-section-title .watermark {
    background: transparent;
    -webkit-background-clip: text;
    -webkit-text-stroke: 2px rgba(243, 242, 242, 0.06);
    color: transparent;
}

.tz-contact4-text-wrap .tz-section-title .subtitle {
    color: #fff;
}

.tz-contact4-text-wrap .tz-section-title .sec_title,
.tz-contact4-text-wrap .tz-section-title p {
    color: #fff;
}

.tz-contact4-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-contact4-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.tz-contact4-list li {
    color: #fff;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
}

.tz-contact4-list li:before {
    left: 0;
    top: 8px;
    width: 8px;
    content: "";
    height: 8px;
    position: absolute;
    border-radius: 100%;
    background-color: #fff;
}

.tz-contact4-play {
    gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tz-contact4-play .item-icon a {
    color: #fff;
    width: 150px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--tz-prime-c);
}

.tz-contact4-play .item-text h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 8px;
}

.tz-contact4-play .item-text p {
    color: #fff;
    font-weight: 600;
}

.tz-workp4-wrap .tz-section-title .watermark {
    background: transparent;
    -webkit-background-clip: text;
    -webkit-text-stroke: 2px rgba(243, 242, 242, 0.06);
    color: transparent;
}

.tz-workp4-wrap .tz-section-title .sec_title {
    color: #fff;
}

.tz-workp4-item {
    padding: 45px;
    position: relative;
    margin-bottom: 30px;
    border-radius: 15px;
    background-color: #fff;
}

.tz-workp4-item:before {
    top: 25px;
    z-index: 1;
    width: 90px;
    content: "";
    right: -61px;
    height: 117px;
    position: absolute;
    background-image: url(../img/icon/arrow.svg);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-workp4-item:before {
        display: none;
    }
}

.tz-workp4-item .item-title-icon {
    gap: 15px 25px;
    margin-bottom: 30px;
}

.tz-workp4-item .item-icon {
    width: 55px;
    height: 55px;
}

.tz-workp4-item .item-icon img {
    width: 100%;
    height: 100%;
}

.tz-workp4-item .item-title {
    line-height: 1;
    font-size: 60px;
    font-weight: 800;
    color: rgba(104, 59, 242, 0.1098039216);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tz-workp4-item .item-title {
        font-size: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-workp4-item .item-title {
        font-size: 40px;
    }
}

.tz-workp4-item .item-text h3 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 10px;
}

.col-lg-4:last-child .tz-workp4-item:before {
    display: none;
}

.tz-contact4-form-area {
    max-width: 695px;
    padding: 40px 50px;
    border-radius: 15px;
    background-color: #fff;
}

.tz-contact4-form h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #E4E6EA;
}

.tz-contact4-form label {
    display: block;
    margin-bottom: 10px;
}

.tz-contact4-form input,
.tz-contact4-form textarea {
    width: 100%;
    height: 50px;
    margin-bottom: 30px;
    padding-left: 15px;
    border-radius: 5px;
    border: 1px solid #E4E6EA;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-contact4-form input:focus,
.tz-contact4-form textarea:focus {
    border: 1px solid var(--tz-prime-c);
}

.tz-contact4-form textarea {
    height: 100px;
    padding-top: 20px;
}

.tz-contact4-form button {
    color: #fff;
    width: 100%;
    border: none;
    padding: 15px;
    font-weight: 700;
    border-radius: 5px;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    background-color: var(--tz-prime-c);
}

.tz-contact4-form button:hover {
    background-color: var(--tz-title-color);
}

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

/*Blog Section*/

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

.tz-blog4-sec {
    background-color: #F6F6F6;
}

.tz-blog4-item {
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.1019607843);
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.1019607843);
}

.tz-blog4-item .item-img-meta .item-img {
    overflow: hidden;
}

.tz-blog4-item .item-img-meta .item-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-blog4-item .item-img-meta .item-meta {
    bottom: 0;
    width: 100%;
    position: absolute;
    background-color: #05091A;
}

.tz-blog4-item .item-img-meta .item-meta .item-data {
    color: #fff;
    width: 88px;
    font-size: 14px;
    padding-top: 8px;
    padding-left: 20px;
    padding-bottom: 8px;
    position: relative;
    background-color: var(--tz-prime-c);
}

.tz-blog4-item .item-img-meta .item-meta .item-data:before {
    top: 0;
    right: -30px;
    content: "";
    position: absolute;
    border-right: 31px solid transparent;
    border-bottom: 47px solid var(--tz-prime-c);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-blog4-item .item-img-meta .item-meta .item-data:before {
        display: none;
    }
}

.tz-blog4-item .item-img-meta .item-meta .item-data span {
    font-size: 20px;
    font-weight: 600;
}

.tz-blog4-item .item-img-meta .item-meta .item-author {
    margin-left: 25px;
}

.tz-blog4-item .item-img-meta .item-meta .item-author a {
    color: #fff;
    margin-left: 20px;
}

.tz-blog4-item .item-img-meta .item-meta .item-author a i {
    margin-right: 5px;
    color: var(--tz-prime-c);
}

.tz-blog4-item .item-text {
    padding: 25px 30px 30px;
}

.tz-blog4-item .item-text .blog_title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 25px;
}

.tz-blog4-item .item-text .tz-btn-1 a {
    padding: 10px 25px;
}

.tz-blog4-item:hover .item-img-meta .item-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

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

/*Project Section*/

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

.tz-project4-sec {
    z-index: 1;
    overflow: hidden;
    background-color: #F4F7FF;
}

.tz-project4-sec .tz-pro4-shape1 {
    top: -50%;
    right: -35%;
    z-index: -2;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-project4-sec .tz-pro4-shape1 {
        display: none;
    }
}

.tz-project4-sec .tz-pro4-shape2 {
    left: -60%;
    bottom: -125%;
    z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-project4-sec .tz-pro4-shape2 {
        display: none;
    }
}

.tz-project4-sec .tz-pro4-shape3 {
    top: 120px;
    left: 105px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-project4-sec .tz-pro4-shape3 {
        display: none;
    }
}

.tz-project4-item {
    height: 480px;
    overflow: hidden;
    border-radius: 15px;
    -webkit-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-project4-item {
        height: 560px;
    }
}

.tz-project4-item .item-img {
    width: 100%;
    height: 100%;
}

.tz-project4-item .item-img img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-project4-item .item-view {
    opacity: 0;
    width: 150px;
    height: 150px;
    visibility: hidden;
    border-radius: 100%;
    background-color: #fff;
    border: 20px solid var(--tz-prime-c);
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    -webkit-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
}

@media (max-width: 767px) {
    .tz-project4-item .item-view {
        display: none;
    }
}

.tz-project4-item .item-view a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 26px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--tz-prime-c);
}

.tz-project4-item .item-text {
    left: 0;
    right: 0;
    opacity: 0;
    bottom: 20px;
    margin: 0 auto;
    max-width: 90%;
    position: absolute;
    visibility: hidden;
    border-radius: 15px;
    background-color: #fff;
    padding: 30px 30px 35px;
    -webkit-transition: 400ms ease-in-out;
    transition: 400ms ease-in-out;
}

.tz-project4-item .item-text .item-cate {
    margin-bottom: 16px;
}

.tz-project4-item .item-text .item-cate a {
    font-size: 12px;
    font-weight: 700;
    margin-right: 5px;
    padding: 5px 15px;
    border-radius: 30px;
    color: var(--tz-prime-c);
    border: 1px solid #683BF2;
}

.tz-project4-item .item-text h3 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 13px;
}

.swiper-slide.swiper-slide-active .tz-project4-item {
    width: 454px;
    height: 560px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .swiper-slide.swiper-slide-active .tz-project4-item {
        width: 454px;
        max-width: 100%;
        margin: 0 auto;
    }
}

.swiper-slide.swiper-slide-active .tz-project4-item .item-view {
    opacity: 1;
    visibility: visible;
}

.swiper-slide.swiper-slide-active .tz-project4-item .item-text {
    opacity: 1;
    visibility: visible;
}

.tz-project4-slider .swiper-slide-next+.swiper-slide .tz-project4-item {
    -webkit-transform: rotate(60deg) translateX(175px) translateY(260px);
    transform: rotate(60deg) translateX(175px) translateY(260px);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-project4-slider .swiper-slide-next+.swiper-slide .tz-project4-item {
        -webkit-transform: rotate(0) translateX(0) translateY(0);
        transform: rotate(0) translateX(0) translateY(0);
    }
}

.tz-project4-slider .swiper-slide-next.swiper-slide .tz-project4-item {
    z-index: 1;
    -webkit-transform: rotate(45deg) translateX(55px) translateY(75px);
    transform: rotate(45deg) translateX(55px) translateY(75px);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-project4-slider .swiper-slide-next.swiper-slide .tz-project4-item {
        -webkit-transform: rotate(0) translateX(0) translateY(0);
        transform: rotate(0) translateX(0) translateY(0);
    }
}

.tz-project4-slider .swiper-slide-prev.swiper-slide .tz-project4-item {
    -webkit-transform: rotate(-40deg) translateX(-67px) translateY(110px);
    transform: rotate(-40deg) translateX(-67px) translateY(110px);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-project4-slider .swiper-slide-prev.swiper-slide .tz-project4-item {
        -webkit-transform: rotate(0) translateX(0) translateY(0);
        transform: rotate(0) translateX(0) translateY(0);
    }
}

.tz-project4-slider .swiper-slide .tz-project4-item {
    -webkit-transform: rotate(-70deg) translateX(-200px) translateY(225px);
    transform: rotate(-70deg) translateX(-200px) translateY(225px);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-project4-slider .swiper-slide .tz-project4-item {
        -webkit-transform: rotate(0) translateX(0) translateY(0);
        transform: rotate(0) translateX(0) translateY(0);
    }
}

.tz-project4-slider .swiper-slide.swiper-slide-active .tz-project4-item {
    -webkit-transform: rotate(0deg) translateX(-80px);
    transform: rotate(0deg) translateX(-80px);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-project4-slider .swiper-slide.swiper-slide-active .tz-project4-item {
        -webkit-transform: rotate(0) translateX(0) translateY(0);
        transform: rotate(0) translateX(0) translateY(0);
    }
}

.tz-project4-slider .swiper-slide.swiper-slide-active {
    z-index: 3;
}

.tz-project4-slider .swiper-slide-next {
    z-index: 2;
}

.tz-project4-slider .swiper-slide-next+.swiper-slide {
    z-index: 1;
}

.tz-project4-slider {
    height: 760px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-project4-slider {
        height: auto;
    }
}

.tz-project4-slider .swiper-slide {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}

.tz-project4-slider .swiper-slide-next+.swiper-slide,
.tz-project4-slider .swiper-slide-prev.swiper-slide,
.tz-project4-slider .swiper-slide.swiper-slide-active,
.tz-project4-slider .swiper-slide.swiper-slide-next,
.tz-project4-slider .swiper-slide.swiper-slide-nth-prev-2 {
    opacity: 1;
    visibility: visible;
}

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

/******* HOME PAGE 5 *******/

/*Hero Section*/

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

.tz-hero5-sec {
    overflow: hidden;
}

.tz-hero5-slider {
    margin: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin-bottom: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-hero5-slider {
        margin: 0;
        border-radius: 0;
    }
}

.tz-h5-slide-item {
    z-index: 1;
    overflow: hidden;
    padding-top: 280px;
    padding-bottom: 185px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-h5-slide-item {
        padding-top: 350px;
    }
}

@media (max-width: 480px) {
    .tz-h5-slide-item {
        padding-top: 210px;
        padding-bottom: 120px;
    }
}

.tz-h5-slide-item .item-img {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.tz-h5-slide-item .item-img:before {
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background: -webkit-gradient(linear, right top, left top, from(rgba(5, 9, 26, 0)), to(#05091A));
    background: linear-gradient(270deg, rgba(5, 9, 26, 0) 0%, #05091A 100%);
}

.tz-h5-slide-item .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-filter: blur(108px);
    filter: blur(108px);
    -webkit-transform: scaleX(150%);
    transform: scaleX(150%);
    -webkit-transition: -webkit-filter 2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 2s cubic-bezier(0.4, -0.2, 0.1, 0.48);
    transition: -webkit-filter 2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 2s cubic-bezier(0.4, -0.2, 0.1, 0.48);
    transition: filter 2s cubic-bezier(0.4, 0, 0.2, 1), transform 2s cubic-bezier(0.4, -0.2, 0.1, 0.48);
    transition: filter 2s cubic-bezier(0.4, 0, 0.2, 1), transform 2s cubic-bezier(0.4, -0.2, 0.1, 0.48), -webkit-filter 2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 2s cubic-bezier(0.4, -0.2, 0.1, 0.48);
}

.tz-h5-slide-item .item-text {
    max-width: 610px;
}

.tz-h5-slide-item .item-text .hero-slug {
    color: #fff;
    opacity: 0;
    font-size: 14px;
    font-weight: 600;
    visibility: hidden;
    margin-bottom: 12px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-h5-slide-item .item-text .hero-slug span {
    opacity: 0;
    visibility: hidden;
    font-weight: 700;
    color: var(--tz-prime-c);
    -webkit-transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 1.5s cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-h5-slide-item .item-text .hero_title {
    color: #fff;
    font-size: 54px;
    font-weight: 700;
    line-height: 1.19;
    margin-bottom: 22px;
}

.tz-h5-slide-item .item-text .hero_title .split-line {
    overflow: hidden;
    -webkit-transform: translateX(-20%) scaleX(-0.3);
    transform: translateX(-20%) scaleX(-0.3);
    opacity: 0;
    -webkit-transition: 1.2s var(--cube-1);
    transition: 1.2s var(--cube-1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

@media (max-width: 480px) {
    .tz-h5-slide-item .item-text .hero_title {
        font-size: 40px;
    }
}

@media (max-width: 360px) {
    .tz-h5-slide-item .item-text .hero_title {
        font-size: 36px;
    }
}

.tz-h5-slide-item .item-text p {
    opacity: 0;
    color: #fff;
    max-width: 590px;
    visibility: hidden;
    margin-bottom: 45px;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: 800ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 800ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-h5-slide-item .item-text .hero_btn {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: 800ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 800ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-h5-slide-item .item-text .hero_btn a {
    color: #fff;
    font-weight: 700;
    padding: 15px 35px;
    border-radius: 100px;
    background-color: var(--tz-prime-c);
}

.tz-h5-slide-item .item-text .hero_btn a:hover {
    background-color: #fff;
    color: var(--tz-prime-c);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-hs-nav5 {
        left: 0;
        right: 0;
        bottom: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0px 15px;
        margin: 0 auto;
        position: absolute;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.tz-hs-nav5 .tz-hs-next5,
.tz-hs-nav5 .tz-hs-prev5 {
    top: 55%;
    width: 60px;
    height: 60px;
    z-index: 3;
    position: absolute;
    border-radius: 100%;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-hs-nav5 .tz-hs-next5,
    .tz-hs-nav5 .tz-hs-prev5 {
        position: static;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@media (max-width: 767px) {
    .tz-hs-nav5 .tz-hs-next5,
    .tz-hs-nav5 .tz-hs-prev5 {
        width: 45px;
        height: 45px;
    }
}

.tz-hs-nav5 .tz-hs-next5:hover,
.tz-hs-nav5 .tz-hs-prev5:hover {
    -webkit-transform: translateY(-50%) scale(1.1);
    transform: translateY(-50%) scale(1.1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-hs-nav5 .tz-hs-next5:hover,
    .tz-hs-nav5 .tz-hs-prev5:hover {
        -webkit-transform: translateY(0) scale(1.1);
        transform: translateY(0) scale(1.1);
    }
}

.tz-hs-nav5 .tz-hs-prev5 {
    left: 120px;
}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .tz-hs-nav5 .tz-hs-prev5 {
        left: 50px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tz-hs-nav5 .tz-hs-prev5 {
        left: 15px;
    }
}

.tz-hs-nav5 .tz-hs-next5 {
    right: 120px;
}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .tz-hs-nav5 .tz-hs-next5 {
        right: 50px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tz-hs-nav5 .tz-hs-next5 {
        right: 15px;
    }
}

.swiper-slide:is(.swiper-slide-active) .tz-h5-slide-item .item-img img {
    -webkit-transform: scaleX(100%);
    transform: scaleX(100%);
    -webkit-filter: blur(0px);
    filter: blur(0px);
}

.swiper-slide:is(.swiper-slide-active) .tz-h5-slide-item .item-text .hero-slug {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.swiper-slide:is(.swiper-slide-active) .tz-h5-slide-item .item-text .hero-slug span {
    opacity: 1;
    visibility: visible;
}

.swiper-slide:is(.swiper-slide-active) .tz-h5-slide-item .item-text .hero_title .split-line {
    -webkit-transform: translateX(0%) scaleX(1);
    transform: translateX(0%) scaleX(1);
    opacity: 1;
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.swiper-slide:is(.swiper-slide-active) .tz-h5-slide-item .item-text .hero_title .split-line:nth-child(2) {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}

.swiper-slide:is(.swiper-slide-active) .tz-h5-slide-item .item-text .hero_title .split-line:nth-child(3) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.swiper-slide:is(.swiper-slide-active) .tz-h5-slide-item .item-text .hero_title .split-line:nth-child(4) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.swiper-slide:is(.swiper-slide-active) .tz-h5-slide-item .item-text .hero_title .split-line:nth-child(5) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.swiper-slide:is(.swiper-slide-active) .tz-h5-slide-item .item-text .hero_title .split-line:nth-child(6) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.swiper-slide:is(.swiper-slide-active) .tz-h5-slide-item .item-text .hero_title .split-line:nth-child(7) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.swiper-slide:is(.swiper-slide-active) .tz-h5-slide-item .item-text .hero_title .split-line:nth-child(8) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.swiper-slide:is(.swiper-slide-active) .tz-h5-slide-item .item-text .hero_title .split-line:nth-child(9) {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
}

.swiper-slide:is(.swiper-slide-active) .tz-h5-slide-item .item-text .hero_title .split-line:nth-child(10) {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s;
}

.swiper-slide:is(.swiper-slide-active) .tz-h5-slide-item .item-text p {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms;
}

.swiper-slide:is(.swiper-slide-active) .tz-h5-slide-item .item-text .hero_btn {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

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

/*Sponsor Section*/

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

.tz-sponsor5-sec {
    margin: 0px 80px;
    overflow: hidden;
    padding: 40px 0px;
    background-color: var(--tz-prime-c);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-sponsor5-sec {
        margin: 0;
        border-radius: 0;
    }
}

.tz-sponsor5-sec:is(.ver_2) {
    margin: 0;
    border-radius: 0;
}

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

/*About Section*/

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

.tz-about5-content {
    gap: 30px 40px;
    overflow: hidden;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-about5-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.tz-about5-img-wrap {
    max-width: 480px;
}

.tz-about5-img-wrap:before {
    top: -1px;
    left: 0;
    z-index: 1;
    width: 175px;
    content: "";
    height: 158px;
    position: absolute;
    background-color: #fff;
    clip-path: polygon(0% 9.036%, 0% 9.036%, 0.107% 7.57%, 0.418% 6.18%, 0.915% 4.884%, 1.581% 3.7%, 2.401% 2.647%, 3.356% 1.743%, 4.43% 1.009%, 5.606% 0.461%, 6.867% 0.118%, 8.197% 0%, 55.464% 0%, 64.208% 0%, 99.727% 0%, 86.396% 0%, 86.396% 0%, 85.06% 0.119%, 83.794% 0.465%, 82.614% 1.018%, 81.537% 1.759%, 80.58% 2.669%, 79.761% 3.73%, 79.096% 4.922%, 78.603% 6.227%, 78.298% 7.626%, 78.199% 9.099%, 78.631% 77.648%, 78.631% 77.648%, 78.532% 79.122%, 78.228% 80.52%, 77.734% 81.825%, 77.07% 83.017%, 76.251% 84.078%, 75.294% 84.989%, 74.217% 85.729%, 73.037% 86.282%, 71.77% 86.628%, 70.434% 86.747%, 8.197% 86.747%, 8.197% 86.747%, 6.867% 86.865%, 5.606% 87.208%, 4.43% 87.756%, 3.356% 88.49%, 2.401% 89.394%, 1.581% 90.447%, 0.915% 91.631%, 0.418% 92.927%, 0.107% 94.317%, 0% 95.783%, 0% 99.699%, 0% 9.036%);
}

.tz-about5-img-wrap .item-img {
    overflow: hidden;
    border-radius: 15px;
    display: inline-block;
}

.tz-about5-img-wrap .item-exp {
    top: 0;
    left: 0;
    width: 128px;
    height: 128px;
    position: absolute;
    border-radius: 20px;
    background-color: var(--tz-prime-c);
    z-index: 2;
}

.tz-about5-img-wrap .item-exp .item-inner h4 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
}

.tz-about5-img-wrap .item-exp .item-inner p {
    color: #fff;
    font-size: 14px;
    max-width: 88px;
    font-weight: 700;
}

.tz-about5-img-wrap .item-play {
    right: -45px;
    bottom: 58px;
    width: 120px;
    height: 120px;
    border-radius: 30px;
    position: absolute;
    border: 10px solid #fff;
    background-color: var(--tz-prime-c);
}

@media (max-width: 767px) {
    .tz-about5-img-wrap .item-play {
        right: 0;
    }
}

.tz-about5-img-wrap .item-play a {
    color: #fff;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tz-about5-text-wrap {
    max-width: 675px;
}

.tz-about5-text-wrap .tz-section-title {
    max-width: 590px;
}

.tz-about5-ft-wrap {
    gap: 20px 30px;
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #E5E0F5;
}

@media (max-width: 767px) {
    .tz-about5-ft-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-about5-ft1 {
    gap: 20px;
    max-width: 375px;
}

@media (max-width: 480px) {
    .tz-about5-ft1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-about5-ft1 .item-icon {
    width: 83px;
    height: 83px;
    border-radius: 10px;
    background-color: #F2F3F6;
    -webkit-animation: icon-bounce 1s ease-out infinite;
    animation: icon-bounce 1s ease-out infinite;
}

.tz-about5-ft1 .item-text {
    max-width: 270px;
}

.tz-about5-ft1 .item-text h3 {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 8px;
}

.tz-about5-ft2 li {
    font-weight: 500;
    margin-bottom: 6px;
    padding-left: 30px;
    position: relative;
    color: var(--tz-title-color);
}

.tz-about5-ft2 li:before {
    top: 0;
    left: 0;
    font-weight: 900;
    content: "\f058";
    position: absolute;
    color: var(--tz-prime-c);
    font-family: "Font Awesome 5 Free";
}

.tz-about5-ft2 li:last-child {
    margin-bottom: 0;
}

.tz-about5-bottom {
    gap: 20px 50px;
}

@media (max-width: 767px) {
    .tz-about5-bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-about5-bottom .ab5-clt-img {
    gap: 20px;
}

.tz-about5-bottom .ab5-clt-img li {
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin-left: -28px;
    border-radius: 100%;
    border: 6px solid #fff;
    -webkit-box-shadow: 0px 9px 18px 0px rgba(24, 16, 16, 0.0509803922);
    box-shadow: 0px 9px 18px 0px rgba(24, 16, 16, 0.0509803922);
}

.tz-about5-bottom .ab5-clt-img li:first-child {
    margin-left: 0;
}

.tz-about5-bottom .ab5-clt-text h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--tz-title-color);
}

.tz-about5-bottom .ab5-clt-text span {
    color: var(--tz-prime-c);
}

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

/*Service Section*/

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

.tz-ser5-sec {
    background-color: #05091A;
}

.tz-ser5-top-content {
    gap: 20px 40px;
}

.tz-ser5-top-content .tz-section-title {
    max-width: 520px;
}

.tz-ser5-top-content .tz-section-title .sec_title {
    color: #fff;
}

.tz-ser5-top-content .tz-ser5-arrow {
    gap: 15px;
}

.tz-ser5-top-content .tz-ser5-next,
.tz-ser5-top-content .tz-ser5-prev {
    color: #fff;
    width: 55px;
    height: 55px;
    cursor: pointer;
    border-radius: 100%;
    background-color: var(--tz-prime-c);
}

.tz-ser5-slider-area {
    margin: 65px 80px 0px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ser5-slider-area {
        margin: 65px 15px 0px;
    }
}

.tz-ser5-item {
    padding: 20px;
    overflow: hidden;
    margin: 0 auto;
    max-width: 566px;
    border-radius: 15px;
    border: 1px solid #ddd;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
    background-color: #fff;
}

.tz-ser5-item:is(.ver_2) {
    margin-bottom: 40px;
}

.tz-ser5-item:is(.ver_2) .item-text .read_more {
    padding: 7px 22px;
    border-radius: 100px;
    color: #Fff;
    background-color: var(--tz-prime-c);
}

.tz-ser5-item:is(.ver_2) .item-text .read_more:before {
    display: none;
}

.tz-ser5-item:is(.ver_2) .item-text .read_more:hover {
    color: #fff;
    background-color: #000;
}

.tz-ser5-item .item-img {
    height: 250px;
    overflow: hidden;
    border-radius: 15px;
}

.tz-ser5-item .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform 500ms, -webkit-transform 500ms;
    -webkit-transform: perspective(0px) rotateY(0deg) rotateX(0deg) scaleX(1) scaleY(1);
    transform: perspective(0px) rotateY(0deg) rotateX(0deg) scaleX(1) scaleY(1);
}

.tz-ser5-item .item-icon {
    left: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
    position: absolute;
    display: none !important;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    background-color: var(--tz-prime-c);
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.tz-ser5-item .item-icon img{
    width: 80px;
}
.tz-ser5-item .item-text {
    margin-top: 25px;
}

.tz-ser5-item .item-text h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
}

.tz-ser5-item .item-text p {
    max-width: 500px;
    padding-bottom: 18px;
}

.tz-ser5-item .item-text .read_more {
    font-weight: 700;
    color: var(--tz-prime-c);
    position: relative;
}

.tz-ser5-item .item-text .read_more:before {
    left: 0;
    bottom: 0;
    content: "";
    height: 1px;
    width: 0%;
    position: absolute;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    background-color: var(--tz-prime-c);
}

.tz-ser5-item .item-text .read_more:hover:before {
    width: 100%;
}

.tz-ser5-item:hover .item-img img {
    -webkit-transform: perspective(2000px) rotateY(0.1deg) rotateX(0deg) scaleX(1.1) scaleY(1.1);
    transform: perspective(2000px) rotateY(0.1deg) rotateX(0deg) scaleX(1.1) scaleY(1.1);
}

.tz-ser5-item:hover .item-icon {
    bottom: 50%;
    border-radius: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

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

/*Cta Section*/

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

@-webkit-keyframes hithere {
    30% {
        -webkit-transform: rotate(9deg);
        transform: rotate(9deg);
    }
    40%,
    60% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg);
    }
    70% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg);
    }
}

@keyframes hithere {
    30% {
        -webkit-transform: rotate(9deg);
        transform: rotate(9deg);
    }
    40%,
    60% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg);
    }
    70% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg);
    }
}

.tz-cta5-sec {
    z-index: 1;
    overflow: hidden;
}

.tz-cta5-sec .tz-cta5-shape1 {
    top: -20%;
    left: -10%;
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-cta5-sec .tz-cta5-shape1 {
        display: none;
    }
}

.tz-cta5-sec .tz-cta5-shape2 {
    top: 50%;
    right: -33%;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tz-cta5-sec .tz-section-title {
    margin: 0 auto;
    max-width: 645px;
}

.tz-cta5-sec .tz-section-title p {
    max-width: 645px;
    padding-top: 24px;
}

.tz-cta5-img-wrap {
    margin: 0 auto;
    max-width: 965px;
    margin-top: 115px;
}

.tz-cta5-img-wrap:before {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    content: "";
    height: 100%;
    margin: 0 auto;
    max-width: 850px;
    position: absolute;
    border-radius: 15px;
    background: rgba(104, 59, 242, 0.0901960784);
    -webkit-transform: rotate(-9deg);
    transform: rotate(-9deg);
    -webkit-animation: hithere 8s ease infinite;
    animation: hithere 8s ease infinite;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(104, 59, 242, 0.2509803922) inset;
    box-shadow: 0px 0px 40px 0px rgba(104, 59, 242, 0.2509803922) inset;
}

.tz-cta5-img-wrap .tz-cta5-tag1,
.tz-cta5-img-wrap .tz-cta5-tag2 {
    z-index: 1;
    color: #fff;
    line-height: 1;
    font-weight: 800;
    padding: 12px 25px;
    letter-spacing: 1px;
    border-radius: 100px;
    background-color: var(--tz-prime-c);
}

.tz-cta5-img-wrap .tz-cta5-tag1 {
    left: 0;
    bottom: 105px;
    -webkit-animation: hithere 12s ease infinite;
    animation: hithere 12s ease infinite;
}

@media (max-width: 480px) {
    .tz-cta5-img-wrap .tz-cta5-tag1 {
        bottom: 30px;
    }
}

.tz-cta5-img-wrap .tz-cta5-tag2 {
    right: 0;
    top: 115px;
    -webkit-animation: hithere 10s ease infinite;
    animation: hithere 10s ease infinite;
}

@media (max-width: 480px) {
    .tz-cta5-img-wrap .tz-cta5-tag2 {
        top: 30px;
    }
}

.tz-cta5-img-wrap .item-img-play {
    margin: 0 auto;
    height: 530px;
    max-width: 850px;
    overflow: hidden;
    border-radius: 15px;
    display: inline-block;
}

@media (max-width: 480px) {
    .tz-cta5-img-wrap .item-img-play {
        height: 400px;
    }
}

.tz-cta5-img-wrap .item-img-play .item-img {
    width: 100%;
    height: 100%;
}

.tz-cta5-img-wrap .item-img-play .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-cta5-img-wrap .ab_video_play_btn {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute !important;
}

.tz-cta5-img-wrap .ab_video_play_btn .video_btn_border {
    border: 20px solid rgba(255, 255, 255, 0.4705882353);
}

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

/*Team Section*/

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

.tz-team5-sec {
    z-index: 1;
    overflow: hidden;
    background-color: #05091A;
}

.tz-team5-sec .tz-tm5-bg {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.tz-team5-sec .tz-tm5-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-team5-sec .tz-section-title .sec_title,
.tz-team5-sec .tz-section-title p,
.tz-team5-sec .tz-section-title .subtitle {
    color: #fff;
}

.tz-tm5-item {
    gap: 25px;
    padding: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
    border-radius: 15px;
    background-color: #fff;
}

.tz-tm5-item .item-img {
    overflow: hidden;
    border-radius: 15px;
}

.tz-tm5-item .item-img img {
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.tz-tm5-item .item-text h3 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 4px;
}

.tz-tm5-item .social-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

.tz-tm5-item .social-icon a {
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 8px;
    border-radius: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--tz-prime-c);
    background-color: #F6F6F6;
}

.tz-tm5-item .social-icon a:hover {
    color: #fff;
    background-color: var(--tz-prime-c);
}

.tz-tm5-item:hover .item-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

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

/*Work Process Section*/

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

.tz-workp5-sec .tz-workp5-shape1 {
    right: 0;
    top: -40%;
    z-index: -1;
}

.tz-workp5-sec .tz-workp5-shape2 {
    top: 220px;
    left: -100px;
    z-index: -1;
}

.tz-workp5-sec .tz-section-title {
    margin: 0 auto;
    max-width: 635px;
    z-index: -1;
}

.tz-workp5-content {
    margin-top: 65px;
    overflow: hidden;
    border-radius: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0px 12px 31px 0px rgba(31, 23, 55, 0.1607843137);
    box-shadow: 0px 12px 31px 0px rgba(31, 23, 55, 0.1607843137);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-workp5-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.tz-workp5-btn-wrap .nav-item:last-child .tz-workp5-btn {
    margin-bottom: 0;
    padding-bottom: 0;
}

.tz-workp5-btn {
    position: relative;
    margin-bottom: 35px;
    padding-bottom: 35px;
}

.tz-workp5-btn:before {
    left: 0;
    bottom: 0;
    width: 90%;
    content: "";
    height: 1px;
    position: absolute;
    background-color: #EDEDED;
}

.tz-workp5-btn .item-icon-text {
    gap: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 767px) {
    .tz-workp5-btn .item-icon-text {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-workp5-btn .item-icon {
    width: 80px;
    height: 80px;
    border-radius: 15px;
    background-color: #EEE9FC;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.tz-workp5-btn .item-icon svg {
    fill: var(--tz-prime-c);
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-workp5-btn .item-text {
    max-width: 420px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-workp5-btn .item-text {
        max-width: 370px;
    }
}

.tz-workp5-btn .item-text h3 {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 10px;
}

.tz-workp5-btn .item-text p {
    color: #74787C;
}

.tz-workp5-btn .item-serial {
    top: 50%;
    z-index: 2;
    color: #fff;
    width: 50px;
    height: 50px;
    right: -65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    border-radius: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: var(--tz-prime-c);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-workp5-btn .item-serial {
        right: 20px;
    }
}

@media (max-width: 767px) {
    .tz-workp5-btn .item-serial {
        display: none;
    }
}

.tz-workp5-content .nav-tabs .nav-link {
    padding: 0;
}

.tz-workp5-btn-wrap {
    width: 50%;
    z-index: 2;
    padding: 40px;
    position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-workp5-btn-wrap {
        width: 100%;
    }
}

.tz-workp5-tab-content {
    overflow: hidden;
}

.tz-workp5-tab-content .tab-content {
    height: 100%;
}

.tz-workp5-tab-content .tab-content .tab-pane {
    height: 100%;
}

.tz-workp5-tab-img {
    height: 100%;
}

.tz-workp5-tab-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.nav-link:is(.active) .tz-workp5-btn .item-icon {
    background-color: var(--tz-prime-c);
}

.nav-link:is(.active) .tz-workp5-btn .item-icon svg {
    fill: #fff;
}

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

/*Contact Section*/

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

.tz-contact5-sec {
    margin: 0px 120px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-contact5-sec {
        margin: 0;
    }
}

.tz-contact5-content {
    z-index: 1;
    overflow: hidden;
    border-radius: 15px;
    padding: 115px 0px 120px;
    background-color: #1F2023;
}

.tz-contact5-content .tz-cnt5-shape1 {
    top: -15%;
    right: -5%;
    z-index: -1;
}

.tz-contact5-content .tz-cnt5-shape2 {
    left: -15%;
    bottom: -15%;
    z-index: -1;
}

.tz-contact5-form-wrap {
    margin: 0 auto;
    max-width: 850px;
}

.tz-contact5-form-wrap .tz-section-title {
    margin: 0 auto;
    max-width: 475px;
}

.tz-contact5-form-wrap .tz-section-title .subtitle,
.tz-contact5-form-wrap .tz-section-title .sec_title {
    color: #fff;
}

.tz-contact5-form {
    padding: 60px;
    border-radius: 15px;
    background-color: #1F2023;
    border: 1px solid var(--tz-prime-c);
}

@media (max-width: 767px) {
    .tz-contact5-form {
        padding: 30px;
    }
}

.tz-contact5-form input,
.tz-contact5-form textarea {
    width: 100%;
    height: 55px;
    border: none;
    padding-left: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    background-color: #fff;
}

.tz-contact5-form input::-webkit-input-placeholder,
.tz-contact5-form textarea::-webkit-input-placeholder {
    color: var(--tz-title-color);
}

.tz-contact5-form input::-moz-placeholder,
.tz-contact5-form textarea::-moz-placeholder {
    color: var(--tz-title-color);
}

.tz-contact5-form input:-ms-input-placeholder,
.tz-contact5-form textarea:-ms-input-placeholder {
    color: var(--tz-title-color);
}

.tz-contact5-form input::-ms-input-placeholder,
.tz-contact5-form textarea::-ms-input-placeholder {
    color: var(--tz-title-color);
}

.tz-contact5-form input::placeholder,
.tz-contact5-form textarea::placeholder {
    color: var(--tz-title-color);
}

.tz-contact5-form textarea {
    height: 150px;
    padding-top: 15px;
}

.tz-contact5-form button {
    color: #fff;
    width: 100%;
    border: none;
    font-weight: 700;
    height: 55px;
    border-radius: 8px;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    background-color: var(--tz-prime-c);
}

.tz-contact5-form button:hover {
    color: var(--tz-prime-c);
    background-color: #fff;
}

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

/*Blog Section*/

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

.tz-blog5-sec {
    z-index: 1;
    overflow: hidden;
}

.tz-blog5-sec .tz-blog5-bg {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
}

.tz-blog5-sec .tz-blog5-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-blog5-sec .tz-section-title {
    margin: 0 auto;
    max-width: 500px;
}

.tz-blog5-sec .tz-section-title .subtitle,
.tz-blog5-sec .tz-section-title .sec_title {
    color: #fff;
}

.tz-blog5-item {
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 30px;
    background-color: #fff;
}

.tz-blog5-item .item-img {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.tz-blog5-item .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1.2) rotate(5deg);
    transform: scale(1.2) rotate(5deg);
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-blog5-item .item-text {
    padding: 25px 30px 30px;
}

.tz-blog5-item .item-text .item-meta {
    margin-bottom: 12px;
}

.tz-blog5-item .item-text .item-meta a {
    margin-right: 20px;
}

.tz-blog5-item .item-text .item-meta a:last-child {
    margin-right: 0;
}

.tz-blog5-item .item-text .item-meta i {
    margin-right: 5px;
    color: var(--tz-prime-c);
}

.tz-blog5-item .item-text .blog_title {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 25px;
}

.tz-blog5-item .item-text .read_more {
    color: #F0EFFF;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 23px;
    border-radius: 100px;
    background-color: var(--tz-prime-c);
}

.tz-blog5-item .item-text .read_more:hover {
    color: #fff;
    background-color: var(--tz-title-color);
}

.tz-blog5-item:hover .item-img img {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

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

/*Testimonial Section*/

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

.tz-testi-proj {
    gap: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-testi-proj {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.tz-testi5-slider-area {
    padding: 20px;
    height: 520px;
    overflow: hidden;
    max-width: 740px;
    border-radius: 15px;
    background-color: #05091A;
}

@media (max-width: 767px) {
    .tz-testi5-slider-area {
        height: auto;
    }
}

.tz-testi5-slider {
    height: 480px;
}

@media (max-width: 767px) {
    .tz-testi5-slider {
        height: auto;
    }
}

.tz-testi5-slider .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tz-testi5-item {
    overflow: hidden;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.0784313725);
}

.tz-testi5-item .item-desc {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 25px 30px;
}

.tz-testi5-item .item-author-rate {
    padding: 20px;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #1E2030;
}

.tz-testi5-item .item-author-rate .item-author {
    gap: 20px;
}

.tz-testi5-item .item-author-rate .item-author .item-img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 100%;
}

.tz-testi5-item .item-author-rate .item-author .item-text h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.tz-testi5-item .item-author-rate .item-author .item-text span {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
}

.tz-testi5-item .item-author-rate li {
    color: #FFB400;
    margin-left: 3px;
}

.tz-proj5-slider-area {
    max-width: 520px;
    overflow: hidden;
    border-radius: 15px;
}

.tz-proj5-item {
    z-index: 1;
    height: 100%;
    max-height: 520px;
    clip-path: polygon(0% 3.846%, 0% 3.846%, 0.05% 3.222%, 0.196% 2.63%, 0.429% 2.079%, 0.742% 1.575%, 1.127% 1.127%, 1.575% 0.742%, 2.079% 0.429%, 2.63% 0.196%, 3.222% 0.05%, 3.846% 0%, 72.692% 0%, 72.692% 0%, 73.316% 0.05%, 73.908% 0.196%, 74.46% 0.429%, 74.964% 0.742%, 75.412% 1.127%, 75.796% 1.575%, 76.109% 2.079%, 76.342% 2.63%, 76.488% 3.222%, 76.538% 3.846%, 76.538% 7.292%, 76.538% 7.292%, 76.589% 7.915%, 76.735% 8.507%, 76.968% 9.059%, 77.281% 9.563%, 77.665% 10.011%, 78.113% 10.396%, 78.617% 10.708%, 79.169% 10.942%, 79.761% 11.087%, 80.385% 11.138%, 96.154% 11.138%, 96.154% 11.138%, 96.778% 11.188%, 97.37% 11.334%, 97.921% 11.567%, 98.425% 11.88%, 98.874% 12.264%, 99.258% 12.712%, 99.571% 13.216%, 99.804% 13.768%, 99.95% 14.36%, 100% 14.984%, 100% 96.154%, 100% 96.154%, 99.95% 96.778%, 99.804% 97.37%, 99.571% 97.921%, 99.258% 98.425%, 98.874% 98.874%, 98.425% 99.258%, 97.921% 99.571%, 97.37% 99.804%, 96.778% 99.95%, 96.154% 100%, 3.846% 100%, 3.846% 100%, 3.222% 99.95%, 2.63% 99.804%, 2.079% 99.571%, 1.575% 99.258%, 1.127% 98.874%, 0.742% 98.425%, 0.429% 97.921%, 0.196% 97.37%, 0.05% 96.778%, 0% 96.154%, 0% 3.846%);
}

@media (max-width: 767px) {
    .tz-proj5-item {
        clip-path: none;
    }
}

@media (max-width: 480px) {
    .tz-proj5-item {
        max-height: 100%;
    }
}

.tz-proj5-item .item-img {
    height: 100%;
    position: relative;
}

.tz-proj5-item .item-img:before {
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(31.92%, rgba(10, 6, 20, 0.91)), color-stop(90.45%, rgba(5, 1, 20, 0.09)));
    background: linear-gradient(360deg, rgba(10, 6, 20, 0.91) 31.92%, rgba(5, 1, 20, 0.09) 90.45%);
}

@media (max-width: 480px) {
    .tz-proj5-item .item-img {
        height: auto;
    }
}

.tz-proj5-item .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-proj5-item .item-text {
    left: 40px;
    z-index: 2;
    bottom: 40px;
    max-width: 420px;
    position: absolute;
}

@media (max-width: 480px) {
    .tz-proj5-item .item-text {
        padding: 25px;
        position: static;
        background-color: #000;
    }
}

.tz-proj5-item .item-text h3 {
    opacity: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 8px;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: 800ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 800ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-proj5-item .item-text span {
    opacity: 0;
    color: #fff;
    font-weight: 500;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: 800ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 800ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-proj5-item .item-text p {
    opacity: 0;
    color: #fff;
    margin-bottom: 35px;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: 800ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 800ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-proj5-item .item-text .more-btn {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: 800ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
    transition: 800ms cubic-bezier(0.61, -0.63, 0.46, 1.48);
}

.tz-proj5-item .item-text .read_more {
    color: #fff;
    font-weight: 700;
    padding: 13px 30px;
    border-radius: 100px;
    background-color: var(--tz-prime-c);
}

.tz-proj5-item .item-text .read_more:hover {
    color: var(--tz-prime-c);
    background-color: #fff;
}

.tz-proj5-slider {
    height: 100%;
}

.tz-proj5-nav {
    top: 0;
    right: 0;
    gap: 10px;
    z-index: 3;
    width: 110px;
    position: absolute;
}

@media (max-width: 767px) {
    .tz-proj5-nav {
        width: 130px;
        height: 70px;
        padding-top: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #fff;
        border-bottom-left-radius: 10px;
    }
}

.tz-proj5-nav .tz-proj5-prev,
.tz-proj5-nav .tz-proj5-next {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-radius: 100%;
    color: var(--tz-prime-c);
    background-color: #F3F1F9;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.tz-proj5-nav .tz-proj5-prev:hover,
.tz-proj5-nav .tz-proj5-next:hover {
    color: #fff;
    background-color: var(--tz-prime-c);
}

.swiper-slide-active .tz-proj5-item .item-text h3,
.swiper-slide-active .tz-proj5-item .item-text span,
.swiper-slide-active .tz-proj5-item .item-text p,
.swiper-slide-active .tz-proj5-item .item-text .more-btn {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.swiper-slide-active .tz-proj5-item .item-text span {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.swiper-slide-active .tz-proj5-item .item-text p {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.swiper-slide-active .tz-proj5-item .item-text .more-btn {
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

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

/******* INNER PAGE *******/

/*Breadcrumb Section*/

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

.tz-breadcrumb-sec {
    padding-bottom: 150px;
    padding-top: 300px;
}

@media (max-width: 767px) {
    .tz-breadcrumb-sec {
        padding-top: 200px;
        padding-bottom: 100px;
    }
}

.tz-breadcrumb-sec:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background: -webkit-gradient(linear, right top, left top, from(rgba(5, 9, 26, 0.3)), to(#05091A));
    background: linear-gradient(270deg, rgba(5, 9, 26, 0.3) 0%, #05091A 100%);
}

.tz-breadcrumb-content {
    z-index: 2;
    position: relative;
}

.tz-breadcrumb-content .bread_heading {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 8px;
}

@media (max-width: 767px) {
    .tz-breadcrumb-content .bread_heading {
        font-size: 40px;
    }
}

@media (max-width: 480px) {
    .tz-breadcrumb-content .bread_heading {
        font-size: 36px;
    }
}

.tz-breadcrumb-content li {
    color: #fff;
    font-weight: 500;
    position: relative;
    margin: 0px 10px;
}

.tz-breadcrumb-content li:before {
    top: 0;
    right: -15px;
    content: "/";
    position: absolute;
}

.tz-breadcrumb-content li:last-child:before {
    display: none;
}

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

/*About Page Section*/

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

.tz-abp-counter-sec {
    overflow: hidden;
}

.tz-abp-counter-content {
    z-index: 2;
    position: relative;
    border-top: 1px solid #E4DFF2;
}

.tz-abwh-sec {
    overflow: hidden;
}

.tz-abwh-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-abwh-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.tz-abp-count-item {
    overflow: hidden;
    margin-top: -50px;
    position: relative;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-abp-count-item {
        margin-top: 0;
        padding-top: 40px;
        margin-bottom: 40px;
        border-top: 1px solid #E4DFF2;
    }
}

.tz-abp-count-item:before,
.tz-abp-count-item:after {
    width: 1px;
    content: "";
    height: 59%;
    bottom: 67px;
    position: absolute;
    background-color: #E4DFF2;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-abp-count-item:before,
    .tz-abp-count-item:after {
        height: 100%;
    }
}

.tz-abp-count-item:before {
    left: 0;
}

.tz-abp-count-item:after {
    right: 0;
}

.tz-abp-count-item .item-icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-bottom: 35px;
    border-radius: 100%;
    background-color: var(--tz-prime-c);
}

.tz-abp-count-item .item-text h3 {
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 28px;
}

.tz-abp-count-item .item-text p {
    color: #fff;
    padding: 20px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: var(--tz-prime-c);
}

.tz-abp-cta-bg {
    height: 600px;
    overflow: hidden;
    margin-top: -65px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-abp-cta-bg {
        border: none;
        margin-top: 0;
        height: 400px;
    }
}

.tz-abp-cta-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-abwh-sec {
    z-index: 1;
    background-color: #F2F3F4;
}

.tz-abwh-sec .tz-abwh-shape {
    right: -30%;
    bottom: -30%;
    z-index: -1;
}

.tz-abwh-item {
    gap: 25px;
    z-index: 1;
    max-width: 495px;
    overflow: hidden;
    position: relative;
    border-radius: 15px;
    margin-bottom: 30px;
    padding: 35px 45px 25px;
}

@media (max-width: 767px) {
    .tz-abwh-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 30px;
    }
}

.tz-abwh-item:nth-child(odd) {
    margin-left: 104px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-abwh-item:nth-child(odd) {
        margin-left: 0;
    }
}

.tz-abwh-item:before,
.tz-abwh-item:after {
    left: 0;
    z-index: -1;
    height: 50%;
    width: 100%;
    content: "";
    position: absolute;
}

.tz-abwh-item:before {
    top: 0;
    background-color: #fff;
}

@media (max-width: 767px) {
    .tz-abwh-item:before {
        display: none;
    }
}

.tz-abwh-item:after {
    bottom: 0;
    background-color: var(--tz-prime-c);
}

@media (max-width: 767px) {
    .tz-abwh-item:after {
        height: 100%;
    }
}

.tz-abwh-item .item-icon {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0px 20px 40px 0px rgba(29, 20, 58, 0.2901960784);
    box-shadow: 0px 20px 40px 0px rgba(29, 20, 58, 0.2901960784);
}

.tz-abwh-item .item-text {
    max-width: 285px;
}

.tz-abwh-item .item-text h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .tz-abwh-item .item-text h3 {
        color: #fff;
        margin-bottom: 10px;
    }
}

.tz-abwh-item .item-text p {
    color: #fff;
}

.tz-abwh-item-wrap {
    max-width: 600px;
}

.tz-abwh-text-wrap {
    max-width: 532px;
}

.tz-abwh-text-wrap .tz-section-title {
    padding-bottom: 30px;
    border-bottom: 1px solid #CECDD7;
}

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

/*Service Section*/

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

.tz-ser-feed-sec {
    background-color: #F2F3F4;
}
.bg_theme{
    background-color: #edf0f9;
}

.ser-details-thumb {
    overflow: hidden;
    border-radius: 15px;
    width: 100%;
    margin-bottom: 30px;
    display: inline-block;
}
.ser-details-text p a{
    color: var(--tz-prime-c);
}
.ser-details-thumb{
  height: 450px;
}
@media (max-width: 767px) {
    .ser-details-thumb {
        height: 300px;
    }
}

.ser-details-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.ser-details-text h3 {
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 20px;
}

.ser-details-text p {
    padding-bottom: 30px;
}

.ser-details-text .tz-cta5-img-wrap {
    margin-top: 30px;
}

.ser-details-text .tz-cta5-img-wrap:before {
    display: none;
}

.ser-details-text .tz-faq-accordion .accordion-item {
    background-color: #F2F3F4;
}

.gallery-row-1,
.gallery-row-2 {
    gap: 20px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .gallery-row-1,
    .gallery-row-2 {
        gap: 5px;
        margin-bottom: 5px;
    }
}

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

/*Team Details Section*/

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

.tz-team-feed2-sec,
.tz-team-details-sec {
    background-color: #F2F3F4;
}

.tz-team-feed2-sec .tz-team2-item,
.tz-team-details-sec .tz-team2-item {
    margin-bottom: 30px;
    background-color: #fff;
}

.tz-team-details-content {
    padding: 30px;
    gap: 30px 40px;
    border-radius: 10px;
    background-color: #FFFFFF;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-team-details-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.tz-team-details-text {
    max-width: 714px;
    padding-left: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tz-team-details-text {
        padding-left: 0;
        max-width: 500px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-team-details-text {
        padding-left: 0;
    }
}

.tz-team-details-text h3 {
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 5px;
}

.tz-team-details-text .tz-degi {
    font-weight: 600;
    color: var(--tz-prime-c);
}

.tz-team-details-text p {
    padding-top: 30px;
}

.tz-team-details-img {
    max-width: 410px;
}

.tz-team-details-img .item-img {
    overflow: hidden;
    border-radius: 15px;
}

.tz-team-details-img .item-social {
    left: 0;
    right: 0;
    bottom: 30px;
    margin: 0 auto;
    max-width: 90%;
    position: absolute;
    border-radius: 15px;
    padding: 30px 30px 20px;
    background-color: #fff;
    -webkit-box-shadow: 0px 16px 31px 0px rgba(0, 0, 0, 0.0705882353);
    box-shadow: 0px 16px 31px 0px rgba(0, 0, 0, 0.0705882353);
}

@media (max-width: 480px) {
    .tz-team-details-img .item-social {
        max-width: 100%;
        position: static;
    }
}

.tz-team-details-img .item-social h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #EDEDF6;
}

.tz-team-details-img .item-social a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 10px;
    border-radius: 100%;
    margin-bottom: 10px;
    color: var(--tz-prime-c);
    background-color: #F2F2F3;
}

.tz-team-details-img .item-social a:hover {
    color: #fff;
    background-color: var(--tz-prime-c);
}

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

/*Portfolio Details Section*/

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

.tz-portfolio-feed1-sec .tz-pro2-item {
    margin-bottom: 35px;
}

.tz-portf-item3 {
    margin: 0 auto;
    max-width: 410px;
    margin-bottom: 40px;
}

.tz-portf-item3 .item-img {
    overflow: hidden;
    border-radius: 15px;
    display: inline-block;
}

.tz-portf-item3 .item-text {
    left: 0;
    right: 0;
    padding: 30px;
    max-width: 90%;
    margin: 0 auto;
    margin-top: -80px;
    position: relative;
    border-radius: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 50px 0px rgba(23, 11, 61, 0.0509803922);
    box-shadow: 0px 10px 50px 0px rgba(23, 11, 61, 0.0509803922);
}

.tz-portf-item3 .item-text .item-cate {
    margin-bottom: 15px;
}

.tz-portf-item3 .item-text .item-cate a {
    font-size: 14px;
    padding: 4px 14px;
    margin-right: 10px;
    border-radius: 100px;
    color: var(--tz-prime-c);
    background-color: #F0EEF9;
}

.tz-portf-item3 .item-text .item-cate a:last-child {
    margin-right: 0;
}

.tz-portf-item3 .item-text h3 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 10px;
}

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

/*Blog Details Section*/

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

.tz-blog-details-text .tz-thumb {
    overflow: hidden;
    border-radius: 15px;
}

.tz-blog-details-text .item-meta {
    margin-bottom: 20px;
}

.tz-blog-details-text .item-meta a {
    margin-right: 20px;
}

.tz-blog-details-text .item-meta a:last-child {
    margin-right: 0;
}

.tz-blog-details-text .item-meta i {
    margin-right: 5px;
    color: var(--tz-prime-c);
}

.tz-blog-details-text h3 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 20px;
}

.tz-blog-details-text p {
    padding-bottom: 30px;
}

.tz-blog-details-text blockquote {
    font-size: 20px;
    color: #1A1A1A;
    font-weight: 700;
    border-radius: 15px;
    position: relative;
    border-radius: 15px;
    margin-bottom: 30px;
    background-color: #F2F3F4;
    padding: 45px 45px 45px 160px;
}

@media (max-width: 480px) {
    .tz-blog-details-text blockquote {
        padding: 45px 45px 45px 45px;
    }
}

.tz-blog-details-text blockquote:before {
    top: 50px;
    left: 50px;
    color: #fff;
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 30px;
    font-weight: 900;
    content: "\f10d";
    position: absolute;
    border-radius: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--tz-prime-c);
    font-family: "Font Awesome 5 Free";
}

@media (max-width: 480px) {
    .tz-blog-details-text blockquote:before {
        display: none;
    }
}

.tz-blog-details-text blockquote h4 {
    font-size: 18px;
    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 0px;
    color: var(--tz-prime-c);
}

.tz-blog-details-text blockquote span {
    font-size: 16px;
    font-weight: 400;
}

.tz-blog-details-text .item-img {
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 20px;
    display: inline-block;
}

.tz-blog-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #EAEBEE;
}

.tz-blog-tag span {
    font-weight: 700;
    margin-right: 15px;
    color: var(--tz-title-color);
}

.tz-blog-tag a {
    padding: 5px 15px;
    border-radius: 100px;
    border: 1px solid #EAEBEE;
}

.tz-blog-tag a:hover {
    color: #fff;
    background-color: var(--tz-prime-c);
    border: 1px solid var(--tz-prime-c);
}

.tz-blog-details-author {
    gap: 30px;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 15px;
    background-color: #F2F3F4;
}

.tz-blog-details-author .inner-img {
    width: 133px;
    height: 133px;
    overflow: hidden;
    border-radius: 15px;
}

.tz-blog-details-author .inner-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-blog-details-author .inner-text {
    max-width: 600px;
}

.tz-blog-details-author .inner-text h4 {
    font-size: 24px;
    font-weight: 700;
}

.tz-blog-details-author .inner-text span {
    color: var(--tz-prime-c);
}

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

/*Contact Page Section*/

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

.tz-cnt-form-sec {
    overflow: hidden;
}

.tz-cnt-map-content {
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 15px;
    background-color: #F2F3F4;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-cnt-map-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.tz-cnt-map-cta {
    max-width: 430px;
}

.tz-cnt-map-frame {
    width: 100%;
    max-width: 660px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tz-cnt-map-frame {
        max-width: 550px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tz-cnt-map-frame {
        max-width: 400px;
    }
}

.tz-cnt-cta-item {
    gap: 25px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #DCDFE2;
}

@media (max-width: 767px) {
    .tz-cnt-cta-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-cnt-cta-item:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0px;
}

.tz-cnt-cta-item .item-icon {
    width: 80px;
    height: 80px;
    font-size: 28px;
    border-radius: 100%;
    background-color: #fff;
    color: var(--tz-prime-c);
}

.tz-cnt-cta-item .item-text {
    max-width: 320px;
}

.tz-cnt-cta-item .item-text h3 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 8px;
}

.tz-cnt-form-content {
    max-width: 630px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-cnt-form-content {
        max-width: 100%;
    }
}

.tz-cnt-form-sec {
    overflow: hidden;
}

.tz-cnt-form-sec .tz-cnt-img {
    bottom: 0;
    right: 150px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tz-cnt-form-sec .tz-cnt-img {
        right: 0px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-cnt-form-sec .tz-cnt-img {
        display: none;
    }
}

.tz-cnt-content input,
.tz-cnt-content textarea {
    width: 100%;
    height: 55px;
    border: none;
    color: #74787C;
    padding-left: 25px;
    margin-bottom: 20px;
    background-color: #fff;
}

.tz-cnt-content input::-webkit-input-placeholder,
.tz-cnt-content textarea::-webkit-input-placeholder {
    color: #74787C;
}

.tz-cnt-content input::-moz-placeholder,
.tz-cnt-content textarea::-moz-placeholder {
    color: #74787C;
}

.tz-cnt-content input:-ms-input-placeholder,
.tz-cnt-content textarea:-ms-input-placeholder {
    color: #74787C;
}

.tz-cnt-content input::-ms-input-placeholder,
.tz-cnt-content textarea::-ms-input-placeholder {
    color: #74787C;
}

.tz-cnt-content input::placeholder,
.tz-cnt-content textarea::placeholder {
    color: #74787C;
}

.tz-cnt-content textarea {
    height: 150px;
    padding-top: 20px;
}

.tz-cnt-content button {
    color: #fff;
    border: none;
    font-weight: 700;
    border-radius: 5px;
    padding: 15px 30px;
    background-color: var(--tz-prime-c);
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.tz-cnt-content button:hover {
    color: #fff;
    background-color: #000;
}

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

/*Single-page Section*/

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

.tz-error-sec {
    overflow: hidden;
}

.tz-error-content {
    overflow: hidden;
    padding: 155px 0px;
}

@media (max-width: 480px) {
    .tz-error-content {
        padding: 60px 0px;
    }
}

.tz-error-content h2 {
    color: #fff;
    font-weight: 700;
    font-size: 170px;
}

@media (max-width: 480px) {
    .tz-error-content h2 {
        font-size: 150px;
    }
}

.tz-error-content h3 {
    color: #fff;
    font-size: 44px;
    font-weight: 700;
    padding-bottom: 20px;
}

@media (max-width: 480px) {
    .tz-error-content h3 {
        font-size: 36px;
    }
}

.tz-error-content p {
    color: #fff;
}

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

/*Sidebar Section*/

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

.tz-ser-sidebar {
    padding: 20px;
    border-radius: 15px;
    background-color: #F2F3F4;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ser-sidebar {
        margin-top: 30px;
    }
}

.tz-sidebar-widget {
    padding: 30px 35px;
    border-radius: 15px;
    margin-bottom: 30px;
    background-color: #fff;
}

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

.tz-sidebar-widget .widget-title {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 24px;
}

.tz-sidebar-widget .download-item a {
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #EDEDED;
}

.tz-sidebar-widget .download-item:last-child a {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.tz-sidebar-widget .download-item .item-icon {
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background-color: var(--tz-prime-c);
}

.tz-sidebar-widget .download-item .item-text h4 {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 2px;
}

.tz-sidebar-widget .category-widget li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
    font-weight: 500;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #DEE1E9;
}

.tz-sidebar-widget .category-widget li:last-child a {
    border: none;
    padding-bottom: 0;
}

.tz-sidebar-widget .cta-widget {
    padding: 20px 0px;
}

.tz-sidebar-widget .cta-widget .inner-text {
    margin: 0 auto;
    max-width: 240px;
}

.tz-sidebar-widget .cta-widget h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 30px 0px;
}

.tz-sidebar-widget .cta-widget .tz-btn-1 a:hover {
    color: var(--tz-prime-c);
    background-color: #fff;
}

.tz-sidebar-widget .search-widget form {
    position: relative;
}

.tz-sidebar-widget .search-widget input {
    width: 100%;
    height: 55px;
    border-radius: 10px;
    padding-left: 20px;
    border: 1px solid #EAEBEE;
}

.tz-sidebar-widget .search-widget button {
    top: 0;
    right: 0;
    width: 55px;
    color: #fff;
    height: 55px;
    border: none;
    position: absolute;
    border-radius: 10px;
    background-color: var(--tz-prime-c);
}

.tz-sidebar-widget .tz-rcw-item {
    margin-bottom: 30px;
}

.tz-sidebar-widget .tz-rcw-item:last-child {
    margin-bottom: 0;
}

.tz-sidebar-widget .tz-rcw-item .item-img {
    width: 100%;
    height: 130px;
    overflow: hidden;
    margin-bottom: 16px;
    border-radius: 10px;
}

.tz-sidebar-widget .tz-rcw-item .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-sidebar-widget .tz-rcw-item .item-text .item-meta {
    margin-bottom: 10px;
}

.tz-sidebar-widget .tz-rcw-item .item-text .item-meta a {
    margin-right: 20px;
}

.tz-sidebar-widget .tz-rcw-item .item-text .item-meta a:last-child {
    margin-right: 0;
}

.tz-sidebar-widget .tz-rcw-item .item-text .item-meta i {
    margin-right: 5px;
    color: var(--tz-prime-c);
}

.tz-sidebar-widget .tz-rcw-item .item-text h3 {
    font-size: 18px;
    font-weight: 700;
}

.tz-sidebar-widget .gallery-widget li {
    width: 93px;
    height: 93px;
    overflow: hidden;
    border-radius: 10px;
}

.tz-sidebar-widget .gallery-widget li img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-sidebar-widget .tag-widget li {
    margin-right: 4px;
    margin-bottom: 6px;
}

.tz-sidebar-widget .tag-widget li a {
    padding: 5px 15px;
    border-radius: 100px;
    border: 1px solid #EAEBEE;
}

.tz-sidebar-widget .tag-widget li a:hover {
    color: #fff;
    background-color: var(--tz-prime-c);
    border: 1px solid var(--tz-prime-c);
}

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

/*Footer Section*/

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

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }
    40% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    60% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    80% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }
    40% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    60% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    80% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes elastic-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg);
    }
}

@keyframes elastic-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg);
    }
}

@-webkit-keyframes IT_animation_2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes IT_animation_2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes IT_animation_1 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    25% {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    75% {
        -webkit-transform: translateX(40px);
        transform: translateX(40px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes IT_animation_1 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    25% {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    75% {
        -webkit-transform: translateX(40px);
        transform: translateX(40px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.tz-footer-sec {
    z-index: 1;
    overflow: hidden;
    background-color: #05091A;
}

.tz-footer-sec .tz-ftr-shape {
    top: 25%;
    left: 70px;
    z-index: -1;
}

.tz-footer-sec .tz-ftr-shape span {
    -webkit-animation: elastic-spin 5s infinite ease;
    animation: elastic-spin 5s infinite ease;
}

.tz-footer-sec .tz-ftr-sh1 {
    z-index: -1;
    top: -45px;
    right: -45px;
}

.tz-footer-sec .tz-ftr-sh2 {
    top: -30px;
    right: -30px;
    z-index: -2;
}

.tz-footer-sec .tz-ftr-sh3,
.tz-footer-sec .tz-ftr-sh4 {
    top: 30%;
    right: 5%;
}

.tz-footer-sec .tz-ftr-sh4 {
    top: 31%;
    right: 6%;
}

.tz-footer-sec .tz-ftr-sh5 {
    left: -13%;
    bottom: -13%;
    z-index: -1;
    opacity: 0.09;
}

.tz-footer-newsletter {
    gap: 30px;
    border-bottom: 1px solid #161A2C;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-footer-newsletter {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-ft-news-text {
    gap: 15px 30px;
}

@media (max-width: 767px) {
    .tz-ft-news-text {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-ft-news-text .item-icon {
    color: #fff;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: var(--tz-prime-c);
}

.tz-ft-news-text .item-icon i {
    font-size: 28px;
    -webkit-transform-origin: top top;
    transform-origin: top top;
    -webkit-animation: swing 2s ease infinite;
    animation: swing 2s ease infinite;
}

.tz-ft-news-text .item-text h3 {
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    padding-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ft-news-text .item-text h3 {
        font-size: 30px;
    }
}

.tz-ft-news-text .item-text span {
    color: #A9A9AA;
}

.tz-ft-news-form {
    width: 100%;
    max-width: 520px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tz-ft-news-form {
        max-width: 400px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ft-news-form {
        max-width: 100%;
    }
}

.tz-ft-news-form input {
    width: 100%;
    height: 60px;
    border: none;
    padding-left: 30px;
    border-radius: 30px;
    background-color: #fff;
}

.tz-ft-news-form button {
    top: 5px;
    right: 5px;
    color: #fff;
    border: none;
    font-weight: 600;
    padding: 13px 35px;
    position: absolute;
    border-radius: 50px;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    background-color: var(--tz-prime-c);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-ft-news-form button {
        padding: 13px 25px;
    }
}

@media (max-width: 480px) {
    .tz-ft-news-form button {
        position: static;
        margin-top: 15px;
    }
}

.tz-ft-news-form button:hover {
    color: #fff;
    background-color: var(--tz-title-color);
}

.tz-footer-widget-wrap {
    gap: 30px 75px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-footer-widget-wrap {
        gap: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-footer-widget-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 30px 40px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.tz-footer-widget .widget-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 24px;
}

.tz-footer-widget:is(.ver_2) .widget-title {
    font-size: 24px;
}

.tz-footer-widget .logo-widget {
    max-width: 310px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-footer-widget .logo-widget {
        max-width: 250px;
    }
}

.tz-footer-widget .logo-widget p {
    padding-top: 25px;
    padding-bottom: 25px;
}

.tz-footer-widget .logo-widget .footer-social {
    gap: 8px;
}

.tz-footer-widget .logo-widget .footer-social a {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    color: var(--tz-prime-c);
}

.tz-footer-widget .logo-widget .footer-social a:hover {
    color: #fff;
    background-color: var(--tz-prime-c);
}

.tz-footer-widget .menu-widget li {
    margin-bottom: 13px;
}

.tz-footer-widget .menu-widget li a {
    color: #9DA0AD;
    padding-left: 20px;
    position: relative;
}

.tz-footer-widget .menu-widget li a:before {
    top: 0;
    left: 0;
    font-weight: 900;
    content: "\f054";
    position: absolute;
    color: var(--tz-prime-c);
    font-family: "Font Awesome 5 Free";
}

.tz-footer-widget .menu-widget li a:hover {
    color: var(--tz-prime-c);
}


.tz-footer-widget .cta-widget .cta-info {
    gap: 16px;
    margin-bottom: 18px;
}

.tz-footer-widget .cta-widget .cta-info .info-icon {
    font-size: 18px;
    color: var(--tz-prime-c);
}

.tz-footer-widget .cta-widget .cta-info .info-text {
    color: #9DA0AD;
    font-weight: 500;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-footer-widget .recent-widget {
        max-width: 240px;
    }
}

@media (max-width: 480px) {
    .tz-footer-widget .recent-widget {
        max-width: 100%;
    }
}

.tz-footer-widget .tz-recent-post {
    gap: 20px;
    margin-bottom: 20px;
}

.tz-footer-widget .tz-recent-post:last-child {
    margin-bottom: 0;
}

.tz-footer-widget .tz-recent-post .item-img {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 10px;
}

.tz-footer-widget .tz-recent-post .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tz-footer-widget .tz-recent-post .item-text span {
    color: #9DA0AD;
    font-size: 14px;
    margin-bottom: 5px;
}

.tz-footer-widget .tz-recent-post .item-text span i {
    margin-right: 5px;
}

.tz-footer-widget .tz-recent-post .item-text h3 {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 5px;
}

.tz-footer-widget .tz-recent-post .item-text .read_more {
    font-weight: 600;
    color: var(--tz-prime-c);
}

.tz-footer-widget .tz-recent-post .item-text .read_more i {
    margin-left: 5px;
}

.tz-footer-widget .newslatter-widget {
    max-width: 440px;
}

.tz-footer-widget .newslatter-widget h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 15px;
}

.tz-footer-widget .newslatter-widget p {
    color: #9DA0AD;
    font-weight: 500;
    padding-bottom: 35px;
}

.tz-footer-widget .newslatter-widget form {
    width: 100%;
    position: relative;
}

.tz-footer-widget .newslatter-widget form input {
    width: 100%;
    height: 60px;
    border: none;
    color: #1A1A1A;
    padding-left: 30px;
    border-radius: 100px;
}

.tz-footer-widget .newslatter-widget form input:placeholder {
    color: #1A1A1A;
}

.tz-footer-widget .newslatter-widget form button {
    top: 5px;
    right: 5px;
    color: #fff;
    border: none;
    font-weight: 600;
    position: absolute;
    padding: 13px 34px;
    border-radius: 100px;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    background-color: var(--tz-prime-c);
}

.tz-footer-widget .newslatter-widget form button:hover {
    background-color: var(--tz-title-color);
}

@media (max-width: 480px) {
    .tz-footer-widget .newslatter-widget form button {
        position: static;
        margin-top: 15px;
    }
}

.tz-footer-widget .newslatter-widget3 {
    width: 325px;
}

@media (max-width: 480px) {
    .tz-footer-widget .newslatter-widget3 {
        width: 100%;
    }
}

.tz-footer-widget .newslatter-widget3 p {
    color: #B0B2B7;
    padding-bottom: 30px;
}

.tz-footer-widget .newslatter-widget3 form {
    height: 50px;
    position: relative;
}

.tz-footer-widget .newslatter-widget3 form input {
    color: #fff;
    width: 100%;
    height: 100%;
    border: none;
    padding-left: 15px;
    border-radius: 4px;
    background-color: #303137;
}

.tz-footer-widget .newslatter-widget3 form input::-webkit-input-placeholder {
    color: #fff;
}

.tz-footer-widget .newslatter-widget3 form input::-moz-placeholder {
    color: #fff;
}

.tz-footer-widget .newslatter-widget3 form input:-ms-input-placeholder {
    color: #fff;
}

.tz-footer-widget .newslatter-widget3 form input::-ms-input-placeholder {
    color: #fff;
}

.tz-footer-widget .newslatter-widget3 form input::placeholder {
    color: #fff;
}

.tz-footer-widget .newslatter-widget3 form button {
    top: 0;
    right: 0;
    color: #fff;
    height: 50px;
    border: none;
    font-weight: 700;
    padding: 0px 25px;
    border-radius: 4px;
    position: absolute;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background-color: var(--tz-prime-c);
}

.tz-footer-widget .newslatter-widget3 form button:hover {
    color: #000;
    background-color: #fff;
}

.tz-footer-copyright {
    gap: 15px;
    padding: 10px 0px;
    border-top: 1px solid #161A2C;
}

@media (max-width: 767px) {
    .tz-footer-copyright {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 60px;
    }
}

.tz-footer-copyright p {
    color: #fff;
}

.tz-footer-menu li {
    margin-left: 20px;
}

.tz-footer-menu li:nth-child(1) {
    margin-left: 0;
}

.tz-footer-menu li a {
    color: #fff;
}

.tz-footer-menu li a:hover {
    color: var(--tz-prime-c);
}

.tz-footer-sec-2 {
    z-index: 1;
    overflow: hidden;
    padding-top: 120px;
    background-color: #05091A;
}

.tz-footer-sec-2 .tz-ftr-shape1 {
    top: -20px;
    left: -20px;
    z-index: -1;
    -webkit-animation: IT_animation_2 5s infinite linear alternate;
    animation: IT_animation_2 5s infinite linear alternate;
}

.tz-footer-sec-2 .tz-ftr-shape2 {
    right: 20px;
    bottom: 150px;
    z-index: -1;
    -webkit-animation: IT_animation_1 5s infinite linear alternate;
    animation: IT_animation_1 5s infinite linear alternate;
}

.tz-footer-sec-2 .tz-ftr-shape3 {
    right: -5px;
    bottom: 175px;
    z-index: -1;
    -webkit-animation: elastic-spin 5s infinite ease;
    animation: elastic-spin 5s infinite ease;
}

.tz-footer-sec-2 .tz-ftr-shape4 {
    top: -35px;
    right: -110px;
    z-index: -1;
    -webkit-animation: IT_animation_1 5s infinite linear alternate;
    animation: IT_animation_1 5s infinite linear alternate;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-footer-sec-2 .tz-ftr-shape4 {
        display: none;
    }
}

.tz-footer-sec-2 .tz-ftr-tringle-shape {
    gap: 5px;
    left: 95px;
    bottom: 120px;
    z-index: -1;
}

.tz-footer-sec-2 .tz-ftr-tringle-shape span {
    -webkit-animation: elastic-spin 5s infinite ease;
    animation: elastic-spin 5s infinite ease;
}

.tz-footer-sec-2 .tz-footer-widget-wrap {
    gap: 30px 135px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-footer-sec-2 .tz-footer-widget-wrap {
        gap: 30px 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-footer-sec-2 .tz-footer-widget-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.tz-footer-sec-2 .tz-footer-widget {
    position: relative;
}

.tz-footer-sec-2 .tz-footer-widget:before {
    top: 50%;
    width: 1px;
    content: "";
    right: -68px;
    height: 220px;
    position: absolute;
    background-color: #191F38;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tz-footer-sec-2 .tz-footer-widget:before {
        display: none;
    }
}

.tz-footer-sec-2 .tz-footer-widget:last-child:before {
    display: none;
}

.tz-footer-menu-wrap {
    padding: 15px;
    gap: 15px 30px;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.0705882353);
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px);
    border: 1px solid rgba(255, 255, 255, 0.0705882353);
}

@media (max-width: 767px) {
    .tz-footer-menu-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-radius: 20px;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
}

.tz-footer-menu-wrap .footer-menu li {
    margin-left: 45px;
}

@media (max-width: 767px) {
    .tz-footer-menu-wrap .footer-menu li {
        margin: 0px 10px;
    }
}

.tz-footer-menu-wrap .footer-menu li a {
    color: #fff;
    font-weight: 500;
}

.tz-footer-menu-wrap .footer-menu li a:hover {
    color: var(--tz-prime-c);
}

.tz-footer-menu-wrap .menu-btn a {
    font-weight: 600;
    padding: 13px 30px;
    border-radius: 100px;
    background-color: #fff;
    color: var(--tz-prime-c);
}

.tz-footer-menu-wrap .menu-btn a i {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.tz-footer-menu-wrap .menu-btn a:hover {
    color: #fff;
    background-color: var(--tz-prime-c);
}

.tz-footer-cta-wrap {
    gap: 15px;
    border-top: 1px solid #21263D;
}

.tz-ft-cta-item {
    gap: 20px;
}

.tz-ft-cta-item .item-icon {
    color: #fff;
    width: 65px;
    height: 65px;
    font-size: 20px;
    border-radius: 100%;
    background-color: var(--tz-prime-c);
}

.tz-ft-cta-item .item-text h3 {
    color: #67686A;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    padding-bottom: 10px;
}

.tz-ft-cta-item .item-text a {
    color: #fff;
    display: block;
    max-width: 230px;
}

.tz-ft-cta-item:hover .item-icon {
    -webkit-animation: swing 2s ease infinite;
    animation: swing 2s ease infinite;
}

.tz-footer-menu-area {
    overflow: hidden;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.0705882353);
    border: 1px solid rgba(255, 255, 255, 0.0705882353);
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px);
}

.tz-footer-menu-area .tz-footer-menu-wrap {
    border-radius: 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: var(--tz-prime-c);
}

.tz-footer-menu-area .tz-footer-menu-wrap .footer-menu li a:hover {
    color: #000;
}

.tz-footer-menu-area .tz-footer-menu-wrap .menu-btn a:hover {
    color: #fff;
    background-color: #000;
}

.tz-footer-desc-social {
    gap: 15px 50px;
    padding: 46px 40px;
}

.tz-footer-desc-social .item-desc {
    color: #989898;
    max-width: 655px;
}

.tz-footer-desc-social .footer-social {
    gap: 8px;
}

.tz-footer-desc-social .footer-social a {
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #393D61;
}

.tz-footer-desc-social .footer-social a:hover {
    color: #fff;
    background-color: var(--tz-prime-c);
}


.gallery_section{
    .gallery {
      column-count: 5;
      --webkit-column-count: 5;
      --moz-column-count: 5;
      gap: 1rem;
      padding: 0;
    }

    .image img {

    height: auto;
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    }

    @media(max-width: 810px) {
      .gallery {
        column-count: 3;
        --webkit-column-count: 3;
        --moz-column-count: 3;
      }
    }

    @media(max-width: 500px) {
      .gallery {
        column-count: 2;
        --webkit-column-count: 2;
        --moz-column-count: 2;
      }
    }

    @media(max-width: 400px) {
      .gallery {
        column-count: 2;
        --webkit-column-count: 2;
        --moz-column-count: 2;
      }
    }
    @media(max-width: 768px) {
      .gallery{
        padding: 0;
      }
    }
    .image{
      margin-block: 10px;
      position: relative;
    }
    .image img{
      border-radius: 10px;
    }
    .gallery-title{
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.6);
      width: 100%;
      height: 100%;
      border-radius: 10px;
      opacity: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 20px;
      font-weight: 600;
    }
    .image:hover .gallery-title{
      opacity: 1;
      transition: 0.3s;
    }
    /* Gallery Section Styling */
.gallery .image a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s, box-shadow 0.3s;
}

.gallery .image img {
    transition: transform 0.3s;
}

.gallery .image a:hover img{
    transform: scale(1.05);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.gallery .image a:hover img {
    transform: scale(1.1);
}

/* Lightbox Styling */
.lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.lightbox.active {
    display: flex;
}

.lightbox-content {
    max-width: 90%;
    max-height: 90%;
    border-radius: 10px;
}

.lightbox .close {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    transition: color 0.3s;
}

.lightbox .close:hover {
    color: #f00;
}

}
.col-lg-3 .vs-blog .blog-content{
    padding: 10px;
}