/*@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Outfit:wght@100..900&display=swap);*/
@font-face {
  font-family: 'Inter';
  src: url('../font/Inter.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Nunito Sans';
  src: url('../font/NunitoSans.woff2') format('woff2');
  font-display: swap;
}
.vl-primary-btn-2,
.vl-primary-btn-3,
.vl-primary-btn-4 {
    letter-spacing: 0;
    transition: 0.3s linear
}

.aniamtion-key-1,
.aniamtion-key-2,
.aniamtion-key-3,
.aniamtion-key-4,
.aniamtion-key-5,
.aniamtion-key-6,
.aniamtion-key-7,
.keyframe5,
.pulse-border {
    animation-iteration-count: infinite;
    animation-direction: alternate
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Inter", sans-serif
}

*,
ul {
    padding: 0
}

*,
p,
ul {
    margin: 0
}

body,
html {
    overflow-x: hidden;
    font-family: "Nunito Sans", sans-serif
}

html {
    scroll-behavior: smooth
}

.video-play-button-2:before,
.video-play-button:before,
.vl-play-btn-animation:before {
    animation: 1.1s ease-out infinite pulse-border
}

:root {
    --vkl-text-text-white: #fff;
    --vkl-text-text-2: #163d6b;
    --vkl-text-text-3: #1c1c1c;
    --vkl-text-text-4: #e7e8e9;
    --vkl-text-text-5: #2c2b29;
    --vkl-text-text-6: #d0d1cf;
    --vkl-text-text-7: #061d00;
    --vkl-text-text-8: #96e171;
    --vkl-text-text-9: #61655b;
    --vkl-text-text-10: #98e175;
    --vkl-text-text-11: #f8fff0;
    --vkl-text-text-12: #b0db58;
    --vkl-text-text-13: #a0a891;
    --vkl-text-text-14: #9fa790;
    --vkl-text-text-15: #afb79f;
    --vkl-text-text-16: #111607;
    --vkl-text-text-17: #a2a993;
    --vkl-text-text-18: #a1a892;
    --vkl-text-text-19: #163d6b;
    --vkl-text-text-20: #3e4a3c;
    --vkl-text-text-21: #fecf02;
    --vkl-text-text-22: #d7e2cb;
    --vkl-text-text-23: #f8fff1;
    --vkl-text-text-24: #161a12;
    --vkl-text-text-25: #5c6356;
    --vkl-text-text-primary-new: #3da35c;
    --vkl-bg-bg-1: #fff;
    --vkl-bg-bg-2: #f5f5f5;
    --vkl-bg-bg-3: #e7fdcf;
    --vkl-bg-bg-4: #3da35c;
    --vkl-bg-bg-5: #f8fff0;
    --vkl-bg-bg-6: #e7fdd0;
    --vkl-bg-bg-7: #19200c;
    --vkl-bg-bg-8: #111608;
    --vkl-bg-bg-9: #1d2214;
    --vkl-bg-bg-10: #282d1f;
    --vkl-bg-bg-11: #f0fdee;
    --vkl-bg-bg-12: #003200;
    --vkl-bg-bg-13: #292d20;
    --vkl-bg-bg-14: #ecf8df;
    --vkl-bg-bg-15: #0b243a;
    --vkl-border-border-1: #e5e7eb;
    --vkl-border-border-2: #dfdcdc;
    --vkl-font-size-font-s10: 10px;
    --vkl-font-size-font-s12: 12px;
    --vkl-font-size-font-s14: 14px;
    --vkl-font-size-font-s16: 16px;
    --vkl-font-size-font-s17: 17px;
    --vkl-font-size-font-s18: 18px;
    --vkl-font-size-font-s20: 20px;
    --vkl-font-size-font-s22: 22px;
    --vkl-font-size-font-s24: 24px;
    --vkl-font-size-font-s26: 26px;
    --vkl-font-size-font-s28: 28px;
    --vkl-font-size-font-s30: 30px;
    --vkl-font-size-font-s32: 32px;
    --vkl-font-size-font-s34: 34px;
    --vkl-font-size-font-s35: 35px;
    --vkl-font-size-font-s36: 36px;
    --vkl-font-size-font-s38: 38px;
    --vkl-font-size-font-s40: 40px;
    --vkl-font-size-font-s42: 42px;
    --vkl-font-size-font-s44: 44px;
    --vkl-font-size-font-s46: 46px;
    --vkl-font-size-font-s48: 48px;
    --vkl-font-size-font-s50: 50px;
    --vkl-font-size-font-s52: 52px;
    --vkl-font-size-font-s54: 54px;
    --vkl-font-size-font-s55: 55px;
    --vkl-font-size-font-s56: 56px;
    --vkl-font-size-font-s58: 58px;
    --vkl-font-size-font-s60: 60px;
    --vkl-font-size-font-s62: 62px;
    --vkl-font-size-font-s64: 64px;
    --vkl-font-size-font-s66: 66px;
    --vkl-font-size-font-s68: 68px;
    --vkl-font-size-font-s70: 70px;
    --vkl-font-size-font-s80: 80px;
    --vkl-font-size-font-s90: 90px;
    --vkl-specing-height6: 6px;
    --vkl-specing-height8: 8px;
    --vkl-specing-height10: 10px;
    --vkl-specing-height12: 12px;
    --vkl-specing-height14: 14px;
    --vkl-specing-height16: 16px;
    --vkl-specing-height18: 18px;
    --vkl-specing-height20: 20px;
    --vkl-specing-height22: 22px;
    --vkl-specing-height24: 24px;
    --vkl-specing-height26: 26px;
    --vkl-specing-height28: 28px;
    --vkl-specing-height30: 30px;
    --vkl-specing-height32: 32px;
    --vkl-specing-height34: 34px;
    --vkl-specing-height36: 36px;
    --vkl-specing-height38: 38px;
    --vkl-specing-height40: 40px;
    --vkl-specing-height42: 42px;
    --vkl-specing-height44: 44px;
    --vkl-specing-height46: 46px;
    --vkl-specing-height48: 48px;
    --vkl-specing-height50: 50px;
    --vkl-specing-height52: 52px;
    --vkl-specing-height54: 54px;
    --vkl-specing-height55: 55px;
    --vkl-specing-height56: 56px;
    --vkl-specing-height58: 58px;
    --vkl-specing-height60: 60px;
    --vkl-specing-height62: 62px;
    --vkl-specing-height64: 64px;
    --vkl-specing-height70: 70px;
    --vkl-specing-height72: 72px;
    --vkl-specing-height80: 80px;
    --vkl-specing-height82: 82px;
    --vkl-specing-height90: 90px;
    --vkl-specing-height92: 92px;
    --vkl-specing-height100: 100px;
    --vkl-specing-height110: 110px;
    --vkl-specing-height120: 120px;
    --vkl-specing-height130: 130px;
    --vkl-weight-regular: 400;
    --vkl-weight-medium: 500;
    --vkl-weight-semibold: 600;
    --vkl-weight-bold: 700;
    --vkl-weight-ex-bold: 800;
    --vkl-family-font1: "Fustat", serif
}

.vl-faq-inner .title {
    color: var(--ztc-text-text-3);
    font-size: var(--ztc-font-size-font-s44);
    line-height: var(--ztc-specing-height44);
    font-family: var(--ztc-family-font2);
    font-weight: var(--ztc-weight-bold)
}

.vl-faq-inner .vl-tab-item {
    display: flex;
    justify-content: center;
    background: var(--vkl-bg-bg-2);
    padding: 16px 20px;
    width: 702px;
    border-radius: 8px
}

.vl-faq-inner .vl-tab-item .nav-item .nav-link {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20);
    font-weight: var(--vkl-font-weight-semibold);
    background: var(--vkl-text-text-white);
    margin: 0 14px
}

.vl-bne3r-slider-arrow .vl-bne3r-button:hover,
.vl-faq-inner .vl-tab-item .nav-item .nav-link.active,
.vl-header-area-4.header-sticky .vl-primary-btn-4 span,
.vl-primary-btn-4.secondrybtn span {
    background: var(--vkl-text-text-1);
    color: var(--vkl-text-text-white)
}

.vl-faq-inner .vl-accordion-item {
    background: var(--vkl-text-text-1);
    border-radius: 8px;
    margin-bottom: 20px
}

.vl-faq-inner .vl-accordion-item .accordion-button.collapsed {
    border-radius: 8px;
    background: var(--vkl-text-text-white);
    box-shadow: 0 0 30px 0 rgb(0 0 0 / .08) !important
}

.vl-faq-inner .vl-accordion-item .accordion-button {
    color: var(--vkl-text-text-white);
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: #fff0;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
    padding: 24px 20px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--ztc-text-text-2)
}

.vl-faq-inner .vl-accordion-item .accordion-button:focus {
    box-shadow: none
}

.vl-faq-inner .vl-accordion-item .accordion-button:not(.collapsed) {
    box-shadow: inherit;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: var(--vkl-text-text-white)
}

.vl-faq-inner .vl-accordion-item .accordion-body {
    padding: 0 20px 24px;
    color: var(--ztc-text-text-2);
    font-size: 18px;
    line-height: 26px;
    font-weight: 600
}

.vl-faqs10 .vl-accordion-item .vl-accordion-button,
.vl-faqs4 .vl-accordion-item .vl-accordion-button {
    line-height: var(--vkl-specing-height20);
    font-weight: var(--vkl-weight-semibold);
    text-align: left;
    padding: 22px 20px 0
}

.vl-faq-inner .vl-accordion-item .accordion-button:not(.collapsed) span.vl-faqarrow {
    background: var(--vkl-text-text-white);
    color: var(--vkl-text-text-1);
    height: 30px;
    width: 30px;
    line-height: 35px;
    border-radius: 50px;
    text-align: center;
    position: absolute;
    right: 25px
}

.vl-faqs10 .vl-accordion-item .vl-accordion-button span.vl-faqarrow,
.vl-faqs10 .vl-accordion-item .vl-accordion-button.collapsed span.vl-faqarrow,
.vl-faqs4 .vl-accordion-item .vl-accordion-button span.vl-faqarrow,
.vl-faqs4 .vl-accordion-item .vl-accordion-button.collapsed span.vl-faqarrow {
    position: absolute;
    right: 16px;
    width: 32px;
    font-size: 18px;
    line-height: 42px;
    transition: 0.3s;
    text-align: center
}

.vl-faq-inner .vl-accordion-item .accordion-body .para:not(.collapsed) {
    color: var(--vkl-text-text-white) !important;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.vl-faq-inner .vl-accordion-item span.vl-faqarrow {
    background: var(--vkl-text-text-1);
    color: var(--vkl-text-text-white);
    height: 30px;
    width: 30px;
    line-height: 35px;
    border-radius: 50px;
    text-align: center;
    position: absolute;
    right: 25px
}

.banner-section .owl-dots,
.vl-blog-meta-list ul li:last-child::after,
.vl-copy-righ1t .vl-copy-right-menu ul li:last-child::after,
.vl-counter-bloc3k .vl-con-item-grid .vl-single-counter-box:last-child::after,
.vl-faq-inner .accordion-button::after,
.vl-header-top-ic-box-5 a:last-child::after,
.vl-header-top-ic-box-7 a:last-child::after,
.vl-header-top-ic-box-9 a:last-child::after,
.vl-main-menu ul>li .sub-menu li a:before,
.vl-main-menu-4 ul>li .sub-menu li a:before,
.vl-main-menu-5 ul>li .sub-menu li a:before,
.vl-offcanvas-menu ul li a span {
    display: none
}

.vl-faqs10 .vl-accordion-item,
.vl-faqs4 .vl-accordion-item {
    position: relative;
    z-index: 1;
    border: 1px solid rgb(0 76 48 / .1);
    background: var(--vkl-bg-bg-14);
    border-radius: 8px;
    margin-bottom: 24px
}

.vl-faqs4 .vl-accordion-item .vl-accordion-button {
    color: var(--vkl-text-text-19);
    font-size: var(--vkl-font-size-font-s20);
    width: 100%
}

.vl-faqs4 .vl-accordion-item .vl-accordion-button.collapsed {
    padding: 22px 20px;
    border-radius: 8px;
    height: 64px;
    color: var(--vkl-text-text-19);
    background: var(--vkl-bg-bg-15)
}

.vl-faqs4 .vl-accordion-item .vl-accordion-button.collapsed span.vl-faqarrow {
    top: 16px;
    background: var(--vkl-text-text-8);
    color: var(--vkl-text-text-19);
    height: 32px;
    border-radius: 50px;
    transform: rotate(0)
}

.vl-faqs4 .vl-accordion-item .vl-accordion-button span.vl-faqarrow {
    top: 15px;
    background: var(--vkl-text-text-21);
    color: var(--vkl-text-text-20);
    height: 32px;
    border-radius: 50px;
    transform: rotate(-180deg)
}

.header-sticky .vl-main-menu-black ul li a,
.header-top-area-7 p,
.header-top-area-9 p,
.video-section-title-5 .title,
.vl-about-thumb-area-five .vl-experience-box .title,
.vl-banner-content-bloc3k .vl-section-title .subtitle-2,
.vl-banner-eight-right-content p,
.vl-btn,
.vl-btn-wrap,
.vl-btn:hover,
.vl-copy-righ1t .vl-copy-right-menu-10 ul li a,
.vl-copy-righ1t .vl-copy-right-menu-5 ul li a,
.vl-copy-righ1t .vl-copy-right-menu-5 ul li a:hover,
.vl-copy-righ1t .vl-footer-copy-right-widget-10 .para,
.vl-copy-righ1t .vl-footer-copy-right-widget-5 .para,
.vl-faqs10 .vl-accordion-item .vl-accordion-button span.vl-faqarrow,
.vl-header-top-ic-box-7 a,
.vl-header-top-ic-box-9 a,
.vl-hero-content-2 .vl-section-title .subtitle-2,
.vl-hero-reviews ul span,
.vl-primary-btn .arrow,
.vl-primary-btn .text,
.vl-primary-btn-2,
.vl-primary-btn-2::after,
.vl-primary-btn-2:hover,
.vl-primary-btn-4.secondrybtn:hover,
.vl-primary-btn-7:hover .arrow,
.vl-primary-btn-7:hover .text,
.vl-project-wrp-content-10 .vl-section-title-10 .subtitle,
.vl-project-wrp-content-10 .vl-section-title-10 .title,
.vl-swiper-test-button,
.vl-thumb-btn-2 .vl-primary-btn-2 {
    color: var(--vkl-text-text-white)
}

.vl-faqs10 .vl-accordion-item .vl-accordion-body .para,
.vl-faqs4 .vl-accordion-item .vl-accordion-body .para {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 22px;
    color: var(--vkl-text-text-9);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height28);
    font-weight: var(--vkl-weight-medium)
}

.vl-choose-thumb10-thumb1 img,
.vl-faq-thumb-wrap2 .vl-faq-thumb-1 img {
    height: 480px;
    border-radius: 8px;
    object-fit: cover
}

.vl-faq-thumb-wrap2 .vl-faq-thumb-2 {
    position: relative;
    z-index: 1;
    right: -204px;
    top: -154px
}

.vl-faq-thumb-wrap2 .vl-faq-thumb-2::after {
    position: absolute;
    content: "";
    background: var(--vkl-text-text-white);
    height: 330px;
    width: 370px;
    left: -16px;
    top: -16px;
    z-index: -1;
    border-radius: 8px
}

.vl-faq-thumb-wrap2 .vl-faq-thumb-2 img {
    width: 370px;
    height: 330px;
    border-radius: 8px;
    object-fit: cover
}

.vkl-green-offwhite-2,
.vl-faq-10 {
    background: var(--vkl-bg-bg-15)
}

.vl-btn,
.vl-btn-sec {
    display: inline-block;
    position: relative;
    background: var(--vkl-text-text-1);
    font-size: 18px
}

.vl-faq-thumb-wrap2 {
    height: 658px
}

.vl-faqs10 .vl-accordion-item .vl-accordion-button {
    color: var(--vkl-text-text-24);
    font-size: var(--vkl-font-size-font-s20);
    width: 100%
}

.vl-faqs10 .vl-accordion-item .vl-accordion-button.collapsed {
    padding: 22px 20px;
    border-radius: 8px;
    height: 64px;
    color: var(--vkl-text-text-24);
    background: var(--vkl-bg-bg-15)
}

.vl-faqs10 .vl-accordion-item .vl-accordion-button.collapsed span.vl-faqarrow {
    top: 16px;
    background: var(--vkl-text-text-24);
    color: var(--vkl-text-text-white);
    height: 32px;
    border-radius: 50px;
    transform: rotate(0)
}

.vl-faqs10 .vl-accordion-item .vl-accordion-button span.vl-faqarrow {
    top: 15px;
    background: var(--vkl-text-text-1);
    height: 32px;
    border-radius: 50px;
    transform: rotate(-180deg)
}

.btn-primary-10 span,
.btn-primary-9 span,
.vl-primary-btn .arrow,
.vl-primary-btn-4 span {
    transform: rotate(-45deg)
}

.vl-btn {
    padding: 16px 45px;
    border-radius: 8px;
    overflow: hidden
}

.vl-btn:hover {
    background: var(--vl-theme-color);
    border-color: var(--vl-theme-color);
    opacity: 1
}

.vl-btn-sec:hover .vl-btn-y-1,
.vl-btn:hover .vl-btn-y-1 {
    transform: translateY(-100%)
}

.vl-btn-sec:hover .vl-btn-y-2,
.vl-btn:hover .vl-btn-y-2 {
    transform: translateY(0)
}

.vl-btn-sec {
    padding: 16px 24px;
    border-radius: 8px
}

.vl-primary-btn .text,
.vl-primary-btn-2 {
    padding: 18px 24px;
    background: #F5850A;
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-ex-bold)
}

.vl-btn-wrap {
    position: relative;
    overflow: hidden;
    display: block;
    font-weight: var(--vkl-weight-ex-bold);
    text-transform: uppercase
}

.vl-contact-from-btn5 .vl-primary-btn-5,
.vl-primary-btn,
.vl-primary-btn .text,
.vl-primary-btn-2,
.vl-sin-tags ul li {
    display: inline-block
}

.vl-btn-wrap span {
    transition: 0.3s;
    display: block
}

.vl-btn-y-2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    transform: translateY(100%)
}

.vl-primary-btn .text {
    transition: 0.3s
}

.vl-primary-btn .arrow {
    background: #F5850A;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    font-size: 20px;
    transition: 0.3s
}

.vl-bner-btn-flx .vl-primary-btn-3::after,
.vl-primary-btn-3::after,
.vl-primary-btn-5::after {
    position: absolute;
    content: "";
    line-height: 36px
}

.vl-primary-btn:hover .text {
    margin-right: 0;
    transition: 0.3s;
    background: #2B0D1D
}

.vl-primary-btn:hover .arrow {
    background: #2B0D1D;
    transform: rotate(0);
    transition: 0.3s
}

.vl-primary-btn-7 .arrow,
.vl-primary-btn-7 .text {
    color: var(--vkl-text-text-19);
    background: var(--vkl-text-text-21);
    transition: 0.3s
}

.vl-primary-btn-7:hover .text {
    margin-right: 0;
    transition: 0.3s;
    background: var(--vkl-text-text-19)
}

.vl-primary-btn-7:hover .arrow {
    background: var(--vkl-text-text-19);
    transform: rotate(0);
    transition: 0.3s
}

.vl-primary-btn-2 {
    position: relative;
    overflow: hidden;
    z-index: 1;
    line-height: 1;
    flex: 0 0 auto
}

.vl-primary-btn-3,
.vl-primary-btn-4,
.vl-primary-btn-5 {
    color: #fff;
    font-size: var(--vkl-font-size-font-s16);
    font-weight: 600;
    display: inline-block;
    position: relative;
    z-index: 1
}

.btn-primary-10,
.btn-primary-9,
.vl-primary-btn-3,
.vl-primary-btn-4,
.vl-primary-btn-5,
.vl-primary-btn-6,
.vl-section-title .subtitle {
    line-height: var(--vkl-specing-height18)
}

.vl-primary-btn-2::after {
    position: absolute;
    content: "";
    background: var(--vkl-text-text-2);
    width: 100%;
    height: 0%;
    left: 50%;
    top: 50%;
    border-radius: 0;
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: -1;
    transition: 0.5s
}

.vl-primary-btn-2:hover::after {
    height: 450%
}

.vl-contact-btn .vl-primary-btn-2:hover::after {
    height: 700%
}

.vl-cta-btn .vl-primary-btn-2:hover::after {
    height: 400%
}

.vl-primary-btn-3 {
    padding: 18px 0;
    background: 0 0;
    font-family: "Inter", sans-serif;
    color: #fff;
}

.vl-blgo-are5a .vl-blog-cont-4 .red-mor span,
.vl-blog-area-wrap .vl-blog-content .lernmore span,
.vl-blog-wraper3 .vl-blog-content3 .blog-redmor span,
.vl-primary-btn-3 span,
.vl-servic-icon-box .vl-service-content .redmor span,
.vl-single-service-box-wrap .vl-service-conten2t .vl-service-content-bloc2k .redmor span {
    display: inline-block;
    transform: rotate(-45deg);
    transition: 0.3s
}

.btn-primary-10:hover span,
.vl-blog-area-wrap-flex .vl-blog-content .lernm:hover span,
.vl-blog-area-wrap:hover .vl-blog-content .lernmore span,
.vl-blog-wraper3 .vl-blog-content3 .blog-redmor:hover span,
.vl-primary-btn-3:hover span,
.vl-primary-btn-4:hover span,
.vl-servic-icon-box .vl-service-content .redmor:hover span,
.vl-single-service-box-wrap .vl-service-conten2t .vl-service-content-bloc2k .redmor:hover span {
    transform: rotate(0);
    transition: 0.3s
}

.vl-primary-btn-3::after {
    background: #fff;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 8px;
    z-index: -1;
    transition: 0.3s
}

.vl-blog-area-wrap:hover .vl-blog-content .lernmore,
.vl-blog-area-wrap:hover .vl-blog-content .title,
.vl-blog-area-wrap:hover .vl-blog-content .vl-blog-meta ul li a,
.vl-blog-wraper3:hover .vl-blog-dt .date,
.vl-blog-wraper3:hover .vl-blog-dt .date span.mon,
.vl-hero-content-10 .vl-section-title-10 .subtitle,
.vl-primary-btn-3:hover,
.vl-primary-btn-4:hover,
.vl-service-wrp3:hover .vl-ser-content .title {
    color: var(--vkl-text-text-white);
    transition: 0.3s
}

.header-sticky .vl-primary-btn-2::after {
    background: #fff
}

.header-sticky .vl-main-menu.vl-main-menu-black ul li a>:hover a,
.header-sticky .vl-primary-btn-2:hover,
.vl-copy-righ1t .vl-copy-right-menu-10 ul li a:hover,
.vl-main-menu ul>li .sub-menu li:hover>a,
.vl-main-menu-4 ul>li .sub-menu li:hover>a,
.vl-main-menu-4 ul>li:hover a,
.vl-main-menu-5 ul>li .sub-menu li:hover>a,
.vl-main-menu-black ul li .sub-menu li:hover>a,
.vl-main-menu-black ul li:hover a {
    color: var(--vkl-text-text-1)
}

.vl-logo img {
    width: 120px
}

.vl-primary-btn-4 span,
.vl-primary-btn-6 span {
    width: 32px;
    background: var(--vkl-text-text-white)
}

.vl-bner-btn-flx .vl-primary-btn-3 {
    background: var(--vkl-text-text-white);
    color: var(--vkl-text-text-2)
}

.vl-bner-btn-flx .vl-primary-btn-3::after {
    background: #e7e7e7;
    height: 36px;
    width: 36px;
    border-radius: 50px;
    left: 11px;
    top: 8px;
    z-index: -1;
    transition: 0.3s
}

.vl-bner-btn-flx .vl-primary-btn-3.second-btn:hover::after,
.vl-bner-btn-flx .vl-primary-btn-3:hover::after,
.vl-primary-btn-4::after {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.vl-bner-btn-flx .vl-primary-btn-3.second-btn {
    background: 0 0;
    border: 1px solid var(--vkl-text-text-white);
    padding: 16px 24px;
    color: var(--vkl-text-text-white)
}

.vl-primary-btn-4.secondrybtn::after,
.vl-section-title .subtitle span {
    background: var(--vkl-text-text-1)
}

.vl-bner-btn-flx .vl-primary-btn-3.second-btn::after {
    position: absolute;
    content: "";
    background: #3aaa47;
    height: 36px;
    width: 36px;
    line-height: 36px;
    border-radius: 50px;
    left: 11px;
    top: 8px;
    z-index: -1;
    transition: 0.3s
}

.vl-primary-btn-4 {
    background: #F5850A;
    padding: 12px 20px 12px 25px
}

.vl-primary-btn-4 span {
    display: inline-block;
    transition: 0.3s;
    height: 32px;
    color: #43141d;
    text-align: center;
    border-radius: 50px;
    line-height: 35px;
    margin-left: 8px
}

.vl-primary-btn-4::after {
    position: absolute;
    content: "";
    background: #43141d;
    z-index: -1;
    transform: scaleX(0);
    transition: 0.3s
}

.vl-primary-btn-4:hover::after {
    transform: scaleX(1);
    transition: 0.3s
}

.vl-primary-btn-4.secondrybtn {
    background: 0 0;
    border: 2px solid var(--vkl-text-text-1);
    color: var(--vkl-text-text-1);
    padding-top: 10px;
    padding-bottom: 10px
}

.vl-header-area-4.header-sticky .vl-primary-btn-4,
.vl-primary-btn-4.secondrybtn:hover span,
.vl-single-cart-box .vl-cart-para .vl-cart-btn:hover .vl-primary-btn-4 span {
    background: var(--vkl-text-text-white);
    color: var(--vkl-text-text-1)
}

.vl-primary-btn-5 {
    background: #099ac6;
    border-radius: 8px;
    padding: 17px 20px;
    transition: 0.3s;
    text-transform: uppercase;
    font-family: "Inter", sans-serif
}

.vl-primary-btn-5::after,
.vl-primary-btn-6,
.vl-primary-btn-6 span {
    border-radius: 50px;
    transition: 0.3s
}

.vl-primary-btn-5::after {
    left: 8px;
    top: 8px;
    background: #29333b;
    height: 36px;
    width: 36px;
    z-index: -1
}

.btn-primary-8::after,
.btn-primary-9::after {
    left: 8px;
    top: 10px;
    height: 30px;
    width: 30px;
    content: "";
    z-index: -1;
    position: absolute
}

.btn-primary-8:hover::after,
.vl-primary-btn-5:hover::after {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 8px
}

.vl-primary-btn-6 {
    background: var(--vkl-text-text-12);
    font-size: var(--vkl-font-size-font-s18);
    font-weight: var(--vkl-weight-bold);
    padding: 12px 24px 12px 10px;
    display: inline-block
}

.btn-primary-8,
.btn-primary-9 {
    transition: 0.3s;
    display: inline-block;
    padding: 17px 20px !important;
    text-transform: capitalize;
    position: relative;
    z-index: 1
}

.vl-primary-btn-6 span {
    height: 32px;
    line-height: 32px;
    text-align: center;
    display: inline-block !important;
    margin-right: 10px
}

.vl-primary-btn-6:hover {
    transform: translateY(-2px)
}

.vl-primary-btn-6:hover span {
    transform: rotate(45deg)
}

.vl-thumb-btn .vl-primary-btn-6 {
    color: var(--vkl-text-text-16) !important;
    padding: 12px 24px 12px 10px !important
}

.mr-24,
.vl-primary-btn-6.mr-24 {
    margin-right: 24px
}

.btn-primary-8 {
    color: var(--vkl-text-text-19);
    font-size: var(--vkl-font-size-font-s18) !important;
    line-height: var(--vkl-specing-height18) !important;
    font-weight: var(--vkl-weight-bold) !important;
    background: var(--vkl-text-text-21);
    border-radius: 8px
}

.btn-primary-8::after {
    background: #e5c207;
    border-radius: 50px;
    transition: 0.3s
}

.btn-primary-9 {
    color: #fff;
    font-size: var(--vkl-font-size-font-s16) !important;
    font-weight: 500;
    background: #2B0D1D;
    border-radius: 50px
}

.btn-primary-10,
.vl-upper {
    text-transform: uppercase
}

.btn-primary-9 span {
    color: #fff;
    display: inline-block;
    transition: 0.3s
}

.btn-primary-10,
.btn-primary-10 span {
    color: var(--vkl-text-text-white);
    transition: 0.3s;
    display: inline-block
}

.btn-primary-9::after {
    background: #573239;
    border-radius: 50px;
    transition: 0.3s
}

.btn-primary-9:hover span {
    transform: rotate(0);
    transition: 0.3s;
    color: #fff
}

.btn-primary-9:hover::after {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50px;
    background-color: #F5850A
}

.btn-primary-10 {
    font-size: var(--vkl-font-size-font-s16);
    font-weight: 600;
    background: 0 0;
    padding: 17px 0;
    position: relative;
    z-index: 1
}

.btn-primary-10::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 5px;
    width: 100%;
    background: #fff;
    height: 2px;
    transition: 0.3s;
    z-index: -1
}

.about-img,
.p-relative,
.slider-content,
.vl-about-us-thumb-area,
.vl-banner-content .hvideo-shape,
.vl-checkout-coupon-form-input-box,
.vl-hero-shape5,
.vl-newstleer-4,
.vl-offcanvas-menu ul li,
.vl-section-title,
.vl-service-iner-icon-box-wrap {
    position: relative
}

.btn-primary-10:hover,
.vl-contact-box-warp-5 p,
.vl-cta-content-10 p,
.vl-hero-reviews ul li.fivestar,
.vl-home-thumb.vl-home-thumb-4 .vl-primary-btn-4,
.vl-process-box-content p {
    color: #fff
}

.header-top-area-5 a,
.header-top-area-5 p,
.vkl-text-blck-5,
.vl-about-content-box-main-flex .vl-counter-box .title span,
.vl-blog-area-wrap-flex.vl-blog-area-5 .title,
.vl-blog-area-wrap-flex.vl-blog-area-5 .vl-blog-content-meta-thumb a,
.vl-header-top-ic-box-5 a,
.vl-thumb-btn .btn-primary-9 {
    color: var(--vkl-text-text-7)
}

.subcribtion__btn .btn-primary-9::after {
    left: 104px
}

.frombtn9 .btn-primary-9:hover::after,
.subcribtion__btn .btn-primary-10:hover::after,
.subcribtion__btn .btn-primary-9:hover::after,
.vl-shape2 .cta-cmn-shape-1 {
    left: 0
}

.subcribtion__btn .btn-primary-10::after {
    left: 127px
}

.vl-thumb-btn .btn-primary-10 {
    color: #fff !important
}

.vl-banner-content .vl-section-title .subtitle {
    color: var(--vkl-text-text-white);
    background: rgb(255 255 255 / .1);
    backdrop-filter: blur(5px);
    transform: translateX(-304px);
    transition: 1.2s;
    opacity: 0
}

.vl-banner-content .vl-section-title .title {
    color: var(--vkl-text-text-white);
    font-size: var(--vkl-font-size-font-s50);
    line-height: 50px;
    font-weight: 600;
    transform: translateX(-500px);
    transition: 1.4s;
    opacity: 0;
    font-family: "Inter", sans-serif;
    font-size: 40px
}

.vl-banner-content .vl-section-title p {
    color: var(--vkl-text-text-4);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height28);
    transform: translateX(-500px);
    transition: 1.5s;
    opacity: 0
}

.vl-banner-content .vl-section-title .vl-slider-btn {
    transform: translateX(-500px);
    transition: 1.6s;
    opacity: 1
}

.vl-banner-content .hvideo-shape img {
    height: 60px;
    width: 120px;
    border-radius: 100px
}

.vl-banner-content .hvideo-shape .vid-ico {
    background: #fff;
    height: 24px;
    width: 24px;
    line-height: 24px;
    display: inline-block;
    border-radius: 50px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%)
}

.vl-banner-content .hvideo-shape .vid-ico i {
    font-size: 10px;
    color: var(--vkl-text-text-1);
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.vl-banner-1 .swiper-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active .vl-banner-content .subtitle {
    transform: translateX(0);
    transition: 1.2s;
    opacity: 1
}

.vl-banner-1 .swiper-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active .vl-banner-content .title {
    transform: translateX(0);
    transition: 1.4s;
    opacity: 1
}

.vl-banner-1 .swiper-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active .vl-banner-content p {
    transform: translateX(0);
    transition: 1.5s;
    opacity: 1
}

.vl-banner-1 .swiper-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active .vl-banner-content .vl-slider-btn {
    transform: translateX(0);
    transition: 1.6s;
    opacity: 1
}

.vl-section-title,
.z-index-1 {
    z-index: 1
}

.vl-section-title .subtitle {
    font-size: var(--vkl-font-size-font-s18);
    font-weight: var(--vkl-weight-semibold);
    display: inline-block;
    padding: 6px 14px 6px 8px
}

.vl-section-title .subtitle span {
    height: 28px;
    width: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    margin-right: 4px
}

.vl-section-title .subtitle-2 {
    padding-left: 40px;
    padding-right: 40px;
    position: relative
}

.vl-section-title .subtitle-2 span {
    background: 0 0;
    height: inherit;
    line-height: inherit
}

.vl-section-title .subtitle-2 .vl-shape-bef {
    position: absolute;
    left: 0
}

.vl-section-title .subtitle-2 .vl-shape-aft {
    position: absolute;
    right: 0
}

.vl-section-title .title {
    font-size: var(--vkl-font-size-font-s35);
    line-height: var(--vkl-specing-height40);
    font-weight: 600;
    color: #2B0D1D;
    font-family: "Inter", sans-serif
}

.vl-section-title-10 .subtitle,
.vl-section-title-9 .subtitle {
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-semibold);
    font-size: var(--vkl-font-size-font-s18);
    text-transform: capitalize
}

.vl-blog-meta-list ul li a span img.icon,
.vl-section-title-5 .subtitle cite img {
    margin-top: -4px;
    margin-right: 4px
}

.header-sticky.vl-header-area-6 .vl-main-menu.vl-main-menu-6 ul li a:hover,
.vl-copy-righ1t .vl-copy-right-menu-6 ul li a:hover,
.vl-footer-widget-5-6.footer-col-2 .title,
.vl-footer-widget-5-6.footer-col-3 .title,
.vl-footer-widget-5-6.footer-col-4 .title,
.vl-footer-widget-7-6.footer-col-2 .title,
.vl-footer-widget-7-6.footer-col-3 .title,
.vl-footer-widget-7-6.footer-col-4 .title,
.vl-hero-content-six .vl-section-title .subtitle,
.vl-main-menu-6 ul>li .sub-menu li a:hover,
.vl-section-title-6 .subtitle,
.vl-work-hour .vl-work-box-flex .single-box-item .vl-work-day-6 span,
.vl-work-hour-6 .title,
.vl-work-process-box6 .vl-work-process-content .title {
    color: var(--vkl-text-text-12)
}

.vl-section-title-7 .subtitle {
    color: var(--vkl-text-text-19);
    padding: inherit
}

.vl-section-title-7 .title {
    color: #2B0D1D
}

.vl-copy-righ1t .vl-copy-right-menu-9 ul li a,
.vl-copy-righ1t .vl-footer-copy-right-widget-9 .para,
.vl-copy-righ1t-8 .vl-copy-right-menu-8,
.vl-copy-righ1t-8 .vl-footer-copy-right-widget-8,
.vl-section-title-7 p {
    color: var(--vkl-text-text-9)
}

.vl-section-title-9 .subtitle {
    color: var(--vkl-text-text-7);
    background: var(--vkl-text-text-23);
    padding: 6px 14px 6px 8px;
    border-radius: 50px
}

.vl-tab-box-ac .nav-link,
.vl-tab-box-ac .nav-link.active {
    padding: 28px 24px;
    transition: 0.3s;
    background: var(--vkl-bg-bg-2)
}

.vl-section-title-9 .title {
    color: #163d6b
}

.vl-copy-righ1t .vl-copy-right-menu-7 ul li a,
.vl-copy-righ1t .vl-footer-copy-right-widget-7 .para,
.vl-section-title-10 p,
.vl-section-title-9 p {
    color: var(--vkl-text-text-20)
}

.vl-section-title-10 .subtitle,
.vl-section-title-10 .title {
    color: var(--vkl-text-text-24)
}

.vl-hero-content-eight .vl-section-title .title,
.vl-hero-content-five .title,
.vl-section-title.hero-sec-title-7 .title {
    font-size: var(--vkl-font-size-font-s60);
    line-height: var(--vkl-specing-height70)
}

.vl-footer-widget-7.footer-col-2 .vl-footer-menu ul li a,
.vl-section-title.hero-sec-title-7 .subtitle {
    color: var(--vkl-text-text-19);
    transition: 0.3s
}

.vl-section-title.hero-sec-title-7 .title {
    font-weight: var(--vkl-weight-bold);
    text-transform: capitalize;
    color: var(--vkl-text-text-19)
}

.vl-section-title.hero-sec-title-7 p {
    color: var(--vkl-text-text-20);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height26);
    transition: 0.3s
}

.progress-wrap::after,
.progress-wrap::before {
    font-family: FontAwesome;
    content: "\f062";
    line-height: 56px;
    text-align: center;
    top: 0;
    left: 0;
    position: absolute
}

.vl-newslater-box-grid,
.vl-tab-grid {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.vl-baner-tab-thumb img {
    height: 462px;
    object-fit: cover;
    transition: 0.3s;
    border-radius: 15px
}

.app-download-wrapper>div,
.vkl__product__details-quantity-wrap,
.vl-blog-ch-box .vl-ch-box-title-flex,
.vl-case-box-wraper-8 .vl-case-progress-main-flex,
.vl-service-wrp3 .vl-ser-content .vl-service-ic-block-flex,
.vl-sin-tags,
.vl-single-coments-box .vl-cmnts-flex .vl-auth-flex,
.vl-tab-heading-content .vl-tab-heading-flx,
.vl-testimonial-wrap-5 .vl-testimonial-auth-flex,
.vl-testimonial-wrap-6 .vl-testimonial-auth-flex,
.vl-testimonial-wrap-9 .vl-testimonial-auth-flex,
.vl-testimonial-wrap3 .vl-testimonial-auth-flx {
    display: flex;
    align-items: center
}

.vl-tab-heading-content .vl-tab-heading-flx .icon span img {
    margin-right: 20px;
    width: 50px
}

.vl-tab-heading-content .vl-tab-heading-flx .vl-heading .title {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height24);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s
}

.instagram,
.vl-testimonial-wrapper-7 {
    background-color: #f8f8f8
}

.vl-tab-heading-content .vl-heading-desc p {
    padding-top: 16px;
    transform: translateY(10px);
    transition: 0.3s
}

.vl-tab-box-ac .nav-link {
    border-radius: 15px;
    height: 108px;
    margin-bottom: 20px;
    overflow: hidden
}

.progress-wrap,
.progress-wrap::after,
.progress-wrap::before {
    height: 56px;
    width: 56px;
    display: block;
    cursor: pointer
}

.vl-tab-box-ac .nav-link.active {
    border-radius: 15px;
    height: 100%
}

.vl-tab-box-ac .nav-link.active .vl-heading-desc p {
    transform: translateY(0);
    transition: 0.3s
}

.progress-wrap {
    position: fixed;
    right: 30px;
    bottom: 30px;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgb(0 0 0 / .1);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: 0.2s linear
}

.vl-header-action-item,
.vl-header-action-item-5 {
    border: 1px solid #fff;
    color: #fff
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    z-index: 999
}

.progress-wrap::after {
    font-size: 18px;
    color: #ec942b;
    z-index: 1;
    transition: 0.2s linear
}

.progress-wrap::before {
    font-size: 18px;
    opacity: 0;
    z-index: 2;
    transition: 0.2s linear
}

.progress-wrap:hover::before {
    opacity: 1
}

.progress-wrap svg path {
    fill: none
}

.progress-wrap svg.progress-circle path {
    stroke: var(--vkl-text-text-1);
    stroke-width: 4;
    box-sizing: border-box;
    transition: 0.2s linear
}

.vl-header-action-item {
    float: right;
    padding: 7px 11px
}

.vl-header-action-item-3,
.vl-header-action-item-4 {
    border: 1px solid var(--vkl-text-text-2);
    color: var(--vkl-text-text-2)
}

.vl-header-action-item-6 {
    color: var(--vkl-text-text-12);
    border: 1px solid var(--vkl-text-text-12)
}

.vl-offcanvas {
    position: fixed;
    background: #fff;
    width: 450px;
    z-index: 999;
    right: 0;
    top: 0;
    padding: 20px;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: 0.3s;
    overflow-y: scroll;
    overscroll-behavior-y: contain;
    scrollbar-width: none
}

.vl-offcanvas-open {
    opacity: 1;
    visibility: visible;
    transform: translateX(0)
}

.vl-offcanvas-close-toggle {
    font-size: 30px;
    color: var(--vl-heading-color)
}

.vl-offcanvas-title {
    font-size: 35px
}

.vl-offcanvas-info span {
    display: block;
    color: var(--vkl-text-text-2);
    margin-bottom: 5px
}

.vl-offcanvas-info span a {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #000
}

.vl-offcanvas-sm-title {
    font-size: 25px
}

.vl-offcanvas-social a {
    display: inline-block;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    color: var(--vl-heading-color);
    border: 1px solid rgb(2 11 24 / .1);
    font-size: 14px;
    transition: 0.3s
}

.vl-offcanvas-social a:hover {
    background: var(--vkl-text-text-1);
    color: #F5850A;
    transition: 0.3s
}

.vl-offcanvas-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    background: rgb(24 24 24 / .4)
}

.vl-offcanvas-overlay-open {
    opacity: .7;
    visibility: visible
}

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

.loading,
.loading-container {
    height: 140px;
    position: relative;
    width: 140px;
    border-radius: 100%
}

.loading-container {
    margin: 40px auto
}

.loading {
    border: 2px solid #fff0;
    border-color: #fff0 #fff #fff0;
    transform-origin: 50% 50%
}

.vl-about-cvheck-box-6 ul li span,
.vl-about-icon-box-6 .icon span,
.vl-aboutcheck-8 ul li span,
.vl-checklist ul li span,
.vl-contact-iconbox-icon span {
    border-radius: 50px;
    display: inline-block;
    text-align: center
}

.loading-container .loading,
.loading-container:hover .loading {
    transition: 0.5s ease-in-out
}

#loading-icon {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0)
    }

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

@keyframes animation-5 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.1)
    }
}

.aniamtion-key-5 {
    position: relative;
    animation-name: animation-5;
    animation-duration: 1.5s
}

@keyframes animation-7 {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(-1000deg)
    }
}

.keyframe5 {
    position: relative;
    animation-name: animation-7;
    animation-duration: 90s;
    animation-timing-function: cubic-bezier(.59, .59, 1, 1)
}

@keyframes animation-1 {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(30px)
    }
}

.aniamtion-key-1 {
    position: relative;
    animation-name: animation-1;
    animation-duration: 3s
}

@keyframes animation-2 {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(50px)
    }
}

.aniamtion-key-2 {
    position: relative;
    animation-name: animation-2;
    animation-duration: 2.5s
}

@keyframes animation-3 {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(60px)
    }
}

.aniamtion-key-3 {
    position: relative;
    animation-name: animation-3;
    animation-duration: 1.3s
}

@keyframes animation-4 {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(40px)
    }
}

.aniamtion-key-4 {
    position: relative;
    animation-name: animation-4;
    animation-duration: 1.6s
}

@keyframes animation-6 {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(50px)
    }
}

.aniamtion-key-6 {
    position: relative;
    animation-name: animation-6;
    animation-duration: 1.9s
}

@keyframes animation-8 {
    0% {
        padding-left: 0
    }

    100% {
        padding-left: 50px
    }
}

.aniamtion-key-7 {
    position: relative;
    animation-name: animation-8;
    animation-duration: 1.3s
}

@-webkit-keyframes fade-in-down {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fade-in-down {
    0% {
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }
}

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

    100% {
        transform: translateX(0) translateY(0) translateZ(0) scale(1.5);
        opacity: 1
    }
}

.pulse-border {
    position: relative;
    animation-name: pulse-border;
    animation-duration: 1.5s
}

@keyframes infiniteAnimation {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }
}

.element {
    width: 100px;
    height: 100px;
    background-color: #3498db;
    animation: 2s linear infinite infiniteAnimation
}

.circle {
    animation: 9s linear infinite rotateCircle
}

@keyframes rotateCircle {
    0% {
        transform: rotate(0)
    }
}

@keyframes vlfadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

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

.vlfadeInDown {
    animation: 1s ease-out forwards vlfadeInDown
}

@keyframes marquee {

    0%,
    from {
        transform: translateX(0)
    }

    100% {
        transform: translatex(-100%)
    }

    to {
        transform: translateX(-50%)
    }
}

@keyframes marquee-2 {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translatex(0)
    }
}

.reveal {
    position: relative;
    display: -ms-inline-flexbox;
    visibility: hidden;
    overflow: hidden
}

.reveal img {
    height: 100%;
    width: 100%;
    display: inline-block;
    -o-object-fit: cover;
    object-fit: cover;
    transform-origin: left
}

.image-anime {
    position: relative;
    overflow: hidden
}

.image-anime:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgb(255 255 255 / .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1
}

.image-anime:hover:after {
    height: 250%;
    transition: 0.6s linear;
    background-color: #fff0
}

.vl-single-icon-box {
    position: relative;
    padding: 40px;
    transition: 0.3s
}

.vl-single-icon-box .icon span {
    background: var(--vkl-text-text-white);
    height: 120px;
    width: 120px;
    border-radius: 50%;
    line-height: 120px;
    display: inline-block;
    transition: 0.3s;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -77px
}

.vl-single-coments-box .vl-cmnts-flex .vl-auth-flex .content .title,
.vl-single-icon-box .vl-content-block .title,
.vl-team-wrap .vl-team-auth-content .title {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height24);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s
}

.vl-contact-iconbox-phone a:hover,
.vl-single-icon-box .vl-content-block .title:hover {
    color: var(--vkl-text-text-1);
    transition: 0.3s
}

.service__iconbox10-content p,
.vl-single-icon-box .vl-content-block p,
p {
    line-height: var(--vkl-specing-height28)
}

.vl-header-top-phone-icon-box:hover .icon span,
.vl-single-icon-box:hover .icon span,
.vl-single-service-box-wrap:hover .icon-block span img {
    transform: rotateY(180deg);
    transition: 0.3s
}

.iconbox-mt {
    height: 256px;
    position: relative;
    z-index: 1;
    margin-top: -65px
}

.vl-checklist ul li {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-semibold);
    padding-bottom: 20px
}

.team__details__post-iconlist ul li:last-child,
.team__details__post-moreinfo ul li:last-child,
.vl-aboutcheck-8 ul li:last-child,
.vl-checklist ul li:last-child,
.vl-contact-iconbox-phone a:last-child,
.vl-footer-widget-2 .vl-footer-menu ul li:last-child {
    padding-bottom: 0
}

.vl-checklist ul li span {
    background: var(--vkl-text-text-1);
    color: var(--vkl-text-text-white);
    height: 22px;
    width: 22px;
    line-height: 24px;
    font-size: 12px;
    margin-right: 6px
}

.vl-contact-iconbox {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(16 17 16 / .1);
    transition: 0.3s
}

.vl-contact-iconbox:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.vl-contact-iconbox-icon span {
    height: 70px;
    width: 70px;
    line-height: 70px;
    background: var(--vkl-bg-bg-2);
    transition: 0.3s
}

.vl-contact-icon-box-5 .vl-contact-icon-box-flex:hover,
.vl-contact-iconbox-icon span img {
    transition: 0.3s
}

.vl-contact-iconbox-phone a {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height16);
    font-weight: var(--vkl-weight-medium);
    transition: 0.3s;
    padding-bottom: 16px;
    display: inline-block
}

.vl-contact-iconbox:hover .vl-contact-iconbox-icon span {
    background: var(--vkl-text-text-1);
    transition: 0.3s;
    transform: rotateY(180deg)
}

.vl-blog-area-wrap-flex:hover .vl-blog-date a span img,
.vl-blog-area-wrap:hover .vl-blog-content .vl-blog-meta ul li a span img,
.vl-contact-iconbox:hover .vl-contact-iconbox-icon span img {
    filter: brightness(0) invert(1);
    transition: 0.3s
}

.vl-single-service-box-wrap {
    position: relative;
    z-index: 1;
    border-radius: 20px;
    overflow: hidden
}

.vl-single-service-box-wrap .vl-service-conten2t {
    background: #f0fdee;
    color: var(--vkl-text-text-3);
    padding: 20px;
    position: absolute;
    bottom: 0;
    right: 104px;
    transform: translateY(150px);
    transition: 0.3s;
    z-index: 11
}

.vl-single-service-box-wrap .vl-service-conten2t .title {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    color: var(--vkl-text-text-2);
    padding: 0 0 43px;
    transition: 0.3s
}

.vl-single-service-box-wrap .vl-service-conten2t .vl-service-content-bloc2k p {
    font-size: 18px;
    line-height: 28px;
    color: rgb(255 255 255 / .9);
    padding-bottom: 25px
}

.vl-single-service-box-wrap .vl-service-conten2t .vl-service-content-bloc2k .redmor {
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px
}

.vl-single-service-box-wrap .icon-block span {
    background: #8db535;
    height: 80px;
    width: 107px;
    display: inline-block;
    line-height: 80px;
    text-align: center
}

.vl-single-service-box-wrap .icon-block span img {
    transition: 0.3s;
    width: 50px
}

.vl-service-wrp3:hover .vl-service-thumb,
.vl-single-service-box-wrap .vl-service-thumb {
    overflow: hidden;
    transition: 0.3s
}

.vl-single-service-box-wrap .vl-service-thumb img {
    border-top-left-radius: 20px;
    height: 300px;
    object-fit: contain;
    border: 5px solid #f0fdee;
    border-bottom: none
}

.vl-single-service-box-wrap:hover .vl-service-conten2t {
    transform: translateY(0);
    transition: 0.3s;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background: var(--vkl-text-text-1)
}

.vl-single-service-box-wrap:hover .vl-service-conten2t .title {
    padding-bottom: 16px;
    transition: 0.3s;
    color: var(--vkl-text-text-white)
}

.box {
    height: 570px !important;
    border-radius: 8px
}

.box img {
    width: 100%;
    border-radius: 8px
}

.vl-contact-icon-box-5 .vl-contact-icon-box-flex {
    background: #fff;
    padding: 20px 24px;
    border-radius: 8px;
    display: flex;
    transition: 0.3s;
    margin-bottom: 24px
}

.vl-contact-icon-box-5 .vl-contact-icon-box-flex .vl-contact-icon-box-icon span {
    background: #f5f5f5;
    height: 80px;
    width: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 80px;
    display: inline-block;
    margin-right: 16px;
    transition: 0.3s
}

.vl-contact-icon-box-5 .vl-contact-icon-box-flex .vl-contact-icon-box-content .title {
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height24);
    font-weight: 600;
    color: var(--vkl-text-text-7);
    transition: 0.3s
}

.vl-contact-icon-box-5 .vl-contact-icon-box-flex .vl-contact-icon-box-content a {
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height26);
    font-weight: var(--vkl-weight-medium);
    color: var(--vkl-text-text-9);
    transition: 0.3s
}

.vl-contact-icon-box-5 .vl-contact-icon-box-flex:hover .vl-contact-icon-box-icon span {
    background: #f5f5f5;
    transition: 0.3s;
    transform: rotateY(180deg)
}

.vl-about-icon-box-grid-10,
.vl-testimonial-box-grid-6 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px
}

.single__iconbox__wrap10 {
    text-align: center;
    padding: 0 32px;
    border-radius: 8px;
    transition: 0.3s
}

.single__iconbox__wrap10-icon span {
    position: relative;
    height: 70px;
    width: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.single__iconbox__wrap10-icon span::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(../images/white-circle.webp);
    background-size: contain;
    filter: invert(1);
    opacity: .1
}

.single__iconbox__wrap10-icon span img {
    position: relative;
    z-index: 1
}

.single__iconbox__wrap10-counter .title {
    font-size: var(--vkl-font-size-font-s40);
    line-height: var(--vkl-specing-height44);
    font-weight: 500;
    transition: 0.3s;
    color: #F5850A;
    padding-top: 24px
}

.single__iconbox__wrap10-content p {
    padding-top: 16px;
    font-size: 16px;
    line-height: 20px;
    font-weight: var(--vkl-weight-medium);
    transition: 0.3s;
    color: #2B0D1D
}

.single__iconbox__wrap10:hover,
.single__iconbox__wrap10:hover .single__iconbox__wrap10-icon span,
.vl-blgo-are5a:hover,
.vl-blgo-are5a:hover .blog-thumb,
.vl-main-menu-4 ul>li>a,
.vl-menu-close i,
.vl-single-blog-box-wraper-7 {
    transition: 0.3s
}

.service__iconbox10 {
    border-radius: 0 8px 8px;
    border: 1px solid #d7e2cb;
    transition: 0.3s;
    padding-bottom: 32px;
    padding-left: 31px;
    padding-right: 24px
}

.cmn-bt,
.vl-blog-meta-list {
    border-top: 1px solid #e7e7e7
}

.service__iconbox10-icon,
.sidebar__search-input-2,
.tp-testimonial-thumb-active,
.vl-about-thumb-area-five,
.vl-contact-col-3,
.vl-cta-area,
.vl-footer-5,
.vl-play-btn-animation span.popup-video i,
.vl-process-box,
.vl-process-box-icon,
.vl-single-service-wrap,
.vl-team-area,
.vl-testimonial-area,
.vl-work-single-box6-icon {
    position: relative;
    z-index: 1
}

.service__iconbox10-icon span {
    background: var(--vkl-bg-bg-14);
    transition: 0.3s;
    display: inline-block;
    padding: 17px;
    border-radius: 8px;
    border-top-left-radius: inherit
}

.header-sticky .vl-home-thumb.vl-home-thumb-3 .vl-primary-btn-4,
.service__iconbox10:hover .service__iconbox10-icon span,
.vkl-green-bg,
.vl-servic-slider-arrow-ab .vl-servic-button:hover,
.wup-arow span {
    background: var(--vkl-text-text-1)
}

.service__iconbox10-icon::after {
    content: "";
    position: absolute;
    left: -31px;
    width: 0;
    height: 0;
    border-left: 23px solid #fff0;
    border-right: 23px solid #fff0;
    border-top: 23px solid var(--vkl-bg-bg-14);
    top: 48%;
    transform: translateY(-88%) rotate(-45deg);
    transition: 0.3s
}

.service__iconbox10-content .title {
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s;
    color: var(--vkl-text-text-2);
    padding-top: 32px
}

.service__iconbox10-content .title:hover {
    color: var(--vkl-text-text-1);
    transition: 0.3s
}

.service__iconbox10-content p {
    font-size: var(--vkl-font-size-font-s18);
    font-weight: var(--vkl-weight-medium);
    transition: 0.3s;
    color: var(--vkl-text-text-3);
    padding-top: 16px
}

.service__iconbox10-content .service-redmore {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s;
    color: var(--vkl-text-text-2);
    display: inline-block;
    padding-top: 25px
}

.service__iconbox10-content .service-redmore span {
    transition: 0.3s;
    color: var(--vkl-text-text-2);
    display: inline-block;
    transform: rotate(-45deg)
}

.pannel-contarea .title:hover,
.service__iconbox10-content .service-redmore:hover,
.vl-blgo-are5a .vl-blog-cont-4 .red-mor:hover,
.vl-blgo-are5a .vl-blog-cont-4 .title:hover,
.vl-blgo-are5a .vl-blog-cont-4 .vl-blog-meta-5 ul li:hover,
.vl-blog-area-wrap-flex .vl-blog-content .lernm:hover,
.vl-blog-area-wrap-flex .vl-blog-content .title:hover,
.vl-blog-wraper3 .vl-blog-content3 .blog-redmor:hover,
.vl-blog-wraper3 .vl-blog-content3 .title:hover,
.vl-blog-wraper3 .vl-blog-content3 .vl-blog-meta a:hover,
.vl-single-blog-box-wraper-10 .vl-blog-content-block .blog-meta-flex .blog-date:hover,
.vl-single-blog-box-wraper-10 .vl-blog-content-block .redmor:hover,
.vl-single-blog-box-wraper-10 .vl-blog-content-block .title:hover,
.vl-single-coments-box .vl-cmnts-flex .vl-auth-flex .content .title:hover {
    color: var(--vkl-text-text-1);
    transition: 0.3s
}

.service__iconbox10-content .service-redmore:hover span {
    transform: rotate(0);
    transition: 0.3s;
    color: var(--vkl-text-text-1)
}

.service__iconbox10:hover {
    background: var(--vkl-bg-bg-14);
    transition: 0.3s;
    border: 1px solid var(--vkl-bg-bg-14)
}

.service__iconbox10:hover .service__iconbox10-icon::after {
    border-top: 23px solid var(--vkl-text-text-1)
}

.service__iconbox10-mt {
    margin-top: -36px
}

.vl-banner-content-bloc3k,
.vl-counter-bloc3k {
    padding: 60px
}

.vl-counter-bloc3k .vl-con-item-grid .vl-single-counter-box {
    display: inline-block;
    margin-right: 40px;
    padding-right: 40px;
    position: relative;
    z-index: 1
}

.vl-counter-bloc3k .vl-con-item-grid .vl-single-counter-box span {
    font-size: var(--vkl-font-size-font-s40);
    line-height: var(--vkl-specing-height40);
    font-weight: var(--vkl-weight-bold)
}

.vl-counter-bloc3k .vl-con-item-grid .vl-single-counter-box::after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 89px;
    width: 1px;
    background: var(--vkl-bg-bg-2)
}

.vl-cconter-box .vl-single-conter {
    display: inline-block;
    padding-right: 50px
}

.vkl__product__details-title,
.vl-cconter-box .vl-single-conter .title {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s40);
    line-height: var(--vkl-specing-height40);
    font-weight: var(--vkl-weight-bold)
}

.vl-counter-box-wrap6 {
    background: var(--vkl-text-text-12);
    border-radius: 16px;
    padding: 32px 24px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: -156px
}

.vl-counter-box-wrap6 .vl-single-counter-box6 .title {
    color: var(--vkl-text-text-16);
    font-size: var(--vkl-font-size-font-s44);
    line-height: var(--vkl-specing-height44);
    font-weight: var(--vkl-weight-regular)
}

.vl-counter-box-wrap6 .vl-single-counter-box6 .counter-desc {
    color: var(--vkl-text-text-16);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height26);
    font-weight: var(--vkl-weight-medium);
    padding-top: 18px;
    display: inline-block
}

.vl-counter-box-seven-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding: 0 40px 0 20px;
    text-align: center
}

.expand-flx,
.singlecard,
.vl-banner-six-btn-wrap,
.vl-contact-from-main-flex,
.vl-hero-right-btn-flex {
    display: flex
}

.vl-single-counter-box-7 .title {
    font-size: var(--vkl-font-size-font-s44);
    line-height: var(--vkl-specing-height44);
    font-weight: 400;
    color: #dca11d
}

.vl-single-counter-box-7 .desegnition {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height20);
    font-weight: 500;
    color: #fff
}

.panel {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 500px;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    flex: .5;
    margin: 10px;
    position: relative;
    transition: flex 0.7s ease-in
}

.panel.active {
    flex: 1
}

.panel.active .pannel-contarea {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease-in 0.4s
}

.pannel-contarea {
    background: var(--vkl-text-text-white);
    color: var(--vkl-text-text-2);
    padding: 28px 24px;
    border-radius: 30px;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s
}

.footer__supcription__form input[type="email"],
.pannel-contarea .subtitle,
.vl-footer-widget-10.footer-col-2 .vl-footer-menu ul li a,
.vl-footer-widget-10.footer-col-3 .vl-footer-menu ul li a,
.vl-main-menu ul>li>a {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    transition: 0.3s
}

.pannel-contarea .title,
.vl-breadcrumb-content ul li,
.vl-breadcrumb-content ul li a,
.vl-servic-icon-box .vl-service-content .title {
    line-height: var(--vkl-specing-height20);
    font-size: var(--vkl-font-size-font-s20)
}

.pannel-contarea .title,
.vl-servic-icon-box .vl-service-content .title {
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s;
    color: #2b0d1d
}

.wup-arow span {
    height: 56px;
    width: 56px;
    line-height: 56px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-radius: 50px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    transition: 0.3s
}

.vl-breadcrumb-area {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 238px;
    padding-bottom: 140px;
    position: relative;
    z-index: 1
}

.vl-breadcrumb-area::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: linear-gradient(105deg, rgb(16 17 16 / .81) 2.71%, rgb(16 17 16 / .09) 137.92%)
}

.vl-breadcrumb-content .vl-breadcrumb-title {
    color: var(--vkl-text-text-white);
    font-size: var(--vkl-font-size-font-s64);
    line-height: var(--vkl-specing-height64);
    font-weight: var(--vkl-weight-bold)
}

.vl-breadcrumb-content ul li {
    display: inline-block;
    color: var(--vkl-text-text-white);
    font-weight: var(--vkl-weight-medium);
    transition: 0.3s
}

.vl-breadcrumb-content ul li:hover {
    color: var(--vkl-text-text-1);
    transition: 0.3s;
    font-weight: var(--vkl-weight-bold)
}

.vl-breadcrumb-content ul li.active,
.vl-hero-content-2 .vl-section-title .title {
    color: var(--vkl-text-text-white);
    font-weight: var(--vkl-weight-bold)
}

.vl-breadcrumb-content ul li a {
    color: var(--vkl-text-text-white);
    font-weight: var(--vkl-weight-medium)
}

.vl-breadcrumb-content ul span.dvir {
    color: var(--vkl-text-text-white);
    margin: 0 6px;
    font-size: 16px
}

.vl-theme-pagination ul li {
    display: inline-block;
    margin-right: 10px
}

.vl-blog-area-wrap .vl-blog-content .vl-blog-meta ul li:last-child,
.vl-blog-area-wrap:hover .vl-blog-content .vl-blog-meta ul li:last-child,
.vl-theme-pagination ul li:last-child {
    margin-right: 0
}

.vl-theme-pagination ul li a {
    background: var(--vkl-bg-bg-2);
    color: var(--vkl-text-text-2);
    display: block;
    border-radius: 8px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    font-size: var(--vkl-font-size-font-s20);
    font-weight: var(--vkl-weight-semibold);
    transition: 0.3s
}

.vl-blog-wraper3:hover .vl-blog-dt,
.vl-footer-social-widget.team-social a:hover,
.vl-footer-widget-4 .vl-footer-social-widget a:hover,
.vl-servic-button:hover,
.vl-sin-tags ul li a:hover,
.vl-single-process-item:hover .subtitle,
.vl-team-wrap3 .vl-team-social a:hover,
.vl-team-wrap:hover .vl-social a:hover,
.vl-theme-pagination ul li a:hover {
    background: var(--vkl-text-text-1);
    color: var(--vkl-text-text-white);
    transition: 0.3s
}

.vl-team-wrap3 .vl-team-social a:hover,
.vl-team-wrap:hover .vl-social a:hover,
.vl-theme-pagination ul li a:hover {
    background: #2B0D1D;
    color: #fff;
    transition: 0.3s
}

.nice-select.vl-nice-select {
    border: #fff0;
    margin-bottom: 20px;
    height: 56px;
    line-height: 56px;
    color: var(--vkl-text-text-3);
    font-size: 20px;
    font-weight: 500
}

.progress-circle span,
.text .title {
    color: var(--vkl-text-text-2);
    font-weight: 700
}

.nice-select.vl-nice-select:focus,
button:focus {
    outline: 0
}

.nice-select.vl-nice-select::after {
    border-bottom: 2px solid var(--vkl-text-text-2);
    border-right: 2px solid var(--vkl-text-text-2);
    height: 8px;
    width: 8px
}

.nice-select.vl-nice-select-2 {
    background: var(--vkl-bg-bg-2);
    border-radius: 8px
}

.nice-select.vl-nice-select-3 {
    font-size: 16px
}

.tp-team-sm-title {
    font-size: 24px;
    line-height: 1
}

.progress-num,
.tp-skill-item label {
    font-size: 18px;
    line-height: 1;
    color: var(--vkl-text-text-2)
}

.tp-skill-item label {
    font-weight: 700;
    margin-bottom: 8px
}

.tp-skill-item .progress-bar {
    background-color: var(--vkl-text-text-1)
}

.tp-skill-item .progress,
.tp-skill-item .progress-stacked {
    height: 12px;
    background-color: #fff0;
    border-radius: 4px
}

.progress-outer {
    background: #e7e7e7;
    border-radius: 5px;
    position: relative
}

.progress-num {
    position: absolute;
    left: calc(25% - 31px);
    top: -36px;
    padding: 6px 5px;
    font-weight: var(--vkl-weight-bold)
}

.tpSkillInLeft {
    opacity: 0;
    animation: 2s ease-out forwards tpSkillInLeft
}

@keyframes tpSkillInLeft {
    0% {
        opacity: 0;
        transform: translateX(-300px)
    }

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

.tp-team-skill-info {
    background: var(--vkl-text-text-white);
    padding: 24px;
    border-radius: 8px
}

.card-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: absolute;
    bottom: 149px;
    left: 148px
}

.singlecard {
    background: #fff;
    border-radius: 12px;
    padding: 20px 24px;
    align-items: center;
    gap: 20px;
    width: 326px
}

.progress-circle {
    width: 56px;
    height: 56px;
    position: relative
}

.progress-circle svg {
    width: 62px;
    height: 62px;
    transform: rotate(-90deg)
}

.progress-circle circle {
    fill: none;
    stroke-width: 6;
    stroke-linecap: round
}

.progress-circle circle.bg {
    stroke: var(--vkl-bg-bg-2)
}

.progress-circle circle.progress {
    stroke: var(--vkl-text-text-1);
    stroke-dasharray: 176;
    stroke-dashoffset: 176;
    transition: stroke-dashoffset 1s
}

.progress-circle span {
    position: absolute;
    top: 55%;
    left: 57%;
    transform: translate(-50%, -50%);
    font-size: 14px
}

.video-play-button span,
.video-play-button-2 span {
    z-index: 3;
    height: 0;
    border-top: 12px solid #fff0;
    border-bottom: 12px solid #fff0;
    top: 10px;
    left: 5px;
    width: 0
}

.text .title {
    font-size: 20px;
    line-height: 1.4
}

.vl-video-thumb-wrap5 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    padding-bottom: 322px;
    background-attachment: fixed
}

.vl-video-thumb-wrap5::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #192026cf;
    opacity: .9
}

.video-play-button:before,
.vl-video-btn-wrap .plybtn {
    height: 80px;
    width: 80px;
    background: var(--vkl-text-text-white)
}

.video-section-title-5 .subtitle {
    color: var(--vkl-text-text-white);
    padding: inherit
}

.video-section-title-5 p {
    color: var(--vkl-text-text-white);
    opacity: .9
}

.vl-video-btn-wrap .plybtn {
    line-height: 80px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    position: relative;
    z-index: 999;
    font-size: 20px;
    color: var(--vkl-bg-bg-4)
}

.video-play-button,
.video-play-button:after,
.video-play-button:before {
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block
}

.vl-video-btn-wrap .plybtn::before {
    position: absolute;
    content: "";
    height: 90px;
    width: 90px;
    background: red;
    left: 0;
    z-index: 1
}

.video-play-button {
    position: absolute;
    z-index: 10;
    box-sizing: content-box;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
    margin-top: 40px
}

.video-play-button-2 {
    margin-top: 0
}

.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    border-radius: 50%
}

.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 60px;
    height: 60px;
    background: var(--vkl-text-text-white);
    border-radius: 50%;
    transition: 0.2s
}

.video-play-button-2:after,
.video-play-button-2:before {
    left: 50%;
    top: 50%;
    background: var(--vkl-text-text-21);
    border-radius: 50%;
    position: absolute;
    display: block;
    transform: translateX(-50%) translateY(-50%);
    content: ""
}

.video-play-button span {
    display: block;
    position: relative;
    border-left: 19px solid #0294d1
}

.video-play-button-2:before {
    z-index: 0;
    width: 80px;
    height: 80px
}

.video-play-button-2:after {
    z-index: 1;
    width: 60px;
    height: 60px;
    transition: 0.2s
}

.video-play-button-2 span {
    display: block;
    position: relative;
    border-left: 19px solid var(--vkl-text-text-7)
}

* {
    box-sizing: border-box
}

body {
    font-size: 14px;
    font-weight: 500;
    color: var(--vl-black);
    line-height: 26px;
    background-color: #fff
}

a {
    text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--vkl-theme-sec-color);
    margin-top: 0;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0
}

p {
    font-size: var(--vkl-font-size-font-s17);
    font-weight: 400;
    color: var(--vkl-text-text-3)
}

a:focus,
a:hover,
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

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

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

button:hover {
    cursor: pointer
}

input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="url"],
textarea {
    outline: 0;
    background-color: #fff;
    height: 48px;
    width: 100%;
    line-height: 48px;
    font-size: 15px;
    color: var(--vkl-common-black);
    padding-left: 16px;
    padding-right: 16px;
    border: 1px solid #e0e2e3
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
textarea:focus {
    border: 1px solid #e0e2e3
}

input[type="email"]:focus::placeholder,
input[type="number"]:focus::placeholder,
input[type="password"]:focus::placeholder,
input[type="tel"]:focus::placeholder,
input[type="text"]:focus::placeholder,
input[type="url"]:focus::placeholder,
textarea:focus::placeholder {
    opacity: 0
}

textarea {
    line-height: 1.4;
    padding-top: 17px;
    padding-bottom: 17px
}

::-moz-placeholder {
    background: var(--vkl-text-text-white);
    font-size: 14px;
    opacity: 1
}

::placeholder {
    color: var(--vkl-common-black);
    font-size: 14px;
    opacity: 1
}

.vl-offcanvas-menu ul,
ul li {
    list-style: none
}

.clients-section .swiper,
.vl-single-gallery-7:hover .vl-gallery-thumb-7:hover::after,
.w-img img {
    width: 100%
}

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

.br-8,
.vl-form-bnr-8 .select-box-wrap-8,
.vl-main-menu-5 {
    border-radius: 8px
}

.br-20,
.vkl__product__details__wrap-big-image img {
    border-radius: 20px
}

.br-30 {
    border-radius: 30px
}

.br-70 {
    border-radius: 70px
}

.fix {
    overflow: hidden
}

.clear {
    clear: both
}

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

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

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

.p-absolute,
.vl-wrk-thumb-bottom,
.work-top-shape {
    position: absolute
}

.vkl-white-menubg {
    border-radius: 20px;
    background: rgb(255 255 255 / .15);
    backdrop-filter: blur(4px)
}

.vkl-white-menubg-5 {
    background: var(--vkl-bg-bg-3);
    border-radius: 8px;
    padding: 12px
}

.vkl-text-white {
    color: var(--vkl-text-text-white) !important
}

.vkl-text-blck,
.vl-footer-widget-7.footer-col-3 .vl-footer-menu ul li a {
    color: var(--vkl-text-text-19)
}

.vkl-blck-bg-9 {
    background: var(--vkl-text-text-7)
}

.vkl-blc-bg {
    background: var(--vkl-text-text-5)
}

.vkl-blc-bg-6 {
    background: var(--vkl-bg-bg-7)
}

.vkl-black-bg-6,
.vl-main-menu-6 ul>li .sub-menu {
    background: var(--vkl-bg-bg-8)
}

.vkl-black-gray-bg-6 {
    background: var(--vkl-bg-bg-9)
}

.vkl-yellow-gray {
    background: var(--vkl-bg-bg-11)
}

.vkl-yellow-gray-wh {
    background: var(--vkl-bg-bg-12)
}

.vkl-green-bg-7 {
    background: #43141d
}

.header-sticky.vl-header-area-8,
.vkl-green-offwhite,
.vl__team__wrap__box5-6:hover .vl-team-social-icons a {
    background: var(--vkl-bg-bg-14)
}

.bg-green {
    background: var(--vkl-bg-bg-4)
}

.bg-off-green {
    background: var(--vkl-bg-bg-3)
}

.bg-offwhite-5bg,
.vl-imagebox-social a span {
    background: var(--vkl-bg-bg-5)
}

.bg-testimonial-bg {
    background: var(--vkl-bg-bg-6)
}

.vkl-offgren-bg {
    border-radius: 8px;
    background: rgb(31 161 46 / .1);
    backdrop-filter: blur(5px)
}

.thumb-bg,
.vl__service__wrap__five,
.vl__service__wrap__five .thumb {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.mt-1 {
    margin-top: 1px
}

.mt-2 {
    margin-top: 2px
}

.mt-3 {
    margin-top: 3px
}

.mt-4 {
    margin-top: 4px
}

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

.mt-6 {
    margin-top: 6px
}

.mt-7 {
    margin-top: 7px
}

.mt-8 {
    margin-top: 8px
}

.mt-9 {
    margin-top: 9px
}

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

.mt-11 {
    margin-top: 11px
}

.mt-12 {
    margin-top: 12px
}

.mt-13 {
    margin-top: 13px
}

.mt-14 {
    margin-top: 14px
}

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

.mt-16 {
    margin-top: 16px
}

.mt-17 {
    margin-top: 17px
}

.mt-18 {
    margin-top: 18px
}

.mt-19 {
    margin-top: 19px
}

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

.mt-21 {
    margin-top: 21px
}

.mt-22 {
    margin-top: 22px
}

.mt-23 {
    margin-top: 23px
}

.mt-24 {
    margin-top: 24px
}

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

.mt-26 {
    margin-top: 26px
}

.mt-27 {
    margin-top: 27px
}

.mt-28 {
    margin-top: 28px
}

.mt-29 {
    margin-top: 29px
}

.mt-30,
.vl-service-box-wrap-6 .vl-service-box-thumb-3 {
    margin-top: 30px
}

.mt-31 {
    margin-top: 31px
}

.mt-32 {
    margin-top: 32px
}

.mt-33 {
    margin-top: 33px
}

.mt-34 {
    margin-top: 34px
}

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

.mt-36 {
    margin-top: 36px
}

.mt-37 {
    margin-top: 37px
}

.mt-38 {
    margin-top: 38px
}

.mt-39 {
    margin-top: 39px
}

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

.mt-41 {
    margin-top: 41px
}

.mt-42 {
    margin-top: 42px
}

.mt-43 {
    margin-top: 43px
}

.mt-44 {
    margin-top: 44px
}

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

.mt-46,
.vl-ablout-content-2 .vl-counter-wrp-8 {
    margin-top: 46px
}

.mt-47 {
    margin-top: 47px
}

.mt-48 {
    margin-top: 48px
}

.mt-49 {
    margin-top: 49px
}

.mt-50,
marquee {
    margin-top: 50px
}

.mt-51 {
    margin-top: 51px
}

.mt-52 {
    margin-top: 52px
}

.mt-53 {
    margin-top: 53px
}

.mt-54 {
    margin-top: 54px
}

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

.mt-56 {
    margin-top: 56px
}

.mt-57 {
    margin-top: 57px
}

.mt-58 {
    margin-top: 58px
}

.mt-59 {
    margin-top: 59px
}

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

.mt-61 {
    margin-top: 61px
}

.mt-62 {
    margin-top: 62px
}

.mt-63 {
    margin-top: 63px
}

.mt-64 {
    margin-top: 64px
}

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

.mt-66 {
    margin-top: 66px
}

.mt-67 {
    margin-top: 67px
}

.mt-68 {
    margin-top: 68px
}

.mt-69 {
    margin-top: 69px
}

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

.mt-71 {
    margin-top: 71px
}

.mt-72 {
    margin-top: 72px
}

.mt-73 {
    margin-top: 73px
}

.mt-74 {
    margin-top: 74px
}

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

.mt-76 {
    margin-top: 76px
}

.mt-77 {
    margin-top: 77px
}

.mt-78 {
    margin-top: 78px
}

.mt-79 {
    margin-top: 79px
}

.banner-section.style-three .slide-item .title,
.banner-section.style-two .slide-item .title,
.mt-80 {
    margin-top: 80px
}

.mt-81 {
    margin-top: 81px
}

.mt-82 {
    margin-top: 82px
}

.mt-83 {
    margin-top: 83px
}

.mt-84 {
    margin-top: 84px
}

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

.mt-86 {
    margin-top: 86px
}

.mt-87 {
    margin-top: 87px
}

.mt-88 {
    margin-top: 88px
}

.mt-89 {
    margin-top: 89px
}

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

.mt-91 {
    margin-top: 91px
}

.mt-92 {
    margin-top: 92px
}

.mt-93 {
    margin-top: 93px
}

.mt-94 {
    margin-top: 94px
}

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

.mt-96 {
    margin-top: 96px
}

.mt-97 {
    margin-top: 97px
}

.mt-98 {
    margin-top: 98px
}

.mt-99 {
    margin-top: 99px
}

.mt-100,
.vl-single-work-box:nth-child(odd) {
    margin-top: 100px
}

.mb-1 {
    margin-bottom: 1px
}

.mb-2 {
    margin-bottom: 2px
}

.mb-3 {
    margin-bottom: 3px
}

.mb-4 {
    margin-bottom: 4px
}

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

.mb-6 {
    margin-bottom: 6px
}

.mb-7 {
    margin-bottom: 7px
}

.mb-8 {
    margin-bottom: 8px
}

.mb-9 {
    margin-bottom: 9px
}

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

.mb-11 {
    margin-bottom: 11px
}

.mb-12,
.vl-bne3r-slider-arrow .vl-bne3r-button-prev {
    margin-bottom: 12px
}

.mb-13 {
    margin-bottom: 13px
}

.mb-14,
.vl-footer-menu-widget-1 .vl-footer-men1u ul li {
    margin-bottom: 14px
}

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

.mb-16 {
    margin-bottom: 16px
}

.mb-17 {
    margin-bottom: 17px
}

.mb-18 {
    margin-bottom: 18px
}

.mb-19,
.vl-footer-styl2e .vl-icon-list ul li {
    margin-bottom: 19px
}

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

.mb-21 {
    margin-bottom: 21px
}

.mb-22 {
    margin-bottom: 22px
}

.mb-23 {
    margin-bottom: 23px
}

.mb-24 {
    margin-bottom: 24px
}

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

.mb-26 {
    margin-bottom: 26px
}

.mb-27 {
    margin-bottom: 27px
}

.mb-28 {
    margin-bottom: 28px
}

.mb-29 {
    margin-bottom: 29px
}

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

.mb-31 {
    margin-bottom: 31px
}

.mb-32 {
    margin-bottom: 32px
}

.mb-33 {
    margin-bottom: 33px
}

.mb-34 {
    margin-bottom: 34px
}

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

.mb-36 {
    margin-bottom: 36px
}

.mb-37 {
    margin-bottom: 37px
}

.mb-38 {
    margin-bottom: 38px
}

.mb-39 {
    margin-bottom: 39px
}

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

.mb-41 {
    margin-bottom: 41px
}

.mb-42 {
    margin-bottom: 42px
}

.mb-43 {
    margin-bottom: 43px
}

.mb-44 {
    margin-bottom: 44px
}

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

.mb-46 {
    margin-bottom: 46px
}

.mb-47 {
    margin-bottom: 47px
}

.mb-48 {
    margin-bottom: 48px
}

.mb-49 {
    margin-bottom: 49px
}

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

.mb-51 {
    margin-bottom: 51px
}

.mb-52 {
    margin-bottom: 52px
}

.mb-53 {
    margin-bottom: 53px
}

.mb-54 {
    margin-bottom: 54px
}

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

.mb-56 {
    margin-bottom: 56px
}

.mb-57 {
    margin-bottom: 57px
}

.mb-58 {
    margin-bottom: 58px
}

.mb-59 {
    margin-bottom: 59px
}

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

.mb-61 {
    margin-bottom: 61px
}

.mb-62 {
    margin-bottom: 62px
}

.mb-63 {
    margin-bottom: 63px
}

.mb-64 {
    margin-bottom: 64px
}

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

.mb-66 {
    margin-bottom: 66px
}

.mb-67 {
    margin-bottom: 67px
}

.mb-68 {
    margin-bottom: 68px
}

.mb-69 {
    margin-bottom: 69px
}

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

.mb-71 {
    margin-bottom: 71px
}

.mb-72 {
    margin-bottom: 72px
}

.mb-73 {
    margin-bottom: 73px
}

.mb-74 {
    margin-bottom: 74px
}

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

.mb-76 {
    margin-bottom: 76px
}

.mb-77 {
    margin-bottom: 77px
}

.mb-78 {
    margin-bottom: 78px
}

.mb-79 {
    margin-bottom: 79px
}

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

.mb-81 {
    margin-bottom: 81px
}

.mb-82 {
    margin-bottom: 82px
}

.mb-83 {
    margin-bottom: 83px
}

.mb-84 {
    margin-bottom: 84px
}

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

.mb-86 {
    margin-bottom: 86px
}

.mb-87 {
    margin-bottom: 87px
}

.mb-88 {
    margin-bottom: 88px
}

.mb-89 {
    margin-bottom: 89px
}

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

.mb-91 {
    margin-bottom: 91px
}

.mb-92 {
    margin-bottom: 92px
}

.mb-93 {
    margin-bottom: 93px
}

.mb-94 {
    margin-bottom: 94px
}

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

.mb-96 {
    margin-bottom: 96px
}

.mb-97 {
    margin-bottom: 97px
}

.mb-98 {
    margin-bottom: 98px
}

.mb-99 {
    margin-bottom: 99px
}

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

.ml-1 {
    margin-left: 1px
}

.ml-2 {
    margin-left: 2px
}

.ml-3 {
    margin-left: 3px
}

.ml-4 {
    margin-left: 4px
}

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

.ml-6 {
    margin-left: 6px
}

.ml-7 {
    margin-left: 7px
}

.ml-8 {
    margin-left: 8px
}

.ml-9 {
    margin-left: 9px
}

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

.ml-11 {
    margin-left: 11px
}

.ml-12,
.vl-team-slider-arrow .vl-team-button-next {
    margin-left: 12px
}

.ml-13 {
    margin-left: 13px
}

.ml-14 {
    margin-left: 14px
}

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

.ml-16 {
    margin-left: 16px
}

.ml-17 {
    margin-left: 17px
}

.ml-18 {
    margin-left: 18px
}

.ml-19 {
    margin-left: 19px
}

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

.ml-21 {
    margin-left: 21px
}

.ml-22 {
    margin-left: 22px
}

.ml-23 {
    margin-left: 23px
}

.ml-24 {
    margin-left: 24px
}

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

.ml-26 {
    margin-left: 26px
}

.ml-27 {
    margin-left: 27px
}

.ml-28 {
    margin-left: 28px
}

.ml-29 {
    margin-left: 29px
}

.ml-30,
.vl-blog-area-wrap-flex .vl-blog-content {
    margin-left: 30px
}

.ml-31 {
    margin-left: 31px
}

.ml-32 {
    margin-left: 32px
}

.ml-33 {
    margin-left: 33px
}

.ml-34 {
    margin-left: 34px
}

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

.ml-36 {
    margin-left: 36px
}

.ml-37 {
    margin-left: 37px
}

.ml-38 {
    margin-left: 38px
}

.ml-39 {
    margin-left: 39px
}

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

.ml-41 {
    margin-left: 41px
}

.ml-42 {
    margin-left: 42px
}

.ml-43 {
    margin-left: 43px
}

.ml-44 {
    margin-left: 44px
}

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

.ml-46 {
    margin-left: 46px
}

.ml-47 {
    margin-left: 47px
}

.ml-48 {
    margin-left: 48px
}

.ml-49 {
    margin-left: 49px
}

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

.ml-51 {
    margin-left: 51px
}

.ml-52 {
    margin-left: 52px
}

.ml-53 {
    margin-left: 53px
}

.ml-54 {
    margin-left: 54px
}

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

.ml-56 {
    margin-left: 56px
}

.ml-57 {
    margin-left: 57px
}

.ml-58 {
    margin-left: 58px
}

.ml-59 {
    margin-left: 59px
}

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

.ml-61 {
    margin-left: 61px
}

.ml-62 {
    margin-left: 62px
}

.ml-63 {
    margin-left: 63px
}

.ml-64 {
    margin-left: 64px
}

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

.ml-66 {
    margin-left: 66px
}

.ml-67 {
    margin-left: 67px
}

.ml-68 {
    margin-left: 68px
}

.ml-69 {
    margin-left: 69px
}

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

.ml-71 {
    margin-left: 71px
}

.ml-72 {
    margin-left: 72px
}

.ml-73 {
    margin-left: 73px
}

.ml-74 {
    margin-left: 74px
}

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

.ml-76 {
    margin-left: 76px
}

.ml-77 {
    margin-left: 77px
}

.ml-78 {
    margin-left: 78px
}

.ml-79 {
    margin-left: 79px
}

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

.ml-81 {
    margin-left: 81px
}

.ml-82 {
    margin-left: 82px
}

.ml-83 {
    margin-left: 83px
}

.ml-84 {
    margin-left: 84px
}

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

.ml-86 {
    margin-left: 86px
}

.ml-87 {
    margin-left: 87px
}

.ml-88 {
    margin-left: 88px
}

.ml-89 {
    margin-left: 89px
}

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

.ml-91 {
    margin-left: 91px
}

.ml-92 {
    margin-left: 92px
}

.ml-93 {
    margin-left: 93px
}

.ml-94 {
    margin-left: 94px
}

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

.ml-96 {
    margin-left: 96px
}

.ml-97 {
    margin-left: 97px
}

.ml-98 {
    margin-left: 98px
}

.ml-99 {
    margin-left: 99px
}

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

.mr-1 {
    margin-right: 1px
}

.mr-2 {
    margin-right: 2px
}

.mr-3 {
    margin-right: 3px
}

.mr-4,
.rec__post-content-meta span img {
    margin-right: 4px
}

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

.mr-6,
.vl-blog-area-wrap-flex .vl-blog-content-meta-thumb a span,
.vl-header-top-ic-box-7 i {
    margin-right: 6px
}

.mr-7 {
    margin-right: 7px
}

.mr-8,
.vl-footer-styl2e .vl-icon-list ul li a span {
    margin-right: 8px
}

.mr-9 {
    margin-right: 9px
}

.mr-10,
.vl-case-slider-arrow-6 .vl-case-button-prev-6,
.vl-case-slider-arrow-8 .vl-case-button-prev-8,
.vl-testimonial-slider-arrow-5 .vl-testimonial-button-prev-5 {
    margin-right: 10px
}

.mr-11 {
    margin-right: 11px
}

.mr-12 {
    margin-right: 12px
}

.mr-13,
.vl-servic-button-prev.vl-servic-button {
    margin-right: 13px
}

.mr-14 {
    margin-right: 14px
}

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

.mr-16 {
    margin-right: 16px
}

.mr-17 {
    margin-right: 17px
}

.mr-18 {
    margin-right: 18px
}

.mr-19 {
    margin-right: 19px
}

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

.mr-21 {
    margin-right: 21px
}

.mr-22 {
    margin-right: 22px
}

.mr-23 {
    margin-right: 23px
}

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

.mr-26 {
    margin-right: 26px
}

.mr-27 {
    margin-right: 27px
}

.mr-28 {
    margin-right: 28px
}

.mr-29 {
    margin-right: 29px
}

.mr-30,
.vl-footer-widget-10.footer-col-1,
.vl-footer-widget-10.footer-col-2,
.vl-footer-widget-10.footer-col-3,
.vl-footer-widget-5-6.footer-col-1,
.vl-footer-widget-5.footer-col-1,
.vl-footer-widget-5.footer-col-2,
.vl-footer-widget-5.footer-col-3,
.vl-footer-widget-7-6.footer-col-1,
.vl-footer-widget-7.footer-col-1,
.vl-footer-widget-7.footer-col-2,
.vl-footer-widget-7.footer-col-3,
.vl-footer-widget-8.footer-col-1,
.vl-footer-widget-8.footer-col-2,
.vl-footer-widget-8.footer-col-3,
.vl-footer-widget-9.footer-col-1,
.vl-footer-widget-9.footer-col-2,
.vl-footer-widget-9.footer-col-3,
.vl__counter-nine {
    margin-right: 30px
}

.mr-31 {
    margin-right: 31px
}

.mr-32,
.vkl__product__details-quantity-wrap-box,
.vkl__product__details-quantity-wrap-btn {
    margin-right: 32px
}

.mr-33 {
    margin-right: 33px
}

.mr-34 {
    margin-right: 34px
}

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

.mr-36 {
    margin-right: 36px
}

.mr-37 {
    margin-right: 37px
}

.mr-38 {
    margin-right: 38px
}

.mr-39 {
    margin-right: 39px
}

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

.mr-41 {
    margin-right: 41px
}

.mr-42 {
    margin-right: 42px
}

.mr-43 {
    margin-right: 43px
}

.mr-44 {
    margin-right: 44px
}

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

.mr-46 {
    margin-right: 46px
}

.mr-47 {
    margin-right: 47px
}

.mr-48 {
    margin-right: 48px
}

.mr-49 {
    margin-right: 49px
}

.mr-50,
.vl-contact-box-form-warp-area {
    margin-right: 50px
}

.mr-51 {
    margin-right: 51px
}

.mr-52 {
    margin-right: 52px
}

.mr-53 {
    margin-right: 53px
}

.mr-54 {
    margin-right: 54px
}

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

.mr-56 {
    margin-right: 56px
}

.mr-57 {
    margin-right: 57px
}

.mr-58 {
    margin-right: 58px
}

.mr-59 {
    margin-right: 59px
}

.mr-60,
.track img {
    margin-right: 60px
}

.mr-61 {
    margin-right: 61px
}

.mr-62 {
    margin-right: 62px
}

.mr-63 {
    margin-right: 63px
}

.mr-64 {
    margin-right: 64px
}

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

.mr-66,
.vl-team3-arrow .vl-team-button-prev3,
.vl-testimonial3-arrow .vl-teamo-button-prev3 {
    margin-right: 66px
}

.mr-67 {
    margin-right: 67px
}

.mr-68 {
    margin-right: 68px
}

.mr-69 {
    margin-right: 69px
}

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

.mr-71 {
    margin-right: 71px
}

.mr-72 {
    margin-right: 72px
}

.mr-73 {
    margin-right: 73px
}

.mr-74 {
    margin-right: 74px
}

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

.mr-76 {
    margin-right: 76px
}

.mr-77 {
    margin-right: 77px
}

.mr-78 {
    margin-right: 78px
}

.mr-79 {
    margin-right: 79px
}

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

.mr-81 {
    margin-right: 81px
}

.mr-82 {
    margin-right: 82px
}

.mr-83 {
    margin-right: 83px
}

.mr-84 {
    margin-right: 84px
}

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

.mr-86 {
    margin-right: 86px
}

.mr-87 {
    margin-right: 87px
}

.mr-88 {
    margin-right: 88px
}

.mr-89 {
    margin-right: 89px
}

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

.mr-91 {
    margin-right: 91px
}

.mr-92 {
    margin-right: 92px
}

.mr-93 {
    margin-right: 93px
}

.mr-94 {
    margin-right: 94px
}

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

.mr-96 {
    margin-right: 96px
}

.mr-97 {
    margin-right: 97px
}

.mr-98 {
    margin-right: 98px
}

.mr-99 {
    margin-right: 99px
}

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

.pt-1 {
    padding-top: 1px
}

.pt-2 {
    padding-top: 2px
}

.pt-3 {
    padding-top: 3px
}

.pt-4 {
    padding-top: 4px
}

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

.pt-6 {
    padding-top: 6px
}

.pt-7 {
    padding-top: 7px
}

.pt-8 {
    padding-top: 8px
}

.pt-9 {
    padding-top: 9px
}

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

.pt-11 {
    padding-top: 11px
}

.pt-12 {
    padding-top: 12px
}

.pt-13 {
    padding-top: 13px
}

.pt-14 {
    padding-top: 14px
}

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

.pt-16 {
    padding-top: 16px
}

.pt-17 {
    padding-top: 17px
}

.pt-18 {
    padding-top: 18px
}

.pt-19 {
    padding-top: 19px
}

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

.pt-21 {
    padding-top: 21px
}

.pt-22 {
    padding-top: 22px
}

.pt-23 {
    padding-top: 23px
}

.pt-24 {
    padding-top: 24px
}

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

.pt-26 {
    padding-top: 26px
}

.pt-27 {
    padding-top: 27px
}

.pt-28 {
    padding-top: 28px
}

.pt-29 {
    padding-top: 29px
}

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

.pt-31 {
    padding-top: 31px
}

.pt-32 {
    padding-top: 32px
}

.pt-33 {
    padding-top: 33px
}

.pt-34 {
    padding-top: 34px
}

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

.pt-36 {
    padding-top: 36px
}

.pt-37 {
    padding-top: 37px
}

.pt-38 {
    padding-top: 38px
}

.pt-39 {
    padding-top: 39px
}

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

.pt-41 {
    padding-top: 41px
}

.pt-42 {
    padding-top: 42px
}

.pt-43 {
    padding-top: 43px
}

.pt-44 {
    padding-top: 44px
}

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

.pt-46 {
    padding-top: 46px
}

.pt-47 {
    padding-top: 47px
}

.pt-48 {
    padding-top: 48px
}

.pt-49 {
    padding-top: 49px
}

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

.pt-51 {
    padding-top: 51px
}

.pt-52 {
    padding-top: 52px
}

.pt-53 {
    padding-top: 53px
}

.pt-54 {
    padding-top: 54px
}

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

.pt-56 {
    padding-top: 56px
}

.pt-57 {
    padding-top: 57px
}

.pt-58 {
    padding-top: 58px
}

.pt-59 {
    padding-top: 59px
}

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

.pt-61 {
    padding-top: 61px
}

.pt-62 {
    padding-top: 62px
}

.pt-63 {
    padding-top: 63px
}

.pt-64 {
    padding-top: 64px
}

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

.pt-66 {
    padding-top: 66px
}

.pt-67 {
    padding-top: 67px
}

.pt-68 {
    padding-top: 68px
}

.pt-69 {
    padding-top: 69px
}

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

.pt-71 {
    padding-top: 71px
}

.pt-72 {
    padding-top: 72px
}

.pt-73 {
    padding-top: 73px
}

.pt-74 {
    padding-top: 74px
}

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

.pt-76 {
    padding-top: 76px
}

.pt-77 {
    padding-top: 77px
}

.pt-78 {
    padding-top: 78px
}

.pt-79 {
    padding-top: 79px
}

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

.pt-81 {
    padding-top: 81px
}

.pt-82 {
    padding-top: 82px
}

.pt-83 {
    padding-top: 83px
}

.pt-84 {
    padding-top: 84px
}

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

.pt-86 {
    padding-top: 86px
}

.pt-87 {
    padding-top: 87px
}

.pt-88 {
    padding-top: 88px
}

.pt-89 {
    padding-top: 89px
}

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

.pt-91 {
    padding-top: 91px
}

.pt-92 {
    padding-top: 92px
}

.pt-93 {
    padding-top: 93px
}

.pt-94 {
    padding-top: 94px
}

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

.pt-96 {
    padding-top: 96px
}

.pt-97 {
    padding-top: 97px
}

.pt-98 {
    padding-top: 98px
}

.pt-99 {
    padding-top: 99px
}

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

.pt-110,
.vl-hero-area-7 {
    padding-top: 110px
}

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

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

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

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

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

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

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

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

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

.pb-1 {
    padding-bottom: 1px
}

.pb-2 {
    padding-bottom: 2px
}

.pb-3 {
    padding-bottom: 3px
}

.pb-4 {
    padding-bottom: 4px
}

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

.pb-6 {
    padding-bottom: 6px
}

.pb-7 {
    padding-bottom: 7px
}

.pb-8 {
    padding-bottom: 8px
}

.pb-9 {
    padding-bottom: 9px
}

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

.pb-11 {
    padding-bottom: 11px
}

.pb-12 {
    padding-bottom: 12px
}

.pb-13 {
    padding-bottom: 13px
}

.pb-14 {
    padding-bottom: 14px
}

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

.pb-16 {
    padding-bottom: 16px
}

.pb-17 {
    padding-bottom: 17px
}

.pb-18 {
    padding-bottom: 18px
}

.pb-19 {
    padding-bottom: 19px
}

.pb-20,
.team__details__post-iconlist ul li,
.team__details__post-moreinfo ul li {
    padding-bottom: 20px
}

.pb-21 {
    padding-bottom: 21px
}

.pb-22 {
    padding-bottom: 22px
}

.pb-23 {
    padding-bottom: 23px
}

.pb-24 {
    padding-bottom: 24px
}

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

.pb-26 {
    padding-bottom: 26px
}

.pb-27 {
    padding-bottom: 27px
}

.pb-28 {
    padding-bottom: 28px
}

.pb-29 {
    padding-bottom: 29px
}

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

.pb-31 {
    padding-bottom: 31px
}

.pb-32 {
    padding-bottom: 32px
}

.pb-33 {
    padding-bottom: 33px
}

.pb-34 {
    padding-bottom: 34px
}

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

.pb-36 {
    padding-bottom: 36px
}

.pb-37 {
    padding-bottom: 37px
}

.pb-38 {
    padding-bottom: 38px
}

.pb-39 {
    padding-bottom: 39px
}

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

.pb-41 {
    padding-bottom: 41px
}

.pb-42 {
    padding-bottom: 42px
}

.pb-43 {
    padding-bottom: 43px
}

.pb-44 {
    padding-bottom: 44px
}

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

.pb-46 {
    padding-bottom: 46px
}

.pb-47 {
    padding-bottom: 47px
}

.pb-48 {
    padding-bottom: 48px
}

.pb-49 {
    padding-bottom: 49px
}

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

.pb-51 {
    padding-bottom: 51px
}

.pb-52 {
    padding-bottom: 52px
}

.pb-53 {
    padding-bottom: 53px
}

.pb-54 {
    padding-bottom: 54px
}

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

.pb-56 {
    padding-bottom: 56px
}

.pb-57 {
    padding-bottom: 57px
}

.pb-58 {
    padding-bottom: 58px
}

.pb-59 {
    padding-bottom: 59px
}

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

.pb-61 {
    padding-bottom: 61px
}

.pb-62 {
    padding-bottom: 62px
}

.pb-63 {
    padding-bottom: 63px
}

.pb-64 {
    padding-bottom: 64px
}

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

.pb-66 {
    padding-bottom: 66px
}

.pb-67 {
    padding-bottom: 67px
}

.pb-68 {
    padding-bottom: 68px
}

.pb-69 {
    padding-bottom: 69px
}

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

.pb-71 {
    padding-bottom: 71px
}

.pb-72 {
    padding-bottom: 72px
}

.pb-73 {
    padding-bottom: 73px
}

.pb-74 {
    padding-bottom: 74px
}

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

.pb-76 {
    padding-bottom: 76px
}

.pb-77 {
    padding-bottom: 77px
}

.pb-78 {
    padding-bottom: 78px
}

.pb-79 {
    padding-bottom: 79px
}

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

.pb-81 {
    padding-bottom: 81px
}

.pb-82 {
    padding-bottom: 82px
}

.pb-83 {
    padding-bottom: 83px
}

.pb-84 {
    padding-bottom: 84px
}

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

.pb-86 {
    padding-bottom: 86px
}

.pb-87 {
    padding-bottom: 87px
}

.pb-88 {
    padding-bottom: 88px
}

.pb-89 {
    padding-bottom: 89px
}

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

.pb-91 {
    padding-bottom: 91px
}

.pb-92 {
    padding-bottom: 92px
}

.pb-93 {
    padding-bottom: 93px
}

.pb-94 {
    padding-bottom: 94px
}

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

.pb-96 {
    padding-bottom: 96px
}

.pb-97 {
    padding-bottom: 97px
}

.pb-98 {
    padding-bottom: 98px
}

.pb-99 {
    padding-bottom: 99px
}

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

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

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

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

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

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

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

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

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

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

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

.pl-1 {
    padding-left: 1px
}

.pl-2 {
    padding-left: 2px
}

.pl-3 {
    padding-left: 3px
}

.pl-4 {
    padding-left: 4px
}

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

.pl-6,
.vl-footer-widget-4.vl-footer-col-4 {
    padding-left: 6px
}

.pl-7 {
    padding-left: 7px
}

.pl-8 {
    padding-left: 8px
}

.pl-9 {
    padding-left: 9px
}

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

.pl-11 {
    padding-left: 11px
}

.pl-12 {
    padding-left: 12px
}

.pl-13 {
    padding-left: 13px
}

.pl-14 {
    padding-left: 14px
}

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

.pl-16 {
    padding-left: 16px
}

.pl-17 {
    padding-left: 17px
}

.pl-18 {
    padding-left: 18px
}

.pl-19 {
    padding-left: 19px
}

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

.pl-21 {
    padding-left: 21px
}

.pl-22 {
    padding-left: 22px
}

.pl-23 {
    padding-left: 23px
}

.pl-24 {
    padding-left: 24px
}

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

.pl-26 {
    padding-left: 26px
}

.pl-27 {
    padding-left: 27px
}

.pl-28 {
    padding-left: 28px
}

.pl-29 {
    padding-left: 29px
}

.pl-31 {
    padding-left: 31px
}

.pl-32 {
    padding-left: 32px
}

.pl-33 {
    padding-left: 33px
}

.pl-34 {
    padding-left: 34px
}

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

.pl-36 {
    padding-left: 36px
}

.pl-37 {
    padding-left: 37px
}

.pl-38 {
    padding-left: 38px
}

.pl-39 {
    padding-left: 39px
}

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

.pl-41 {
    padding-left: 41px
}

.pl-42 {
    padding-left: 42px
}

.pl-43 {
    padding-left: 43px
}

.pl-44 {
    padding-left: 44px
}

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

.pl-46 {
    padding-left: 46px
}

.pl-47 {
    padding-left: 47px
}

.pl-48 {
    padding-left: 48px
}

.pl-49 {
    padding-left: 49px
}

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

.pl-51 {
    padding-left: 51px
}

.pl-52 {
    padding-left: 52px
}

.pl-53 {
    padding-left: 53px
}

.pl-54 {
    padding-left: 54px
}

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

.pl-56 {
    padding-left: 56px
}

.pl-57 {
    padding-left: 57px
}

.pl-58,
.vl-footer-widget-2.vl-footer-col-3 {
    padding-left: 58px
}

.pl-59 {
    padding-left: 59px
}

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

.pl-61 {
    padding-left: 61px
}

.pl-62 {
    padding-left: 62px
}

.pl-63 {
    padding-left: 63px
}

.pl-64 {
    padding-left: 64px
}

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

.pl-66 {
    padding-left: 66px
}

.pl-67 {
    padding-left: 67px
}

.pl-68 {
    padding-left: 68px
}

.pl-69 {
    padding-left: 69px
}

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

.pl-71 {
    padding-left: 71px
}

.pl-72 {
    padding-left: 72px
}

.pl-73 {
    padding-left: 73px
}

.pl-74 {
    padding-left: 74px
}

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

.pl-76 {
    padding-left: 76px
}

.pl-77 {
    padding-left: 77px
}

.pl-78 {
    padding-left: 78px
}

.pl-79 {
    padding-left: 79px
}

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

.pl-81 {
    padding-left: 81px
}

.pl-82 {
    padding-left: 82px
}

.pl-83 {
    padding-left: 83px
}

.pl-84 {
    padding-left: 84px
}

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

.pl-86 {
    padding-left: 86px
}

.pl-87 {
    padding-left: 87px
}

.pl-88 {
    padding-left: 88px
}

.pl-89 {
    padding-left: 89px
}

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

.pl-91 {
    padding-left: 91px
}

.pl-92 {
    padding-left: 92px
}

.pl-93 {
    padding-left: 93px
}

.pl-94 {
    padding-left: 94px
}

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

.pl-96 {
    padding-left: 96px
}

.pl-97 {
    padding-left: 97px
}

.pl-98 {
    padding-left: 98px
}

.pl-99 {
    padding-left: 99px
}

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

.pr-1 {
    padding-right: 1px
}

.pr-2 {
    padding-right: 2px
}

.pr-3 {
    padding-right: 3px
}

.pr-4 {
    padding-right: 4px
}

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

.pr-6 {
    padding-right: 6px
}

.pr-7 {
    padding-right: 7px
}

.pr-8 {
    padding-right: 8px
}

.pr-9 {
    padding-right: 9px
}

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

.pr-11 {
    padding-right: 11px
}

.pr-12 {
    padding-right: 12px
}

.pr-13 {
    padding-right: 13px
}

.pr-14 {
    padding-right: 14px
}

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

.pr-16 {
    padding-right: 16px
}

.pr-17 {
    padding-right: 17px
}

.pr-18 {
    padding-right: 18px
}

.pr-19 {
    padding-right: 19px
}

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

.pr-21 {
    padding-right: 21px
}

.pr-22 {
    padding-right: 22px
}

.pr-23 {
    padding-right: 23px
}

.pr-24 {
    padding-right: 24px
}

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

.pr-26 {
    padding-right: 26px
}

.pr-27 {
    padding-right: 27px
}

.pr-28 {
    padding-right: 28px
}

.pr-29 {
    padding-right: 29px
}

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

.pr-31 {
    padding-right: 31px
}

.pr-32 {
    padding-right: 32px
}

.pr-33 {
    padding-right: 33px
}

.pr-34 {
    padding-right: 34px
}

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

.pr-36 {
    padding-right: 36px
}

.pr-37 {
    padding-right: 37px
}

.pr-38 {
    padding-right: 38px
}

.pr-39 {
    padding-right: 39px
}

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

.pr-41 {
    padding-right: 41px
}

.pr-42 {
    padding-right: 42px
}

.pr-43 {
    padding-right: 43px
}

.pr-44 {
    padding-right: 44px
}

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

.pr-46 {
    padding-right: 46px
}

.pr-47 {
    padding-right: 47px
}

.pr-48 {
    padding-right: 48px
}

.pr-49 {
    padding-right: 49px
}

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

.pr-51 {
    padding-right: 51px
}

.pr-52 {
    padding-right: 52px
}

.pr-53 {
    padding-right: 53px
}

.pr-54 {
    padding-right: 54px
}

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

.pr-56 {
    padding-right: 56px
}

.pr-57 {
    padding-right: 57px
}

.pr-58 {
    padding-right: 58px
}

.pr-59 {
    padding-right: 59px
}

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

.pr-61 {
    padding-right: 61px
}

.pr-62 {
    padding-right: 62px
}

.pr-63 {
    padding-right: 63px
}

.pr-64 {
    padding-right: 64px
}

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

.pr-66 {
    padding-right: 66px
}

.pr-67 {
    padding-right: 67px
}

.pr-68 {
    padding-right: 68px
}

.pr-69 {
    padding-right: 69px
}

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

.pr-71 {
    padding-right: 71px
}

.pr-72 {
    padding-right: 72px
}

.pr-73 {
    padding-right: 73px
}

.pr-74 {
    padding-right: 74px
}

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

.pr-76 {
    padding-right: 76px
}

.pr-77 {
    padding-right: 77px
}

.pr-78 {
    padding-right: 78px
}

.pr-79 {
    padding-right: 79px
}

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

.pr-81 {
    padding-right: 81px
}

.pr-82 {
    padding-right: 82px
}

.pr-83 {
    padding-right: 83px
}

.pr-84 {
    padding-right: 84px
}

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

.pr-86 {
    padding-right: 86px
}

.pr-87 {
    padding-right: 87px
}

.pr-88 {
    padding-right: 88px
}

.pr-89 {
    padding-right: 89px
}

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

.pr-91 {
    padding-right: 91px
}

.pr-92 {
    padding-right: 92px
}

.pr-93 {
    padding-right: 93px
}

.pr-94 {
    padding-right: 94px
}

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

.pr-96 {
    padding-right: 96px
}

.pr-97 {
    padding-right: 97px
}

.pr-98 {
    padding-right: 98px
}

.pr-99 {
    padding-right: 99px
}

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

.p-40 {
    padding: 40px
}

.pt-218 {
    padding-top: 218px
}

.pt-262 {
    padding-top: 262px
}

.margin-left-space-55 {
    margin-left: -55px
}

.pb-254 {
    padding-bottom: 254px
}

.vl-blog-area-wrap .vl-blog-thumb {
    border-radius: 20px;
    transition: 0.3s;
    overflow: hidden
}

.vl-blog-area-wrap .vl-blog-thumb img {
    transition: 0.3s;
    height: 350px;
    object-fit: cover
}

.vl-blog-area-wrap .vl-blog-content {
    background: var(--vkl-bg-bg-2);
    border-radius: 8px;
    padding: 24px;
    margin-top: -60px;
    transition: 0.3s;
    position: relative
}

.vl-blog-area-wrap .vl-blog-content .vl-blog-meta ul li,
.vl-blog-area-wrap:hover .vl-blog-content .vl-blog-meta ul li {
    display: inline-block;
    margin-right: 16px
}

.vl-blog-area-wrap .vl-blog-content .vl-blog-meta ul li a {
    display: block;
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    transition: 0.3s
}

.vl-blog-area-wrap .vl-blog-content .vl-blog-meta ul li a span img {
    height: 20px;
    margin-top: -4px;
    margin-right: 4px;
    transition: 0.3s
}

.vl-blog-area-wrap .vl-blog-content .title {
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height26);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s
}

.vl-blog-area-wrap .vl-blog-content .lernmore,
.vl-blog-area-wrap-flex .vl-blog-date a {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    transition: 0.3s;
    display: inline-block
}

.vl-blog-area-wrap .vl-blog-content .lernmore {
    font-weight: var(--vkl-weight-ex-bold)
}

.vl-blog-area-wrap-flex:hover .vl-blog-thumb img.blogmain-thumb,
.vl-blog-area-wrap:hover .vl-blog-thumb img,
.vl-blog-wraper3:hover .vl-blog-thmb img,
.vl-working-area:hover .vl-work-thumb img {
    transform: scale(1.1);
    transition: 0.3s
}

.vl-blog-area-wrap:hover .vl-blog-content,
.vl-hero-button10:hover {
    background: var(--vkl-text-text-1);
    transition: 0.3s
}

.blog-top-shape {
    position: absolute;
    left: 0;
    top: -95px
}

.vl-blog-area-wrap-flex {
    display: flex;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 60px 0 rgb(0 0 0 / .1);
    align-items: center
}

.vl-blog-area-wrap-flex .vl-blog-thumb {
    position: relative;
    z-index: 1;
    width: 220px;
    transition: 0.3s;
    overflow: hidden
}

.vl-blog-area-wrap-flex .vl-blog-thumb img.blogmain-thumb,
.vl-service-box-wrap-6 .vl-service-box-thumb img {
    transition: 0.3s;
    height: 220px;
    object-fit: cover
}

.vl-blog-area-wrap-flex .vl-blog-date {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    transition: 0.3s;
    color: var(--vkl-text-text-2)
}

.vl-blog-area-wrap-flex .vl-blog-date a {
    font-weight: var(--vkl-weight-medium);
    background: var(--vkl-text-text-white);
    border-radius: 8px;
    padding: 8px 12px
}

.vl-blog-area-wrap-flex .vl-blog-date a span img {
    margin-right: 4px;
    margin-top: -4px;
    transition: 0.3s
}

.vl-blog-area-wrap-flex .vl-blog-content .title {
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height28);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s
}

.portlio-filter li,
.vl-blog-area-wrap-flex .vl-blog-content .lernm,
.vl-blog-area-wrap-flex .vl-blog-content-meta-thumb a,
.vl-blog-wraper3 .vl-blog-content3 .vl-blog-meta a,
.vl-single-project10-thumb-content p {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    transition: 0.3s
}

.vl-blog-area-wrap-flex .vl-blog-content .lernm {
    font-weight: var(--vkl-weight-ex-bold);
    display: inline-block;
    color: var(--vkl-text-text-2);
    margin-right: 4px
}

.vl-blog-area-wrap-flex .vl-blog-content .lernm span {
    display: inline-block;
    transition: 0.3s;
    transform: rotate(-45deg)
}

.vl-blog-area-wrap-flex .vl-blog-content-meta-thumb a {
    color: var(--vkl-text-text-2);
    font-weight: var(--vkl-weight-medium);
    margin-right: 10px;
    padding-right: 10px;
    height: 16px;
    width: 1px
}

.vl-blog-area-wrap-flex .vl-blog-content-meta-thumb a span img.icon {
    font-size: 20px
}

.vl-blog-area-wrap-flex .vl-blog-content-meta-thumb a:hover {
    transition: 0.3s;
    color: var(--vkl-text-text-1)
}

.vl-blog-area-wrap-flex .vl-blog-content-meta-thumb a:nth-child(odd) {
    border-right: 1px solid #e8e8ea
}

.vl-blog-area-wrap-flex:hover .vl-blog-date a,
.vl-footer-widget-10.footer-col-4 .vl-social a:hover,
.vl-hero-social-10 a:hover,
.vl-team-wrap3:hover .vl-team-con,
.vl-team3-arrow .vl-team-button3:hover {
    background: var(--vkl-text-text-1);
    transition: 0.3s;
    color: var(--vkl-text-text-white)
}

.vl-team-wrap3:hover .vl-team-con {
    background: #2B0D1D !important;
    transition: 0.3s;
    color: var(--vkl-text-text-white)
}

.vl-blog-area-wrap-flex.vl-blog-area-5 {
    box-shadow: inherit;
    border-radius: 8px;
    border: 1px solid rgb(17 93 90 / .25);
    padding: 24px;
    transition: 0.3s
}

.vl-blgo-are5a:hover,
.vl-blog-wraper3 .vl-blog-content3 {
    background: var(--vkl-text-text-white);
    box-shadow: 0 4px 30px 0 rgb(0 0 0 / .08)
}

.vl-blog-area-wrap-flex.vl-blog-area-5 .vl-blog-thumb {
    border-radius: 8px;
    overflow: hidden;
    height: 180px
}

.vl-blog-area-wrap-flex.vl-blog-area-5:hover {
    border: 1px solid #f8fff0;
    background: #f8fff0;
    transition: 0.3s
}

.table thead tr,
.vl-blgo-are5a,
.vl-coments-form,
.vl-quote-area,
.vl-single-cart-box,
.vl-single-coments-box,
.vl-team-wrap-ab:hover .vl-social a {
    background: var(--vkl-bg-bg-2)
}

.vl-blog-area-bg {
    padding: 50px 32px 20px
}

.vl-blog-wraper3 .vl-blog-thmb {
    overflow: hidden;
    height: 350px;
    transition: 0.3s;
    border-radius: 30px
}

.vl-blog-wraper3 .vl-blog-thmb img {
    height: 350px;
    object-fit: cover;
    transition: 0.3s
}

.vl-blog-wraper3 .vl-blog-content3 {
    padding: 16px;
    border-radius: 20px;
    margin-left: 32px;
    margin-right: 32px;
    position: relative;
    z-index: 1;
    margin-top: -130px
}

.vl-blog-wraper3 .vl-blog-content3 .vl-blog-meta span img {
    margin-right: 4px;
    margin-top: -4px
}

.vl-blog-wraper3 .vl-blog-content3 .vl-blog-meta a {
    font-weight: var(--vkl-weight-medium);
    margin-right: 16px
}

.vl-blog-wraper3 .vl-blog-content3 .title {
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height32);
    font-weight: var(--vkl-weight-bold);
    color: var(--vkl-text-text-2);
    transition: 0.3s;
    padding-top: 24px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #e7e7e7
}

.vl-blgo-are5a .vl-blog-cont-4 .vl-blog-meta-5 ul li,
.vl-blog-wraper3 .vl-blog-content3 .blog-redmor {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    display: inline-block
}

.vl-blog-wraper3 .vl-blog-content3 .blog-redmor {
    font-weight: var(--vkl-weight-ex-bold);
    color: var(--vkl-text-text-2);
    transition: 0.3s
}

.vl-blog-wraper3 .vl-blog-content3 .vl-blog-dt {
    background: var(--vkl-bg-bg-2);
    border-radius: 10px;
    padding: 9px;
    display: inline-block;
    position: absolute;
    right: 16px;
    top: -32px;
    width: 54px;
    text-align: center;
    transition: 0.3s
}

.vl-blog-wraper3 .vl-blog-content3 .vl-blog-dt .date {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s32);
    line-height: var(--vkl-specing-height32);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s;
    display: inline-block
}

.vl-blog-wraper3 .vl-blog-content3 .vl-blog-dt .date span.mon {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height16);
    font-weight: var(--vkl-weight-medium);
    transition: 0.3s;
    display: block
}

.vl-blgo-are5a,
.vl-single-cart-box {
    border-radius: 8px;
    overflow: hidden;
    transition: 0.3s
}

.vl-blgo-are5a .blog-thumb {
    height: 300px;
    overflow: hidden;
    transition: 0.3s
}

.vl-blgo-are5a .blog-thumb img {
    height: 300px;
    object-fit: cover;
    transition: 0.3s
}

.vl-blgo-are5a .vl-blog-cont-4,
.vl-single-blog-box-wraper-7 .vl-blog-content-block,
.vl-single-blog-wrap-7 .vl-content {
    padding: 24px
}

.vl-blgo-are5a .vl-blog-cont-4 .vl-blog-meta-5 ul li {
    color: var(--vkl-text-text-3);
    font-weight: var(--vkl-weight-medium);
    margin-right: 16px
}

.vl-blgo-are5a .vl-blog-cont-4 .vl-blog-meta-5 ul li span img {
    margin-right: 4px;
    transform: 0.3s
}

.vl-blgo-are5a .vl-blog-cont-4 .title {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height32);
    font-weight: var(--vkl-weight-bold);
    padding-top: 24px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #dedede;
    transition: 0.3s
}

.vl-blgo-are5a .vl-blog-cont-4 .red-mor {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-ex-bold)
}

.vl-blgo-are5a .vl-blog-cont-4 .red-mor:hover span {
    display: inline-block;
    transform: rotate(0);
    transition: 0.3s
}

.vl-blgo-are5a:hover .blog-thumb img {
    transform: scale(1.1);
    transform: 0.3s
}

.vl-quote-area {
    padding: 27px;
    position: relative;
    z-index: 1;
    border-radius: 8px
}

.vl-quote-area p {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height26);
    font-weight: var(--vkl-weight-medium);
    transition: 0.3s
}

.vl-quote-area::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 8px;
    background: var(--vkl-text-text-1);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.vl-blog-lar-thumb {
    border-radius: 8px;
    overflow: hidden
}

.vl-blog-lar-thumb img {
    height: 426px;
    object-fit: cover
}

.vl-blog-meta-list {
    padding-top: 16px;
    margin-top: 40px;
    margin-bottom: 16px;
    border-bottom: 1px solid #e7e7e7
}

.vl-blog-meta-list ul li {
    display: inline-block;
    margin-right: 16px;
    padding-right: 16px;
    margin-bottom: 16px;
    position: relative
}

.vl-blog-meta-list ul li:first-child::after {
    top: 11px
}

.vl-blog-meta-list ul li::after {
    position: absolute;
    content: "";
    right: 0;
    top: 4px;
    height: 16px;
    width: 2px;
    background: #9fafb7
}

.vl-blog-meta-list ul li a {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height16);
    font-weight: var(--vkl-weight-medium)
}

.vl-blog-meta-list ul li a span img.auth-thumb {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    margin-right: 8px
}

.vl-blog-ch-box {
    border-bottom: 1px solid #e8e8ea
}

.vl-blog-ch-box .vl-ch-box-title-flex .icon span {
    background: var(--vkl-text-text-1);
    height: 24px;
    width: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    color: var(--vkl-text-text-white);
    margin-right: 8px
}

.vl-blog-ch-box .vl-ch-box-title-flex .vl-title .title {
    color: var(--vkl-text-text-2);
    font-size: 24px;
    line-height: 24px;
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s
}

.vl-service-single-iner .vl-content-block-2.vl-content-block-ch-box ul li {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    display: block;
    width: inherit;
    float: inherit;
    margin-bottom: 14px
}

.vl-sin-tags .title {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height24);
    font-weight: var(--vkl-weight-bold);
    margin-right: 8px
}

.vl-sin-tags ul li a {
    background: var(--vkl-text-text-white);
    border-radius: 8px;
    border: 1px solid #e7e7e7;
    display: inline-block;
    padding: 8px 12px;
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height28);
    color: var(--vkl-text-text-2);
    transition: 0.3s;
    margin-right: 10px
}

.vl-blog-comemts .title,
.vl-coments-form .title,
.vl-footer-menu-widget-1 .title,
.vl-footer-menu-widget-3 .title {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height24);
    font-weight: var(--vkl-weight-bold)
}

.vl-single-coments-box {
    padding: 24px;
    border-radius: 8px
}

.vl-content-block-2.vl-content-block-ch-box,
.vl-quote-border-bottm {
    padding-bottom: 40px;
    border-bottom: 1px solid #e7e7e7
}

.vl-case-box-wraper-8 .vl-case-progress-main-flex-wrap,
.vl-single-blog-box-wraper-7 .vl-blog-content-block .blog-meta-flex,
.vl-single-coments-box .vl-cmnts-flex,
.vl-testimonial-wrap-5-7 .vl-testimonial-auth-flex {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.vl-single-coments-box .vl-cmnts-flex .vl-auth-flex .auth span img {
    height: 70px;
    width: 70px;
    border-radius: 50px;
    margin: 16px
}

.vl-single-coments-box .vl-cmnts-flex .vl-auth-flex .content span {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    margin-top: 10px;
    display: block
}

.rec__post-content-meta,
.vl-coments-form .vl-cmnts-form textarea {
    color: var(--vkl-text-text-3);
    line-height: var(--vkl-specing-height20);
    font-size: var(--vkl-font-size-font-s20)
}

.vl-single-coments-box .vl-cmnts-flex .vl-replay .title {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-semibold);
    transition: 0.3s
}

.vl-single-coments-box .vl-cmnts-flex .vl-replay .title:hover {
    color: var(--vkl-text-theme-color-1);
    transition: 0.3s
}

.vl-single-coments-box .para {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height28);
    font-weight: var(--vkl-weight-medium)
}

.vl-checkout-bill-area,
.vl-coments-form {
    padding: 32px;
    border-radius: 8px
}

.vl-coments-form .para {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height28);
    font-weight: var(--vkl-weight-medium);
    padding-top: 16px
}

.vl-coments-form .vl-cmnts-form input[type="email"],
.vl-coments-form .vl-cmnts-form input[type="number"],
.vl-coments-form .vl-cmnts-form input[type="text"] {
    border-radius: 8px;
    background: var(--vkl-text-text-white);
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20);
    font-weight: var(--vkl-weight-medium);
    border: #fff0
}

.vl-coments-form .vl-cmnts-form input[type="email"]::placeholder,
.vl-coments-form .vl-cmnts-form input[type="number"]::placeholder,
.vl-coments-form .vl-cmnts-form input[type="text"]::placeholder {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20);
    font-weight: var(--vkl-weight-medium)
}

.vl-coments-form .vl-cmnts-form textarea {
    border-radius: 8px;
    background: var(--vkl-text-text-white);
    font-weight: var(--vkl-weight-medium);
    border: #fff0;
    height: 140px;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px
}

.vl-single-blog-box-wraper-7,
.vl-single-blog-wrap-7 {
    border-radius: 16px;
    background: var(--vkl-bg-bg-12);
    overflow: hidden
}

.vl-coments-form .vl-cmnts-form textarea::placeholder {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20);
    font-weight: var(--vkl-weight-medium)
}

.vl-play-btn-animation {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    text-align: center;
    cursor: pointer
}

.vl-play-btn-animation span.popup-video {
    display: block;
    background: var(--vkl-text-text-white);
    height: 55px;
    width: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 50px;
    color: var(--vkl-text-text-1);
    transition: 0.3s;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    margin: 0 auto
}

.vl-play-btn-animation:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 55px;
    height: 55px;
    background: rgb(255 255 255 / .4);
    border-radius: 50%
}

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

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

.vl-single-blog-wrap-7 .vl-content .title {
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height28);
    font-weight: var(--vkl-weight-bold);
    color: var(--vkl-text-text-19);
    transition: 0.3s
}

.vl-footer-widget-7.footer-col-2 .vl-footer-menu ul li a:hover,
.vl-footer-widget-7.footer-col-3 .vl-footer-menu ul li a:hover,
.vl-footer-widget-7.footer-col-4 .vl-icon-list ul li a:hover,
.vl-footer-widget-8.footer-col-2 .vl-footer-menu ul li a:hover,
.vl-footer-widget-8.footer-col-3 .vl-footer-menu ul li a:hover,
.vl-footer-widget-8.footer-col-4 .vl-icon-list ul li a:hover,
.vl-footer-widget-9.footer-col-2 .vl-footer-menu ul li a:hover,
.vl-footer-widget-9.footer-col-3 .vl-footer-menu ul li a:hover,
.vl-footer-widget-9.footer-col-4 .vl-icon-list ul li a:hover,
.vl-single-blog-box-wraper-7 .vl-blog-content-block .blog-meta-flex .blog-date:hover,
.vl-single-blog-box-wraper-7 .vl-blog-content-block .redmor:hover,
.vl-single-blog-box-wraper-7 .vl-blog-content-block .title:hover,
.vl-single-blog-wrap-7 .vl-content .title:hover,
.vl-single-service-box-7 .content .redmore:hover,
.vl-single-service-box-7 .content .title:hover {
    color: var(--vkl-text-text-21);
    transition: 0.3s
}

.vl-single-blog-box-wraper-7 .vl-blog-thumb-7 {
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%
}

.vl-single-blog-box-wraper-7 .vl-blog-thumb-7 img {
    background-size: cover;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 100%;
    height: 300px;
    display: block;
    object-fit: cover
}

.vl-case-box-wraper-7 .vl-case-thumb img:first-child,
.vl-case-box-wraper-8 .vl-case-thumb img:first-child,
.vl-single-blog-box-wraper-7 .vl-blog-thumb-7 img:first-child {
    -webkit-transform: translatex(50%) scalex(2);
    transform: translatex(50%) scalex(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

.vl-case-box-wraper-7 .vl-case-thumb img:nth-child(2),
.vl-case-box-wraper-8 .vl-case-thumb img:nth-child(2),
.vl-single-blog-box-wraper-7 .vl-blog-thumb-7 img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.vl-single-blog-box-wraper-7 .vl-blog-content-block .blog-meta-flex .blog-meta {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    color: var(--vkl-text-text-19);
    transition: 0.3s;
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid var(--vkl-text-text-22);
    border-radius: 88px
}

.vl-footer-widget-8.footer-col-4 .vl-social a:hover,
.vl-footer-widget-9.footer-col-4 .vl-social a:hover,
.vl-hero-social-7 a:hover span,
.vl-single-blog-box-wraper-7 .vl-blog-content-block .blog-meta-flex .blog-meta:hover,
.vl-single-blog-box-wraper-7.vl-single-blog-box-wraper-8:hover .vl-blog-date-8,
.vl-social-footer-7 a:hover {
    background: var(--vkl-text-text-21);
    transition: 0.3s
}

.vl-single-blog-box-wraper-7 .vl-blog-content-block .blog-meta-flex .blog-date {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    color: var(--vkl-text-text-19);
    transition: 0.3s;
    display: inline-block
}

.vl-single-blog-box-wraper-7 .vl-blog-content-block .title {
    color: var(--vkl-text-text-19);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height28);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s;
    padding-top: 16px;
    border-bottom: 1px solid var(--vkl-text-text-22);
    padding-bottom: 24px;
    margin-bottom: 24px;
    text-transform: capitalize
}

.vl-single-blog-box-wraper-7 .vl-blog-content-block .redmor {
    display: inline-block;
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-ex-bold);
    color: var(--vkl-text-text-19);
    transition: 0.3s;
    text-transform: capitalize
}

.vl-single-blog-box-wraper-7 .vl-blog-content-block .redmor span {
    display: inline-block;
    transform: rotate(-45deg);
    transition: 0.3s;
    color: var(--vkl-text-text-19)
}

.vl-single-blog-box-wraper-7 .vl-blog-content-block .redmor:hover span {
    transform: rotate(0);
    transition: 0.3s;
    color: var(--vkl-text-text-21)
}

.vl-single-blog-box-wraper-7.vl-single-blog-box-wraper-8 {
    background: var(--vkl-bg-bg-15);
    transition: 0.3s
}

.vl-case-box-wraper-7:hover .vl-case-thumb img:first-child,
.vl-case-box-wraper-8:hover .vl-case-thumb img:first-child,
.vl-single-blog-box-wraper-7:hover .vl-blog-thumb-7 img:first-child {
    -webkit-transform: translatex(0) scalex(1);
    transform: translatex(0) scalex(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0)
}

.vl-case-box-wraper-7:hover .vl-case-thumb img:nth-child(2),
.vl-case-box-wraper-8:hover .vl-case-thumb img:nth-child(2),
.vl-single-blog-box-wraper-7:hover .vl-blog-thumb-7 img:nth-child(2) {
    -webkit-transform: translatex(-50%) scalex(2);
    transform: translatex(-50%) scalex(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

.vl-single-blog-box-wraper-10 {
    border-radius: 8px;
    background: var(--vkl-text-text-white)
}

.vl-single-blog-box-wraper-10 .vl-blog-content-block .blog-meta-flex .blog-meta {
    border-radius: 8px;
    color: var(--vkl-text-text-24);
    transition: 0.3s
}

.vl-single-blog-box-wraper-10 .vl-blog-content-block .blog-meta-flex .blog-meta:hover {
    transition: 0.3s;
    background: var(--vkl-text-text-1);
    color: var(--vkl-text-text-white) !important
}

.vl-single-blog-box-wraper-10 .vl-blog-content-block .blog-meta-flex .blog-date {
    color: var(--vkl-text-text-25);
    transition: 0.3s
}

.vl-single-blog-box-wraper-10 .vl-blog-content-block .redmor,
.vl-single-blog-box-wraper-10 .vl-blog-content-block .redmor span,
.vl-single-blog-box-wraper-10 .vl-blog-content-block .title {
    color: var(--vkl-text-text-24);
    transition: 0.3s
}

.vl-single-blog-box-wraper-10 .vl-blog-content-block .redmor span:hover,
.vl-single-blog-box-wraper-10 .vl-blog-content-block .redmor:hover span {
    color: var(--vkl-text-text-1) !important;
    transition: 0.3s
}

.vl-blog-date-8 {
    background: var(--vkl-text-text-8);
    transition: 0.3s;
    display: inline-block;
    padding: 8px;
    border-radius: 8px;
    width: 54px;
    text-align: center;
    position: absolute;
    left: 24px;
    bottom: 24px
}

.vl-blog-date-8 .date {
    font-size: var(--vkl-font-size-font-s32);
    line-height: var(--vkl-specing-height32);
    font-weight: var(--vkl-weight-bold);
    color: var(--vkl-text-text-19);
    transition: 0.3s;
    display: block;
    padding-bottom: 4px
}

.blog__area__wrap9-meta a,
.rec__post-content-meta,
.vl-blog-date-8 .month {
    font-weight: var(--vkl-weight-medium)
}

.vl-blog-date-8 .month {
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height16);
    color: var(--vkl-text-text-19);
    transition: 0.3s;
    display: block
}

.blog__area__wrap9 {
    background: #fbfbfb;
    overflow: hidden;
    transition: 0.3s;
    position: relative
}

.blog__area__wrap9-content-wrap {
    padding: 20px
}

.blog__area__wrap9-meta a {
    color: var(--vkl-text-text-9);
    font-size: var(--vkl-specing-height16);
    line-height: var(--vkl-specing-height18)
}

.blog__area__wrap9-meta span img,
.vl-case-box-wraper-8 .vl-case-content-block .case-meta span img,
.vl-header-top-ic-box-5 a span img,
.vl-header-top-ic-box-7 a span img,
.vl-header-top-ic-box-9 a span img {
    margin-top: -4px;
    margin-right: 4px
}

.blog__area__wrap9-heading .title {
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height28);
    font-weight: 500;
    transition: 0.3s;
    color: #061d00
}

.blog__area__wrap9-heading .title:hover,
.vl-copy-righ1t .vl-copy-right-menu ul li a:hover {
    color: #F5850A;
    transition: 0.3s
}

.blog__area__wrap9-thumb {
    overflow: hidden
}

.blog__area__wrap9-thumb img {
    height: 320px;
    object-fit: cover;
    transition: 0.3s;
    overflow: hidden
}

.blog__area__wrap9-redmore {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.blog__area__wrap9-redmore .btn-primary-9 {
    width: 100%;
    text-align: center;
    transition: 0.3s;
    border-radius: inherit;
    position: absolute;
    bottom: -68px
}

.blog__area__wrap9-redmore .btn-primary-9::after {
    left: 123px
}

.blog__area__wrap9-redmore .btn-primary-9:hover::after {
    left: 0;
    border-radius: inherit
}

.blog__area__wrap9:hover .blog__area__wrap9-thumb img {
    transform: scale(1.1)
}

.blog__area__wrap9:hover .blog__area__wrap9-redmore .btn-primary-9 {
    bottom: 0;
    color: #fff
}

.vl-blog-wrap-nine {
    padding-bottom: 290px
}

.rec__post-thumb img {
    height: 100px;
    width: 100px;
    border-radius: 8px
}

.rec__post-content-title,
.sidebar__widget-content ul li a,
.sidebar__widget-title,
.sidebar__widget-title-cat {
    font-weight: var(--vkl-weight-bold);
    color: var(--vkl-text-text-2)
}

.rec__post-content-title {
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height28);
    position: relative;
    z-index: 1;
    transition: 0.3s
}

.service-section__title,
.sidebar__widget-content ul li a,
.sidebar__widget-list ul li a,
.sidebar__widget-title,
.sidebar__widget-title-cat,
.team__details__post-moreinfo ul li label {
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20)
}

.rec__post-content-title:hover,
.vl-footer-menu-widget-1 .vl-footer-men1u ul li a:hover,
.vl-footer-styl2e .vl-icon-list ul li a:hover,
.vl-footer-widget-10.footer-col-2 .vl-footer-menu ul li a:hover,
.vl-footer-widget-10.footer-col-3 .vl-footer-menu ul li a:hover,
.vl-footer-widget-10.footer-col-4 .vl-icon-list ul li a:hover,
.vl-footer-widget-4 .vl-footer-icon-list a:hover,
.vl-header-top-area .vl-header-top-contact a:hover {
    color: var(--vkl-text-text-1);
    transition: 0.3s
}

.sidebar__wrapper,
.vl-proces-sticky {
    position: sticky;
    top: 150px
}

.sidebar__widget {
    background: var(--vkl-bg-bg-2);
    border-radius: 8px;
    padding: 24px 20px
}

.sidebar__widget-title {
    margin-bottom: 28px
}

.sidebar__widget-title-cat {
    margin-bottom: 6px
}

.sidebar__widget-title-2,
.vl-servic-icon-box .vl-service-content p {
    line-height: var(--vkl-specing-height28)
}

.sidebar__widget-single-category {
    margin-bottom: 30px
}

.service-section .service-title,
.sidebar__widget-content ul li:last-child,
.sidebar__widget-list ul li:last-child,
.sidebar__widget-single-category:last-child,
.vkl__product__details-product-info ul li:last-child,
.vl-choose-content-iner-list ul li:last-child,
.vl-footer-menu-widget-1 .vl-footer-men1u ul li:last-child,
.vl-footer-styl2e .vl-icon-list ul li:last-child,
.vl-footer-widget-4 .vl-footer-icon-list a:last-child,
.vl-home-title,
.vl-team-wrap3 .vl-team-social a:last-child,
.vl__single__pricing__box__inner .vl__pricing__item li:last-child {
    margin-bottom: 0
}

.sidebar__widget-content ul li,
.sidebar__widget-list ul li,
.vl-checkout-input {
    margin-bottom: 20px
}

.sidebar__widget-content ul li a {
    position: relative;
    background: var(--vkl-text-text-white);
    border-radius: 8px;
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.3s;
    border: 1px solid rgb(17 16 16 / .05)
}

.header-top-area-9 p,
.sidebar__search-input-2 input[type="text"],
.sidebar__widget-list ul li a,
.vl-footer-styl2e p,
.vl-header-top-ph a {
    font-weight: var(--vkl-weight-medium)
}

.sidebar__widget-content ul li a span,
.sidebar__widget-social a {
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    transition: 0.3s
}

.sidebar__widget-content ul li a span {
    background: #e9f6ea;
    height: 36px;
    width: 36px;
    line-height: 43px;
    color: var(--vkl-text-text-1)
}

.sidebar__widget-content ul li a cite.cat-num {
    font-style: normal;
    color: var(--vkl-text-text-2);
    transition: 0.3s;
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    padding: 8px 0
}

.sidebar__widget-content ul li a:hover {
    transition: 0.3s;
    background: var(--vkl-text-text-1);
    color: var(--vkl-text-text-white)
}

.sidebar__widget-content ul li a:hover span {
    background: #3eac4b;
    color: var(--vkl-text-text-white);
    transition: 0.3s;
    transform: rotate(-180deg);
    line-height: 42px
}

.sidebar__widget-content ul li a:hover cite.cat-num {
    font-style: normal;
    color: var(--vkl-text-text-white);
    transition: 0.3s;
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    padding: 8px 0
}

.sidebar__widget-social a {
    background: var(--vkl-text-text-white);
    height: 40px;
    width: 40px;
    line-height: 40px;
    color: var(--vkl-text-text-2);
    font-size: 17px;
    margin-right: 12px
}

.sidebar__widget-social a:hover {
    transition: 0.3s;
    background: var(--vkl-text-text-1);
    color: var(--vkl-text-text-white)
}

.sidebar__widget-social-2 a {
    background: var(--vkl-bg-bg-2);
    height: 32px;
    width: 32px;
    line-height: 32px;
    display: inline-block;
    color: var(--vkl-text-text-2);
    font-size: 15px;
    margin-right: 0;
    margin-left: 12px;
    transition: 0.3s
}

.sidebar__widget-list ul li a {
    color: var(--vkl-text-text-3)
}

.sidebar__widget-list ul li a span {
    height: 24px;
    margin-right: 8px
}

.sidebar__widget-tags ul li,
.sm-button-thumb10,
.vl-hero-reviews ul li,
.vl-servic-icon-box-2 .vl-icon {
    display: inline-block
}

.sidebar__widget-tags ul li a {
    background: var(--vkl-text-text-white);
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height16);
    font-weight: var(--vkl-weight-semibold);
    border-radius: 8px;
    padding: 12px 16px;
    transition: 0.3s;
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 16px
}

.sidebar__widget-tags ul li a:hover {
    transition: 0.3s;
    background: var(--vkl-text-text-1);
    color: var(--vkl-text-text-white)
}

.sidebar__widget-quote-input input[type="email"],
.sidebar__widget-quote-input input[type="number"],
.sidebar__widget-quote-input input[type="text"],
.sidebar__widget-quote-input textarea {
    height: 48px;
    border-radius: 8px;
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    border: #fff0
}

.sidebar__search button i,
.vl-footer-widget-1,
.vl-footer-widget-title {
    font-size: var(--vkl-font-size-font-s20)
}

.vl-footer-styl2e .vl-icon-list ul li a,
.vl-footer-styl2e p {
    line-height: var(--vkl-specing-height28);
    font-size: var(--vkl-font-size-font-s20)
}

.sidebar__widget-quote-input input[type="email"]::placeholder,
.sidebar__widget-quote-input input[type="number"]::placeholder,
.sidebar__widget-quote-input input[type="text"]::placeholder,
.sidebar__widget-quote-input textarea::placeholder {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium)
}

.sidebar__widget-quote-input textarea {
    height: 180px
}

.sidebar__widget-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.sidebar__widget-grid-thumb img {
    height: 70px;
    width: 70px;
    border-radius: 50px
}

.sidebar__search-input-2 input[type="text"] {
    height: 48px;
    border-radius: 8px;
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    border: #fff0
}

.sidebar__search-input-2 input[type="text"]::placeholder {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium)
}

.sidebar__search button {
    position: absolute;
    right: 0;
    background: var(--vkl-text-text-1);
    top: 0;
    bottom: 0;
    height: 48px;
    width: 48px;
    border-radius: 8px;
    color: var(--vkl-text-text-white)
}

.sidebar__search button i {
    line-height: 50px
}

.vl-footer-styl2e {
    padding: 48px 40px
}

.vl-footer-styl2e .vl-icon-list ul li a {
    display: block;
    color: var(--vkl-text-text-3);
    font-weight: var(--vkl-weight-medium);
    transition: 0.3s
}

.vl-footer-menu-widget-1 .vl-footer-men1u ul li a,
.vl-footer-newslater-widget input[type="email"] {
    color: var(--vkl-text-text-3);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    font-size: var(--vkl-font-size-font-s18)
}

.vl-footer-styl2e .vl-icon-list-2 ul li a {
    background: var(--vkl-bg-bg-2);
    padding: 18px 16px;
    border-radius: 100px
}

.vl-footer-menu-styl2e {
    padding: 48px 40px 22px
}

.vl-footer-menu-widget-1 .vl-footer-men1u ul li a {
    display: inline-block;
    transition: 0.3s;
    position: relative;
    z-index: 1
}

.vl-footer-menu-widget-1 .vl-footer-men1u ul li a::after {
    transition: 0.3s;
    position: absolute;
    content: "";
    left: 0;
    border-bottom: 1px solid var(--vkl-text-text-1);
    width: 0;
    height: 2px;
    bottom: 0
}

.vl-footer-menu-widget-1 .vl-footer-men1u ul li a:hover::after {
    color: var(--vkl-text-text-1);
    width: 100%
}

.vl-footer-menu-widget-3 .vl-sm-map {
    height: 177px;
    width: 100%;
    border: 1px solid var(--vkl-text-text-1)
}

.vl-footer-newslater-widget {
    display: -webkit-inline-box
}

.vl-footer-newslater-widget input[type="email"] {
    border-radius: 30px;
    background: var(--vkl-bg-bg-2);
    width: 450px;
    margin-right: 16px;
    border: 1px solid #fff0
}

.vl-footer-newslater-widget input[type="email"]::placeholder {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium)
}

.text-right,
.vl-copy-righ1t .vl-copy-right-menu,
.vl-cta-from-wrap-8,
.vl-footer-social-widget {
    text-align: right
}

.vl-footer-social-widget a {
    background: var(--vkl-bg-bg-2);
    color: #2B0D1D;
    font-size: var(--vkl-font-size-font-s18);
    height: 54px;
    width: 54px;
    line-height: 55px;
    text-align: center;
    border-radius: 50px;
    transition: 0.3s;
    margin-left: 16px;
    display: inline-block
}

.vl-footer-social-widget a:hover {
    background: #F5850A;
    color: var(--vkl-text-text-white);
    transition: 0.3s
}

.vl-footer-social-widget.vl-header-top-social a {
    height: 28px;
    width: 28px;
    line-height: 28px;
    font-size: 14px
}

.vkl__product__details-social .vl-footer-social-widget.product-social,
.vl-contact-social .vl-footer-social-widget.contact-social-widget,
.vl-footer-social-widget-5,
.vl-footer-social-widget.team-social {
    text-align: start
}

.vl-footer-social-widget-5 a {
    margin-left: 0;
    margin-right: 4px;
    background: var(--vkl-text-text-white);
    height: 38px;
    width: 38px;
    line-height: 42px;
    margin-bottom:10px;
}

.vl-footer-social-widget.team-social a {
    background: var(--vkl-text-text-white);
    height: 40px;
    width: 40px;
    color: var(--vkl-text-text-2);
    line-height: 40px;
    border-radius: 50px;
    font-size: 18px;
    margin-left: 0;
    margin-right: 16px;
    transition: 0.3s
}

.vl-copy-righ1t {
    padding: 22px 0 0;
    border-top: 1px solid #ffffff24
}

.vl-copy-righ1t-7 {
    border-top: 1px solid #e3e1c2
}

.vl-copy-righ1t-10 {
    border-top: 1px solid #2d312a
}

.vl-copy-righ1t .vl-footer-copy-right-widget .para {
    color: #fff;
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height20);
    font-weight: var(--vkl-weight-medium)
}

.header-sticky.vl-header-area-6 .vl-main-menu.vl-main-menu-6 ul li a,
.vl-copy-righ1t .vl-copy-right-menu-6 ul li a,
.vl-copy-righ1t .vl-footer-copy-right-widget-6 .para,
.vl-work-hour .vl-work-box-flex .single-box-item .vl-work-hour-time span {
    color: var(--vkl-text-text-13)
}

.vl-copy-righ1t .vl-copy-right-menu ul li {
    display: inline-block;
    margin-left: 16px;
    padding-left: 16px;
    position: relative;
    z-index: 1
}

.vl-copy-righ1t .vl-copy-right-menu ul li::after {
    position: absolute;
    content: "";
    right: -16px;
    top: 0;
    width: 2px;
    height: 16px;
    background: #dadbe1
}

.vl-main-menu ul>li:hover .sub-menu,
.vl-main-menu-4 ul>li:hover .sub-menu,
.vl-main-menu-5 ul>li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    top: 100%
}

.vl-copy-righ1t .vl-copy-right-menu ul li a {
    color: #fff;
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height20);
    font-weight: var(--vkl-weight-medium);
    display: block;
    transition: 0.3s
}

.vl-copy-righ1t .vl-copy-right-menu-6 ul li::after {
    background: var(--vkl-text-text-13)
}

.vl-copy-righ1t .vl-copy-right-menu-7 ul li::after {
    background: var(--vkl-text-text-20)
}

.vl-copy-righ1t .vl-copy-right-menu-7 ul li a:hover,
.vl-copy-righ1t .vl-copy-right-menu-9 ul li a:hover {
    color: var(--vkl-text-text-21)
}

.vl-copy-righ1t .vl-copy-right-menu-9 ul li::after {
    background: var(--vkl-text-text-9)
}

.header-sticky.vl-header-area-10,
.vl-banner-conten4t .vl-section-title .subtitle,
.vl-choose-box-bg,
.vl-choose-grid-box-wrap,
.vl-copy-righ1t .vl-copy-right-menu-10 ul li::after,
.vl-team-slider-arrow-ab .vl-team-button,
.vl-team-wrap-ab .vl-social a,
.vl-team-wrap-ab:hover,
.vl__single__pricing__box {
    background: var(--vkl-text-text-white)
}

.vl-copy-righ1t-6 {
    border-top: 1px solid #303c19
}

.vl-copy-righ1t-8 {
    border-top: 1px solid #c9dec6
}

.vl-footer-widget-title {
    line-height: var(--vkl-specing-height24);
    font-weight: 600;
    color: #fff;
    position: relative
}

.vl-footer-widget-1 {
    color: var(--vkl-text-text-3);
    line-height: var(--vkl-specing-height28);
    font-weight: var(--vkl-weight-medium)
}

.vl-footer-widget-1 .vl-footer-content p {
    padding-bottom: 12px;
    color: #fff;
    font-weight: 300
}

.vl-footer-widget-1 .vl-footer-form input[type="email"] {
    background: var(--vkl-text-text-white);
    border-radius: 100px;
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium)
}

.vl-footer-widget-1 .vl-footer-form input[type="email"]::placeholder {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium)
}

.vl-footer-widget-2 .vl-footer-menu ul li a {
    color: #fff;
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    display: inline-block;
    transition: 0.3s
}

.vl-footer-widget-2 .vl-footer-menu ul li a:hover {
    color: #F5850A;
    transition: 0.3s;
    padding-left: 3px
}

.vl-footer-widget-4 .vl-footer-icon-list a {
    color: #545754;
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    display: inline-block;
    transition: 0.3s
}

.vl-footer-widget-4 .vl-footer-social-widget a,
.vl-footer-widget-5.footer-col-4 .vl-social a,
.vl-footer-widget-7.footer-col-4 .vl-social a,
.vl-footer-widget-8.footer-col-4 .vl-social a,
.vl-footer-widget-9.footer-col-4 .vl-social a,
.vl-social-footer-7 a {
    line-height: 48px;
    height: 48px;
    width: 48px;
    display: inline-block;
    transition: 0.3s;
    text-align: center
}

.vl-footer-widget-4 .vl-footer-icon-list a span {
    margin-right: 0;
    line-height: 28px;
    color: #fff
}

.vl-footer-widget-4 .vl-footer-icon-list a span img {
    height: 24px;
    width: 24px;
    filter: invert(1) brightness(1)
}

.vl-footer-widget-4 .vl-footer-social-widget a {
    background: var(--vkl-text-text-white);
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s22);
    border-radius: 50px;
    margin-left: 16px
}

.vl-footer-widget-4 .vl-footer-social-widget a:first-child {
    margin-left: 0
}

.vl-footer-copyright-text {
    color: var(--vl-white-8);
    padding: 24px 0;
    margin: 0;
    border-top: 1px solid #585d79
}

.vl-footer.vkl-cream-bg.vl-footer-4 {
    padding-top: 30px;
    background-color: #2B0D1D
}

.vl-footer.vl-footer-top-2 {
    padding-top: 250px;
    margin-top: -184px
}

.vl-footer-5 .shpae {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    z-index: -1
}

.vl-footer-widget-5.footer-col-1 p {
    color: rgb(255 255 255 / .9);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height28);
    font-weight: var(--vkl-weight-medium);
    padding-top: 18px;
    padding-bottom: 32px
}

.vl-footer-widget-5.footer-col-2 .title,
.vl-footer-widget-5.footer-col-3 .title,
.vl-footer-widget-5.footer-col-4 .title {
    color: var(--vkl-text-text-white);
    font-size: var(--vkl-font-size-font-s28);
    line-height: var(--vkl-specing-height28);
    font-weight: var(--vkl-weight-bold);
    padding-bottom: 28px
}

.vl-footer-widget-5.footer-col-2 .vl-footer-menu ul li a,
.vl-footer-widget-5.footer-col-3 .vl-footer-menu ul li a {
    color: rgb(255 255 255 / .9);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    display: block;
    padding-bottom: 24px
}

.vl-footer-widget-5.footer-col-4 .vl-icon-list ul li a {
    color: rgb(255 255 255 / .9);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20);
    font-weight: var(--vkl-weight-medium);
    display: block;
    padding-bottom: 20px
}

.vl-footer-widget-7.footer-col-2 .vl-footer-menu ul li a,
.vl-footer-widget-7.footer-col-3 .vl-footer-menu ul li a {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    padding-bottom: 24px;
    font-weight: var(--vkl-weight-medium);
    display: block
}

.vl-footer-widget-5.footer-col-4 .vl-icon-list ul li a span img,
.vl-footer-widget-7.footer-col-4 .vl-icon-list ul li a span img,
.vl-footer-widget-8.footer-col-4 .vl-icon-list ul li a span img,
.vl-footer-widget-9.footer-col-4 .vl-icon-list ul li a span img {
    margin-right: 8px;
    margin-top: -4px
}

.vl-footer-widget-5.footer-col-4 .vl-social a,
.vl-footer-widget-7.footer-col-4 .vl-social a {
    border-radius: 50px;
    background: var(--vkl-bg-bg-3);
    color: var(--vkl-text-text-7);
    font-size: 20px;
    margin-right: 14px
}

.vl-footer-widget-5.footer-col-4 .vl-social a:hover,
.vl-footer-widget-7.footer-col-4 .vl-social a:hover,
.vl-imagebox-social a:hover span,
.vl-work-single-box6:hover .vl-work-single-box6-icon span {
    background: var(--vkl-text-text-8);
    transition: 0.3s
}

.vl-footer-widget-5.footer-col-4 .vl-social-6 a,
.vl-footer-widget-7.footer-col-4 .vl-social-6 a,
.vl-footer-widget-8.footer-col-4 .vl-social-6 a,
.vl-footer-widget-9.footer-col-4 .vl-social-6 a {
    border-radius: 220px;
    border: 1px solid rgb(255 255 255 / .1);
    background: rgb(255 255 255 / .1);
    color: var(--vkl-text-text-12)
}

.vl-case-slider-arrow-6 .vl-case-button-6:hover,
.vl-footer-widget-5.footer-col-4 .vl-social-6 a:hover,
.vl-footer-widget-7.footer-col-4 .vl-social-6 a:hover,
.vl-footer-widget-8.footer-col-4 .vl-social-6 a:hover,
.vl-footer-widget-9.footer-col-4 .vl-social-6 a:hover {
    background: var(--vkl-text-text-12);
    transition: 0.3s;
    color: var(--vkl-text-text-16)
}

.vl-footer-widget-5-6.footer-col-1 p,
.vl-footer-widget-7-6.footer-col-1 p {
    color: var(--vkl-text-text-13);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height28);
    font-weight: var(--vkl-weight-medium);
    padding-top: 18px;
    padding-bottom: 32px
}

.vl-footer-widget-5-6.footer-col-2 .vl-footer-menu ul li a,
.vl-footer-widget-5-6.footer-col-3 .vl-footer-menu ul li a,
.vl-footer-widget-5-6.footer-col-4 .vl-icon-list ul li a,
.vl-footer-widget-7-6.footer-col-2 .vl-footer-menu ul li a,
.vl-footer-widget-7-6.footer-col-3 .vl-footer-menu ul li a,
.vl-footer-widget-7-6.footer-col-4 .vl-icon-list ul li a {
    color: var(--vkl-text-text-13);
    transition: 0.3s
}

.vl-footer-widget-5-6.footer-col-2 .vl-footer-menu ul li a:hover,
.vl-footer-widget-5-6.footer-col-3 .vl-footer-menu ul li a:hover,
.vl-footer-widget-5-6.footer-col-4 .vl-icon-list ul li a:hover,
.vl-footer-widget-7-6.footer-col-2 .vl-footer-menu ul li a:hover,
.vl-footer-widget-7-6.footer-col-3 .vl-footer-menu ul li a:hover,
.vl-footer-widget-7-6.footer-col-4 .vl-icon-list ul li a:hover {
    color: var(--vkl-text-text-12);
    transition: 0.3s
}

.vl-footer-widget-7.footer-col-1 p {
    color: var(--vkl-text-text-19);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height28);
    font-weight: var(--vkl-weight-medium);
    padding-top: 18px;
    padding-bottom: 32px
}

.vl-footer-widget-7.footer-col-2 .title {
    color: var(--vkl-text-text-19);
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height24);
    font-weight: var(--vkl-weight-bold);
    padding-bottom: 28px
}

.vl-footer-widget-7.footer-col-3 .title,
.vl-footer-widget-7.footer-col-4 .title,
.vl-footer-widget-8.footer-col-2 .title,
.vl-footer-widget-8.footer-col-3 .title,
.vl-footer-widget-8.footer-col-4 .title,
.vl-footer-widget-9.footer-col-2 .title,
.vl-footer-widget-9.footer-col-3 .title,
.vl-footer-widget-9.footer-col-4 .title {
    color: var(--vkl-text-text-19);
    font-size: var(--vkl-font-size-font-s28);
    line-height: var(--vkl-specing-height28);
    font-weight: var(--vkl-weight-bold);
    padding-bottom: 28px
}

.vl-footer-widget-7.footer-col-4 .vl-icon-list ul li a {
    color: var(--vkl-text-text-19);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20);
    font-weight: var(--vkl-weight-medium);
    display: block;
    padding-bottom: 20px
}

.vl-work-hour .title {
    color: var(--vkl-text-text-white);
    font-size: var(--vkl-font-size-font-s28);
    line-height: var(--vkl-specing-height24);
    font-weight: var(--vkl-weight-bold);
    padding-bottom: 12px
}

.vl-work-hour .vl-work-box-flex .single-box-item {
    display: flex;
    border-bottom: 1px solid #5db275;
    padding-bottom: 16px;
    padding-top: 16px;
    width: 262px
}

.vl-work-hour .vl-work-box-flex .single-box-item .vl-work-day span {
    color: var(--vkl-text-text-white);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-bold);
    margin-right: 34px;
    width: 68px;
    display: block
}

.vl-work-hour .vl-work-box-flex .single-box-item .vl-work-hour span {
    color: rgb(255 255 255 / .9);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height16);
    font-weight: var(--vkl-weight-medium)
}

.vl-work-hour .vl-work-box-flex .single-box-item:last-child {
    border-bottom: inherit
}

.vl-work-hour .vl-work-box-flex .single-box-item-6 {
    border-bottom: 1px solid #283314
}

.footer-large-title-6 .title {
    font-size: 220px;
    font-style: normal;
    font-weight: 700;
    line-height: 220px;
    opacity: .5;
    background: linear-gradient(3deg, #b0db58 -14.53%, rgb(176 219 88 / .05) 55.58%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    margin-top: -92px;
    padding-bottom: 24px
}

.vl-social-footer-7 a {
    border-radius: 50px;
    background: var(--vkl-bg-bg-12);
    margin-right: 10px;
    font-size: var(--vkl-font-size-font-s20);
    color: var(--vkl-text-text-19)
}

.vl-footer-8 {
    padding: 50px 50px 20px;
    border-radius: 8px
}

.vl-footer-widget-8.footer-col-1 p,
.vl-footer-widget-9.footer-col-1 p {
    color: var(--vkl-text-text-9);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height28);
    font-weight: var(--vkl-weight-medium);
    padding-top: 18px;
    padding-bottom: 32px
}

.vl-footer-widget-8.footer-col-2 .vl-footer-menu ul li a,
.vl-footer-widget-8.footer-col-3 .vl-footer-menu ul li a,
.vl-footer-widget-9.footer-col-2 .vl-footer-menu ul li a,
.vl-footer-widget-9.footer-col-3 .vl-footer-menu ul li a {
    color: var(--vkl-text-text-9);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    display: block;
    padding-bottom: 24px;
    transition: 0.3s
}

.vl-footer-widget-8.footer-col-4 .vl-icon-list ul li a,
.vl-footer-widget-9.footer-col-4 .vl-icon-list ul li a {
    color: var(--vkl-text-text-9);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20);
    font-weight: var(--vkl-weight-medium);
    display: block;
    padding-bottom: 20px;
    transition: 0.3s
}

.vl-footer-widget-8.footer-col-4 .vl-social a,
.vl-footer-widget-9.footer-col-4 .vl-social a {
    border-radius: 50px;
    font-size: 20px;
    margin-right: 14px;
    color: var(--vkl-text-text-19);
    border: 1px solid rgb(0 76 48 / .1);
    background: #f2faea
}

.vl-footer-area-9 {
    background: var(--vkl-text-text-23);
    padding-top: 258px;
    margin-top: -188px
}

.footer__supcription__form input[type="email"] {
    background: var(--vkl-bg-bg-14);
    border-radius: 100px;
    border: #fff0;
    color: var(--vkl-text-text-9)
}

.footer__supcription__form input[type="email"]::placeholder {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    color: var(--vkl-text-text-9);
    font-weight: var(--vkl-weight-medium)
}

.footer__supcription__form-10 input[type="email"] {
    background: var(--vkl-text-text-white);
    border-radius: 8px;
    color: var(--vkl-text-text-3);
    transition: 0.3s
}

.footer__supcription__form-10 input[type="email"]::placeholder {
    color: var(--vkl-text-text-3)
}

.vl-footer-area-10,
.vl-project-wrp-10 {
    background: var(--vkl-text-text-24)
}

.vl-footer-widget-10.footer-col-1 p {
    color: var(--vkl-text-text-white);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height28);
    font-weight: var(--vkl-weight-medium);
    padding-top: 18px;
    padding-bottom: 32px
}

.vl-header-top-area .vl-header-top-contact a,
.vl-header-top-ph a {
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height16)
}

.vl-footer-widget-10.footer-col-2 .title {
    color: var(--vkl-text-text-white);
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height24);
    padding-bottom: 28px
}

.vl-footer-widget-10.footer-col-2 .vl-footer-menu ul li a,
.vl-footer-widget-10.footer-col-3 .vl-footer-menu ul li a {
    color: rgb(255 255 255 / .8);
    display: block;
    padding-bottom: 24px
}

.vl-footer-widget-10.footer-col-3 .title,
.vl-footer-widget-10.footer-col-4 .title {
    color: var(--vkl-text-text-white);
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height24);
    font-weight: var(--vkl-weight-bold);
    padding-bottom: 28px
}

.vl-footer-widget-10.footer-col-4 .vl-icon-list ul li a {
    color: rgb(255 255 255 / .8);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20);
    font-weight: var(--vkl-weight-medium);
    display: block;
    padding-bottom: 20px;
    transition: 0.3s
}

.vl-footer-widget-10.footer-col-4 .vl-icon-list ul li a span img {
    margin-right: 8px;
    margin-top: -4px;
    filter: brightness(0) invert(1)
}

.vl-footer-widget-10.footer-col-4 .vl-social a {
    height: 48px;
    width: 48px;
    line-height: 48px;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    font-size: 20px;
    transition: 0.3s;
    margin-right: 14px;
    color: var(--vkl-text-text-2);
    background: var(--vkl-text-text-white)
}

.vl-transparent-header {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    z-index: 99
}

.header-sticky.vl-header-area-10 .vkl-white-menubg-10,
.vl-transparent-header-8 {
    top: 0
}

.vl-transparent-header-9 {
    position: absolute;
    top: inherit
}

.vl-header-area-3 {
    position: relative;
    z-index: 9
}

.vl-main-menu ul>li {
    display: inline-block;
    margin-right: 22px;
    position: relative
}

.vl-main-menu ul>li>a {
    color: var(--vkl-text-text-white);
    display: inline-block;
    position: relative;
    padding: 29px 0
}

.ab-testimo-author-info .tp-testimonial-author-name,
.header-sticky .vl-main-menu.vl-main-menu-black ul li a,
.vl-header-top-ph a,
.vl-main-menu-4 ul>li>a,
.vl-main-menu-black ul li a {
    color: var(--vkl-text-text-2)
}

.vl-main-menu-4 ul>li>a,
.vl-main-menu-5 ul>li>a {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    position: relative;
    padding: 19px 0;
    display: inline-block;
    font-weight: var(--vkl-weight-medium)
}

.vl-main-menu ul>li>a span,
.vl-main-menu-4 ul>li>a span,
.vl-main-menu-5 ul>li>a span {
    font-size: 12px;
    line-height: 12px
}

.vl-main-menu ul>li:hover a {
    color: #0294d1
}

.vl-main-menu ul>li:hover a:before,
.vl-main-menu-4 ul>li:hover a:before,
.vl-main-menu-5 ul>li:hover a:before {
    opacity: 1;
    top: 0
}

.vl-main-menu ul>li .sub-menu,
.vl-main-menu-4 ul>li .sub-menu {
    position: absolute;
    top: 105%;
    width: 180px;
    left: 0;
    background: var(--vkl-text-text-white);
    border-radius: 6px;
    padding: 16px 0;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 20px 30px rgb(1 15 28 / .1);
    transition: 0.3s
}

.vl-main-menu ul>li .sub-menu li,
.vl-main-menu-4 ul>li .sub-menu li,
.vl-main-menu-5 ul>li .sub-menu li {
    margin-right: 0;
    display: block;
    text-align: start
}

.vl-main-menu ul>li .sub-menu li a {
    color: #000;
    display: block;
    padding: 8px 25px;
    font-size: 16px
}

.vl-main-menu ul>li .sub-menu li .sub-menu,
.vl-main-menu-4 ul>li .sub-menu li .sub-menu,
.vl-main-menu-5 ul>li .sub-menu li .sub-menu {
    left: 100%;
    top: 105%;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s
}

.vl-main-menu ul>li .sub-menu li:hover>.sub-menu,
.vl-main-menu-4 ul>li .sub-menu li:hover>.sub-menu,
.vl-main-menu-5 ul>li .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0
}

.vl-main-menu-4 {
    background: var(--vkl-text-text-white);
    border-radius: 8px
}

.vl-main-menu-4 ul>li,
.vl-main-menu-5 ul>li {
    display: inline-block;
    margin-right: 30px;
    position: relative
}

.vl-main-menu-4 ul>li .sub-menu li a,
.vl-main-menu-5 ul>li .sub-menu li a {
    color: #000;
    display: block;
    padding: 8px 25px;
    font-size: 17px
}

.vl-main-menu-5 ul>li>a {
    color: var(--vkl-text-text-7);
    font-weight: var(--vkl-weight-medium)
}

.vl-main-menu-5 ul>li .sub-menu {
    background: var(--vkl-text-text-white);
    opacity: 0;
    visibility: hidden;
    width: 180px;
    left: 0;
    border-radius: 6px;
    padding: 16px 0
}

.vl-main-menu-5 ul>li:hover .sub-menu {
    z-index: 9
}

.vl-main-menu-6 {
    background: var(--vkl-text-text-12);
    border-radius: 88px
}

.vl-main-menu-5 ul>li .sub-menu,
.vl-mega-menu {
    position: absolute;
    top: 105%;
    background: var(--vkl-text-text-white);
    transition: 0.3s;
    box-shadow: 0 20px 30px rgb(1 15 28 / .1)
}

.vl-main-menu-6 ul>li {
    margin: 0 18px
}

.vl-main-menu-6 ul>li a {
    color: var(--vkl-text-text-16)
}

.vl-main-menu-6 ul>li .sub-menu li a {
    padding-left: 0;
    color: var(--vkl-text-text-14)
}

.vl-main-menu-5 ul>li>a,
.vl-process-box-content .title:hover {
    color: #fff;
    transition: 0.3s
}

.vl-main-menu-5 ul>li:hover a {
    color: var(--vkl-text-text-1);
    color: #F5850A
}

.vl-main-menu ul>li:hover .vl-mega-menu {
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
    top: 100%;
    z-index: 9
}

.vl-mega-menu {
    left: -355px;
    width: 1296px;
    padding: 25px 25px 0;
    opacity: 0;
    visibility: hidden;
    border-radius: 8px
}

.vl-home-thumb {
    text-align: center;
    position: relative;
    z-index: 1
}

.vl-home-title {
    font-size: 20px;
    margin-top: 14px
}

.vl-menu-close,
.vl-service-single-iner .vl-content-block-2 ul li span i {
    font-size: 12px
}

.vl-home-thumb img {
    box-shadow: 0 2px 6px rgb(1 15 28 / .2)
}

.cta-bg-4,
.vl-home-thumb .vl-thumb,
.vl-team-wrap3,
.vl__team__wrap__box5 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 6%), 0 3px 6px #fff0;
    border: 2px solid #f5850a3d;
    border-radius: 20px 20px 20px 0
}

.vl-home-thumb .vl-thumb:after,
.vl-thumb-btn {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s
}

.vl-home-thumb .vl-thumb:after {
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #333;
    transform: scale(.5)
}

.vl-home-thumb:hover .vl-thumb:after {
    transform: scale(1);
    opacity: .4;
    visibility: visible
}

.vl-thumb-btn {
    display: inline-block;
    top: 70%;
    left: 3%;
    z-index: 1;
    transform: translateY(-50%);
    margin: 0 auto;
    right: 3%
}

.vl-home-thumb:hover .vl-thumb-btn {
    opacity: 1;
    visibility: visible;
    top: 44%;
    transition: 0.3s
}

.header-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #163d6b;
    -webkit-animation: 0.7s ease-in-out vlfadeInDown;
    animation: 0.7s ease-in-out vlfadeInDown;
    z-index: 999
}

.header-sticky .vkl-white-menubg {
    border-radius: inherit;
    border: inherit;
    background: 0 0;
    backdrop-filter: inherit
}

.header-sticky .pl-20 {
    padding-left: 0
}

.header-sticky .pr-20 {
    padding-right: 0
}

.header-sticky.vl-header-area-3 {
    background: var(--vkl-text-text-white);
    box-shadow: 0 20px 30px rgb(1 15 28 / .1);
    padding: 20px
}

.header-sticky .vl-main-menu-4,
.header-sticky.vl-header-area-6 .vl-main-menu-6,
.team-active .swiper-slide,
.team-active .swiper-slide::after,
.testimonialactive .swiper-wrapper .swiper-slide,
.testimonialactive .swiper-wrapper .swiper-slide::after,
.vl-brand-logo-wrap-8 .vl-review-icon a,
.vl-work-active .swiper-slide,
.vl-work-active .swiper-slide::after,
.vl__single__pricing__box.active .vl__single__pricing__box__inner .vl-primary-btn-4::after {
    background: 0 0
}

.header-sticky .vl-main-menu-4 ul>li>a {
    color: var(--vkl-text-text-white);
    padding: 29px 0
}

.header-sticky.vl-header-area-5 {
    background: #2B0D1D;
    box-shadow: 0 3px 6px #fff0, 0 3px 6px rgb(0 0 0 / 5%)
}

.header-sticky.vl-header-area-5 .hedaer-top-bar,
.header-sticky.vl-header-area-5 hr {
    display: none !important
}

.header-sticky.vl-header-area-6 {
    background: var(--vkl-bg-bg-8);
    padding: 18px 0
}

.vl-thumb-btn .vl-primary-btn-5 {
    color: var(--vkl-text-text-7) !important
}

.vl-header-area-4.header-sticky {
    background: var(--vkl-text-text-1);
    padding: 20px
}

.vl-banner-1 .swiper-slide,
header.header-8 {
    background-size: cover;
    background-position: center
}

.vl-banner-1,
.vl-banner-1 .swiper-slide {
    height: 100vh
}

.vl-header-area-4.header-sticky .vl-primary-btn-4::after {
    background: var(--vkl-text-text-2);
    color: var(--vkl-text-text-1)
}

.vl-header-top-pading {
    padding: 20px 24px 8px
}

.vl-header-top-area .vl-header-top-contact a {
    color: var(--vkl-text-text-2);
    font-weight: var(--vkl-weight-medium);
    transition: 0.3s;
    margin-right: 24px
}

.vl-header-top-area .vl-header-top-contact a span img {
    height: 20px;
    width: 20px;
    margin-right: 4px;
    margin-top: -4px
}

.vl-header-top-ph {
    margin-left: 16px;
    padding-left: 16px;
    border-left: 1px solid #e7e7e7
}

.vl-header-top-ic-box-5 a,
.vl-header-top-ic-box-7 a,
.vl-header-top-ic-box-9 a {
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-font-size-font-s16);
    padding-left: 16px;
    margin-left: 16px;
    font-weight: var(--vkl-weight-medium);
    position: relative;
    z-index: 1
}

.vl-header-top-ph a span img {
    height: 20px;
    width: 20px
}

.vl-about-check-box-five ul li span,
.vl-about-cvheck-box-6 ul li span,
.vl-aboutcheck-8 ul li span {
    height: 22px;
    width: 22px;
    line-height: 22px;
    margin-right: 6px
}

.vl-thumb-btn-3 .vl-primary-btn-3 {
    color: var(--vkl-text-text-white) !important;
    padding: 18px 20px
}

.vl-thumb-btn.vl-thumb-btn-2 .vl-primary-btn-2 {
    color: var(--vkl-text-text-white) !important;
    padding: 18px 24px
}

.vl-header-top-area {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 22px;
    margin-bottom: 8px
}

.header-sticky .vl-home-thumb.vl-home-thumb-4 .vl-primary-btn-4 {
    background: #fff;
    background: var(--vkl-text-text-1)
}

.header-sticky .vl-primary-btn-2.btn3::after {
    background: var(--vkl-text-text-2)
}

.vl-header-top-ic-box-5 a::after {
    position: absolute;
    content: "";
    right: -16px;
    top: 3px;
    height: 16px;
    width: 2px;
    background: #d1e7bb
}

.header-top-area-5 a,
.header-top-area-5 p,
.header-top-area-7 a,
.header-top-area-7 p,
.header-top-area-9 a,
.header-top-area-9 p {
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height16);
    display: inline-block
}

.vl-header-top-ic-box-7 a::after {
    position: absolute;
    content: "";
    right: -16px;
    top: 3px;
    height: 16px;
    width: 1px;
    background: #fff
}

.header-top-area-5 a {
    transition: 0.3s;
    border-bottom: 1px solid var(--vkl-text-text-7)
}

.header-top-area-7 a,
.header-top-area-9 a {
    color: var(--vkl-text-text-white);
    transition: 0.3s;
    border-bottom: 1px solid var(--vkl-text-text-white)
}

.vl-header-top-ic-box-9 a::after {
    position: absolute;
    content: "";
    right: -16px;
    top: 3px;
    height: 16px;
    width: 2px;
    background: var(--vkl-text-text-white)
}

.vl-banner-phonesix-flex .icon span,
.vl-header-top-phone-icon-box .icon span {
    height: 50px;
    width: 50px;
    display: inline-block;
    margin-right: 12px;
    text-align: center
}

.vl-header-top-phone-icon-box {
    display: flex;
    justify-content: end
}

.vl-header-top-phone-icon-box .icon span {
    line-height: 50px;
    border-radius: 50px;
    background: var(--vkl-text-text-8);
    transition: 0.3s
}

.vl-header-top-phone-icon-box .content .sub-heading {
    color: var(--vkl-text-text-9);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium)
}

.vl-header-top-phone-icon-box .content .ph-number,
.vl-imagebox-social a {
    line-height: var(--vkl-specing-height18);
    color: var(--vkl-text-text-7);
    font-size: var(--vkl-font-size-font-s18);
    transition: 0.3s
}

.vl-banner-content-bloc3k .vl-section-title .title,
.vl-checkout-coupon-form-input .title,
.vl-header-top-phone-icon-box .content .ph-number {
    font-weight: var(--vkl-weight-bold)
}

.vl-banner-conten4t .vl-section-title .title,
.vl-banner-content-bloc3k .vl-section-title .title,
.vl-hero-content-2 .vl-section-title .title {
    font-size: var(--vkl-font-size-font-s64);
    line-height: var(--vkl-specing-height70)
}

.vl-header-top-phone-icon-box-7 .icon span,
.vl__team__wrap__box5-6:hover .vl-team-social-icons a:hover {
    background: var(--vkl-text-text-21)
}

header.header-8 {
    height: 156px
}

.hedaer-top-bar-8 {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px
}

.vkl-white-menubg-8 {
    padding: 16px 26px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px
}

.vl-hero-area-eight {
    padding-top: 240px;
    padding-bottom: 100px
}

.vl-main-menu.vl-main-menu-6 ul li a {
    padding: 13px 0
}

.vkl-white-menubg-10 {
    background: var(--vkl-text-text-white);
    border-radius: 8px;
    padding: 12px 20px;
    top: 20px
}

.vl-offcanvas-menu ul li a {
    padding: 8px 0;
    display: block;
    font-size: 16px;
    font-weight: 500
}

.vl-offcanvas-menu ul li>a {
    border-bottom: 1px solid rgb(1 15 28 / .1)
}

.vl-offcanvas-menu ul li.active>a {
    color: var(--vl-theme-color)
}

.vl-offcanvas-menu ul li.active>.vl-menu-close {
    color: var(--vkl-text-text-2);
    background: var(--vl-theme-color)
}

.vl-offcanvas-menu ul li.active>.vl-menu-close i {
    transform: rotate(90deg)
}

.vl-offcanvas-menu ul li .sub-menu {
    display: none;
    padding-left: 20px
}

.vl-menu-close {
    position: absolute;
    right: 0;
    top: 7px;
    border: 1px solid rgb(1 15 28 / .12);
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px
}

.vl-banner-1 .swiper-slide {
    position: relative;
    z-index: 1;
    background-color: #fff0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    height: 100vh
}

.vl-bne3r-slider-arrow .vl-bne3r-button,
.vl-swiper-test-button:hover {
    background: var(--vkl-text-text-white);
    color: var(--vkl-text-text-2);
    transition: 0.3s
}

.vl-banner-1 .swiper-slide:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(105deg, rgb(16 17 16 / .81) 2.71%, rgb(16 17 16 / .09) 137.92%)
}

.vl-banner-1 .swiper-slide>.swiper-slide-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: 50% 50% / cover no-repeat
}

.vl-banner-1 .swiper-slide .slide-01,
.vl-banner-1 .swiper-slide .slide-02 {
    transform-origin: 50% 50%
}

.vl-banner-content.p-relative {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    min-height: 100vh;
    display: flex;
    align-items: center
}

.vl-swiper-test-button {
    position: absolute;
    background: #ffffff0d;
    height: 45px;
    width: 45px;
    right: 1%;
    top: 50%;
    z-index: 1;
    line-height: 45px;
    text-align: center;
    font-size: 20px;
    transform: translateY(-50%);
    border-radius: 50%;
    transition: 0.3s
}

.vl-swiper-test-button-prev {
    top: 50%;
    left: 1%
}

.brandactive {
    background: #f8f8f8;
    position: relative;
    padding: 3px;
    overflow: hidden
}

.vl-banner-content-bloc3k .vl-section-title .vl-shape-aft img,
.vl-banner-content-bloc3k .vl-section-title .vl-shape-bef img {
    filter: brightness(0) invert(1)
}

.vl-banner-content-bloc3k .vl-section-title p,
.vl-cbox-home2 .vl-single-counter-box p,
.vl-swiper-slide-content .vl-testimonial-content2 p {
    color: rgb(255 255 255 / .9)
}

.vl-banr-thumb {
    border-radius: 20px;
    overflow: hidden
}

.vl-banr-thumb img {
    height: 792px;
    object-fit: cover;
    border-radius: 20px
}

.vl-bne3r-slider-arrow {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.vl-bne3r-slider-arrow .vl-bne3r-button {
    height: 60px;
    width: 60px;
    border-radius: 50px;
    line-height: 60px;
    text-align: center;
    font-size: 20px
}

.vl-banne4r-area {
    padding-top: 238px;
    padding-bottom: 138px;
    position: relative;
    z-index: 1
}

.vl-banner-thumb-4,
.vl-grs-shape {
    position: absolute;
    right: 0;
    bottom: 0
}

.vl-heo-area {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    padding-top: 228px
}

.slide-brand,
.vl-work-area .swiper-pagination-bullet-active,
marquee {
    background: var(--vkl-text-text-1);
    position: relative
}

.vl-cta-area::after,
.vl-heo-area:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgb(16 17 16 / .7);
    z-index: -1
}

.vl-cta-area .vl-cta-thumb,
.vl-heo-area .vl-man-area {
    position: absolute;
    right: 0;
    top: 0
}

.vl-cbox-home2 .vl-single-counter-box {
    display: inline-block;
    margin-right: 50px
}

.vl-cbox-home2 .vl-single-counter-box span {
    color: var(--vkl-text-text-white);
    font-size: var(--vkl-font-size-font-s40);
    line-height: var(--vkl-specing-height40);
    font-weight: var(--vkl-weight-bold)
}

.slide-brand {
    padding: 30px;
    z-index: 99;
    margin-top: 77px
}

.track {
    white-space: nowrap;
    will-change: transform;
    animation: 32s linear infinite marquee
}

marquee {
    padding: 25px;
    margin-bottom: -10px
}

.vl-hero-area-five {
    background: var(--vkl-bg-bg-4);
    padding-top: 218px;
    padding-bottom: 533px;
    margin-bottom: -560px;
    position: relative
}

.vl-image-box-content-wrap {
    margin-top: -100px;
    padding-bottom: 100px
}

.vl-imagebox-social a {
    margin-right: 40px;
    font-weight: var(--vkl-weight-semibold)
}

.vl-imagebox-social a span {
    border-radius: 6px;
    font-size: var(--vkl-font-size-font-s18);
    border: 1px solid rgb(17 93 90 / .08);
    display: inline-block;
    height: 36px;
    width: 36px;
    line-height: 36px;
    text-align: center;
    margin-right: 8px;
    transition: 0.3s
}

.vl-hero-shape5 img {
    position: absolute;
    left: 80px
}

.text-circle-bg {
    background: var(--vkl-text-text-8);
    height: 210px;
    width: 210px;
    border-radius: 50%;
    line-height: 140px;
    padding: 8px;
    position: relative;
    margin-top: 60px
}

.text-circle-bg .up-arrow-right {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin: 0 auto;
    text-align: center
}

.vl-hero-area-six {
    background: var(--vkl-bg-bg-9);
    padding-top: 196px
}

.vl-hero-content-six .vl-section-title .title {
    font-size: var(--vkl-font-size-font-s60);
    line-height: var(--vkl-specing-height70);
    color: var(--vkl-text-text-12)
}

.vl-hero-content-six .vl-section-title p {
    color: var(--vkl-text-text-14);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height26);
    font-weight: var(--vkl-weight-medium)
}

.vl-banner-phonesix-flex {
    display: flex;
    transition: 0.3s
}

.vl-banner-phonesix-flex .icon span {
    background: var(--vkl-text-text-12);
    line-height: 50px;
    border-radius: 50px;
    transition: 0.3s
}

.vkl__product__details-product-info ul li,
.vkl__product__details-rating span.preview-text,
.vl-banner-phonesix-flex .content .title,
.vl-banner-phonesix-flex .content a,
.vl-hero-reviews .totla-rev,
.vl-hero-reviews ul span,
.vl-product-description-content .nav-link {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18)
}

.vl-banner-phonesix-flex .content .title {
    font-weight: var(--vkl-weight-medium);
    color: var(--vkl-text-text-14);
    display: block;
    transition: 0.3s
}

.vl-banner-phonesix-flex .content a {
    font-weight: var(--vkl-weight-bold);
    color: var(--vkl-text-text-12);
    transition: 0.3s
}

.vl-banner-phonesix-flex:hover .icon span {
    transform: rotateY(180deg)
}

.vl-plant-box-wrap-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
    z-index: 1;
    gap: 20px
}

.vl-plant-box-wrap-grid .vl-single-plant {
    background: var(--vkl-text-text-12);
    padding: 32px 16px;
    border-radius: 8px;
    text-align: center
}

.vl-plant-box-wrap-grid .vl-single-plant .title {
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20);
    font-weight: var(--vkl-weight-bold);
    color: var(--vkl-text-text-16)
}

.vl-plant-box-wrap-grid .vl-single-plant .icon span {
    padding-top: 24px;
    padding-bottom: 16px;
    display: inline-block
}

.vl-plant-box-wrap-grid .vl-single-plant .icon p {
    font-size: var(--vkl-font-size-font-s14);
    line-height: var(--vkl-specing-height22);
    font-weight: var(--vkl-weight-regular);
    color: var(--vkl-text-text-16)
}

.vl-banner-thumb-six img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

.vl-banner-thumb-shape {
    position: absolute;
    right: 0;
    bottom: 11px
}

.vl-banner-eight-right-content p {
    padding-bottom: 24px;
    border-bottom: 1px solid rgb(255 255 255 / .2)
}

.vl-hero-reviews .totla-rev {
    color: rgb(255 255 255 / .9);
    font-weight: var(--vkl-weight-medium)
}

.vl-hero-contect-form-eight {
    padding: 32px;
    border-radius: 8px;
    background: rgb(255 255 255 / .05)
}

.vl-hero-contect-form-eight .title {
    color: var(--vkl-text-text-white);
    font-size: var(--vkl-font-size-font-s28);
    line-height: var(--vkl-specing-height28);
    font-weight: var(--vkl-weight-bold)
}

.vl-form-bnr-8 .select-box-wrap-8,
.vl-form-bnr-8 input[type="email"],
.vl-form-bnr-8 input[type="number"],
.vl-form-bnr-8 input[type="text"],
.vl-form-bnr-8 textarea {
    background: rgb(255 255 255 / .1);
    color: var(--vkl-text-text-white);
    font-weight: var(--vkl-weight-medium);
    height: 54px;
    line-height: var(--vkl-specing-height18);
    transition: 0.3s;
    font-size: var(--vkl-font-size-font-s18)
}

.vl-form-bnr-8 input[type="email"],
.vl-form-bnr-8 input[type="number"],
.vl-form-bnr-8 input[type="text"],
.vl-form-bnr-8 textarea {
    border-radius: 8px;
    border: #fff0
}

.vl-form-bnr-8 input[type="email"]::placeholder,
.vl-form-bnr-8 input[type="number"]::placeholder,
.vl-form-bnr-8 input[type="text"]::placeholder,
.vl-form-bnr-8 textarea::placeholder {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    color: var(--vkl-text-text-white)
}

.vl-contact-form textarea,
.vl-contact-form-5 textarea,
.vl-contact-iner-form textarea,
.vl-form-bnr-8 textarea {
    height: 140px
}

.vl-hero-ten::after,
.vl-solid-bg-9 {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%
}

.vl-hero-social-7 a {
    transition: 0.3s;
    margin-right: 40px;
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-bold);
    color: var(--vkl-text-text-7)
}

.vl-hero-social-7 a span {
    background: var(--vkl-bg-bg-11);
    height: 36px;
    width: 36px;
    line-height: 36px;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    transition: 0.3s;
    color: var(--vkl-text-text-19);
    margin-right: 8px
}

.vl-solid-bg-9 {
    background: #96e171;
    z-index: 1
}

.vl-hero-area-nine,
.vl-hero-ten {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1
}

.top-shape-bg-9 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%
}

.sm-button-thumb10,
.sm-button-thumb10 img {
    height: 210px;
    width: 240px;
    border-radius: 8px
}

.vl-hero-area-nine {
    padding-top: 180px;
    padding-bottom: 364px;
    position: relative
}

.vl-hero-content-wrap-9 .vl-section-title-9 .subtitle {
    background: rgb(255 255 255 / .2);
    color: var(--vkl-text-text-7);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-semibold);
    transition: 0.3s
}

.vl-hero-content-wrap-9 .vl-section-title-9 .title {
    color: var(--vkl-text-text-7);
    font-size: var(--vkl-font-size-font-s60);
    line-height: var(--vkl-specing-height70);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s
}

.vl-hero-content-wrap-9 .vl-section-title-9 p {
    color: var(--vkl-text-text-7);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height26);
    font-weight: var(--vkl-weight-medium);
    transition: 0.3s
}

.vl-hero-ten {
    position: relative;
    padding-top: 222px;
    padding-bottom: 328px
}

.vl-hero-ten::after {
    content: "";
    left: 0;
    background: #161a12;
    opacity: .5
}

.vl-hero-content-10 .vl-section-title-10 .title {
    color: var(--vkl-text-text-white);
    transition: 0.3s;
    font-size: var(--vkl-font-size-font-s70);
    line-height: 74px;
    font-weight: var(--vkl-weight-bold)
}

.sm-button-thumb10 img {
    object-fit: cover
}

.sm-thumb-top {
    margin-top: -280px
}

.vl-hero-sm-content-10 {
    top: 463px;
    position: relative
}

.vl-hero-sm-content-10 p {
    color: rgb(255 255 255 / .9);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height28);
    font-weight: var(--vkl-weight-medium);
    position: relative;
    z-index: 1
}

.vl-hero-button10,
.vl-hero-social-10 a {
    border-radius: 50px;
    font-size: 20px;
    text-align: center;
    transition: 0.3s
}

.vl-hero-social-10 a {
    display: inline-block;
    height: 48px;
    width: 48px;
    background: #f2faea;
    line-height: 48px;
    position: relative;
    z-index: 1;
    margin-right: 10px;
    color: var(--vkl-text-text-24)
}

.vl-hero-button10 {
    background: rgb(255 255 255 / .2);
    backdrop-filter: blur(2px);
    height: 56px;
    width: 56px;
    line-height: 56px;
    color: var(--vkl-text-text-white);
    margin-bottom: 15px
}

.vl-arrow-10 {
    position: absolute;
    right: 33px;
    bottom: 15px;
    z-index: 1
}

.sm-thumb-top .swiper-slide.swiper-slide-thumb-active {
    border: 1px solid #fff;
    border-radius: 8px
}

.vl-about-us-thumb-area .vl-about-thumb-1 {
    border-radius: 20px;
    overflow: hidden;
    position: absolute;
    right: 70px
}

.vl-about-us-thumb-area .vl-about-thumb-1 img {
    height: 420px;
    width: 370px !important;
    border-radius: 20px;
    overflow: hidden
}

.vl-about-us-thumb-area .vl-about-thumb-2 {
    margin-top: 146px;
    position: relative;
    z-index: 1
}

.vl-about-us-thumb-area .vl-about-thumb-2 img {
    height: 430px
}

.vl-ab-shape1 {
    position: absolute;
    right: 0;
    bottom: 100px
}

.vl-about-us-content3 {
    background: #fcfcfc;
    padding: 53px 40px
}

.vl-about-iner-thumb-2 img {
    height: 350px;
    object-fit: cover;
    border-radius: 20px
}

.vl-about-iner-box .vl-about-iner-thumb-1 img {
    height: 408px;
    object-fit: cover;
    border-radius: 20px
}

.vl-about-wrap-five {
    background-color: var(--vkl-bg-bg-6)
}

.vl-about-check-box-five {
    background: var(--vkl-text-text-white);
    padding: 32px 24px 12px;
    border-radius: 8px;
    display: flex;
    width: 550px;
    border-left: 3px solid var(--vkl-bg-bg-4)
}

.vl-about-check-box-five ul li {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-semibold);
    color: var(--vkl-text-text-7);
    margin-bottom: 20px;
    width: 50%;
    float: left
}

.vl-about-check-box-five ul li span {
    text-align: center;
    background: var(--vkl-text-text-8);
    display: inline-block;
    border-radius: 50px
}

.vl-about-cvheck-box-6 ul li span,
.vl-about-icon-box-6:hover .icon span {
    background: var(--vkl-text-text-12)
}

.vl-about-sm-thumb-five,
.vl-about-thumb-area-five .thumb {
    overflow: hidden;
    border-radius: 8px
}

.vl-about-sm-thumb-five img,
.vl-about-thumb-area-five .thumb img {
    height: 320px;
    object-fit: cover
}

.vl-about-content-box-main-flex {
    background: var(--vkl-text-text-11);
    border-radius: 8px;
    padding: 24px;
    height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.vl-about-content-box-main-flex .vl-about-conttent-box-five .title {
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height32);
    font-weight: var(--vkl-weight-semibold);
    color: var(--vkl-text-text-7);
    transition: 0.3s
}

.vl-about-content-box-main-flex .vl-counter-box .title span,
.vl-about-thumb-area-five .vl-experience-box .title,
.vl-exp-area .title {
    font-size: var(--vkl-font-size-font-s44);
    line-height: var(--vkl-specing-height44);
    font-weight: var(--vkl-weight-bold)
}

.vl-about-content-box-main-flex .vl-counter-box,
.vl-cta-btn-10 {
    text-align: end
}

.vl-about-content-box-main-flex .vl-counter-box span {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    color: var(--vkl-text-text-9)
}

.vl-about-thumb-area-five .vl-experience-box {
    background: var(--vkl-bg-bg-4);
    height: 170px;
    width: 170px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 99
}

.vl-about-thumb-area-five .vl-experience-box .experience {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    color: rgb(255 255 255 / .9)
}

.vl-about-wrap-five {
    padding-top: 439px;
    margin-top: -470px
}

.vl-image-main-wrap {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 1121px;
    position: relative;
    z-index: 1
}

.vl-about-thumb-wrap-6 .vl-about-thumb-6 img {
    height: 446px;
    object-fit: cover;
    border-radius: 16px
}

.vl-about-content-wrap-6 p {
    color: var(--vkl-text-text-3);
    margin-bottom: 10px;
    /* text-align: justify; */
}

.vl-about-cvheck-box-6 ul li,
.vl-about-icon-box-6 p {
    color: var(--vkl-text-text-14);
    font-size: var(--vkl-font-size-font-s18);
    font-weight: var(--vkl-weight-medium)
}

.vl-about-icon-box-6 {
    border-radius: 16px;
    border: 1px solid rgb(255 255 255 / .1);
    padding: 24px;
    transition: 0.3s
}

.vl-about-icon-box-6 .icon span {
    height: 70px;
    width: 70px;
    line-height: 70px;
    background: var(--vkl-bg-bg-10);
    transition: 0.3s
}

.vl-about-icon-box-6 .title {
    color: var(--vkl-text-text-12);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height24);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s
}

.vl-about-icon-box-6 p {
    line-height: var(--vkl-specing-height26);
    transition: 0.3s
}

.vl-about-icon-box-6:hover {
    background: var(--vkl-bg-bg-9);
    transition: 0.3s
}

.vl-about-cvheck-box-6 ul li {
    line-height: var(--vkl-specing-height28);
    float: left;
    width: 50%;
    display: inline-block;
    margin-bottom: 12px
}

.vl-about-larg-thumb-7 img {
    border-radius: 16px;
    height: 520px;
    object-fit: cover
}

.vl-aboutcheck-8 ul li {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-semibold);
    color: var(--vkl-text-text-19);
    padding-bottom: 20px
}

.vl-aboutcheck-8 ul li span {
    background: var(--vkl-text-text-8)
}

.vl-about-thumb-eight-one img {
    width: 270px;
    height: 280px;
    border-radius: 8px;
    object-fit: cover
}

.vl-about-thumb-eight-two {
    margin-left: -100px;
    margin-top: 32px;
    position: relative
}

.vl-about-thumb-eight-two img {
    width: 350px;
    height: 400px;
    border-radius: 8px;
    object-fit: cover
}

.vl-ablout-content-2 .title {
    font-size: var(--vkl-font-size-font-s56);
    line-height: var(--vkl-specing-height56);
    font-weight: var(--vkl-weight-regular);
    transition: 0.3s;
    color: var(--vkl-text-text-19)
}

.vl-ablout-content-2 p {
    color: var(--vkl-text-text-9);
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height24);
    font-weight: var(--vkl-weight-medium)
}

.vl-about-thumb-10 img {
    height: 442px;
    object-fit: cover
}

.vl-contact-map iframe {
    height: 706px;
    width: 100%;
    margin-bottom: -9px
}

.vl-contact-col-3::after {
    position: absolute;
    content: "";
    right: 0;
    border-right: 1px solid rgb(16 17 16 / .1);
    height: 151%;
    width: 1px;
    top: -64px
}

.vl-contat-area .title {
    font-size: var(--vkl-font-size-font-s32);
    line-height: var(--vkl-specing-height32);
    font-weight: var(--vkl-weight-bold)
}

.vl-contact-form input[type="email"],
.vl-contact-form input[type="number"],
.vl-contact-form input[type="password"],
.vl-contact-form input[type="tel"],
.vl-contact-form input[type="text"],
.vl-contact-form input[type="url"],
.vl-contact-form textarea {
    background: var(--vkl-bg-bg-2);
    border-radius: 8px;
    height: 54px;
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    color: var(--vkl-text-text-3);
    border: #fff0
}

.vl-contact-form input[type="email"]::placeholder,
.vl-contact-form input[type="number"]::placeholder,
.vl-contact-form input[type="password"]::placeholder,
.vl-contact-form input[type="tel"]::placeholder,
.vl-contact-form input[type="text"]::placeholder,
.vl-contact-form input[type="url"]::placeholder,
.vl-contact-form textarea::placeholder {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    color: var(--vkl-text-text-3)
}

.vl-pading,
.vl-service3 {
    padding: 60px 50px
}

.contact__icon__flex {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #dedede;
    transition: 0.3s
}

.contact__icon__flex-icon span {
    background: var(--vkl-text-text-white);
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    margin-right: 20px;
    transition: 0.3s
}

.contact__icon__flex-content p,
.contact__icon__flex-icon span img,
.vl-process-box .vl-right-shape img,
.vl-ser-area,
.vl-single-process-item {
    transition: 0.3s
}

.contact__icon__flex-content p:hover,
.vl-servic-icon-box .vl-service-content .redmor:hover,
.vl-servic-icon-box .vl-service-content .title:hover,
.vl-service-iner-icon-box-wrap-content .title:hover,
.vl-single-process-item .title:hover,
.vl-team-wrap .vl-team-auth-content .title:hover,
.vl-working-area .vl-work-content-block .title:hover,
.vl__service__single__box .ser__redm:hover,
.vl__service__single__box .title:hover {
    color: var(--vkl-text-text-1);
    transition: 0.3s
}

.contact__icon__flex:hover .contact__icon__flex-icon span,
.vl-contact-social .vl-footer-social-widget.contact-social-widget a:hover,
.vl-service-iner-icon-box-wrap:hover .vl-service-iner-icon-box-wrap-icon .vl-num span.vl-num-count,
.vl-service-wrp3:hover,
.vl-testimonial-button:hover {
    background: var(--vkl-text-text-1);
    transition: 0.3s
}

.contact__icon__flex:hover .contact__icon__flex-icon span img,
.vl-service-wrp3:hover .vl-ser-content .vl-service-ic-block-flex .icon img,
.vl__team__wrap__box5:hover .vl-team-social-share span img {
    filter: brightness(0) invert(1);
    transition: 0.3s
}

.vl-contact-social .title {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20)
}

.vl-contact-social .vl-footer-social-widget.contact-social-widget a {
    background: var(--vkl-text-text-white);
    transition: 0.3s;
    margin-left: 0;
    margin-right: 16px
}

.vl-contact-iner-form {
    background: var(--vkl-text-text-white);
    padding: 32px;
    border-radius: 20px
}

.vkl__product__details-price span.amount,
.vl-checkout-bill-title,
.vl-contact-iner-form .title {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s32);
    line-height: var(--vkl-specing-height32);
    font-weight: var(--vkl-weight-bold)
}

.vl-contact-iner-form input[type="email"],
.vl-contact-iner-form input[type="number"],
.vl-contact-iner-form input[type="text"],
.vl-contact-iner-form textarea {
    border-radius: 8px;
    background: var(--vkl-bg-bg-2);
    border: #fff0;
    color: #555;
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    height: 54px
}

.vl-contact-iner-form input[type="email"]::placeholder,
.vl-contact-iner-form input[type="number"]::placeholder,
.vl-contact-iner-form input[type="text"]::placeholder,
.vl-contact-iner-form textarea::placeholder {
    color: #555;
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18)
}

.vl-map-area .vl-map {
    height: 600px;
    width: 100%;
    margin-bottom: -10px
}

.con-bottom-shape {
    position: absolute;
    left: 0;
    bottom: -90px
}

.vl-contactus-wrap-5 {
    margin-top: -154px;
    position: relative;
    z-index: 1
}

.vl-contact-box-bg-5 {
    background: #0294d1;
    padding: 48px 48px 18px;
    border-radius: 8px
}

.vl-contact-box-bg-5 .title {
    font-size: var(--vkl-font-size-font-s30);
    line-height: var(--vkl-specing-height28);
    font-weight: 600;
    color: #fff
}

.vl-contact-form-5 input[type="email"],
.vl-contact-form-5 input[type="number"],
.vl-contact-form-5 input[type="text"],
.vl-contact-form-5 textarea {
    border-radius: 8px;
    border: 1px solid rgb(17 93 90 / .25);
    background: #fff;
    color: var(--vkl-text-text-9);
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    height: 54px
}

.vl-contact-form-5 input[type="email"]::placeholder,
.vl-contact-form-5 input[type="number"]::placeholder,
.vl-contact-form-5 input[type="text"]::placeholder,
.vl-contact-form-5 textarea::placeholder {
    color: var(--vkl-text-text-9);
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium)
}

.nice-select.select-box-wrap.wide {
    height: 54px;
    line-height: 54px;
    border-radius: 8px;
    border: 1px solid rgb(17 93 90 / .25);
    background: #fff;
    color: var(--vkl-text-text-9);
    font-size: var(--vkl-font-size-font-s16);
    font-weight: var(--vkl-weight-medium)
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: "";
    display: block;
    height: 7px;
    width: 7px
}

.nice-select.select-box-wrap-8.wide {
    height: 54px;
    line-height: 54px;
    border-radius: 8px;
    background: rgb(255 255 255 / .1);
    color: var(--vkl-text-text-white);
    font-size: var(--vkl-font-size-font-s18);
    font-weight: var(--vkl-weight-medium);
    border: #fff0
}

.nice-select.select-box-wrap-8 .list {
    background: rgb(255 255 255 / .1)
}

.nice-select .option.selected.focus,
.select-box-wrap-8 .nice-select .option.focus {
    background-color: var(--vkl-text-text-19)
}

.nice-select.select-box-wrap-8 .option:hover {
    background: var(--vkl-text-text-19)
}

.vl-contact-wrap-bg9 {
    border-radius: 16px
}

.contact__iconbox9 {
    text-align: center;
    padding: 44px 65px;
    border-bottom: 1px solid rgb(6 29 0 / .1);
    transition: 0.3s;
    width: 371px
}

.contact__iconbox9:last-child {
    border-bottom: #fff0
}

.contact__iconbox9-icon span {
    background: var(--vkl-text-text-23);
    height: 70px;
    width: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 50px;
    transition: 0.3s;
    margin-bottom: 3px
}

.contact__iconbox9-content a {
    color: var(--vkl-text-text-9);
    transition: 0.3s;
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height16);
    display: block
}

.contact__iconbox9:hover .contact__iconbox9-icon span,
.service__shop10 .vl-cart-btn-box a:hover,
.service__shop10-conttent .vl-shopprice .shop-btn,
.service__shop10-thumb .heart-icon span:hover,
.vl-testimonial-slider-arrow-8 .vl-testimonial-button-8:hover,
.vl-wrk-single-box:hover .vl-num span {
    background: var(--vkl-text-text-21);
    transition: 0.3s
}

.contact__from__wrap9 {
    padding: 51px 30px;
    border-left: 1px solid rgb(6 29 0 / .1)
}

.contact__from__wrap9 .title {
    color: var(--vkl-text-text-7);
    font-size: var(--vkl-font-size-font-s32);
    line-height: var(--vkl-specing-height32);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s
}

.contact__from__wrap9 input[type="email"],
.contact__from__wrap9 input[type="tel"],
.contact__from__wrap9 input[type="text"],
.contact__from__wrap9 textarea {
    color: var(--vkl-text-text-7);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    background: var(--vkl-text-text-23);
    border: #fff0;
    border-radius: 8px;
    height: 54px
}

.contact__from__wrap9 input[type="email"]::placeholder,
.contact__from__wrap9 input[type="tel"]::placeholder,
.contact__from__wrap9 input[type="text"]::placeholder,
.contact__from__wrap9 textarea::placeholder {
    color: var(--vkl-text-text-7);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium)
}

.contact__from__wrap9 .select-box-wrap.wide {
    color: var(--vkl-text-text-7);
    font-size: var(--vkl-font-size-font-s18);
    font-weight: var(--vkl-weight-medium);
    background: var(--vkl-text-text-23);
    border: #fff0;
    border-radius: 8px;
    height: 54px
}

.contact__from__wrap9 textarea,
.team__member__details-formarea form textarea,
.vl-checkout-input textarea {
    height: 140px
}

.frombtn9 .btn-primary-9::after {
    left: 184px
}

.vl-contact-maps9,
.vl-maps9 {
    height: 706px;
    width: 370px
}

.vl-cta-content p {
    color: var(--vkl-text-text-4)
}

.cta-bg-4::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(45deg, #0294d14f, #192026f0);
    z-index: -1
}

.vl-newstleer-4 input[type="email"] {
    width: 470px;
    border-radius: 8px;
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    color: var(--vkl-text-text-3);
    height: 64px;
    position: relative;
    z-index: 1
}

.vl-newstleer-4 input[type="email"]::placeholder {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium)
}

.vl-newstleer-4 .newsl-btn {
    position: absolute;
    right: 142px;
    top: 4px
}

.vl-shape2 .cta-cmn-shape {
    position: absolute;
    bottom: 0
}

.vl-shape2 .cta-cmn-shape-2 {
    right: 0
}

.vl-cta-btn6,
.vl-cta-form-wrap-5 .vl-cta-btn5,
.vl-cta-from-7 .vl-primary-btn-7,
.vl-cta-submit-btn-8 {
    position: absolute;
    right: 18px;
    top: 2px
}

.vl-cta-text-5 .title {
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height52);
    font-weight: 600;
    color: var(--vkl-text-text-white)
}

.vl-cta-text-6 .title {
    font-size: var(--vkl-font-size-font-s56);
    line-height: var(--vkl-specing-height62);
    font-weight: var(--vkl-weight-bold);
    color: var(--vkl-text-text-12)
}

.vl-cta-content-wrap-8 .title,
.vl-cta-wrap9 .vl-section-title .title {
    font-size: var(--vkl-font-size-font-s44);
    font-weight: var(--vkl-weight-bold)
}

.vl-cta-form-wrap-5 input[type="email"] {
    background: #ffffff1c;
    color: var(--vkl-text-text-white);
    border: #fff0;
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height20);
    font-weight: 500;
    height: 68px
}

.vl-cta-form-wrap-5 input[type="email"]::placeholder {
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height20);
    font-weight: var(--vkl-weight-semibold)
}

.vl-cta-form-wrap-5 .vl-cta-btn5 {
    bottom: 8px
}

.vl-cta-form-wrap-6 input[type="email"] {
    border-radius: 88px;
    border: 1px solid rgb(255 255 255 / .1);
    background: rgb(255 255 255 / .1);
    color: var(--vkl-text-text-12);
    border: #fff0;
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20);
    font-weight: var(--vkl-weight-semibold);
    height: 72px
}

.vl-cta-form-wrap-6 input[type="email"]::placeholder {
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20);
    font-weight: var(--vkl-weight-semibold);
    color: var(--vkl-text-text-12)
}

.cta-border-bottom {
    border-bottom: 1px solid #ffffff24;
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 30px
}

.cta-border-bottom-6 {
    border-bottom: 1px solid #303c19
}

.vl-cta-from-7 {
    position: relative;
    z-index: 1;
    width: 470px;
    margin: 0 auto
}

.vl-cta-from-7 input[type="email"] {
    width: 470px;
    background: var(--vkl-bg-bg-11);
    height: 72px;
    border-radius: 88px;
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    color: var(--vkl-text-text-3);
    transition: 0.3s;
    font-weight: var(--vkl-weight-medium)
}

.vl-cta-from-7 input[type="email"]::placeholder {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium)
}

.vl-cta-content-wrap-8 .title {
    line-height: var(--vkl-specing-height52);
    color: var(--vkl-text-text-19)
}

.vl-cta-from-wrap-8 input[type="email"] {
    width: 420px;
    height: 68px;
    border-radius: 8px;
    border: 1px solid rgb(0 76 48 / .1);
    background: #ecf8df;
    color: var(--vkl-text-text-19);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20);
    font-weight: var(--vkl-weight-semibold)
}

.vl-cta-wrap9 .vl-section-title .title,
.vl-cta-wrap9 .vl-section-title p {
    color: var(--vkl-text-text-7);
    transition: 0.3s
}

.vl-cta-from-wrap-8 input[type="email"]::placeholder {
    color: var(--vkl-text-text-19);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20);
    font-weight: var(--vkl-weight-semibold)
}

.vl-cta-wrap9 {
    background: var(--vkl-text-text-8);
    border-radius: 16px;
    position: relative;
    margin-top: -210px
}

.vl-cta-wrap9 .vl-section-title .title {
    line-height: var(--vkl-specing-height44)
}

.vl-cta-shape9 {
    position: absolute;
    left: 0;
    bottom: 0
}

.vl-cta-shape9-2 {
    right: 0;
    left: auto
}

.vl-bottom-shape-line10 img {
    left: 0;
    right: 0;
    position: absolute;
    width: 100%;
    bottom: -30px
}

.vl-cta-wrap-10 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    padding-top: 30px;
    padding-bottom: 30px;
    background-attachment: fixed
}

.vl-cta-wrap-10::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(45deg, #00000099, #000000e6);
    z-index: -1
}

.vl-cta-content-10 .title {
    color: var(--vkl-text-text-white);
    transition: 0.3s;
    font-size: var(--vkl-font-size-font-s28);
    line-height: var(--vkl-specing-height40);
    font-weight: 600;
    font-family: "Inter", sans-serif
}

.vl-process-bg {
    padding: 50px
}

.vl-single-process-item .subtitle {
    background: var(--vkl-bg-bg-2);
    border-radius: 8px;
    padding: 10px 16px;
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-ex-bold);
    display: inline-block;
    transition: 0.3s
}

.vl-process-box-icon img {
    width: 50px;
    height: 50px
}

.vl-single-process-item .title {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s
}

.vl-working-area {
    position: relative;
    z-index: 3;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    min-height: 380px;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    border-radius: 20px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 6%), 0 3px 6px #fff0;
    border: 2px solid #f5850a3d;
    padding: 30px 0px;
}

.vl-working-area .vl-work-thumb img {
    height: 120px;
    transition: 0.3s;
    width: 120px !important;
    padding: 26px
}

.vl-servic-button,
.vl-working-area .vl-work-arow span {
    height: 56px;
    width: 56px;
    transition: 0.3s;
    text-align: center
}

.vl-working-area .vl-work-thumb::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(16 17 16 / .7);
    z-index: 1;
    transform: scale(.5);
    transition: 0.3s;
    opacity: 0;
    visibility: hidden
}

.vl-working-area .vl-work-arow span {
    line-height: 54px;
    font-size: 20px;
    position: relative;
    left: 0;
    width: 20px;
    right: 0;
    bottom: 0
}

.vl-working-area .vl-work-content-block {
    background: #F5850A;
    padding: 25px 10px;
    position: absolute;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    color: #fff;
    align-items: center;
    justify-content: center;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.vl-working-area .vl-work-content-block .subtitle {
    color: #fff;
    line-height: var(--vkl-specing-height18);
    font-weight: 600;
    font-size: 20px;
    line-height: 30px
}

.vl-working-area .vl-work-content-block .title {
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height28);
    font-weight: 500;
    transition: 0.3s
}

.vl-working-area:hover {
    background: rgb(16 17 16 / .7)
}

.vl-working-area:hover .vl-work-arow span {
    top: 34%;
    opacity: 1;
    visibility: visible;
    transition: 0.3s
}

.vl-working-area:hover .vl-work-content-block {
    top: 0;
    transition: 0.3s;
    opacity: 1;
    visibility: visible;
    height: 100%;
    width: 100%
}

.vl-working-area:hover .vl-work-thumb::after {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    transition: 0.5s
}

.vl-work-area .swiper-pagination-bullet {
    background: #bce3c0;
    opacity: 1;
    height: 12px !important;
    width: 12px !important;
    transform: inherit
}

.vl-work-area .swiper-pagination-bullet-active::after {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    border: 1px solid var(--vkl-text-text-1);
    left: -3px;
    top: -3px;
    border-radius: 50px
}

.vl-work-area .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    height: 12px !important;
    width: 12px !important;
    margin-top: 50px;
    border-radius: 50px !important
}

.swiper-pagination.custom-dots .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(inherit);
    position: relative
}

.swiper-pagination.custom-dots.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic {
    left: 0;
    transform: inherit;
    margin: 0 auto;
    right: 0;
    position: relative
}

.vl-process-box-icon span {
    background: #2B0D1D;
    display: inline-block;
    height: 100px;
    width: 100px;
    line-height: 100px;
    transition: 0.3s;
    position: relative;
    z-index: 1
}

.vl-process-box-icon::after {
    position: absolute;
    content: "";
    left: 0;
    height: 120px;
    width: 120px;
    border: 2px solid #fff;
    right: 0;
    margin: 0 auto;
    top: -9px
}

.vl-process-box-content .title {
    font-size: var(--vkl-font-size-font-s22);
    line-height: var(--vkl-specing-height24);
    font-weight: 500;
    transition: 0.3s;
    color: #fff
}

.vl-process-box .vl-num span {
    background: #F5850A;
    height: 40px;
    width: 40px;
    display: inline-block;
    line-height: 40px;
    border-radius: 50px;
    font-size: 18px;
    color: var(--vkl-text-text-white);
    position: absolute;
    top: 0;
    right: 78px;
    z-index: 1;
    transition: 0.3s;
    font-weight: var(--vkl-weight-semibold)
}

.vl-process-box .vl-right-shape {
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%)
}

.vl-process-box:hover span {
    transform: rotateY(-180deg)
}

.vl-process-box:hover .vl-right-shape img {
    filter: brightness(1);
    opacity: 1;
    transition: 0.3s
}

.vl-process-box:hover .vl-num span {
    background: #163d6b;
    transition: 0.3s;
    transform: rotatey(0)
}

.vl-team-fluid-bg,
.vl-testimoial-fluid-bg,
.vl-work-area-bg {
    padding: 50px 32px
}

.vl-process-thumb-area img {
    height: 640px;
    object-fit: cover;
    border-radius: 30px
}

.vl-pro-thumb-sm img {
    border-radius: 20px;
    height: 270px;
    object-fit: cover
}

.vl-single-service-wrap .vl-service-thumb {
    overflow: hidden;
    border-radius: 20px;
    height: 370px;
    transition: 0.3s
}

.vl-single-service-wrap .vl-service-thumb img {
    height: 370px;
    transition: 0.3s
}

.vl-ser-area:hover .vl-servic-icon-box .vl-icon span,
.vl-single-service-wrap:hover .vl-servic-icon-box .vl-icon span {
    background: var(--vkl-text-text-1);
    transition: 0.3s;
    transform: rotateY(-180deg)
}

.vl-single-service-wrap:hover .vl-service-thumb img {
    transform: scale(1.1) rotate(-4deg);
    transition: 0.3s
}

.vl-servic-icon-box {
    padding: 32px 24px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: -100px;
    position: relative
}

.vl-servic-icon-box .vl-icon span {
    background: var(--vkl-bg-bg-2);
    height: 80px;
    width: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 50px;
    display: block;
    transition: 0.3s
}

.vl-servic-icon-box .vl-service-content .redmor {
    display: inline-block;
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-ex-bold);
    transition: 0.3s
}

.bg-shadow,
.vl-servic-icon-box-shadow {
    box-shadow: 0 4px 40px 0 rgb(0 0 0 / .09)
}

.vl-servic-icon-box-2 {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 32px 20px;
    background-color: #f5f5f5
}

.vl-servic-icon-box-2 .vl-icon span {
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50px;
    display: block;
    transition: 0.3s;
    background: #2B0D1D
}

.vl-servic-icon-box-2 .vl-service-content p {
    line-height: var(--vkl-specing-height26)
}

.vl-servic-icon-box-2:hover .vl-icon span {
    background: #F5850A;
    transform: rotateY(-180deg);
    transition: 0.3s
}

.vl-servie-thumb-1 img {
    border-radius: 20px;
    height: 370px;
    object-fit: cover
}

.vl-servic-button {
    background: #fff;
    line-height: 56px;
    display: inline-block;
    border-radius: 50px
}

.vl-service-wrp3,
.vl__service__single__box {
    background: var(--vkl-text-text-white);
    overflow: hidden
}

.vl-servic-slider-arrow {
    position: absolute;
    right: 0;
    top: -170px
}

.vl-servic-button i {
    font-size: 24px;
    line-height: 56px
}

.vl-servic-slider-arrow-ab .vl-servic-button {
    background: var(--vkl-bg-bg-2);
    font-size: 20px
}

.cart-page-total ul li span,
.vl-service-contet-wrap3 {
    float: right
}

.vl-service-wrp3 {
    transition: 0.3s
}

.vl-service-wrp3 .vl-service-thumb {
    overflow: hidden;
    transition: 0.3s;
    border-bottom: none;
    background-color: #fff
}

.vl-service-wrp3 .vl-service-thumb img {
    height: 250px;
    padding: 20px;
    object-fit: contain;
    transition: 0.3s;
    border: 2px solid #19202608
}

.vl-service-wrp3 .vl-ser-content {
    padding: 28px 12px;
    background-color: #2B0D1D
}

.vl-service-wrp3 .vl-ser-content .title {
    color: #fff;
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height24);
    font-weight: 600;
    transition: 0.3s;
    min-height: 75px
}

.vl-service-wrp3 .vl-ser-content p {
    transition: 0.3s;
    color: #fff;
    font-size: 14px;
    line-height: 20px
}

.vl-service-wrp3 .vl-ser-content .vl-service-ic-block-flex .icon {
    position: relative;
    margin-right: 20px;
    display: inline-block
}

.vl-service-wrp3 .vl-ser-content .vl-service-ic-block-flex .icon img {
    transition: 0.3s;
    width: 40px
}

.vl-service-wrp3:hover .vl-service-thumb img {
    transform: scale(1.1) rotate(-3deg);
    transition: 0.3s
}

.vl-service-wrp3:hover .vl-ser-content p,
.vl-team-wrap3:hover .vl-team-con p {
    color: rgb(255 255 255 / .9);
    transition: 0.3s
}

.vl__service__single__box {
    position: relative;
    z-index: 1;
    border-radius: 8px;
    padding: 117px 32px 32px;
    transition: 0.3s
}

.vl__service__single__box:hover {
    transform: translateY(-10px);
    transition: 0.3s
}

.vl__service__single__box .vl__service__icon-shape {
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.3s
}

.vl__service__single__box .vl__service__icon-shape img {
    filter: brightness(.5)
}

.tre-shap,
.vl-test-shape-2,
.vl__service__single__box .vl__service__icon span {
    position: absolute;
    left: 0;
    top: 0
}

.vl__service__single__box .vl__service__icon-2 span {
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.3s
}

.vl-service-iner-icon-box-wrap-content .title,
.vl__service__single__box .title {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s
}

.vl__service__single__box .ser__redm {
    color: var(--vkl-text-text-2);
    transition: 0.3s;
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-ex-bold);
    display: inline-block
}

.vl__service__single__box .ser__redm span {
    display: inline-block;
    transform: rotate(-45deg);
    transition: 0.3s
}

.vl__service__single__box .ser__redm:hover span {
    transform: rotate(0);
    transition: 0.3s
}

.vl-single-service-box-8:hover .vl-single-service-thumb img,
.vl-team-wrap3:hover .vl-team-thumb img,
.vl-team-wrap:hover .vl-team-thumb img,
.vl__service__single__box:hover .vl__service__icon-2 span {
    transform: scale(1.1);
    transition: 0.3s
}

.servic-shap4 {
    position: absolute;
    top: 0;
    right: 0
}

.vl-service-single-iner .vl-thumb img {
    height: 426px;
    object-fit: cover;
    border-radius: 20px
}

.vl-service-single-iner .vl-content-block-1 .title {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s44);
    line-height: var(--vkl-specing-height44);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s
}

.team__details__desc-heading .title,
.vl-service-single-iner .vl-content-block-2 .title {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s32);
    line-height: var(--vkl-specing-height32);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s
}

.vl__service__wrap__five-content .redmore,
.vl__service__wrap__five-content .title {
    font-weight: var(--vkl-weight-bold);
    color: var(--vkl-text-text-7)
}

.vl-service-box-wrap-6 .vl-service-box-content .title,
.vl-single-service-box-7 .content .title,
.vl__service__wrap__five-content .title {
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height24);
    transition: 0.3s
}

.vl__service__wrap__five-content .redmore:hover,
.vl__service__wrap__five-content .title:hover {
    color: var(--vkl-text-text-8) !important;
    transition: 0.3s
}

.vl-service-single-iner .vl-content-block-2 ul li {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    display: block;
    width: 33.33%;
    float: left;
    margin-bottom: 14px
}

.vl-service-single-iner .vl-content-block-2 ul li span {
    display: inline-block;
    background: var(--vkl-text-text-1);
    height: 20px;
    width: 20px;
    border-radius: 50px;
    text-align: center;
    color: var(--vkl-text-text-white);
    margin-right: 8px
}

.image-box-box,
.vl-service-iner-icon-box-wrap-icon {
    position: relative;
    display: inline-block
}

.vl-service-iner-icon-box-wrap-icon .vl-num span.vl-num-count {
    background: var(--vkl-text-text-2);
    color: var(--vkl-text-text-white);
    height: 40px;
    width: 40px;
    border-radius: 50px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    font-size: var(--vkl-font-size-font-s18);
    position: absolute;
    right: -10px;
    top: 10px;
    transition: 0.3s
}

.vl-service-sm-thumb-iner img {
    height: 250px;
    object-fit: cover;
    border-radius: 20px
}

.vl__service__wrap__five {
    border-radius: 8px;
    border: 1px solid #d9d9d9;
    padding: 28px 24px;
    transition: 0.3s;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.vl__service__wrap__five-icon span {
    height: 100px;
    width: 100px;
    background: var(--vkl-text-text-8);
    display: inline-block;
    line-height: 100px;
    text-align: center;
    border-radius: 50px;
    transition: 0.3s
}

.service-section__desc,
.vl-work-single-box6-content p,
.vl__service__wrap__five-content p {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height26);
    font-weight: var(--vkl-weight-medium);
    color: var(--vkl-text-text-9);
    transition: 0.3s
}

.vl__service__wrap__five-content .redmore {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    transition: 0.3s;
    display: inline-block
}

.vl-single-service-box-7 .content .redmore span,
.vl__service__wrap__five-content .redmore span {
    display: inline-block;
    transform: rotate(-45deg);
    transition: 0.3s
}

.vl-single-service-box-7 .content .redmore:hover span,
.vl__service__wrap__five-content .redmore:hover span {
    transform: rotate(0);
    transition: 0.3s
}

.vl__service__wrap__five .thumb {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: -1;
    transform: scale(.9);
    opacity: 0;
    transition: 0.3s
}

.vl-service-box-wrap-6,
.vl-service-box-wrap-6 .vl-service-box-thumb {
    border-radius: 16px;
    position: relative;
    transition: 0.3s;
    overflow: hidden
}

.vl__service__wrap__five .thumb::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgb(22 26 18 / .7)
}

.vl-team-wrap3::before {
    position: absolute;
    content: "";
    width: 0;
    height: 4px;
    bottom: 0;
    inset-inline-start: 0;
    background: #F5850A;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    border-radius: 0 0 2px 2px;
    z-index: 1
}

.vl-team-wrap3:hover::before {
    width: 100%;
    visibility: visible;
    opacity: 1
}

.vl-team-wrap3 .vl-team-con p,
.vl__service__wrap__five:hover {
    transition: 0.3s
}

.vl-single-service-box-7:hover .icon span,
.vl__service__wrap__five:hover .vl__service__wrap__five-icon span {
    transform: rotateY(180deg);
    transition: 0.3s
}

.vl__service__wrap__five:hover .thumb {
    opacity: 1;
    transform: scale(1);
    transition: 0.3s
}

.vl-team-wrap3:hover .vl-team-con .title,
.vl__service__wrap__five:hover .vl__service__wrap__five-content .redmore,
.vl__service__wrap__five:hover .vl__service__wrap__five-content .title,
.vl__service__wrap__five:hover .vl__service__wrap__five-content p {
    color: var(--vkl-text-text-white);
    transition: 0.3s
}

.vl-service-box-wrap-6 {
    background: #163d6b;
    padding: 24px;
    z-index: 1
}

.vl-service-box-wrap-6 .vl-service-box-thumb {
    height: 220px;
    z-index: 1
}

.service-icon-6 span,
.vl-service-box-wrap-6 .viewmore {
    line-height: 70px;
    text-align: center;
    border-radius: 50px;
    display: inline-block
}

.vl-service-box-wrap-6 .vl-service-box-thumb-lag-thumb {
    height: 335px;
    transition: 0.3s
}

.vl-service-box-wrap-6 .vl-service-box-thumb-lag-thumb img {
    transition: 0.3s;
    height: 335px !important
}

.vl-service-box-wrap-6 .vl-service-box-thumb::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 0%;
    width: 100%;
    background: #111607;
    opacity: .7;
    transition: 0.3s
}

.vl-service-box-wrap-6 .vl-service-box-content .title {
    color: #0294d1;
    font-weight: 500
}

.vl-service-box-wrap-6 .vl-service-box-content p {
    color: #fff;
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height26);
    font-weight: var(--vkl-weight-medium)
}

.vl-service-box-wrap-6 .viewmore {
    height: 70px;
    width: 70px;
    transition: 0.3s;
    background: #0294d1;
    font-size: var(--vkl-font-size-font-s16);
    font-weight: 600;
    color: var(--vkl-text-text-16);
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -18%;
    opacity: 0;
    visibility: hidden
}

.vl-service-box-wrap-6:hover .vl-service-box-thumb::after {
    height: 100%;
    transition: 0.3s
}

.vl-service-box-wrap-6:hover .vl-service-box-thumb img {
    transition: 0.3s;
    transform: scale(1.1)
}

.vl-service-box-wrap-6:hover .viewmore {
    top: 22%;
    transition: 0.3s;
    opacity: 1;
    visibility: visible
}

.service-icon-6 span {
    height: 70px;
    width: 70px;
    background: rgb(255 255 255 / .1)
}

.vl-service-thumb-7 img {
    border-radius: 16px;
    height: 687px;
    object-fit: cover
}

.vl-ser-icon-8 span,
.vl-single-service-box-7 .icon span {
    height: 80px;
    width: 80px;
    border-radius: 50px;
    display: inline-block;
    text-align: center
}

.vl-service-box-wrap-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px
}

.vl-single-service-box-7 {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 16px;
    transition: 0.3s;
    display: flex
}

.vl-single-service-box-7 .icon span {
    background: #2b0d1d;
    line-height: 80px;
    margin-right: 16px;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
    transition: 0.3s;
    overflow: hidden
}

.vl-single-service-box-7 .icon span::after {
    position: absolute;
    content: "";
    left: 26px;
    bottom: -30px;
    height: 100%;
    width: 100%;
    transition: 0.3s;
    z-index: -1;
    border-radius: 50px
}

.vl-single-service-box-7 .content .title {
    font-weight: var(--vkl-weight-bold);
    color: #2b0d1d
}

.about-who .content .title {
    font-size: 16px;
    font-family: 'Nunito Sans';
    display: flex;
    align-items: center
}

.vl-single-service-box-7 .content .title:hover {
    color: #F5850A;
    transition: 0.3s
}

.vl-choose-single-box-7 p,
.vl-single-service-box-7 .content .para {
    line-height: var(--vkl-specing-height26);
    font-weight: var(--vkl-weight-medium);
    color: var(--vkl-text-text-20);
    transition: 0.3s
}

.vl-single-service-box-7 .content .redmore {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-bold);
    color: var(--vkl-text-text-19);
    transition: 0.3s;
    display: inline-block
}

.vl-single-service-box-7:hover {
    transition: 0.3s;
    transform: translateY(-2px)
}

.vl-single-service-box-7:hover .icon span::after {
    left: 0;
    bottom: 0
}

.vl-single-service-box-8 {
    background: var(--vkl-bg-bg-14);
    transition: 0.3s;
    padding: 32px 28px;
    border-radius: 8px;
    text-align: center
}

.vl-single-service-box-8 .vl-single-service-content .title {
    color: var(--vkl-text-text-19);
    font-size: var(--vkl-font-size-font-s22);
    line-height: var(--vkl-specing-height24);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s;
    padding-bottom: 16px
}

.vl-single-service-box-8 .vl-single-service-content p {
    color: var(--vkl-text-text-9);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height26);
    font-weight: var(--vkl-weight-medium);
    transition: 0.3s;
    padding-bottom: 32px
}

.vl-single-service-box-8 .vl-single-service-thumb {
    transition: 0.3s;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    z-index: 1;
    margin-bottom: 30px
}

.vl-single-service-box-8 .vl-single-service-thumb img {
    height: 120px;
    transition: 0.3s;
    object-fit: cover;
    border-radius: 8px;
    object-fit: contain
}

.vl-single-service-box-8 .vl-single-service-thumb .viewmore {
    background: var(--vkl-text-text-12);
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-radius: 50px;
    display: inline-block;
    transition: 0.3s;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    transform: translateY(-50%);
    text-align: center;
    font-size: var(--vkl-font-size-font-s18);
    font-weight: var(--vkl-weight-bold);
    color: var(--vkl-text-text-16);
    opacity: 0;
    visibility: hidden
}

.vl-single-service-box-8 .vl-single-service-thumb-2,
.vl-single-service-box-8 .vl-single-service-thumb-2 img {
    height: 200px;
    transition: 0.3s
}

.vl-single-service-box-8:hover {
    transition: 0.3s;
    background: var(--vkl-text-text-12)
}

.vl-single-service-box-8:hover .vl-single-service-thumb .viewmore {
    top: 50%;
    visibility: visible;
    opacity: 1;
    transition: 0.3s
}

.vl-ser-icon-8 span {
    background: var(--vkl-bg-bg-15);
    line-height: 60px
}

.vl-brand-logo-wrap-8,
.vl-service-box-eight-grid,
.vl-testimonial-wrap3 .vl-testi-con-block .vl-logo-flx {
    display: flex;
    justify-content: space-between
}

.vl-sing-serve {
    position: relative;
    width: 220px;
    margin-right: 45px
}

.vl-sing-serve img {
    height: 220px;
    width: 220px;
    border-radius: 8px;
    object-fit: cover
}

.vl-sing-serve .right-icon {
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-radius: 8px;
    text-align: center;
    background: var(--vkl-text-text-8);
    transition: 0.3s;
    position: absolute;
    right: -35px;
    top: 35px
}

.vl-sing-serve .right-icon img {
    height: 36px;
    width: 36px
}

.vl-line-shape-8-2 {
    position: absolute;
    left: 136px;
    right: 0;
    width: 100%;
    top: 9px;
    z-index: 1
}

.vl-line-shape-8-2 img {
    width: 78%;
    left: 46px
}

.vl-test-slider-space {
    margin-right: -445px
}

.service-section__tags a {
    border-radius: 8px;
    border: 1px solid rgb(6 29 0 / .1);
    display: inline-block;
    padding: 10px 14px;
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-semibold);
    margin-bottom: 24px;
    transition: 0.3s
}

.service-section__tags a:hover {
    background: var(--vkl-text-text-21);
    transition: 0.3s;
    border: 1px solid var(--vkl-text-text-21)
}

.service-section__item {
    background: var(--vkl-text-text-23);
    position: relative;
    overflow: hidden;
    width: 100%;
    transition: 0.6s;
    border-radius: 16px;
    padding: 24px
}

.service-section__thumb {
    height: 170px;
    margin: 0 auto;
    transition: 0.6s;
    overflow: hidden;
    border-radius: 8px
}

.service-section__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    transition: 0.3s
}

.service-section__title {
    font-weight: var(--vkl-weight-bold) !important;
    font-weight: 600;
    line-height: 1;
    color: var(--vkl-text-text-7);
    padding-bottom: 16px;
    padding-top: 24px;
    transition: 0.3s
}

.service-section__title:hover {
    transition: 0.3s;
    color: var(--vkl-text-text-21)
}

.service-section__redmorebtn {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s;
    display: inline-block;
    color: var(--vkl-text-text-7);
    padding-top: 24px
}

.service-section__redmorebtn span {
    display: inline-block;
    transition: 0.3s;
    transform: rotate(-45deg);
    color: var(--vkl-text-text-7)
}

.service-section__redmorebtn:hover,
.vl-testimonial-wrap-5 .vl-testimonial-auth-flex .vl-testimonial-content-2 .title:hover,
.vl-testimonial-wrap-5-7 .vl-testimonial-auth-flex .vl-testimonial-content .title:hover,
.vl-testimonial-wrap-9 .vl-testimonial-auth-flex .vl-testimonial-content .title:hover {
    color: var(--vkl-text-text-21);
    transition: 0.3s
}

.service-section__redmorebtn:hover span {
    transition: 0.3s;
    transform: rotate(0);
    color: var(--vkl-text-text-21)
}

.service-section__social {
    position: absolute;
    bottom: 0;
    right: 0
}

.service-section__social a {
    width: 50px;
    height: 50px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #151515;
    font-size: 19px;
    border-radius: 10px;
    outline: #f6f0e9 solid 20px
}

.service-section__item:hover .service-section__thumb img {
    transform: scale(1.1) rotate(-3deg);
    transition: 0.3s
}

.vl-choose-arae-thumb:hover img,
.vl-single-cart-box:hover .vl-thumb img,
.vl-single-gallery-7:hover .vl-gallery-thumb-7 img,
.vl-single-project10:hover .vl-single-project10-thumb img,
.vl__team__wrap__box5:hover .vl__team__wrap__box5-thumb img,
.vl__team__wrap__box6:hover .vl__team__wrap__box6-thumb img {
    transform: scale(1.1);
    transition: 0.3s
}

.service-pagination5 .swiper-pagination,
.service-pagination9 .swiper-pagination {
    margin-top: 30px;
    position: relative;
    z-index: 1
}

.service-pagination5 .swiper-pagination-bullet {
    height: 16px;
    width: 16px;
    background: #d3edd3;
    opacity: 1
}

.service-pagination5 .swiper-pagination-bullet-active {
    background: #41a35e;
    position: relative;
    height: 12px;
    width: 12px
}

.service-pagination5 .swiper-pagination-bullet-active:after {
    position: absolute;
    content: "";
    left: -4px;
    top: -4px;
    height: 20px;
    width: 20px;
    border: 2px solid #41a35e;
    border-radius: 50px
}

.service-pagination5 .swiper-pagination-bullets.swiper-pagination-horizontal,
.service-pagination9 .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: inherit;
    bottom: inherit;
    display: flex;
    align-items: center;
    justify-content: center
}

.service-pagination9 .swiper-pagination-bullet {
    height: 16px;
    width: 16px;
    background: #beccb3;
    opacity: 1
}

.service-pagination9 .swiper-pagination-bullet-active {
    background: #4d4d4d;
    position: relative;
    height: 12px;
    width: 12px
}

.service-pagination9 .swiper-pagination-bullet-active:after {
    position: absolute;
    content: "";
    left: -4px;
    top: -4px;
    height: 20px;
    width: 20px;
    border: 2px solid #4d4d4d;
    border-radius: 50px
}

.vl-team-wrap {
    border-radius: 20px;
    border: 1px solid rgb(16 17 16 / .1);
    padding: 20px;
    transition: 0.3s;
    position: relative;
    z-index: 1
}

.vl-team-wrap .vl-team-thumb {
    overflow: hidden;
    border-radius: 20px;
    transition: 0.3s
}

.vl-team-wrap .vl-team-thumb img {
    height: 300px;
    object-fit: cover;
    border-radius: 20px;
    transition: 0.3s
}

.vl-team-wrap .vl-social a {
    height: 36px;
    width: 36px;
    line-height: 36px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    font-size: 18px;
    background: var(--vkl-bg-bg-2);
    color: var(--vkl-text-text-2);
    transition: 0.3s;
    margin-right: 12px
}

.vl-team-wrap:hover {
    background: var(--vkl-bg-bg-2);
    transition: 0.3s;
    border: 1px solid var(--vkl-bg-bg-2)
}

.vl-team-wrap:hover .vl-social a,
.vl-testimonial-slider-arrow-5 .vl-testimonial-button-5:hover,
.vl-work-process-box6:hover .icon .vl-circle-top-number span {
    background: var(--vkl-text-text-white);
    transition: 0.3s
}

.vl-team-slider-arrow {
    position: absolute;
    right: 0;
    top: -120px
}

.vl-team-slider-arrow .vl-team-button {
    background: #2B0D1D;
    color: #fff;
    height: 56px;
    width: 56px;
    line-height: 56px;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    transition: 0.3s
}

.vl-team-slider-arrow .vl-team-button:hover {
    background: #fff;
    color: #F5850A;
    transition: 0.3s
}

.vl-team-wrap3 .vl-team-thumb {
    height: auto;
    border-radius: 30px;
    overflow: hidden;
    transition: 0.3s;
    padding-bottom: 12px;
    text-align: center
}

.vl-team-wrap3 .vl-team-thumb img {
    height: auto;
    object-fit: contain;
    border-radius: 50%;
    transition: 0.3s;
    width: 55% !important;
    margin-top: 30px;
    border: 2px solid #b9b2b6
}

.vl-team-wrap3 .vl-team-social a,
.vl-team3-arrow .vl-team-button3 {
    height: 50px;
    width: 50px;
    font-size: 20px;
    transition: 0.3s;
    color: var(--vkl-text-text-2);
    line-height: 50px;
    text-align: center
}

.team__details__post-auth .title,
.vl-team-wrap3 .vl-team-con .title {
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height24);
    color: var(--vkl-text-text-2);
    transition: 0.3s
}

.vl-team-wrap3 .vl-team-con {
    background: #f5f5f5;
    padding: 15px 15px 15px 15px;
    margin: 0 15px 15px 0;
    border-radius: 0 8px 8px 0;
    position: relative;
    left: unset;
    right: unset;
    bottom: unset;
    transition: 0.3s;
    text-align: center
}

.vl-team-wrap3 .vl-team-con .title {
    font-weight: var(--vkl-weight-bold);
    padding-bottom: 5px;
    color: #2B0D1D
}

.vl-team-wrap3 .vl-team-social {
    position: absolute;
    right: -60px;
    top: 20px;
    transition: 0.3s
}

.vl-team-wrap3 .vl-team-social a {
    display: block;
    background: #F5850A;
    border-radius: 50px;
    margin-bottom: 10px;
    color: #fff
}

.vl-team-wrap3:hover .vl-team-social {
    right: 20px;
    transition: 0.3s
}

.vl-team3-arrow .vl-team-button3 {
    position: absolute;
    background: var(--vkl-bg-bg-2);
    right: 0;
    top: -100px;
    z-index: 1;
    transform: translateY(-50%);
    border-radius: 50%
}

.vl-team3-arrow .vl-team-button3-next,
.vl-testimonial-button-next,
.vl-testimonial3-arrow .vl-testimo-button3-next {
    left: auto;
    right: 0
}

.team__details__post-thumb img {
    height: 514px;
    object-fit: cover;
    border-radius: 20px
}

.team__details__post-auth {
    background: var(--vkl-bg-bg-2);
    border-radius: 8px;
    padding: 28px 32px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: -86px;
    position: relative
}

.team__details__desc-heading .title:hover,
.team__details__post-auth .title:hover,
.team__details__post-iconlist ul li a:hover,
.tp-testimonial-author-name:hover,
.vl-choose-box-bg .vl-choose-item-grid .vl-choose-single-item .title:hover,
.vl-testimonial-box-wrap .vl-testimonial-auth .title:hover,
.vl-testimonial-wrap3 .vl-testimonial-auth-flx .vl-content .title:hover {
    color: var(--vkl-text-text-1);
    transition: 0.3s
}

.team__details__post-moreinfo ul li label {
    width: 150px;
    font-weight: var(--vkl-weight-bold);
    color: var(--vkl-text-text-2)
}

.team__details__post-moreinfo ul li span {
    color: var(--vkl-text-text-3);
    line-height: var(--vkl-specing-height18);
    font-size: var(--vkl-font-size-font-s18)
}

.team__details__post-iconlist ul li a {
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20);
    color: var(--vkl-text-text-3);
    transition: 0.3s
}

.team__details__post-iconlist ul li a span {
    margin-right: 8px
}

.team__details__desc-heading .desegnitation {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium)
}

.team__details__desc-review-number span {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height16);
    font-weight: var(--vkl-weight-semibold);
    margin-left: 8px;
    margin-top: 4px;
    display: block
}

.team__member__details .title {
    font-size: var(--vkl-font-size-font-s32);
    line-height: var(--vkl-specing-height32);
    color: var(--vkl-text-text-2);
    font-weight: var(--vkl-weight-bold)
}

.team__member__details-cf {
    background: var(--vkl-text-text-white);
    border-radius: 8px;
    padding: 32px
}

.team__member__details-cf .title,
.vl-single-cart-box .vl-cart-para .numb {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height24);
    font-weight: var(--vkl-weight-bold)
}

.team__member__details-formarea form input[type="email"],
.team__member__details-formarea form input[type="text"],
.team__member__details-formarea form textarea {
    border: 1px solid #eaeaea;
    border-radius: 8px;
    background: var(--vkl-bg-bg-2);
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium)
}

.team__member__details-formarea form input[type="email"]::placeholder,
.team__member__details-formarea form input[type="text"]::placeholder,
.team__member__details-formarea form textarea::placeholder {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium)
}

.vl__team__wrap__box5-thumb {
    height: 300px;
    border-radius: 8px;
    overflow: hidden;
    transition: 0.3s
}

.vl__team__wrap__box5-thumb img {
    border-radius: 8px;
    object-fit: cover;
    transition: 0.3s
}

.vl__team__wrap__box5-contentbox {
    background: var(--vkl-bg-bg-3);
    border-radius: 8px;
    padding: 28px 24px;
    position: relative;
    z-index: 1
}

.vl__team__wrap__box5-contentbox .title {
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height24);
    font-weight: var(--vkl-weight-bold);
    color: var(--vkl-text-text-7);
    transition: 0.3s;
    display: block;
    padding-bottom: 16px
}

.vl__team__wrap__box5-contentbox span {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    color: var(--vkl-text-text-9);
    transition: 0.3s
}

.vl__team__wrap__box5 .vl-team-social-share {
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%)
}

.vl__team__wrap__box5 .vl-team-social-share span {
    background: var(--vkl-bg-bg-4);
    height: 46px;
    width: 46px;
    line-height: 46px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    transition: 0.3s
}

.vl-testimonial-wrap-5:hover,
.vl__team__wrap__box5 .vl-team-social-share span img {
    transition: 0.3s
}

.vl__team__wrap__box5 .vl-team-social-icons {
    position: absolute;
    right: -44px;
    top: 60px;
    z-index: 1;
    transition: 0.3s
}

.vl__team__wrap__box5 .vl-team-social-icons a {
    background: var(--vkl-bg-bg-5);
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    display: block;
    margin-bottom: 13px;
    font-size: var(--vkl-font-size-font-s20);
    transition: 0.3s
}

.vl__team__wrap__box5 .vl-team-social-icons a:hover {
    background: var(--vkl-text-text-10)
}

.vl__team__wrap__box5-6 .vl__team__wrap__box5-contentbox {
    background: var(--vkl-text-text-23)
}

.vl__team__wrap__box5-6 .vl__team__wrap__box5-contentbox .vl-team-social-share span {
    background: var(--vkl-text-text-8)
}

.vl__team__wrap__box5-6:hover .vl-team-social-share span img {
    filter: none !important
}

.vl__team__wrap__box5:hover .vl-team-social-icons {
    right: 24px;
    transition: 0.3s
}

.vl-team-slider-arrow-5 .vl-team-button-5,
.vl-testimonial-slider-arrow-7 .vl-testimonial-button-7 {
    background: #e8e8e8;
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50px;
    position: absolute;
    top: 50%;
    left: -65px;
    transform: translateY(-50%);
    transition: 0.3s;
    font-size: 20px;
    color: #2B0D1D
}

.vl-team-slider-arrow-5 .vl-team-button-5:hover,
.vl-testimonial-slider-arrow-7 .vl-testimonial-button-7:hover {
    background: #cecece;
    transition: 0.3s
}

.vl-team-button-next-5.vl-team-button-5,
.vl-testimonial-button-next-7.vl-testimonial-button-7,
.vl-testimonial-button-next-8.vl-testimonial-button-8 {
    right: -62px;
    left: auto
}

.vl__team__wrap__box6-thumb {
    position: relative;
    height: 400px;
    overflow: hidden;
    transition: 0.3s;
    border-radius: 16px
}

.vl__team__wrap__box6-thumb img {
    height: 400px;
    object-fit: cover;
    transition: 0.3s;
    border-radius: 16px
}

.vl__team__wrap__box6-thumb-content {
    background: var(--vkl-text-text-12);
    border-radius: 8px;
    padding: 20px 30px;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px
}

.vl__team__wrap__box6-thumb-content .title {
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height24);
    font-weight: var(--vkl-weight-bold)
}

.vl__team__wrap__box6-thumb-content .degnition {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    display: inline-block
}

.vl-single-gallery-7 .vl-searh-icon span,
.vl-testimonial-button,
.vl-testimonial-slider-arrow-8 .vl-testimonial-button-8,
.vl-testimonial3-arrow .vl-testimo-button3 {
    transform: translateY(-50%);
    text-align: center;
    transition: 0.3s
}

.vl-share-area-6 .vl-social-share span {
    height: 36px;
    width: 36px;
    line-height: 36px;
    text-align: center;
    display: inline-block;
    border-radius: 50px;
    background: var(--vkl-text-text-16);
    transition: 0.3s
}

.vl-share-area-6 .vl-social-share span img {
    height: 18px;
    width: 18px
}

.vl-share-area-6 .vl-social-share a {
    background: rgb(255 255 255 / .2);
    border: 1px solid rgb(255 255 255 / .1);
    height: 36px;
    width: 36px;
    line-height: 36px;
    text-align: center;
    display: inline-block;
    border-radius: 50px;
    margin: 0 6px;
    transition: 0.3s
}

.vl-swiper-slide-content .vl-testimonial-content2 p,
.vl-testimonial-box-wrap .vl-testimonial-content p {
    font-size: var(--vkl-font-size-font-s28);
    line-height: var(--vkl-specing-height38);
    font-weight: var(--vkl-weight-medium)
}

.vl-share-area-6 .vl-social-share a:hover {
    background: var(--vkl-text-text-16);
    transition: 0.3s;
    color: var(--vkl-text-text-white)
}

.vl-share-area-6 .vl-social-share .vl-team-social-icon6 {
    margin-top: -37px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    transform: translateX(-50px)
}

.vl__team__wrap__box6:hover .vl-share-area-6 .vl-social-share span {
    opacity: 0;
    transition: 0.3s
}

.vl__team__wrap__box6:hover .vl-share-area-6 .vl-social-share .vl-team-social-icon6 {
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
    transform: translateX(0)
}

.vl-team-box-grid-six {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px
}

.vl__team__wrap__box6:nth-child(2) {
    margin-top: -100px
}

.vl__team__wrap__box6:nth-child(3) {
    margin-top: -200px
}

.vl__team__wrap__box6:nth-child(4) {
    margin-top: -300px
}

.vl-testimonial-area::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgb(16 17 16 / .9);
    z-index: -1
}

.vl-testimonial-box-wrap {
    position: relative;
    z-index: 1;
    width: 830px;
    margin: 0 auto
}

.vl-testimonial-box-wrap .vl-testimonial-auth-thumb span img {
    height: 150px;
    width: 150px;
    border-radius: 50px
}

.vl-testimonial-box-wrap .vl-testimonial-content p {
    color: var(--vkl-text-text-6)
}

.vl-choose-box-bg .vl-choose-item-grid .vl-choose-single-item .title,
.vl-testimonial-box-wrap .vl-testimonial-auth .title {
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height24);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s
}

.vl-testimonial-box-wrap .vl-testimonial-auth .desegnition {
    color: var(--vkl-text-text-6);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-regular)
}

.vl-testimonial-button {
    position: absolute;
    background: rgb(255 255 255 / .1);
    height: 50px;
    width: 50px;
    top: 50%;
    z-index: 1;
    line-height: 50px;
    font-size: 20px;
    border-radius: 50%;
    color: var(--vkl-text-text-white)
}

.vl-swiper-slide-content .vl-testimonial-auth2 .title {
    color: var(--vkl-text-text-white);
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height24);
    font-weight: var(--vkl-weight-bold)
}

.tp-testimonial-author-desig,
.vl-swiper-slide-content .vl-testimonial-auth2 .desegnitation {
    color: var(--vkl-text-text-white);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium)
}

.testimonial-gallery-sm-thumb img {
    height: 60px;
    width: 60px;
    border-radius: 50px
}

.vl-testimonial-wrap3 .vl-testimonial-auth-flx .vl-thumb img {
    height: 70px;
    width: 70px;
    border-radius: 50px;
    margin-right: 16px
}

.vl-testimonial-wrap3 .vl-testimonial-auth-flx .vl-content .title {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height24);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s;
    position: relative;
    z-index: 1
}

.vl-testimonial-wrap3 .vl-testimonial-auth-flx .vl-content p {
    color: var()
}

.vl-testimonial-wrap3 .vl-testi-con-block {
    background: var(--vkl-bg-bg-2);
    padding: 32px 18px;
    border-radius: 30px;
    height:302px;
}

.vl-testimonial3-arrow .vl-testimo-button3 {
    position: absolute;
    background: #e8e8e8;
    height: 45px;
    width: 45px;
    right: 0;
    top: -100px;
    z-index: 1;
    line-height: 45px;
    font-size: 20px;
    border-radius: 50%;
    color: #2B0D1D
}

.vl-testimonial3-arrow .vl-testimo-button3:hover {
    background: #cecece;
    transition: 0.3s;
    color: var(--vkl-text-text-white)
}

.vl-shape-triangle {
    position: absolute;
    bottom: -30px;
    left: 34px
}

.tp-testimonial-item .tp-testimonial-long-text .tp-testimonial-text {
    color: var(--vkl-text-text-white);
    font-size: var(--vkl-font-size-font-s28);
    line-height: var(--vkl-specing-height38);
    font-weight: var(--vkl-weight-medium)
}

.tp-testimonial-author-name,
.vl-single-work-box .content .title {
    color: var(--vkl-text-text-white);
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height24);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s
}

.vl-auth-testimonial-thumb-2 img {
    height: 70px;
    width: 70px;
    border-radius: 50px;
    padding: 5px
}

.vl-statisfied-box-wrap-top p,
.vl__counter-nine p {
    padding-top: 18px;
    font-weight: var(--vkl-weight-medium)
}

.tp-testimonial-thumb-active .swiper-slide.swiper-slide-active::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 70px;
    width: 70px !important;
    border: 2px solid var(--vkl-text-text-1);
    border-radius: 50px
}

.testimonial-about .tp-testimonial-item .tp-testimonial-long-text .tp-testimonial-text {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s28);
    line-height: var(--vkl-specing-height38);
    font-weight: var(--vkl-weight-medium)
}

.ab-testimo-author-info span.tp-testimonial-author-desig {
    color: var(--vkl-text-text-3)
}

.vl-testimonial-wrap-5 {
    border: 1px solid rgb(17 93 90 / .25);
    transition: 0.3s;
    padding: 32px;
    position: relative;
    z-index: 1
}

.vl-testimonial-wrap-5 .vl-review-icon a {
    background: var(--vkl-bg-bg-5);
    height: 28px;
    width: 28px;
    transition: 0.3s;
    display: inline-block;
    text-align: center
}

.vl-testimonial-wrap-5 .vl-testimonial-content-block .title {
    font-size: var(--vkl-font-size-font-s24);
    font-weight: var(--vkl-weight-semibold);
    line-height: var(--vkl-specing-height32);
    color: var(--vkl-text-text-7);
    padding-top: 24px;
    transition: 0.3s
}

.vl-testimonial-wrap-5 .vl-testimonial-content-block p {
    padding-top: 16px;
    padding-bottom: 28px
}

.vl-testimonial-wrap-5 .vl-testimonial-content-block-8 p {
    color: var(--vkl-text-text-9);
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #d4e7ce
}

.vl-testimonial-wrap-5 .vl-testimonial-auth-flex .vl-testimonial-thumb img,
.vl-testimonial-wrap-5-7 .vl-testimonial-auth-flex .vl-testimonial-thumb img,
.vl-testimonial-wrap-6 .vl-testimonial-auth-flex .vl-testimonial-thumb img,
.vl-testimonial-wrap-9 .vl-testimonial-auth-flex .vl-testimonial-thumb img {
    margin-right: 18px;
    height: 80px;
    width: 80px;
    border-radius: 50px
}

.vl-testimonial-wrap-5 .vl-testimonial-auth-flex .vl-testimonial-thumb-8 img {
    margin-right: 18px;
    height: 60px;
    width: 60px;
    border-radius: 50px
}

.vl-testimonial-wrap-5 .vl-testimonial-auth-flex .vl-testimonial-content .title {
    font-size: var(--vkl-font-size-font-s28);
    font-weight: var(--vkl-weight-bold);
    line-height: var(--vkl-specing-height28);
    color: var(--vkl-text-text-7);
    padding-bottom: 16px;
    transition: 0.3s
}

.vl-testimonial-wrap-5 .vl-testimonial-auth-flex .vl-testimonial-content .title:hover {
    color: var(--vkl-text-text-8);
    transition: 0.3s
}

.vl-testimonial-wrap-5 .vl-testimonial-auth-flex .vl-testimonial-content span {
    font-size: var(--vkl-font-size-font-s18);
    font-weight: var(--vkl-weight-medium);
    line-height: var(--vkl-specing-height18);
    color: var(--vkl-text-text-9)
}

.vl-testimonial-wrap-5 .vl-testimonial-auth-flex .vl-testimonial-content-2 .title {
    color: var(--vkl-text-text-19);
    transition: 0.3s;
    padding-bottom: 12px
}

.vl-testimonial-wrap-5 .testimonial-quote-icon,
.vl-testimonial-wrap-9 .testimonial-quote-icon {
    position: absolute;
    right: 16px;
    top: 16px
}

.vl-testimonial-wrap-5 .testimonial-logo-5,
.vl-testimonial-wrap-9 .testimonial-logo-5 {
    position: absolute;
    right: 32px;
    bottom: 47px
}

.vl-testimonial-wrap-5-7 {
    background: #fff;
    border: 2px solid #19202612
}

.vl-testimonial-wrap-5-7 .vl-testimonial-auth-flex .vl-testimonial-content .title {
    font-size: 25px;
    font-weight: 500;
    line-height: var(--vkl-specing-height28);
    padding-bottom: 16px;
    transition: 0.3s;
    color: #002500
}

.vl-testimonial-wrap-5-7 .vl-testimonial-auth-flex .vl-testimonial-content span {
    font-size: var(--vkl-font-size-font-s18);
    font-weight: var(--vkl-weight-medium);
    line-height: var(--vkl-specing-height18);
    color: var(--vkl-text-text-20)
}

.vl-testimonial-wrap-5-7 .vl-review-icon a {
    background: #061d00;
    height: 28px;
    width: 28px;
    transition: 0.3s;
    display: inline-block;
    text-align: center
}

.vl-testimonial-wrap-5-7 .vl-testimonial-content-block p {
    font-size: var(--vkl-font-size-font-s16);
    font-weight: var(--vkl-weight-medium);
    line-height: var(--vkl-specing-height32);
    color: #002500;
    padding-top: 26px;
    padding-bottom: 28px;
    margin-bottom: 32px;
    border-bottom: 1px solid #e3e1c2
}

.vl-testimonial-wrap-5-7 .vl-testimonial-post-heading .title {
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height24);
    font-weight: 500;
    color: #002500;
    transition: 0.3s;
    padding-bottom: 16px;
    display: none
}

.vl-testimonial-wrap-5-7 .vl-testimonial-post-heading p {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    color: var(--vkl-text-text-20);
    transition: 0.3s
}

.vl-testimonial-wrap-5-7 .vl-testimonial-post-heading p span img {
    margin-top: -4px
}

.vl-testimonial-wrapper-5 {
    padding-top: 600px;
    margin-top: -500px
}

.vl-case-slider-arrow-6,
.vl-case-slider-arrow-8,
.vl-testimonial-slider-arrow-5 {
    position: absolute;
    right: 0;
    top: -156px
}

.vl-testimonial-slider-arrow-5 .vl-testimonial-button-5 {
    background: var(--vkl-text-text-8);
    height: 56px;
    width: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--vkl-font-size-font-s18);
    transition: 0.3s
}

.vl-testimonial-wrap-6 {
    border-radius: 16px;
    background: rgb(255 255 255 / .05);
    transition: 0.3s;
    padding: 32px 28px;
    position: relative;
    z-index: 1
}

.vl-testimonial-wrap-6 .vl-review-icon a img {
    margin-top: -4px;
    margin-right: 3px
}

.vl-testimonial-wrap-6 .vl-testimonial-content-block p {
    padding-top: 16px;
    padding-bottom: 24px;
    color: var(--vkl-text-text-17);
    border-bottom: 1px solid #363e26;
    margin-bottom: 24px
}

.vl-testimonial-wrap-6 .vl-testimonial-auth-flex .vl-testimonial-content .title {
    font-size: var(--vkl-font-size-font-s28);
    font-weight: var(--vkl-weight-bold);
    line-height: var(--vkl-specing-height28);
    color: var(--vkl-text-text-12);
    padding-bottom: 16px;
    transition: 0.3s
}

.vl-testimonial-wrap-6 .vl-testimonial-auth-flex .vl-testimonial-content span {
    font-size: var(--vkl-font-size-font-s18);
    font-weight: var(--vkl-weight-medium);
    line-height: var(--vkl-specing-height18);
    color: var(--vkl-text-text-17)
}

.vl-statisfied-box-wrap {
    background: var(--vkl-text-text-12);
    border-radius: 16px;
    padding: 32px 28px;
    height: 337px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: -60px
}

.testimonial-wrap9,
.vl-testimonial-wrap-9 {
    border-radius: 8px;
    padding: 32px;
    position: relative;
    z-index: 1;
    transition: 0.3s
}

.vl-statisfied-box-wrap-top .title {
    font-size: var(--vkl-font-size-font-s44);
    line-height: var(--vkl-specing-height44);
    font-weight: var(--vkl-weight-bold);
    color: var(--vkl-text-text-16)
}

.vl-statisfied-box-wrap-top p {
    color: var(--vkl-text-text-16);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height24)
}

.vl-statisfied-box-wrap-bottom p {
    color: var(--vkl-text-text-16);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height26);
    font-weight: var(--vkl-weight-medium)
}

.vl-case-slider-arrow-6 .vl-case-button-6 {
    background: var(--vkl-bg-bg-13);
    height: 56px;
    width: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--vkl-font-size-font-s18);
    transition: 0.3s;
    color: var(--vkl-text-text-12);
    font-size: 25px
}

.vl-case-slider-arrow-8 .vl-case-button-8 {
    background: rgb(255 255 255 / .1);
    height: 60px;
    width: 60px;
    line-height: 66px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--vkl-font-size-font-s28);
    transition: 0.3s;
    color: var(--vkl-text-text-white)
}

.vl-case-box-wraper-8 .vl-case-thumb .vl-case-category a:hover,
.vl-case-slider-arrow-8 .vl-case-button-8:hover {
    background: var(--vkl-text-text-21);
    transition: 0.3s;
    color: var(--vkl-text-text-19)
}

.vl-testimonial-slider-arrow-8 .vl-testimonial-button-8 {
    background: var(--vkl-text-text-8);
    height: 60px;
    width: 60px;
    line-height: 60px;
    border-radius: 50px;
    position: absolute;
    top: 50%;
    left: -65px;
    font-size: 20px
}

.vl-testimonial-area-wrap-9 .vl-section-title-9 .subtitle {
    background: rgb(255 255 255 / .2);
    color: var(--vkl-text-text-white)
}

.vl-testimonial-wrap-9 {
    background: #fff
}

.vl-testimonial-wrap-9 .vl-testimonial-content-block .title {
    font-size: var(--vkl-font-size-font-s24);
    font-weight: var(--vkl-weight-semibold);
    line-height: var(--vkl-specing-height32);
    color: var(--vkl-text-text-white);
    padding-top: 24px;
    transition: 0.3s
}

.vl-choose-content-iner-list ul li,
.vl-choose-nav-text .nav-pills .nav-link {
    color: var(--vkl-text-text-2);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-semibold)
}

.vl-testimonial-wrap-9 .vl-testimonial-content-block p {
    padding-top: 16px;
    padding-bottom: 28px;
    color: #163d6b;
    font-size: 16px;
    border-bottom: 1px solid #f5f5f5
}

.vl-testimonial-wrap-9 .vl-testimonial-auth-flex .vl-testimonial-content .title {
    font-size: var(--vkl-font-size-font-s20);
    font-weight: 500;
    line-height: var(--vkl-specing-height24);
    color: #0294d1;
    padding-bottom: 12px;
    transition: 0.3s
}

.vl-testimonial-wrap-9 .vl-testimonial-auth-flex .vl-testimonial-content span {
    font-size: var(--vkl-font-size-font-s18);
    font-weight: var(--vkl-weight-medium);
    line-height: var(--vkl-specing-height18);
    color: #163d6b
}

.swiperr {
    height: 1180px
}

.testimonial-wrap9 {
    background: rgb(255 255 255 / .1);
    box-shadow: 0 0 30px 0 rgb(0 0 0 / .08)
}

.vl-choose-arae-thumb {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: 0.3s;
    height: 636px;
    border-radius: 20px
}

.vl-choose-arae-thumb img {
    height: 636px;
    transition: 0.3s;
    object-fit: cover
}

.vl-exp-area {
    background: var(--vkl-text-text-1);
    transition: 0.3s;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 28px;
    border-top-right-radius: 20px;
    border-top: 10px solid var(--vkl-text-text-white);
    border-right: 10px solid var(--vkl-text-text-white)
}

.vl-exp-area p {
    color: var(--vkl-text-text-white);
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height24)
}

.vl-choose-thumb img {
    height: 358px;
    object-fit: contain
}

.vl-choose-area-content3 {
    padding: 60px 40px
}

.vl-choose-thumb3 img {
    height: 702px;
    object-fit: cover;
    border-radius: 30px
}

.vl-choose-box-bg {
    position: relative;
    right: 312px;
    width: 1200px;
    border-radius: 30px;
    padding: 40px
}

.vl-choose-box-bg .vl-choose-item-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px
}

.vl-choose-us-checkmark ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px
}

.vl-choose-us-checkmark ul li {
    background: #f8f8f8;
    display: inline-block;
    padding: 16px;
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-semibold)
}

.vl-choose-us-checkmark ul li span i {
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    margin-right: 10px;
    background-color: #F5850A
}

.vl-choose-thumb2 {
    position: absolute;
    right: 0;
    top: 100px
}

.vl-choose-thumb2 img {
    height: 540px
}

.vl-choose-nav-text {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #dedede
}

.vl-choose-nav-text .nav-pills .nav-link {
    font-size: var(--vkl-font-size-font-s18);
    border: 1px solid var(--vkl-text-text-2);
    border-radius: 30px;
    margin-right: 16px;
    text-transform: uppercase;
    padding: 16px 24px;
    line-height: 14px
}

.vl-choose-nav-text .nav-pills .nav-link.active {
    color: var(--vkl-text-text-white);
    background: var(--vkl-text-text-1);
    border: 1px solid var(--vkl-text-text-1)
}

.vl-choose-thumb-iner img {
    height: 293px;
    object-fit: cover;
    border-radius: 20px
}

.vl-choose-content-iner-list ul li {
    font-size: var(--vkl-font-size-font-s18);
    margin-bottom: 18px
}

.vl-choose-content-iner-list ul li span i {
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    color: var(--vkl-text-text-white);
    background: var(--vkl-text-text-1);
    font-size: 12px;
    display: inline-block;
    margin-right: 8px
}

.vl-choose-larg-thumb {
    position: absolute;
    right: 0;
    bottom: -100px
}

.vl-choose-thumb-wrap-7 img {
    border-radius: 16px;
    height: 660px;
    object-fit: cover
}

.vl-choose-grid-box-wrap {
    padding: 40px;
    border-radius: 16px;
    display: grid;
    gap: 25px;
    grid-template-columns: repeat(2, 1fr);
    width: 760px;
    position: relative
}

.vl-choose-single-box-7 .title {
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height28);
    font-weight: var(--vkl-weight-bold);
    color: var(--vkl-text-text-19);
    transition: 0.3s
}

.vl-choose-thumb-9 img {
    height: 480px;
    border-radius: 16px;
    object-fit: cover
}

.vl-choose-video-thumb-2 {
    margin-right: 200px;
    margin-left: -200px;
    margin-top: 50px
}

.vl-choose-video-thumb-2 img {
    height: 258px;
    border-radius: 16px;
    object-fit: cover
}

.vl__counter-flex {
    display: flex;
    margin-top: 55px
}

.vl__counter-nine .title {
    font-size: var(--vkl-font-size-font-s44);
    line-height: var(--vkl-specing-height44);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s;
    color: var(--vkl-text-text-7)
}

.vl__counter-nine p {
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20);
    transition: 0.3s;
    color: var(--vkl-text-text-7)
}

.vl-choose-thumb10-thumb2 img {
    margin-top: -216px;
    height: 330px;
    width: 400px !important;
    border-radius: 8px;
    object-fit: cover;
    margin-left: -62px;
    position: relative
}

.vl-gallery-thumb-sm img,
.vl-gallery-thumb-sm-2 img {
    height: 240px;
    object-fit: cover;
    border-radius: 20px
}

.vl-gallery-thumb-sm-2 {
    width: 396px;
    left: -90px;
    position: relative;
    border-radius: 20px;
    overflow: hidden
}

.vl-gallery-thumb-large img {
    height: 510px;
    object-fit: cover;
    border-radius: 20px
}

.vl-gallery-thumb img {
    height: 510px
}

.gallery-shape {
    position: absolute;
    right: 0;
    bottom: 60px;
    z-index: -1
}

.vl-gallery-box-grid-7 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px
}

.vl-single-gallery-7 {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: 0.3s
}

.vl-single-gallery-7 .vl-gallery-thumb-7 {
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 16px;
    transition: 0.3s
}

.vl-single-gallery-7 .vl-gallery-thumb-7 img {
    height: 240px;
    border-radius: 16px;
    transition: 0.3s;
    object-fit: cover
}

.vl-single-gallery-7 .vl-gallery-thumb-7::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    transition: 0.3s;
    background: linear-gradient(0deg, rgb(17 0 0 / .5) 0, rgb(17 0 0 / .5) 100%)
}

.vl-single-gallery-7 .vl-searh-icon span {
    background: var(--vkl-text-text-21);
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-radius: 50px;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden
}

.vl-single-gallery-7 .vl-searh-icon .search-icon-gallery {
    width: 30px;
    height: 30px;
    transition: 0.3s
}

.vl-single-gallery-7:hover .vl-searh-icon span {
    top: 50%;
    opacity: 1;
    visibility: visible;
    transition: 0.3s
}

.vl-gallery-large-thumb-7 .large-thumb img {
    height: 704px;
    width: 615px;
    margin-top: -194px;
    float: right
}

.vl__single__pricing__box {
    border-radius: 8px;
    padding: 32px 20px 20px
}

.vl__single__pricing__box .title {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s28);
    line-height: var(--vkl-specing-height24);
    font-weight: var(--vkl-weight-bold);
    margin-bottom: 24px
}

.pricing__item__flex-content-title,
.pricing__item__flex-price-title,
.shop__details__area-content-desc .title,
.vl__single__pricing__box__inner .vl__pricing__item li {
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20)
}

.vl__single__pricing__box__inner {
    background: var(--vkl-bg-bg-2);
    border-radius: 8px;
    padding: 24px
}

.vl__single__pricing__box__inner .vl-pricing-heading .title {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s44);
    line-height: var(--vkl-specing-44);
    font-weight: var(--vkl-weight-semibold)
}

.vl__single__pricing__box__inner .vl-pricing-heading .title span.subheading {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-18);
    font-weight: var(--vkl-weight-medium)
}

.vl__single__pricing__box__inner .vl-pricing-heading p {
    border-bottom: 1px solid #dedede;
    padding-bottom: 24px;
    margin-bottom: 24px
}

.vl__single__pricing__box__inner .vl__pricing__item li {
    list-style: none;
    font-weight: var(--vkl-weight-medium);
    margin-bottom: 24px
}

.vl__single__pricing__box__inner .vl__pricing__item li span {
    height: 20px;
    width: 20px;
    line-height: 18px;
    border-radius: 50px;
    background: var(--vkl-text-text-1);
    color: var(--vkl-text-text-white);
    display: inline-block;
    text-align: center;
    font-size: 12px;
    margin-right: 4px;
    padding-top: 3px
}

.vl-single-cart-box .vl-cart-para .vl-cart-btn:hover .vl-primary-btn-4::after,
.vl__single__pricing__box.active .vl__single__pricing__box__inner {
    background: var(--vkl-text-text-1)
}

.vl__single__pricing__box.active .vl__single__pricing__box__inner .vl-pricing-heading .title,
.vl__single__pricing__box.active .vl__single__pricing__box__inner .vl-pricing-heading .title .subheading,
.vl__single__pricing__box.active .vl__single__pricing__box__inner .vl__pricing__item li {
    color: var(--vkl-text-text-white)
}

.vl__single__pricing__box.active .vl__single__pricing__box__inner .vl-pricing-heading p {
    color: rgb(255 255 255 / .9)
}

.vl-checkout-btn .vl-primary-btn .arrow,
.vl-checkout-btn .vl-primary-btn .text,
.vl__single__pricing__box.active .vl__single__pricing__box__inner .vl-primary-btn-4,
.vl__single__pricing__box.active .vl__single__pricing__box__inner .vl__pricing__item li span {
    background: var(--vkl-text-text-white);
    color: var(--vkl-text-text-2)
}

.vl-single-cart-box .vl-cart-para .vl-cart-btn .vl-primary-btn-4 span,
.vl__single__pricing__box.active .vl__single__pricing__box__inner .vl-primary-btn-4 span {
    background: var(--vkl-text-text-2);
    color: var(--vkl-text-text-white)
}

.pricing__item__flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e7e7e7
}

.pricing__item__flex:last-child {
    border-bottom: #fff0;
    margin: 0;
    padding: 0
}

.pricing__item__flex-content-title {
    color: var(--vkl-text-text-2);
    font-weight: var(--vkl-weight-bold);
    padding-bottom: 16px;
    transition: 0.3s
}

.pricing__item__flex-content-title:hover {
    color: var(--vkl-text-text-1);
    transition: 0.3s
}

.pricing__item__flex-content p {
    color: #282928;
    line-height: var(--vkl-specing-height18)
}

.pricing__item__flex-price-title {
    color: var(--vkl-text-text-1);
    padding-bottom: 12px
}

.pricing__item__flex-price p,
.vl-project-wrap-btn {
    text-align: end
}

.shop__details__area {
    background: var(--vkl-bg-bg-2);
    border-radius: 8px;
    padding: 20px;
    transition: 0.3s
}

.shop__details__area-thumb {
    position: relative;
    z-index: 1;
    transition: 0.3s
}

.shop__details__area-thumb-wishlist span {
    background: rgb(31 161 46 / .2);
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    color: var(--vkl-text-text-1);
    font-size: 20px;
    position: absolute;
    right: 12px;
    top: 12px
}

.shop__details__area-thumb-cartbox {
    background: var(--vkl-text-text-white);
    padding: 10px;
    border-radius: 8px;
    width: 148px;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(75px);
    transition: 0.3s
}

.shop__details__area-thumb-cartbox ul li,
.vl-case-box-wraper-8 .vl-case-content-block .case-meta {
    display: inline-block
}

.shop__details__area-thumb-cartbox ul li span {
    background: var(--vkl-bg-bg-2);
    height: 32px;
    width: 32px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    margin: 0 4px;
    transition: 0.3s
}

.shop__details__area-thumb-cartbox ul li span:hover {
    background: var(--vkl-text-text-1);
    transition: 0.3s
}

.shop__details__area-thumb-cartbox ul li span:hover img {
    filter: brightness(0) invert(1)
}

.shop__details__area:hover,
.vl-single-project10,
.vl-single-project10-thumb img,
.vl-single-project10:hover .vl-single-project10 {
    transition: 0.3s
}

.shop__details__area:hover .shop__details__area-thumb::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgb(16 17 16 / .4);
    z-index: 1;
    border-radius: 20px;
    transition: 0.3s
}

.shop__details__area:hover .shop__details__area-thumb-wishlist span {
    z-index: 9;
    background: var(--vkl-text-text-1)
}

.shop__details__area:hover .shop__details__area-thumb-wishlist span i {
    color: var(--vkl-text-text-white);
    fill: var(--vkl-text-text-white)
}

.shop__details__area:hover .shop__details__area-thumb-cartbox {
    transform: translateY(0);
    transition: 0.3s;
    z-index: 9
}

.shop__details__area-content-desc .title {
    color: var(--vkl-text-text-2);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s;
    display: block
}

.shop__details__area-content-desc .title:hover,
.vl-single-cart-box .vl-cart-para .subtitle:hover,
.vl-single-cart-box .vl-cart-para .title:hover,
.vl-single-project10-thumb-content .title:hover {
    color: var(--vkl-text-text-1);
    transition: 0.3s
}

.shop__details__area-content-desc .price {
    padding: 8px 12px;
    background: var(--vkl-text-text-1);
    color: var(--vkl-text-text-white);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-bold);
    border-radius: 8px;
    display: inline-block;
    margin-right: 8px
}

.shop__details__area-content-desc .regular-price {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height16);
    font-weight: var(--vkl-weight-medium);
    position: relative
}

.shop__details__area-content-desc .regular-price:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background: var(--vkl-text-text-3);
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.vl-product-content-block .title {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s32);
    line-height: var(--vkl-specing-height32);
    font-weight: var(--vkl-weight-bold);
    text-transform: capitalize
}

.vl-product-description-content .nav-link {
    padding: 14px 24px;
    font-weight: var(--vkl-weight-bold);
    border: 1px solid var(--vkl-text-text-2);
    border-radius: 8px;
    margin-right: 16px;
    color: var(--vkl-text-text-2)
}

.service__shop10-conttent .title,
.vkl__product__details-product-info ul li span,
.vkl__product__details-social-title,
.vl-single-cart-box .vl-cart-para .title {
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-height20);
    color: var(--vkl-text-text-2);
    font-weight: var(--vkl-weight-bold)
}

.project-list .nav-pills .nav-link.active,
.vl-product-description-content .nav-link.active {
    background: var(--vkl-text-text-1);
    border: 1px solid var(--vkl-text-text-1)
}

.vkl__product__details__wrap .nav-pills .nav-link {
    padding: inherit
}

.vkl__product__details__wrap .nav-pills .nav-link.active {
    background: 0 0
}

.vkl__product__details-rating span.preview-text {
    color: var(--vkl-text-text-2);
    font-weight: var(--vkl-weight-medium)
}

.vkl__product__details-quantity-wrap-box input[type="text"] {
    background: var(--vkl-bg-bg-2);
    border: #fff0;
    width: 109px;
    border-radius: 66px;
    text-align: center;
    font-size: var(--vkl-font-size-font-s16)
}

.qty_botton.vl-cart-minus,
.vkl__product__details-quantity-wrap-box .vl-cart-minus {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
    cursor: pointer
}

.vkl__product__details-quantity-wrap-box .vl-cart-plus {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    cursor: pointer
}

.vkl__product__details-quantity-wishlist span {
    background: var(--vkl-text-text-1);
    height: 40px;
    width: 40px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    line-height: 40px
}

.vkl__product__details-product-info ul li {
    font-weight: var(--vkl-weight-medium);
    color: var(--vkl-text-text-3);
    margin-bottom: 20px
}

.vkl__product__details-product-info ul li span {
    width: 150px;
    display: inline-block
}

.vkl__product__details-social .vl-footer-social-widget.product-social a {
    margin-left: 0;
    margin-right: 16px;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 14px
}

.nav-space {
    justify-content: space-between
}

.service__shop10 {
    background: var(--vkl-text-text-23);
    transition: 0.3s;
    border-radius: 8px;
    padding: 20px
}

.service__shop10-thumb {
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    transition: 0.3s
}

.service__shop10-thumb .heart-icon span {
    background: var(--vkl-text-text-23);
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1;
    cursor: pointer;
    transition: 0.3s
}

.service__shop10-thumb::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background: rgb(16 17 16 / .4);
    transition: 0.3s
}

.service__shop10 .vl-cart-btn-box {
    background: var(--vkl-text-text-white);
    transition: 0.3s;
    width: 132px;
    height: 52px;
    margin: 0 auto;
    padding: 10px;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    border-radius: 8px;
    z-index: 1;
    transform: translateY(60px);
    opacity: 0;
    visibility: hidden
}

.service__shop10 .vl-cart-btn-box a {
    background: var(--vkl-bg-bg-14);
    transition: 0.3s;
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    display: inline-block;
    border-radius: 50px;
    margin: 0 1px
}

.service__shop10-conttent .review img,
.vl-case-box-wraper-7 .vl-case-content-block .case-meta span img {
    margin-right: 4px
}

.service__shop10-conttent .title,
.vl-case-box-wraper-8 .vl-case-progress-main-flex p {
    transition: 0.3s
}

.product-price .amount,
.product-subtotal .amount,
.service__shop10-conttent .vl-shopprice .shop-btn,
.vl-single-cart-box .vl-cart-para .subtitle {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18)
}

.service__shop10-conttent .title:hover,
.vl-case-box-wraper-8 .vl-case-content-block .title:hover,
.vl-single-work-box .content .title:hover {
    color: var(--vkl-text-text-21);
    transition: 0.3s
}

.service__shop10-conttent .vl-shopprice .shop-btn {
    border-radius: 8px;
    padding: 8px 12px;
    font-weight: var(--vkl-weight-bold);
    display: inline-block
}

.service__shop10-conttent .vl-shopprice .shop-btn.special-btn {
    position: relative;
    background: 0 0;
    color: var(--vkl-text-text-9)
}

.service__shop10-conttent .vl-shopprice .shop-btn.special-btn::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: var(--vkl-text-text-9);
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.service__shop10:hover .service__shop10-thumb::after {
    width: 100%;
    transition: 0.3s
}

.service__shop10:hover .service__shop10-thumb .vl-cart-btn-box {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition: 0.3s
}

.vl-single-cart-box .vl-thumb {
    height: 210px;
    overflow: hidden
}

.vl-single-cart-box .vl-thumb img {
    height: 210px;
    overflow: hidden;
    transition: 0.3s
}

.vl-single-cart-box .vl-cart-para {
    padding: 32px;
    text-align: center
}

.vl-single-cart-box .vl-cart-para .subtitle {
    color: var(--vkl-text-text-3);
    font-weight: var(--vkl-weight-semibold)
}

.vl-single-cart-box .vl-cart-para .vl-cart-btn .vl-primary-btn-4 {
    border: 1px solid var(--vkl-text-text-2);
    background: 0 0;
    color: var(--vkl-text-text-2)
}

.vl-single-cart-box .vl-cart-para .vl-cart-btn:hover .vl-primary-btn-4 {
    border: 1px solid var(--vkl-text-text-1);
    transition: 0.3s;
    color: var(--vkl-text-text-white)
}

.vl-single-cart-box:hover {
    background: var(--vkl-text-text-white);
    box-shadow: 0 0 30px 0 rgb(0 0 0 / .08);
    transition: 0.3s
}

.vl-quantity {
    width: 109px
}

.vl-quantity input[type="text"] {
    border: #fff0;
    background: var(--vkl-bg-bg-2);
    text-align: center;
    height: 52px;
    border-radius: 8px;
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height24);
    color: var(--vkl-text-text-2);
    font-weight: var(--vkl-weight-medium)
}

.qty_botton.vl-cart-plus {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.qty_button.cart-plus.vl-cart-plus {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.table>tbody {
    vertical-align: middle !important
}

.product-price .amount,
.product-subtotal .amount {
    background: var(--vkl-text-text-1);
    color: var(--vkl-text-text-white);
    padding: 12px 14px;
    border-radius: 8px;
    display: inline-block;
    font-weight: var(--vkl-weight-bold)
}

.cart-page-total {
    border-radius: 20px;
    padding: 24px
}

.cart-page-total .title {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s28);
    line-height: var(--vkl-specing-height25);
    font-weight: var(--vkl-weight-semibold)
}

.cart-page-total ul li,
.vl-checkout-coupon-form-input .title,
.vl-checkout-input label {
    color: var(--vkl-text-text-2);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18)
}

.cart-page-total ul li {
    font-weight: var(--vkl-weight-semibold);
    margin-bottom: 17px;
    padding-bottom: 17px;
    border-bottom: 1px solid #dedede
}

.cart-page-total ul li:last-child {
    margin: 0;
    padding: 0;
    border: inherit
}

.vl-checkout-input label {
    font-weight: var(--vkl-weight-bold);
    margin-bottom: 14px
}

.vl-checkout-input input[type="number"],
.vl-checkout-input input[type="text"],
.vl-checkout-input textarea {
    height: 54px;
    background: var(--vkl-text-text-white);
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height16);
    font-weight: var(--vkl-weight-medium);
    border: #fff0;
    border-radius: 8px
}

.vl-checkout-input input[type="number"]::placeholder,
.vl-checkout-input input[type="text"]::placeholder,
.vl-checkout-input textarea::placeholder {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height16);
    font-weight: var(--vkl-weight-medium)
}

.vl-checkout-place .vl-checkout-coupon-form input[type="text"] {
    height: 66px;
    background: var(--vkl-bg-bg-2);
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height16);
    font-weight: var(--vkl-weight-medium);
    border: 1px solid #eaeaea;
    border-radius: 8px
}

.vl-checkout-place .vl-checkout-coupon-form input[type="text"]::placeholder {
    color: var(--vkl-text-text-3);
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height16);
    font-weight: var(--vkl-weight-medium)
}

.vl-checkout-coupon-form-input-box .vl-checkout-btn {
    position: absolute;
    right: 6px;
    top: 6px
}

.vl-checkout-box {
    background: var(--vkl-text-text-1);
    padding: 32px;
    border-radius: 8px
}

.vl-checkout-box .title-1 {
    color: var(--vkl-text-text-white);
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height24);
    font-weight: var(--vkl-weight-bold);
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #4fb45b
}

.vl-checkout-box-info-list ul li.info-list-header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 24px
}

.vl-checkout-box-info-list ul li.info-list-header .title {
    color: var(--vkl-text-text-white);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-bold)
}

.vl-checkout-box-info-list ul li.info-list-header .price {
    color: var(--vkl-text-text-white);
    font-size: var(--vkl-font-size-font-s16);
    line-height: var(--vkl-specing-height16);
    font-weight: var(--vkl-weight-medium)
}

.vl-checkout-payment-list label {
    color: #fff;
    font-size: 20px;
    line-height: 20px
}

.vl-checkout-payment-list ul li {
    padding-top: 24px;
    border-top: 1px solid rgb(255 255 255 / .2);
    padding-bottom: 24px
}

.vl-checkout-payment-list input[type="radio"] {
    width: 20px;
    height: 17px;
    accent-color: #fff0
}

.vl-work-area-6 {
    background: #f5f5f5;
    position: relative;
    z-index: 1
}

.vl-work-single-box6 {
    border-radius: 8px;
    border: 1px solid rgb(22 26 18 / .1);
    display: flex;
    padding: 12px 24px;
    overflow: hidden;
    transition: 0.3s;
    position: relative;
    z-index: 1;
    width: 100%
}

.vl-work-single-box6-icon .vl-number,
.vl-work-single-box6-icon span {
    border-radius: 50px;
    text-align: center;
    z-index: 1;
    transition: 0.3s;
    display: inline-block
}

.vl-work-single-box6-icon span {
    background: var(--vkl-bg-bg-4);
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin-right: 24px;
    position: relative
}

.vl-work-single-box6-icon .vl-number {
    background: var(--vkl-text-text-8);
    color: var(--vkl-text-text-7);
    height: 30px;
    width: 30px;
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: 400;
    position: absolute;
    left: 42px;
    top: -7px;
    font-style: normal;
    line-height: 33px
}

.vl-work-single-box6-icon .dotted-shape {
    position: absolute;
    top: -5px;
    left: -5px;
    transition: 0.3s
}

.vl-work-single-box6-content .title {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height28);
    font-weight: var(--vkl-weight-bold);
    color: var(--vkl-text-text-7);
    transition: 0.3s
}

.vl-prize-box-wrap .prize-btn,
.vl-wrk-single-box .vl-wrk-content .title {
    line-height: var(--vkl-specing-height24);
    font-weight: var(--vkl-weight-bold)
}

.vl-work-single-box6::after {
    position: absolute;
    content: "";
    left: -50px;
    top: -50px;
    height: 100px;
    width: 100px;
    background: #d6f0c7;
    border: 3px solid var(--vkl-text-text-8);
    border-radius: 50%;
    transition: 0.3s
}

.vl-work-single-box6:hover {
    background: var(--vkl-bg-bg-5);
    transition: 0.3s
}

.vl-work-single-box6:hover .vl-work-single-box6-icon .vl-number {
    background: var(--vkl-bg-bg-4);
    color: var(--vkl-text-text-white);
    transition: 0.3s
}

.vl-work-single-box6:hover .vl-work-single-box6-icon .dotted-shape {
    display: none;
    transition: 0.3s
}

.vl-work-single-box6:hover::after {
    background: var(--vkl-bg-bg-4);
    transition: 0.3s
}

.vl-work-process-box6 {
    text-align: center;
    transition: 0.3s
}

.vl-work-process-box6 .icon {
    position: relative;
    z-index: 1;
    height: 70px;
    width: 70px;
    margin: 0 auto;
    text-align: center
}

.vl-work-process-box6 .icon span {
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50px;
    background: rgb(255 255 255 / .1);
    display: inline-block;
    transition: 0.3s
}

.vl-work-process-box6 .icon .doted-shape {
    position: absolute;
    top: -5px;
    left: -5px
}

.vl-work-process-box6 .icon .doted-shape img {
    transition: 0.3s;
    opacity: .3
}

.vl-work-process-box6 .icon .vl-circle-top-number {
    position: absolute;
    top: -15px;
    right: -10px
}

.vl-work-process-box6 .icon .vl-circle-top-number span {
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 50px;
    display: inline-block;
    background: var(--vkl-text-text-12);
    font-size: var(--vkl-font-size-font-s18);
    font-weight: var(--vkl-weight-semibold);
    color: var(--vkl-text-text-16);
    transition: 0.3s
}

.vl-work-process-box6 .vl-work-process-content p {
    color: rgb(175 183 159 / .9)
}

.vl-work-process-box6:hover .icon span {
    background: var(--vkl-text-text-12);
    transition: 0.3s
}

.vl-work-process-box6:hover .icon .doted-shape img {
    opacity: 1;
    transition: 0.3s
}

.vlaward {
    border-bottom: 1px solid #2c341b;
    padding: 38px 0
}

.vlaward-wrapper .row [class*="col-"]:first-child .vlaward,
.vlaward-wrapper .row [class*="col-"]:nth-child(2) .vlaward {
    padding-top: 0
}

.vlaward-wrapper .row [class*="col-"]:nth-child(2n) .vlaward {
    padding-left: 55px;
    border-left: 1px solid #2c341b
}

.vlaward-wrapper .row [class*="col-"]:nth-last-child(-n+2) .vlaward {
    padding-bottom: 0;
    border-bottom: 0
}

.vl-center-site-logo {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    margin: 0 auto;
    text-align: center;
    transform: translateY(-50%)
}

.vl-work-box-grid-7 {
    display: grid;
    position: relative;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 30px
}

.vl-single-work-box,
.vl-wrk-single-box {
    text-align: center;
    transition: 0.3s;
    position: relative;
    z-index: 1
}

.vl-single-work-box .icon {
    display: inline-block;
    position: relative
}

.vl-single-work-box .icon span {
    background: var(--vkl-bg-bg-11);
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: 0.3s
}

.vl-single-work-box .icon span::after {
    position: absolute;
    content: "";
    left: 38px;
    top: 32px;
    height: 100%;
    width: 100%;
    background: var(--vkl-text-text-21);
    transition: 0.3s;
    z-index: -1;
    border-radius: 50px
}

.vl-single-work-box .icon .dot-shap {
    position: absolute;
    left: -5px;
    top: -5px
}

.vl-single-work-box .content p {
    color: rgb(255 255 255 / .9);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height26);
    font-weight: var(--vkl-weight-medium);
    transition: 0.3s
}

.vl-single-work-box:hover .icon span::after {
    left: 0;
    top: 0
}

.vl-line-shape7 span img {
    position: absolute;
    left: 178px;
    right: 0;
    top: 15px;
    width: 74%
}

.vl-wrpoecss-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 250px
}

.vl-wrk-single-box .vl-num span {
    background: var(--vkl-text-text-8);
    height: 48px;
    width: 48px;
    display: inline-block;
    border-radius: 50px;
    line-height: 48px;
    color: var(--vkl-text-text-19);
    font-size: var(--vkl-font-size-font-s24);
    transition: 0.3s
}

.vl-wrk-single-box .vl-wrk-content .title {
    color: var(--vkl-text-text-19);
    font-size: var(--vkl-font-size-font-s24);
    transition: 0.3s
}

.vl-wrk-single-box .vl-wrk-content p {
    color: var(--vkl-text-text-9);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height26);
    transition: 0.3s;
    font-weight: var(--vkl-weight-medium)
}

.vl-prize-box-wrap .prize-btn {
    background: var(--vkl-text-text-12);
    font-size: var(--vkl-font-size-font-s24);
    padding: 14px 20px;
    border-radius: 16px;
    display: inline-block
}

.vl-prize-box-wrap .prize-title {
    color: var(--vkl-text-text-12);
    font-size: var(--vkl-font-size-font-s24);
    line-height: var(--vkl-specing-height32);
    font-weight: var(--vkl-weight-bold);
    padding: 0 28px
}

.vl-prize-box-wrap .prize-title-2 {
    font-size: var(--vkl-font-size-font-s44);
    line-height: var(--vkl-specing-height52)
}

.vl-prize-box-wrap .sub-heading {
    color: var(--vkl-text-text-12);
    font-size: var(--vkl-font-size-font-s32);
    line-height: var(--vkl-specing-height32);
    font-weight: var(--vkl-weight-semibold)
}

.vl-case-box-wraper-7 {
    padding: 24px;
    border-radius: 16px;
    border: 1px solid rgb(176 219 88 / .1)
}

.vl-case-box-wraper-7 .vl-case-thumb {
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    border-radius: 16px
}

.vl-case-box-wraper-7 .vl-case-thumb img {
    background-size: cover;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 100%;
    height: 400px;
    display: block
}

.vl-case-box-wraper-7 .vl-case-content-block .case-meta {
    color: var(--vkl-text-text-18);
    padding: 6px 10px;
    border-radius: 88px;
    background: rgb(255 255 255 / .05);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium);
    display: inline-block
}

.vl-case-box-wraper-7 .vl-case-content-block .title {
    font-size: var(--vkl-font-size-font-s32);
    line-height: var(--vkl-specing-height32);
    font-weight: var(--vkl-weight-bold);
    color: var(--vkl-text-text-12)
}

.vl-case-box-wraper-8 .vl-case-content-block .case-meta,
.vl-case-box-wraper-8 .vl-case-progress-main-flex p {
    color: rgb(255 255 255 / .9);
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-medium)
}

.vl-case-box-wraper-8 {
    padding: 20px;
    border-radius: 8px;
    background: rgb(255 255 255 / .1)
}

.vl-case-box-wraper-8 .vl-case-thumb {
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    border-radius: 8px
}

.vl-case-box-wraper-8 .vl-case-thumb .vl-case-category {
    position: absolute;
    left: 20px;
    top: 20px
}

.vl-case-box-wraper-8 .vl-case-thumb .vl-case-category a {
    font-size: var(--vkl-font-size-font-s18);
    line-height: var(--vkl-specing-height18);
    font-weight: var(--vkl-weight-semibold);
    color: var(--vkl-text-text-white);
    transition: 0.3s;
    background: var(--vkl-text-text-19);
    padding: 10px 14px;
    border-radius: 8px;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 10px
}

.vl-case-box-wraper-8 .vl-case-thumb img {
    background-size: cover;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 100%;
    height: 370px;
    display: block;
    object-fit: cover;
    border-radius: 8px
}

.vl-case-box-wraper-8 .vl-case-content-block .title {
    font-size: var(--vkl-font-size-font-s28);
    line-height: var(--vkl-specing-height28);
    font-weight: var(--vkl-weight-bold);
    color: var(--vkl-text-text-white);
    transition: 0.3s;
    border-bottom: 1px solid rgb(255 255 255 / .1);
    margin-bottom: 32px;
    padding-top: 19px;
    padding-bottom: 24px
}

.vl-case-box-wraper-8 .vl-case-progress-main-flex .title {
    font-size: var(--vkl-font-size-font-s44);
    line-height: var(--vkl-specing-height44);
    font-weight: var(--vkl-weight-bold);
    transition: 0.3s;
    color: var(--vkl-text-text-white);
    margin-right: 16px
}

.vl-case-box-wraper-8 .vl-progress-link span,
.vl-single-project10-thumb-icon span {
    color: var(--vkl-text-text-white);
    transform: rotate(-45deg);
    transition: 0.3s;
    display: inline-block;
    text-align: center
}

.vl-case-box-wraper-8 .vl-progress-link span {
    border: 1px solid var(--vkl-text-text-white);
    height: 60px;
    width: 60px;
    line-height: 60px;
    border-radius: 50px;
    font-size: 30px
}

.vl-case-box-wraper-8 .vl-progress-link span:hover {
    background: var(--vkl-text-text-21);
    color: var(--vkl-text-text-19);
    transition: 0.3s;
    border: 1px solid var(--vkl-text-text-21)
}

.vl-case-right-image {
    position: absolute;
    left: -30px;
    top: 0
}

.vl-case-right-image img {
    height: 741px
}

.vl-single-project10-thumb {
    height: 320px;
    border-radius: 8px;
    overflow: hidden;
    transition: 0.3s;
    position: relative
}

.vl-single-project10-thumb-icon span {
    background: var(--vkl-text-text-1);
    height: 56px;
    width: 56px;
    line-height: 56px;
    border-radius: 50px;
    font-size: 20px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -20px;
    opacity: 0;
    visibility: hidden
}

.vl-single-project10-thumb-content {
    background: var(--vkl-text-text-white);
    border-radius: 8px;
    padding: 20px 16px;
    position: absolute;
    bottom: -80px;
    left: 10px;
    right: 10px;
    opacity: 0
}

.vl-single-project10-thumb-content p {
    color: var(--vkl-text-text-24);
    font-weight: var(--vkl-weight-medium)
}

.vl-single-project10-thumb-content .title {
    padding-top: 16px;
    color: var(--vkl-text-text-24);
    font-size: var(--vkl-font-size-font-s20);
    line-height: var(--vkl-specing-20);
    transition: 0.3s;
    font-weight: var(--vkl-weight-bold)
}

.vl-single-project10:hover .vl-single-project10-thumb-icon span {
    transition: 0.3s;
    top: 79px;
    opacity: 1;
    visibility: visible
}

.vl-single-project10:hover .vl-single-project10-thumb-content {
    bottom: 10px;
    transition: 0.3s;
    opacity: 1
}

.portlio-filter li {
    font-weight: var(--vkl-weight-ex-bold);
    color: var(--vkl-text-text-white);
    padding: 14px 20px;
    border: 1px solid var(--vkl-text-text-white);
    display: inline-block;
    border-radius: 8px;
    margin-right: 14px
}

.project-list .nav-link {
    border: 1px solid #fff;
    margin: 0 16px 0 0;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    padding: 14px 20px;
    border-radius: 8px;
    color: #fff;
    font-weight: 800
}

.vl-footer-widget-4 .vl-footer-icon-list a {
    display: flex;
    gap: 2px;
    text-decoration: none;
    color: inherit
}

.vl-offcanvas-logo img {
    width: 120px
}

.vl-footer-logo img {
    width: 125px
}

#loading-icon img {
    width: 94px
}

.single__iconbox__wrap10-icon span img {
    width: 45px;
    filter: inherit;
    opacity: 1
}

.vl-fact-area {
    background-image: url(../images/28790.webp);
    background-position: center;
    background-attachment: fixed;
    position: relative
}

.vl-fact-area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2B0D1Dd6;
    z-index: 1
}

.sucess-cases {
    background-color: beige
}

.vl-footer-widget-title:before {
    content: "";
    width: 66px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 26px;
    bottom: -12px
}

.vl-footer-widget-title:after {
    content: "";
    width: 20px;
    height: 2px;
    background-color: var(--mediox-white, #fff);
    position: absolute;
    left: 0;
    bottom: -12px
}

.hero-section::before,
.instagram::before {
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    content: ""
}

.instagram {
    position: relative;
    padding: 100px 0 100px;
    overflow: hidden
}

.instagram::before {
    position: absolute;
    width: 100%;
    background-image: url(../images/pattern-6.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .2
}

.hero-section>*,
.instagram>* {
    position: relative;
    z-index: 2
}

.popup-form .modal-content {
    background-color: #fff
}

.popup-form .modal-title {
    color: #163d6b;
    font-weight: 600
}

.store-badge {
    height: 48px;
    width: auto
}

.qr-img {
    width: 74px;
    height: 74px;
    border-radius: 6px;
    object-fit: contain;
    box-shadow: 0 2px 6px rgb(0 0 0 / .15)
}

.brandactive img {
    width: 100%;
    height: 100px;
    object-fit: contain;
    background-color: #fff;
    padding: 10px
}

.para a:hover,
.vl-offcanvas-menu ul li>a:hover {
    color: #F5850A
}

.clients-section {
    display: flex;
    align-items: center;
    gap: 25px;
    background-color: #2B0D1D;
    padding-left: 34px;
    color: #fff
}

.clients-label {
    font-size: 22px;
    font-weight: 600;
    white-space: nowrap
}

.hyOdxb {
    background: #ffffff !important
}

.hero-section {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden
}

.hero-section::before {
    position: absolute;
    width: 100%;
    background: linear-gradient(129deg, #000, transparent);
    pointer-events: none
}

.banner-section,
.banner-section .slide-item {
    background-position: center;
    background-size: cover;
    position: relative
}

.background-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    transform: translate(-50%, -50%);
    object-fit: cover
}

.hero-title-section {
    position: relative;
    padding: 300px 0 200px
}

.hero-title-section .title {
    color: #fff;
    font-size: 50px;
    font-weight: 800;
    line-height: 70px;
    width: 100%;
    margin-bottom: 20px
}

.about-img .first-img {
    border-radius: 100px 20px 20px
}

.experience-card {
    transition: var(--Animation-Duration);
    border-radius: 20px;
    background-color: #2B0D1D;
    padding: 25px 100px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    width: auto;
    position: absolute;
    bottom: -5%
}

.about-img .first-img-reverse {
    border-radius: 20px 20px 100px;
    object-fit: cover;
}

.vl-footer-icon-list {
    flex-wrap: wrap;
    display: flex;
    gap: 5%
}

.vl-footer-icon-list .content span.address {
    font-size: 15px;
    line-height: 1.6
}

.about-custom-wrap {
    position: relative;
    text-align: center
}

.banner-section {
    height: 100%;
    width: 100%;
    display: block;
    overflow: hidden
}

.banner-section .slide-item {
    background-repeat: no-repeat
}

.banner-section .slide-item .image-layer,
.banner-section .slide-item .video-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.banner-section .slide-item .content-box {
    position: relative;
    height: 750px;
    width: 100%;
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 0
}

.banner-section .slide-item .content-box:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    background: linear-gradient(355deg, #000 0, #fff0 100%);
    opacity: .8;
    content: ""
}

.banner-section .slide-item .content {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    z-index: 9;
    margin-left: 6%;
    width: 50%
}

.banner-section .slide-item .title {
    position: relative;
    display: inline-block;
    font-size: 20px;
    line-height: 1em;
    font-weight: 500;
    color: #fff;
    margin-bottom: 30px;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}

.banner-section .active .title {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.banner-section .slide-item .text,
.banner-section .slide-item h2 {
    display: block;
    color: #fff;
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    position: relative
}

.banner-section .slide-item .title:after,
.banner-section .slide-item .title:before {
    position: absolute;
    left: 100%;
    top: 50%;
    height: 3px;
    width: 30%;
    background-color: #afa692;
    content: "";
    margin-left: 30px
}

.banner-section .slide-item .title:before {
    left: auto;
    right: 100%;
    margin-right: 30px;
    margin-left: 0
}

.banner-section .slide-item h2 {
    font-size: 40px;
    line-height: 1.1em;
    font-weight: 800;
    text-transform: capitalize;
    margin-bottom: 30px;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    transition: 0.5s
}

.banner-section .active h2 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms
}

.banner-section .slide-item .text {
    font-size: 24px;
    line-height: 1.4em;
    font-weight: 500;
    margin-bottom: 40px;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    transition: 0.5s
}

.banner-section .active .text {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.banner-section .slide-item .btn-box {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}

.banner-section .active .btn-box {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 750ms;
    -moz-transition-delay: 750ms;
    -ms-transition-delay: 750ms;
    -o-transition-delay: 750ms;
    transition-delay: 750ms
}

.banner-section .owl-nav [class*="owl-"] {
    opacity: 1 !important
}

.banner-section button.owl-prev {
    left: 50px !important;
    top: 50%
}

.banner-section button.owl-next {
    right: 50px !important;
    top: 50%
}

.vl-footer-menu ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px 10px;
    list-style: none;
    padding: 0;
    margin: 0
}

.vl-footer-menu ul li a {
    text-decoration: none;
    color: #333
}

.vl-footer-icon-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    display: grid;
    gap: 10px 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    grid-template-columns: repeat(2, 1fr)
}

.img-circle,
.location-item,
.vl-work-thumb {
    display: flex;
    display: flex
}

.location-item {
    align-items: center;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    color: inherit
}

.location-item .icon img {
    width: 20px;
    margin-right: 10px
}

.address-tooltip {
    visibility: hidden;
    width: 240px;
    background-color: #eb942b;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 12px;
    position: absolute;
    z-index: 99;
    bottom: 125%;
    left: 20px;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    transform: translateY(10px);
    font-size: 15px;
    line-height: 1.5;
    box-shadow: 0 4px 15px rgb(0 0 0 / .3)
}

.address-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 10%;
    border-width: 6px;
    border-style: solid;
    border-color: #ec942b #fff0 #fff0
}

.video-bg,
.vl-video-wrapper,
.vl-video-wrapper::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.location-item:hover .address-tooltip {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.video-bg,
.vl-video-wrapper {
    overflow: hidden;
    z-index: -1
}

.bg-video,
.video-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.vl-video-wrapper::after {
    content: "";
    background: rgb(0 0 0 / .4)
}

.vl-working-area {
    background: 0 0;
    text-align: center
}

.vl-work-thumb {
    width: 100px;
    overflow: hidden;
    background: #2B0D1D;
    align-items: center;
    justify-content: center;
    align-items: center;
    justify-content: center;
    height: 100px;
    position: relative;
    border-radius: 50%
}

.vl-work-thumb img {
    width: auto;
    object-fit: contain
}

.vl-work-content-block {
    padding: 25px 15px 0
}

.img-circle {
    position: absolute;
    top: 63%;
    right: 6px;
    transform: translateY(-50%);
    width: 150px;
    height: 150px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    box-shadow: 0 5px 15px rgb(0 0 0 / .2);
    cursor: pointer
}

.img-circle img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
    opacity: .1
}

.vl-header-action-item-5 {
    display: block !important
}

.vl-offcanvas-toggle {
    background: 0 0;
    border: none;
    cursor: pointer;
    color: #fff
}

.vl-aboutus-btn .vl-primary-btn-3 {
    color: #000
}

.vl-aboutus-btn .vl-primary-btn-3::after {
    background: #2B0D1D
}

.vl-testimonial-button-next-7.vl-testimonial-button-7 {
    left: auto
}

.vl-testimonial-wrap3 .vl-details p {
    min-height: 200px;
    padding-bottom: 0px !important
}

.vl-work-content-block .vl-primary-btn-3 {
    color: #fff
}

.vl-working-area p {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 30px
}

.partners .brandactive1 {
    background-color: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.partners .brandactive1 img {
    filter: none;
    background-color: #fff;
    padding: 20px;
    height: 100px;
    width: 100%;
    object-fit: contain
}

.vl-working-area {
    position: relative;
    overflow: hidden
}

.vl-overlay-icon {
    position: absolute;
    right: 10px;
    bottom: -8%;
    transform: translateY(-50%);
    width: 80px;
    height: 80px;
    pointer-events: none;
    z-index: 0;
    transition: all 0.35s ease
}

.vl-overlay-icon img {
    width: 100%;
    height: 100%;
    opacity: .2;
    filter: contrast(.5)
}

.vl-working-area:hover .vl-overlay-icon {
    transform: translateY(-50%) scale(1.05)
}

.vl-working-area:hover .vl-overlay-icon img {
    opacity: .08
}

.highlight {
    position: relative;
    text-decoration: none
}

.highlight::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 3px;
    background-color: #F5850A;
    transition: width 0.3s ease
}

.vl-about-us-thumb-are4a video {
    border-radius: 10px;
    border: 10px solid #2b0d1d14;
    height: 400px
}

.clients-section-1 {
    display: flex;
    align-items: center
}

.genie-banner .swiper-slide:after {
    background: linear-gradient(105deg, #fff0 2.71%, rgb(16 17 16 / .09) 137.92%) !important
}

.brandactive .swiper-wrapper {
    transition-timing-function: linear !important
}

.brandactive1 .swiper-wrapper {
    transition-timing-function: linear !important
}

.vl-aboutus.bg-grey {
    background-color: #f8f8f8
}

.vl-servic-icon-box-2 .vl-icon span img {
    width: 45px
}

.vl-single-service-box-7 .icon span img {
    width: 30px;
    height: 30px
}

.genie-banner .vl-section-title .title {
    color: #2B0D1D;
    font-size: 42px;
}

.genie-banner .vl-primary-btn-3::after {
    background: #2b0d1d
}

.greyscale-logo .swiper-slide img {
    filter: grayscale(100%);
    opacity: .8;
    background-color: #fff0
}

.greyscale-logo .brandactive {
    background-color: #fff0
}

.clients-section-2 .swiper-slide {
    border: none !important
}

.clients-section-2 .swiper-slide::before,
.clients-section-2 .swiper-slide::after {
    display: none !important
}

.clients-section-2 .swiper-wrapper {
    border: none
}

.clients-section-2 .swiper {
    border: none;
    background-color: #fff0;
    border-top: 2px solid #f5f5f5;
    border-bottom: 2px solid #f5f5f5
}

.clients-section-2 .swiper-slide {
    padding: 0 20px
}

sup {
    top: -.5em;
    font-size: .4em
}

.what-we-do-list .vl-single-service-box-7 .icon span::after {
    display: none
}

.what-we-do-list .vl-single-service-box-7 .icon span {
    margin-bottom: 0
}

.what-we-do-list .vl-single-service-box-7 .icon span img {
    width: 30px;
    height: 30px
}

.what-we-do-list .vl-single-service-box-7 .icon span {
    height: 50px;
    width: 50px;
    line-height: 50px
}

.what-we-do-list .vl-single-service-box-7 {
    display: flex;
    align-items: center
}

.what-we-do-list .vl-single-service-box-7 .content .para {
    font-size: 20px
}

.who-we-are-work .vl-work-single-box6-icon span img {
    width: 50px
}

.vl-work-single-box6-icon span {
    background: #2B0D1D;
    height: 90px;
    width: 90px;
    line-height: 90px;
    margin-right: 25px;
    position: relative
}

.vl-work-single-box6-icon .vl-number {
    background: #F5850A;
    color: #fff;
    height: 30px;
    width: 30px;
    left: 60px;
    top: -5px;
    font-size: 15px
}

.vl-work-single-box6 {
    align-items: center
}

.vl-work-single-box6:hover .vl-work-single-box6-icon span {
    background: #F5850A
}

.vl-work-single-box6:hover .vl-work-single-box6-icon .vl-number {
    background: #2B0D1D
}

.vl-work-single-box6:hover {
    background: #f8f8f8
}

.vl-work-single-box6:hover::after {
    background: #f3f3f3
}

.vl-work-single-box6::after {
    border: 3px solid #cbcaca
}

.vl-work-single-box6 {
    border: 1px solid #f5850a
}

.vl-work-single-box6::after {
    background: #fff3e6
}

.about-who {
    background: #fbf1e6 !important;
    position: relative;
    padding: 100px 0;
    z-index: 1
}

.pq-dark-bg-side-right:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 70%;
    top: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #ffd19e !important;
    z-index: -1
}

.pq-img-none {
    text-align: center
}

.pq-img-none img {
    position: relative;
    z-index: 1;
    width: 80%
}

.about-who .vl-single-service-box-7 .icon span {
    margin-bottom: 0
}

.about-who .vl-single-service-box-7 .icon span::after {
    display: none
}

.about-who .vl-single-service-box-7 {
    background: #fffbf7;
    padding: 10px 20px;
    align-items: center;
    border: 1px solid #F5850A
}

.vl-team-wrap3 .vl-team-social a:last-child svg {
    width: 20px;
    height: 20px
}

.team-wrap .vl-team-wrap3 .vl-team-con .title {
    height: 30px;
    font-size: 18px
}

.team-wrap .vl-team-wrap3 .vl-team-con p {
    height: 60px;
    font-size: 15px;
    line-height: 1.4
}

.team-row-two .vl-team-wrap3 .vl-team-con p {
    height: 40px
}

.genie-explore-box .vl-working-area .vl-work-thumb img {
    filter: brightness(0) invert(1)
}

.careers-form-section {
    background-color: #f8f8f8
}

.careers-form-wrap {
    border-radius: 20px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 6%), 0 3px 6px #fff0;
    border: 2px solid #f5850a3d;
    padding: 30px 40px;
    background-color: #f5f5f5
}

.carrer-inner-form {
    display: inline-block
}

.form-group {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 10px
}

.form-control {
    width: 100%;
    height: 55px;
    line-height: 56px
}

.careers-opening-section {
    background-color: #f5f5f5
}

.single-open-career {
    padding: 36px 40px;
    border-radius: 10px;
    border: 1px solid #d3d3d3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    transition: 0.3s
}

.single-open-career:hover {
    background: #e3e3e3;
    border-color: #F5850A
}

.single-open-career:last-child {
    margin-bottom: 0
}

.single-open-career .left-side {
    flex-basis: 50%
}

.single-open-career .left-side .title {
    color: #2B0D1D;
    position: relative;
    max-width: max-content;
    margin-bottom: 30px
}

.single-open-career .left-side .title span {
    position: absolute;
    right: -58%;
    top: -2px;
    font-size: 12px;
    font-weight: 500;
    display: block;
    padding: 9px 15px;
    border-radius: 6px;
    background: #F5850A;
    color: #fff
}

.single-open-career .left-side .bottom {
    display: flex;
    align-items: center;
    gap: 20px
}

.single-open-career .left-side .bottom .single {
    display: flex;
    align-items: center;
    gap: 12px
}

.single-open-career .left-side .bottom .single i {
    color: #F5850A
}

.single-open-career .left-side .bottom .single span {
    font-size: 18px;
    color: #8B8F99
}

.single-open-career .right-side {
    flex-basis: 50%
}

.single-open-career .right-side .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.single-open-career .right-side .bottom .single p {
    display: block;
    font-size: 18px;
    color: #2B0D1D;
    font-weight: 700;
    margin-bottom: 20px
}

.single-open-career .right-side .bottom .single span {
    display: block;
    font-size: 18px;
    color: #8B8F99
}

.careers-opening-section .vl-primary-btn .text {
    padding: 10px 15px;
    font-size: 14px !important
}

.careers-opening-section .vl-primary-btn .arrow {
    background: #F5850A;
    height: 35px;
    width: 36px;
    line-height: 36px;
    font-size: 17px
}

label {
    display: inline-block;
    font-size: 15px;
    font-family: "Inter", sans-serif
}

.form-control[type=file] {
    height: 50px;
    line-height: 36px
}

.service-item.style-1 {
    border: 0;
    padding: 0;
    background-color: #f3f3f3;
    position: relative;
    overflow: hidden;
    height: 280px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.service-item.style-1::before,
.service-item.style-1::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-start: 0;
    pointer-events: none;
    z-index: 2;
}

.service-item.style-1::before {
    background: var(--tj-color-theme-dark-2);
}

.service-item.style-1::after {
    background: #F5850A;
    top: -50%;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    filter: blur(90px);
    backdrop-filter: blur(30px);
    border-radius: 50%;
    opacity: 0;
}

.service-item.style-1 .service-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.service-item.style-1 .service-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid #F5850A;
    border-radius: 12px;
}

.service-item.style-1 .service-icon {
    position: relative;
    background-color: #F5850A;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    margin-bottom: 15px;
}

.service-item.style-1 .service-icon img {
    width: 40px;
    /* or keep 64px if you want */
}

.service-item.style-1 .service-content {
    position: relative;
    z-index: 3;
    padding: 0 20px;
}

.service-item.style-1 .service-content .title {
    margin-bottom: 10px;
}

.service-item.style-1 .service-content .title a {
    color: var(--tj-color-common-white);
    text-decoration: none;
}

.service-item.style-1 .service-content .title a:hover {
    color: #F5850A;
}

.service-item.style-1 .service-content .desc {
    color: var(--tj-color-text-body-2);
    opacity: 1;
    visibility: visible;
    height: 89px;
    -webkit-transition: none;
    transition: none
}

.service-item.style-1 .text-btn {
    position: absolute;
    left: 50%;
    /* Center horizontally */
    bottom: 0;
    /* Position at bottom */
    transform: translateX(-50%);
    /* Adjust to exact center */
    opacity: 0;
    visibility: hidden;
    transition: none;
}

.service-item.style-1 .text-btn .btn-text {
    color: var(--tj-color-common-white)
}

.service-item.style-1 .text-btn .btn-icon {
    background-color: #F5850A
}

.service-item.style-1:hover::before {
    background: #f3f3f3;
    opacity: .7
}

.service-item.style-1:hover::after {
    opacity: .3
}

.service-item.style-1:hover .service-icon {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.service-item.style-1:hover .service-content {
    padding-bottom: 95px
}

.service-item.style-1:hover .desc {
    opacity: 1;
    visibility: visible;
    height: 100%
}

.service-item.style-1:hover .text-btn {
    opacity: 1;
    visibility: visible;
    bottom: 40px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.text-btn .btn-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    line-height: 1;
    width: 25px;
    height: 25px;
    overflow: hidden;
    background-color: #F5850A;
    color: #fff;
    border-radius: 50%
}

.jump-anim-img {
    animation: jump-2 6s linear infinite
}

@keyframes jump-2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.jump-anim-img2 {
    animation: jump-1 8s linear infinite
}

@keyframes jump-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40% {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.border-round {
    border-radius: 60px
}

.divider-one {
    border-top: 2px solid #dedede;
    padding-bottom: 40px;
    margin-top: 40px
}

.what-we-do-choose h3 {
    height: 45px;
    display: inline-block;
    padding: 0;
    margin: 30px 0 10px 0
}

.what-we-do-choose p {
    height: 150px
}

.csp-properties-inner-wrap {
    padding: 80px 0 80px 0;
    position: relative;
    background-image: url(../images/what-bg.webp);
    background-size: cover;
    background-position: bottom
}

.csp-properties {
    padding: 30px 80px 60px 80px;
    background-color: #fbf1e6;
    color: #111;
    position: relative;
    z-index: 1;
    border-radius: 20px
}

.single-csp-property {
    margin-top: 30px;
    position: relative;
    padding-left: 30px
}

.single-csp-property img {
    width: 23px;
    position: absolute;
    top: 2px;
    left: 0
}

.single-csp-property h5 {
    color: #fff;
    font-size: 20px;
    min-height: 50px;
    margin-bottom: 5px
}

.single-csp-property p {
    color: #2b0d1d;
    font-size: 16px;
    height: 85px;
    margin-bottom: 0;
    font-family: 'Inter';
    font-weight: 500;
    line-height: 1.6
}

.buyers-box {
    background-color: #f5f5f5;
    padding: 40px 40px;
    border-radius: 30px
}

.buyers-box h3 {
    display: flex;
    align-items: center;
    gap: 10px
}

.buyers-box h3 img {
    width: 40px
}

.buyers-box h3 {
    font-size: var(--vkl-font-size-font-s35);
    line-height: var(--vkl-specing-height40);
    font-weight: 600;
    color: #2B0D1D;
    font-family: "Inter", sans-serif;
    margin-bottom: 23px;
    border-bottom: 2px solid #F5850A;
    padding-bottom: 15px
}

.buyers-box li {
    list-style: none;
    position: relative;
    font-size: 17px;
    margin-bottom: 10px;
    font-weight: 500;
    display: flex;
    align-items: center;
    padding-inline-start: 35px
}

.buyers-box li::before {
    content: "";
    color: #111;
    font-size: 20px;
    height: 5px;
    top: 10px;
    left: 5px;
    width: 10px;
    display: inline-block;
    background-color: #F5850A;
    position: absolute
}

.half-list {
    display: flex;
    flex-wrap: wrap
}

.half-list li {
    width: 50%
}

.fa-location-dot:before,
.fa-map-marker-alt:before {
    content: "\f3c5";
    font-family: 'FontAwesome'
}

.fa-arrow-right:before {
    content: "\f061";
    font-family: 'FontAwesome'
}

.why-join-wrap {
    background-color: #fbf1e6
}

.why-join-wrap .vl-service-content p {
    height: 160px
}

.why-join-wrap .vl-servic-icon-box-2 {
    background-color: #fff
}

.our-impact-wrap {
    padding: 80px 0
}

.value-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    gap: 20px
}

.value-item .icon {
    font-size: 28px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-color: #ececec;
    flex-shrink: 0;
    border-radius: 50%;
    position: relative;
    margin-right: 30px;
    transition: ease 0.5s
}

.value-item .icon:after {
    content: "";
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background-color: #F5850A;
    position: absolute;
    top: 42%;
    right: -30px;
    transition: ease 0.5s
}

.value-item .icon:before {
    content: "";
    height: 10px;
    width: 31px;
    background-color: #ececec;
    position: absolute;
    top: 45%;
    right: -30px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    transition: ease 0.5s
}

.value-item .icon img {
    width: 48px
}

.value-item h4 {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 600
}

.value-item p {
    margin: 0;
    color: #555;
    line-height: 1.6
}

.value-item:hover .icon {
    background-color: #2b0d1d
}

.value-item:hover .icon:before {
    background-color: #2b0d1d
}

.careers-hero {
    position: relative;
    background: url(../images/career2.webp) center/cover no-repeat;
    padding: 80px 20px;
    color: #fff;
    overflow: hidden
}

.careers-hero .overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #2B0D1D, #2b0d1d7a);
    z-index: 1
}

.careers-wrapper {
    position: relative;
    z-index: 2;
    margin: 0 auto
}

.careers-text h2 {
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 20px
}

.careers-text .lead {
    font-size: 22px;
    margin-bottom: 15px;
    color: #F5850A
}

.careers-text p {
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 0;
    color: #fff
}

.careers-text span {
    color: #fff;
    font-weight: 500
}

.cta-group {
    display: flex;
    gap: 20px;
    flex-wrap: wrap
}

.magazine-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 32px;
    justify-items: center;
}

.magazine-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10);
    overflow: hidden;
    width: 100%;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    transition: transform 0.25s, box-shadow 0.25s;
}

.magazine-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.16);
}

.magazine-cover-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 3/4;
    background: #f0f0f0;
    overflow: hidden;
}

.magazine-cover-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.magazine-cover-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1a4f3a 0%, #2d7a55 60%, #4caf80 100%);
    color: #fff;
    padding: 24px;
    text-align: center;
    gap: 10px;
}

.magazine-cover-placeholder .mag-logo {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: 0.85;
}

.magazine-cover-placeholder .mag-title {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
}

.magazine-cover-placeholder .mag-issue {
    font-size: 13px;
    opacity: 0.75;
    margin-top: 6px;
}

.magazine-cover-placeholder i {
    font-size: 40px;
    opacity: 0.4;
    margin-bottom: 8px;
}

.magazine-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    background: #e63946;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 20px;
    letter-spacing: 0.5px;
}

.magazine-card-body {
    padding: 18px 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
    text-align:center;
}

.magazine-card-title {
    font-size: 16px;
    font-weight: 700;
    color: #2B0D1D;
    /* line-height: 1.4; */
}

.magazine-card-meta {
    /* font-size: 12px; */
    color: #888;
}

.btn-download-card {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 8px;
    background: #F5850A;
    color: #fff !important;
    /* font-size: 13px; */
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s;
    margin-top: auto;
}

.btn-download-card:hover {
    background: #2B0D1D;
    color: #fff !important;
}

.download-section-title {
    font-size: 28px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 8px;
}

.download-section-sub {
    color: #666;
    font-size: 15px;
    margin-bottom: 40px;
}

.form-work-sec .page-header {
    background: #2B0D1D;
    padding: 5rem 0 5rem;
    position: relative;
    overflow: hidden
}

.form-work-sec .page-header::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='20'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.form-work-sec .page-header .badge-tag {
    display: inline-block;
    background: rgb(255 255 255 / .15);
    border: 1px solid rgb(255 255 255 / .3);
    color: #fff;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    padding: .3rem .9rem;
    border-radius: 20px;
    margin-bottom: 1rem
}

.form-work-sec .page-header h1 {
    color: #fff;
    font-size: clamp(1.6rem, 3.5vw, 2.4rem);
    margin-bottom: .4rem;
    font-family: "Inter", sans-serif;
    font-weight: 600
}

.page-header p {
    color: #fff;
    margin-top: 20px
}

.form-work-sec .steps-bar {
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    padding: 2.25rem 0
}

.form-work-sec .step-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    max-width: 600px;
    margin: 0 auto
}

.form-work-sec .step-node {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .3rem
}

.form-work-sec .step-node+.step-node {
    margin-left: 0
}

.form-work-sec .step-line {
    flex: 1;
    height: 2px;
    background: #2b0d1d1c;
    min-width: 40px;
    max-width: 80px;
    transition: background .4s
}

.form-work-sec .step-line.done {
    background: #2B0D1D
}

.form-work-sec .step-dot {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #2b0d1d29;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    font-weight: 600;
    color: #1e0914;
    background: #fff;
    transition: all .3s
}

.form-work-sec .step-node.active .step-dot {
    border-color: #F5850A;
    background: #F5850A;
    color: #fff
}

.form-work-sec .step-node.done .step-dot {
    border-color: #2B0D1D;
    background: #2B0D1D;
    color: #fff
}

.form-work-sec .step-name {
    font-size: .65rem;
    font-weight: 500;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #2B0D1D
}

.form-work-sec .step-node.active .step-name {
    font-weight: 600
}

.form-work-sec .step-node.done .step-name {
    color: #2B0D1D
}

.form-work-sec .form-outer {
    padding: 4.5rem 0 5rem
}

.form-work-sec .form-card {
    background: #fff;
    border: 1px solid #2b0d1d29;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgb(27 67 50 / .08);
    padding: 2.5rem;
    max-width: 680px;
    margin: 0 auto
}

.form-work-sec .section-title {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    padding-bottom: .75rem;
    border-bottom: 2px solid #2b0d1d26;
    display: flex;
    align-items: center;
    gap: .5rem;
    font-weight: 700
}

.form-work-sec .form-label {
    font-size: 13px;
    font-weight: 600;
    display: block;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #2B0D1D;
    margin-bottom: .4rem;
    font-family: "Inter", sans-serif
}

.form-work-sec .form-control,
.form-select {
    border: 1.5px solid #2b0d1d1c;
    border-radius: 8px;
    font-size: .9rem;
    padding: .65rem 1rem;
    color: #2B0D1D;
    background: #fff0;
    transition: all .2s;
    height: 48px !important;
    line-height: 30px !important;
}

.form-work-sec .form-control:focus,
.form-select:focus {
    border-color: #2B0D1D;
    box-shadow: 0 0 0 3px rgb(27 67 50 / .1);
    outline: none;
    background: #fff
}

.form-work-sec .form-control::placeholder {
    color: #000
}

.form-work-sec .conf-card {
    border: 1.5px solid #2b0d1d38;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    cursor: pointer;
    transition: all .22s;
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    margin-bottom: .7rem;
    background: #fefefe05
}

.form-work-sec .conf-card:hover {
    border-color: #2b0d1d;
    background: #2b0d1d03
}

.form-work-sec .conf-card.sel {
    border-color: #2B0D1D;
    background: #f8f8f8;
    color: #fff
}

.form-work-sec .conf-check {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 1.5px solid #2b0d1d2b;
    flex-shrink: 0;
    margin-top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s;
    font-size: .7rem;
    color: #fff0
}

.form-work-sec .conf-card.sel .conf-check {
    background: #2B0D1D;
    border-color: #2B0D1D;
    color: #fff
}

.form-work-sec .conf-title {
    font-weight: 600;
    font-size: 16px;
    color: #2B0D1D
}

.form-work-sec .conf-sub {
    font-size: 15px;
    color: #2B0D1D;
    margin-top: .15rem
}

.form-work-sec .form-check-input:checked {
    border-color: var(--primary)
}

.form-work-sec .form-check-input:focus {
    box-shadow: 0 0 0 3px rgb(27 67 50 / .12)
}

.form-work-sec .form-check-label {
    font-size: .85rem
}

.form-work-sec .btn-primary-custom {
    background: #2B0D1D;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: .7rem 2rem;
    font-weight: 600;
    letter-spacing: .04em;
    transition: all .22s
}

.form-work-sec .btn-primary-custom:hover {
    background: #2B0D1D;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgb(27 67 50 / .22);
    color: #fff
}

.form-work-sec .btn-outline-custom {
    background: #fff0;
    border: 2px solid #2b0d1d;
    color: #2b0d1d;
    border-radius: 8px;
    padding: .7rem 1.5rem;
    font-weight: 500;
    transition: all .2s
}

.form-work-sec .disclaimer {
    background: #2b0d1d;
    border-radius: 0 6px 6px 0;
    margin-bottom: 20px;
    padding: .9rem 1.1rem;
    color: #fff;
    margin-top: 1.5rem;
    line-height: 1.6
}

.form-work-sec .success-wrap {
    text-align: center;
    padding: 2.5rem 1rem
}

.form-work-sec .success-circle {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #2b0d1d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #fff;
    margin: 0 auto 1.25rem;
    animation: pop .5s cubic-bezier(.175, .885, .32, 1.275)
}

@keyframes pop {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.form-work-sec .success-wrap h3 {
    color: #2b0d1d;
    margin-bottom: .5rem
}

.form-work-sec .success-wrap p {
    color: #2b0d1d;
    margin: 0 auto
}

.form-work-sec .pane {
    display: none;
    animation: slideIn .3s ease
}

.form-work-sec .pane.active {
    display: block
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(10px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

:root {
    --cream: #faf8f4;
    --cream2: #f3f0ea;
    --white: #ffffff;
    --ink: #1a1610;
    --ink2: #2e2a22;
    --ink3: #4a4540;
    --orange: #e07b2a;
    --orange-l: #F5850A;
    --orange-d: #F5850A;
    --orange-bg: #F5850A;
    --orange-ln: rgba(224, 123, 42, 0.18);
    --muted: #7a7268;
    --border: #e5e1d8;
    --sh: 0 2px 20px rgba(26, 22, 16, 0.07);
    --sh-md: 0 8px 40px rgba(26, 22, 16, 0.12)
}

.hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden
}

.hero-video-wrap {
    position: absolute;
    inset: 0;
    z-index: 0
}

.hero-video-wrap video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero-video-wrap::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, rgb(15 10 5 / .88) 0%, rgb(20 12 4 / .72) 45%, rgb(15 10 5 / .55) 100%), linear-gradient(0deg, rgb(224 123 42 / .12) 0%, transparent 50%)
}

.hero-lines {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background-image: repeating-linear-gradient(-55deg, transparent, transparent 80px, rgb(224 123 42 / .03) 80px, rgb(224 123 42 / .03) 81px)
}

.hero-glow {
    position: absolute;
    bottom: -10%;
    right: -5%;
    z-index: 1;
    width: clamp(300px, 40vw, 600px);
    height: clamp(300px, 40vw, 600px);
    border-radius: 50%;
    background: radial-gradient(circle, rgb(224 123 42 / .18) 0%, transparent 65%);
    pointer-events: none
}

.hero-content {
    position: relative;
    z-index: 2;
    padding: 8rem 0 5rem
}

.hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: .65rem;
    font-weight: 600;
    letter-spacing: .25em;
    text-transform: uppercase;
    color: var(--orange-l);
    border: 1px solid rgb(224 123 42 / .3);
    border-radius: 100px;
    padding: .3rem .9rem;
    background: rgb(224 123 42 / .08);
    backdrop-filter: blur(8px);
    margin-bottom: 1.5rem
}

.hero h1 {
    font-size: 35px;
    line-height: 40px;
    color: #fff;
    margin-bottom: .4rem
}

.hero h1 em {
    font-style: italic;
    color: var(--orange-l)
}

.hero-tagline {
    font-size: .8rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: .06em;
    margin: 1.25rem 0 1.75rem;
    border-left: 2px solid rgb(224 123 42 / .4);
    padding-left: .85rem
}

.hero-body {
    color: #fff;
    font-weight: 300;
    margin-bottom: .8rem
}

.hero-pills {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 1.75rem 0 2.25rem
}

.hero-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-weight: 500;
    padding: .3rem .85rem;
    border: 1px solid rgb(255 255 255 / .15);
    border-radius: 100px;
    color: rgb(255 255 255 / .7);
    background: rgb(255 255 255 / .06);
    backdrop-filter: blur(6px)
}

.hero-pill i {
    color: var(--orange-l);
    font-size: .62rem
}

.hero-video-btn {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    color: rgb(255 255 255 / .7);
    font-weight: 500;
    letter-spacing: .04em;
    text-decoration: none;
    transition: color .2s;
    margin-bottom: 2rem
}

.hero-video-btn .play-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgb(224 123 42 / .9);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: .9rem;
    flex-shrink: 0;
    box-shadow: 0 0 0 8px rgb(224 123 42 / .15), 0 0 0 16px rgb(224 123 42 / .07);
    transition: background .2s, box-shadow .2s
}

.hero-video-btn:hover {
    color: #fff
}

.hero-video-btn:hover .play-circle {
    background: var(--orange-l);
    box-shadow: 0 0 0 10px rgb(224 123 42 / .2), 0 0 0 20px rgb(224 123 42 / .08)
}

.btn-orange {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    background: #F5850A;
    color: #fff;
    padding: .85rem 1.9rem;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: .82rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    border-radius: 4px;
    text-decoration: none;
    border: none;
    box-shadow: 0 4px 20px rgb(224 123 42 / .35);
    transition: background .25s, transform .2s, box-shadow .2s
}

.btn-orange:hover {
    background: var(--orange-d);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 28px rgb(224 123 42 / .4)
}

.btn-outline-w {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    background: #fff0;
    color: #fff;
    padding: .85rem 1.9rem;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: .82rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    border-radius: 4px;
    text-decoration: none;
    border: 1px solid rgb(255 255 255 / .25);
    transition: border-color .25s, color .25s
}

.btn-outline-w:hover {
    border-color: var(--orange-l);
    color: var(--orange-l)
}

.hero-scroll-hint {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .4rem;
    font-size: .62rem;
    font-weight: 500;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #fff
}

.scroll-line {
    width: 1px;
    height: 36px;
    background: linear-gradient(180deg, rgb(255 255 255 / 60%) 0%, transparent 100%);
    animation: scrollpulse 2s ease-in-out infinite
}

@keyframes scrollpulse {

    0%,
    100% {
        opacity: .4;
        transform: scaleY(1)
    }

    50% {
        opacity: 1;
        transform: scaleY(.7)
    }
}

.sec-white {
    background: var(--white)
}

.sec-cream {
    background: var(--cream)
}

.sec-cream2 {
    background: #f8f8f8
}

.tag-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #F5850A;
    background: var(--orange-bg);
    border: 1px solid var(--orange-ln);
    border-radius: 100px;
    padding: .26rem .8rem;
    margin-bottom: .75rem
}

.tag-pill i {
    font-size: .55rem
}

.sec-title {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 400;
    color: var(--ink);
    line-height: 1.12;
    letter-spacing: -.02em;
    margin-bottom: 1rem
}

.sec-title em {
    font-style: italic;
    color: #F5850A
}

.sec-img {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: var(--sh-md);
    aspect-ratio: 4/3
}

.sec-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .5s ease
}

.statement {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(1.9rem, 3.5vw, 2.8rem);
    color: var(--ink);
    line-height: 1.2;
    border-left: 3px solid #F5850A;
    padding-left: 1.5rem;
    margin-bottom: 1.5rem
}

.statement em {
    font-style: italic;
    color: #F5850A
}

.badge-genie {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: var(--orange-bg);
    border: 1px solid var(--orange-ln);
    border-radius: 4px;
    padding: .5rem .95rem;
    font-size: .76rem;
    font-weight: 600;
    color: #F5850A;
    margin-top: .75rem
}

.subscribe-cta br {
    display: block
}

.offering_wrap .vl-work-content-block .title {
    font-size: 14px;
    line-height: 22px
}

.faq_wrap {
    position: relative
}

.faq_wrap .vl-accordion-item {
    margin-bottom: 10px
}

.faq_wrap .accordion-button {
    background-color: #2b0d1d;
    color: #fff;
    font-weight: 600;
    outline: none;
    font-family: "Nunito Sans", sans-serif;
    font-size: 17px
}

.faq_wrap .accordion-button:focus {
    outline: none;
    box-shadow: none
}

.faq_wrap .accordion-button::after {
    filter: sepia(1) hue-rotate(100deg) saturate(100) contrast(.3) brightness(3)
}

.faq_wrap .accordion-body {
    background-color: #f8f8f8;
    border-right: 1px solid #f5850a;
    border-left: 1px solid #f5850a;
    border-bottom: 1px solid #f5850a
}

.faq_wrap ul {
    margin: 10px 0;
    list-style: square;
    padding-left: 25px
}

.faq_wrap ul li {
    padding-bottom: 10px;
    font-size: var(--vkl-font-size-font-s17);
    font-weight: 400;
    color: var(--vkl-text-text-3);
    list-style: square
}

.faq_wrap ul li::marker {
    color: #F5850A
}

.faq_inner {
    background-color: #f8f8f8
}

.faq_inner .accordion-body {
    background-color: #fff
}

.about-who .title {
    color: #2B0D1D
}

.vl-cta-form-wrap-5 input[type="email"]::placeholder {
    color: #fff;
    /* Change text color */
    font-size: 16px;
    /* Adjust font size */
    font-style: italic;
    /* Optional: italic style */
    opacity: 1;
    /* Ensure full opacity (some browsers render it semi-transparent by default) */
}



.why-now {
    /* padding:80px 20px; */
    background: #f8f8f8;
    text-align: center;
}

.section-title {
    font-size: 36px;
    margin-bottom: 60px;
}

.pillars {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

/* Flip Card */

.flip-card {
    perspective: 1000px;
    height: 200px;
}

.flip-card:nth-child(4) svg {
    transform: scale(0.7);
}

.flip-card:nth-child(3) svg {
    transform: scale(0.8);
}

.flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform .6s;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Front */

.flip-front,
.flip-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* Front side */

.flip-front {
    background: white;
}

.icon-bg {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #2B0D1D;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-bg svg {
    width: 50px;
    height: 50px;
    fill: #fff;
}

/* Back side */

.flip-back {
    background: #2B0D1D;
    color: white;
    transform: rotateY(180deg);
    padding: 20px;
}

.flip-back h3 {
    margin-bottom: 10px;
    font-size: 20px;
}

.flip-back p {
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
}

.flip-front h3 {
    margin-top: 15px;
    font-size: 18px;
    color: #F5850A;
    text-align: center;
}

.vl-working-area .para {
    margin: 0px;
    font-size: 16px;
    padding: 0px 5px;
    min-height: 100px;
}

.hero-scroll-hint {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
    cursor: pointer;
}
.event-heading{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: fit-content;

    margin: 20px auto;
    padding: 10px 35px;

    background-color: #fcfcfc;
    border: 1px solid #e0e0e0;
    border-left: 5px solid #F39C12;
    border-right: 5px solid #F39C12;
    border-radius: 12px;

    font-weight: 700;
    font-size: 1.2rem !important;
    color: #2D1A22;

    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    text-align: center;
}

/* Divider */
.event-heading .divider{
    color: #ddd;
    margin: 0 15px;
    font-weight: 300;
}

/* Highlight text */
.event-heading .scale-text{
    color: #F39C12;
    margin-left: 6px;
}

/* Target the specific buttons in your HTML */
.hero-content .vl-primary-btn-3, 
.hero-content .vl-primary-btn-3:link, 
.hero-content .vl-primary-btn-3:visited {
    color: #fff !important; /* Force text to be black */
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    transition: all 0.3s ease; /* Smooth transition for hover */
    box-shadow: 0 4px 6px rgba(0,0,0,0.05); /* Very soft modern shadow */
}

/* Modern Hover State */
.hero-content .vl-primary-btn-3:hover {
    border-color: #F39C12;
    color: #ffffff !important; /* Text turns white only on hover */
    transform: translateY(-3px); /* Lifts up slightly */
    box-shadow: 0 10px 20px rgba(243, 156, 18, 0.2);
    text-shadow: none; /* Keep text clean */
}

/* Active State (When clicking) */
.hero-content .vl-primary-btn-3:active {
    transform: translateY(-1px);
}
.hero-content .vl-primary-btn-3 span {
    margin-left: 9px;
}

@media(max-width:992px) {
    .pillars {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:600px) {
    .pillars {
        grid-template-columns: 1fr;
    }
}
.vl-content{
    padding-left:10px;
}
.download_form .nt-submit-btn{
width: 200px;
    /*text-align: center;
    margin: 0 auto;*/
}
.note_text{
    background: #f7f7f7;
    padding: 15px;
    margin-top: 20px;
    border-radius: 10px;
    border: 1px solid #F5850A;
}
.note_text ul {
    padding-left: 15px;
}
.note_text  li{
    list-style-type: disc;
}
.image-box {
  position: relative;
  width: 500px;
  height: 300px;
  margin-bottom: 150px;
}

/* BACK IMAGE */
.img-back {
  width: 100%;
  border-radius: 50px 0px 0px 20px;
  display: block;
}

/* FRONT IMAGE (OVERLAY) */
.img-front {
  position: absolute;
  top: 30px;
  right: -35px;
  width: 63%;
  border-radius: 50px 0px 50px 0px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

/* VERTICAL LABEL */
.vertical-text {
  position: absolute;
  left: -35px;
  top: 90px;
  background: #f4e400;
  padding: 8px 6px;
  font-size: 12px;
  font-weight: 600;
  transform: rotate(-90deg);
  letter-spacing: 1px;
}

/* BUTTON BOX */
.impact-box {
  position: absolute;
    bottom: -205px;
    left: 0px;
    background: #5a0f1b;
    color: #fff;
    padding: 20px 58px;
    border-radius: 12px;
    font-size: 20px;
}
.vl-cta-wrap-10 a:focus{
    color:#ffffff !important;
}
.swiper {
  direction: ltr;
}
.genie-logo .brandactive img{
    width:250px;
}
.sumflex-location ul{
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border: 2px solid #2b0d1d;
    width: 100%;
    border-radius: 10px;
    /* font-size: 15px; */
    background: #2b0d1d;
    margin-bottom: 10px;
}
.sumflex-location ul li{
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 5px;
    padding-right: 20px;
    color: #fff;
}
.sumflex-location ul li:last-child{
    padding-right:0px;
}
.sumflex-location img{
    width: 25px;
    height: 25px;
}
.arch-logo-wrap{
    height:90px;
}