:root {
    --vibnt-font-two: "reeyregular";
    --vibnt-gray: #878c8f;
    --vibnt-gray-rgb: 135,140,143;
    --vibnt-white: #fff;
    --vibnt-white-rgb: 255,255,255;
    --vibnt-base: #d82221;
    --vibnt-base-rgb: 216,34,33;
    --vibnt-black: #212226;
    --vibnt-black-rgb: 33,34,38;
    --vibnt-primary: #082060;
    --vibnt-primary-rgb: 8,32,96;
    --vibnt-extra: #f6f6f6;
    --vibnt-extra-rgb: 246,246,246
}

.row {
    --bs-gutter-x: 30px
}

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

body {
    font-family: var(--vibnt-font);
    color: var(--vibnt-gray);
    font-size: 16px;
    line-height: 28px;
    font-weight: 400
}




::placeholder {
    color: inherit;
    opacity: 1
}

.section-separator {
    border-color: var(--vibnt-border);
    border-width: 1px;
    margin-top: 0;
    margin-bottom: 0
}

#particles-js {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    opacity: .4;
    z-index: -1
}

.custom-cursor__cursor {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    border: 1px solid var(--vibnt-base);
    transition: all .2s ease-out;
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    transform: translate(calc(-50% + 5px),-50%);
    z-index: 999991
}

.custom-cursor__cursor-two {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: var(--vibnt-base);
    opacity: .3;
    position: fixed;
    transform: translate(-50%,-50%);
    pointer-events: none;
    transition: width .3s,height .3s,opacity .3s;
    z-index: 999991
}

.custom-cursor__hover {
    background-color: var(--vibnt-base);
    opacity: .4
}

.custom-cursor__innerhover {
    width: 25px;
    height: 25px;
    opacity: .4
}

.thm-btn {
      position: relative;
    display: inline-flex;
    -webkit-appearance: none;
    outline: none !important;
    background-color: #001a2e;
    color: var(--vibnt-white);
    font-size: 16px;
    font-weight: 500;
    padding: 15px 45px 15px;
    border-radius: 0;
    text-align: center;
    overflow: hidden;
    letter-spacing: .075em;
    text-transform: uppercase;
    transition: .5s;
    align-items: center;
    justify-content: center;
    gap: 15px;
    z-index: 1
}

.thm-btn:before {
    transition-duration: .8s;
    position: absolute;
    width: 200%;
    height: 260%;
    content: "";
    top: 132%;
    left: 50%;
    background-color:#001a2e ;
    transform: translateX(-50%) rotate(-8deg);
    border-radius: 80%;
    z-index: -1
}

.thm-btn:hover:before {
    top: -60%
}

.thm-btn:hover {
    color: var(--vibnt-white)
}

.section-title {
    position: relative;
    display: block;
    margin-top: -5px;
    margin-bottom: 48px
}

.section-title__tagline-box {
    position: relative;
    display: inline-flex;
    align-items: flex-end;
    gap: 15px
}

.section-title__shape {
    position: relative;
    display: block;
    height: 2px;
    width: 28px;
    background-color:#803d2e;
    top: -3px
}

.section-title__tagline {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    color: var(--vibnt-gray);
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase
}

.section-title__title {
    color: var(--vibnt-black);
    font-size: 40px;
    line-height: 52px;
    /* font-weight: 700; */
    margin: 2px 0 0;
    letter-spacing: -.04em
}

.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,.bootstrap-select .show>.btn-light.dropdown-toggle {
    box-shadow: none!important;
    outline: none!important
}

.bootstrap-select>.dropdown-toggle {
    box-shadow: none!important
}

.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: none!important
}

.bootstrap-select .dropdown-menu {
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    z-index: 991
}

.bootstrap-select .dropdown-menu>li+li>a {
    border-top: 1px solid hsla(0,0%,100%,.2)
}

.bootstrap-select .dropdown-menu>li.selected>a {
    background: var(--vibnt-black);
    color: #fff
}

.bootstrap-select .dropdown-menu>li>a {
    font-size: 16px;
    font-weight: 500;
    padding: 4px 20px;
    color: #fff;
    background: var(--vibnt-base);
    transition: all .4s ease
}

.bootstrap-select .dropdown-menu>li>a:hover {
    background: var(--vibnt-black);
    color: var(--vibnt-white);
    cursor: pointer
}

.preloader {
    position: fixed;
    background-color: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.preloader,.preloader__image {
    background-position: 50%;
    background-repeat: no-repeat
}

.preloader__image {
    animation-fill-mode: both;
    animation-name: flipInY;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    background-image: url(/_next/static/media/loader.1e73b970.png);
    background-size: 60px auto;
    width: 100%;
    height: 100%
}

.scroll-to-top {
    width: 50px;
    height: 50px;
    background: var(--vibnt-base);
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 99;
    text-align: center;
    border-radius: 50%
}

.scroll-to-top,.scroll-to-top i {
    display: inline-block;
    transition: all .4s ease
}

.scroll-to-top i {
    color: var(--vibnt-white);
    font-size: 18px;
    line-height: 50px;
    position: relative;
    transform: rotate(-90deg)
}

.scroll-to-top:hover {
    background-color: var(--vibnt-black)
}

.scroll-to-top:hover i {
    color: #fff
}

.xs-sidebar-group .xs-overlay {
    left: 0;
    top: 0;
    position: fixed;
    height: 100%;
    opacity: 0;
    width: 100%;
    visibility: hidden;
    transition: all .4s ease-in .8s;
    z-index: 999
}

.xs-sidebar-group.isActive .xs-overlay {
    opacity: .8;
    visibility: visible;
    transition: all .8s ease-out 0s;
    right: 100%
}

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

.xs-sidebar-group .widget-heading a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    transition: all .5s ease
}

.xs-sidebar-group .widget-heading a:hover {
    color: var(--vibnt-base);
    border-color: var(--vibnt-base)
}

.xs-sidebar-widget {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 360px;
    z-index: 999999;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: all .5s cubic-bezier(.9,.03,0,.96) .6s;
    visibility: hidden;
    opacity: 0
}

.xs-sidebar-group.isActive .xs-sidebar-widget {
    opacity: 1;
    visibility: visible;
    left: 0;
    background-color: var(--vibnt-black);
    transition: all .7s cubic-bezier(.9,.03,0,.96) .4s
}

.sidebar-textwidget {
    padding: 70px 30px
}

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

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

.xs-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .8;
    z-index: 0
}

.xs-bg-black {
    background-color: #000
}

.xs-sidebar-group .content-inner .logo {
    position: relative;
    max-width: 172px;
    width: 100%;
    margin-bottom: 30px
}

.xs-sidebar-group .content-inner h4 {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px
}

.xs-sidebar-group .content-inner .content-box {
    margin-bottom: 30px;
    padding-right: 15px
}

.xs-sidebar-group .content-inner .content-box p {
    color: #fff
}

.xs-sidebar-group .content-inner .form-inner .form-group {
    position: relative;
    margin-bottom: 20px
}

.xs-sidebar-group .content-inner .form-inner .form-group:last-child {
    margin-bottom: 0
}

.xs-sidebar-group .content-inner .form-inner .form-group input[type=email],.xs-sidebar-group .content-inner .form-inner .form-group input[type=text],.xs-sidebar-group .content-inner .form-inner .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 15px;
    padding: 10px 20px;
    color: #848484;
    border: none;
    outline: none;
    transition: all .5s ease
}

.xs-sidebar-group .content-inner .form-inner .form-group .form-inner__btn {
    border: none;
    outline: none;
    background-color: var(--vibnt-white);
    color: var(--vibnt-black);
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 13px 45px;
    transition: all .5s ease
}

.xs-sidebar-group .content-inner .form-inner .form-group .form-inner__btn:hover {
    color: var(--vibnt-white)
}

.xs-sidebar-group .content-inner .form-inner .form-group .form-inner__btn span,.xs-sidebar-group .content-inner .form-inner .form-group .form-inner__btn:after {
    background-color: var(--vibnt-base)
}

.xs-sidebar-group .content-inner .form-inner .form-group textarea {
    resize: none;
    height: 120px
}

.xs-sidebar-group .content-inner .form-inner .form-group input:focus,.xs-sidebar-group .content-inner .form-inner .form-group textarea:focus {
    border-color: #00224f
}

.main-header {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    transition: all .5s ease;
    z-index: 999
}

.main-menu__top {
    position: relative;
    display: block;
    padding: 0 210px;
    background-color: var(--vibnt-extra)
}

.main-menu__top-inner {
    justify-content: space-between;
    flex-wrap: wrap
}

.main-menu__contact-list,.main-menu__top-inner {
    position: relative;
    display: flex;
    align-items: center
}

.main-menu__contact-list {
    padding: 11px 0
}

.main-menu__contact-list li {
    position: relative;
    display: flex;
    align-items: center
}

.main-menu__contact-list li+li {
    margin-left: 40px
}

.main-menu__contact-list li .icon {
    position: relative;
    display: flex;
    align-items: center
}

.main-menu__contact-list li .icon i {
    font-size: 14px;
    color: var(--vibnt-base)
}

.main-menu__contact-list li .text {
    margin-left: 10px
}

.main-menu__contact-list li .text p {
    font-size: 14px;
    color: var(--vibnt-gray);
    font-weight: 500
}

.main-menu__contact-list li .text p a {
    color: var(--vibnt-gray);
    transition: all .5s ease
}

.main-menu__contact-list li .text p a:hover {
    color: var(--vibnt-base)
}

.main-menu__social-and-top-menu,.main-menu__top-right {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.main-menu__social-and-top-menu {
    gap: 130px;
    background-color: var(--vibnt-base);
    padding: 11px 50px
}

.main-menu__social,.main-menu__social a {
    position: relative;
    display: flex;
    align-items: center
}

.main-menu__social a {
    justify-content: center;
    font-size: 13px;
    color: var(--vibnt-white);
    overflow: hidden;
    transition: all .4s linear;
    z-index: 1
}

.main-menu__social a:hover {
    color: var(--vibnt-black)
}

.main-menu__social a+a {
    margin-left: 30px
}

.main-menu__top-menu {
    position: relative;
    display: block
}

.main-menu__top-menu-list {
    position: relative;
    display: flex;
    align-items: center;
    gap: 35px
}

.main-menu__top-menu-list li {
    position: relative;
    display: block
}

.main-menu__top-menu-list li:before {
    content: "";
    position: absolute;
    top: 8px;
    bottom: 7px;
    left: -16px;
    width: 1px;
    background-color: var(--vibnt-white);
    transform: rotate(15deg)
}

.main-menu__top-menu-list li:first-child:before {
    display: none
}

.main-menu__top-menu-list li a {
    font-size: 14px;
    color: var(--vibnt-white);
    font-weight: 500;
    line-height: 14px
}

.main-menu__top-menu-list li a:hover {
    color: var(--vibnt-black)
}

.main-menu,.main-menu__wrapper {
    position: relative;
    display: block;
    z-index: 1
}

.main-menu__wrapper-inner {
    justify-content: space-between;
    padding: 0 210px;
    background-color: rgba(var(--vibnt-white-rgb),.9);
    z-index: 1
}

.main-menu__left,.main-menu__wrapper-inner {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.main-menu__left {
    gap: 45px
}

.main-menu__logo {
    padding: 32px 0;
    z-index: 1
}

.main-menu__logo,.main-menu__logo a,.main-menu__main-menu-box {
    position: relative;
    display: block
}

.main-menu__right {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px
}

.main-menu__btn-box {
    position: relative;
    display: block;
    padding: 12.5px 0
}

.main-menu__cart-search-box {
    flex-wrap: wrap;
    gap: 40px;
    padding: 39px 0
}

.main-menu__cart-search-box,.main-menu__search {
    position: relative;
    display: flex;
    align-items: center
}

.main-menu__search {
    font-size: 22px;
    color: var(--vibnt-black)
}

.main-menu__search:hover {
    color: var(--vibnt-base)
}

.main-menu__cart {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 22px;
    color: var(--vibnt-black)
}

.main-menu__cart:hover {
    color: var(--vibnt-base)
}

.main-menu__cart:before {
    content: "";
    position: absolute;
    top: -4px;
    bottom: -6px;
    left: -20px;
    width: 1px;
    background-color: rgba(var(--vibnt-black-rgb),.15)
}

.stricky-header.main-menu {
    background-color: var(--vibnt-white)
}

.main-menu .main-menu__list,.main-menu .main-menu__list>li>ul,.main-menu .main-menu__list>li>ul>li>ul,.stricky-header .main-menu__list,.stricky-header .main-menu__list>li>ul,.stricky-header .main-menu__list>li>ul>li>ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    align-items: center;
    display: none
}

@media (min-width: 1200px) {
    .main-menu .main-menu__list,.main-menu .main-menu__list>li>ul,.main-menu .main-menu__list>li>ul>li>ul,.stricky-header .main-menu__list,.stricky-header .main-menu__list>li>ul,.stricky-header .main-menu__list>li>ul>li>ul {
        display:flex
    }
}

.main-menu .main-menu__list>li,.stricky-header .main-menu__list>li {
    padding-top: 36px;
    padding-bottom: 36px;
    position: relative
}

.main-menu .main-menu__list>li+li,.stricky-header .main-menu__list>li+li {
    margin-left: 50px
}

.main-menu .main-menu__list>li>a,.stricky-header .main-menu__list>li>a {
    font-size: 18px;
    display: flex;
    align-items: center;
    color: var(--vibnt-black);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .05em;
    position: relative;
    transition: all .5s ease
}

.main-menu .main-menu__list>li.dropdown>a {
    padding-right: 16px
}

.main-menu .main-menu__list>li.dropdown>a:after {
    position: absolute;
    top: 50%;
    right: 0;
    font-family: Font Awesome\ 5 Free;
    content: "\f067";
    font-size: 11px;
    color: var(--vibnt-black);
    transform: translateY(-50%);
    font-weight: 700;
    z-index: 1
}

.main-menu .main-menu__list>li.current>a:after,.main-menu .main-menu__list>li:hover>a:after,.stricky-header .main-menu__list>li.current>a:after,.stricky-header .main-menu__list>li:hover>a:after {
    color: var(--vibnt-base)
}

.main-menu .main-menu__list>li>a:before,.stricky-header .main-menu__list>li>a:before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    z-index: 1;
    border-top: 6px solid var(--vibnt-base);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease
}

.main-menu .main-menu__list>li.current>a:before,.main-menu .main-menu__list>li:hover>a:before,.stricky-header .main-menu__list>li.current>a:before,.stricky-header .main-menu__list>li:hover>a:before {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0)
}

.main-menu .main-menu__list>li.current>a,.main-menu .main-menu__list>li:hover>a,.stricky-header .main-menu__list>li.current>a,.stricky-header .main-menu__list>li:hover>a {
    color: var(--vibnt-base)
}

.main-menu .main-menu__list>li>ul,.main-menu .main-menu__list>li>ul>li>ul,.stricky-header .main-menu__list>li>ul,.stricky-header .main-menu__list>li>ul>li>ul {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 250px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    transform-origin: top center;
    transform: scaleY(0) translateZ(100px);
    transition: opacity .5s ease,visibility .5s ease,transform .7s ease;
    z-index: 99;
    background-color: #fff;
    box-shadow: 0 10px 60px 0 rgba(0,0,0,.07)
}

.main-menu .main-menu__list>li>ul>li>ul>li>ul,.stricky-header .main-menu__list>li>ul>li>ul>li>ul {
    display: none
}

.main-menu .main-menu__list>li:hover>ul,.main-menu .main-menu__list>li>ul>li:hover>ul,.stricky-header .main-menu__list>li:hover>ul,.stricky-header .main-menu__list>li>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1) translateZ(0)
}

.main-menu .main-menu__list>li>ul>li,.main-menu .main-menu__list>li>ul>li>ul>li,.stricky-header .main-menu__list>li>ul>li,.stricky-header .main-menu__list>li>ul>li>ul>li {
    flex: 1 1 100%;
    width: 100%;
    position: relative;
    border-bottom: 1px solid rgba(var(--vibnt-bdr-color-rgb),.5)
}

.main-menu .main-menu__list>li>ul>li:last-child,.main-menu .main-menu__list>li>ul>li>ul>li:last-child,.stricky-header .main-menu__list>li>ul>li:last-child,.stricky-header .main-menu__list>li>ul>li>ul>li:last-child {
    border-bottom: 0
}

.main-menu .main-menu__list>li>ul>li+li,.main-menu .main-menu__list>li>ul>li>ul>li+li,.stricky-header .main-menu__list>li>ul>li+li,.stricky-header .main-menu__list>li>ul>li>ul>li+li {
    border-top: none;
    margin-top: 0
}

.main-menu .main-menu__list>li>ul>li>a,.main-menu .main-menu__list>li>ul>li>ul>li>a,.stricky-header .main-menu__list>li>ul>li>a,.stricky-header .main-menu__list>li>ul>li>ul>li>a {
    position: relative;
    font-size: 18px;
    line-height: 30px;
    color: var(--vibnt-black);
    font-weight: 500;
    display: flex;
    padding: 10px 20px;
    transition: .5s
}

.main-menu .main-menu__list>li>ul>li:hover>a,.main-menu .main-menu__list>li>ul>li>ul>li:hover>a,.stricky-header .main-menu__list>li>ul>li:hover>a,.stricky-header .main-menu__list>li>ul>li>ul>li:hover>a {
    background-color: var(--vibnt-base);
    color: var(--vibnt-white)
}

.main-menu .main-menu__list>li>ul>li>ul,.stricky-header .main-menu__list>li>ul>li>ul {
    top: 0;
    left: 100%
}

.main-menu .main-menu__list li ul li>ul.right-align,.stricky-header .main-menu__list li ul li>ul.right-align {
    top: 0;
    left: auto;
    right: 100%
}

.stricky-header {
    position: fixed;
    z-index: 991;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    visibility: hidden;
    transform: translateY(-120%);
    transition: transform .5s ease,visibility .5s ease;
    box-shadow: 0 10px 60px 0 rgba(0,0,0,.05)
}

@media (max-width: 1199px) {
    .stricky-header {
        display:none!important
    }
}

.stricky-header.stricky-fixed {
    transform: translateY(0);
    visibility: visible
}

.stricky-header .main-menu__inner {
    box-shadow: none;
    padding-right: 0;
    max-width: 1170px;
    width: 100%;
    margin: 0 auto
}

.mobile-nav__buttons {
    display: flex;
    margin-left: auto;
    margin-right: 10px
}

@media (min-width: 1200px) {
    .mobile-nav__buttons {
        display:none
    }
}

.mobile-nav__buttons a {
    font-size: 20px;
    color: var(--vibnt-base);
    cursor: pointer
}

.mobile-nav__buttons a+a {
    margin-left: 10px
}

.mobile-nav__buttons a:hover {
    color: var(--vibnt-base)
}

.main-menu .mobile-nav__toggler {
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: var(--vibnt-base);
    cursor: pointer;
    transition: .5s
}

.main-menu .mobile-nav__toggler:hover {
    color: var(--vibnt-black)
}

@media (min-width: 1200px) {
    .main-menu .mobile-nav__toggler {
        display:none
    }
}

.mobile-nav__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    transform: translateX(-100%);
    transform-origin: left center;
    transition: transform .5s ease .5s,visibility .5s ease .5s;
    visibility: hidden
}

.mobile-nav__wrapper .container {
    padding-left: 0;
    padding-right: 0
}

.mobile-menu-visible .mobile-nav__wrapper {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
    transition: transform .5s ease 0ms,visibility .5s ease 0ms
}

.mobile-nav__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .5;
    cursor: pointer
}

.mobile-nav__content {
    width: 300px;
    background-color: var(--vibnt-black);
    z-index: 10;
    position: relative;
    height: 100%;
    overflow-y: auto;
    padding: 30px 15px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    transition: opacity .5s ease 0ms,visibility .5s ease 0ms,transform .5s ease 0ms
}

.mobile-menu-visible .mobile-nav__wrapper .mobile-nav__content {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: opacity .5s ease .5s,visibility .5s ease .5s,transform .5s ease .5s
}

.mobile-nav__content .logo-box {
    margin-bottom: 40px;
    display: flex
}

.mobile-nav__close {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 18px;
    color: var(--vibnt-white);
    cursor: pointer
}

.mobile-nav__content .main-menu__list,.mobile-nav__content .main-menu__list>li>ul,.mobile-nav__content .main-menu__list>li>ul>li>ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.mobile-nav__content .main-menu__list>li>ul,.mobile-nav__content .main-menu__list>li>ul>li>ul {
    display: none;
    border-top: 1px solid hsla(0,0%,100%,.1);
    margin-left: .5em
}

.mobile-nav__content .main-menu__list>li:not(:last-child),.mobile-nav__content .main-menu__list>li>ul>li:not(:last-child),.mobile-nav__content .main-menu__list>li>ul>li>ul>li:not(:last-child) {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.mobile-nav__content .main-menu__list>li>a>.main-menu-border {
    display: none!important
}

.mobile-nav__content .main-menu__list>li>a,.mobile-nav__content .main-menu__list>li>ul>li>a,.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a {
    display: flex;
    justify-content: space-between;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    font-family: var(--vibnt-font);
    font-weight: 500;
    height: 46px;
    align-items: center;
    transition: .5s
}

.mobile-nav__content .main-menu__list li a.expanded,.mobile-nav__content .main-menu__list>li>a.expanded .mobile-nav__content .main-menu__list>li>ul>li>a.expanded .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a.expanded {
    color: var(--vibnt-base)
}

.mobile-nav__content .main-menu__list>li>button,.mobile-nav__content .main-menu__list>li>ul>li>button,.mobile-nav__content .main-menu__list>li>ul>li>ul>li>button {
    width: 30px;
    height: 30px;
    background-color: var(--vibnt-base);
    border: none;
    outline: none;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: transform .5s ease;
    padding: 0;
    position: absolute;
    top: 8px;
    right: 0
}

.mobile-nav__content .main-menu__list>li>a>button.expanded,.mobile-nav__content .main-menu__list>li>ul>li>a>button.expanded,.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button.expanded {
    transform: rotate(0deg);
    background-color: #fff;
    color: var(--vibnt-base)
}

.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button,.mobile-nav__content .main-menu__list>li>ul>li>ul>li>ul {
    display: none!important
}

.mobile-nav__content .main-menu__list li.cart-btn span {
    position: relative;
    top: auto;
    right: auto;
    transform: translate(0)
}

.mobile-nav__content .main-menu__list li.cart-btn i {
    font-size: 16px
}

.mobile-nav__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px
}

.mobile-nav__top .main-menu__login a {
    color: var(--vibnt-text-dark)
}

.mobile-nav__container {
    border-top: 1px solid hsla(0,0%,100%,.1);
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.mobile-nav__social {
    display: flex;
    align-items: center
}

.mobile-nav__social a {
    font-size: 16px;
    color: var(--vibnt-white);
    transition: .5s
}

.mobile-nav__social a+a {
    margin-left: 30px
}

.mobile-nav__social a:hover {
    color: var(--vibnt-base)
}

.mobile-nav__contact {
    margin-top: 20px;
    margin-bottom: 20px
}

.mobile-nav__contact li {
    color: var(--vibnt-text-dark);
    font-size: 14px;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center
}

.mobile-nav__contact li+li {
    margin-top: 15px
}

.mobile-nav__contact li a {
    color: #fff;
    transition: .5s
}

.mobile-nav__contact li a:hover {
    color: var(--vibnt-base)
}

.mobile-nav__contact li>i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--vibnt-base);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 11px;
    margin-right: 10px;
    color: #fff
}

.mobile-nav__container .main-logo,.mobile-nav__container .main-menu__language,.mobile-nav__container .main-menu__login,.mobile-nav__container .topbar__buttons {
    display: none
}

.main-header-two {
    background: transparent;
    position: relative;
    display: block;
    width: 100%;
    transition: all .5s ease;
    z-index: 999
}

.main-menu-two__top {
    position: relative;
    display: block;
    background-color: #f7f7f7
}

.main-menu-two__top-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: var(--vibnt-primary);
    z-index: 1
}

.main-menu-two__top-inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: -10000000px;
    bottom: 0;
    right: -105px;
    background-color: var(--vibnt-primary);
    border-bottom-right-radius: 25px;
    z-index: -1
}

.main-menu-two__social-and-top-menu {
    flex-wrap: wrap;
    gap: 80px;
    padding: 11px 0
}

.main-menu-two__social,.main-menu-two__social a,.main-menu-two__social-and-top-menu {
    position: relative;
    display: flex;
    align-items: center
}

.main-menu-two__social a {
    justify-content: center;
    font-size: 13px;
    color: var(--vibnt-white);
    overflow: hidden;
    transition: all .4s linear;
    z-index: 1
}

.main-menu-two__social a:hover {
    color: var(--vibnt-base)
}

.main-menu-two__social a+a {
    margin-left: 30px
}

.main-menu-two__top-menu {
    position: relative;
    display: block
}

.main-menu-two__top-menu-list {
    position: relative;
    display: flex;
    align-items: center;
    gap: 35px
}

.main-menu-two__top-menu-list li {
    position: relative;
    display: block
}

.main-menu-two__top-menu-list li:before {
    content: "";
    position: absolute;
    top: 8px;
    bottom: 7px;
    left: -16px;
    width: 1px;
    background-color: var(--vibnt-white);
    transform: rotate(15deg)
}

.main-menu-two__top-menu-list li:first-child:before {
    display: none
}

.main-menu-two__top-menu-list li a {
    font-size: 14px;
    color: var(--vibnt-white);
    font-weight: 500;
    line-height: 14px
}

.main-menu-two__top-menu-list li a:hover {
    color: var(--vibnt-base)
}

.main-menu-two__contact-list {
    padding: 11px 0
}

.main-menu-two__contact-list,.main-menu-two__contact-list li {
    position: relative;
    display: flex;
    align-items: center
}

.main-menu-two__contact-list li+li {
    margin-left: 40px
}

.main-menu-two__contact-list li .icon {
    position: relative;
    display: flex;
    align-items: center
}

.main-menu-two__contact-list li .icon i {
    font-size: 14px;
    color: var(--vibnt-base)
}

.main-menu-two__contact-list li .text {
    margin-left: 10px
}

.main-menu-two__contact-list li .text p {
    font-size: 14px;
    color: var(--vibnt-white);
    font-weight: 500
}

.main-menu-two__contact-list li .text p a {
    color: var(--vibnt-white);
    transition: all .5s ease
}

.main-menu-two__contact-list li .text p a:hover {
    color: var(--vibnt-base)
}

.main-menu-two__wrapper {
    position: relative;
    display: block;
    background-color: rgba(var(--vibnt-extra-rgb),.9)
}

.main-menu-two__wrapper-inner {
    justify-content: space-between
}

.main-menu-two__left,.main-menu-two__wrapper-inner {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.main-menu-two__left {
    gap: 70px
}

.main-menu-two__logo,.main-menu-two__logo a {
    position: relative;
    display: block
}

.main-menu-two__logo a {
    background-color: var(--vibnt-base);
    padding: 34px 90px 34px 0;
    border-bottom-right-radius: 45px;
    z-index: 1
}

.main-menu-two__logo a:before {
    content: "";
    position: absolute;
    top: 0;
    left: -10000000px;
    right: 99%;
    bottom: 0;
    background-color: var(--vibnt-base);
    z-index: -1
}

.main-menu-two__cart-search-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
    padding: 44px 0
}

.main-menu-two__search {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 22px;
    color: var(--vibnt-black)
}

.main-menu-two__search:hover {
    color: var(--vibnt-base)
}

.main-menu-two__cart {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 22px;
    color: var(--vibnt-black)
}

.main-menu-two__cart:hover {
    color: var(--vibnt-base)
}

.main-menu-two__cart:before {
    content: "";
    position: absolute;
    top: -4px;
    bottom: -6px;
    left: -20px;
    width: 1px;
    background-color: rgba(var(--vibnt-black-rgb),.15)
}

.stricky-header.main-menu-two {
    background-color: var(--vibnt-white)
}

.main-menu-two .main-menu__list>li+li,.stricky-header.main-menu-two .main-menu__list>li+li {
    margin-left: 50px
}

.main-menu-two .main-menu__list>li,.stricky-header.main-menu-two .main-menu__list>li {
    padding-top: 41px;
    padding-bottom: 41px
}

.main-header-three {
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    transition: all .5s ease;
    z-index: 999
}

.main-menu-three__top,.main-menu-three__top-wrapper {
    position: relative;
    display: block
}

.main-menu-three__top-wrapper {
    max-width: 1530px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    background-color: rgba(var(--vibnt-white-rgb),.05);
    border-top-left-radius: 50px;
    border-top-right-radius: 50px
}

.main-menu-three__top-inner {
    justify-content: space-between;
    flex-wrap: wrap
}

.main-menu-three__social,.main-menu-three__social a,.main-menu-three__top-inner {
    position: relative;
    display: flex;
    align-items: center
}

.main-menu-three__social a {
    justify-content: center;
    font-size: 13px;
    color: var(--vibnt-white);
    overflow: hidden;
    transition: all .4s linear;
    z-index: 1
}

.main-menu-three__social a:hover {
    color: var(--vibnt-base)
}

.main-menu-three__social a+a {
    margin-left: 30px
}

.main-menu-three__top-right {
    position: relative;
    display: block
}

.main-menu-three__contact-list {
    padding: 11px 0
}

.main-menu-three__contact-list,.main-menu-three__contact-list li {
    position: relative;
    display: flex;
    align-items: center
}

.main-menu-three__contact-list li+li {
    margin-left: 40px
}

.main-menu-three__contact-list li .icon {
    position: relative;
    display: flex;
    align-items: center
}

.main-menu-three__contact-list li .icon i {
    font-size: 14px;
    color: var(--vibnt-base)
}

.main-menu-three__contact-list li .text {
    margin-left: 10px
}

.main-menu-three__contact-list li .text p {
    font-size: 14px;
    color: var(--vibnt-white);
    font-weight: 500
}

.main-menu-three__contact-list li .text p a {
    color: var(--vibnt-white);
    transition: all .5s ease
}

.main-menu-three__contact-list li .text p a:hover {
    color: var(--vibnt-base)
}

.main-menu-three__wrapper {
    position: relative;
    display: block;
    max-width: 1530px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    background-color: var(--vibnt-base);
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    z-index: 1
}

.main-menu-three__wrapper-inner {
    justify-content: space-between;
    z-index: 1
}

.main-menu-three__left,.main-menu-three__wrapper-inner {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.main-menu-three__left {
    gap: 60px
}

.main-menu-three__logo {
    position: relative;
    display: block;
    padding: 34px 0;
    z-index: 1
}

.main-menu-three__main-menu-box {
    position: relative;
    display: block;
    background-color: rgba(var(--vibnt-white-rgb),.08);
    padding: 0 44px;
    border-radius: 30px
}

.main-menu-three__right {
    position: relative;
    display: block
}

.main-menu-three__cart-search-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
    padding: 44px 0
}

.main-menu-three__search {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 22px;
    color: var(--vibnt-white)
}

.main-menu-three__search:hover {
    color: var(--vibnt-black)
}

.main-menu-three__cart {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 22px;
    color: var(--vibnt-white)
}

.main-menu-three__cart:hover {
    color: var(--vibnt-black)
}

.main-menu-three__cart:before {
    content: "";
    position: absolute;
    top: -4px;
    bottom: -6px;
    left: -20px;
    width: 1px;
    background-color: rgba(var(--vibnt-white-rgb),.15)
}

.stricky-header.main-menu-three {
    background-color: transparent;
    box-shadow: none
}

.main-menu-three .main-menu__list>li+li,.stricky-header.main-menu-three .main-menu__list>li+li {
    margin-left: 55px
}

.main-menu-three .main-menu__list>li,.stricky-header.main-menu-three .main-menu__list>li {
    padding-top: 16px;
    padding-bottom: 16px
}

.main-menu-three .main-menu__list>li.current>a:after,.main-menu-three .main-menu__list>li.dropdown>a:after,.main-menu-three .main-menu__list>li:hover>a:after,.main-menu-three .main-menu__list>li>a,.stricky-header.main-menu-three .main-menu__list>li.current>a:after,.stricky-header.main-menu-three .main-menu__list>li:hover>a:after,.stricky-header.main-menu-three .main-menu__list>li>a {
    color: var(--vibnt-white)
}

.main-menu-three .main-menu__list>li>a:before,.stricky-header.main-menu-three .main-menu__list>li>a:before {
    border-top: 6px solid var(--vibnt-white)
}

.main-menu-three .main-menu__list>li.current>a:before,.main-menu-three .main-menu__list>li:hover>a:before,.stricky-header.main-menu-three .main-menu__list>li.current>a:before,.stricky-header.main-menu-three .main-menu__list>li:hover>a:before {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0)
}

.main-menu-three .main-menu__list>li.current>a,.main-menu-three .main-menu__list>li:hover>a,.stricky-header.main-menu-three .main-menu__list>li.current>a,.stricky-header.main-menu-three .main-menu__list>li:hover>a {
    color: var(--vibnt-white)
}

.main-header-four {
    background: transparent;
    position: relative;
    display: block;
    width: 100%;
    transition: all .5s ease;
    z-index: 999
}

.main-header-four__top {
    position: relative;
    display: block;
    border-bottom: 1px solid var(--vibnt-bdr-color);
    padding: 14.5px 0
}

.main-header-four__top .container {
    max-width: 1330px
}

.main-header-four__top-inner {
    justify-content: space-between;
    flex-wrap: wrap
}

.main-header-four__social,.main-header-four__social a,.main-header-four__top-inner {
    position: relative;
    display: flex;
    align-items: center
}

.main-header-four__social a {
    justify-content: center;
    font-size: 15px;
    color: var(--vibnt-black);
    overflow: hidden;
    transition: all .4s linear;
    z-index: 1
}

.main-header-four__social a:hover {
    color: var(--vibnt-base)
}

.main-header-four__social a+a {
    margin-left: 25px
}

.main-header-four__contact-list,.main-header-four__contact-list li {
    position: relative;
    display: flex;
    align-items: center
}

.main-header-four__contact-list li+li {
    margin-left: 30px
}

.main-header-four__contact-list li .icon {
    position: relative;
    display: flex;
    align-items: center
}

.main-header-four__contact-list li .icon i {
    font-size: 16px;
    color: var(--vibnt-black)
}

.main-header-four__contact-list li .text {
    margin-left: 10px
}

.main-header-four__contact-list li .text p {
    font-size: 20px
}

.main-header-four__contact-list li .text p,.main-header-four__contact-list li .text p a {
    color: var(--vibnt-gray);
    transition: all .5s ease
}

.main-header-four__contact-list li:hover .text p,.main-header-four__contact-list li:hover .text p a {
    color: var(--vibnt-black);
    opacity: 1
}

.main-menu-four__wrapper {
    position: relative;
    display: block
}

.main-menu-four__wrapper .container {
    max-width: 1330px
}

.main-menu-four__wrapper-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.main-menu-four__left,.main-menu-four__logo {
    position: relative;
    display: block
}

.main-menu-four__logo {
    padding: 20px 0
}

.main-menu-four__btn-box,.main-menu-four__main-menu-box,.main-menu-four__right {
    position: relative;
    display: block
}

.main-menu-four__btn-box {
    padding: 20px 0
}

.main-menu-four__btn {
    background-color: transparent;
    border: 1px solid var(--vibnt-base);
    color: var(--vibnt-black);
    padding: 15px 30px 13px
}

.main-menu-four__btn:hover {
    border: 1px solid var(--vibnt-black)
}

.main-header-five {
    background: transparent;
    position: relative;
    display: block;
    width: 100%;
    transition: all .5s ease;
    z-index: 999
}

.main-menu-five__wrapper {
    position: relative;
    display: block;
    background-color: var(--vibnt-primary);
    border-bottom: 1px solid var(--vibnt-bdr-color)
}

.main-menu-five__wrapper-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.main-menu-five__left,.main-menu-five__logo {
    position: relative;
    display: block
}

.main-menu-five__logo {
    padding: 20px 0
}

.main-menu-five__main-menu-box {
    position: relative;
    display: block
}

.main-menu-five__right {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 35px
}

.main-menu-five__search-box {
    position: relative;
    display: block
}

.main-menu-five__search {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: var(--vibnt-black)
}

.main-menu-five__search:hover {
    color: var(--vibnt-base)
}

.main-menu-five__btn-box {
    position: relative;
    display: block;
    padding: 20px 0
}

.main-menu-five__btn {
    background-color: transparent;
    border: 1px solid var(--vibnt-base);
    color: var(--vibnt-base);
    padding: 15px 30px 13px
}

.main-menu-five__btn:hover {
    border: 1px solid var(--vibnt-black)
}

.main-menu-five .main-menu__list>li,.stricky-header.main-menu-five .main-menu__list>li {
    padding-top: 40px;
    padding-bottom: 40px
}

.main-header-six {
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    transition: all .5s ease;
    z-index: 999
}

.main-menu-six__wrapper {
    position: relative;
    display: block;
    z-index: 1
}

.main-menu-six__wrapper-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    z-index: 1
}

.main-menu-six__left,.main-menu-six__logo {
    position: relative;
    display: block
}

.main-menu-six__logo {
    padding: 20px 0;
    z-index: 1
}

.main-menu-six__main-menu-box {
    position: relative;
    display: block
}

.main-menu-six__right {
    flex-wrap: wrap
}

.main-menu-six__call,.main-menu-six__right {
    position: relative;
    display: flex;
    align-items: center
}

.main-menu-six__call {
    padding: 22.5px 0;
    z-index: 1
}

.main-menu-six__call-icon {
    position: relative;
    display: flex
}

.main-menu-six__call-icon img {
    width: auto
}

.main-menu-six__call-number {
    margin-left: 15px
}

.main-menu-six__call-number h5 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    margin-top: 10px
}

.main-menu-six__call-number h5 a {
    color: var(--vibnt-white);
    transition: all .5s ease
}

.main-menu-six__call-number a:hover {
    color: var(--vibnt-base)
}

.main-menu-six__call-number p {
    font-size: 16px;
    margin: 0;
    line-height: 16px;
    color: var(--vibnt-white)
}

.main-menu-six .main-menu__list>li>a,.stricky-header.main-menu-six .main-menu__list>li>a {
    color: var(--vibnt-white)
}

.main-menu-six .main-menu__list>li.current>a,.main-menu-six .main-menu__list>li:hover>a,.stricky-header.main-menu-six .main-menu__list>li.current>a,.stricky-header.main-menu-six .main-menu__list>li:hover>a {
    color: var(--vibnt-base)
}

.main-menu-six .main-menu__list>li.dropdown>a:after {
    color: var(--vibnt-white)
}

.main-menu-six .main-menu__list>li.current>a:after,.main-menu-six .main-menu__list>li:hover>a:after,.stricky-header.main-menu-six .main-menu__list>li.current>a:after,.stricky-header.main-menu-six .main-menu__list>li:hover>a:after {
    color: var(--vibnt-base)
}

.stricky-header.main-menu-six {
    background-color: var(--vibnt-black)
}

.search-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-110%);
    transition: transform .5s ease,opacity .5s ease
}

.search-popup.active {
    transform: translateY(0)
}

.search-popup__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--vibnt-black);
    opacity: .75;
    cursor: pointer
}

.search-popup__content {
    width: 100%;
    max-width: 560px
}

.search-popup__content form {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background-color: #fff;
    border-radius: 0;
    overflow: hidden
}

.search-popup__content form input[type=search],.search-popup__content form input[type=text] {
    width: 100%;
    background-color: #fff;
    font-size: 16px;
    border: none;
    outline: none;
    height: 66px;
    padding-left: 30px
}

.search-popup__content .thm-btn {
    padding: 0;
    width: 68px;
    height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 0;
    right: -1px;
    border-radius: 0;
    background-color: var(--vibnt-base);
    border: 0;
    transition: all .5s ease
}

.search-popup__content .thm-btn:before {
    background-color: var(--vibnt-black)
}

.search-popup__content .thm-btn i {
    height: auto;
    width: auto;
    background-color: transparent;
    border-radius: 50%;
    color: var(--vibnt-white);
    font-size: 22px;
    line-height: inherit;
    text-align: center;
    top: 0;
    margin-right: 0;
    padding-left: 0;
    transition: all .5s ease
}

.search-popup__content .thm-btn:hover i {
    color: var(--vibnt-white)
}

.main-slider {
    display: block;
    z-index: 91
}

.main-slider,.main-slider .swiper-slide {
    position: relative;
    background-color: var(--vibnt-black)
}

.main-slider__bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(1);
    transition: transform 7s ease,opacity 1.5s ease-in
}

.main-slider__bg,.main-slider__bg:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.main-slider__bg:before {
    content: "";
    background-color: rgba(var(--vibnt-black-rgb),.7)
}

.main-slider .swiper-slide-active .main-slider__bg {
    transform: scale(1.1)
}

.main-slider .container {
    position: relative;
    padding-top: 359px;
    padding-bottom: 215px;
    z-index: 30
}

.main-slider__content {
    position: relative;
    display: block;
    z-index: 15
}

.main-slider__sub-title-box {
    position: relative;
    display: inline-flex;
    align-items: center;
    opacity: 0;
    transform: perspective(400px) rotateX(0deg) translateY(-120px);
    transform-origin: bottom;
    transition: all 1.5s ease;
    z-index: 1
}

.main-slider__sub-title-shape-1 {
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 19px;
    width: 189px;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: -1
}

.main-slider__sub-title {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #f2eee9;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: .05em;
    text-transform: uppercase
}

.main-slider .swiper-slide-active .main-slider__sub-title-box {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg) translateY(0);
    transition-delay: 1.8s
}

.main-slider__title {
    position: relative;
    font-size: 80px;
    color: var(--vibnt-extra);
    font-weight: 700;
    line-height: 95px;
    text-transform: uppercase;
    margin-top: 38px;
    margin-bottom: 25px;
    opacity: 0;
    transform: perspective(400px) rotateY(0deg) translateY(-120px);
    transform-origin: bottom;
    transition: all 1.5s ease
}

.main-slider .swiper-slide-active .main-slider__title {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg) translateY(0);
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s
}

.main-slider__btn-box {
    position: relative;
    display: block;
    opacity: 0;
    transform: perspective(400px) rotateY(0deg) translateY(120px);
    transform-origin: bottom;
    transition: all 1.5s ease
}

.main-slider__btn {
    background-color: var(--vibnt-base)
}

.main-slider__btn:before {
    background-color: var(--vibnt-primary)
}

.main-slider .swiper-slide-active .main-slider__btn-box {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg) translateY(0);
    transition-delay: 1.5s
}

#main-slider-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 125px;
    width: 100%;
    position: absolute;
    right: 228px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    margin-left: auto;
    height: 400px;
    line-height: 0;
    z-index: 100;
    background-color: rgba(var(--vibnt-base-rgb),.85);
    border-radius: 200px
}

#main-slider-pagination:before {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 20px;
    right: -20px;
    background-color: rgba(var(--vibnt-base-rgb),.52);
    border-radius: 200px;
    z-index: -1
}

#main-slider-pagination .swiper-pagination-bullet {
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    padding: 5px 0;
    margin: 25px 0;
    background: transparent;
    border-radius: 50%;
    border: 2px solid var(--vibnt-white);
    opacity: 1;
    transition: all .2s linear;
    transition-delay: .1s
}

#main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1
}

#main-slider-pagination .swiper-pagination-bullet:before {
    position: absolute;
    top: -10px;
    left: -10px;
    bottom: -10px;
    right: -10px;
    border: 2px solid var(--vibnt-white);
    border-radius: 50%;
    transform: scale(0);
    transition: all .2s linear;
    transition-delay: .1s;
    content: ""
}

#main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,#main-slider-pagination .swiper-pagination-bullet:hover {
    transform: scale(1)
}

.main-slider-two {
    display: block;
    z-index: 2
}

.main-slider-two,.main-slider-two .swiper-slide {
    position: relative;
    background-color: var(--vibnt-white)
}

.main-slider-two__shape-1 {
    position: absolute;
    top: -162px;
    left: 0;
    opacity: .02;
    z-index: -1
}

.main-slider-two__shape-1 img {
    width: auto
}

.main-slider-two__shape-2 {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .03;
    z-index: -1
}

.main-slider-two__shape-2 img {
    width: auto
}

.main-slider-two__img {
    position: absolute;
    top: 50px;
    right: 210px;
    opacity: 0;
    transform: translateX(300px);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease
}

.main-slider-two .swiper-slide-active .main-slider-two__img {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 2.5s
}

.main-slider-two__img img {
    width: auto;
    border-radius: 50%;
    border-top-right-radius: 0
}

.main-slider-two .container {
    position: relative;
    padding-top: 170px;
    padding-bottom: 275px;
    max-width: 1500px;
    z-index: 30
}

.main-slider-two__content {
    position: relative;
    display: block;
    z-index: 15
}

.main-slider-two__sub-title {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: var(--vibnt-gray);
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .075em;
    text-transform: uppercase;
    border: 1px solid rgba(var(--vibnt-black-rgb),.15);
    padding: 20px 40px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    opacity: 0;
    transform: perspective(400px) rotateX(0deg) translateY(-120px);
    transform-origin: bottom;
    transition: all 1.5s ease
}

.main-slider-two .swiper-slide-active .main-slider-two__sub-title {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg) translateY(0);
    transition-delay: 1.8s
}

.main-slider-two__title {
    position: relative;
    font-size: 80px;
    color: var(--vibnt-black);
    font-weight: 700;
    line-height: 96px;
    text-transform: uppercase;
    margin-top: 37px;
    margin-bottom: 27px;
    opacity: 0;
    transform: perspective(400px) rotateY(0deg) translateY(-120px);
    transform-origin: bottom;
    transition: all 1.5s ease
}

.main-slider-two .swiper-slide-active .main-slider-two__title {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg) translateY(0);
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s
}

.main-slider-two__text {
    font-size: 18px;
    color: var(--vibnt-gray);
    font-weight: 400;
    line-height: 30px;
    opacity: 0;
    transform: perspective(400px) rotateY(0deg) translateY(120px);
    transform-origin: bottom;
    transition: all 1.5s ease
}

.main-slider-two .swiper-slide-active .main-slider-two__text {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg) translateY(0);
    transition-delay: 1.5s
}

.main-slider-two__btn-box {
    position: relative;
    display: block;
    margin-top: 41px;
    opacity: 0;
    transform: perspective(400px) rotateY(0deg) translateY(80px);
    transform-origin: bottom;
    transition: all 1.5s ease
}

.main-slider-two .swiper-slide-active .main-slider-two__btn-box {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg) translateY(0);
    transition-delay: 1.8s
}

.main-slider-two #main-slider-pagination {
    align-items: flex-end;
    max-width: 100%;
    top: 45%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    padding: 0 50px;
    margin: 0 auto!important;
    height: 0;
    background-color: transparent;
    border-radius: 0
}

.main-slider-two #main-slider-pagination .swiper-pagination-bullet,.main-slider-two #main-slider-pagination .swiper-pagination-bullet:before {
    border: 2px solid var(--vibnt-base)
}

.main-slider-three {
    display: block;
    z-index: 2
}

.main-slider-three,.main-slider-three .swiper-slide {
    position: relative;
    background-color: #000
}

.main-slider-three__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    mix-blend-mode: luminosity;
    transform: scale(1);
    transition: transform 7s ease,opacity 1.5s ease-in;
    z-index: -1
}

.main-slider-three__bg-overly {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(var(--vibnt-primary-rgb),.93)
}

.main-slider-three .swiper-slide-active .main-slider-three__bg {
    transform: scale(1.1)
}

.main-slider-three__shape-1 {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    opacity: .7
}

.main-slider-three__img {
    position: absolute;
    top: 30px;
    right: 0;
    opacity: 0;
    transform: translateX(300px);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    z-index: 1
}

.main-slider-three .swiper-slide-active .main-slider-three__img {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 2.5s
}

.main-slider-three__img img {
    width: auto
}

.main-slider-three .container {
    position: relative;
    padding-top: 259px;
    padding-bottom: 400px;
    z-index: 30
}

.main-slider-three__content {
    position: relative;
    display: block;
    margin-left: 130px;
    z-index: 15
}

.main-slider-three__sub-title-box {
    position: absolute;
    top: 195px;
    left: -269px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 28px;
    background-color: var(--vibnt-white);
    padding: 8px 28px 8px 8px;
    border-radius: 33px;
    opacity: 0;
    transform: rotate(-90deg) translateY(-100px);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    z-index: 10
}

.main-slider-three .swiper-slide-active .main-slider-three__sub-title-box {
    opacity: 1;
    transform: rotate(-90deg) translateY(0);
    transition-delay: 1.5s
}

.main-slider-three__sub-title-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 56px;
    background-color: var(--vibnt-primary);
    font-size: 18px;
    color: var(--vibnt-white);
    border-radius: 25px;
    border-bottom-right-radius: 0
}

.main-slider-three__sub-title-icon:hover {
    background-color: var(--vibnt-base);
    color: var(--vibnt-white)
}

.main-slider-three__sub-title {
    font-size: 18px;
    font-weight: 500;
    color: var(--vibnt-black);
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 18px
}

.main-slider-three__title {
    position: relative;
    font-size: 90px;
    color: var(--vibnt-white);
    font-weight: 700;
    line-height: 108px;
    text-transform: uppercase;
    margin-bottom: 34px;
    opacity: 0;
    transform: perspective(400px) rotateY(0deg) translateY(-120px);
    transform-origin: bottom;
    transition: all 1.5s ease
}

.main-slider-three__title span {
    font-weight: 400
}

.main-slider-three .swiper-slide-active .main-slider-three__title {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg) translateY(0);
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s
}

.main-slider-three__btn-box {
    position: relative;
    display: block;
    opacity: 0;
    transform: perspective(400px) rotateY(0deg) translateY(120px);
    transform-origin: bottom;
    transition: all 1.5s ease
}

.main-slider-three__btn {
    background-color: var(--vibnt-base)
}

.main-slider-three__btn:hover {
    color: var(--vibnt-base)
}

.main-slider-three__btn:before {
    background-color: var(--vibnt-white)
}

.main-slider-three .swiper-slide-active .main-slider-three__btn-box {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg) translateY(0);
    transition-delay: 1.5s
}

.main-slider-three__nav {
    position: absolute;
    top: 42%;
    left: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transform: translateY(-50%);
    z-index: 100
}

.main-slider-three__nav .swiper-button-next,.main-slider-three__nav .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 100;
    width: 60px;
    height: 60px;
    font-size: 20px;
    color: rgba(var(--vibnt-base-rgb),1);
    opacity: 1;
    margin: 0;
    text-align: center;
    transition: all .5s ease;
    border-radius: 50%;
    background: var(--vibnt-white)
}

.main-slider-three__nav .swiper-button-next:hover,.main-slider-three__nav .swiper-button-prev:hover {
    color: var(--vibnt-white);
    background-color: rgba(var(--vibnt-base-rgb),1)
}

.main-slider-three__nav .swiper-button-next:after,.main-slider-three__nav .swiper-button-prev:after {
    display: none
}

.main-slider-three__nav .swiper-button-next {
    margin-top: 10px
}

.feature-one {
    position: relative;
    display: block;
    padding: 190px 0 18px;
    counter-reset: count;
    overflow: hidden;
    z-index: 1
}

.feature-one__shape-1 {
    position: absolute;
    top: -510px;
    left: 0;
    right: 0;
    height: 923px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    animation: topBottom 3s ease-in-out infinite;
    z-index: -1
}

.feature-one .container {
    max-width: 1200px
}

.feature-one .row {
    --bs-gutter-x: 0px
}

.feature-one__single {
    position: relative;
    display: block;
    margin-bottom: 102px
}

.feature-one__single-inner {
    position: relative;
    display: block;
    background-color: var(--vibnt-white);
    padding: 28px 38px 29px;
    transition: all .5s ease
}

.feature-one__single:hover .feature-one__single-inner {
    box-shadow: 0 10px 60px 0 rgba(33,34,38,.08)
}

.feature-one__icon {
    position: absolute;
    top: -70px;
    left: 38px;
    height: 190px;
    width: 110px;
    border: 1px solid rgba(var(--vibnt-black-rgb),.15);
    background-color: var(--vibnt-white);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    transition: all .4s ease-in-out
}

.feature-one__single:hover .feature-one__icon {
    border: 1px solid rgba(var(--vibnt-base-rgb),1);
    background-color: var(--vibnt-base)
}

.feature-one__icon span {
    position: relative;
    display: inline-block;
    font-size: 70px;
    color: var(--vibnt-base);
    transition: all .4s ease-in-out
}

.feature-one__single:hover .feature-one__icon span {
    color: var(--vibnt-white)
}

.feature-one__title-box {
    position: relative;
    display: block;
    padding-left: 140px;
    margin-bottom: 26px
}

.feature-one__count {
    position: relative;
    display: block;
    height: 20px;
    width: 20px
}

.feature-one__count:before {
    position: relative;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: var(--vibnt-base);
    counter-increment: count;
    content: "0"counter(count);
    transition: all .2s linear;
    transition-delay: .1s
}

.feature-one__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 13px
}

.feature-one__title a {
    color: var(--vibnt-black)
}

.feature-one__title a:hover {
    color: var(--vibnt-base)
}

.feature-one__text {
    margin-bottom: 30px
}

.feature-one__btn {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--vibnt-black);
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .075em;
    gap: 12px
}

.feature-one__btn span {
    position: relative;
    display: inline-block
}

.feature-one__btn:hover {
    color: var(--vibnt-base)
}

.about-one {
    position: relative;
    display: block;
    padding: 0 0 160px;
    z-index: 1
}

.about-one__bg {
    position: absolute;
    bottom: 160px;
    right: 0;
    top: 0;
    width: 52.4%;
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: cover;
    mix-blend-mode: luminosity;
    opacity: .03;
    z-index: -1
}

.about-one__left {
    margin-right: 42px
}

.about-one__img,.about-one__left {
    position: relative;
    display: block
}

.about-one__img img {
    width: 100%
}

.about-one__experience {
    position: absolute;
    bottom: 0;
    left: 110px;
    background-color: var(--vibnt-base);
    padding: 50px 85px 33px;
    -webkit-clip-path: polygon(0 12%,100% 0,100% 100%,0 100%);
    clip-path: polygon(0 12%,100% 0,100% 100%,0 100%)
}

.about-one__count {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 18px
}

.about-one__count h3 {
    font-size: 45px;
    color: var(--vibnt-white);
    font-weight: 700;
    line-height: 45px
}

.about-one__count-plus {
    position: relative;
    display: inline-block
}

.about-one__count-plus,.about-one__count-text {
    font-size: 24px;
    color: var(--vibnt-white);
    font-weight: 500;
    line-height: 24px
}

.about-one__right {
    position: relative;
    display: block;
    background-color: var(--vibnt-white);
    margin-top: 40px;
    margin-left: -245px;
    margin-right: 85px;
    padding: 70px 0 61px 70px;
    z-index: 2
}

.about-one__right .section-title {
    margin-bottom: 31px
}

.about-one__text {
    margin-bottom: 33px
}

.about-one__points {
    position: relative;
    display: block
}

.about-one__points li {
    position: relative;
    display: flex;
    gap: 30px;
    flex-wrap: wrap
}

.about-one__points li+li {
    margin-top: 18px
}

.about-one__points li .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 45px;
    background-color: #082060;
    border-radius: 50%;
    top: 3px;
    transition: all .5s ease
}

.about-one__points li:hover .icon {
    background-color: var(--vibnt-base)
}

.about-one__points li .icon span {
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: var(--vibnt-white);
    transition: all .5s ease
}

.about-one__points li:hover .icon span {
    color: var(--vibnt-white)
}

.about-one__points li .content {
    position: relative;
    display: block
}

.about-one__points li .content h4 {
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 19px
}

.about-one__points li .content h4 a {
    color: var(--vibnt-black)
}

.about-one__points li .content h4 a:hover {
    color: var(--vibnt-base)
}

.counter-one {
    position: relative;
    display: block;
    padding: 0 0 90px
}

.counter-one__single {
    position: relative;
    display: block;
    margin-bottom: 30px
}

.counter-one__title-box {
    position: relative;
    display: block;
    background-color: var(--vibnt-extra);
    text-align: center;
    max-width: 190px;
    width: 100%;
    margin: 0 auto 5px;
    padding: 14.5px 0;
    overflow: hidden;
    z-index: 1
}

.counter-one__title-box:after {
    transition-duration: .8s;
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: 110%;
    left: 50%;
    background-color: var(--vibnt-base);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1
}

.counter-one__single:hover .counter-one__title-box:after {
    top: -40%
}

.counter-one__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    transition: all .5s linear
}

.counter-one__single:hover .counter-one__title {
    color: var(--vibnt-white)
}

.counter-one__content-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: var(--vibnt-white);
    box-shadow: 0 10px 60px 0 rgba(33,34,38,.08);
    padding: 20px 27px 17px
}

.counter-one__content-box:before {
    background-color: var(--vibnt-extra)
}

.counter-one__content-box:after,.counter-one__content-box:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    height: 5px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.counter-one__content-box:after {
    background-color: var(--vibnt-base);
    transition: transform .5s ease;
    transform: scaleX(0);
    transform-origin: left center;
    z-index: 1
}

.counter-one__single:hover .counter-one__content-box:after {
    transform: scale(1);
    transform-origin: right center;
    transition-delay: .5s
}

.counter-one__icon {
    position: relative;
    display: flex;
    align-items: center;
    height: 56px;
    width: 56px
}

.counter-one__icon span {
    position: relative;
    display: inline-block;
    font-size: 56px;
    color: var(--vibnt-base);
    transition: all .5s linear;
    transition-delay: .1s;
    transform: scale(1)
}

.counter-one__single:hover .counter-one__icon span {
    transform: scale(.9)
}

.counter-one__content {
    position: relative;
    display: block;
    margin-left: 20px
}

.counter-one__count {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 5px
}

.counter-one__count h3,.counter-one__count-letter {
    font-size: 45px;
    font-weight: 700;
    line-height: 45px
}

.counter-one__count-letter {
    color: var(--vibnt-black)
}

.services-one {
    position: relative;
    display: block;
    counter-reset: count;
    z-index: 1;
       background-color: #001a2e;
}


.services-one__wrap {
    position: relative;
    display: block;
    max-width: 1500px;
    width: 100%;
    /* background-color: #001a2e; */
    margin: 0 auto;
    padding: 130px 0;
}

.services-one__top {
    margin-bottom: 65px
}

.services-one__top,.services-one__top-left {
    position: relative;
    display: block
}

.services-one__top-left .section-title {
    margin-bottom: 0
}

.services-one__top-left .section-title__tagline {
    color: #803d2e
}

.services-one__top-left .section-title__title {
    color: #001a2e
}

.services-one__top-right {
    position: relative;
    display: block;
    margin-top: 22px;
    margin-left: 150px
}

.services-one__top-text {
    color: #181818
}

.services-one__bottom,.services-one__bottom-left {
    position: relative;
    display: block
}

.services-one__bottom-left {
    margin-bottom: 30px
}

.services-one__bottom-content-box,.services-one__bottom-img {
    position: relative;
    display: block
}

.services-one__bottom-img {
    overflow: hidden;
    z-index: 1
}

.services-one__bottom-img:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--vibnt-black);
    opacity: 0;
    transition: background-color .5s ease;
    transition: all .5s ease;
    z-index: 1
}

.services-one__bottom-left:hover .services-one__bottom-img:before {
    opacity: .3
}

.services-one__bottom-img img {
    width: 100%;
    transform: scaleX(1);
    transition: transform 1s ease-in-out
}

.services-one__bottom-left:hover .services-one__bottom-img img {
    transform: scale(1.05) rotate(0deg)
}

.services-one__bottom-content {
    position: relative;
    display: block;
    background-color: #f1d2a9;
    padding: 29px 34px 28px
}

.services-one__bottom-content-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 13px
}

.services-one__bottom-content-title a {
    color: #001a2e;
}

.services-one__bottom-content-title a:hover {
    color: var(--vibnt-black)
}

.services-one__bottom-content-text {
    color: #f4f6f8
}

.services-one__bottom-right {
    position: relative;
    display: block
}

.services-one__single {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
    z-index: 1
}

.services-one__single:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgb(0 0 0 / 64%);
    z-index: -1
}

.services-one__icon {
    position: absolute;
    top: 30px;
    right: 10px;
    display: flex;
    align-items: center;
    z-index: -1
}

.services-one__icon span {
    position: relative;
    display: inline-block;
    font-size: 145px;
    color: var(--vibnt-white);
    opacity: .03
}

.services-one__img {
    position: relative;
    display: block;
    max-width: 170px;
    width: 100%;
    overflow: hidden;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    z-index: 1
}

.services-one__img:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--vibnt-black);
    opacity: 0;
    transition: background-color .5s ease;
    transition: all .5s ease;
    z-index: 1
}

.services-one__single:hover .services-one__img:before {
    opacity: .4
}

.services-one__img img {
    width: 100%;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    transform: scaleX(1);
    transition: transform 1s ease-in-out
}

.services-one__single:hover .services-one__img img {
    transform: scale(1.05) rotate(0deg)
}

.services-one__img-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 118px;
    width: 100px;
    background-color: rgba(var(--vibnt-white-rgb),.9);
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    transform: translateY(-50%) translateX(-200%);
    transition: transform 1s ease;
    z-index: 2
}
.services-one__bottom-content-text {
        color: #001a2e;
    font-size: 21px;
    text-align: center;
}

.services-one__single:hover .services-one__img-icon {
    transform: translateY(-50%) translateX(-50%);
    transition-delay: .5s
}

.services-one__img-icon span {
    position: relative;
    display: inline-block;
    font-size: 60px;
    color: var(--vibnt-base)
}

.services-one__content {
    position: relative;
    display: block;
    margin-left: 30px
}

.services-one__count {
    position: relative;
    display: block;
    height: 20px;
    width: 20px
}

.services-one__count:before {
    position: relative;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color:#750000;
    letter-spacing: .075em;
    counter-increment: count;
    content: "0"counter(count);
    transition: all .2s linear;
    transition-delay: .1s
}

.services-one__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    margin-top: 16px;
    margin-bottom: 13px
}

.services-one__title a {
    color: #001a2e
}

.services-one__title a:hover {
    color: var(--vibnt-base)
}

.services-one__text {
    color: #000;
    font-size: 15px;
}

.why-choose-one {
    position: relative;
    display: block;
    padding: 120px 0;
    z-index: 1
}

.why-choose-one__left {
    position: relative;
    display: block;
    z-index: 2
}

.why-choose-one__left .section-title {
    margin-bottom: 21px
}

.why-choose-one__content-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid rgba(var(--vibnt-black-rgb),.1);
    padding: 25px 30px;
    margin-right: 60px;
    margin-top: 31px;
    margin-bottom: 37px
}

.why-choose-one__content-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    width: 55px
}

.why-choose-one__content-icon span {
    position: relative;
    display: inline-block;
    font-size: 55px;
    color: var(--vibnt-base)
}

.why-choose-one__content-text-box {
    position: relative;
    display: block;
    margin-left: 30px
}

.why-choose-one__content-text {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px
}

.why-choose-one__progress-list {
    margin-right: 70px
}

.why-choose-one__progress,.why-choose-one__progress-list {
    position: relative;
    display: block
}

.why-choose-one__progress+.why-choose-one__progress {
    margin-top: 33px
}

.why-choose-one__progress-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 21px;
    color: var(--vibnt-black);
    letter-spacing: -.02em
}

.why-choose-one__progress .bar {
    width: 100%;
    height: 2px
}

.why-choose-one__progress .bar,.why-choose-one__progress .bar-inner {
    position: relative;
    background-color: var(--vibnt-base);
    border-radius: 0
}

.why-choose-one__progress .bar-inner {
    display: block;
    width: 0;
    height: 5px;
    top: -7px;
    transition: all 1.5s ease
}

.why-choose-one__progress .count-text {
    position: absolute;
    right: 0;
    bottom: 19px;
    color: var(--vibnt-black);
    line-height: 24px;
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    opacity: 1;
    transition: all .5s ease
}

.why-choose-one__progress .bar-inner.counted .count-text {
    opacity: 1
}

.why-choose-one__right {
    margin-left: -150px
}

.why-choose-one__img,.why-choose-one__img-box,.why-choose-one__right {
    position: relative;
    display: block
}

.why-choose-one__img {
    z-index: 1
}

.why-choose-one__img img {
    width: 100%
}

.why-choose-one__img-shape-1 {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 300px;
    width: 200px;
    background-color: var(--vibnt-white);
    -webkit-clip-path: polygon(0 0,55% 0,100% 100%,0 100%);
    clip-path: polygon(0 0,55% 0,100% 100%,0 100%)
}

.why-choose-one__video-box {
    right: 230px;
    height: 320px;
    width: 133px;
    background-color: var(--vibnt-base);
    z-index: 1
}

.why-choose-one__video-box,.why-choose-one__video-box:before {
    position: absolute;
    bottom: 0;
    border-top-left-radius: 160px;
    border-top-right-radius: 160px
}

.why-choose-one__video-box:before {
    content: "";
    top: 15px;
    left: 15px;
    right: -15px;
    background-color: rgba(var(--vibnt-base-rgb),.5)
}

.why-choose-one__video-link {
    position: relative;
    display: block;
    margin-top: 137px;
    margin-left: 90px
}

.why-choose-one__video-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    color: var(--vibnt-white);
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid rgba(var(--vibnt-white-rgb),.5);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.why-choose-one__video-icon:hover {
    background-color: var(--vibnt-white);
    color: var(--vibnt-base)
}

.why-choose-one__video-icon:before {
    top: -17px;
    left: -17px;
    right: -17px;
    bottom: -17px
}

.why-choose-one__video-icon:after,.why-choose-one__video-icon:before {
    content: "";
    position: absolute;
    border: 1px solid rgba(var(--vibnt-white-rgb),.5);
    border-radius: 50%
}

.why-choose-one__video-icon:after {
    top: -40px;
    left: -40px;
    right: -40px;
    bottom: -40px
}

.why-choose-one__video-icon .ripple:after,.why-choose-one__video-icon .ripple:before,.why-choose-one__video-link .ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    -ms-box-shadow: 0 0 0 0 rgba(var(--vibnt-white-rgb),.6);
    -o-box-shadow: 0 0 0 0 rgba(var(--vibnt-white-rgb),.6);
    box-shadow: 0 0 0 0 rgba(var(--vibnt-white-rgb),.6);
    animation: ripple 3s infinite
}

.why-choose-one__video-icon .ripple:before {
    animation-delay: .9s;
    content: "";
    position: absolute
}

.why-choose-one__video-icon .ripple:after {
    animation-delay: .6s;
    content: "";
    position: absolute
}

.why-choose-one__video-title {
    position: absolute;
    top: 85px;
    left: 84px;
    background-color: var(--vibnt-white);
    padding: 10px 16px;
    width: 160px;
    animation: topBottom 3s ease-in-out infinite
}

.why-choose-one__video-title:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 24px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 6px solid var(--vibnt-white);
    transform: translateX(-50%);
    transition: all .5s ease
}

.why-choose-one__video-title p {
    font-size: 16px;
    font-weight: 500;
    color: var(--vibnt-black);
    line-height: 16px
}

.brand-one,.brand-one__inner {
    position: relative;
    display: block;
    z-index: 1
}

.brand-one__inner {
    background-color: var(--vibnt-primary)
}

.brand-one__inner .swiper-container {
    padding: 42px 60px
}

.brand-one .swiper-slide {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.brand-one__img {
    position: relative;
    display: block;
    opacity: 1;
    max-width: 84px;
    width: 100%;
    transition: all .5s ease
}

.brand-one .swiper-slide:hover .brand-one__img {
    opacity: 0
}

.brand-one .brand-one__img img {
    transition: .5s;
    width: 100%
}

.brand-one__hover-img {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    max-width: 84px;
    width: 100%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .5s ease
}

.brand-one__hover-img img {
    width: 100%
}

.brand-one .swiper-slide:hover .brand-one__hover-img {
    opacity: 1
}

.brand-one__shape-1 {
    position: absolute;
    top: -150px;
    bottom: 0;
    left: 10px;
    width: 85px;
    height: 300px;
    background-color: rgba(var(--vibnt-white-rgb),.05);
    transform: rotate(20deg) scaleX(0);
    transition: all .5s ease;
    z-index: -1
}

.brand-one .swiper-slide:hover .brand-one__shape-1 {
    transform: rotate(20deg) scaleX(1)
}

.team-one {
    padding: 120px 0 90px;
    z-index: 1
}

.team-one,.team-one__single {
    position: relative;
    display: block
}

.team-one__single {
    margin-bottom: 30px
}

.team-one__single:before {
    content: "";
    position: absolute;
    top: 75px;
    left: 20px;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(var(--vibnt-black-rgb),.18);
    border-top-right-radius: 95px;
    border-bottom-left-radius: 95px
}

.team-one__img-box {
    position: relative;
    display: block;
    margin-right: 30px
}

.team-one__img {
    position: relative;
    display: block;
    overflow: hidden
}

.team-one__img,.team-one__img img {
    border-top-left-radius: 95px;
    border-bottom-right-radius: 95px
}

.team-one__img img {
    width: 100%;
    transform: scaleX(1);
    transition: transform 1s ease-in-out
}

.team-one__single:hover .team-one__img img {
    transform: scale(1.05) rotate(0deg)
}

.team-one__social-box {
    padding-left: 88px;
    padding-top: 18px;
    padding-bottom: 18px
}

.team-one__social-box,.team-one__social-box a {
    position: relative;
    display: flex;
    align-items: center
}

.team-one__social-box a {
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-radius: 50%;
    overflow: hidden;
    color: var(--vibnt-gray);
    transition: all .5s ease;
    z-index: 1
}

.team-one__social-box a:hover {
    color: var(--vibnt-base);
    background-color: rgba(var(--vibnt-base-rgb),.12)
}

.team-one__social-box a:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: rgba(var(--vibnt-base-rgb),.12);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .4s;
    transition-property: all;
    opacity: 1;
    transform-origin: top;
    transform-style: preserve-3d;
    transform: scaleY(0);
    z-index: -1
}

.team-one__social-box a:hover:after {
    opacity: 1;
    transform: scaleY(1)
}

.team-one__content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 40px;
    background-color: var(--vibnt-base);
    padding: 30px 30px 32px;
    border-top-right-radius: 100px;
    background-position: bottom;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: scaleY(0);
    z-index: 2
}

.team-one__single:hover .team-one__content {
    transform: scaleY(1)
}

.team-one__content p {
    font-weight: 500;
    text-transform: uppercase;
    color: var(--vibnt-white);
    letter-spacing: .1em
}

.team-one__content h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    text-transform: capitalize
}

.team-one__content h3 a {
    color: var(--vibnt-white)
}

.faq-one {
    position: relative;
    display: block;
    counter-reset: count;
    padding: 120px 0 80px;
    z-index: 1
}

.faq-one:before {
    content: "";
    right: 315px;
    background-color: var(--vibnt-primary)
}

.faq-one:before,.faq-one__bg-two {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -1
}

.faq-one__bg-two {
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.faq-one__bg-two:before {
    top: 0;
    left: 0;
    background-color: rgba(var(--vibnt-base-rgb),.55)
}

.faq-one__bg-2,.faq-one__bg-two:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0
}

.faq-one__bg-2 {
    top: 120px;
    background-position: 100% 0;
    width: calc((100% - 200px) / 2);
    background: #d82221;
    background: linear-gradient(90deg,#d82221 56%,rgba(216,34,33,.311))
}

.faq-one .container {
    max-width: 1200px
}

.faq-one__left {
    position: relative;
    display: block;
    margin-right: -30px
}

.faq-one__left .section-title {
    margin-bottom: 34px
}

.faq-one__left .section-title__tagline,.faq-one__left .section-title__title {
    color: var(--vibnt-white)
}

.faq-one__faq-box {
    position: relative;
    display: block;
    padding-left: 80px
}

.faq-one__faq-box .faq-one-accrodion .accrodion {
    position: relative;
    display: block;
    border: 1px solid rgba(var(--vibnt-white-rgb),.15);
    transition: all .5s ease
}

.faq-one__faq-box .faq-one-accrodion .accrodion-title {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 17px 35px 19px;
    transition: all .2s linear;
    transition-delay: .1s
}

.faq-one__faq-box .faq-one-accrodion .accrodion-title h4 {
    margin: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    color: var(--vibnt-white);
    position: relative;
    transition: all .5s ease
}

.faq-one__faq-box .faq-one-accrodion .accrodion+.accrodion {
    margin-top: 20px
}

.faq-one__faq-box .faq-one-accrodion .accrodion-title h4:before {
    font-family: Font Awesome\ 5 Free;
    font-weight: 700;
    font-size: 20px;
    position: absolute;
    top: 0;
    left: -108px;
    line-height: 15px;
    width: 40px;
    height: 40px;
    background-color: rgba(var(--vibnt-white-rgb),.1);
    opacity: 0
}

.faq-one__faq-box .faq-one-accrodion .accrodion-title h4:before,.faq-one__faq-box .faq-one-accrodion .accrodion.active .accrodion-title h4:before {
    content: "\f106";
    color: var(--vibnt-white);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s ease;
    text-align: center
}

.faq-one__faq-box .faq-one-accrodion .accrodion.active .accrodion-title h4:before {
    opacity: 1
}

.faq-one__faq-box .faq-one-accrodion .accrodion-content {
    position: relative;
    padding-bottom: 19px;
    margin-left: 35px;
    margin-right: 70px;
    border-top: 1px solid rgba(var(--vibnt-white-rgb),.15);
    padding-top: 15px;
    display: none
}

.faq-one__faq-box .faq-one-accrodion .active .accrodion-content {
    display: block
}

.faq-one__faq-box .faq-one-accrodion .accrodion-content:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 50%;
    width: 30px;
    height: 2px;
    background-color: var(--vibnt-base);
    transform: translateX(-50%)
}

.faq-one__faq-box .faq-one-accrodion .accrodion-content p {
    margin: 0;
    color: #d0caca
}

.accrodion__shape-1 {
    position: absolute;
    left: -80px;
    top: 10px;
    width: 55px;
    height: 55px;
    background-color: var(--vibnt-base);
    border-top-left-radius: 22px;
    border-bottom-right-radius: 22px
}

.faq-one__count {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 1;
    transition: all .5s ease
}

.faq-one__faq-box .faq-one-accrodion .accrodion.active .faq-one__count {
    opacity: 0
}

.faq-one__count:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: rgba(var(--vibnt-white-rgb),.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: var(--vibnt-white);
    counter-increment: count;
    content: "0"counter(count);
    transition: all .2s linear;
    transition-delay: .1s;
    letter-spacing: .05em
}

.faq-one__right {
    margin-left: 150px;
    margin-top: 58px
}

.faq-one__form,.faq-one__right {
    position: relative;
    display: block
}

.faq-one__form {
    z-index: 2
}

.faq-one__form-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    color: var(--vibnt-white);
    margin-bottom: 21px
}

.faq-one__input-box {
    position: relative;
    display: block;
    margin-bottom: 15px
}

.faq-one__input-box input[type=email],.faq-one__input-box input[type=text] {
    height: 60px;
    width: 100%;
    border: 1px solid rgba(var(--vibnt-white-rgb),.15);
    background-color: transparent;
    padding-left: 20px;
    padding-right: 20px;
    outline: none;
    font-size: 16px;
    color: var(--vibnt-white);
    display: block;
    font-weight: 400;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: .1em
}

.faq-one__input-box .select-box {
    width: 100%
}

.faq-one__input-box select {
    height: 60px;
    width: 100%;
    border: 1px solid rgba(var(--vibnt-white-rgb),.15);
    background-color: transparent;
    padding-left: 20px;
    padding-right: 20px;
    outline: none;
    font-size: 16px;
    color: var(--vibnt-white);
    display: block;
    font-weight: 400;
    border-radius: 0!important;
    border-bottom-left-radius: 30px!important;
    border-top-right-radius: 30px!important;
    line-height: 60px;
    float: none;
    text-transform: uppercase;
    letter-spacing: .1em
}

.faq-one__input-box select:after {
    position: absolute;
    top: 25px;
    right: 20px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid var(--vibnt-white);
    border-right: 2px solid var(--vibnt-white);
    margin-top: 0;
    z-index: 10
}

.faq-one__input-box select .option {
    color: var(--vibnt-white)
}

.faq-one__input-box textarea {
    height: 150px;
    width: 100%;
    border: 1px solid rgba(var(--vibnt-white-rgb),.15);
    background-color: transparent;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    outline: none;
    font-size: 16px;
    color: var(--vibnt-white);
    display: block;
    font-weight: 400;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: .1em
}

.faq-one__input-box.text-message-box {
    height: 150px
}

.faq-one__btn-box {
    position: relative;
    display: block
}

.faq-one__btn {
    border: none;
    width: 100%;
    color: var(--vibnt-black);
    background-color: var(--vibnt-white);
    padding: 17px 45px 15px
}

.faq-one__btn:hover:before {
    top: -70%;
    background-color: var(--vibnt-primary)
}

.contact-one,.contact-one__inner {
    position: relative;
    display: block
}

.contact-one__inner {
    margin-left: 160px;
    background-color: var(--vibnt-primary);
    padding-top: 25px;
    padding-left: 35px;
    z-index: 1
}

.contact-one__inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: -100000px;
    bottom: 0;
    background-color: var(--vibnt-primary);
    z-index: -1
}

.contact-one__contact-list {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px
}

.contact-one__contact-list li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 43px 35px;
    z-index: 1
}

.contact-one__contact-list li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(var(--vibnt-white-rgb),.06);
    transform: scaleX(.7) rotateX(20deg);
    opacity: 0;
    transition: all .4s linear;
    z-index: -1
}

.contact-one__contact-list li:hover:before {
    transform: scaleX(1) rotateX(0deg);
    transition: all .4s linear;
    opacity: 1
}

.contact-one__contact-list li .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 70px;
    border: 1px solid rgba(var(--vibnt-white-rgb),.2);
    border-bottom-left-radius: 25px;
    border-top-right-radius: 25px
}

.contact-one__contact-list li .icon span {
    position: relative;
    display: inline-block;
    font-size: 30px;
    color: var(--vibnt-white)
}

.contact-one__contact-list li .content {
    position: relative;
    display: block
}

.contact-one__contact-list li .content p {
    font-size: 14px;
    color: var(--vibnt-white)
}

.contact-one__contact-list li .content h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: var(--vibnt-white)
}

.contact-one__contact-list li .content h3 a {
    color: var(--vibnt-white)
}

.contact-one__contact-list li .content h3 a:hover {
    color: var(--vibnt-base)
}

.project-one {
    position: relative;
    display: block;
    counter-reset: count;
    padding: 120px 0;
    z-index: 1
}

.project-one__top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 48px
}

.project-one__top .section-title {
    margin-bottom: 0
}

.project-one__bottom {
    position: relative;
    display: block
}

.project-one__box {
    position: relative;
    display: flex;
    align-items: end;
    flex-wrap: wrap
}

.project-one__box li {
    position: relative;
    flex: 0 0 25%;
    transition: background-color .5s ease;
    transition: all .5s ease
}

.project-one__box li:first-child {
    margin-left: 0
}

.project-one__box li:last-child {
    margin-right: 0
}

.project-one__box li.active {
    flex: 0 0 50%
}

.project-one__box-content {
    position: relative;
    display: block;
    min-height: 410px;
    overflow: hidden;
    z-index: 1
}

.single-project-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    transition: all .5s ease;
    z-index: -1
}

.single-project-one__bg:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    background-color: rgba(var(--vibnt-primary-rgb),.3);
    background-position: bottom;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: scaleY(0);
    z-index: 1
}

.project-one__box li.active .single-project-one__bg:before {
    transform: scaleY(1)
}

.project-one__content-inner {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 250px;
    width: 100%
}

.project-one__content {
    position: relative;
    display: block;
    background-color: var(--vibnt-white);
    padding: 51px 35px 16px;
    -webkit-clip-path: polygon(0 0,100% 24%,100% 100%,0 100%);
    clip-path: polygon(0 0,100% 24%,100% 100%,0 100%);
    background-position: bottom;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: scaleY(0);
    z-index: 2
}

.project-one__box li.active .project-one__content,.project-one__box li:hover .project-one__content {
    transform: scaleY(1)
}

.project-one__sub-title {
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase
}

.project-one__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px
}

.project-one__title a {
    color: var(--vibnt-black)
}

.project-one__title a:hover {
    color: var(--vibnt-base)
}

.project-one__arrow {
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2
}

.project-one__arrow a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background-color: var(--vibnt-base);
    border-radius: 50%;
    font-size: 16px;
    color: var(--vibnt-white);
    transform: scale(0);
    opacity: 0;
    transition: all .5s ease
}

.project-one__box li.active .project-one__arrow a,.project-one__box li:hover .project-one__arrow a {
    transform: scale(1);
    transition-delay: .5s;
    opacity: 1
}

.project-one__count {
    position: absolute;
    top: 35px;
    left: 12px;
    z-index: -1
}

.project-one__count:before {
    position: relative;
    font-size: 90px;
    line-height: 90px;
    font-weight: 700;
    color: rgba(var(--vibnt-black-rgb),.07);
    counter-increment: count;
    content: "0"counter(count)
}

@media(min-width: 768px) {
    .project-one__box li {
        flex:1 1
    }

    .project-one__box li.active {
        flex: 1.61 1
    }
}

@media only screen and (max-width: 767px) {
    .project-one {
        padding:100px 0
    }

    .project-one__box li.active {
        flex: 0 0 100%
    }

    .project-one__box-content {
        min-height: 410px
    }
}

.testimonial-one {
    position: relative;
    display: block;
    background-color: var(--vibnt-extra);
    padding: 120px 0;
    overflow: hidden;
    z-index: 1
}

.testimonial-one__shape-3 {
    position: absolute;
    right: -30px;
    bottom: -160px;
    z-index: -1
}

.testimonial-one__shape-3 img {
    width: auto
}

.testimonial-one__shape-4 {
    position: absolute;
    right: 160px;
    top: -248px;
    z-index: -1
}

.testimonial-one__shape-4 img {
    width: auto;
    opacity: .2
}

.testimonial-one__content,.testimonial-one__left,.testimonial-one__single {
    position: relative;
    display: block
}

.testimonial-one__content {
    margin-left: 32px;
    margin-right: 18px;
    background-color: var(--vibnt-white);
    text-align: center;
    padding: 37px 35px 70px;
    overflow: hidden;
    z-index: 1
}

.testimonial-one__text {
    font-style: italic
}

.testimonial-one__ratting-box {
    position: relative;
    display: block;
    margin-top: 32px
}

.testimonial-one__ratting-box:before {
    top: -18px;
    left: 30px;
    right: 30px
}

.testimonial-one__ratting-box:after,.testimonial-one__ratting-box:before {
    content: "";
    position: absolute;
    height: 1px;
    background-color: rgba(var(--vibnt-black-rgb),.15)
}

.testimonial-one__ratting-box:after {
    top: -13px;
    left: 105px;
    right: 105px
}

.testimonial-one__ratting-text {
    font-weight: 500;
    letter-spacing: .05em;
    color: var(--vibnt-black)
}

.testimonial-one__ratting {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 7px
}

.testimonial-one__ratting>span {
    position: relative;
    display: inline-block;
    font-size: 13px;
    color: var(--vibnt-base)
}

.testimonial-one__quote {
    position: absolute;
    top: 45px;
    left: 50%;
    transform: translateX(-50%)
}

.testimonial-one__quote span {
    position: relative;
    display: inline-block;
    font-size: 99px;
    color: rgba(var(--vibnt-base-rgb),.08)
}

.testimonial-one__shape-1 {
    position: absolute;
    bottom: -55px;
    right: -55px
}

.testimonial-one__shape-1 img {
    width: auto;
    opacity: .03
}

.testimonial-one__client-info {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
    max-width: 360px;
    width: 100%;
    background-color: var(--vibnt-primary);
    border-bottom-left-radius: 70px;
    border-top-right-radius: 70px;
    padding: 12px;
    margin-top: -36px;
    z-index: 1
}

.testimonial-one__client-img {
    position: relative;
    display: block;
    max-width: 95px;
    width: 100%
}

.testimonial-one__client-img img {
    width: 100%;
    border-top-right-radius: 35px;
    border-bottom-left-radius: 35px
}

.testimonial-one__client-content {
    position: relative;
    display: block
}

.testimonial-one__client-content>p {
    font-weight: 500;
    text-transform: uppercase;
    color: var(--vibnt-white);
    letter-spacing: .1em
}

.testimonial-one__client-content>h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: -.04em;
    color: var(--vibnt-white)
}

.testimonial-one__client-content>h3>a {
    color: var(--vibnt-white)
}

.testimonial-one__client-content>h3>a:hover {
    color: var(--vibnt-base)
}

.testimonial-one__right {
    margin-right: 70px;
    margin-left: 160px;
    margin-top: 66px
}

.testimonial-one__img,.testimonial-one__img-box,.testimonial-one__right {
    position: relative;
    display: block
}

.testimonial-one__img {
    z-index: 1
}

.testimonial-one__img img {
    width: 100%;
    border-radius: 50%
}

.testimonial-one__img-2 {
    position: absolute;
    left: -2px;
    bottom: 15px
}

.testimonial-one__img-2 img {
    width: auto;
    border-radius: 50%
}

.testimonial-one__img-3 {
    position: absolute;
    left: -35px;
    top: -66px;
    z-index: 1;
    animation-name: zoom-fade;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 7s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 7s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 7s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

.testimonial-one__img-3 img {
    width: auto;
    border-radius: 50%
}

.testimonial-one__img-4 {
    position: absolute;
    right: -110px;
    bottom: -57px;
    animation-name: zoom-fade;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 6s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 6s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 6s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

.testimonial-one__img-4 img {
    width: auto;
    border-radius: 50%
}

.testimonial-one__shape-2 {
    position: absolute;
    left: -110px;
    top: 14px
}

.testimonial-one__shape-2 img {
    width: auto;
    opacity: .04
}

.blog-one {
    padding: 120px 0 90px;
    z-index: 1
}

.blog-one,.blog-one__single {
    position: relative;
    display: block
}

.blog-one__single {
    margin-bottom: 30px
}

.blog-one__content {
    position: relative;
    display: block;
    border: 1px solid rgba(var(--vibnt-black-rgb),.15);
    border-bottom: 0;
    padding: 33px 35px 50px
}

.blog-one__meta {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px
}

.blog-one__meta li {
    position: relative;
    display: block
}

.blog-one__meta li>a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 7px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--vibnt-gray)
}

.blog-one__meta li>a:hover,.blog-one__meta li>a>span {
    color: var(--vibnt-base)
}

.blog-one__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 10px
}

.blog-one__title a {
    color: var(--vibnt-black)
}

.blog-one__title a:hover {
    color: var(--vibnt-base)
}

.blog-one__img,.blog-one__img-box {
    position: relative;
    display: block
}

.blog-one__img {
    overflow: hidden
}

.blog-one__img:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--vibnt-black);
    opacity: 0;
    transition: background-color .5s ease;
    transition: all .5s ease;
    z-index: 1
}

.blog-one__single:hover .blog-one__img:before {
    opacity: .5
}

.blog-one__img img {
    width: 100%;
    transform: scaleX(1);
    transition: transform 1s ease-in-out
}

.blog-one__single:hover .blog-one__img img {
    transform: scale(1.05) rotate(0deg)
}

.blog-one__tag {
    position: absolute;
    top: -22px;
    left: 36px;
    z-index: 2
}

.blog-one__tag>span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 190px;
    height: 45px;
    background-color: var(--vibnt-base);
    border-radius: 23px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--vibnt-white);
    transition: all .5s ease
}

.blog-one__tag>span:hover {
    background-color: var(--vibnt-primary)
}

.blog-one__btn-and-date {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(var(--vibnt-black-rgb),.15);
    border-top: 0;
    padding: 24px 36px 22px
}

.blog-one__btn-box {
    position: relative;
    display: inline-block
}

.blog-one__btn-box a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .075em;
    color: var(--vibnt-black)
}

.blog-one__btn-box a:hover {
    color: var(--vibnt-base)
}

.blog-one__date {
    position: relative;
    display: inline-block
}

.blog-one__date>p {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .075em;
    color: var(--vibnt-base)
}

.site-footer {
    position: relative;
    display: block;
    background-color: var(--vibnt-primary);
    overflow: hidden;
    z-index: 1
}

.site-footer__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .04;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    z-index: -1
}

.site-footer__top {
    position: relative;
    display: block;
    padding: 111px 0 43px
}

.footer-widget__title-box {
    position: relative;
    display: block;
    margin-bottom: 33px;
    padding-left: 43px
}

.footer-widget__title-box:before {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 28px;
    height: 2px;
    background-color: var(--vibnt-base)
}

.footer-widget__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    color: var(--vibnt-white)
}

.footer-widget__contact {
    margin-right: -35px
}

.footer-widget__contact,.footer-widget__contact-list {
    position: relative;
    display: block
}

.footer-widget__contact-list li {
    position: relative;
    display: flex
}

.footer-widget__contact-list li+li {
    margin-top: 24px
}

.footer-widget__contact-list li .icon {
    position: relative;
    display: inline-block;
    top: 2px
}

.footer-widget__contact-list li .icon span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--vibnt-white)
}

.footer-widget__contact-list li .text {
    margin-left: 15px
}

.footer-widget__contact-list li .text p {
    color: #97a2b7;
    letter-spacing: -.02em
}

.footer-widget__contact-list li .text p a {
    color: #97a2b7
}

.footer-widget__contact-list li .text p a:hover {
    color: var(--vibnt-white)
}

.footer-widget__open-hour {
    position: relative;
    display: block;
    margin-top: 23px
}

.footer-widget__open-hour-title {
    font-size: 20px;
    font-weight: 500;
    color: var(--vibnt-white)
}

.footer-widget__open-hour-text {
    color: #97a2b7;
    letter-spacing: -.02em;
    line-height: 26px;
    margin-top: 13px
}

.footer-widget__newsletter {
    position: relative;
    display: block;
    margin-left: 70px;
    margin-right: 70px
}

.footer-widget__newsletter-text {
    color: #97a2b7;
    letter-spacing: -.02em
}

.footer-widget__newsletter-form-input-box {
    position: relative;
    display: block;
    margin-top: 29px;
    margin-bottom: 28px
}

.footer-widget__newsletter-form-input-box input[type=email] {
    height: 55px;
    width: 100%;
    background-color: rgba(var(--vibnt-white-rgb),.06);
    outline: none;
    font-size: 16px;
    color: #97a2b7;
    font-weight: 400;
    padding-right: 58px;
    padding-left: 20px;
    border: none;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 25px;
    letter-spacing: -.02em
}

.footer-widget__newsletter-btn {
    position: absolute;
    top: 9px;
    right: 9px;
    bottom: 9px;
    border: none;
    width: 38px;
    background-color: var(--vibnt-base);
    border-radius: 50%;
    transition: all .5s ease;
    display: flex;
    align-items: center;
    justify-content: center
}

.footer-widget__newsletter-btn:hover {
    background-color: var(--vibnt-white)
}

.footer-widget__newsletter-btn span {
    position: relative;
    display: inline-block;
    font-size: 13px;
    color: var(--vibnt-white);
    transition: all .5s ease
}

.footer-widget__newsletter-btn:hover span {
    color: var(--vibnt-base)
}

.footer-widget__newsletter-call {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px
}

.footer-widget__newsletter-call .icon {
    position: relative;
    display: inline-block
}

.footer-widget__newsletter-call .icon span {
    position: relative;
    display: inline-block;
    font-size: 26px;
    color: var(--vibnt-base);
    font-weight: 600
}

.footer-widget__newsletter-call .content {
    position: relative;
    display: block
}

.footer-widget__newsletter-call .content h3 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.02em
}

.footer-widget__newsletter-call .content h3>a {
    color: var(--vibnt-white)
}

.footer-widget__newsletter-call .content h3>a:hover {
    color: var(--vibnt-base)
}

.footer-widget__newsletter-call .content p {
    color: #97a2b7;
    letter-spacing: -.02em
}

.footer-widget__page {
    position: relative;
    display: block;
    margin-left: -30px
}

.footer-widget__page-box {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 47px
}

.footer-widget__page-list,.footer-widget__page-list li {
    position: relative;
    display: block
}

.footer-widget__page-list li+li {
    margin-top: 20px
}

.footer-widget__page-list li a {
    position: relative;
    display: inline-block;
    color: #97a2b7
}

.footer-widget__page-list li a:hover {
    color: var(--vibnt-white)
}

.footer-widget__page-list li a:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: -5px;
    height: 1px;
    background-color: rgba(var(--vibnt-white-rgb),.102);
    transition: all .5s ease
}

.footer-widget__page-list li a:hover:before {
    background-color: var(--vibnt-white)
}

.footer-widget__instagram {
    position: relative;
    display: block;
    margin-left: 6px
}

.footer-widget__instagram .footer-widget__title-box {
    margin-left: -27px;
    margin-bottom: 45px
}

.footer-widget__instagram-list-box {
    position: relative;
    display: block
}

.footer-widget__instagram-list {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-right: -6px;
    margin-left: -6px
}

.footer-widget__instagram-list li {
    position: relative;
    display: inline-block;
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 12px
}

.footer-widget__instagram-img {
    position: relative;
    display: block;
    overflow: hidden;
    width: 90px;
    z-index: 1
}

.footer-widget__instagram-img:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    background-color: rgba(var(--vibnt-base-rgb),.88);
    transition: all .7s ease;
    transform: translateY(-100%);
    z-index: 1
}

.footer-widget__instagram-list li:hover .footer-widget__instagram-img:before {
    transform: translateY(0)
}

.footer-widget__instagram-img img {
    width: 100%;
    transition: all .7s ease
}

.footer-widget__instagram-list li:hover .footer-widget__instagram-img img {
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px
}

.footer-widget__instagram-img a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: var(--vibnt-white);
    transform: translateY(100px);
    opacity: 0;
    transition: all .7s ease;
    z-index: 2
}

.footer-widget__instagram-list li:hover .footer-widget__instagram-img a {
    transform: translateY(0);
    opacity: 1;
    transition-delay: .3s
}

.footer-widget__instagram-list li .footer-widget__instagram-img a:hover {
    color: var(--vibnt-primary)
}

.site-footer__middle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(var(--vibnt-white-rgb),.04);
    padding: 30px 60px;
    margin-top: 85px
}

.site-footer__logo,.site-footer__menu {
    position: relative;
    display: block
}

.site-footer__menu {
    border: 1px solid rgba(var(--vibnt-white-rgb),.2);
    padding: 19px 56px
}

.site-footer__menu-list {
    position: relative;
    display: flex;
    align-items: center;
    gap: 37px
}

.site-footer__menu li {
    position: relative;
    display: block
}

.site-footer__menu li a {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-transform: uppercase;
    color: var(--vibnt-white);
    letter-spacing: .05em
}

.site-footer__menu li a:hover {
    color: var(--vibnt-base)
}

.site-footer__social {
    gap: 16px
}

.site-footer__social,.site-footer__social a {
    position: relative;
    display: flex;
    align-items: center
}

.site-footer__social a {
    justify-content: center;
    width: 60px;
    height: 60px;
    font-size: 16px;
    color: var(--vibnt-white);
    overflow: hidden;
    background-color: rgba(var(--vibnt-white-rgb),.1);
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    z-index: 1
}

.site-footer__social a:hover {
    color: var(--vibnt-base)
}

.site-footer__social a:after {
    position: absolute;
    content: "";
    background-color: var(--vibnt-white);
    width: 200%;
    height: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    z-index: -1;
    transition: all .5s ease
}

.site-footer__social a:hover:after {
    height: 200%
}

.site-footer__bottom {
    position: relative;
    display: block;
    z-index: 1
}

.site-footer__bottom-inner {
    position: relative;
    display: block;
    padding: 0 0 47px;
    text-align: center
}

.site-footer__bottom-text {
    letter-spacing: .025em;
    font-size: 20px;
    color: #f6f6f6
}

.feature-two {
    position: relative;
    display: block;
    z-index: 3;
    margin-top: -110px
}

.feature-two .container {
    max-width: 1530px
}

.feature-two__inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px
}

.feature-two__img {
    position: relative;
    display: block;
    max-width: 340px;
    width: 100%
}

.feature-two__img img {
    width: 100%;
    border-bottom-left-radius: 95px
}

.feature-two__right {
    position: relative;
    display: block;
    width: 100%
}

.feature-two__list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--vibnt-primary);
    border-top-right-radius: 95px;
    padding: 48px 70px 26px
}

.feature-two__list li {
    position: relative;
    display: block;
    margin-bottom: 21px
}

.feature-two__icon-and-arrow {
    position: relative;
    display: flex;
    align-items: center;
    gap: 68px
}

.feature-two__icon-and-arrow .icon {
    position: relative;
    display: inline-block
}

.feature-two__icon-and-arrow .icon span {
    position: relative;
    display: inline-block;
    font-size: 56px;
    color: var(--vibnt-white);
    transition: all .5s linear;
    transition-delay: .1s;
    transform: scale(1)
}

.feature-two__list li:hover .feature-two__icon-and-arrow .icon span {
    transform: scale(.9)
}

.feature-two__arrow {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: var(--vibnt-white);
    border-bottom-left-radius: 10px
}

.feature-two__arrow:hover {
    background-color: var(--vibnt-white);
    color: var(--vibnt-primary)
}

.feature-two__arrow:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -ms-linear-gradient(0deg,#fff 0,rgba(28,27,31,0) 100%);
    opacity: .102;
    border-bottom-left-radius: 10px
}

.feature-two__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    margin-top: 26px
}

.feature-two__title a {
    color: var(--vibnt-white)
}

.feature-two__title a:hover {
    color: var(--vibnt-base)
}

.about-two {
    position: relative;
    display: block;
    padding: 205px 0 0;
    margin-top: -140px;
    background-color: var(--vibnt-extra);
    overflow: hidden;
    z-index: 1
}

.about-two__shape-1 {
    position: absolute;
    top: 0;
    right: -30px;
    z-index: -1
}

.about-two__shape-1 img {
    width: auto;
    opacity: .02
}

.about-two .container {
    max-width: 1200px
}

.about-two__left {
    margin-right: 70px
}

.about-two__img,.about-two__left {
    position: relative;
    display: block
}

.about-two__img img {
    width: 100%
}

.about-two__img-shape-1 {
    position: absolute;
    bottom: 100px;
    left: 0;
    width: 400px;
    height: 400px;
    background-color: rgba(var(--vibnt-primary-rgb),.03);
    border-radius: 50%
}

.about-two__right {
    position: relative;
    display: block;
    margin-top: 55px
}

.about-two__right .section-title {
    margin-bottom: 21px
}

.about-two__img-and-content-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 38px;
    margin-bottom: 47px
}

.about-two__img-2 {
    position: relative;
    display: block;
    max-width: 230px;
    width: 100%
}

.about-two__img-2 img {
    width: 100%
}

.about-two__content-box {
    position: relative;
    display: block
}

.about-two__icon-and-title {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 14px
}

.about-two__icon,.about-two__icon>span {
    position: relative;
    display: inline-block
}

.about-two__icon>span {
    font-size: 56px;
    color: var(--vibnt-base);
    transition: all .5s linear;
    transition-delay: .1s;
    transform: scale(1)
}

.about-two__icon-and-title:hover .about-two__icon>span {
    transform: scale(.9)
}

.about-two__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 35px
}

.about-two__sign {
    position: relative;
    display: inline-block
}

.about-two__sign p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    font-family: var(--vibnt-font-two);
    color: var(--vibnt-black)
}

.counter-two {
    position: relative;
    display: block;
    margin-top: -82px;
    z-index: 2
}

.counter-two .container {
    max-width: 1200px
}

.counter-two__inner {
    position: relative;
    display: block;
    max-width: 920px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 70px 0 rgba(33,34,38,.06);
    margin-left: auto;
    padding: 40px 60px 13px
}

.counter-two__count-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.counter-two__count-list li {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 21px
}

.counter-two__count-list li .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 83px;
    height: 79px;
    margin: 0 auto;
    overflow: hidden;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 25px;
    z-index: 1
}

.counter-two__count-list li .icon:before {
    position: absolute;
    content: "";
    background-color: #f7f7f7;
    width: 200%;
    height: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    z-index: -1;
    transition: all .5s ease
}

.counter-two__count-list li:hover .icon:before {
    height: 200%
}

.counter-two__count-list li .icon span {
    position: relative;
    display: inline-block;
    font-size: 55px;
    color: var(--vibnt-gray);
    transition: all .5s linear;
    transition-delay: .1s;
    transform: scale(1)
}

.counter-two__count-list li:hover .icon span {
    transform: scale(.9)
}

.counter-two__count {
    position: relative;
    display: block;
    margin-top: 15px;
    margin-bottom: 1px
}

.counter-two__count>h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 26px
}

.services-two {
    position: relative;
    display: block;
    counter-reset: count;
    padding: 120px 0 90px;
    z-index: 1
}

.services-two .container {
    max-width: 1200px
}

.services-two .row {
    --bs-gutter-x: 20px
}

.services-two__single {
    background-color: #fff;
    box-shadow: 0 0 70px 0 rgba(33,34,38,.06);
    padding: 0 20px 38px;
    margin-bottom: 30px
}

.services-two__img,.services-two__img-box,.services-two__single {
    position: relative;
    display: block
}

.services-two__img {
    overflow: hidden
}

.services-two__img:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--vibnt-black);
    opacity: 0;
    transition: background-color .5s ease;
    transition: all .5s ease;
    z-index: 1
}

.services-two__single:hover .services-two__img:before {
    opacity: .4
}

.services-two__img img {
    width: 100%;
    transform: scaleX(1);
    transition: transform 1s ease-in-out
}

.services-two__single:hover .services-two__img img {
    transform: scale(1.05) rotate(0deg)
}

.services-two__content {
    position: relative;
    display: block;
    padding-top: 35px;
    padding-left: 30px;
    padding-right: 30px
}

.services-two__icon-and-title {
    position: relative;
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 22px
}

.services-two__icon,.services-two__icon span {
    position: relative;
    display: inline-block
}

.services-two__icon span {
    font-size: 66px;
    color: var(--vibnt-gray);
    transition: all .5s linear;
    transition-delay: .1s;
    transform: scale(1)
}

.services-two__single:hover .services-two__icon span {
    transform: scale(.9)
}

.services-two__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 29px
}

.services-two__title a {
    color: var(--vibnt-black)
}

.services-two__title a:hover {
    color: var(--vibnt-base)
}

.services-two__shape-1 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70px;
    height: 70px;
    background-color: rgba(var(--vibnt-base-rgb),.5);
    z-index: 2
}

.services-two__count {
    position: absolute;
    left: 15px;
    bottom: 25px;
    transform: scale(1);
    opacity: 1;
    transition: all .5s ease;
    z-index: 3
}

.services-two__single:hover .services-two__count {
    transform: scale(0);
    transition-delay: .5s;
    opacity: 0
}

.services-two__count:before {
    position: relative;
    display: flex;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    counter-increment: count;
    content: "0"counter(count);
    transition: all .2s linear;
    transition-delay: .1s;
    color: var(--vibnt-white);
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 60px;
    border-radius: 6px;
    background-color: var(--vibnt-base)
}

.services-two__count:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    border-top: 10px solid var(--vibnt-base);
    border-right: 4.5px solid transparent;
    border-left: 4.5px solid transparent;
    transform: translateX(-50%)
}

.services-two__arrow {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 15px;
    bottom: 25px;
    width: 70px;
    height: 60px;
    font-size: 20px;
    color: var(--vibnt-white);
    border-radius: 6px;
    background-color: var(--vibnt-base);
    transform: scale(0);
    opacity: 0;
    transition: all .5s ease;
    z-index: 3
}

.services-two__single:hover .services-two__arrow {
    transform: scale(1);
    transition-delay: .5s;
    opacity: 1
}

.services-two__arrow:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    border-top: 10px solid var(--vibnt-base);
    border-right: 4.5px solid transparent;
    border-left: 4.5px solid transparent;
    transform: translateX(-50%)
}

.project-two {
    position: relative;
    display: block;
    padding: 120px 0 0;
    background-color: var(--vibnt-primary);
    overflow: hidden;
    z-index: 1
}

.project-two__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .04;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    z-index: -1
}

.project-two__shape-1 {
    position: absolute;
    top: 0;
    right: -30px;
    z-index: -1
}

.project-two__shape-1 img {
    width: auto;
    opacity: .7
}

.project-two .section-title__tagline,.project-two .section-title__title {
    color: var(--vibnt-white)
}

.project-two__img,.project-two__img-box,.project-two__single {
    position: relative;
    display: block
}

.project-two__img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #082060;
    background: linear-gradient(0deg,#082060,hsla(0,0%,100%,0) 74%);
    background-position: bottom;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: scaleY(0)
}

.project-two__single:hover .project-two__img:before {
    transform: scaleY(1)
}

.project-two__img img {
    width: 100%
}

.project-two__content {
    position: absolute;
    bottom: 25px;
    left: 140px;
    right: 140px;
    background-color: var(--vibnt-white);
    text-align: center;
    padding: 14px 20px;
    transform: scaleX(.7) rotateX(20deg);
    opacity: 0;
    transition: all .4s linear;
    z-index: 2
}

.project-two__single:hover .project-two__content {
    transform: scaleX(1) rotateX(0deg);
    transition: all .4s linear;
    opacity: 1
}

.project-two__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px
}

.project-two__title a {
    color: var(--vibnt-black)
}

.project-two__title a:hover {
    color: var(--vibnt-base)
}

.how-we-work {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    counter-reset: count;
    overflow: hidden;
    background-color: var(--vibnt-extra);
    z-index: 1
}

.how-we-work__shape-1 {
    position: absolute;
    top: -460px;
    right: -30px
}

.how-we-work__shape-1 img {
    width: auto;
    opacity: .2
}

.how-we-work__shape-2 {
    position: absolute;
    bottom: -754px;
    left: 0
}

.how-we-work__shape-2 img {
    width: auto;
    opacity: .25
}

.how-we-work__inner {
    position: relative;
    display: block
}

.how-we-work__inner:before {
    content: "";
    position: absolute;
    top: 83px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: rgba(var(--vibnt-black-rgb),.1)
}

.how-we-work__single {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 21px
}

.how-we-work__count {
    position: relative;
    display: inline-block;
    border: 2px solid rgba(var(--vibnt-black-rgb),.1);
    border-radius: 5px;
    padding: 5px 18px 6px;
    transition: all .5s ease
}

.how-we-work__single:hover .how-we-work__count {
    border: 2px solid var(--vibnt-base);
    background-color: var(--vibnt-base)
}

.how-we-work__count:before {
    position: relative;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: var(--vibnt-base);
    counter-increment: count;
    content: "Step 0"counter(count);
    transition: all .2s linear;
    transition-delay: .1s;
    transition: all .5s ease
}

.how-we-work__single:hover .how-we-work__count:before {
    color: var(--vibnt-white)
}

.how-we-work__count-shape-1 {
    position: absolute;
    border-top: 8px solid rgba(var(--vibnt-black-rgb),.1);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .5s ease
}

.how-we-work__single:hover .how-we-work__count-shape-1 {
    border-top: 8px solid var(--vibnt-base)
}

.how-we-work__count-shape-1:before {
    content: "";
    position: absolute;
    border-top: 6px solid var(--vibnt-white);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    left: 50%;
    top: -10px;
    transform: translateX(-50%);
    transition: all .5s ease
}

.how-we-work__single:hover .how-we-work__count-shape-1:before {
    border-top: 6px solid var(--vibnt-base)
}

.how-we-work__shape {
    position: relative;
    display: block;
    width: 8px;
    height: 8px;
    border: 2px solid var(--vibnt-base);
    margin: 37px auto 40px;
    border-radius: 50%
}

.how-we-work__icon,.how-we-work__icon span {
    position: relative;
    display: inline-block
}

.how-we-work__icon span {
    font-size: 62px;
    color: #878c8f;
    transition: all .5s linear;
    transition-delay: .1s;
    transform: scale(1)
}

.how-we-work__single:hover .how-we-work__icon span {
    transform: scale(.9)
}

.how-we-work__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: -.04em;
    margin-top: 17px;
    margin-bottom: 13px
}

.team-two {
    padding: 120px 0 90px;
    z-index: 1
}

.team-two,.team-two__single {
    position: relative;
    display: block
}

.team-two__single {
    margin-bottom: 30px
}

.team-two__img-box {
    position: relative;
    display: block;
    padding-left: 20px;
    padding-top: 20px
}

.team-two__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1
}

.team-two__img:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: rgba(var(--vibnt-black-rgb),.3);
    width: 0;
    transform: translateY(100%);
    transition: all .5s ease;
    z-index: 1
}

.team-two__single:hover .team-two__img:before {
    transform: translateY(0);
    width: 100%
}

.team-two__img img {
    width: 100%;
    transform: scaleX(1);
    transition: transform 1s ease-in-out
}

.team-two__single:hover .team-two__img img {
    transform: scale(1.05) rotate(0deg)
}

.team-two__img-shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 400px;
    background-color: rgba(var(--vibnt-primary-rgb),.05);
    border-bottom-left-radius: 95px;
    border-top-right-radius: 95px
}

.team-two__content {
    position: absolute;
    bottom: 20px;
    left: 0;
    max-width: 210px;
    width: 100%;
    background-color: var(--vibnt-white);
    padding: 15px 20px 22px;
    background-position: 0;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    transform-origin: left;
    transform-style: preserve-3d;
    transform: scaleX(0);
    z-index: 2
}

.team-two__single:hover .team-two__content {
    transform: scaleX(1)
}

.team-two__content:before {
    content: "";
    position: absolute;
    bottom: 20px;
    right: -17px;
    border-left: 17px solid var(--vibnt-white);
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent
}

.team-two__sub-title {
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase
}

.team-two__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 1px
}

.team-two__title a {
    color: var(--vibnt-black)
}

.team-two__title a:hover {
    color: var(--vibnt-base)
}

.team-two__social {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 30px;
    background-color: var(--vibnt-white);
    padding: 30px 18.5px;
    border-top-left-radius: 30px;
    background-position: bottom;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: scaleY(0);
    z-index: 2
}

.team-two__single:hover .team-two__social {
    transform: scaleY(1)
}

.team-two__social a {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 16px;
    color: var(--vibnt-gray)
}

.team-two__social a:hover {
    color: var(--vibnt-base)
}

.testimonial-two {
    position: relative;
    display: block;
    z-index: 1
}

.testimonial-two__bg-box {
    position: absolute;
    left: 210px;
    top: 178px;
    right: 0;
    bottom: 0;
    background-color: var(--vibnt-primary);
    border-top-left-radius: 400px;
    overflow: hidden;
    z-index: -1
}

.testimonial-two__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .04;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    z-index: -1
}

.testimonial-two__shape-1 {
    position: absolute;
    right: 0;
    top: -344px
}

.testimonial-two__shape-1 img {
    width: auto
}

.testimonial-two__shape-2 {
    position: absolute;
    right: 0;
    bottom: -280px
}

.testimonial-two__shape-2 img {
    width: auto
}

.testimonial-two__img {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1
}

.testimonial-two__img img {
    width: auto
}

.testimonial-two .container {
    max-width: 1200px
}

.testimonial-two .section-title {
    margin-bottom: 163px
}

.testimonial-two__bottom,.testimonial-two__single {
    position: relative;
    display: block
}

.testimonial-two__single {
    text-align: center;
    background-color: var(--vibnt-white);
    padding: 35px 30px 40px;
    border-top-left-radius: 160px;
    transition: all .4s linear;
    z-index: 1
}

.testimonial-two__bottom .swiper-container .swiper-slide-active.swiper-slide .testimonial-two__single,.testimonial-two__single:hover {
    border-top-left-radius: 0
}

.testimonial-two__single:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--vibnt-base);
    border-top-left-radius: 160px;
    transform: scaleX(.7) rotateX(20deg);
    opacity: 0;
    transition: all .4s linear;
    z-index: -1
}

.testimonial-two__bottom .swiper-container .swiper-slide-active.swiper-slide .testimonial-two__single:before,.testimonial-two__single:hover:before {
    border-top-left-radius: 0;
    transform: scaleX(1) rotateX(0deg);
    transition: all .4s linear;
    opacity: 1
}

.testimonial-two__quote {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    border: 1px solid rgba(var(--vibnt-black-rgb),.15);
    margin: 0 auto;
    border-radius: 50%;
    border-top-right-radius: 0;
    transition: all .5s ease
}

.testimonial-two__bottom .swiper-container .swiper-slide-active.swiper-slide .testimonial-two__quote,.testimonial-two__single:hover .testimonial-two__quote {
    border: 1px solid transparent;
    background-color: rgba(var(--vibnt-white-rgb),.1);
    border-radius: 0;
    border-top-right-radius: 32.5px;
    border-bottom-left-radius: 32.5px
}

.testimonial-two__quote span {
    position: relative;
    display: inline-block;
    font-size: 30px;
    color: var(--vibnt-base);
    transition: all .5s ease
}

.testimonial-two__bottom .swiper-container .swiper-slide-active.swiper-slide .testimonial-two__quote span,.testimonial-two__single:hover .testimonial-two__quote span {
    color: var(--vibnt-white)
}

.testimonial-two__text {
    margin-top: 27px;
    margin-bottom: 23px;
    transition: all .5s ease
}

.testimonial-two__bottom .swiper-container .swiper-slide-active.swiper-slide .testimonial-two__text,.testimonial-two__single:hover .testimonial-two__text {
    color: #d0caca
}

.testimonial-two__ratting {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(var(--vibnt-black-rgb),.15);
    padding: 10px 23px;
    gap: 9px;
    transition: all .5s ease
}

.testimonial-two__bottom .swiper-container .swiper-slide-active.swiper-slide .testimonial-two__ratting,.testimonial-two__single:hover .testimonial-two__ratting {
    border: 2px solid rgba(var(--vibnt-white-rgb),.2)
}

.testimonial-two__ratting span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--vibnt-base);
    transition: all .5s ease
}

.testimonial-two__bottom .swiper-container .swiper-slide-active.swiper-slide .testimonial-two__ratting span,.testimonial-two__single:hover .testimonial-two__ratting span {
    color: var(--vibnt-white)
}

.testimonial-two__client-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: 35px
}

.testimonial-two__client-content {
    position: relative;
    display: block;
    text-align: right;
    margin-right: 35px
}

.testimonial-two__client-content p {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .2em;
    color: var(--vibnt-base);
    transition: all .5s ease
}

.testimonial-two__bottom .swiper-container .swiper-slide-active.swiper-slide .testimonial-two__client-content p,.testimonial-two__single:hover .testimonial-two__client-content p {
    color: var(--vibnt-white)
}

.testimonial-two__client-content h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 2px
}

.testimonial-two__client-content h3 a {
    color: var(--vibnt-black)
}

.testimonial-two__bottom .swiper-container .swiper-slide-active.swiper-slide .testimonial-two__client-content h3 a,.testimonial-two__single:hover .testimonial-two__client-content h3 a {
    color: var(--vibnt-white)
}

.testimonial-two__client-img {
    position: relative;
    display: block;
    width: 90px;
    z-index: 1
}

.testimonial-two__client-img:before {
    content: "";
    position: absolute;
    bottom: -5px;
    right: -5px;
    top: 25px;
    left: 15px;
    background-color: var(--vibnt-base);
    transition: all .5s ease;
    z-index: -1
}

.testimonial-two__bottom .swiper-container .swiper-slide-active.swiper-slide .testimonial-two__client-img:before,.testimonial-two__single:hover .testimonial-two__client-img:before {
    background-color: rgba(var(--vibnt-white-rgb),.2)
}

.testimonial-two__client-img img {
    width: 100%;
    border-top-left-radius: 40px
}

.testimonial-two__dot-style {
    position: relative;
    z-index: 2;
    display: block;
    text-align: center;
    margin-top: 52px;
    padding-bottom: 120px
}

.testimonial-two__dot-style .swiper-dot-style1 {
    position: relative;
    display: inline-flex;
    line-height: 0;
    height: 0
}

.testimonial-two__dot-style .swiper-dot-style1 .swiper-pagination-bullet {
    position: relative;
    display: block;
    width: 11px;
    height: 11px;
    margin: 0 17.5px;
    border: 2px solid var(--vibnt-white);
    background-color: transparent;
    border-radius: 50%;
    opacity: 1;
    transition: all .2s linear;
    transition-delay: .1s
}

.testimonial-two__dot-style .swiper-dot-style1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1
}

.testimonial-two__dot-style .swiper-dot-style1 .swiper-pagination-bullet:before {
    position: absolute;
    top: -12px;
    left: -12px;
    bottom: -12px;
    right: -12px;
    border: 2px solid var(--vibnt-white);
    border-radius: 50%;
    transform: scale(0);
    transition: all .2s linear;
    transition-delay: .1s;
    content: ""
}

.testimonial-two__dot-style .swiper-dot-style1 .swiper-pagination-bullet.swiper-pagination-bullet-active:before,.testimonial-two__dot-style .swiper-dot-style1 .swiper-pagination-bullet:hover {
    transform: scale(1)
}

.pricing-one {
    position: relative;
    display: block;
    background-color: var(--vibnt-extra);
    padding: 120px 0 110px;
    overflow: hidden;
    z-index: 1
}

.pricing-one .container {
    max-width: 1200px
}

.pricing-one .section-title {
    margin-bottom: 73px
}

.pricing-one__shape-1 {
    position: absolute;
    right: -30px;
    top: -306px
}

.pricing-one__shape-1 img {
    width: auto;
    opacity: .2
}

.pricing-one__shape-2 {
    position: absolute;
    left: 0;
    bottom: -470px
}

.pricing-one__shape-2 img {
    width: auto;
    opacity: .2
}

.pricing-one .row {
    --bs-gutter-x: 0px
}

.pricing-one__single {
    position: relative;
    display: block;
    background-color: var(--vibnt-white);
    text-align: center;
    padding: 0 40px 7px;
    margin-bottom: 30px;
    z-index: 1
}

.pricing-one__single-shape-2 {
    position: absolute;
    top: -20px;
    left: 15px;
    right: 15px;
    bottom: -20px;
    background-color: var(--vibnt-base);
    transform: scaleX(.7) rotateX(20deg);
    opacity: 0;
    transition: all .4s linear;
    z-index: -1
}

.pricing-one__single:hover .pricing-one__single-shape-2 {
    transform: scaleX(1) rotateX(0deg);
    transition: all .4s linear;
    opacity: 1
}

.pricing-one__single-shape {
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    height: 7px;
    opacity: 1;
    background-color: rgba(var(--vibnt-primary-rgb),.08);
    transition: all .5s ease
}

.pricing-one__single:hover .pricing-one__single-shape {
    opacity: 0
}

.pricing-one__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 80px;
    background-color: var(--vibnt-base);
    margin: 0 auto;
    transition: all .5s ease
}

.pricing-one__single:hover .pricing-one__icon {
    background-color: rgba(var(--vibnt-white-rgb),.1)
}

.pricing-one__icon:before {
    content: "";
    position: absolute;
    border-top: 16px solid var(--vibnt-base);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .5s ease
}

.pricing-one__single:hover .pricing-one__icon:before {
    border-top: 16px solid rgba(var(--vibnt-white-rgb),.1)
}

.pricing-one__icon>span {
    position: relative;
    display: inline-block;
    font-size: 53px;
    color: var(--vibnt-white)
}

.pricing-one__price {
    position: relative;
    display: block;
    text-align: center;
    margin-top: 51px;
    margin-bottom: 29px
}

.pricing-one__price h3:before {
    content: "";
    position: absolute;
    left: -100px;
    top: 50%;
    width: 80px;
    height: 1px;
    background-color: rgba(var(--vibnt-primary-rgb),.1);
    transform: translateY(-50%);
    transition: all .5s ease
}

.pricing-one__single:hover .pricing-one__price h3:before {
    background-color: rgba(var(--vibnt-white-rgb),.1)
}

.pricing-one__price h3:after {
    content: "";
    position: absolute;
    right: -100px;
    top: 50%;
    width: 80px;
    height: 1px;
    background-color: rgba(var(--vibnt-primary-rgb),.1);
    transform: translateY(-50%);
    transition: all .5s ease
}

.pricing-one__single:hover .pricing-one__price h3:after {
    background-color: rgba(var(--vibnt-white-rgb),.1)
}

.pricing-one__price h3 {
    position: relative;
    display: inline-block;
    font-size: 45px;
    font-weight: 500;
    line-height: 45px;
    transition: all .5s ease
}

.pricing-one__single:hover .pricing-one__price h3 {
    color: var(--vibnt-white)
}

.pricing-one__price h3>span {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    position: relative;
    left: 4px
}

.pricing-one__title-box {
    position: relative;
    display: inline-block;
    border: 1px solid rgba(var(--vibnt-black-rgb),.12);
    padding: 7px 30px 6px;
    transition: all .5s ease
}

.pricing-one__single:hover .pricing-one__title-box {
    border: 1px solid rgba(var(--vibnt-white-rgb),.12)
}

.pricing-one__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: .1em;
    transition: all .5s ease
}

.pricing-one__single:hover .pricing-one__title {
    color: var(--vibnt-white)
}

.pricing-one__points-list {
    position: relative;
    display: block;
    margin: 37px 0 39px
}

.pricing-one__points-list li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 40px
}

.pricing-one__points-list li+li {
    margin-top: 18px
}

.pricing-one__points-list li>p {
    letter-spacing: .025em;
    transition: all .5s ease
}

.pricing-one__single:hover .pricing-one__points-list li>p {
    color: var(--vibnt-white)
}

.pricing-one__points-list li>.icon {
    position: relative;
    display: inline-block
}

.pricing-one__points-list li>.icon>span {
    position: relative;
    display: inline-block;
    color: var(--vibnt-base);
    font-size: 16px;
    transition: all .5s ease
}

.pricing-one__single:hover .pricing-one__points-list li>.icon>span {
    color: var(--vibnt-white)
}

.pricing-one__btn-box {
    position: relative;
    display: block
}

.pricing-one__btn:hover {
    color: var(--vibnt-black)
}

.pricing-one__btn:before {
    background-color: var(--vibnt-white)
}

.pricing-one__img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-position: bottom;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: scaleY(0);
    z-index: -1
}

.pricing-one__single:hover .pricing-one__img {
    transform: scaleY(1)
}

.blog-two {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1
}

/* .blog-two .container {
    max-width: 1200px
} */

.blog-two__single {
    margin-bottom: 30px
}

.blog-two__img,.blog-two__img-box,.blog-two__single {
    position: relative;
    display: block
}

.blog-two__img {
    border-top-right-radius: 80px;
    overflow: hidden
}

.blog-two__img img {
    width: 100%;
    border-top-right-radius: 80px;
    transition: .5s;
    background-size: cover
}

.blog-two__img img:first-child {
    transform: translatex(50%) scalex(2);
    opacity: 0;
    filter: blur(10px)
}

.blog-two__img img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    object-fit: cover
}

.blog-two__link {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--vibnt-black-rgb),.5);
    position: absolute;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(-20%);
    transition: opacity .5s ease,transform .5s ease
}

.blog-two__link:after,.blog-two__link:before {
    content: "";
    width: 25px;
    height: 2px;
    background-color: var(--vibnt-white);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.blog-two__link:after {
    transform: translate(-50%,-50%) rotate(90deg)
}

.blog-two__single:hover .blog-two__link {
    opacity: 1;
    transform: translateY(0)
}

.blog-two__single:hover .blog-two__img img:first-child {
    transform: translatex(0) scalex(1);
    opacity: 1;
    filter: blur(0)
}

.blog-two__single:hover .blog-two__img img:nth-child(2) {
    transform: translatex(-50%) scalex(2);
    opacity: 0;
    filter: blur(10px)
}

.blog-two__content {
    position: relative;
    display: block;
    padding: 24px 30px 30px;
    margin-top: -150px;
    margin-right: 30px;
    background-color: #fff;
    box-shadow: 0 0 70px 0 rgba(33,34,38,.06);
    z-index: 2
}

.blog-two__date {
    position: absolute;
    top: -60px;
    left: 0;
    width: 60px;
    height: 60px;
    background-color: var(--vibnt-base);
    border-top-right-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center
}

.blog-two__date>p {
    text-align: center;
    font-weight: 500;
    line-height: 20px;
    color: var(--vibnt-white);
    text-transform: uppercase
}

.blog-two__meta {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px
}

.blog-two__meta li {
    position: relative;
    display: block
}

.blog-two__meta li a {
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--vibnt-gray);
    gap: 7px
}

.blog-two__meta li a span,.blog-two__meta li a:hover {
    color: var(--vibnt-base)
}

.blog-two__title {
    font-size: 23px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 18px
}

.blog-two__title>a {
    color: var(--vibnt-black)
}

.blog-two__title>a:hover {
    color: var(--vibnt-base)
}

.blog-two__btn-box {
    position: relative;
    display: block
}

.blog-two__btn {
    background-color: var(--vibnt-extra);
    color: var(--vibnt-gray);
    width: 100%;
    justify-content: space-between;
    padding: 11px 20px;
    border-bottom-left-radius: 25px
}

.blog-two__btn span {
    color: var(--vibnt-base);
    transition: all .5s ease
}

.blog-two__btn:before {
    transform: translateX(-50%) rotate(-6deg)
}

.blog-two__btn:hover span {
    color: var(--vibnt-white)
}

.page-header {
    position: relative;
    display: block;
    padding: 332px 0 186px;
    background-color: #acacac;
    overflow: hidden;
    z-index: 1
}

.page-header .container {
    max-width: 1200px
}

.page-header__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    z-index: -1
}

.page-header__bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 210px;
    background: #082060;
    background: linear-gradient(90deg,#082060,rgba(0,212,255,0))
}

.page-header__inner {
    position: relative;
    display: block
}

.page-header__inner h2 {
    font-size: 65px;
    font-weight: 700;
    line-height: 75px;
    color: var(--vibnt-white);
    text-transform: uppercase;
    margin-bottom: 18px
}

.thm-breadcrumb__box {
    z-index: 1
}

.thm-breadcrumb,.thm-breadcrumb li,.thm-breadcrumb__box {
    position: relative;
    display: inline-block
}

.thm-breadcrumb li {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .1em;
    color: var(--vibnt-white);
    text-transform: uppercase;
    transition: all .5s ease
}

.thm-breadcrumb li:nth-child(2) {
    position: relative;
    margin-left: 3px;
    margin-right: 3px
}

.thm-breadcrumb li a {
    position: relative;
    display: inline-block;
    color: var(--vibnt-white);
    transition: all .5s ease
}

.thm-breadcrumb li:hover a {
    color: var(--vibnt-base)
}

.blog-details {
    position: relative;
    display: block;
    padding: 120px 0 82px;
    z-index: 1
}

.blog-details .container {
    max-width: 1200px
}

.blog-details__img,.blog-details__left {
    position: relative;
    display: block
}

.blog-details__img img {
    width: 100%
}

.blog-details__content {
    position: relative;
    display: block;
    margin-top: 32px
}

.blog-details__meta {
    gap: 18px
}

.blog-details__meta,.blog-details__meta li {
    position: relative;
    display: flex;
    align-items: center
}

.blog-details__meta li {
    gap: 10px
}

.blog-details__meta li .icon,.blog-details__meta li .icon span {
    position: relative;
    display: inline-block
}

.blog-details__meta li .icon span {
    color: var(--vibnt-base);
    font-size: 16px;
    font-weight: 600
}

.blog-details__meta li a {
    color: var(--vibnt-gray)
}

.blog-details__meta li a:hover {
    color: var(--vibnt-base)
}

.blog-details__title-1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-top: 29px;
    margin-bottom: 18px
}

.blog-details__text-2 {
    margin-top: 16px;
    margin-bottom: 37px
}

.blog-details__quote-and-text {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 20px
}

.blog-details__quote,.blog-details__quote span {
    position: relative;
    display: inline-block
}

.blog-details__quote span {
    font-size: 43px;
    color: var(--vibnt-black)
}

.blog-details__points {
    position: relative;
    display: block;
    margin-top: 21px;
    margin-bottom: 26px
}

.blog-details__points li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px
}

.blog-details__points li+li {
    margin-top: 16px
}

.blog-details__points-shape {
    position: relative;
    width: 10px;
    height: 10px;
    background-color: #bfc2c3;
    border-radius: 50%
}

.blog-details__tag-and-share {
    justify-content: space-between;
    margin-top: 45px;
    margin-bottom: 40px
}

.blog-details__tag,.blog-details__tag-and-share {
    position: relative;
    display: flex;
    align-items: center
}

.blog-details__tag {
    gap: 10px
}

.blog-details__tag a {
    position: relative;
    display: inline-block;
    border: 1px solid rgba(var(--vibnt-black-rgb),.12);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: var(--vibnt-gray);
    letter-spacing: .035em;
    padding: 4px 25px 5px
}

.blog-details__tag a:hover {
    color: var(--vibnt-white);
    border: 1px solid var(--vibnt-base);
    background-color: var(--vibnt-base)
}

.blog-details__social {
    gap: 10px
}

.blog-details__social,.blog-details__social a {
    position: relative;
    display: flex;
    align-items: center
}

.blog-details__social a {
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: var(--vibnt-black);
    overflow: hidden;
    border: 1px solid rgba(var(--vibnt-black-rgb),.12);
    border-radius: 50%;
    z-index: 1
}

.blog-details__social a:hover {
    color: var(--vibnt-white)
}

.blog-details__social a:after {
    position: absolute;
    content: "";
    background-color: var(--vibnt-base);
    width: 200%;
    height: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    z-index: -1;
    transition: all .5s ease
}

.blog-details__social a:hover:after {
    height: 200%
}

.blog-details__client-info {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    border: 1px solid rgba(var(--vibnt-black-rgb),.12);
    padding: 25px 34px 32px
}

.blog-details__client-img {
    position: relative;
    display: block;
    max-width: 100px;
    width: 100%;
    top: 8px
}

.blog-details__client-img img {
    width: 100%;
    border-radius: 50%;
    border-top-right-radius: 0
}

.blog-details__client-content {
    position: relative;
    display: block
}

.blog-details__client-name {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px
}

.blog-details__client-text {
    margin-top: 10px;
    margin-bottom: 19px
}

.blog-details__client-social {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px
}

.blog-details__client-social a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--vibnt-black)
}

.blog-details__client-social a:hover {
    color: var(--vibnt-base)
}

.comment-one {
    position: relative;
    display: block;
    margin-top: 44px
}

.comment-one__title {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -.05em;
    margin-bottom: 36px
}

.comment-one__single {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px
}

.comment-one__single+.comment-one__single {
    margin-top: 26px
}

.comment-one__image {
    position: relative;
    display: block;
    max-width: 100px;
    width: 100%
}

.comment-one__image img {
    width: 100%;
    border-radius: 50%;
    border-top-right-radius: 0
}

.comment-one__content {
    position: relative;
    display: block;
    border-bottom: 1px solid rgba(var(--vibnt-black-rgb),.12);
    padding-bottom: 29px
}

.comment-one__single-2 .comment-one__content {
    border-bottom: 0
}

.comment-one__content>h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px
}

.comment-one__content>p {
    margin-top: 10px;
    margin-bottom: 10px
}

.comment-one__date-and-btn {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px
}

.comment-one__date {
    font-weight: 500;
    color: var(--vibnt-black)
}

.comment-one__btn {
    font-weight: 500;
    color: var(--vibnt-base)
}

.comment-one__btn:hover {
    color: var(--vibnt-black)
}

@media (max-width: 991px) {
    .sidebar {
        margin-top:50px
    }
}

.sidebar__single+.sidebar__single {
    margin-top: 52px
}

.sidebar,.sidebar__search {
    position: relative;
    display: block
}

.sidebar__search {
    padding: 44px 30px;
    border: 1px solid rgba(var(--vibnt-black-rgb),.12)
}

.sidebar__search-form {
    position: relative;
    display: block
}

.sidebar__search-form input[type=search] {
    display: block;
    outline: none;
    background-color: var(--vibnt-extra);
    font-size: 14px;
    font-weight: 400;
    height: 60px;
    width: 100%;
    padding-left: 20px;
    padding-right: 60px;
    border: none;
    color: var(--vibnt-black);
    border-radius: 3px
}

.sidebar__search-form button[type=submit] {
    color: var(--vibnt-white);
    font-size: 16px;
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    max-width: 50px;
    width: 100%;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 2px;
    background-color: var(--vibnt-base);
    transition: all .5s ease
}

.sidebar__search-form button[type=submit]:hover {
    background-color: var(--vibnt-primary)
}

.sidebar__title {
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    padding-left: 40px;
    margin-bottom: 31px
}

.sidebar__title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 9px;
    width: 30px;
    height: 2px;
    background-color: var(--vibnt-base)
}

.blog-details__catagories-list,.blog-details__catagories-list li,.sidebar__category {
    position: relative;
    display: block
}

.blog-details__catagories-list li+li {
    margin-top: 15px
}

.blog-details__catagories-list li>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(var(--vibnt-black-rgb),.12);
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: var(--vibnt-black);
    padding: 14px 20px 16px
}

.blog-details__catagories-list li.active a,.blog-details__catagories-list li:hover a {
    color: var(--vibnt-white)
}

.blog-details__catagories-list li>a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--vibnt-base);
    transition: transform .5s ease;
    transform-origin: bottom right;
    transform: scaleY(0);
    z-index: -1
}

.blog-details__catagories-list li.active a:before,.blog-details__catagories-list li:hover a:before {
    transform: scale(1);
    transform-origin: top center
}

.blog-details__catagories-list li>a>span {
    color: var(--vibnt-white);
    transform: scale(0);
    opacity: 0;
    transition: all .5s ease
}

.blog-details__catagories-list li.active a>span,.blog-details__catagories-list li:hover a>span {
    transform: scale(1);
    transition-delay: .5s;
    opacity: 1
}

.sidebar__post,.sidebar__post-list {
    position: relative;
    display: block
}

.sidebar__post-list {
    border: 1px solid rgba(var(--vibnt-black-rgb),.12);
    padding: 29px
}

.sidebar__post-list li {
    position: relative;
    display: flex;
    align-items: center
}

.sidebar__post-list li+li {
    margin-top: 25px
}

.sidebar__post-image {
    position: relative;
    display: block;
    max-width: 70px;
    width: 100%
}

.sidebar__post-image img {
    width: 100%
}

.sidebar__post-content {
    position: relative;
    display: block;
    margin-left: 20px
}

.sidebar__post-content h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.sidebar__post-content h3>a {
    color: var(--vibnt-black)
}

.sidebar__post-content h3>a:hover {
    color: var(--vibnt-base)
}

.sidebar__post-content-date {
    font-size: 14px
}

.sidebar__tags,.sidebar__tags-list {
    position: relative;
    display: block
}

.sidebar__tags-list {
    border: 1px solid rgba(var(--vibnt-black-rgb),.12);
    padding: 24px 24px 34px
}

.sidebar__tags-list a {
    font-size: 16px;
    color: var(--vibnt-black);
    transition: all .4s ease;
    display: inline-block;
    padding: 10px 25px 12px;
    margin-left: 6px;
    font-weight: 400;
    background-color: var(--vibnt-extra);
    border-radius: 3px
}

.sidebar__tags-list a+a {
    margin-left: 6px;
    margin-top: 10px
}

.sidebar__tags-list a:hover {
    color: var(--vibnt-white);
    background-color: var(--vibnt-base)
}

.project-details {
    position: relative;
    display: block;
    padding: 120px 0 111px;
    z-index: 1
}

.project-details .container {
    max-width: 1200px
}

.project-details__img,.project-details__left {
    position: relative;
    display: block
}

.project-details__img img {
    width: 100%
}

.project-details__title-1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-top: 31px;
    margin-bottom: 22px
}

.project-details__text-2 {
    margin-top: 22px;
    margin-bottom: 44px
}

.project-details__video-and-content {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 39px
}

.project-details__video-box {
    position: relative;
    display: block;
    max-width: 270px;
    width: 100%
}

.project-details__video-img {
    position: relative;
    display: block;
    background-color: var(--vibnt-black)
}

.project-details__video-img img {
    width: 100%;
    opacity: .1
}

.project-details__video-link {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.project-details__video-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
    color: var(--vibnt-white);
    background-color: transparent;
    border: 1px solid rgba(var(--vibnt-white-rgb),.3);
    border-radius: 50%;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.project-details__video-icon:hover {
    background-color: var(--vibnt-white);
    color: var(--vibnt-base)
}

.project-details__video-icon:before {
    top: -18px;
    left: -18px;
    right: -18px;
    bottom: -18px
}

.project-details__video-icon:after,.project-details__video-icon:before {
    content: "";
    position: absolute;
    border: 1px solid rgba(var(--vibnt-white-rgb),.3);
    border-radius: 50%
}

.project-details__video-icon:after {
    top: -46px;
    left: -46px;
    right: -46px;
    bottom: -46px
}

.project-details__video-icon .ripple:after,.project-details__video-icon .ripple:before,.project-details__video-link .ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 135px;
    height: 135px;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    -ms-box-shadow: 0 0 0 0 rgba(var(--vibnt-white-rgb),.6);
    -o-box-shadow: 0 0 0 0 rgba(var(--vibnt-white-rgb),.6);
    box-shadow: 0 0 0 0 rgba(var(--vibnt-white-rgb),.6);
    animation: ripple 3s infinite
}

.project-details__video-icon .ripple:before {
    animation-delay: .9s;
    content: "";
    position: absolute
}

.project-details__video-icon .ripple:after {
    animation-delay: .6s;
    content: "";
    position: absolute
}

.project-details__video-content {
    position: relative;
    display: block;
    margin-left: 30px
}

.project-details__video-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px
}

.project-details__video-text {
    margin-top: 18px;
    margin-bottom: 27px
}

.project-details__video-points {
    position: relative;
    display: block
}

.project-details__video-points li {
    position: relative;
    display: flex;
    align-items: center
}

.project-details__video-points li+li {
    margin-top: 20px
}

.project-details__video-points li .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 50%
}

.project-details__video-points li .icon span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--vibnt-gray)
}

.project-details__video-points li p {
    margin-left: 18px
}

.project-details__right {
    position: relative;
    display: block
}

.project-details__project-information {
    position: relative;
    display: block;
    background-color: var(--vibnt-extra);
    padding: 40px 35px 45px
}

.project-details__project-information-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 31px
}

.project-details__project-information-list {
    position: relative;
    display: block
}

.project-details__project-information-list li+li {
    margin-top: 15px
}

.project-details__project-information-list li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--vibnt-white);
    padding: 20px 20px 17px;
    z-index: 1
}

.project-details__project-information-list li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--vibnt-base);
    transition: transform .5s ease;
    transform-origin: bottom right;
    transform: scaleY(0);
    z-index: -1
}

.project-details__project-information-list li:hover:before {
    transform: scale(1);
    transform-origin: top center
}

.project-details__project-information-list li>p {
    position: relative;
    display: flex;
    max-width: 103px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    transition: all .5s ease
}

.project-details__project-information-list li:hover p {
    color: var(--vibnt-white)
}

.project-details__project-information-list li>h4 {
    font-size: 16px;
    font-weight: 500;
    color: var(--vibnt-gray);
    transition: all .5s ease
}

.project-details__project-information-list li:hover h4 {
    color: var(--vibnt-white)
}

.project-details__right-img {
    position: relative;
    display: block;
    margin-top: 30px
}

.project-details__right-img img {
    width: 100%
}

.project-details-page {
    padding: 0 0 120px
}

.project-details-page,.team-details {
    position: relative;
    display: block;
    z-index: 1
}

.team-details {
    padding: 120px 0 113px
}

.team-details .container {
    max-width: 1200px
}

.team-details__top,.team-details__top-left {
    position: relative;
    display: block
}

.team-details__top-left {
    margin-right: 20px
}

.team-details__top-img {
    position: relative;
    display: block
}

.team-details__top-img img {
    width: 100%;
    border-bottom-left-radius: 150px;
    border-top-right-radius: 150px
}

.team-details__client-content {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--vibnt-white);
    max-width: 270px;
    width: 100%;
    padding: 15px 50px 17px;
    border-top-right-radius: 65px;
    z-index: 2
}

.team-details__client-content>P {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .08em
}

.team-details__client-content>h4 {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px
}

.team-details__social-and-share {
    position: absolute;
    bottom: 0;
    right: -50px;
    background-color: var(--vibnt-black);
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    padding: 35px 13px;
    z-index: 2
}

.team-details__social {
    flex-direction: column
}

.team-details__social,.team-details__social a {
    position: relative;
    display: flex;
    align-items: center
}

.team-details__social a {
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    font-size: 18px;
    color: var(--vibnt-white)
}

.team-details__social a:hover {
    color: var(--vibnt-base)
}

.team-details__share,.team-details__share>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.team-details__share>a {
    width: 54px;
    height: 54px;
    background-color: rgba(var(--vibnt-white-rgb),.1);
    border-radius: 50%;
    font-size: 18px;
    color: var(--vibnt-white)
}

.team-details__share>a:hover {
    background-color: var(--vibnt-base);
    color: var(--vibnt-white)
}

.team-details__right {
    position: relative;
    display: block;
    margin-left: 70px
}

.team-details__right .section-title {
    margin-bottom: 20px
}

.team-details__text {
    margin-top: 25px;
    margin-bottom: 29px
}

.team-details__points {
    position: relative;
    display: block
}

.team-details__points li {
    position: relative;
    display: flex;
    align-items: center
}

.team-details__points li+li {
    margin-top: 20px
}

.team-details__points li .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #e1e1e1;
    border-radius: 50%
}

.team-details__points li .icon>span {
    font-size: 18px;
    color: var(--vibnt-base)
}

.team-details__points li>p {
    margin-left: 17px
}

.team-details__call-box {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 43px
}

.team-details__call-list {
    position: relative;
    display: block
}

.team-details__call-list-2 {
    margin-left: 70px
}

.team-details__call-list li {
    position: relative;
    display: block
}

.team-details__call-list li+li {
    margin-top: 16px
}

.team-details__call-list li>p {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: var(--vibnt-base)
}

.team-details__call-list li>p>a {
    color: var(--vibnt-gray)
}

.team-details__call-list li>p>a:hover {
    color: var(--vibnt-base)
}

.team-details__call-list li>p>span {
    color: var(--vibnt-gray)
}

.team-details__bottom {
    padding-top: 120px;
    counter-reset: count
}

.team-details__bottom,.team-details__bottom-left {
    position: relative;
    display: block
}

.team-details__bottom-left .section-title {
    margin-bottom: 30px
}

.team-details__bottom-left-text {
    margin-bottom: 28px
}

.team-details__bottom-left-points-box,.team-details__bottom-left-points-list {
    position: relative;
    display: block
}

.team-details__bottom-left-points-list li {
    position: relative;
    display: flex;
    align-items: center
}

.team-details__bottom-left-points-list li+li {
    margin-top: 31px
}

.team-details__bottom-points-count {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border: 1px solid #e4e4e5;
    border-radius: 50%;
    border-top-right-radius: 0;
    transition: all .5s ease;
    z-index: 1
}

.team-details__bottom-left-points-list li:hover .team-details__bottom-points-count {
    border: 1px solid var(--vibnt-base);
    background-color: var(--vibnt-base);
    color: var(--vibnt-white)
}

.team-details__bottom-points-count:after {
    position: relative;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    border-radius: 50%;
    color: var(--vibnt-base);
    counter-increment: count;
    content: "0"counter(count);
    transition: all .2s linear;
    transition-delay: .1s;
    transition: all .5s ease;
    z-index: -1
}

.team-details__bottom-left-points-list li:hover .team-details__bottom-points-count:after {
    color: var(--vibnt-white)
}

.team-details__bottom-points-content {
    position: relative;
    display: block;
    margin-left: 30px
}

.team-details__bottom-points-content>h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    font-family: var(--vibnt-font)
}

.team-details__bottom-points-content>p {
    margin-top: 8px
}

.team-details__bottom-img {
    position: relative;
    display: block;
    margin-left: -30px
}

.team-details__bottom-img img {
    width: 100%;
    -webkit-clip-path: polygon(100% 0,100% 50%,100% 100%,0 100%,8% 50%,0 0);
    clip-path: polygon(100% 0,100% 50%,100% 100%,0 100%,8% 50%,0 0)
}

.services-details {
    position: relative;
    display: block;
    padding: 120px 0;
    z-index: 1
}

.services-details .container {
    max-width: 1200px
}

.services-details__img,.services-details__left {
    position: relative;
    display: block
}

.services-details__img img {
    width: 100%
}

.services-details__title-1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-top: 31px;
    margin-bottom: 17px
}

.services-details__text-2 {
    margin-top: 31px;
    margin-bottom: 50px
}

.services-details__icon {
    position: absolute;
    right: 30px;
    bottom: -33px;
    width: 110px;
    height: 110px;
    background-color: var(--vibnt-base);
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.services-details__icon span {
    position: relative;
    display: inline-block;
    font-size: 60px;
    color: var(--vibnt-white);
    transition: all .5s linear;
    transition-delay: .1s;
    transform: scale(1)
}

.services-details__icon:hover span {
    transform: scale(.9)
}

.services-details__img-2,.services-details__img-and-content {
    position: relative;
    display: block
}

.services-details__img-2 img {
    width: 100%
}

.services-details__img-content {
    position: relative;
    display: block;
    margin-top: 12px
}

.services-details__img-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -.04em
}

.services-details__img-text {
    margin-top: 12px;
    margin-bottom: 13px
}

.services-details__img-points {
    border-top: 1px solid rgba(var(--vibnt-black-rgb),.1);
    padding-top: 14px
}

.services-details__img-points,.services-details__img-points li {
    position: relative;
    display: block
}

.services-details__img-points li+li {
    margin-top: 6px
}

.services-details__img-points li>p {
    font-weight: 500;
    color: var(--vibnt-black)
}

.services-details__faq {
    position: relative;
    display: block;
    margin-top: 60px
}

.services-details__faq .faq-one-accrodion .accrodion {
    position: relative;
    display: block;
    border: 1px solid rgba(var(--vibnt-black-rgb),.15);
    border-radius: 5px;
    transition: all .5s ease
}

.services-details__faq .faq-one-accrodion .accrodion-title {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 20px 30px;
    transition: all .2s linear;
    transition-delay: .1s
}

.services-details__faq .faq-one-accrodion .accrodion-title h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: var(--vibnt-black);
    position: relative;
    transition: all .5s ease
}

.services-details__faq .faq-one-accrodion .accrodion.active .accrodion-title h4 {
    color: var(--vibnt-black)
}

.services-details__faq .faq-one-accrodion .accrodion+.accrodion {
    margin-top: 20px
}

.services-details__faq .faq-one-accrodion .accrodion-title h4:before {
    content: "\e90d";
    font-family: icomoon!important;
    font-weight: 700;
    font-size: 20px;
    color: var(--vibnt-gray);
    position: absolute;
    top: 50%;
    right: 0;
    line-height: 15px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-50%);
    transition: all .5s ease;
    text-align: center;
    width: 21px;
    height: 21px
}

.services-details__faq .faq-one-accrodion .accrodion.active .accrodion-title h4:before {
    content: "\e90d";
    color: var(--vibnt-base);
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(90deg)
}

.services-details__faq .faq-one-accrodion .accrodion-content {
    position: relative;
    padding-bottom: 18px;
    padding-left: 30px;
    padding-right: 70px;
    margin-top: -10px;
    display: none
}

.services-details__faq .faq-one-accrodion .accrodion.active .accrodion-content {
    display: block
}

.services-details__faq .faq-one-accrodion .accrodion-content p {
    margin: 0
}

.services-details__right {
    position: relative;
    display: block
}

.services-details__any-question {
    position: relative;
    display: block;
    background-color: var(--vibnt-black);
    text-align: center;
    padding: 69px 30px 72px;
    margin: 15px 0;
    z-index: 1
}

.services-details__any-question-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .15;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    z-index: -1
}

.services-details__any-question-title {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    color: var(--vibnt-white)
}

.services-details__any-question-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 85px;
    height: 85px;
    background-color: var(--vibnt-base);
    border-radius: 50%;
    border-top-right-radius: 0;
    margin: 29px auto 27px;
    transition: all .5s ease
}

.services-details__any-question-icon:hover {
    background-color: var(--vibnt-white)
}

.services-details__any-question-icon:before {
    left: -70px
}

.services-details__any-question-icon:after,.services-details__any-question-icon:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 55px;
    height: 2px;
    background-color: rgba(var(--vibnt-white-rgb),.15);
    transform: translateY(-50%)
}

.services-details__any-question-icon:after {
    right: -70px
}

.services-details__any-question-icon>span {
    position: relative;
    display: inline-block;
    font-size: 35px;
    color: var(--vibnt-white);
    transition: all .5s ease
}

.services-details__any-question-icon:hover span {
    color: var(--vibnt-base)
}

.services-details__any-question-sub-title {
    font-weight: 500;
    color: var(--vibnt-white)
}

.services-details__any-question-number {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px
}

.services-details__any-question-number a {
    color: var(--vibnt-white)
}

.services-details__any-question-number a:hover {
    color: var(--vibnt-base)
}

.services-details__file-box,.services-details__file-list,.services-details__file-list li {
    position: relative;
    display: block
}

.services-details__file-list li+li {
    margin-top: 15px
}

.services-details__file-list li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    color: var(--vibnt-black);
    font-weight: 700;
    padding: 13px 30px;
    z-index: 1;
    border: 1px solid rgba(var(--vibnt-black-rgb),.12)
}

.services-details__file-list li a span {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 20px
}

.services-details__file-list li a:hover {
    color: var(--vibnt-white);
    background-color: var(--vibnt-base);
    border: 1px solid var(--vibnt-base)
}

.feature-three {
    position: relative;
    display: block;
    padding: 0 0 120px;
    margin-top: -285px;
    z-index: 3
}

.feature-three:before {
    content: "";
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    bottom: 79px;
    background-color: var(--vibnt-white);
    -webkit-clip-path: polygon(0 0,85% 0,100% 95%,100% 100%,0 100%,0 50%);
    clip-path: polygon(0 0,85% 0,100% 95%,100% 100%,0 100%,0 50%);
    z-index: -1
}

.feature-three .container {
    max-width: 1200px
}

.feature-three__inner {
    position: relative;
    display: block;
    padding: 0 0 20px;
    z-index: 1
}

.feature-three__inner:before {
    content: "";
    position: absolute;
    top: 43px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(33,34,38,.06);
    border-top: 5px solid var(--vibnt-base);
    z-index: -1
}

.feature-three__list {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.feature-three__list li {
    position: relative;
    flex: 0 0 20%;
    max-width: 20%;
    width: 100%
}

.feature-three__single {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 22px
}

.feature-three__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 110px;
    width: 110px;
    background-color: #fff;
    box-shadow: 0 4px 30px 0 rgba(0,0,0,.05);
    border-radius: 50%;
    border-top-right-radius: 0;
    margin: 0 auto;
    z-index: 1
}

.feature-three__icon span {
    position: relative;
    display: inline-block;
    font-size: 56px;
    color: var(--vibnt-base);
    transition: all .5s linear;
    transition-delay: .1s;
    transform: scale(1)
}

.feature-three__single:hover .feature-three__icon span {
    transform: scale(.9)
}

.feature-three__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-top: 28px
}

.feature-three__title a {
    color: var(--vibnt-black)
}

.feature-three__title a:hover {
    color: var(--vibnt-base)
}

.about-three {
    position: relative;
    display: block;
    counter-reset: count;
    z-index: 1
}

.about-three__left {
    position: relative;
    display: block;
    margin-left: 335px;
    margin-right: -55px
}

.about-three__experience {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 115px;
    margin-bottom: 50px
}

.about-three__experience-count {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100px;
    background-color: #082060;
    border-top-left-radius: 50px;
    left: 0;
    top: 0
}

.about-three__experience-count h3 {
    font-size: 45px;
    font-weight: 700;
    color: var(--vibnt-white);
    line-height: 45px
}

.about-three__experience-text {
    position: relative;
    display: block;
    border: 1px solid rgba(var(--vibnt-black-rgb),.15);
    padding: 17px 65px 17px 30px
}

.about-three__experience-text p {
    font-size: 24px;
    font-weight: 500;
    color: var(--vibnt-black);
    line-height: 32px
}

.about-three__img-one {
    position: relative;
    display: block;
    z-index: 1
}

.about-three__img-one,.about-three__img-one img {
    border-top-left-radius: 150px;
    border-bottom-right-radius: 150px
}

.about-three__img-one img {
    width: 100%
}

.about-three__img-two {
    position: absolute;
    top: 0;
    left: -335px
}

.about-three__img-two img {
    width: auto;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px
}

.about-three__shape-1 {
    position: absolute;
    top: 70px;
    left: -215px;
    opacity: .1;
    z-index: -1
}

.about-three__shape-1 img {
    width: auto
}

.about-three__right {
    position: relative;
    display: block;
    margin-left: 125px
}

.about-three__right .section-title {
    margin-bottom: 21px
}

.about-three__points {
    position: relative;
    display: block;
    margin-top: 29px;
    margin-bottom: 43px
}

.about-three__points li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px
}

.about-three__points li+li {
    margin-top: 45px
}

.about-three__points-count-box {
    position: relative;
    display: flex;
    width: 94px;
    height: 80px;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.about-three__points-count-shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    opacity: 1;
    transition: all .5s ease;
    z-index: -1
}

.about-three__points li:hover .about-three__points-count-shape-1 {
    opacity: 0
}

.about-three__points-count-shape-2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    opacity: 0;
    transition: all .5s ease;
    z-index: -1
}

.about-three__points li:hover .about-three__points-count-shape-2 {
    opacity: 1
}

.about-three__points-count {
    position: relative;
    display: block;
    z-index: 1
}

.about-three__points-count:before {
    position: relative;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    color: var(--vibnt-base);
    counter-increment: count;
    content: "0"counter(count);
    transition: all .2s linear;
    transition-delay: .1s
}

.about-three__points-content {
    position: relative;
    display: block
}

.about-three__points-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 9px;
    transition: all .5s ease
}

.about-three__points li:hover .about-three__points-count:before {
    color: var(--vibnt-white)
}

.about-three__btn-box {
    position: relative;
    display: block
}

.about-three__btn {
    background-color: var(--vibnt-base)
}

.about-three__btn:before {
    background-color: var(--vibnt-primary)
}

.counter-three {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1
}

.counter-three .row {
    --bs-gutter-x: 40px
}

.counter-three__single {
    flex-wrap: wrap;
    margin-bottom: 30px
}

.counter-three__icon,.counter-three__single {
    position: relative;
    display: flex;
    align-items: center
}

.counter-three__icon {
    justify-content: center;
    height: 100px;
    width: 100px;
    background-color: var(--vibnt-primary);
    transition: all .5s ease
}

.counter-three__single:hover .counter-three__icon {
    background-color: var(--vibnt-base)
}

.counter-three__icon:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -18px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 18px solid var(--vibnt-primary);
    transform: translateY(-50%);
    transition: all .5s ease
}

.counter-three__single:hover .counter-three__icon:before {
    border-left: 18px solid var(--vibnt-base)
}

.counter-three__icon span {
    position: relative;
    display: inline-block;
    font-size: 60px;
    color: var(--vibnt-white);
    transition: all .5s linear;
    transition-delay: .1s;
    transform: scale(1)
}

.counter-three__single:hover .counter-three__icon span {
    color: var(--vibnt-white);
    transform: scale(.9)
}

.counter-three__content {
    position: relative;
    display: block;
    padding: 18.5px 40px 15.5px 50px;
    margin-left: 18px;
    background-color: #dededf;
    z-index: 1
}

.counter-three__content,.counter-three__content:before {
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%,10% 50%);
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%,10% 50%)
}

.counter-three__content:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: var(--vibnt-white);
    z-index: -1
}

.counter-three__count {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.counter-three__count h3,.counter-three__count-letter {
    font-size: 45px;
    font-weight: 700;
    line-height: 45px
}

.counter-three__count-letter {
    color: var(--vibnt-black)
}

.counter-three__count-plus {
    position: relative;
    display: block;
    font-size: 27px;
    color: var(--vibnt-black);
    font-weight: 700;
    top: -9px
}

.counter-three__text {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .075em
}

.services-three {
    position: relative;
    display: block;
    background-color: var(--vibnt-primary);
    overflow: hidden;
    padding: 120px 0 90px;
    z-index: 1
}

.services-three__bg-one {
    left: 0;
    width: 56.3%
}

.services-three__bg-one,.services-three__bg-two {
    position: absolute;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    z-index: -1
}

.services-three__bg-two {
    left: 210px;
    right: 0;
    border-top-left-radius: 415px
}

.services-three__bg-two:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-top-left-radius: 415px;
    background-color: rgba(var(--vibnt-primary-rgb),.96)
}

.services-three__shape-1 {
    position: absolute;
    top: -350px;
    right: 0;
    z-index: -1
}

.services-three__shape-1 img {
    width: auto
}

.services-three__shape-2 {
    position: absolute;
    bottom: -250px;
    right: 0;
    z-index: -1
}

.services-three__shape-2 img {
    width: auto
}

.services-three .container {
    max-width: 1200px
}

.services-three .section-title__tagline {
    color: var(--vibnt-extra)
}

.services-three .section-title__title {
    color: var(--vibnt-white)
}

.services-three__single {
    position: relative;
    display: block;
    margin-bottom: 30px
}

.services-three__content {
    position: relative;
    display: block;
    background-color: var(--vibnt-white);
    padding: 30px 30px 51px;
    border-top-right-radius: 135px;
    z-index: 1
}

.services-three__content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--vibnt-base);
    border-top-right-radius: 135px;
    transform: scaleX(.7) rotateX(20deg);
    transition: all .4s linear;
    opacity: 0;
    z-index: -1
}

.services-three__single:hover .services-three__content:before {
    transform: scaleX(1) rotateX(0deg);
    transition: all .4s linear;
    opacity: 1
}

.services-three__icon-hover {
    position: absolute;
    top: 60px;
    right: 0;
    opacity: .02;
    transition: all .5s ease;
    z-index: -1
}

.services-three__single:hover .services-three__icon-hover {
    opacity: .04
}

.services-three__icon-hover span {
    position: relative;
    display: inline-block;
    font-size: 142px;
    color: var(--vibnt-black);
    transition: all .5s ease
}

.services-three__single:hover .services-three__icon-hover span {
    color: var(--vibnt-white)
}

.services-three__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 105px;
    width: 100px;
    background-color: var(--vibnt-base);
    border-radius: 50%;
    border-top-left-radius: 0;
    transition: all .5s ease;
    z-index: 1
}

.services-three__single:hover .services-three__icon {
    background-color: rgba(var(--vibnt-white-rgb),.1)
}

.services-three__icon span {
    position: relative;
    display: inline-block;
    font-size: 60px;
    color: var(--vibnt-white);
    transition: all .5s linear;
    transition-delay: .1s;
    transform: scale(1)
}

.services-three__single:hover .services-three__icon span {
    transform: scale(.9)
}

.services-three__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    margin-top: 27px;
    margin-bottom: 18px
}

.services-three__title a {
    color: var(--vibnt-black);
    transition: all .5s ease
}

.services-three__single:hover .services-three__title a {
    color: var(--vibnt-white)
}

.services-three__text {
    transition: all .5s ease
}

.services-three__single:hover .services-three__text {
    color: #d0caca
}

.services-three__arrow {
    position: relative;
    display: block
}

.services-three__arrow a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;
    background-color: var(--vibnt-white);
    border-radius: 50%;
    border: 1px solid rgba(var(--vibnt-black-rgb),.15);
    font-size: 20px;
    color: var(--vibnt-base);
    margin: -30px auto 0;
    transition: all .5s ease;
    z-index: 1
}

.services-three__single:hover .services-three__arrow a {
    border: 1px solid rgba(var(--vibnt-white-rgb),1)
}

.services-three__arrow a:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 5px solid var(--vibnt-base);
    border-radius: 50%;
    opacity: 0;
    transition: all .5s ease;
    z-index: -1
}

.services-three__single:hover .services-three__arrow a:before {
    opacity: 1
}

.contact-two {
    position: relative;
    display: block;
    padding: 120px 0;
    z-index: 1
}

.contact-two:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -3px;
    left: 0;
    background-color: #f1d2a9;
    /* border-top-right-radius: 341px 341px; */
    z-index: -1;
    border-radius: 340px 340px 0px 0px;
    /* background-image: url('../imz/bg-pattern.png'); */


}

.contact-two__bg {
    position: absolute;
    top: 120px;
    bottom: 0;
    right: -10px;
    width: calc((100% - 103px) / 2);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    border-top-left-radius: 450px
}

.contact-two__shape-1 {
    position: absolute;
    bottom: 73px;
    left: 0;
    z-index: -1
}

.contact-two__shape-1 img {
    width: auto
}

.contact-two__shape-2 {
    position: absolute;
    bottom: 45px;
    right: 276px;
    z-index: -1
}

.contact-two__shape-2 img {
    width: auto
}

.contact-two__left {
    position: relative;
    display: block;
    margin-right: 10px
}

.contact-two__left .section-title {
    margin-bottom: 22px
}

.contact-two__text {
        margin-bottom: 31px;
    text-align: center;
    color: #001a2e;

}

.contact-two__form {
    position: relative;
    display: block
}

.contact-two__form .row {
    --bs-gutter-x: 20px
}

.contact-two__input-box {
    position: relative;
    display: block;
    margin-bottom: 20px
}

.contact-two__input-box input[type=email],.contact-two__input-box input[type=text] {
     height: 56px;
    width: 100%;
    border: none;
    padding-left: 20px;
    padding-right: 20px;
    outline: none;
    font-size: 16px;
    color: rgba(var(--vibnt-black-rgb), .8);
    display: block;
    font-weight: 400;
    border-radius: 2px;
    background-color: #efeff100;
    border: 1px solid #0000008f;
}

.contact-two__input-box .select-box {
    width: 100%
}

.contact-two__input-box select {
    height: 56px;
    width: 100%;
    border: none;
    padding-left: 20px;
    padding-right: 20px;
    outline: none;
    font-size: 16px;
    color: rgba(var(--vibnt-black-rgb),.8);
    display: block;
    font-weight: 400;
    border-radius: 2px;
    line-height: 56px;
    float: none;
    background-color: #efeff1
}

.contact-two__input-box select:after {
    position: absolute;
    top: 25px;
    right: 20px;
    margin-top: 0;
    z-index: 10;
    border-bottom: 2px solid rgba(var(--vibnt-black-rgb),.8);
    border-right: 2px solid rgba(var(--vibnt-black-rgb),.8);
    height: 8px;
    width: 8px
}

.contact-two__input-box select .option {
    color: var(--vibnt-white)
}

.contact-two__input-box textarea {
        position: relative;
    height: 150px;
    width: 100%;
    border: none;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    outline: none;
    font-size: 14px;
    color: rgb(33 34 38);
    display: block;
    font-weight: 400;
    border-radius: 2px;
    margin-bottom: 0;
    background-color: #efeff100;
    border: 1px solid #00000078;
}

.contact-two__input-box.text-message-box {
    margin-bottom: 30px
}

.contact-two__btn-box {
    position: relative;
    display: block
}

.contact-two__btn {
    border: none
}

.contact-two__right {
    position: relative;
    display: block;
    margin-top: 250px;
    left: 46px
}

.contact-two__call {
    position: relative;
    display: block;
    max-width: 280px;
    width: 100%;
    background-color: var(--vibnt-extra);
    padding: 50px 50px 40px;
    -webkit-clip-path: polygon(0 0,100% 0,92% 50%,100% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,92% 50%,100% 100%,0 100%)
}

.contact-two__call-box {
    height: 138px;
    width: 138px
}

.contact-two__call-box,.contact-two__call-box-two {
    position: relative;
    border: 1px solid rgba(var(--vibnt-black-rgb),.12);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.contact-two__call-box-two {
    height: 84px;
    width: 84px
}

.contact-two__call-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 45px;
    border: 1px solid rgba(var(--vibnt-black-rgb),.12);
    border-radius: 50%;
    color: var(--vibnt-base);
    font-size: 20px;
    transition: all .5s ease
}

.contact-two__call-icon:hover {
    border: 1px solid var(--vibnt-base);
    background-color: var(--vibnt-base);
    color: var(--vibnt-white)
}

.contact-two__call-number-box {
    position: absolute;
    top: 60px;
    left: calc(50% - 113px);
    max-width: 180px;
    width: 100%;
    background-color: var(--vibnt-primary);
    text-align: center;
    padding: 5.5px 0;
    border-radius: 5px;
    transition: all .5s ease;
    z-index: 2
}

.contact-two__call-number-box:hover {
    background-color: var(--vibnt-base)
}

.contact-two__call-number-box:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 6px solid var(--vibnt-primary);
    transform: translateX(-50%);
    transition: all .5s ease
}

.contact-two__call-number-box:hover:before {
    border-top: 6px solid var(--vibnt-base)
}

.contact-two__call-number-box a {
    font-size: 17px;
    font-weight: 500;
    color: var(--vibnt-white)
}

.contact-two__bottom-content {
    position: relative;
    display: block;
    margin-top: 11px
}

.contact-two__arrow {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 35px;
    color: var(--vibnt-gray);
    margin-left: 55px
}

.contact-two__arrow:hover {
    color: var(--vibnt-base)
}

.contact-two__call-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--vibnt-black);
    margin-top: 3px
}

.project-three {
    padding: 120px 0 90px;
    z-index: 1
}

.project-three,.project-three__top {
    position: relative;
    display: block
}

.project-three__top-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 48px
}

.project-three__top-left {
    position: relative;
    display: block
}

.project-three__top-left .section-title {
    margin-bottom: 0
}

.project-three__bottom,.project-three__btn-box {
    position: relative;
    display: block
}

.project-three__bottom .container {
    max-width: 1530px
}

.project-three__bottom .row {
    --bs-gutter-x: 0px
}

.project-three__single {
    position: relative;
    display: block;
    margin-bottom: 30px
}

.project-three__img-box {
    position: relative;
    display: block;
    padding: 0 28px 25px;
    z-index: 1
}

.project-three__img-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -ms-linear-gradient(90deg,#082060 0,rgba(8,32,96,.99) 1%,rgba(8,32,96,0) 100%);
    opacity: .071;
    z-index: -1
}

.project-three__single--two .project-three__img-box:before {
    background-image: -ms-linear-gradient(90deg,#d82221 0,rgba(216,34,33,.99) 1%,hsla(0,0%,100%,0) 100%);
    opacity: 1
}

.project-three__single--three .project-three__img-box:before {
    background-image: -ms-linear-gradient(90deg,#082060 0,rgba(8,32,96,.99) 1%,hsla(0,0%,100%,0) 100%);
    opacity: 1
}

.project-three__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1
}

.project-three__img:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    background-color: rgba(var(--vibnt-primary-rgb),.3);
    background-position: bottom;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: scaleY(0);
    z-index: 1
}

.project-three__single:hover .project-three__img:before {
    transform: scaleY(1)
}

.project-three__single:hover .project-three__img img {
    transform: scale(1.036);
    transition-duration: .9s
}

.project-three__img img {
    width: 100%;
    transform: scale(1.01);
    transition: transform .5s cubic-bezier(.27,.48,.45,.94);
    transform-origin: 70% 80%
}

.project-three__content-box {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    transform: scaleX(.7) rotateX(20deg);
    opacity: 0;
    transition: all .4s linear;
    z-index: 2
}

.project-three__single:hover .project-three__content-box {
    transform: scaleX(1) rotateX(0deg);
    transition: all .4s linear;
    opacity: 1
}

.project-three__arrow {
    position: relative;
    display: block
}

.project-three__arrow a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    width: 60px;
    background-color: var(--vibnt-white);
    border-top-left-radius: 27.5px;
    border-top-right-radius: 27.5px;
    margin: 0 auto;
    border-left: 4px solid var(--vibnt-base);
    font-size: 17px;
    color: var(--vibnt-black);
    z-index: 1
}

.project-three__arrow a:hover {
    border-left: 4px solid var(--vibnt-white);
    background-color: var(--vibnt-base);
    color: var(--vibnt-white)
}

.project-three__arrow a span {
    position: relative;
    display: inline-block;
    padding-top: 8px
}

.project-three__content {
    position: relative;
    display: block;
    background-color: var(--vibnt-white);
    text-align: center;
    padding: 25px 0 23px
}

.project-three__sub-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--vibnt-base);
    text-transform: uppercase;
    letter-spacing: .075em;
    line-height: 16px;
    margin-bottom: 12px
}

.project-three__title {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -.04em;
    line-height: 24px
}

.project-three__title a {
    color: var(--vibnt-black)
}

.project-three__title a:hover {
    color: var(--vibnt-base)
}

.testimonial-three {
    position: relative;
    display: block;
    background-color: var(--vibnt-primary);
    padding: 38px 0 0;
    overflow: hidden;
    z-index: 1
}

.testimonial-three__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    opacity: .03;
    z-index: -1
}

.testimonial-three__shape-1 {
    position: absolute;
    top: -177px;
    right: 0;
    z-index: -1
}

.testimonial-three__shape-1 img {
    width: auto
}

.testimonial-three .container {
    max-width: 1200px
}

.testimonial-three__left {
    position: relative;
    display: block;
    padding-top: 82px;
    margin-right: 50px
}

.testimonial-three__left .section-title {
    margin-bottom: 38px
}

.testimonial-three__left .section-title__tagline,.testimonial-three__left .section-title__title {
    color: var(--vibnt-white)
}

.testimonial-three__single,.testimonial-three__swiper-box {
    position: relative;
    display: block
}

.testimonial-three__single {
    padding-bottom: 10px
}

.testimonial-three__quote {
    position: relative;
    display: flex;
    align-items: center
}

.testimonial-three__quote span {
    position: relative;
    display: inline-block;
    font-size: 53px;
    color: var(--vibnt-base)
}

.testimonial-three__text {
    color: #d0caca;
    margin-top: 24px;
    margin-bottom: 39px;
    font-style: italic
}

.testimonial-three__client-info {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 35px
}

.testimonial-three__client-img {
    position: relative;
    display: block;
    width: 65px;
    z-index: 1
}

.testimonial-three__client-img:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 14px;
    right: -4px;
    bottom: -4px;
    background-color: var(--vibnt-base);
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    z-index: -1
}

.testimonial-three__client-img img {
    width: 100%;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px
}

.testimonial-three__client-content {
    position: relative;
    display: block
}

.testimonial-three__client-sub-title {
    font-size: 16px;
    color: #d0caca;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .1em
}

.testimonial-three__client-name {
    font-size: 24px;
    font-weight: 500;
    line-height: 24px
}

.testimonial-three__client-name a {
    color: var(--vibnt-white)
}

.testimonial-three__client-name a:hover {
    color: var(--vibnt-base)
}

.testimonial-three__dot-style {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    bottom: 30px;
    right: 0;
    z-index: 2
}

.testimonial-three__dot-style .swiper-dot-style1 {
    position: relative;
    display: inline-flex;
    line-height: 0;
    height: 0
}

.testimonial-three__dot-style .swiper-dot-style1 .swiper-pagination-bullet {
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    margin: 0 15px;
    background: transparent;
    border: 2px solid var(--vibnt-white);
    border-radius: 50%;
    opacity: 1;
    transition: all .2s linear;
    transition-delay: .1s
}

.testimonial-three__dot-style .swiper-dot-style1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1
}

.testimonial-three__dot-style .swiper-dot-style1 .swiper-pagination-bullet:before {
    position: absolute;
    top: -10px;
    left: -10px;
    bottom: -10px;
    right: -10px;
    border: 2px solid var(--vibnt-white);
    border-radius: 50%;
    transform: scale(0);
    transition: all .2s linear;
    transition-delay: .1s;
    content: ""
}

.testimonial-three__dot-style .swiper-dot-style1 .swiper-pagination-bullet.swiper-pagination-bullet-active:before,.testimonial-three__dot-style .swiper-dot-style1 .swiper-pagination-bullet:hover {
    transform: scale(1)
}

.testimonial-three__right {
    margin-left: 108px
}

.testimonial-three__img,.testimonial-three__right {
    position: relative;
    display: block
}

.testimonial-three__img>img {
    width: 100%
}

.testimonial-three__img-sahpe-1 {
    position: absolute;
    top: 100px;
    left: -173px;
    z-index: -1
}

.testimonial-three__img-sahpe-1>img {
    width: auto
}

.testimonial-three__name-box {
    position: absolute;
    top: 218px;
    left: -100px
}

.testimonial-three__name-box p {
    font-size: 24px;
    color: var(--vibnt-white);
    line-height: 24px;
    letter-spacing: .1em;
    font-family: var(--vibnt-font-two)
}

.team-three {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1
}

.team-three__shape-1 {
    position: absolute;
    bottom: 175px;
    right: 0;
    z-index: -1
}

.team-three__shape-1 img {
    width: auto
}

.team-three .container {
    max-width: 1200px
}

.team-three__single {
    position: relative;
    display: block;
    margin-bottom: 21px
}

.team-three__img-box {
    position: relative;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 45px;
    z-index: 1
}

.team-three__img-box-shape-1 {
    position: absolute;
    content: "";
    top: 110px;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    z-index: -1
}

.team-three__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1
}

.team-three__img:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--vibnt-black);
    opacity: 0;
    transition: background-color .5s ease;
    transition: all .5s ease;
    z-index: 1
}

.team-three__single:hover .team-three__img:before {
    opacity: .5
}

.team-three__img img {
    width: 100%;
    transform: scaleX(1);
    transition: transform 1s ease-in-out
}

.team-three__single:hover .team-three__img img {
    transform: scale(1.05) rotate(0deg)
}

.team-three__social {
    position: absolute;
    bottom: 45px;
    right: 30px;
    background-color: var(--vibnt-base);
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 22px 18px;
    transform: scaleY(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all .4s linear;
    transform-origin: right center;
    z-index: 1
}

.team-three__social:before {
    content: "";
    position: absolute;
    bottom: -14px;
    left: 17px;
    border-top: 14px solid var(--vibnt-base);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent
}

.team-three__social a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 15px;
    color: var(--vibnt-white)
}

.team-three__social a:hover {
    color: var(--vibnt-black)
}

.team-three__social a+a {
    margin-top: 28px
}

.team-three__single:hover .team-three__social {
    transform: scaleY(1);
    transform-origin: bottom center;
    transition-delay: .5s
}

.team-three__content {
    position: relative;
    display: block;
    text-align: center;
    margin-top: 22px
}

.team-three__name {
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 8px
}

.team-three__name a {
    color: var(--vibnt-black)
}

.team-three__name a:hover,.team-three__sub-title {
    color: var(--vibnt-base)
}

.team-three__sub-title {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .2em
}

.blog-three {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    background-color: var(--vibnt-extra);
    z-index: 1
}

.blog-three__single {
    margin-bottom: 30px
}

.blog-three__img,.blog-three__img-box,.blog-three__single {
    position: relative;
    display: block
}

.blog-three__img {
    overflow: hidden
}

.blog-three__img,.blog-three__img:before {
    border-bottom-right-radius: 65px;
    z-index: 1
}

.blog-three__img:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(var(--vibnt-primary-rgb),.75);
    visibility: hidden;
    transform-origin: top center;
    transform: scaleY(0) translateZ(100px);
    transition: opacity .5s ease,visibility .5s ease,transform .7s ease
}

.blog-three__single:hover .blog-three__img:before {
    visibility: visible;
    transform: scaleY(1) translateZ(0)
}

.blog-three__img img {
    width: 100%;
    border-bottom-right-radius: 65px;
    transform: scale(1.01);
    transition: transform .5s cubic-bezier(.27,.48,.45,.94);
    transform-origin: 70% 80%
}

.blog-three__single:hover .blog-three__img img {
    transform: scale(1.036);
    transition-duration: .9s
}

.blog-three__arrow {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%) translateY(100px);
    transition: opacity .5s ease,visibility .5s ease,transform .5s ease;
    visibility: hidden;
    opacity: 0;
    z-index: 3
}

.blog-three__single:hover .blog-three__arrow {
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    transition-delay: .5s;
    opacity: 1
}

.blog-three__arrow a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;
    background-color: rgba(var(--vibnt-white-rgb),.25);
    border-radius: 50%;
    border-top-right-radius: 0;
    z-index: 1
}

.blog-three__arrow a:hover {
    background-color: rgba(var(--vibnt-base-rgb),1)
}

.blog-three__arrow a span {
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: var(--vibnt-white);
    transform: rotate(-135deg);
    transition: all .5s ease
}

.blog-three__content {
    position: relative;
    display: block;
    background-color: var(--vibnt-white);
    margin-left: 75px;
    margin-right: 75px;
    margin-top: -115px;
    padding: 31px 40px 31px 120px;
    border-bottom-right-radius: 65px;
    z-index: 2
}

.blog-three__date {
    position: absolute;
    top: 0;
    left: 0;
    height: 90px;
    width: 90px;
    background-color: var(--vibnt-base);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    border-bottom-right-radius: 35px
}

.blog-three__date p {
    font-size: 24px;
    font-weight: 500;
    color: var(--vibnt-white);
    line-height: 32px
}

.blog-three__sub-title-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px
}

.blog-three__sub-title {
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: .2em
}

.blog-three__sub-title-shape {
    position: relative;
    display: block;
    width: 30px;
    height: 2px;
    background-color: var(--vibnt-base)
}

.blog-three__title {
    font-size: 23px;
    font-weight: 500;
    line-height: 31px
}

.blog-three__title a {
    color: var(--vibnt-black)
}

.blog-three__title a:hover {
    color: var(--vibnt-base)
}

.about-four {
    padding: 0 0 120px
}

.services-four {
    background-color: var(--vibnt-primary)
}

.faq-page {
    position: relative;
    display: block
}

.faq-page:before {
    background-color: var(--vibnt-extra)
}

.faq-page .faq-one__left .section-title__tagline {
    color: var(--vibnt-gray)
}

.faq-page .faq-one__left .section-title__title {
    color: var(--vibnt-black)
}

.faq-page .faq-one__faq-box .faq-one-accrodion .accrodion {
    border: 1px solid rgba(var(--vibnt-black-rgb),.15)
}

.faq-page .faq-one__faq-box .faq-one-accrodion .accrodion-title h4 {
    color: var(--vibnt-black)
}

.faq-page .faq-one__faq-box .faq-one-accrodion .accrodion-content {
    border-top: 1px solid rgba(var(--vibnt-black-rgb),.15)
}

.faq-page .faq-one__faq-box .faq-one-accrodion .accrodion-content p {
    color: var(--vibnt-gray)
}

.contact-three {
    padding-bottom: 120px
}

.contact-three .contact-one__inner,.contact-three .contact-one__inner:before {
    background-color: var(--vibnt-extra)
}

.contact-three .contact-one__contact-list li .icon {
    border: 1px solid rgba(var(--vibnt-black-rgb),.15)
}

.contact-three .contact-one__contact-list li .icon span {
    color: var(--vibnt-base)
}

.contact-three .contact-one__contact-list li .content p {
    color: var(--vibnt-gray)
}

.contact-three .contact-one__contact-list li .content h3,.contact-three .contact-one__contact-list li .content h3 a {
    color: var(--vibnt-black)
}

.contact-three .contact-one__contact-list li .content h3 a:hover {
    color: var(--vibnt-base)
}

.contact-three .contact-one__contact-list li:before {
    background-color: rgba(var(--vibnt-black-rgb),.06)
}

.google-map-one,.google-map__one {
    position: relative;
    display: block
}

.google-map__one {
    border: none;
    height: 550px;
    width: 100%
}

.error-page {
    padding: 71px 0 120px;
    z-index: 1
}

.error-page,.error-page__inner {
    position: relative;
    display: block
}

.error-page__inner {
    text-align: center
}

.error-page__title,.error-page__title-box {
    position: relative;
    display: inline-block;
    z-index: 2
}

.error-page__title {
    font-size: 350px;
    line-height: 350px;
    font-weight: 500;
    color: var(--vibnt-base)
}

.error-page__tagline {
    font-size: 40px;
    line-height: 49px;
    font-weight: 400;
    color: var(--vibnt-black);
    text-transform: uppercase;
    margin-bottom: 8px
}

.error-page__text {
    font-size: 20px
}

.error-page__form {
    position: relative;
    display: block;
    margin: 47px auto 20px
}

.error-page__form-input {
    position: relative;
    display: block;
    max-width: 550px;
    width: 100%;
    margin: 0 auto
}

.error-page__form input[type=search] {
    height: 52px;
    width: 100%;
    outline: none;
    background-color: var(--vibnt-extra);
    border: 0;
    font-size: 14px;
    color: var(--vibnt-gray);
    font-weight: 500;
    padding-left: 50px;
    padding-right: 75px;
    border-radius: 0
}

.error-page__form button[type=submit] {
    background-color: transparent;
    color: var(--vibnt-black);
    font-size: 22px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 72px;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    padding: 0
}

.gallery-page {
    position: relative;
    display: block;
    padding: 120px 0 110px
}

.gallery-page .row {
    --bs-gutter-x: 10px
}

.gallery-page .container {
    max-width: 1572px
}

.gallery-page__single {
    position: relative;
    display: block;
    margin-bottom: 10px
}

.gallery-page__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1
}

.gallery-page__img:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: -2px;
    left: 0;
    right: 0;
    background-color: var(--vibnt-base);
    opacity: 0;
    visibility: hidden;
    transform-origin: top center;
    transform: scaleY(0) translateZ(100px);
    transition: opacity .5s ease,visibility .5s ease,transform .7s ease;
    z-index: 2
}

.gallery-page__single:hover .gallery-page__img:before {
    opacity: .9;
    visibility: visible;
    transform: scaleY(1) translateZ(0)
}

.gallery-page__img-box {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: #090909
}

.gallery-page__img img {
    width: 100%
}

.gallery-page__icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.gallery-page__icon,.gallery-page__icon a {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2
}

.gallery-page__icon a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    font-size: 30px;
    color: var(--vibnt-white);
    transform: scale(0);
    opacity: 0;
    transition: all .5s ease
}

.gallery-page__single:hover .gallery-page__icon a {
    transform: scale(1);
    transition-delay: .5s;
    opacity: 1
}

.gallery-page__icon a:hover {
    color: var(--vibnt-black)
}

.team-carousel-page {
    position: relative;
    display: block;
    padding: 120px 0 170px
}

.team-carousel-page .container {
    max-width: 1200px
}

.team-carousel-page .team-one__single {
    margin-bottom: 0
}

.carousel-dot-style.owl-carousel .owl-stage-outer {
    overflow: visible
}

.carousel-dot-style.owl-carousel .owl-item {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease,visibility .5s ease
}

.carousel-dot-style.owl-carousel .owl-item.active {
    opacity: 1;
    visibility: visible
}

.carousel-dot-style.owl-carousel .owl-dots {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0!important;
    display: flex;
    align-items: center;
    justify-content: center
}

.carousel-dot-style.owl-carousel .owl-dots .owl-dot {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--vibnt-base);
    margin: 0 5px;
    padding: 0;
    transition: all .1s linear;
    transition-delay: .1s
}

.carousel-dot-style.owl-carousel .owl-dot.active {
    width: 10px;
    height: 10px;
    background-color: var(--vibnt-black)
}

.carousel-dot-style.owl-carousel .owl-dot:focus {
    outline: none
}

.carousel-dot-style.owl-carousel .owl-dots .owl-dot span {
    display: none
}

.blog-carousel-page {
    position: relative;
    display: block;
    padding: 120px 0 170px
}

.blog-carousel-page .container {
    max-width: 1200px
}

.blog-carousel-page .blog-two__single {
    margin-bottom: 0
}

.services-carousel-page {
    position: relative;
    display: block;
    padding: 120px 0 170px
}

.services-carousel-page .container {
    max-width: 1200px
}

.services-carousel-page .services-two__single {
    margin-bottom: 0
}

.project-carousel-page {
    position: relative;
    display: block;
    padding: 120px 0 170px
}

.project-carousel-page .container {
    max-width: 1200px
}

.project-carousel-page .project-three__single {
    margin-bottom: 0
}

.gallery-carousel-page {
    position: relative;
    display: block;
    padding: 120px 0 170px
}

.gallery-carousel-page .gallery-page__single {
    margin-bottom: 0
}

@media only screen and (min-width: 1200px) and (max-width:1319px) {
    .about-one__right {
        margin-right:0
    }

    .counter-one__content-box {
        padding: 20px 10px 17px
    }

    .counter-one__content {
        margin-left: 10px
    }

    .services-one__top-right {
        margin-left: 0
    }

    .services-one__bottom-content {
        padding: 29px 15px 28px
    }

    .services-one__img {
        max-width: 150px
    }

    .services-one__content {
        margin-left: 10px
    }

    .why-choose-one__content-box {
        margin-right: 0
    }

    .why-choose-one__left {
        margin-right: -20px
    }

    .team-one__content {
        right: 20px;
        padding: 30px 20px 32px
    }

    .contact-one__inner {
        margin-left: 0
    }

    .blog-one__btn-and-date {
        padding: 24px 15px 22px
    }

    .footer-widget__instagram {
        margin-left: -20px;
        margin-right: -30px
    }

    .feature-two__list {
        padding: 48px 30px 26px
    }

    .how-we-work__text br {
        display: none
    }

    .counter-three__icon {
        height: 80px;
        width: 80px
    }

    .counter-three__icon span {
        font-size: 55px
    }

    .counter-three__content {
        padding-left: 30px;
        padding-right: 30px;
        margin-left: 10px
    }

    .contact-two__shape-2 {
        display: none
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .about-one__left,.about-one__right {
        max-width:600px;
        margin: 0 auto
    }

    .about-one__right {
        padding: 70px 0 61px
    }

    .about-one {
        padding: 0 0 50px
    }

    .services-one__top-right {
        margin-left: 0
    }

    .faq-one:before {
        right: 0
    }

    .faq-one__bg-2 {
        display: none
    }

    .faq-one__left {
        max-width: 600px;
        margin: 0 auto
    }

    .faq-one__right {
        max-width: 600px;
        margin: 50px auto 0
    }

    .faq-one__btn:before {
        height: 280%;
        top: 160%
    }

    .faq-one__btn:hover:before {
        top: -90%;
        background-color: var(--vibnt-base)
    }

    .contact-one__inner {
        margin-left: 0
    }

    .contact-one__contact-list {
        gap: 0
    }

    .contact-one__contact-list li {
        gap: 10px;
        padding: 43px 15px
    }

    .testimonial-one__right {
        margin-right: 0;
        margin-left: 0
    }

    .testimonial-one__left .section-title__title {
        font-size: 38px
    }

    .blog-one__content {
        padding: 33px 25px 50px
    }

    .blog-one__btn-and-date {
        flex-direction: column
    }

    .footer-widget__contact {
        margin-right: 0
    }

    .footer-widget__newsletter {
        margin-left: 0;
        margin-right: 0
    }

    .footer-widget__instagram,.footer-widget__page {
        margin-left: 0;
        margin-top: 26px
    }

    .site-footer__middle {
        flex-direction: column
    }

    .site-footer__menu {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .footer-widget__instagram .footer-widget__title-box {
        margin-left: 0
    }

    .feature-two__inner {
        gap: 0;
        flex-direction: column;
        align-items: baseline
    }

    .feature-two__img {
        margin-bottom: 30px
    }

    .counter-two {
        margin-top: 120px
    }

    .about-two__left {
        margin-right: 0
    }

    .services-two__content {
        padding-left: 10px;
        padding-right: 10px
    }

    .services-two__icon-and-title {
        gap: 15px
    }

    .services-two__title {
        font-size: 23px
    }

    .project-two__content {
        left: 50px;
        right: 50px
    }

    .how-we-work__inner:before {
        display: none
    }

    .testimonial-two__single {
        padding: 35px 10px 40px
    }

    .testimonial-two__text br {
        display: none
    }

    .pricing-one__single {
        padding: 0 25px 7px
    }

    .pricing-one__btn {
        padding: 24px 30px 23px
    }

    .blog-two__content {
        padding: 24px 10px 30px;
        margin-right: 10px
    }

    .blog-two__title {
        font-size: 22px
    }

    .about-three__left {
        max-width: 600px;
        margin: 0 auto
    }

    .about-three__right {
        max-width: 600px;
        margin: 60px auto 0
    }

    .about-three__img-two,.contact-two__shape-2 {
        display: none
    }

    .testimonial-three__left {
        max-width: 600px;
        margin: 0 auto
    }

    .testimonial-three__right {
        max-width: 460px;
        margin: 60px auto 0
    }

    .blog-three__content {
        margin-left: 15px;
        margin-right: 15px;
        padding-left: 110px;
        padding-right: 20px
    }

    .blog-three__title {
        font-size: 21px
    }

    .blog-three__arrow {
        top: 30px
    }

    .page-header {
        padding: 282px 0 186px
    }

    .project-details__video-and-content {
        flex-direction: column;
        align-items: baseline
    }

    .project-details__video-content {
        margin-left: 0;
        margin-top: 20px
    }

    .team-details__bottom-points-content>p {
        font-size: 14px
    }

    .faq-page .faq-one__form-title {
        color: var(--vibnt-black)
    }

    .faq-page .faq-one__input-box .nice-select,.faq-page .faq-one__input-box input[type=email],.faq-page .faq-one__input-box input[type=text] {
        border: 1px solid rgba(var(--vibnt-black-rgb),.15);
        color: var(--vibnt-gray)
    }

    .faq-page .faq-one__input-box .nice-select:after {
        border-bottom: 2px solid var(--vibnt-gray);
        border-right: 2px solid var(--vibnt-gray)
    }

    .faq-page .faq-one__input-box textarea {
        border: 1px solid rgba(var(--vibnt-black-rgb),.15);
        color: var(--vibnt-gray)
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .about-one__left,.about-one__right {
        max-width:600px;
        margin: 0 auto
    }

    .about-one__right {
        padding: 70px 0 61px
    }

    .about-one {
        padding: 0 0 50px
    }

    .services-one__top-right {
        margin-left: 0
    }

    .services-one__bottom-content {
        padding: 29px 25px 28px
    }

    .services-one__img {
        max-width: 150px
    }

    .services-one__content {
        margin-left: 10px
    }

    .why-choose-one__right {
        margin-left: 0;
        margin-top: 50px
    }

    .faq-one:before {
        right: 0
    }

    .faq-one__bg-2 {
        display: none
    }

    .faq-one__left {
        max-width: 600px;
        margin: 0 auto
    }

    .faq-one__right {
        max-width: 600px;
        margin: 50px auto 0
    }

    .faq-one__btn:before {
        height: 280%;
        top: 160%
    }

    .faq-one__btn:hover:before {
        top: -90%;
        background-color: var(--vibnt-base)
    }

    .contact-one__inner {
        margin-left: 0
    }

    .contact-one__contact-list {
        gap: 0;
        flex-direction: column
    }

    .contact-one__contact-list li {
        gap: 10px
    }

    .testimonial-one__right {
        margin-top: 106px
    }

    .footer-widget__contact {
        margin-right: 0
    }

    .footer-widget__newsletter {
        margin-left: 0;
        margin-right: 0
    }

    .footer-widget__instagram,.footer-widget__page {
        margin-left: 0;
        margin-top: 26px
    }

    .site-footer__middle {
        flex-direction: column
    }

    .site-footer__menu {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .footer-widget__instagram .footer-widget__title-box {
        margin-left: 0
    }

    .feature-two__inner {
        gap: 0;
        flex-direction: column;
        align-items: baseline
    }

    .feature-two__img {
        margin-bottom: 30px
    }

    .feature-two__list {
        padding: 48px 20px 26px
    }

    .about-two__left {
        margin-right: 0
    }

    .about-two__right {
        margin-top: 60px
    }

    .about-two {
        padding: 205px 0 120px
    }

    .counter-two {
        margin-top: 120px
    }

    .project-two__content {
        left: 50px;
        right: 50px
    }

    .how-we-work__inner:before {
        display: none
    }

    .testimonial-two__single {
        padding: 35px 20px 40px
    }

    .testimonial-two__text br {
        display: none
    }

    .blog-two__btn:before {
        height: 290%;
        top: 180%
    }

    .blog-two__btn:hover:before {
        top: -110%
    }

    .feature-three__list li {
        flex: 0 0 50%;
        max-width: 50%
    }

    .about-three__left {
        max-width: 600px;
        margin: 0 auto
    }

    .about-three__right {
        max-width: 600px;
        margin: 60px auto 0
    }

    .about-three__img-two {
        display: none
    }

    .contact-two:before {
        right: 0;
        border-top-right-radius: 0
    }

    .contact-two__bg,.contact-two__shape-1,.contact-two__shape-2 {
        display: none
    }

    .contact-two__left {
        margin-right: 0
    }

    .contact-two__right {
        margin-top: 60px;
        left: 0
    }

    .contact-two__call {
        background-color: var(--vibnt-white)
    }

    .project-three__top-inner {
        flex-direction: column;
        align-items: baseline;
        margin-bottom: 60px
    }

    .project-three__top-left .section-title {
        margin-bottom: 30px
    }

    .testimonial-three__left {
        max-width: 600px;
        margin: 0 auto
    }

    .testimonial-three__right {
        max-width: 460px;
        margin: 60px auto 0
    }

    .page-header {
        padding: 282px 0 186px
    }

    .project-details__right {
        margin-top: 30px
    }

    .team-details__top-left {
        margin-right: 0
    }

    .team-details__social-and-share {
        right: 0
    }

    .team-details__right {
        margin-left: 0;
        margin-top: 60px
    }

    .team-details__bottom-img {
        margin-left: 0;
        margin-top: 50px
    }

    .blog-page .blog-two__title {
        font-size: 22px
    }

    .faq-page .faq-one__form-title {
        color: var(--vibnt-black)
    }

    .faq-page .faq-one__input-box .nice-select,.faq-page .faq-one__input-box input[type=email],.faq-page .faq-one__input-box input[type=text] {
        border: 1px solid rgba(var(--vibnt-black-rgb),.15);
        color: var(--vibnt-gray)
    }

    .faq-page .faq-one__input-box .nice-select:after {
        border-bottom: 2px solid var(--vibnt-gray);
        border-right: 2px solid var(--vibnt-gray)
    }

    .faq-page .faq-one__input-box textarea {
        border: 1px solid rgba(var(--vibnt-black-rgb),.15);
        color: var(--vibnt-gray)
    }
}

@media only screen and (max-width: 767px) {
    .section-title__title {
        font-size:25px;
        line-height: 35px
    }

    .section-title__title br {
        display: none
    }

    .feature-one__title-box {
        padding-left: 0
    }

    .feature-one__icon {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 25px
    }

    .feature-one__single-inner {
        padding: 28px 20px 29px
    }

    .feature-one__single {
        margin-bottom: 30px
    }

    .feature-one {
        padding: 190px 0 90px
    }

    .about-one__left {
        margin-right: 0
    }

    .about-one__experience {
        position: relative;
        bottom: 0;
        left: 0;
        padding: 50px 30px 33px;
        margin-top: 30px
    }

    .about-one__right {
        margin-top: 50px;
        margin-left: 0;
        margin-right: 0;
        padding: 0
    }

    .about-one {
        padding: 0 0 110px
    }

    .counter-one__content-box {
        padding: 20px 10px 17px
    }

    .counter-one__content {
        margin-left: 10px
    }

    .services-one__top-right {
        margin-left: 0
    }

    .services-one__single {
        flex-direction: column;
        align-items: baseline;
        padding: 30px 20px 21px
    }

    .services-one__content {
        margin-left: 0;
        margin-top: 20px
    }

    .why-choose-one__text br {
        display: none
    }

    .why-choose-one__content-box {
        padding: 25px 20px;
        margin-right: 0;
        flex-direction: column;
        text-align: center
    }

    .why-choose-one__content-text-box {
        margin-left: 0;
        margin-top: 20px
    }

    .why-choose-one__content-text {
        font-size: 19px;
        line-height: 29px
    }

    .why-choose-one__progress-list {
        margin-right: 0
    }

    .why-choose-one__right {
        margin-left: 0;
        margin-top: 60px
    }

    .why-choose-one__video-box {
        height: 265px
    }

    .faq-one:before {
        right: 0
    }

    .faq-one__bg-2 {
        display: none
    }

    .faq-one__left {
        margin-right: 0
    }

    .faq-one__faq-box {
        padding-left: 70px
    }

    .faq-one__faq-box .faq-one-accrodion .accrodion-title {
        padding: 17px 15px 19px
    }

    .faq-one__faq-box .faq-one-accrodion .accrodion-content {
        margin-left: 15px;
        padding-right: 15px;
        margin-right: 0
    }

    .faq-one__faq-box .faq-one-accrodion .accrodion-title h4:before {
        left: -88px
    }

    .faq-one__right {
        margin-left: 0
    }

    .faq-one__form-title br {
        display: none
    }

    .faq-one__btn:before {
        height: 280%;
        top: 160%
    }

    .faq-one__btn:hover:before {
        top: -90%;
        background-color: var(--vibnt-base)
    }

    .contact-one__inner {
        margin-left: 0;
        padding-left: 0
    }

    .contact-one__inner:before {
        left: -1000000px
    }

    .contact-one__contact-list {
        gap: 0;
        flex-direction: column
    }

    .contact-one__contact-list li {
        gap: 10px;
        padding: 43px 15px
    }

    .contact-one__contact-list li .content h3 {
        font-size: 18px
    }

    .project-one__top {
        flex-direction: column;
        align-items: baseline
    }

    .project-one__top .section-title {
        margin-bottom: 21px
    }

    .testimonial-one__content {
        margin-left: 0;
        padding: 37px 15px 70px
    }

    .testimonial-one__right {
        margin-right: 0;
        margin-left: 0
    }

    .testimonial-one__img-2,.testimonial-one__img-3,.testimonial-one__img-4,.testimonial-one__shape-2 {
        display: none
    }

    .blog-one__content {
        padding: 33px 25px 50px
    }

    .blog-one__btn-and-date {
        flex-direction: column
    }

    .site-footer__middle {
        flex-direction: column
    }

    .site-footer__menu {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .site-footer__menu-list {
        gap: 15px;
        flex-direction: column
    }

    .feature-two__inner {
        gap: 0;
        flex-direction: column;
        align-items: baseline
    }

    .feature-two__list {
        padding: 48px 15px 26px;
        flex-direction: column
    }

    .feature-two__img {
        margin-bottom: 30px
    }

    .about-two__left {
        margin-right: 0
    }

    .about-two__right {
        margin-top: 60px
    }

    .about-two {
        padding: 205px 0 120px
    }

    .about-two__img-and-content-box {
        flex-direction: column;
        align-items: baseline
    }

    .counter-two {
        margin-top: 120px
    }

    .counter-two__count-list {
        flex-direction: column
    }

    .services-two__content {
        padding-left: 0;
        padding-right: 0
    }

    .services-two__icon-and-title {
        gap: 15px
    }

    .services-two__title {
        font-size: 23px
    }

    .project-two__content {
        left: 20px;
        right: 20px
    }

    .how-we-work__inner:before {
        display: none
    }

    .testimonial-two__single {
        padding: 35px 10px 40px
    }

    .testimonial-two__img,.testimonial-two__text br {
        display: none
    }

    .testimonial-two__bg-box {
        left: 0;
        border-top-left-radius: 0
    }

    .testimonial-two__client-content {
        margin-right: 20px
    }

    .pricing-one__single {
        padding: 0 15px 7px
    }

    .pricing-one__btn {
        padding: 24px 30px 23px
    }

    .blog-two__content {
        padding: 24px 10px 30px;
        margin-right: 10px
    }

    .blog-two__title {
        font-size: 22px
    }

    .feature-three__list li {
        flex: 0 0 100%;
        max-width: 100%
    }

    .about-three__left {
        margin-left: 0;
        margin-right: 0
    }

    .about-three__img-two {
        display: none
    }

    .about-three__right {
        margin-left: 0;
        margin-top: 60px
    }

    .about-three__points li {
        gap: 0;
        flex-direction: column;
        align-items: baseline
    }

    .about-three__points-content {
        margin-top: 20px
    }

    .about-three__points li+li {
        margin-top: 30px
    }

    .counter-three__single {
        flex-direction: column;
        align-items: baseline
    }

    .counter-three__content {
        margin-left: 0;
        margin-top: 20px
    }

    .services-three__bg-one {
        display: none
    }

    .contact-two:before {
        right: 0;
        border-top-right-radius: 0
    }

    .contact-two__bg,.contact-two__shape-1,.contact-two__shape-2 {
        display: none
    }

    .contact-two__left {
        margin-right: 0
    }

    .contact-two__right {
        margin-top: 60px;
        left: 0
    }

    .contact-two__call {
        background-color: var(--vibnt-white)
    }

    .project-three__top-inner {
        flex-direction: column;
        align-items: baseline;
        margin-bottom: 60px
    }

    .project-three__top-left .section-title {
        margin-bottom: 30px
    }

    .testimonial-three__left {
        margin-right: 0;
        margin-bottom: 60px
    }

    .testimonial-three__client-info {
        gap: 20px
    }

    .team-three__img-box-shape-1,.testimonial-three__dot-style {
        display: none
    }

    .blog-three__content {
        margin-left: 0;
        margin-right: 0;
        padding-left: 110px;
        padding-right: 20px;
        margin-top: 0
    }

    .blog-three__title {
        font-size: 21px
    }

    .blog-three__arrow {
        top: 30px
    }

    .blog-details__meta {
        gap: 10px;
        align-items: baseline
    }

    .blog-details__meta,.blog-details__tag-and-share {
        flex-direction: column
    }

    .blog-details__social {
        margin-top: 20px
    }

    .blog-details__client-info {
        padding: 25px 34px 32px;
        flex-direction: column;
        align-items: baseline
    }

    .comment-one__single {
        gap: 15px;
        flex-direction: column;
        align-items: baseline
    }

    .sidebar__search {
        padding: 44px 20px
    }

    .sidebar__post-list {
        padding: 29px 20px
    }

    .sidebar__tags-list {
        padding: 24px 20px 34px
    }

    .page-header__inner h2 {
        font-size: 25px;
        line-height: 35px
    }

    .thm-breadcrumb li {
        font-size: 17px
    }

    .page-header {
        padding: 242px 0 141px
    }

    .project-details__video-and-content {
        flex-direction: column;
        align-items: baseline
    }

    .project-details__video-content {
        margin-left: 0;
        margin-top: 20px
    }

    .project-details__right {
        margin-top: 30px
    }

    .project-details__project-information {
        padding: 40px 15px 45px
    }

    .team-details__top-left {
        margin-right: 0
    }

    .team-details__client-content {
        padding: 15px 0 17px
    }

    .team-details__social-and-share {
        right: 0
    }

    .team-details__call-box {
        flex-direction: column;
        align-items: baseline
    }

    .team-details__call-list-2 {
        margin-left: 0;
        margin-top: 16px
    }

    .team-details__right {
        margin-left: 0;
        margin-top: 60px
    }

    .team-details__bottom-img {
        margin-left: 0;
        margin-top: 50px
    }

    .team-details__bottom-left-points-list li {
        flex-direction: column;
        align-items: baseline
    }

    .team-details__bottom-points-content {
        margin-left: 0;
        margin-top: 10px
    }

    .team-details__bottom-points-content>p>br {
        display: none
    }

    .error-page__title {
        font-size: 150px;
        line-height: 150px
    }

    .error-page__tagline {
        font-size: 25px;
        line-height: 35px
    }

    .blog-two__btn:before {
        height: 300%;
        top: 180%
    }

    .blog-two__btn:hover:before {
        top: -110%
    }

    .faq-page .faq-one__form-title {
        color: var(--vibnt-black)
    }

    .faq-page .faq-one__input-box .nice-select,.faq-page .faq-one__input-box input[type=email],.faq-page .faq-one__input-box input[type=text] {
        border: 1px solid rgba(var(--vibnt-black-rgb),.15);
        color: var(--vibnt-gray)
    }

    .faq-page .faq-one__input-box .nice-select:after {
        border-bottom: 2px solid var(--vibnt-gray);
        border-right: 2px solid var(--vibnt-gray)
    }

    .faq-page .faq-one__input-box textarea {
        border: 1px solid rgba(var(--vibnt-black-rgb),.15);
        color: var(--vibnt-gray)
    }
}

@media only screen and (min-width: 1400px) and (max-width:1675px) {
    .project-two__content {
        left:50px;
        right: 50px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .project-two__content {
        left:50px;
        right: 50px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    #main-slider-pagination {
        right:100px
    }

    .main-slider-two__img {
        display: none
    }

    .main-slider-two #main-slider-pagination {
        right: 0
    }

    .main-slider-three__nav {
        left: auto;
        right: 50px
    }

    .main-slider-three__img {
        top: 130px;
        right: -185px
    }

    .main-slider-three__img img {
        width: 70%
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    #main-slider-pagination {
        right:50px
    }

    .main-slider-two__img {
        display: none
    }

    .main-slider-two #main-slider-pagination {
        right: 0
    }

    .main-slider-three__nav {
        left: auto;
        right: 30px
    }

    .main-slider-three__img {
        top: 130px;
        right: -185px
    }

    .main-slider-three__img img {
        width: 70%
    }
}

@media only screen and (max-width: 767px) {
    #main-slider-pagination {
        display:none
    }

    .main-slider__title {
        font-size: 41px;
        line-height: 50px
    }

    .main-slider .container {
        padding-top: 244px;
        padding-bottom: 150px
    }

    .main-slider-two__img {
        display: none
    }

    .main-slider-two__title {
        font-size: 35px;
        line-height: 50px
    }

    .main-slider-two__text br {
        display: none
    }

    .main-slider-two #main-slider-pagination {
        right: 0
    }

    .main-slider-three__img,.main-slider-three__nav {
        display: none
    }

    .main-slider-three__content {
        margin-left: 80px
    }

    .main-slider-three__title {
        font-size: 30px;
        line-height: 50px
    }

    .main-slider-three__sub-title-box {
        position: absolute;
        top: 115px;
        left: -215px
    }

    .main-slider-three__btn {
        padding: 14px 24px 13px;
        font-size: 15px
    }
}

@media only screen and (min-width: 1500px) and (max-width:1700px) {
    .main-slider-three__nav {
        left:auto;
        right: 100px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1499px) {
    .main-slider-two__img {
        top:200px;
        right: -210px
    }

    .main-slider-two__img img {
        width: 70%
    }

    .main-slider-three__nav {
        left: auto;
        right: 100px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1319px) {
    .main-menu-two__top-menu {
        display:none
    }

    .main-menu-two__left {
        gap: 30px
    }

    .main-menu-two__logo a {
        padding: 34px 25px 34px 0
    }

    .main-menu-three__left {
        gap: 20px
    }

    .main-menu-three .main-menu__list>li+li,.stricky-header.main-menu-three .main-menu__list>li+li {
        margin-left: 40px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .main-menu__top {
        display:none
    }

    .main-menu__wrapper-inner {
        padding: 0 20px
    }

    .main-menu-two__top-menu {
        display: none
    }

    .main-menu-three__main-menu-box {
        padding: 10px 30px;
        border-radius: 30px
    }

    .main-menu-three .mobile-nav__toggler {
        color: var(--vibnt-white)
    }

    .main-menu-three .mobile-nav__toggler:hover {
        color: var(--vibnt-black)
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-menu__top {
        display:none
    }

    .main-menu__wrapper-inner {
        padding: 0 20px
    }

    .main-menu-three__top,.main-menu-two__top {
        display: none
    }

    .main-menu-three__main-menu-box {
        padding: 10px 30px;
        border-radius: 30px
    }

    .main-menu-three .mobile-nav__toggler {
        color: var(--vibnt-white)
    }

    .main-menu-three .mobile-nav__toggler:hover {
        color: var(--vibnt-black)
    }
}

@media (max-width: 767px) {
    .main-menu__top {
        display:none
    }

    .main-menu__wrapper-inner {
        padding: 0 20px
    }

    .main-menu__right {
        display: none
    }

    .main-menu__left {
        gap: 0;
        flex: 1 1;
        justify-content: space-between
    }

    .main-menu-two__top {
        display: none
    }

    .main-menu-two__left {
        gap: 0;
        flex: 1 1;
        justify-content: space-between
    }

    .main-menu-two__cart-search-box {
        display: none
    }

    .main-menu-two__logo a {
        padding: 34px 25px 34px 0
    }

    .main-menu-three__top {
        display: none
    }

    .main-menu-three__main-menu-box {
        padding: 10px 30px;
        border-radius: 30px
    }

    .main-menu-three .mobile-nav__toggler {
        color: var(--vibnt-white)
    }

    .main-menu-three .mobile-nav__toggler:hover {
        color: var(--vibnt-black)
    }

    .main-menu-three__right {
        display: none
    }

    .main-menu-three__left {
        gap: 0;
        flex: 1 1;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1600px) and (max-width:1810px) {
    .main-menu__top,.main-menu__wrapper-inner {
        padding:0 100px
    }
}

@media only screen and (min-width: 1400px) and (max-width:1599px) {
    .main-menu__top {
        padding:0 20px
    }

    .main-menu__social-and-top-menu {
        gap: 80px
    }

    .main-menu__wrapper-inner {
        padding: 0 20px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .main-menu__top {
        padding:0 20px
    }

    .main-menu__social-and-top-menu {
        gap: 50px;
        padding: 11px 20px
    }

    .main-menu__top-menu {
        display: none
    }

    .main-menu__wrapper-inner {
        padding: 0 20px
    }

    .main-menu__btn-box {
        display: none
    }
}