@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Quicksand:wght@300..700&display=swap");
html, body {overflow-x: hidden;}
a, a:hover {text-decoration: none;}
ul {padding: 0;margin: 0;}
ul li {list-style: none;}
h2, p {margin-bottom: 0;}
h1,h2,h3,h4,h5,h6 {margin-bottom: 0;}
input, textarea {background: none;border: none; outline: none;}
img {max-width: 100%;max-height: 100%;}
.space6 {height: 6px;} .space8 {height: 8px;} .space10 {height: 10px;} .space12 {height: 12px;} .space14 {height: 14px;} .space16 {height: 16px;} .space18 {height: 18px;} .space20 {height: 20px;} .space22 {height: 22px;} .space24 {height: 24px;} .space26 {height: 26px;} .space28 {height: 28px;} .space30 {height: 30px;} .space32 {height: 32px;} .space34 {height: 34px;} .space36 {height: 36px;} .space38 {height: 38px;} .space40 {height: 40px;} .space42 {height: 42px;} .space44 {height: 44px;} .space46 {height: 46px;} .space48 {height: 48px;} .space50 {height: 50px;} .space52 {height: 52px;} .space54 {height: 54px;} .space56 {height: 56px;} .space58 {height: 58px;} .space60 {height: 60px;} .space62 {height: 62px;} .space64 {height: 64px;} .space66 {height: 66px;} .space68 {height: 68px;} .space70 {height: 70px;} .space72 {height: 72px;} .space74 {height: 74px;} .space76 {height: 76px;} .space78 {height: 78px;} .space80 {height: 80px;} .space82 {height: 82px;} .space84 {height: 84px;} .space86 {height: 86px;} .space {height: 88px;} .space90 {height: 90px;} .space92 {height: 92px;} .space94 {height: 94px;} .space96 {height: 96px;} .space98 {height: 98px;} .space100 {height: 100px;}

@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;animation-iteration-count: infinite;animation-direction: alternate;transition: all 0.4s ease-in-out;}

@keyframes animation-7 {0% {transform: rotate(0);} 100% {transform: rotate(-1000deg);}}
.keyframe5 {position: relative;animation-name: animation-7;animation-duration: 90s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: cubic-bezier(0.59, 0.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;animation-iteration-count: infinite;animation-direction: alternate;}

@keyframes animation-2 {0% {transform: translateX(0);} 100% {transform: translateX(50px);}}
.aniamtion-key-2 {position: relative;animation-name: animation-2;animation-duration: 2.5s;animation-iteration-count: infinite;animation-direction: alternate;}

@keyframes animation-3 {0% {transform: translateY(0);} 100% {transform: translateY(60px);}}
.aniamtion-key-3 {position: relative;animation-name: animation-3;animation-duration: 1.3s;animation-iteration-count: infinite;animation-direction: alternate;}

@keyframes animation-4 {0% {transform: translateY(0);} 100% {transform: translateY(40px);}}
.aniamtion-key-4 {position: relative;animation-name: animation-4;animation-duration: 1.6s;animation-iteration-count: infinite;animation-direction: alternate;}

@keyframes animation-6 {0% {transform: translateY(0);} 100% {transform: translateY(50px);}}
.aniamtion-key-6 {position: relative;animation-name: animation-6;animation-duration: 1.9s;animation-iteration-count: infinite;animation-direction: alternate;}

@keyframes animation-8 {0% {padding-left: 0px;}
  100% {padding-left: 50px;}}
.aniamtion-key-7 {position: relative;animation-name: animation-8;animation-duration: 1.3s;animation-iteration-count: infinite;animation-direction: alternate;}

@-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);} 100% {opacity: 1;  -webkit-transform: none;  transform: none;}}
@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: 1500ms;animation-iteration-count: infinite;animation-direction: alternate;}

@keyframes marquee {0% {transform: translateX(0);} 100% {transform: translatex(-100%);}}
@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;}
.mt-4- {margin-top: -4px;}
.mrf-16 {margin-right: 16px;}

:root {--ztc-text-text-1: #fff;--ztc-text-text-2: #514F4C;--ztc-text-text-3: #181713;--ztc-text-text-4: #FBD459;--ztc-text-text-5: #72706C;--ztc-text-text-6: #71344d;--ztc-text-text-7: #FFA41C;--ztc-text-text-8: #170822;--ztc-text-text-9: #514E53;--ztc-text-text-10: #56227F;--ztc-text-text-11: #0E082B;--ztc-text-text-12: #0085FF;--ztc-text-text-13: #46475F;--ztc-text-text-14: #FF5F27;--ztc-text-text-15: #00263A;--ztc-text-text-16: #504F4E;--ztc-bg-bg-1: #fff;--ztc-bg-bg-2: #71344d;--ztc-bg-bg-3: #FBD459;--ztc-bg-bg-4: #F6F4EE;--ztc-bg-bg-5: #FBF7FF;--ztc-bg-bg-6: #E7E6EA;--ztc-bg-bg-7: #E6F3FF;--ztc-bg-bg-8: #FFF7F4;--ztc-border-border-1: #E5E7EB;--ztc-border-border-2: #dfdcdc;--ztc-font-size-font-s10: 10px;--ztc-font-size-font-s12: 12px;--ztc-font-size-font-s14: 14px;--ztc-font-size-font-s16: 16px;--ztc-font-size-font-s18: 18px;--ztc-font-size-font-s20: 20px;--ztc-font-size-font-s22: 22px;--ztc-font-size-font-s24: 24px;--ztc-font-size-font-s26: 26px;--ztc-font-size-font-s28: 28px;--ztc-font-size-font-s30: 30px;--ztc-font-size-font-s32: 32px;--ztc-font-size-font-s34: 34px;--ztc-font-size-font-s36: 36px;--ztc-font-size-font-s38: 38px;--ztc-font-size-font-s40: 40px;--ztc-font-size-font-s42: 42px;--ztc-font-size-font-s44: 44px;--ztc-font-size-font-s46: 46px;--ztc-font-size-font-s48: 48px;--ztc-font-size-font-s50: 50px;--ztc-font-size-font-s52: 52px;--ztc-font-size-font-s54: 54px;--ztc-font-size-font-s55: 55px;--ztc-font-size-font-s56: 56px;--ztc-font-size-font-s58: 58px;--ztc-font-size-font-s60: 60px;--ztc-font-size-font-s62: 62px;--ztc-font-size-font-s64: 64px;--ztc-font-size-font-s66: 66px;--ztc-font-size-font-s68: 68px;--ztc-font-size-font-s70: 70px;--ztc-font-size-font-s80: 80px;--ztc-font-size-font-s90: 90px;--ztc-font-size-font-s10: 10px;--ztc-font-size-font-s12: 12px;--ztc-font-size-font-s14: 14px;--ztc-font-size-font-s16: 16px;--ztc-font-size-font-s18: 18px;--ztc-font-size-font-s20: 20px;--ztc-font-size-font-s22: 22px;--ztc-font-size-font-s24: 24px;--ztc-font-size-font-s26: 26px;--ztc-font-size-font-s28: 28px;--ztc-font-size-font-s30: 30px;--ztc-font-size-font-s32: 32px;--ztc-font-size-font-s34: 34px;--ztc-font-size-font-s36: 36px;--ztc-font-size-font-s38: 38px;--ztc-font-size-font-s40: 40px;--ztc-font-size-font-s42: 42px;--ztc-font-size-font-s44: 44px;--ztc-font-size-font-s46: 46px;--ztc-font-size-font-s48: 48px;--ztc-font-size-font-s50: 50px;--ztc-font-size-font-s52: 52px;--ztc-font-size-font-s54: 54px;--ztc-font-size-font-s55: 55px;--ztc-font-size-font-s56: 56px;--ztc-font-size-font-s58: 58px;--ztc-font-size-font-s60: 60px;--ztc-font-size-font-s62: 62px;--ztc-font-size-font-s64: 64px;--ztc-font-size-font-s66: 66px;--ztc-font-size-font-s68: 68px;--ztc-font-size-font-s70: 70px;--ztc-font-size-font-s80: 80px;--ztc-font-size-font-s90: 90px;--ztc-specing-height6: 6px;--ztc-specing-height8: 8px;--ztc-specing-height10: 10px;--ztc-specing-height12: 12px;--ztc-specing-height14: 114px;--ztc-specing-height16: 16px;--ztc-specing-height18: 18px;--ztc-specing-height20: 20px;--ztc-specing-height22: 22px;--ztc-specing-height24: 24px;--ztc-specing-height26: 26px;--ztc-specing-height28: 28px;--ztc-specing-height30: 30px;--ztc-specing-height32: 32px;--ztc-specing-height34: 34px;--ztc-specing-height36: 36px;--ztc-specing-height38: 38px;--ztc-specing-height40: 40px;--ztc-specing-height42: 42px;--ztc-specing-height44: 44px;--ztc-specing-height46: 46px;--ztc-specing-height48: 48px;--ztc-specing-height50: 50px;--ztc-specing-height52: 52px;--ztc-specing-height54: 54px;--ztc-specing-height55: 55px;--ztc-specing-height56: 56px;--ztc-specing-height58: 58px;--ztc-specing-height60: 60px;--ztc-specing-height64: 64px;--ztc-specing-height70: 70px;--ztc-specing-height72: 72px;--ztc-specing-height80: 80px;--ztc-specing-height82: 82px;--ztc-specing-height90: 90px;--ztc-specing-height92: 92px;--ztc-specing-height100: 100px;--ztc-specing-height110: 110px;--ztc-specing-height120: 120px;--ztc-specing-height130: 130px;--ztc-weight-regular: 400;--ztc-weight-medium: 500;--ztc-weight-semibold: 600;--ztc-weight-bold: 700;--ztc-weight-black: 800;--ztc-family-font1: 'Nunito Sans', serif;--ztc-family-font2: 'Quicksand', sans-serif;}


/*============= COMON CSS AREA ===============*/
.vl-section-title-1 .subtitle {background: var(--ztc-bg-bg-4);color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);display: inline-block;padding: 8px 12px;border-radius: 50px;}
.vl-section-title-1 .title {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s44);line-height: var(--ztc-specing-height52);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-top: 16px;padding-bottom: 16px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-section-title-1 .title {font-size: var(--ztc-font-size-font-s34);  line-height: var(--ztc-specing-height44);}}
@media (max-width: 767px) {.vl-section-title-1 .title {font-size: var(--ztc-font-size-font-s28);  line-height: var(--ztc-specing-height38);}}
.vl-section-title-1 p {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-section-title-1.white .subtitle {border-radius: 50px;background: rgba(255, 255, 255, 0.1);color: var(--ztc-text-text-1);}
.vl-section-title-1.white .title {color: var(--ztc-text-text-1);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);}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-section-title-1.white .title {font-size: var(--ztc-font-size-font-s34);  line-height: var(--ztc-specing-height44);}}
@media (max-width: 767px) {.vl-section-title-1.white .title {font-size: var(--ztc-font-size-font-s34);  line-height: var(--ztc-specing-height44);}}
.vl-section-title-1.white p {color: rgba(255, 255, 255, 0.8);}
.vl-section-title-2 .subtitle {border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(25px);padding: 8px 12px;display: inline-block;color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-section-title-2 .title {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s64);line-height: var(--ztc-specing-height72);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-top: 16px;padding-bottom: 32px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-section-title-2 .title {font-size: var(--ztc-font-size-font-s54);  line-height: var(--ztc-specing-height64);}}
@media (max-width: 767px) {.vl-section-title-2 .title {font-size: var(--ztc-font-size-font-s40);  line-height: var(--ztc-specing-height50);}}
.vl-section-title-3 .subtitle {border-radius: 8px;background: rgba(86, 34, 127, 0.1);display: inline-block;color: var(--ztc-text-text-10);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding: 8px 12px;}
.vl-section-title-3 .title {color: var(--ztc-text-text-8);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);padding-top: 16px;padding-bottom: 16px;}
@media ((max-width: 767px)) {.vl-section-title-3 .title {font-size: var(--ztc-font-size-font-s26);  line-height: var(--ztc-specing-height26);}}
.vl-section-title-3 p {color: var(--ztc-text-text-9);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-section-heading3 .subtitle {background: var(--ztc-bg-bg-7);color: var(--ztc-text-text-12);border-radius: 8px;padding: 8px 12px;display: inline-block;font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
@media (max-width: 767px) {.vl-section-heading3 .subtitle {font-size: 13px;  line-height: var(--ztc-specing-height20);}}
.vl-section-heading3 .heading-title {color: var(--ztc-text-text-11);font-size: var(--ztc-font-size-font-s64);line-height: var(--ztc-specing-height72);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-top: 16px;padding-bottom: 20px;}
@media (max-width: 767px) {.vl-section-heading3 .heading-title {font-size: var(--ztc-font-size-font-s44);  line-height: var(--ztc-specing-height52);  font-size: 38px;}}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.vl-section-heading3 .heading-title {font-size: var(--ztc-font-size-font-s60);  line-height: var(--ztc-specing-height72);}}
.vl-section-heading3 .para {color: var(--ztc-text-text-13);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height30);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.vl-section-heading3 .para {font-size: var(--ztc-font-size-font-s18);  line-height: var(--ztc-specing-height30);}}
.vl-section-title3 .subtitle {background: var(--ztc-bg-bg-7);color: var(--ztc-text-text-12);border-radius: 8px;padding: 8px 12px;display: inline-block;font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-section-title3 .title {color: var(--ztc-text-text-11);font-size: var(--ztc-font-size-font-s44);line-height: var(--ztc-specing-height52);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-top: 16px;padding-bottom: 16px;}
@media (max-width: 767px) {.vl-section-title3 .title {font-size: var(--ztc-font-size-font-s30);  line-height: var(--ztc-specing-height40);}}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.vl-section-title3 .title {font-size: var(--ztc-font-size-font-s40);  line-height: var(--ztc-specing-height52);}}
.vl-section-title3 .para {color: var(--ztc-text-text-13);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.vl-section-title3 .para br {display: none;}}
.vl-section-title4 .subtitle {background: var(--ztc-bg-bg-8);color: var(--ztc-text-text-15);border-radius: 50px;padding: 8px 12px;display: inline-block;font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-section-title4 .title {color: var(--ztc-text-text-15);font-size: var(--ztc-font-size-font-s44);line-height: var(--ztc-specing-height52);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-top: 16px;padding-bottom: 16px;}
@media (max-width: 767px) {.vl-section-title4 .title {font-size: var(--ztc-font-size-font-s32);  line-height: var(--ztc-specing-height44);}}
.vl-section-title4 .para {color: var(--ztc-text-text-16);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.vl-section-title4 .para br {display: none;}}
.vl-section-title5 .subtitle {border-radius: 8px;background: rgba(1, 113, 93, 0.1);padding: 8px 12px;display: inline-block;font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);color: var(--ztc-text-text-6);}
.vl-section-title5 .title {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s44);line-height: var(--ztc-specing-height54);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-top: 16px;padding-bottom: 16px;}
@media (max-width: 767px) {.vl-section-title5 .title {font-size: var(--ztc-font-size-font-s32);  line-height: var(--ztc-specing-height44);}}
.vl-section-title5 .para {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea {outline: none;background-color: #fff;height: 56px;width: 100%;line-height: 56px;font-size: 14px;color: var(--ztc-text-text-3);padding-left: 26px;padding-right: 26px;border: 1px solid #E0E2E3;}
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {opacity: 0;}

textarea {line-height: 1.4;padding-top: 17px;padding-bottom: 17px;}
.gray-bg {background: var(--ztc-bg-bg-4) !important;}
.mt-18 {margin-top: 18px;}

/* Hide the default radio button */
input[type=radio] {appearance: none;-webkit-appearance: none;width: 20px;height: 20px;border: 2px solid #01715D;border-radius: 50%;outline: none;cursor: pointer;position: relative;transition: border-color 0.3s ease, background-color 0.3s ease;}

input[type=radio]::before {content: "";position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;background-color: transparent;border-radius: 50%;transform: translate(-50%, -50%);transition: background-color 0.3s ease;}

input[type=radio]:checked {border-color: #FBD459;}

input[type=radio]:checked::before {background-color: #01715D;}

input[type=radio]:focus {outline: 2px solid #FBD459;}

/*============= COMON CSS AREA ENDS ===============*/
/*============= SPACING CSS AREA ===============*/
.sp1 {padding: 100px 0 100px;}
@media (max-width: 767px) {.sp1 {padding: 50px 0 50px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.sp1 {padding: 50px 0 50px;}}
.sp2 {padding: 100px 0 70px;}
@media (max-width: 767px) {.sp2 {padding: 50px 0 20px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.sp2 {padding: 50px 0 20px;}}
.sp3 {padding: 100px 0 50px;}
.sp4 {padding: 80px 0 80px;}
@media (max-width: 767px) {.sp4 {padding: 40px 0 40px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.sp4 {padding: 40px 0 40px;}}
.sp5 {padding: 60px 0 60px;}
@media (max-width: 767px) {.sp5 {padding: 30px 0 30px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.sp5 {padding: 30px 0 30px;}}
.sp6 {padding: 120px 0 120px;}
@media (max-width: 767px) {.sp6 {padding: 60px 0 60px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.sp6 {padding: 60px 0 60px;}}
.sp7 {padding: 120px 0 90px;}
@media (max-width: 767px) {.sp7 {padding: 60px 0 30px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.sp7 {padding: 60px 0 30px;}}
.sp8 {padding: 100px 0 0;}
@media (max-width: 767px) {.sp8 {padding: 50px 0 0;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.sp8 {padding: 50px 0 0;}}
.sp9 {padding: 120px 0 0;}
@media (max-width: 767px) {.sp9 {padding: 60px 0 0;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.sp9 {padding: 60px 0 0;}}
.sp10 {padding: 0 0 100px;}
@media (max-width: 767px) {.sp10 {padding: 0 0 50px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.sp10 {padding: 0 0 50px;}}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {p br {display: none;}}
.w-100 {width: 100%;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-60 {margin-bottom: 60px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.mb-60 {margin-bottom: 30px;}}
.pb-32 {padding-bottom: 32px;}
.pl-90 {padding-left: 90px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.pl-90 {padding-left: 0px;}}
.pl-30 {padding-left: 30px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.pl-30 {padding-left: 0px;}}
.ml-20 {margin-left: 20px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.ml-20 {margin-left: 0px;}}
.mb-50 {margin-bottom: 50px;}
.space-margin60 {margin-bottom: 60px;}
@media (max-width: 767px) {.space-margin60 {margin-bottom: 30px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.space-margin60 {margin-bottom: 30px;}}
.p-relative {position: relative;}
.p-absolute {position: absolute;}

a, button {color: inherit;outline: none;border: none;background: transparent;}
.ml-15 {margin-left: 15px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.ml-15 {margin-left: 0px;}}
.mr-15 {margin-right: 15px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.mr-15 {margin-right: 0px;}}
.pb-16 {padding-bottom: 16px;}
.pb-20 {padding-bottom: 20px;}
.pt-20 {padding-top: 20px;}
.pb-48 {padding-bottom: 48px;}
.pb-50 {padding-bottom: 50px;}
.ml-50 {margin-left: 50px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.ml-50 {margin-left: 0px;}}
.mr-50 {margin-right: 50px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.mr-50 {margin-right: 0px;}}
.pb-70 {padding-bottom: 70px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.pb-70 {padding-bottom: 20px;}}
.mt-16 {margin-top: 16px;}
.mt-32 {margin-top: 32px;}
.mt-20 {margin-top: 20px;}
.mt-24 {margin-top: 24px;}
.thme-pagination-mt {margin-top: 30px;}

/*============= SPACING CSS AREA ENDS ===============*/
/*============= BRANDS CSS AREA ===============*/
.vl-brand-area {background: var(--ztc-text-text-10);padding-top: 70px;padding-bottom: 70px;}
.vl-brand-area .single-brand-item {width: 170px;}
.vl-brand5 {background: var(--ztc-bg-bg-4);padding-top: 74px;padding-bottom: 74px;}
.vl-brand5 .owl-carousel .owl-stage-outer {overflow: inherit;}
.vl-brand5 .single-brand-logo img {width: 156px;height: 80px !important;object-fit: contain;}
@media (max-width: 767px) {.vl-brand5 .single-brand-logo img {width: auto;  height: auto;  text-align: center;  margin: 0 auto;}}
.single-brand-item img {width: 156px;}

/*============= BRANDS CSS AREA ENDS ===============*/
/*============= BUTTON CSS AREA  ===============*/
.btn-area .header-btn1 {background: var(--ztc-text-text-4);color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-bold);padding: 8px 8px 8px 20px;border-radius: 50px;display: inline-block;position: relative;z-index: 1;transition: 0.3s;}
.btn-area .header-btn1 span {background: var(--ztc-text-text-1);height: 36px;width: 36px;display: inline-block;line-height: 36px;text-align: center;border-radius: 50px;transition: 0.3s;}
.btn-area .header-btn1 span i {transform: rotate(-45deg);transition: 0.3s;}
.btn-area .header-btn1:after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;background: var(--ztc-text-text-3);border-radius: 50px;z-index: -1;transition: 0.3s;transform: scaleX(0);}
.btn-area .header-btn1:hover {color: var(--ztc-text-text-1);transition: 0.3s;}
.btn-area .header-btn1:hover span {color: var(--ztc-text-text-2);}
.btn-area .header-btn1:hover:after {transform: scaleX(1);transition: 0.3s;}
.btn-area .header-btn3 {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height18);background: var(--ztc-text-text-12);border-radius: 8px;padding: 8px 23px 8px 8px;position: relative;}
.btn-area.vl-cta-btn1 {position: absolute;right: 6px;top: 6px;}
.vl-hero-btn .header-btn1 {background: var(--ztc-text-text-4);color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-bold);padding: 8px 8px 8px 20px;border-radius: 50px;display: inline-block;transform: translateY(50px);opacity: 0;visibility: hidden;transition: 1400ms;}
.vl-hero-btn .header-btn1:after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;background: var(--ztc-text-text-3);border-radius: 50px;z-index: -1;transform: scaleX(0);transition: 0.3s;}
.vl-hero-btn .header-btn1:hover {color: var(--ztc-text-text-1);transition: 0.3s;}
.vl-hero-btn .header-btn1:hover::after {transform: scaleX(1);}
.vl-hero-btn .header-btn1:hover span {background: var(--ztc-text-text-4);color: var(--ztc-text-text-3);transition: 0.3s;}
.vl-hero-btn .header-btn1 span {background: var(--ztc-text-text-1);height: 36px;width: 36px;display: inline-block;line-height: 36px;text-align: center;border-radius: 50px;transition: 0.3s;}
.vl-hero-btn .header-btn1 span i {transform: rotate(-45deg);transition: 0.3s;}
.home-btn-2 {border-radius: 8px;}
.home-btn-2 .btn-2 {background: var(--ztc-text-text-1);color: var(--ztc-text-text-8);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-bold);transition: 0.3s;padding: 18px 24px;text-transform: uppercase;display: inline-block;border-radius: 8px;position: relative;z-index: 1;}
.home-btn-2 .btn-2 span {display: inline-block;margin-left: 4px;}
.home-btn-2 .btn-2::after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;background: var(--ztc-text-text-8);z-index: -1;transform: scaleX(0);transition: 0.3s;border-radius: 8px;}
.home-btn-2 .btn-2:hover {color: var(--ztc-text-text-1);}
.home-btn-2 .btn-2:hover::after {transform: scaleX(1);transition: 0.3s;}
.vl-about-btn {padding-top: 32px;}
.vl-about-btn .btn-primary2 {background: var(--ztc-text-text-10);padding: 18px 24px;display: inline-block;text-transform: uppercase;color: var(--ztc-text-text-1);border-radius: 8px;transition: 0.3s;position: relative;z-index: 1;font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-bold);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height18);}
.vl-about-btn .btn-primary2::after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;background: var(--ztc-text-text-8);z-index: -1;transform: scaleX(0);transition: 0.3s;border-radius: 8px;}
.vl-about-btn .btn-primary2:hover::after {transform: scaleX(1);transition: 0.3s;}
.vl-about-btn .btn-primary2 span {margin-left: 4px;}
.primary-btn-3 {background: var(--ztc-text-text-12);color: var(--ztc-text-text-1);padding: 19px 23px 19px 25px;display: inline-block;text-transform: uppercase;border-radius: 8px;font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-bold);position: relative;transition: 0.3s;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.primary-btn-3 {width: 100%;  text-align: center;  margin-top: 30px;}}
.primary-btn-3:after {position: absolute;content: "";left: 8px;top: 8px;height: 40px;width: 40px;background: rgba(255, 255, 255, 0.2);border-radius: 50px;transition: 0.3s;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.primary-btn-3:after {left: 38%;}}
.primary-btn-3:hover {color: var(--ztc-text-text-1);}
.primary-btn-3:hover:after {width: 100%;height: 100%;top: 0;left: 0;border-radius: inherit;}
.btn-area4 .header-btn1 {background: var(--ztc-text-text-14);color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-bold);padding: 8px 8px 8px 20px;border-radius: 50px;display: inline-block;position: relative;transition: 0.3s;z-index: 1;}
.btn-area4 .header-btn1::after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;background: var(--ztc-text-text-15);transition: 0.3s;border-radius: 50px;z-index: -1;transform: scaleX(0);}
.btn-area4 .header-btn1 .testimonial-btn4:after {background: #335161;}
.btn-area4 .header-btn1:hover::after {transform: scaleX(1);}
.btn-area4 .header-btn1 span {background: var(--ztc-text-text-1);height: 36px;width: 36px;display: inline-block;line-height: 36px;text-align: center;border-radius: 50px;transition: 0.3s;}
.btn-area4 .header-btn1 span i {transform: rotate(-45deg);transition: 0.3s;color: var(--ztc-text-text-15);}
.btn-flex-area {display: flex;}
.btn-flex-area .btn-area4 {margin-right: 12px;}
@media (max-width: 767px) {.btn-flex-area {display: block;}}
.vl-video-play {display: flex;align-items: center;}
@media (max-width: 767px) {.vl-video-play {margin-top: 30px;}}
.vl-video-play .video-text .vtitle {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);text-decoration: underline;cursor: pointer;}
.video-play-button {transform: translateX(0%) translateY(0%);box-sizing: content-box;display: block;width: 32px;height: 44px;border-radius: 50%;padding: 0px 20px 0px 28px;margin-right: 8px;}
.video-play-button:before {content: "";position: absolute;z-index: 0;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 55px;height: 55px;background: var(--ztc-text-text-1);border-radius: 50%;animation: pulse-border 1100ms ease-out infinite;}
.video-play-button:after {content: "";position: absolute;z-index: 1;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 60px;height: 60px;background: var(--ztc-text-text-1);border-radius: 50%;transition: all 200ms;}
.video-play-button span {display: block;position: relative;z-index: 3;width: 0;height: 0;border-left: 19px solid var(--ztc-text-text-15);border-top: 12px solid transparent;border-bottom: 12px solid transparent;top: 10px;left: 5px;}

@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;}}
.btn5 .btn-priamry1 {background: var(--ztc-text-text-6);color: var(--ztc-text-text-1);border-radius: 8px;padding: 8px 8px 8px 20px;display: inline-block;font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-bold);position: relative;z-index: 1;transition: 0.3s;}
.btn5 .btn-priamry1::after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;background: var(--ztc-text-text-3);z-index: -1;border-radius: 8px;transform: scaleX(0);transition: 0.3s;}
.btn5 .btn-priamry1:hover::after {transform: scaleX(1);transition: 0.3s;}
.btn5 .btn-priamry1 span {height: 36px;width: 36px;line-height: 36px;text-align: center;display: inline-block;background: var(--ztc-text-text-1);color: var(--ztc-text-text-6);border-radius: 50px;transform: rotate(-45deg);transition: 0.3s;}
.btn-area4 .header-btn1.headbtn4:hover span {background: var(--ztc-text-text-14) !important;}
.mobile-btn5 {margin-top: 30px;margin-bottom: 30px;}
.mobile-btn5 .btn-priamry1 {width: 100%;text-align: center;}

a.header-btn1.testimonial-btn4.testibtn4:after {background: var(--ztc-text-text-1);}

a.header-btn1.testimonial-btn4.testibtn4:hover span {background: var(--ztc-text-text-14);}

a.header-btn1.testimonial-btn4.testibtn4:hover {color: var(--ztc-text-text-14);}

/*============= BUTTON CSS AREA ENDS ===============*/
/*============= PROGRESS CSS AREA ===============*/
.skill-progress {position: relative;width: 100%;}
.skill-progress .skill-box {width: 100%;}
.skill-progress .skill-box .title {display: block;font-size: 14px;font-weight: 600;color: #333;}
.skill-progress .skill-box .skill-bar {height: 8px;width: 100%;border-radius: 6px;margin-top: 6px;margin-bottom: 16px;background: #F6F4EE;}
.skill-progress .skill-box .skill-bar .skill-per {position: relative;display: block;height: 100%;width: 90%;border-radius: 6px;background: var(--ztc-text-text-6);animation: progress 0.4s ease-in-out forwards;opacity: 0;}
.skill-progress .skill-box .skill-bar .skill-per.html {width: 16%;animation-delay: 0.4s;}
.skill-progress .skill-box .skill-bar .skill-per-2 {background: var(--ztc-text-text-8);}
.skill-vlue {display: flex;justify-content: space-between;}
.skill-vlue .num1 {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-bold);}
.skill-vlue .num1 span {font-weight: var(--ztc-weight-semibold);}
.skill-vlue .num1-2 {color: var(--ztc-text-text-8);}

span.tooltipp {position: absolute;right: 0;top: -29px;color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-bold);}
span.tooltipp-2 {color: var(--ztc-text-text-8);}
.cause-box-bg .skill-progress {margin-bottom: 32px;}

@keyframes progress {0% {width: 0;  opacity: 1;}
  100% {opacity: 1;}}
/*============= PROGRESS CSS AREA ENDS===============*/
/*============= SCROLLTOP CSS AREA ===============*/
.progress-wrap {position: fixed;right: 30px;bottom: 30px;height: 56px;width: 56px;cursor: pointer;display: block;border-radius: 50px;box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);z-index: 1;opacity: 0;visibility: hidden;transform: translateY(15px);transition: all 200ms linear;}
.progress-wrap.active-progress {opacity: 1;visibility: visible;transform: translateY(0);z-index: 999;}
.progress-wrap::after, .progress-wrap::before {position: absolute;font-family: "Font Awesome 5 Free";content: "\f062";text-align: center;line-height: 56px;font-size: 18px;font-weight: 600;left: 0;top: 0;height: 56px;width: 56px;cursor: pointer;display: block;z-index: 1;transition: all 200ms linear;}
.progress-wrap::after {color: var(--ztc-text-text-3);z-index: 1;}
.progress-wrap::before {opacity: 0;z-index: 2;}
.progress-wrap:hover::before {opacity: 1;}
.progress-wrap svg path {fill: none;}
.progress-wrap svg.progress-circle path {stroke: var(--ztc-text-text-3);stroke-width: 4;box-sizing: border-box;transition: all 200ms linear;}
.progress-wrap .progress-wrap2 svg.progress-circle path {stroke: var(--ztc-text-text-12);stroke-width: 4;box-sizing: border-box;transition: all 200ms linear;}
.progress-wrap2 svg.progress-circle path {stroke: var(--ztc-text-text-12);stroke-width: 4;box-sizing: border-box;transition: all 200ms linear;}
.progress-wrap2::after {z-index: 1;color: var(--ztc-text-text-12);}
.progress-wrap4 svg.progress-circle path {stroke: var(--ztc-text-text-14);stroke-width: 4;box-sizing: border-box;transition: all 200ms linear;}
.progress-wrap4::after {z-index: 1;color: var(--ztc-text-text-14);}
.progress-wrap5 svg.progress-circle path {stroke: var(--ztc-text-text-6);stroke-width: 4;box-sizing: border-box;transition: all 200ms linear;}
.progress-wrap5::after {z-index: 1;color: var(--ztc-text-text-6);}
.progress-wrap6 svg.progress-circle path {stroke: var(--ztc-text-text-8);stroke-width: 4;box-sizing: border-box;transition: all 200ms linear;}

/*============= SCROLLTOP CSS AREA ENDS===============*/
/*============= PRELOADER CSS AREA ===============*/
.preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999;background-color: #111112;display: flex;align-items: center;justify-content: center;}
.preloader2 {background-color: #1C1C25;}
.loading-container,
.loading {height: 140px;position: relative;width: 140px;border-radius: 100%;}
.loading-container {margin: 40px auto;}
.loading {border: 1px solid transparent;border-color: transparent #fff;animation: rotate-loading 1.5s linear 0s infinite normal;transform-origin: 50% 50%;}
.loading-container:hover .loading,
.loading-container .loading {transition: all 0.5s ease-in-out;}

#loading-icon {position: absolute;top: 60%;left: 60% !important;transform: translate(-50%, -50%);height: 100px;width: 100px;}

#loading-icon img {height: 70px;width: 70px;}

@keyframes rotate-loading {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
/*============= PRELOADER CSS AREA ENDS===============*/
/*============= TAB CSS AREA ===============*/
.event-tabs .nav-pills .nav-link.active .event-tab-content .subheading {background: var(--ztc-text-text-4);transition: 0.3s;color: var(--ztc-text-text-3);}
.event-tabs .nav-pills .nav-link.active .event-tab-content {border: transparent;}
.event-tabs .nav-pills .nav-link.active .event-tab-content .event-date {background: var(--ztc-text-text-6);transition: 0.3s;}
.event-tabs .nav-pills .nav-link.active .event-tab-content .event-date .title {color: var(--ztc-text-text-1);transition: 0.3s;}
.event-tabs .nav-pills .nav-link.active .event-tab-content .event-date .content p {color: var(--ztc-text-text-1);transition: 0.3s;}
.event-tabs .nav-pills .nav-link.active .date-event1 {background: var(--ztc-text-text-6);transition: 0.3s;}
.event-tabs .nav-pills .nav-link.active .date-event1 .date {color: var(--ztc-text-text-1);}
.event-tabs .nav-pills .nav-link.active .date-event1 .year {color: var(--ztc-text-text-1);}
.event-tabs .nav-pills .nav-link.active .nav {display: block;}
.event-tabs .nav-pills .nav-link.active .nav-link {padding: 0 !important;}
.event-tabs .nav-pills .nav-link.active {background-color: transparent;}
.event-tab-content {border-radius: 8px;border: 1px solid rgba(24, 23, 19, 0.1);overflow: hidden;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.event-tab-content .event-date .content p br {display: block;}}
@media (max-width: 767px) {.event-tab-content .event-date .content p br {display: block;}}
.event-tabs .subheading {background: var(--ztc-bg-bg-4);color: var(--ztc-text-text-2);padding: 8px;font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);transition: 0.3s;}
.event-tabs {text-align: center;}
.event-tabs .nav {display: block;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.event-tabs .nav {display: flex;  justify-content: space-between;}}
@media (max-width: 767px) {.event-tabs .nav {display: flex;  justify-content: space-between;}}
.event-tabs .nav .event-date {display: flex;justify-content: space-between;align-items: center;padding-top: 29px;padding-bottom: 22px;padding-left: 24px;padding-right: 18px;}
.event-tabs .nav .event-date .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);transition: 0.3s;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.event-tabs .nav .event-date .title {margin-right: 20px;}}
.event-tabs .nav .event-date .content p {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height30);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);transition: 0.3s;}
.event-tabs .nav .date-event1 {padding-top: 27px;padding-bottom: 24px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.event-tabs .nav .date-event1 {padding-left: 15px;  padding-right: 15px;}}
@media (max-width: 767px) {.event-tabs .nav .date-event1 {padding-left: 15px;  padding-right: 15px;}}
.event-tabs .nav .date-event1 ul li span {color: var(--ztc-text-text-3);font-size: 44px;font-weight: 700;margin: 0 14px;}
.event-tabs .nav .date-event1 ul li span.date {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);display: table;}
.event-tabs .nav .date-event1 ul li span.year {font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height30);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);margin: 0 auto;}
.event-tabs .nav .date-event1 ul li {display: inline-block;}
.event-tabs .nav-link {padding: 0;}

/*============= TAB CSS AREA ENDS===============*/
/*============= BREADCRUMB CSS AREA ===============*/
.vl-breadcrumb {background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;z-index: 1;overflow: hidden;}
.vl-breadcrumb:after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;background: #181713;opacity: 0.5;z-index: -1;}
.vl-breadcrumb-title {padding-top: 208px;padding-bottom: 100px;}
.vl-breadcrumb-title .heading {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s90);line-height: var(--ztc-specing-height90);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-bottom: 24px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-breadcrumb-title .heading {font-size: var(--ztc-font-size-font-s70);  line-height: var(--ztc-specing-height80);  padding-bottom: 10px;}}
@media (max-width: 767px) {.vl-breadcrumb-title .heading {font-size: var(--ztc-font-size-font-s50);  line-height: var(--ztc-specing-height60);  padding-bottom: 10px;}}
.vl-breadcrumb-list span {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);margin: 0 3px;}
.vl-breadcrumb-list span a {color: var(--ztc-text-text-1);}
.vl-breadcrumb-list span a.active {font-weight: var(--ztc-weight-bold);}
.vl-breadcrumb .shape1 {position: absolute;top: 0;left: 0;z-index: -1;}
.vl-breadcrumb .shape2 {position: absolute;bottom: 0;right: 0;z-index: -1;}
.vl-breadcrumb .shape3 {position: absolute;bottom: 0;right: 0;z-index: -1;}

/*============= BREADCRUMB CSS AREA ENDS===============*/
/*============= SIDEBAR CSS AREA ===============*/
.vl-sidebar-area {position: relative;z-index: 1;}
.vl-sidebar-area .vl-widget-area {position: sticky;top: 120px;}
.vl-sidebar-area .vl-widget-area .vl-search-widget {background: var(--ztc-bg-bg-4);border-radius: 8px;padding: 24px 20px;}
.vl-sidebar-area .vl-widget-area .vl-search-widget .title {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s24);line-height: var(--ztc-specing-height24);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-bottom: 24px;}
.vl-sidebar-area .vl-widget-area .vl-search-widget .search input[type=text] {height: 48px;border-radius: 8px;border: none;color: var(--ztc-text-text-2);font-size: 16px;line-height: 16px;font-weight: 600;}
.vl-sidebar-area .vl-widget-area .vl-search-widget .search span {position: absolute;content: "";height: 48px;width: 48px;background: #FBD459;right: 0;line-height: 48px;text-align: center;border-radius: 8px;cursor: pointer;}
.vl-sidebar-area .vl-widget-area .vl-search-widget .vl-single-service {position: relative;z-index: 1;transition: 0.3s;margin-bottom: 20px;}
.vl-sidebar-area .vl-widget-area .vl-search-widget .vl-single-service:last-child {margin-bottom: 0;}
.vl-sidebar-area .vl-widget-area .vl-search-widget .vl-single-service a {background: var(--ztc-text-text-1);padding: 21px 20px;border-radius: 8px;position: relative;z-index: 1;display: block;color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);transition: 0.3s;}
.vl-sidebar-area .vl-widget-area .vl-search-widget .vl-single-service span {background: var(--ztc-bg-bg-4);height: 32px;width: 32px;border-radius: 50px;display: inline-block;line-height: 32px;text-align: center;position: absolute;right: 20px;top: 14px;z-index: 9;transition: 0.3s;}
.vl-sidebar-area .vl-widget-area .vl-search-widget .vl-single-service span img {transform: rotate(-90deg);transition: 0.3s;}
.vl-sidebar-area .vl-widget-area .vl-search-widget .vl-single-service:hover a {background: var(--ztc-text-text-4);transition: 0.3s;}
.vl-sidebar-area .vl-widget-area .vl-search-widget .vl-single-service:hover span {background: #E4C152;transition: 0.3s;}
.vl-sidebar-area .vl-widget-area .vl-search-widget .vl-single-service:hover img {transform: rotate(0deg);transition: 0.3s;}
.vl-sidebar-area .vl-phone-widget {background: var(--ztc-bg-bg-4);border-radius: 8px;padding: 24px 20px;}
.vl-sidebar-area .vl-phone-widget .title {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s24);line-height: var(--ztc-specing-height34);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);margin-bottom: 24px;}
.vl-sidebar-area .vl-phone-widget .phone {background: var(--ztc-text-text-4);padding: 10px 16px;display: inline-block;border-radius: 50px;color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);}
.vl-sidebar-area .vl-phone-widget .phone span {background: #E4C152;height: 32px;width: 32px;display: inline-block;border-radius: 50px;line-height: 32px;text-align: center;margin-right: 4px;}
.vl-sidebar-area .vl-social-widget {background: var(--ztc-bg-bg-4);padding: 24px 20px;border-radius: 8px;}
.vl-sidebar-area .vl-social-widget .title {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s24);line-height: var(--ztc-specing-height24);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);margin-bottom: 24px;}
.vl-sidebar-area .vl-social-widget .social-icon ul li {display: inline-block;}
.vl-sidebar-area .vl-social-widget .social-icon ul li a {background: var(--ztc-text-text-1);color: var(--ztc-text-text-3);transition: 0.3s;font-size: 20px;height: 40px;width: 40px;line-height: 44px;text-align: center;border-radius: 50px;display: block;margin-right: 12px;}
.vl-sidebar-area .vl-social-widget .social-icon ul li a:hover {background: var(--ztc-text-text-4);transition: 0.3s;}
.vl-sidebar-area .vl-social-widget.social-tags {padding-bottom: 8px;}
.vl-event-content-area .vl-event-content.vl-blg-content .title {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s50);line-height: var(--ztc-specing-height55);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-top: 32px;padding-bottom: 16px;}
@media (max-width: 767px) {.vl-event-content-area .vl-event-content.vl-blg-content .title {font-size: var(--ztc-font-size-font-s28);  line-height: var(--ztc-specing-height40);}}
.vl-event-content-area .vl-event-content .title {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s32);line-height: var(--ztc-specing-height32);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-top: 32px;padding-bottom: 16px;}
@media (max-width: 767px) {.vl-event-content-area .vl-event-content .title {font-size: var(--ztc-font-size-font-s28);  line-height: var(--ztc-specing-height40);}}
.vl-event-content-area .vl-event-content .para {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-event-content-area .vl-event-box-bg {background: var(--ztc-bg-bg-4);border-radius: 8px;padding: 32px 24px;}
.vl-event-content-area .vl-event-box-bg .icon-box {background: var(--ztc-text-text-4);display: flex;padding: 24px;border-radius: 8px;}
.vl-event-content-area .vl-event-box-bg .icon-box .icon span {height: 50px;width: 50px;line-height: 50px;border-radius: 8px;display: block;background: var(--ztc-bg-bg-1);text-align: center;margin-right: 20px;}
.vl-event-content-area .vl-event-box-bg .icon-box .content .title {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s24);line-height: var(--ztc-specing-height24);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-bottom: 16px;}
.vl-event-content-area .vl-event-box-bg .icon-box .content .para {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-event-content-area .vl-event-box-bg .amount {background: var(--ztc-bg-bg-1);border-radius: 50px;display: inline-block;padding: 8px;color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s24);line-height: var(--ztc-specing-height24);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);width: 170px;}
.vl-event-content-area .vl-event-box-bg .amount span {height: 48px;width: 48px;display: inline-block;border-radius: 50px;line-height: 48px;text-align: center;background: var(--ztc-text-text-4);margin-right: 16px;}
.vl-event-content-area .vl-event-box-bg .amount span img {margin-top: -10px;}
.vl-event-content-area .vl-event-box-bg .am-flex {display: flex;align-items: center;padding-top: 16px;padding-bottom: 32px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-event-content-area .vl-event-box-bg .am-flex {display: block;}}
.vl-event-content-area .vl-event-box-bg .am-flex .dlr ul li {display: inline-block;}
.vl-event-content-area .vl-event-box-bg .am-flex .dlr ul li a {background: var(--ztc-bg-bg-1);transition: 0.3s;padding: 8px 12px;border-radius: 50px;display: inline-block;color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);margin-right: 14px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-event-content-area .vl-event-box-bg .am-flex .dlr ul li a {margin-bottom: 10px;}}
.vl-event-content-area .vl-event-box-bg .am-flex .dlr ul li a:hover {background: var(--ztc-text-text-4);transition: 0.3s;}
.vl-event-content-area .vl-event-box-bg .am-flex .contact .customer {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-bold);border: 1px solid #181713;display: inline-block;padding: 8px 8px 8px 20px;border-radius: 50px;margin-left: 18px;transition: 0.3s;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-event-content-area .vl-event-box-bg .am-flex .contact .customer {margin-left: 0px;}}
.vl-event-content-area .vl-event-box-bg .am-flex .contact .customer span {background: var(--ztc-bg-bg-1);height: 36px;width: 36px;display: inline-block;border-radius: 50px;transform: rotate(-45deg);line-height: 36px;text-align: center;}
.vl-event-content-area .vl-event-box-bg .am-flex .contact .customer:hover {background: var(--ztc-text-text-4);}
.vl-event-content-area .vl-event-box-bg .select-method {border-top: 1px solid #000000;border-bottom: 1px solid #000000;padding-bottom: 32px;}
.vl-event-content-area .vl-event-box-bg .select-method .title {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s24);line-height: var(--ztc-specing-height24);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-top: 32px;}
.vl-event-content-area .vl-event-box-bg .select-method .select-meth {display: flex;}
@media (max-width: 767px) {.vl-event-content-area .vl-event-box-bg .select-method .select-meth {display: block;}}
.vl-event-content-area .vl-event-box-bg .select-method .select-meth .ofline {margin-left: 24px;}
@media (max-width: 767px) {.vl-event-content-area .vl-event-box-bg .select-method .select-meth .ofline {margin-left: 0px;  margin-top: 14px;}}
.vl-event-content-area .vl-event-box-bg .select-method .select-meth input#Online {height: 22px;width: 22px;display: inline-block;line-height: 22px;text-align: center;}
.vl-event-content-area .vl-event-box-bg .select-method .select-meth .online {display: flex;align-items: center;}
.vl-event-content-area .vl-event-box-bg .select-method .select-meth .online label {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);margin-left: 4px;}
.vl-event-content-area .vl-event-box-bg .select-method .select-meth input#Offline {height: 22px;width: 22px;display: inline-block;line-height: 22px;text-align: center;}
.vl-event-content-area .vl-event-box-bg .select-method .select-meth .ofline {display: flex;align-items: center;}
.vl-event-content-area .vl-event-box-bg .select-method .select-meth .ofline label {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);margin-left: 4px;}
.vl-event-content-area .vl-event-box-bg .donate-form {margin-top: 32px;}
@media (max-width: 767px) {.vl-event-content-area .vl-event-box-bg .donate-form form {display: block;}}
.vl-event-content-area .vl-event-box-bg .donate-form form input {border-radius: 8px;}
@media (max-width: 767px) {.vl-event-content-area .vl-event-box-bg .donate-form form input {width: 100%;  margin-bottom: 15px;}
  .vl-event-content-area .vl-event-box-bg .donate-form form input:last-child {margin-bottom: 0px;}}
.vl-event-content-area .vl-event-box-bg .donate-form form input::placeholder {color: var(--ztc-text-text-2);font-size: 16px;line-height: 16px;font-weight: 600;}
.vl-event-content-area .vl-event-box-bg .donate-form form input[type=text],
.vl-event-content-area .vl-event-box-bg .donate-form form input[type=email] {color: var(--ztc-text-text-2);font-size: 16px;line-height: 16px;font-weight: 600;}
.vl-event-content-area .vl-event-box-bg .donate-form form input[type=text]::placeholder,
.vl-event-content-area .vl-event-box-bg .donate-form form input[type=email]::placeholder {color: var(--ztc-text-text-2);font-size: 16px;line-height: 16px;font-weight: 600;}
.vl-event-content-area .vl-event-box-bg .total-anoumt {display: flex;align-items: center;justify-content: space-between;margin-top: 12px;}
@media (max-width: 767px) {.vl-event-content-area .vl-event-box-bg .total-anoumt {display: block;}}
.vl-event-content-area .vl-event-box-bg .total-anoumt .content .title {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s24);line-height: var(--ztc-specing-height24);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);}
@media (max-width: 767px) {.vl-event-content-area .vl-event-box-bg .total-anoumt .content .title {margin-top: 15px;}}
.vl-event-content-area .event-content-area .title {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s32);line-height: var(--ztc-specing-height32);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-top: 32px;}
@media (max-width: 767px) {.vl-event-content-area .event-content-area .title {font-size: var(--ztc-font-size-font-s26);  line-height: var(--ztc-specing-height35);}}
.vl-event-content-area .event-content-area .para {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-top: 16px;}
.vl-singlevent-iner .more-title .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);}
@media (max-width: 767px) {.vl-singlevent-iner .more-title .title {font-size: var(--ztc-font-size-font-s34);  line-height: var(--ztc-specing-height44);}}
.sidebar-area-all {position: sticky;top: 130px;}

/*============= SIDEBAR CSS AREA ENDS===============*/
/*============= BLOG CSS AREA ===============*/
.vl-blog-lar-thumb-bg {background-size: cover;background-position: center;background-repeat: no-repeat;border-radius: 8px;}
.vl-blog .vl-section-title-1 {padding: 140px 24px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-blog .vl-section-title-1 {padding: 95px 24px;}}
.vl-blog .vl-section-title-1 .subtitle {border-radius: 50px;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(10px);color: var(--ztc-text-text-1);}
.vl-blog .vl-section-title-1 .title {color: var(--ztc-text-text-1);}
.vl-blog .vl-section-title-1 p {color: var(--ztc-text-text-1);}
.vl-single-event {border-radius: 8px;border: 1px solid rgba(24, 23, 19, 0.1);background: var(--ztc-bg-bg-1);text-align: center;transition: 0.3s;overflow: hidden;}
.vl-single-event-day {border-radius: 8px 8px 0px 0px;color: var(--ztc-text-text-2);background: var(--ztc-bg-bg-4);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-top: 8px;padding-bottom: 8px;transition: 0.3s;}
.vl-single-event-flex {display: flex;justify-content: space-between;align-items: center;padding-top: 27px;padding-bottom: 24px;padding-left: 24px;padding-right: 11px;}
.vl-single-event-flex-num .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);transition: 0.3s;}
.vl-single-event-flex-year {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height30);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);transition: 0.3s;}
.vl-single-event.active .vl-single-event-day {background: var(--ztc-bg-bg-3);color: var(--ztc-text-text-3);}
.vl-single-event.active .vl-single-event-flex {background: var(--ztc-bg-bg-2);}
.vl-single-event.active .vl-single-event-flex .title {color: var(--ztc-text-text-1);}
.vl-single-event.active .vl-single-event-flex-year {color: var(--ztc-text-text-1);}
.vl-single-blog-box {border-radius: 8px;border: 1px solid rgba(24, 23, 19, 0.1);padding: 24px;}
.vl-single-blog-box .sm-thumb {overflow: hidden;border-radius: 8px;}
@media (max-width: 767px) {.vl-single-blog-box .sm-thumb {margin-top: 30px;}}
.vl-single-blog-box .sm-thumb img {height: 162px;border-radius: 8px;object-fit: cover;}
.vl-single-blog-box-content .date {background: var(--ztc-bg-bg-4);color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s16);line-height: var(--ztc-specing-height16);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding: 8px 12px;display: inline-block;border-radius: 8px;}
.vl-single-blog-box-content .date img {margin-right: 2px;margin-top: -3px;}
.vl-single-blog-box-content .title a {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height30);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-top: 20px;padding-bottom: 25px;display: block;transition: 0.3s;}
.vl-single-blog-box-content .title a:hover {color: var(--ztc-text-text-6);transition: 0.3s;}
.vl-single-blog-box-content .details {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);transition: 0.3s;}
.vl-single-blog-box-content .details span {transform: rotate(-45deg);transition: 0.3s;display: inline-block;}
.vl-single-blog-box-content .details:hover {color: var(--ztc-text-text-6);transition: 0.3s;}
.vl-single-blog-box:hover .sm-thumb img {transform: scale(1.1) rotate(-4deg);}
.vl-single-blg-item {position: relative;overflow: hidden;}
.vl-single-blg-item:hover .vl-blg-thumb img {transform: scale(1.1) rotate(-3deg);transition: 0.3s;}
.vl-single-blg-item:hover .vl-meta {background: var(--ztc-text-text-6);transition: 0.3s;}
.vl-single-blg-item:hover .vl-meta ul li a {color: var(--ztc-text-text-1);transition: 0.3s;}
.vl-single-blg-item:hover .vl-meta ul li a .top-minus img {filter: brightness(0) invert(1);}
.vl-single-blg-item .vl-blg-thumb {overflow: hidden;transition: 0.3s;border-radius: 8px;}
.vl-single-blg-item .vl-blg-thumb img {height: 270px;object-fit: cover;transition: 0.3s;}
.vl-single-blg-item .vl-blg-meta {background: var(--ztc-bg-bg-4);padding: 12px 16px;border-radius: 8px;display: flex;justify-content: space-between;position: absolute;left: 26px;right: 26px;margin-top: -24px;transition: 0.3s;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-single-blg-item .vl-blg-meta {left: 10px;  right: 10px;}}
.vl-single-blg-item .vl-blg-meta .vl-meta-flex {display: flex;align-items: center;}
.vl-single-blg-item .vl-blg-meta .vl-meta-flex .vl-meta-icon span {margin-right: 4px;}
.vl-single-blg-item .vl-blg-meta .vl-meta-flex .vl-meta-icon span img {transition: 0.3s;}
.vl-single-blg-item .vl-blg-meta .vl-meta-flex .vl-meta-text .date {display: block;margin-top: 5px;color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s16);line-height: var(--ztc-specing-height16);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);transition: 0.3s;}
.vl-single-blg-item .vl-blg-content {padding-top: 34px;}
.vl-single-blg-item .vl-blg-content .title a {font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height32);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);color: var(--ztc-text-text-3);transition: 0.3s;display: block;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-single-blg-item .vl-blg-content .title a {font-size: var(--ztc-font-size-font-s18);  line-height: var(--ztc-specing-height28);}}
.vl-single-blg-item .vl-blg-content .title a:hover {color: var(--ztc-text-text-6);transition: 0.3s;}
.vl-single-blg-item .vl-blg-content p {font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font);font-weight: var(--ztc-weight-semibold);color: var(--ztc-text-text-2);padding-top: 16px;padding-bottom: 24px;}
.vl-single-blg-item .vl-blg-content .read-more {font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font);font-weight: var(--ztc-weight-bold);color: var(--ztc-text-text-3);transition: 0.3s;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-single-blg-item .vl-blg-content .read-more {font-size: var(--ztc-font-size-font-s18);  line-height: var(--ztc-specing-height18);}}
.vl-single-blg-item .vl-blg-content .read-more:hover {color: var(--ztc-text-text-6);transition: 0.3s;}
.vl-single-blg-item .vl-blg-content .read-more:hover span {transform: rotate(0);transition: 0.3s;}
.vl-single-blg-item .vl-blg-content .read-more span {transform: rotate(-45deg);display: inline-block;transition: 0.3s;}
.vl-single-blg-item .vl-meta {background: var(--ztc-bg-bg-4);padding: 10px 16px;border-radius: 8px;margin-left: 26px;margin-right: 26px;margin-top: -26px;position: relative;z-index: 1;transition: 0.3s;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-single-blg-item .vl-meta {margin-left: 8px;  margin-right: 8px;}}
@media (max-width: 767px) {.vl-single-blg-item .vl-meta {margin-left: 8px;  margin-right: 8px;}}
.vl-single-blg-item .vl-meta ul li {display: inline-block;}
.vl-single-blg-item .vl-meta ul li a {font-size: var(--ztc-font-size-font-s16);line-height: var(--ztc-specing-height16);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);color: var(--ztc-text-text-3);margin-right: 16px;display: block;transition: 0.3s;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-single-blg-item .vl-meta ul li a {font-size: var(--ztc-font-size-font-s14);}}
.vl-single-blg-item .vl-meta ul li a span.top-minus img {display: inline-block;margin-top: -4px;}
.vl-blog-metabox1 {background: #F6F4EE;border-radius: 8px;margin-left: 26px;margin-right: 26px;margin-top: -24px;position: relative;z-index: 1;}
.vl-blog-metabox1 ul li {display: inline-block;margin-right: 16px;}
.vl-blog-metabox1 ul li:last-child {margin-right: 0;}
.vl-blog-metabox1 a {display: block;color: #181713;font-size: 16px;line-height: 16px;font-weight: 600;padding: 12px 16px;}
.vl-blog-metabox1 a:last-child {margin-right: 0;}
.vl-blog-2 .vl-section-title-3 .title {line-height: var(--ztc-specing-height54);padding-top: 28px;}
@media ((max-width: 767px)) {.vl-blog-2 .vl-section-title-3 .title {line-height: var(--ztc-specing-height36);}}
.vl-blog-2 .vl-single-blog-box2 {position: relative;z-index: 1;}
.vl-blog-2 .vl-single-blog-box2 .thumb {overflow: hidden;border-radius: 8px;}
.vl-blog-2 .vl-single-blog-box2 .thumb img {transition: 0.3s;}
.vl-blog-2 .vl-single-blog-box2 .thumb .top-img {position: absolute;right: -14px;top: -15px;}
.vl-blog-2 .vl-single-blog-box2 .blog-content-box {border-radius: 8px;background: var(--ztc-bg-bg-1);box-shadow: 0px 4px 48px 0px rgba(0, 0, 0, 0.09);padding: 24px 20px;margin-left: 30px;margin-right: 30px;margin-top: -50px;position: relative;z-index: 1;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-blog-2 .vl-single-blog-box2 .blog-content-box {margin-left: 0px;  margin-right: 0px;  margin-top: 0px;  padding: 15px;}}
.vl-blog-2 .vl-single-blog-box2 .blog-content-box .meta-flex {display: flex;}
.vl-blog-2 .vl-single-blog-box2 .blog-content-box .meta-flex .meta {display: flex;align-items: center;margin-right: 16px;}
.vl-blog-2 .vl-single-blog-box2 .blog-content-box .meta-flex .meta-icon span {margin-right: 4px;}
.vl-blog-2 .vl-single-blog-box2 .blog-content-box .meta-flex .meta-text {color: var(--ztc-text-text-8);font-size: var(--ztc-font-size-font-s16);line-height: var(--ztc-specing-height16);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);transition: 0.3s;margin-top: 6px;}
.vl-blog-2 .vl-single-blog-box2 .blog-content-box .meta-flex .meta-text:hover {color: var(--ztc-text-text-10);transition: 0.3s;}
.vl-blog-2 .vl-single-blog-box2 .blog-content-box .title {color: var(--ztc-text-text-8);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-top: 28px;padding-bottom: 16px;display: block;transition: 0.3s;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-blog-2 .vl-single-blog-box2 .blog-content-box .title {line-height: var(--ztc-specing-height28);}}
.vl-blog-2 .vl-single-blog-box2 .blog-content-box .title:hover {color: var(--ztc-text-text-10);transition: 0.3s;}
.vl-blog-2 .vl-single-blog-box2 .blog-content-box .para {color: var(--ztc-text-text-9);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height26);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-blog-2 .vl-single-blog-box2 .blog-content-box .learn-more {color: var(--ztc-text-text-8);font-size: var(--ztc-font-size-font-s16);line-height: var(--ztc-specing-height16);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);display: inline-block;padding-top: 26px;transition: 0.3s;}
.vl-blog-2 .vl-single-blog-box2 .blog-content-box .learn-more:hover {color: var(--ztc-text-text-10);transition: 0.3s;}
.vl-blog3 .vl-section-title3 .title {padding-bottom: 0;line-height: var(--ztc-specing-height54);}
@media (max-width: 767px) {.vl-blog3 .vl-section-title3 .title {font-size: var(--ztc-font-size-font-s30);  line-height: var(--ztc-specing-height40);}}
.vl-blog3 .vl-single-blog-item {position: relative;z-index: 1;overflow: hidden;border-radius: 8px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-blog3 .vl-single-blog-item {margin-left: 0px;}}
@media (max-width: 767px) {.vl-blog3 .vl-single-blog-item {margin-left: 0px;}}
.vl-blog3 .vl-single-blog-item .vl-blog-content {background: var(--ztc-text-text-11);padding: 24px;border-radius: 8px;position: absolute;bottom: 20px;left: 20px;right: 20px;}
@media (max-width: 767px) {.vl-blog3 .vl-single-blog-item .vl-blog-content {padding: 14px;  bottom: 10px;  left: 10px;  right: 10px;}}
.vl-blog3 .vl-single-blog-item .vl-blog-thumb img {height: 570px;overflow: hidden;border-radius: 8px;object-fit: cover;}
.vl-blog3 .vl-single-blog-item .vl-blog-content .vl-meta-flex {display: flex;}
.vl-blog3 .vl-single-blog-item .vl-blog-content .vl-meta-flex .vl-blog-meta-flex {display: flex;margin-right: 16px;}
.vl-blog3 .vl-single-blog-item .vl-blog-content .vl-meta-flex .vl-blog-meta-flex .icon {height: 20px;width: 20px;line-height: 20px;}
.vl-blog3 .vl-single-blog-item .vl-blog-content .vl-meta-flex .vl-blog-meta-flex .icon span {margin-right: 4px;display: block;}
.vl-blog3 .vl-single-blog-item .vl-blog-content .vl-meta-flex .vl-blog-meta-flex .text .title {color: var(--ztc-text-text-1);transition: 0.3s;font-size: var(--ztc-font-size-font-s16);line-height: var(--ztc-specing-height16);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-blog3 .vl-single-blog-item .vl-blog-content .vl-meta-flex .vl-blog-meta-flex .text .title:hover {color: var(--ztc-text-text-12);transition: 0.3s;}
.vl-blog3 .vl-single-blog-item .vl-blog-content .vl-content .title {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);transition: 0.3s;padding-top: 16px;display: inline-block;}
@media (max-width: 767px) {.vl-blog3 .vl-single-blog-item .vl-blog-content .vl-content .title {line-height: var(--ztc-specing-height30);}}
.vl-blog3 .vl-single-blog-item .vl-blog-content .vl-content .title:hover {color: var(--ztc-text-text-12);transition: 0.3s;}
.vl-blog3 .vl-single-blog-item .vl-blog-content .vl-content .para {color: rgba(255, 255, 255, 0.8);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-top: 14px;padding-bottom: 25px;}
.vl-blog3 .vl-single-blog-item .vl-blog-content .vl-content .readmore {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);transition: 0.3s;display: inline-block;}
.vl-blog3 .vl-single-blog-item .vl-blog-content .vl-content .readmore span {display: inline-block;transform: rotate(-45deg);transition: 0.3s;}
.vl-blog3 .vl-single-blog-item .vl-blog-content .vl-content .readmore:hover {color: var(--ztc-text-text-12);transition: 0.3s;}
.vl-blog4 .single-blog {overflow: hidden;position: relative;z-index: 1;}
.vl-blog4 .single-blog .blog-thumb {position: relative;overflow: hidden;transition: 0.3s;border-radius: 8px;z-index: 1;}
.vl-blog4 .single-blog .blog-thumb img {object-fit: cover;height: 462px;transition: 0.4s;}
.vl-blog4 .single-blog .blog-content {background: var(--ztc-text-text-14);border-radius: 8px;padding: 25px 20px;position: absolute;left: 24px;right: 24px;bottom: 24px;z-index: 999;}
.vl-blog4 .single-blog .blog-content .meta-flex {display: flex;align-items: center;}
@media (max-width: 767px) {.vl-blog4 .single-blog .blog-content .meta-flex {display: block;}}
.vl-blog4 .single-blog .blog-content .meta-flex .single-meta-box {margin-right: 16px;display: flex;}
@media (max-width: 767px) {.vl-blog4 .single-blog .blog-content .meta-flex .single-meta-box {margin-bottom: 20px;}
  .vl-blog4 .single-blog .blog-content .meta-flex .single-meta-box:last-child {margin-bottom: 0px;}}
.vl-blog4 .single-blog .blog-content .meta-flex .single-meta-box .icon span {margin-right: 4px;height: 20px;width: 20px;display: flex;}
.vl-blog4 .single-blog .blog-content .meta-flex .single-meta-box .icon span img {height: 20px;width: 20px;display: inline-block;}
.vl-blog4 .single-blog .blog-content .meta-flex .single-meta-box .para {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s16);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);display: block;transition: 0.3s;}
.vl-blog4 .single-blog .blog-content .meta-flex .single-meta-box .para:hover {color: var(--ztc-text-text-15);transition: 0.3s;}
.vl-blog4 .single-blog .blog-content .content .title {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height30);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-bottom: 25px;display: block;padding-top: 14px;transition: 0.3s;}
.vl-blog4 .single-blog .blog-content .content .title:hover {color: var(--ztc-text-text-15);transition: 0.3s;}
.vl-blog4 .single-blog .blog-content .content .readmore {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);display: block;transition: 0.3s;}
.vl-blog4 .single-blog .blog-content .content .readmore span {transform: rotate(-45deg);display: inline-block;}
.vl-blog4 .single-blog .blog-content .content .readmore:hover {color: var(--ztc-text-text-15);transition: 0.3s;}
.vl-blog4 .single-blog:hover .blog-thumb img {transform: scale(1.1);transition: 0.4s;}
.vl-blog4 .vl-single-blog-item4 {background: var(--ztc-bg-bg-8);border-radius: 8px;padding-top: 25px;padding-bottom: 15px;padding-left: 20px;padding-right: 20px;}
.vl-blog4 .vl-single-blog-item4 .meta-flex {display: flex;align-items: center;}
.vl-blog4 .vl-single-blog-item4 .meta-flex .single-meta-box {margin-right: 14px;display: flex;align-items: center;}
.vl-blog4 .vl-single-blog-item4 .meta-flex .single-meta-box .icon span {margin-right: 4px;}
.vl-blog4 .vl-single-blog-item4 .meta-flex .single-meta-box .icon span img {margin-right: 4px;}
.vl-blog4 .vl-single-blog-item4 .meta-flex .single-meta-box .para {color: var(--ztc-text-text-15);font-size: var(--ztc-font-size-font-s16);line-height: var(--ztc-specing-height16);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-blog4 .vl-single-blog-item4 .content .title {color: var(--ztc-text-text-15);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height30);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-bottom: 14px;display: block;padding-top: 14px;transition: 0.3s;}
.vl-blog4 .vl-single-blog-item4 .content .title:hover {color: var(--ztc-text-text-14);transition: 0.3s;}
.vl-blog4 .vl-single-blog-item4 .content .para {color: var(--ztc-text-text-16);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);display: block;transition: 0.3s;padding-bottom: 21px;}
.vl-blog4 .vl-single-blog-item4 .content .readmore {color: var(--ztc-text-text-15);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);display: block;transition: 0.3s;}
.vl-blog4 .vl-single-blog-item4 .content .readmore span {transform: rotate(-45deg);display: inline-block;}
.vl-blog4 .vl-single-blog-item4 .content .readmore:hover {color: var(--ztc-text-text-14);transition: 0.3s;}
.vl-blog5 .vl-section-title5 {padding-bottom: 48px;}
.vl-blog5 .vl-section-title5 .title {padding-bottom: 0;}
.vl-blog5 .single-blog-box {overflow: hidden;position: relative;transition: 0.3s;}
.vl-blog5 .single-blog-box .blog-thumb {overflow: hidden;border-radius: 8px;}
.vl-blog5 .single-blog-box .blog-thumb img {border-radius: 8px;position: relative;overflow: hidden;z-index: 1;height: 570px;object-fit: cover;}
.vl-blog5 .single-blog-box .blog-content {background: var(--ztc-text-text-6);padding: 24px;border-radius: 8px;position: absolute;bottom: 20px;left: 20px;right: 20px;z-index: 1;transition: 0.3s;opacity: 0;visibility: hidden;transform: translateY(150px);}
.vl-blog5 .single-blog-box .blog-content .meta-flex {display: flex;}
@media (max-width: 767px) {.vl-blog5 .single-blog-box .blog-content .meta-flex {display: block;}}
.vl-blog5 .single-blog-box .blog-content .meta-flex .meta-icon-box {display: flex;padding-bottom: 20px;margin-right: 16px;}
.vl-blog5 .single-blog-box .blog-content .meta-flex .meta-icon-box .icon span img {height: 20px;width: 20px;margin-right: 4px;}
.vl-blog5 .single-blog-box .blog-content .meta-flex .meta-icon-box .text .title {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s16);line-height: var(--ztc-specing-height16);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);transition: 0.3s;}
.vl-blog5 .single-blog-box .blog-content .title {color: var(--ztc-text-text-1);transition: 0.3s;font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);display: inline-block;}
@media (max-width: 767px) {.vl-blog5 .single-blog-box .blog-content .title {line-height: var(--ztc-specing-height30);}}
.vl-blog5 .single-blog-box .blog-content .para {color: rgba(255, 255, 255, 0.8);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-top: 14px;padding-bottom: 25px;}
.vl-blog5 .single-blog-box .blog-content .readmore {color: var(--ztc-text-text-1);transition: 0.3s;font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);display: inline-block;}
.vl-blog5 .single-blog-box .blog-content .readmore span {transform: rotate(-45deg);transition: 0.3s;display: inline-block;}
.vl-blog5 .single-blog-box.active .blog-content {transform: translateY(0);transition: 0.3s;opacity: 1;visibility: visible;}
.vl-blog-inner .vl-single-blg-item:hover .vl-meta {background: var(--ztc-text-text-4);transition: 0.3s;}
.vl-blog-inner .vl-single-blg-item:hover .vl-meta ul li a {color: var(--ztc-text-text-3);transition: 0.3s;}
.vl-blog-inner .vl-single-blg-item:hover .vl-meta ul li a span img {filter: brightness(0);transition: 0.3s;}
.vl-rec-blog-flex {display: flex;margin-bottom: 20px;}
.vl-rec-blog-flex:last-child {margin-bottom: 0px;}
.vl-rec-blog-thumb {border-radius: 8px;}
.vl-rec-blog-thumb img {border-radius: 8px;height: 100px;width: 100px;margin-right: 13px;}
.vl-rec-blog-content .vl-rec-blog-date {display: flex;align-items: center;margin-bottom: 10px;}
.vl-rec-blog-content .vl-rec-blog-date span img {height: 16px;width: 16px;}
.vl-rec-blog-content .vl-rec-blog-date .dta-blg {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s16);line-height: var(--ztc-specing-height16);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);margin-top: 2px;}
.vl-rec-blog-content-heading .tittle a {color: var(--ztc-text-text-3);transition: 0.3s;font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height30);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);}
.vl-rec-blog-content-heading .tittle a:hover {color: var(--ztc-text-text-6);transition: 0.3s;}
.vl-tags ul li {display: inline-block;}
.vl-tags ul li a {background: var(--ztc-text-text-1);color: var(--ztc-text-text-3);transition: 0.3s;padding: 12px 16px;display: inline-block;border-radius: 8px;font-size: var(--ztc-font-size-font-s16);line-height: var(--ztc-specing-height16);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-bold);margin-right: 14px;margin-bottom: 16px;}
.vl-tags ul li a:hover {background: var(--ztc-text-text-4);transition: 0.3s;}
.vl-blog-grid img {height: 70px;width: 70px;border-radius: 50px;}
.vl-blog-grid {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
.vl-blog-auth-meta {display: flex;justify-content: space-between;margin-top: 32px;}
@media (max-width: 767px) {.vl-blog-auth-meta {display: block;}}
.vl-blog-auth-meta .blg-meta-box span img {height: 40px;width: 40px;border-radius: 50px;margin-right: 6px;}
.vl-blog-auth-meta .auth-title {color: #514F4C;font-size: 18px;line-height: 18px;font-weight: 600;transition: 0.3s;}
.vl-blog-auth-meta .auth-title:hover {color: #514F4C;transition: 0.3s;}
.vl-blog-auth-meta span.calender-icon {height: 20px;width: 20px;display: inline-block;}
.vl-blog-auth-meta .single-meta {display: flex;align-items: center;position: relative;z-index: 1;}
@media (max-width: 767px) {.vl-blog-auth-meta .single-meta {margin-bottom: 15px;}}
.vl-blog-auth-meta .single-meta:last-child {margin-bottom: 0;}
.vl-blog-auth-meta .single-meta .blg-meta-box span img {height: 40px;width: 40px;border-radius: 50px;margin-right: 6px;}
.vl-blog-auth-meta .single-meta .auth-title {color: #514F4C;font-size: 18px;line-height: 18px;font-weight: 600;transition: 0.3s;}
.vl-blog-auth-meta .single-meta .auth-title:hover {color: #514F4C;transition: 0.3s;}
.vl-blog-auth-meta .single-meta .meta-icon span.calender-icon img {height: 20px;width: 20px;}
.vl-blog-auth-meta .single-meta .meta-icon span img {height: 40px;width: 40px;border-radius: 50px;margin-right: 8px;}
.vl-blog-auth-meta .single-meta .meta-content .auth-title {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-blog-meta-box ul li {display: inline-block;position: relative;z-index: 1;margin-right: 16px;padding-right: 16px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-blog-meta-box ul li {margin-right: 10px;}}
.vl-blog-meta-box ul li::after {position: absolute;content: "";height: 16px;width: 1px;background: #514F4C;top: 10px;right: 0;}
.vl-blog-meta-box ul li:last-child::after {display: none;}
.vl-blog-meta-box ul li a {color: #514F4C;font-size: 18px;line-height: 18px;font-weight: 600;}
.vl-blog-meta-box ul li a span img {height: 40px;width: 40px;border-radius: 50px;margin-right: 8px;}
.vl-blog-meta-box ul li a span .icon {height: 20px;width: 20px;display: inline-block;}
.vl-blog-meta-box ul li a span.icon {height: auto;width: 20px;display: inline-block;}
.vl-blg-icon-box .single-blog-box1 {background: var(--ztc-bg-bg-4);transition: 0.3s;border-radius: 8px;padding: 24px 20px;}
.vl-blg-icon-box .single-blog-box1 .title {color: var(--ztc-text-text-3);transition: 0.3s;font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);display: inline-block;}
.vl-blg-icon-box .single-blog-box1 .para {padding-top: 10px;color: var(--ztc-text-text-2);transition: 0.3s;font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-blg-icon-box .single-blog-box1:hover {background: var(--ztc-text-text-4);transition: 0.3s;}

/*============= BLOG CSS AREA ENDS===============*/
/*============= FOOTER CSS AREA ===============*/
.vl-footer-bg-1 {background: var(--ztc-bg-bg-4);padding-top: 240px;margin-top: -172px;}
.vl-footer-bg-3 {background: var(--ztc-bg-bg-7);padding-top: 240px;margin-top: -172px;}
.vl-footer-widget-1 .vl-footer-logo {padding-bottom: 24px;}
.vl-footer-widget-1 .vl-footer-content {color: var(--ztc-text-text-5);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-bottom: 32px;}
.vl-footer-widget-1 .vl-footer-social-1 {margin-bottom: 12px;}
.vl-footer-widget-1 .vl-footer-social-1 ul li {display: inline-block;list-style: none;}
.vl-footer-widget-1 .vl-footer-social-1 ul li a {background: var(--ztc-text-text-1);color: var(--ztc-text-text-3);height: 32px;width: 32px;border-radius: 50px;display: inline-block;text-align: center;line-height: var(--ztc-specing-height34);font-size: var(--ztc-font-size-font-s18);transition: 0.3s;margin-right: 6px;}
.vl-footer-widget-1 .vl-footer-social-1 ul li a:hover {background: var(--ztc-text-text-4);}
.vl-footer-widget-2 .title {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-bottom: 24px;}
.vl-footer-widget-2 .vl-footer-menu ul li {list-style: none;}
.vl-footer-widget-2 .vl-footer-menu ul li a {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);display: block;padding-bottom: 24px;transition: 0.3s;}
.vl-footer-widget-2 .vl-footer-menu ul li a:hover {color: var(--ztc-text-text-6);}
.vl-footer-widget-3 .title {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-bottom: 24px;}
.vl-footer-widget-3 .vl-footer-text a {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-weight: var(--ztc-weight-semibold);transition: 0.3s;}
.vl-footer-widget-3 .vl-footer-icon span {margin-right: 8px;}
.vl-footer-widget-3 .vl-footer-icon-list {display: flex;margin-bottom: 20px;}
.vl-footer-widget-3 .vl-footer-icon-list .vl-footer-icon {width: 33px; height: 33px;}
.vl-footer-widget-3 .vl-footer-icon-list .vl-footer-text {flex: 1;}
.vl-copyright.copyright-border-1 {border-top: 1px solid #E0DED8;padding-top: 24px;}
@media (max-width: 767px) {.vl-copyright {text-align: center;}}
.vl-copyright-text {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);margin-bottom: 30px;}
.vl-copyright-menu {text-align: end;}
@media (max-width: 767px) {.vl-copyright-menu {text-align: start;}}
.vl-copyright-menu ul li {display: inline-block;position: relative;z-index: 1;}
.vl-copyright-menu ul li:after {position: absolute;content: "";left: 14px;top: 0;height: 18px;width: 2px;background: var(--ztc-text-text-2);}
.vl-copyright-menu ul li:first-child:after {display: none;}
.vl-copyright-menu ul li a {display: block;color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);margin-bottom: 30px;margin-left: 28px;position: relative;}
.vl-copyright-menu ul li a:last-child {margin-right: 0;}
.vl-footer-bg-2 {background: var(--ztc-bg-bg-5);padding-top: 80px;margin-top: 0px;}
.vl-footer-bg-2 .vl-footer-widget-1 .vl-footer-content p {color: var(--ztc-text-text-9);}
.vl-footer-bg-2 .vl-footer-widget-1 .vl-footer-social-1 ul li a {color: var(--ztc-text-text-8);transition: 0.3s;}
.vl-footer-bg-2 .vl-footer-widget-1 .vl-footer-social-1 ul li a:hover {color: var(--ztc-text-text-1);background: var(--ztc-text-text-10);transition: 0.3s;}
.vl-footer-bg-2 .vl-footer-widget-2 .title {color: var(--ztc-text-text-8);}
.vl-footer-bg-2 .vl-footer-widget-2 .vl-footer-menu ul li a {color: var(--ztc-text-text-9);transition: 0.3s;}
.vl-footer-bg-2 .vl-footer-widget-2 .vl-footer-menu ul li a:hover {color: var(--ztc-text-text-10);transition: 0.3s;padding-left: 3px;}
.vl-footer-bg-2 .vl-footer-widget-3 .title {color: var(--ztc-text-text-8);}
.vl-footer-bg-2 .vl-footer-widget-3 .vl-footer-icon-list .vl-footer-text a {color: var(--ztc-text-text-9);transition: 0.3s;}
.vl-footer-bg-2 .vl-footer-widget-3 .vl-footer-icon-list .vl-footer-text a:hover {color: var(--ztc-text-text-10);transition: 0.3s;}
.vl-footer-bg-2 .vl-copyright-text {color: var(--ztc-text-text-9);margin-bottom: 28px;border-top: 1px solid #E4DFE9;padding-top: 25px;margin-top: 18px;font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);}
@media (max-width: 767px) {.vl-footer-bg-2 .vl-copyright-text {line-height: var(--ztc-specing-height30);}}
.vl-footer-bg-3 .vl-footer-widget-1 .vl-footer-social-1 ul li a:hover {background: var(--ztc-text-text-12);color: var(--ztc-text-text-1);}
.vl-footer-bg-3 .vl-footer-widget-2 .title {color: var(--ztc-text-text-11);}
.vl-footer-bg-3 .vl-footer-widget-2 .vl-footer-menu ul li a {color: var(--ztc-text-text-13);}
.vl-footer-bg-3 .vl-footer-widget-2 .vl-footer-menu ul li a:hover {color: var(--ztc-text-text-12);}
.vl-footer-bg-3 .vl-footer-widget-3 .title {color: var(--ztc-text-text-11);}
.vl-footer-bg-3 .vl-footer-widget-4 .title {color: var(--ztc-text-text-11);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-bottom: 24px;}
.vl-footer-bg-3 .vl-footer-widget-4 .newsletter-form input[type=email] {height: 50px;border-radius: 8px;border: inherit;padding: 16px;font-size: 18px;line-height: 18px;color: #46475F;font-weight: 600;}
.vl-footer-bg-3 .vl-footer-widget-4 .newsletter-form input[type=email]::placeholder {color: #46475F;font-size: 18px;line-height: 18px;font-weight: 600;}
.vl-footer-bg-3 .vl-footer-widget-4 .newsletter-form .form-btn {background: var(--ztc-text-text-12);width: 100%;padding: 19px;display: inline-block;border-radius: 8px;text-transform: uppercase;color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);margin-top: 16px;position: relative;z-index: 1;transition: 0.3s;}
.vl-footer-bg-3 .vl-footer-widget-4 .newsletter-form .form-btn::after {position: absolute;content: "";height: 40px;width: 40px;background: rgba(255, 255, 255, 0.2);border-radius: 50px;left: 88px;top: 8px;transition: 0.3s;}
.vl-footer-bg-3 .vl-footer-widget-4 .newsletter-form .form-btn:hover:after {width: 100%;height: 100%;left: 0;top: 0;border-radius: inherit;transition: 0.3s;}
.vl-footer-bg-3 .vl-copyright {margin-top: 18px;padding-top: 25px;border-top: 1px solid #D0DBEA;}
.vl-footer-bg-4 {background: var(--ztc-bg-bg-8);padding-top: 80px;}
.vl-footer-bg-4 .single-brand-logo img {width: 170px !important;}
.vl-footer-bg-4 .vl-footer-widget-1 .vl-footer-content .para {color: var(--ztc-text-text-16);}
.vl-footer-bg-4 .vl-footer-widget-1 .vl-footer-social-1 ul li a {background: var(--ztc-text-text-1);transition: 0.3s;color: var(--ztc-text-text-16);}
.vl-footer-bg-4 .vl-footer-widget-1 .vl-footer-social-1 ul li a:hover {background: var(--ztc-text-text-14);transition: 0.3s;color: var(--ztc-text-text-1);}
.vl-footer-bg-4 .vl-footer-widget-2 .title {color: var(--ztc-text-text-15);transition: 0.3s;}
.vl-footer-bg-4 .vl-footer-widget-2 .vl-footer-menu ul li a {color: var(--ztc-text-text-16);transition: 0.3s;}
.vl-footer-bg-4 .vl-footer-widget-2 .vl-footer-menu ul li a:hover {color: var(--ztc-text-text-14);transition: 0.3s;}
.vl-footer-bg-4 .vl-footer-widget-3 .title {color: var(--ztc-text-text-15);}
.vl-footer-bg-4 .vl-footer-widget-3 .vl-footer-icon-list .vl-footer-text a {color: var(--ztc-text-text-16);transition: 0.3s;}
.vl-footer-bg-4 .vl-footer-widget-3 .vl-footer-icon-list .vl-footer-text a:hover {color: var(--ztc-text-text-14);transition: 0.3s;}
.vl-footer-bg-4 .vl-copyright {border-top: 1px solid #E6E2E1;padding-top: 25px;margin-top: 18px;}

#vl-brand-active4 {padding-bottom: 60px;border-bottom: 1px solid rgba(0, 38, 58, 0.1);margin-bottom: 60px;}
.vl-footer-bg-1.vl-footer5 {background: var(--ztc-bg-bg-4);}
.vl-footer-bg-1.vl-footer5 .vl-footer-widget-1 .vl-footer-content .para {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-footer-bg-1.vl-footer5 .vl-footer-widget-1 .vl-footer-social-1 ul li a {background: var(--ztc-text-text-1);color: var(--ztc-text-text-3);transition: 0.3s;}
.vl-footer-bg-1.vl-footer5 .vl-footer-widget-1 .vl-footer-social-1 ul li a:hover {background: var(--ztc-text-text-6);color: var(--ztc-text-text-1);transition: 0.3s;}
.vl-footer-bg-1.vl-footer5 .vl-copyright {border-top: 1px solid #E0DED8;padding-top: 25px;margin-top: 18px;}
.vl-footer-bg-1.vl-footer5 .vl-copyright .vl-copyright-menu ul li a:hover {color: var(--ztc-text-text-6);transition: 0.3s;}
.vl-footer-bg-1.vl-footer5 .vl-footer-widget-3 .vl-footer-icon-list .vl-footer-text a:hover {color: var(--ztc-text-text-6);transition: 0.3s;padding-left: 3px;}

/*============= FOOTER CSS AREA ENDS ===============*/
/*============= HEDAER CSS AREA ===============*/
.commingsoon {height: 280px !important;width: 100%;object-fit: cover;filter: blur(5px);border-radius: 4px;}
.homepage1-body .header-area.homepage1 {position: absolute;width: 100%;z-index: 9999;transition: all 0.4s;}
.homepage1-body .header-area.homepage1 .header-elements {display: flex;align-items: center;justify-content: space-between;position: relative;transition: all 0.4s;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu {position: relative;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li {display: inline-block;position: relative;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb {transition: all 0.4s;position: relative;z-index: 1;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb:hover .img1::after {transform: scale(1);transition: all 0.4s;visibility: visible;opacity: 0.7;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb:hover .homemenu-btn {top: 42%;visibility: visible;opacity: 1;transition: all 0.6s;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .img1 {position: relative;z-index: 1;overflow: hidden;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .img1::after {position: absolute;content: "";height: 100%;width: 100%;left: 0;top: 0;transition: all 0.4s;background: var(--ztc-text-text-2);opacity: 0;border-radius: 4px;transform: scale(0.8);z-index: 1;visibility: hidden;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .img1 img {height: 100%;width: 100%;border-radius: 4px;transition: all 0.4s;border: 1px solid #E5E7EB;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn {position: absolute;top: 30%;z-index: 2;visibility: hidden;opacity: 0;text-align: center;transition: all 0.6s;margin: 0 auto;left: 25%;right: 25%;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1 {color: var(--ztc-text-text-1);transition: all 0.4s;padding: 6px 15px;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-content a {font-family: var(--ztc-family-font1);font-size: var(--ztc-font-size-font-s24);line-height: var(--ztc-font-size-font-s24);font-weight: var(--ztc-weight-semibold);color: var(--ztc-text-text-2);transition: all 0.4s;margin-top: 20px;text-align: center;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li:hover .tp-submenu {visibility: visible;transition: all 0.5s ease-in-out;opacity: 1;z-index: 9;top: 50px;position: absolute;transition: all 0.4s;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li:hover ul.dropdown-padding {visibility: visible;transition: all 0.5s ease-in-out;opacity: 1;z-index: 9;top: 50px;position: absolute;transition: all 0.4s;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a {font-family: var(--ztc-family-font1);font-size: var(--ztc-font-size-font-s18);font-weight: var(--ztc-weight-medium);color: var(--ztc-text-text-2);display: inline-block;transition: all 0.4s;padding: 0 15px;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li:hover > a {transition: all 0.4s;color: var(--ztc-text-text-4) !important;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu {visibility: hidden;opacity: 0;box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;position: absolute;background: var(--ztc-text-text-1);top: 100px;z-index: 1;transition: all 0.4s;border-radius: 5px;padding: 15px;left: -160px;width: 1100px;max-height: 600px;overflow: hidden;overflow-y: scroll;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding {visibility: hidden;opacity: 0;box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;position: absolute;background: var(--ztc-text-text-1);top: 100px;width: 225px;z-index: 1;transition: all 0.4s;border-radius: 5px;padding: 15px;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li.main-small-menu {position: relative;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li.main-small-menu:hover > a {transition: all 0.4s;padding-left: 25px;color: var(--ztc-text-text-4);}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li.main-small-menu:hover > a::after {background: var(--ztc-text-text-4);transition: all 0.4s;visibility: visible;opacity: 1;color: var(--ztc-text-text-4);}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li {display: block;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li a {font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-medium);transition: all 0.4s;padding: 8px;display: inline-block;position: relative;z-index: 1;border-radius: 4px;color: var(--ztc-text-text-2);}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li a::after {position: absolute;content: "";height: 25px;width: 3px;transition: all 0.4s;z-index: -1;left: -10px;top: 20%;border-radius: 4px;display: inline-block;visibility: hidden;opacity: 0;background: var(--ztc-text-text-4);}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li a:hover {padding-left: 25px;color: var(--ztc-text-text-3) !important;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li a:hover::after {border-radius: 4px;visibility: visible;transition: all 0.4s;opacity: 1;left: 0;}
.header-area.homepage1.sticky {position: fixed;top: 0;left: 0;width: 100%;transform: translate3d(0, 0, 0);z-index: 111;-webkit-animation-name: fade-in-down;animation-name: fade-in-down;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;background: var(--ztc-text-text-1);transition: all 0.4s;}
.vl-header-top {background: var(--ztc-bg-bg-2);}
.vl-header-top-content {display: flex;color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s16);line-height: var(--ztc-specing-height16);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-top: 16px;padding-bottom: 16px;}
.vl-header-top-content p {margin-right: 8px;}
.vl-header-top-content .top-contact {color: var(--ztc-text-text-4);font-weight: var(--ztc-weight-bold);}
.vl-header-top-icbox {display: flex;align-items: center;margin-right: 32px;}
.vl-header-top-icbox:last-child {margin-right: 0;}
.vl-header-top-icbox .top-icon span {margin-right: 6px;}
.vl-header-top-icbox .top-content a {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s16);line-height: var(--ztc-specing-height16);font-weight: var(--ztc-weight-semibold);}
.vl-header-top-icon {display: flex;justify-content: end;}
.header-elements.header-elements-1 .header-btn1:after {background: var(--ztc-text-text-1);transition: 0.3s;}
.header-elements.header-elements-1 .header-btn1:hover {color: var(--ztc-text-text-3);transition: 0.3s;}
.header-elements.header-elements-1 .header-btn1:hover span {background: var(--ztc-text-text-4);transition: 0.3s;}

/*============= HEDAER CSS AREA ENDS ===============*/
/*============= MENU CSS AREA STARS ===============*/
.commingsoon {height: 280px !important;width: 100%;object-fit: cover;filter: blur(5px);border-radius: 4px;}
.homepage1-body {overflow-x: hidden;}
.homepage1-body .header-area.homepage1 {position: absolute;width: 100%;z-index: 9999;transition: all 0.4s;}
.homepage1-body .header-area.homepage1.header-3 {position: relative;}
.homepage1-body .header-area.homepage1 .header-elements {display: flex;align-items: center;justify-content: space-between;position: relative;transition: all 0.4s;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu {position: relative;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li {display: inline-block;position: relative;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb {transition: all 0.4s;position: relative;z-index: 1;margin: 0 20px 0 0;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb:last-child {margin: 0;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb:hover .img1::after {transform: scale(1);transition: all 0.4s;visibility: visible;opacity: 0.7;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb:hover .homemenu-btn {top: 50%;visibility: visible;opacity: 1;transition: all 0.6s;transform: translateY(-50%);}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .img1 {position: relative;z-index: 1;overflow: hidden;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .img1::after {position: absolute;content: "";height: 100%;width: 100%;left: 0;top: 0;transition: all 0.4s;background: var(--ztc-text-text-2);opacity: 0;border-radius: 4px;transform: scale(0.8);z-index: 1;visibility: hidden;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .img1 img {height: 100%;width: 100%;border-radius: 4px;transition: all 0.4s;border: 1px solid #E5E7EB;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn {position: absolute;top: 50%;z-index: 2;visibility: hidden;opacity: 0;text-align: center;transition: all 0.6s;margin: 0 auto;left: 10%;right: 10%;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1 {color: var(--ztc-text-text-3);transition: all 0.4s;padding: 8px 8px 8px 12px;background: var(--ztc-text-text-4);border-radius: 50px;display: inline-block;font-size: 20px;line-height: 18px;font-weight: 700;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1.header-btn2 {background: var(--ztc-text-text-10);color: var(--ztc-text-text-1);}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1.header-btn3 {background: var(--ztc-text-text-12);color: var(--ztc-text-text-1);}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1.header-btn4 {background: var(--ztc-text-text-14);color: var(--ztc-text-text-1);}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1.header-btn5 {background: var(--ztc-text-text-6);color: var(--ztc-text-text-1);}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1 span {height: 36px;width: 36px;background: var(--ztc-text-text-1);color: var(--ztc-text-text-3);display: inline-block;line-height: 36px;border-radius: 50px;transform: rotate(-45deg);}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1:hover {transform: translateY(-5px);}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .home-thumb-title {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s17);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-top: 16px;padding-bottom: 16px;text-align: center;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .home-thumb-title {font-size: 15px;}}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-content a {font-family: var(--ztc-family-font1);font-size: var(--ztc-font-size-font-s24);line-height: var(--ztc-font-size-font-s24);font-weight: var(--ztc-weight-semibold);color: var(--ztc-text-text-2);transition: all 0.4s;margin-top: 20px;text-align: center;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li:hover .tp-submenu {visibility: visible;transition: all 0.5s ease-in-out;opacity: 1;z-index: 9;top: 85px;position: absolute;transition: all 0.4s;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li:hover ul.dropdown-padding {visibility: visible;transition: all 0.5s ease-in-out;opacity: 1;z-index: 9;top: 85px;position: absolute;transition: all 0.4s;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a {font-family: var(--ztc-family-font1);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height22);font-weight: var(--ztc-weight-semibold);color: var(--ztc-text-text-1);display: inline-block;transition: all 0.4s;padding: 0 15px;padding-top: 33px;padding-bottom: 33px;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li:hover > a {transition: all 0.4s;color: var(--ztc-text-text-4) !important;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu {visibility: hidden;opacity: 0;box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;position: absolute;background: var(--ztc-text-text-1);top: 100px;z-index: 1;transition: all 0.4s;border-radius: 5px;padding: 15px;left: -287px;width: 1272px;max-height: 600px;overflow: hidden;overflow-y: scroll;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu {left: -237px;  width: 1144px;}}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding {visibility: hidden;opacity: 0;box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;position: absolute;background: var(--ztc-text-text-1);top: 100px;width: 285px;z-index: 1;transition: all 0.4s;border-radius: 5px;padding: 15px;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li.main-small-menu {position: relative;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li.main-small-menu:hover > a {transition: all 0.4s;padding-left: 25px;color: var(--ztc-text-text-4);}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li.main-small-menu:hover > a::after {background: var(--ztc-text-text-4);transition: all 0.4s;visibility: visible;opacity: 1;color: var(--ztc-text-text-4);}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li {display: block;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li a {font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-medium);transition: all 0.4s;padding: 8px;display: inline-block;position: relative;z-index: 1;border-radius: 4px;color: var(--ztc-text-text-3);}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li a::after {position: absolute;content: "";height: 25px;width: 3px;transition: all 0.4s;z-index: -1;left: -10px;top: 20%;border-radius: 4px;display: inline-block;visibility: hidden;opacity: 0;background: var(--ztc-text-text-3);}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li a:hover {padding-left: 25px;color: var(--ztc-text-text-4);}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li a:hover::after {border-radius: 4px;visibility: visible;transition: all 0.4s;opacity: 1;left: 0;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu-2 ul li .tp-submenu {left: -268px;width: 1298px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.homepage1-body .header-area.homepage1 .header-elements .main-menu-2 ul li .tp-submenu {left: -192px;  width: 1144px;}}
.homepage1-body .header-area.homepage1 .header-elements .main-menu-2 ul li a {color: var(--ztc-text-text-1);}
.homepage1-body .header-area.homepage1 .header-elements .main-menu-2 ul li a::after {background: var(--ztc-text-text-8) !important;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu-2 ul li a:hover {color: var(--ztc-text-text-1) !important;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu-2 ul li a:hover::after {background: var-(--ztc-text-text-8) !important;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu-2 ul li:hover > a {transition: all 0.4s;color: rgba(255, 255, 255, 0.8) !important;}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {.homepage1-body .header-area.homepage1 .header-elements .main-menu-3 ul li .tp-submenu {left: -295px;  width: 1322px;}}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.homepage1-body .header-area.homepage1 .header-elements .main-menu-3 ul li .tp-submenu {left: -215px;  width: 1163px;}}
.homepage1-body .header-area.homepage1 .header-elements .main-menu-3 ul li a {color: var(--ztc-text-text-11);}
.homepage1-body .header-area.homepage1 .header-elements .main-menu-3 ul li a::after {background: var(--ztc-text-text-12) !important;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu-3 ul li a:hover::after {background: var(--ztc-text-text-12) !important;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu-3 ul li:hover > a {transition: all 0.4s;color: var(--ztc-text-text-12) !important;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu-4 ul li a {color: var(--ztc-text-text-1);}
.homepage1-body .header-area.homepage1 .header-elements .main-menu-4 ul li a::after {background: var(--ztc-text-text-14) !important;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu-4 ul li a:hover::after {background: var(--ztc-text-text-14) !important;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu-4 ul li:hover > a {transition: all 0.4s;color: var(--ztc-text-text-14) !important;}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {.homepage1-body .header-area.homepage1 .header-elements .main-menu-5 ul li .tp-submenu {left: -287px;  width: 1288px;}}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.homepage1-body .header-area.homepage1 .header-elements .main-menu-5 ul li .tp-submenu {left: -204px;  width: 1144px;}}
.homepage1-body .header-area.homepage1 .header-elements .main-menu-5 ul li a {color: var(--ztc-text-text-3);}
.homepage1-body .header-area.homepage1 .header-elements .main-menu-5 ul li a::after {background: var(--ztc-text-text-6) !important;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu-5 ul li a:hover::after {background: var(--ztc-text-text-6) !important;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu-5 ul li:hover > a {transition: all 0.4s;color: var(--ztc-text-text-6) !important;}
.homepage1-body .header-area.homepage1 .header-elements.header-elements-3 {margin: 0 50px;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu.main-menu-2 ul li ul.dropdown-padding li a {color: var(--ztc-text-text-8) !important;}
.homepage1-body .header-area.homepage1.header-3.sticky {position: fixed;background: var(--ztc-bg-bg-6);top: -20px;}
.homepage1-body .header-area.homepage1.header-3.sticky .header-elements-3 {background: var(--ztc-bg-bg-6);padding: 0px;border-radius: 8px;}
.homepage1-body .header-area.homepage1.header5.sticky {position: fixed;background: var(--ztc-bg-bg-1);top: 0;}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb:last-child {margin: 0;}
.header-elements-1 {border-radius: 84px;border: 1px solid rgba(255, 255, 255, 0.15);background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(14px);padding: 0px 20px;}
.header-elements-3 {background: var(--ztc-bg-bg-6);padding: 0px 20px;border-radius: 8px;}
.header-elements-4 {border-radius: 84px;border: 1px solid rgba(255, 255, 255, 0.15);background: rgba(255, 255, 255, 0.25);backdrop-filter: blur(14px);}
.header-area.homepage1.sticky .header-elements-1 {border-radius: 84px;border: inherit;background: inherit;backdrop-filter: inherit;padding: 0;}
.header-area.homepage1.sticky {position: fixed;top: -16px;left: 0;width: 100%;transform: translate3d(0, 0, 0);z-index: 111;-webkit-animation-name: fade-in-down;animation-name: fade-in-down;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;background: var(--ztc-text-text-3);transition: all 0.4s;}
.header-area.homepage1.sticky.header-area2 {background: var(--ztc-text-text-10);top: 0;}
.homepage1-body .header-area.homepage1.header5 {position: relative;width: 100%;z-index: 9999;transition: all 0.4s;border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.1);background: #FFF;backdrop-filter: blur(14px);}
.homepage1-body .header-area.homepage1.header5 .header-elements-1 {border-radius: 0px;border: transparent;background: transparent;-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px);padding: inherit;}
.homepage1-body .header-area.homepage1.header5 .header-elements-2 {border-bottom: 1px solid #67398B;}
.header-elements.header-elements-2 {border-bottom: 1px solid #67398B;}
.header-area.header4.homepage1.header.header-sticky.sticky {top: -20px;}
.header-area.homepage1.sticky.header-area2 .header-elements.header-elements-2 {border: inherit;}

/*============= MENU CSS AREA ENDS ===============*/
/*============= WORK CSS AREA ===============*/
.vl-work5 {background: var(--ztc-text-text-3);}
.vl-work5 .vl-work-content .vl-section-title5 .subtitle {color: var(--ztc-text-text-1);background: rgba(255, 255, 255, 0.1);}
.vl-work5 .vl-work-content .vl-section-title5 .title {color: var(--ztc-text-text-1);}
.vl-work5 .vl-work-content .vl-section-title5 .para {color: rgba(255, 255, 255, 0.8);}
.vl-work5 .vl-work-content .vl-work-thumb {margin-top: 48px;}
.vl-work5 .vl-work-content .vl-work-thumb img {border-radius: 8px;height: 350px;object-fit: cover;}
.vl-work5 .vl-single-work-box {border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.1);padding: 27px;margin-bottom: 20px;transition: 0.3s;}
.vl-work5 .vl-single-work-box.active {background: var(--ztc-text-text-6);transition: 0.3s;}
.vl-work5 .vl-single-work-box .work-box-flx {display: flex;}
@media (max-width: 767px) {.vl-work5 .vl-single-work-box .work-box-flx {display: block;}}
.vl-work5 .vl-single-work-box .work-box-flx .num span {color: rgba(255, 255, 255, 0.1);font-size: var(--ztc-font-size-font-s60);line-height: var(--ztc-specing-height60);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);margin-right: 22px;transition: 0.3s;}
@media (max-width: 767px) {.vl-work5 .vl-single-work-box .work-box-flx .num span {display: block;  margin-bottom: 20px;}}
.vl-work5 .vl-single-work-box .work-box-flx .content .title {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);transition: 0.3s;padding-bottom: 16px;}
@media (max-width: 767px) {.vl-work5 .vl-single-work-box .work-box-flx .content .title {line-height: var(--ztc-specing-height30);}}
.vl-work5 .vl-single-work-box .work-box-flx .content .para {color: rgba(255, 255, 255, 0.8);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);transition: 0.3s;}
.vl-work5 .ttsingle-box {background: red;padding: 28px;text-align: center;}
.vl-work5 .ttsingle-box.active {background: green;}

/*============= WORK CSS AREA ENDS===============*/
/*============= TEAM CSS AREA ===============*/
.vl-team-bg-1 {background: var(--ztc-bg-bg-4);}
.vl-team-section-title .vl-section-title-1 .subtitle {background: var(--ztc-bg-bg-1);}
.vl-single-team-box {position: relative;}
.vl-single-team-box .vl-team-content {overflow: hidden;background: var(--ztc-bg-bg-1);text-align: center;position: absolute;left: 20px;right: 20px;bottom: -37px;padding-top: 30px;padding-bottom: 30px;border-radius: 8px;height: 98px;transition: 0.3s;}
.vl-single-team-box .vl-team-social {left: 0;right: 0;transform: translateY(-70px);transition: 0.3s;height: 0;}
.vl-single-team-box .vl-team-social ul li {display: inline-block;}
.vl-single-team-box .vl-team-social ul li a {background: var(--ztc-bg-bg-4);height: 32px;width: 32px;line-height: 32px;text-align: center;border-radius: 50px;transition: 0.3s;color: var(--ztc-text-text-3);display: block;margin: 0 4px;}
.vl-single-team-box .vl-team-social ul li a:hover {background: var(--ztc-text-text-4);}
.vl-single-team-box .vl-team-desc .title a {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-bottom: 12px;transition: 0.3s;}
.vl-single-team-box .vl-team-desc span {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);transition: 0.3s;}
.vl-single-team-box:hover .vl-team-social {transform: translateY(0px);transition: 0.3s;height: 32px;margin-bottom: 10px;}
.vl-single-team-box:hover .vl-team-content {height: 150px;}
.vl-single-team-box:hover .vl-team-desc .title a {color: var(--ztc-text-text-6);transition: 0.3s;}
.vl-team4 .vl-single-team-member .thumb {position: relative;z-index: 1;overflow: hidden;border-radius: 8px;}
.vl-team4 .vl-single-team-member .thumb img {border-radius: 8px;transition: 0.3s;}
.vl-team4 .vl-single-team-member .thumb::after {position: absolute;content: "";right: 0;top: 0;height: 100%;width: 0%;background: rgba(0, 38, 58, 0.7);transition: 0.5s;z-index: 999;}
.vl-team4 .vl-single-team-member .thumb-content {position: absolute;bottom: 24px;left: 0;right: 0;z-index: 9999;transform: translateY(74px);opacity: 0;visibility: hidden;transition: 0.5s;}
.vl-team4 .vl-single-team-member .thumb-content .content .title {display: block;color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-bottom: 12px;transition: 0.3s;}
.vl-team4 .vl-single-team-member .thumb-content .content span {color: rgba(255, 255, 255, 0.8);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-bottom: 24px;display: block;}
.vl-team4 .vl-single-team-member .thumb-content .vl-team-social ul li {display: inline-block;}
.vl-team4 .vl-single-team-member .thumb-content .vl-team-social ul li a {display: block;background: var(--ztc-text-text-1);height: 32px;width: 32px;line-height: 32px;border-radius: 50px;color: var(--ztc-text-text-15);transition: 0.3s;margin-right: 8px;}
.vl-team4 .vl-single-team-member .thumb-content .vl-team-social ul li a:hover {background: var(--ztc-text-text-14);color: var(--ztc-text-text-1);transition: 0.3s;}
.vl-team4 .vl-single-team-member:hover .thumb-content {opacity: 1;visibility: visible;transition: 0.5s;transform: translateY(0);}
.vl-team4 .vl-single-team-member:hover .thumb img {transform: scale(1.1);}
.vl-team4 .vl-single-team-member:hover .thumb::after {width: 100%;transition: 0.5s;}

#team4 {position: relative;z-index: 1;}
#team4 .owl-nav button {height: 56px;width: 56px;background: #FFF7F4 !important;display: inline-block;border: 1px solid rgba(80, 79, 78, 0.1);border-radius: 50px;line-height: 56px;font-size: 25px !important;transition: 0.3s;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {#team4 .owl-nav button {margin: 0 15px;  margin-top: 30px;}}
#team4 .owl-nav button:hover {background: var(--ztc-text-text-14) !important;color: var(--ztc-text-text-1) !important;transition: 0.3s;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {#team4 .owl-nav {text-align: center;}}
#team4 button.owl-next {position: absolute;right: -76px;top: 50%;transform: translateY(-50%);}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {#team4 button.owl-next {right: -48px;}}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {#team4 button.owl-next {right: -50px;}}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {#team4 button.owl-next {position: relative;  right: 0;  top: 0;  transform: translateY(0%);}}
#team4 button.owl-prev {position: absolute;left: -76px;top: 50%;transform: translateY(-50%);}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {#team4 button.owl-prev {left: -48px;}}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {#team4 button.owl-prev {left: -50px;}}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {#team4 button.owl-prev {position: relative;  left: 0;  top: 0;  transform: translateY(0%);  margin-right: 0;}}
.vl-team-parent {position: relative;}
.vl-team-parent .vl-team-thumb img {border-radius: 8px;}
.vl-team-parent .vl-team-social ul li {display: inline-block;}
.vl-team-parent .vl-team-social {position: absolute;top: 65%;transform: translateY(150px);margin: 0 auto;text-align: center;left: 0;right: 0;transition: 0.6s;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-team-parent .vl-team-social {transform: translateY(400%);}}
@media (max-width: 767px) {.vl-team-parent .vl-team-social {transform: translateY(420%);}}
.vl-team-parent .vl-team-social ul li a {background: var(--ztc-text-text-1);height: 32px;width: 32px;display: block;line-height: 34px;text-align: center;border-radius: 50px;color: var(--ztc-text-text-3);transition: 0.3s;}
.vl-team-parent .vl-team-social ul li a:hover {background: var(--ztc-text-text-4);color: var(--ztc-text-text-3);transition: 0.3s;}
.vl-team-parent:hover .vl-team-social {transform: translateY(0);}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-team-parent:hover .vl-team-social {transform: translateY(0);}}
@media (max-width: 767px) {.vl-team-parent:hover .vl-team-social {transform: translateY(0);}}
.vl-team-content {background: var(--ztc-text-text-1);border-radius: 8px;padding: 24px;margin-left: 20px;margin-right: 20px;margin-top: -52px;z-index: 99;position: relative;}
.vl-team-content .title {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);transition: 0.3s;display: block;padding-bottom: 12px;}
.vl-team-content .title:hover {color: var(--ztc-text-text-6);transition: 0.3s;}
.vl-team-content span {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);transition: 0.3s;display: block;}

#team1 {position: relative;}
@media only screen and (min-width: 768px) and (max-width: 991px) {#team1 .owl-nav {text-align: center;  margin-top: 30px;}}
@media (max-width: 767px) {#team1 .owl-nav {text-align: center;  margin-top: 30px;}}
#team1 .owl-nav button {background: #fff !important;height: 56px;width: 56px;font-size: 32px !important;border-radius: 50px;transition: 0.3s;}
#team1 .owl-nav button img {margin-top: -5px;}
#team1 .owl-nav button:hover {background: var(--ztc-text-text-6) !important;transition: 0.3s;}
#team1 .owl-nav button:hover i {color: var(--ztc-text-text-1);transition: 0.3s;}
#team1 .owl-nav button:hover img {filter: brightness(0) invert(1);}
#team1 button.owl-prev {position: absolute;top: 36%;left: -80px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {#team1 button.owl-prev {left: -48px;}}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {#team1 button.owl-prev {left: -50px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {#team1 button.owl-prev {position: relative;  top: 0;  left: 0;  margin: 0 10px;}}
@media (max-width: 767px) {#team1 button.owl-prev {position: relative;  top: 0;  left: 0;  margin: 0 10px;}}
#team1 button.owl-next {position: absolute;top: 36%;right: -80px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {#team1 button.owl-next {right: -48px;}}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {#team1 button.owl-next {right: -50px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {#team1 button.owl-next {position: relative;  top: 0;  right: 0;  margin: 0 10px;}}
@media (max-width: 767px) {#team1 button.owl-next {position: relative;  top: 0;  left: 0;  margin: 0 10px;}}
.vl-team-inner .single-team {position: relative;z-index: 1;}
.vl-team-inner .single-team .team-thumb {overflow: hidden;border-radius: 8px;}
.vl-team-inner .single-team .content-box {background: var(--ztc-bg-bg-4);transition: 0.3s;text-align: center;border-radius: 8px;padding: 24px;position: absolute;left: 20px;right: 20px;bottom: -56px;overflow: hidden;}
.vl-team-inner .single-team .content-box .ssocial {height: 0;opacity: 0;visibility: hidden;transition: 0.3s;}
.vl-team-inner .single-team .content-box .ssocial ul li {display: inline-block;}
.vl-team-inner .single-team .content-box .ssocial ul li a {height: 36px;width: 36px;background: var(--ztc-text-text-1);display: block;line-height: 38px;border-radius: 50px;margin: 0 4px;color: var(--ztc-text-text-3);transition: 0.3s;}
.vl-team-inner .single-team .content-box .text .title {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);display: block;transition: 0.3s;}
.vl-team-inner .single-team .content-box .text .title:hover {color: var(--ztc-text-text-6);transition: 0.3s;}
.vl-team-inner .single-team .content-box .text .deseg {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);display: block;padding-top: 12px;}
.vl-team-inner .single-team:hover .ssocial ul li a:hover {background: var(--ztc-text-text-4);transition: 0.3s;}
.vl-team-inner .single-team:hover .content-box .ssocial {margin-bottom: 24px;opacity: 1;visibility: visible;transition: 0.3s;}
.vl-team-inner .single-team:hover .content-box .text {padding-top: 24px;transition: 0.3s;}
.vl-team-inner .single-team .content-box .text {transition: 0.3s;}
.single-team {margin-bottom: 86px;}

/*============= TEAM CSS AREA ENDS ===============*/
/*============= FAQ CSS AREA ===============*/
.vl-faq3 .vl-section-title3 .title {line-height: var(--ztc-specing-height44);padding-bottom: 0;}
@media (max-width: 767px) {.vl-faq3 .vl-section-title3 .title {font-size: var(--ztc-font-size-font-s30);  line-height: var(--ztc-specing-height40);}}
.vl-accordion3 .accordion-button:focus {outline: none;box-shadow: inherit;}
.vl-accordion3 .accordion-item:first-of-type {border-top-left-radius: inherit;border-top-right-radius: inherit;}
.vl-accordion3 .accordion-item:last-of-type {border-bottom-right-radius: inherit;border-bottom-left-radius: inherit;}
.vl-accordion3 .accordion-button:not(.collapsed) {background-color: inherit;box-shadow: inherit;}
.vl-accordion3 .accordion-item:not(.collapsed) {background: var(--ztc-text-text-12) !important;border-radius: 8px !important;}
.vl-accordion3 .accordion-item:not(.collapsed) .accordion-button:not(.collapsed) {box-shadow: inherit;color: var(--ztc-text-text-1);}
.vl-accordion3 .accordion-item:not(.collapsed) .accordion-button:not(.collapsed) span {background: var(--ztc-text-text-1);}
.vl-accordion3 .accordion-item:not(.collapsed) .accordion-button:not(.collapsed) span img {filter: none;}
.vl-accordion3 .accordion-item:not(.collapsed) .accordion-button:not(.collapsed) .accordion-button {color: var(--ztc-text-text-1);}
.vl-accordion3 .accordion-item:not(.collapsed) .accordion-body p {color: rgba(255, 255, 255, 0.8);}
.vl-accordion3 .accordion-button:not(.collapsed) {box-shadow: inherit;}
.vl-accordion3 .accordion-button:not(.collapsed) span img {transform: rotate(-180deg);filter: none;}
.vl-accordion3 .accordion-header .accordion-button {font-size: var(--ztc-font-size-font-s32);line-height: var(--ztc-specing-height32);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);color: var(--ztc-text-text-11);padding-left: 48px;padding-top: 38px;position: relative;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-accordion3 .accordion-header .accordion-button {line-height: var(--ztc-specing-height44);}}
@media (max-width: 767px) {.vl-accordion3 .accordion-header .accordion-button {font-size: var(--ztc-font-size-font-s22);  line-height: var(--ztc-specing-height30);  padding-left: 15px;  padding-top: 15px;}}
.vl-accordion3 .accordion-header .accordion-button span {height: 48px;width: 48px;line-height: 40px;border-radius: 50px;background: var(--ztc-text-text-12);text-align: center;position: absolute;right: 48px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-accordion3 .accordion-header .accordion-button span {right: 20px;}}
@media (max-width: 767px) {.vl-accordion3 .accordion-header .accordion-button span {right: 7px;}}
.vl-accordion3 .accordion-header .accordion-button span img {filter: brightness(0) invert(1);}
.vl-accordion3 .accordion-item {border-radius: 8px;background: #FFF;box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.09);border: inherit;margin-bottom: 32px;position: relative;z-index: 1;}
.vl-accordion3 .accordion-body {padding: inherit;}
.vl-accordion3 .accordion-body p {font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);color: var(--ztc-text-text-11);padding: 48px;padding-top: inherit;}
@media (max-width: 767px) {.vl-accordion3 .accordion-body p {padding: 15px;}}
.vl-accordion3 .accordion-button.collapsed {padding-bottom: 38px;}
@media (max-width: 767px) {.vl-accordion3 .accordion-button.collapsed {padding-bottom: 15px;}}
.vl-accordion3 .accordion-button::after {height: 0;}
.vl-faq5 .vl-section-title5 .title {line-height: var(--ztc-specing-height44);padding-bottom: 0;}
.vl-faq5 .vl-accordion3 .accordion-item:not(.collapsed) {background: var(--ztc-text-text-6) !important;}
.vl-faq5 .vl-accordion3 .accordion-header .accordion-button span {background: var(--ztc-text-text-6) !important;}
.vl-faq5 .vl-accordion3 .accordion-item:not(.collapsed) .accordion-button:not(.collapsed) span {background: var(--ztc-text-text-1) !important;}
.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);}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-faq-inner .title {font-size: var(--ztc-font-size-font-s34);  line-height: var(--ztc-specing-height44);}}
@media (max-width: 767px) {.vl-faq-inner .title {font-size: var(--ztc-font-size-font-s34);  line-height: var(--ztc-specing-height44);}}
.vl-faq-inner .vl-tab-item {display: flex;justify-content: center;}
.vl-faq-inner .vl-accordion-item {border: 1px solid #E8E8E7;border-radius: 8px;margin-bottom: 20px;}
.vl-faq-inner .vl-accordion-item .accordion-button {position: relative;display: flex;align-items: center;width: 100%;padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size: 1rem;color: var(--bs-accordion-btn-color);text-align: left;background-color: rgba(255, 255, 255, 0);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-3);}
.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;}
.vl-faq-inner .vl-accordion-item .accordion-body {padding: 24px 20px;padding-top: 0;color: var(--ztc-text-text-2);font-size: 18px;line-height: 26px;font-weight: 600;}
.vl-faq-inner .vl-accordion-item .accordion-button:not(.collapsed) {background: var(--ztc-text-text-4) !important;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.vl-faq-inner .vl-accordion-item .accordion-body:not(.collapsed) {background: var(--ztc-text-text-4);border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.vl-tab-item {border: 1px solid #E8E8E7;border-radius: 8px;padding: 12px 24px;margin-bottom: 48px;}
.vl-tab-item .nav-pills .nav-link.active, .vl-tab-item .nav-pills .show > .nav-link {background-color: var(--ztc-text-text-4);padding: 12px 24px;font-size: 20px;line-height: 18px;font-weight: 700;color: var(--ztc-text-text-3);}
.vl-tab-item .nav-link {font-size: 20px;line-height: 18px;font-weight: 700;padding: 12px 24px;color: var(--ztc-text-text-3);background: #F6F4EE;}
@media (max-width: 767px) {.vl-tab-item .nav-link {margin-bottom: 15px;}}

/*============= FAQ CSS AREA ENDS===============*/
/*============= CONTACT CSS AREA ===============*/
.vl-contact2 .vl-section-title-3 .title {line-height: var(--ztc-specing-height54);padding-top: 28px;}
@media (max-width: 767px) {.vl-contact2 .vl-section-title-3 .title {line-height: var(--ztc-specing-height36);}}
.vl-contact2 .vl-contact-box {background: var(--ztc-text-text-8);border-radius: 8px;padding: 32px 40px;}
@media (max-width: 767px) {.vl-contact2 .vl-contact-box {padding: 25px;}}
.vl-contact2 .vl-contact-box .topcontent {border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding-bottom: 32px;margin-bottom: 32px;}
.vl-contact2 .vl-contact-box .topcontent .title {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-bottom: 20px;}
.vl-contact2 .vl-contact-box .topcontent p {color: rgba(255, 255, 255, 0.8);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-contact2 .vl-contact-box .icon-list-flex {display: flex;align-items: center;}
@media (max-width: 767px) {.vl-contact2 .vl-contact-box .icon-list-flex {display: block;}}
.vl-contact2 .vl-contact-box .icon-list-flex .icon span {border-radius: 100px;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.1);height: 80px;width: 80px;line-height: 80px;text-align: center;display: block;margin-right: 24px;transition: 0.3s;}
@media (max-width: 767px) {.vl-contact2 .vl-contact-box .icon-list-flex .icon span {margin-bottom: 20px;}}
.vl-contact2 .vl-contact-box .icon-list-flex .content .title {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-bottom: 16px;transition: 0.3s;}
.vl-contact2 .vl-contact-box .icon-list-flex .content .para1 {color: rgba(255, 255, 255, 0.8);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);transition: 0.3s;}
.vl-contact2 .vl-contact-box .box-hover {margin-bottom: 40px;}
.vl-contact2 .vl-contact-box .box-hover:last-child {margin-bottom: 0;}
.vl-contact2 .vl-contact-box .box-hover:hover .icon-list-flex .icon span {background: #fff;transition: 0.3s;}
.vl-contact2 .vl-contact-box .box-hover:hover .icon-list-flex .icon span img {filter: brightness(0);transition: 0.3s;}
.vl-contact2 .vl-contact-box2 {border-radius: 8px;border: 1px solid rgba(23, 8, 34, 0.1);background: var(--ztc-text-text-1);box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.09);padding: 32px;margin-left: 30px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-contact2 .vl-contact-box2 {margin-left: 0px;}}
@media (max-width: 767px) {.vl-contact2 .vl-contact-box2 {padding: 25px;  margin-left: 0px;}}
.vl-contact2 .vl-contact-box2 .title {color: var(--ztc-text-text-8);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-bottom: 16px;}
.vl-contact2 .vl-contact-box2 .para1 {color: var(--ztc-text-text-9);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-bottom: 24px;}
.vl-contact2 .vl-contact-box2 .vl-about-btn {padding-top: 28px;}
.vl-contact2 .vl-form2 input {padding-left: 16px;padding-right: 16px;margin-bottom: 24px;height: 48px;border-radius: 8px;border: 1px solid #E6E6E6;background: var(--ztc-text-text-1);font-size: 16px;line-height: 16px;font-weight: 600;}
.vl-contact2 .vl-form2 input::placeholder {color: var(--ztc-text-text-2);font-size: 16px;line-height: 16px;font-weight: 600;}
.vl-contact2 .vl-form2 textarea {padding-left: 16px;padding-right: 16px;height: 122px;border: 1px solid #E6E6E6;background: var(--ztc-text-text-1);border-radius: 8px;font-size: 16px;font-weight: 600;line-height: 20px;}
.vl-contact2 .vl-form2 textarea::placeholder {color: var(--ztc-text-text-2);font-size: 16px;line-height: 16px;font-weight: 600;}
.vl-contact2 .vl-form2 .nice-select.wide.vl-select {border: 1px solid #E6E6E6;border-radius: 8px;}
.vl-contact2 .vl-form2 .nice-select .option {cursor: pointer;font-weight: 400;line-height: 40px;list-style: none;min-height: 40px;outline: none;padding-left: 18px;padding-right: 29px;text-align: left;-webkit-transition: all 0.2s;transition: all 0.2s;font-weight: 600;}
.vl-contact2 .vl-form2 .nice-select.wide {height: 48px;}
.vl-contact2 .vl-form2 .nice-select:after {height: 8px;width: 8px;}
.vl-contact2 .vl-form2 .nice-select:active, .vl-contact2 .vl-form2 .nice-select.open, .vl-contact2 .vl-form2 .nice-select:focus {border-color: 1px solid #E6E6E6;}
.vl-contact2 .vl-form2 .vl-select span.current {font-size: 16px;line-height: 16px;color: var(--ztc-text-text-2);font-weight: 600;}
.vl-contact3 {background: var(--ztc-bg-bg-7);position: relative;overflow: hidden;z-index: 1;}
.vl-contact3 .shap {position: absolute;right: 0;top: 0;z-index: -1;}
.vl-contact3 .vl-section-title3 .subtitle {background: var(--ztc-text-text-1);}
.vl-contact3 .vl-section-title3 .title {line-height: var(--ztc-specing-height54);padding-top: 16px;padding-bottom: 0px;}
@media (max-width: 767px) {.vl-contact3 .vl-section-title3 .title {font-size: var(--ztc-font-size-font-s30);  line-height: var(--ztc-specing-height40);}}
.vl-contact3 .vl-contact-icon-box {background: var(--ztc-text-text-11);border-radius: 8px;padding: 32px;}
.vl-contact3 .vl-contact-icon-box .vl-top-content {padding-bottom: 32px;margin-bottom: 32px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.vl-contact3 .vl-contact-icon-box .vl-top-content .title {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);}
.vl-contact3 .vl-contact-icon-box .vl-top-content .para {color: rgba(255, 255, 255, 0.8);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-top: 20px;}
.vl-contact3 .vl-contact-icon-box .vl-icon-box-flex {display: flex;align-items: center;margin-bottom: 40px;}
.vl-contact3 .vl-contact-icon-box .vl-icon-box-flex:last-child {margin-bottom: 0;}
.vl-contact3 .vl-contact-icon-box .vl-icon-box-flex .vl-icon span {height: 80px;width: 80px;line-height: 80px;text-align: center;background: rgba(255, 255, 255, 0.1);display: block;transition: 0.3s;border-radius: 50px;margin-right: 24px;}
.vl-contact3 .vl-contact-icon-box .vl-icon-box-flex .vl-text .title {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-bottom: 16px;}
.vl-contact3 .vl-contact-icon-box .vl-icon-box-flex .vl-text .para {color: rgba(255, 255, 255, 0.8);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-contact3 .vl-contact-icon-box .vl-icon-box-flex:hover .vl-icon span {background: var(--ztc-text-text-12);transition: 0.3s;}
.vl-contact3 .vl-contact-from3 {background: var(--ztc-text-text-1);border-radius: 8px;padding: 32px;margin-left: 50px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-contact3 .vl-contact-from3 {margin-left: 0px;}}
.vl-contact3 .vl-contact-from3 .title {color: var(--ztc-text-text-11);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-bottom: 16px;}
.vl-contact3 .vl-contact-from3 .para {color: var(--ztc-text-text-13);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-bottom: 24px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.vl-contact3 .vl-contact-from3 .para br {display: none;}}
.vl-contact3 .vl-contact-from3 .vl-form3 input {border-radius: 8px;border: 1px solid #E6E6E6;background: #FFF;height: 48px;margin-bottom: 24px;padding-left: 16px;padding-right: 16px;font-size: 16px;line-height: 16px;font-weight: 600;color: #46475F;}
.vl-contact3 .vl-contact-from3 .vl-form3 input::placeholder {color: var(--ztc-text-text-13);font-size: 16px;line-height: 16px;font-weight: 600;}
.vl-contact3 .vl-contact-from3 .vl-form3 textarea {font-size: 16px;line-height: 16px;color: #46475F;font-weight: 600;}
.vl-contact3 .vl-contact-from3 .vl-form3 textarea::placeholder {color: var(--ztc-text-text-13);font-weight: 600;}
.vl-contact3 .vl-contact-from3 .vl-form3 select {width: 100%;border-radius: 8px;border: 1px solid #E6E6E6;background: #FFF;height: 48px;padding-left: 16px;padding-right: 16px;margin-bottom: 24px;color: var(--ztc-text-text-13);}
.vl-contact3 .vl-contact-from3 .vl-form3 select:focus {outline: none;}
.vl-contact3 .vl-contact-from3 .vl-form3 select::placeholder {color: var(--ztc-text-text-13);}
.vl-contact3 .vl-contact-from3 .vl-form3 textarea {height: 122px;width: 100%;border-radius: 8px;border: 1px solid #E6E6E6;background: #FFF;padding-left: 16px;padding-right: 16px;color: var(--ztc-text-text-13);}
.vl-contact3 .vl-contact-from3 .vl-form3 textarea::placeholder {color: var(--ztc-text-text-13);}
.vl-contact3 .vl-contact-from3 .vl-form3 button.primary-btn-3 {margin-top: 30px;}
.vl-contact3 .nice-select.wide {width: 100%;height: 48px;}
.vl-contact3 .nice-select:after {border-bottom: 2px solid #999;border-right: 2px solid #999;content: "";display: block;height: 8px;margin-top: -8px;pointer-events: none;position: absolute;right: 12px;top: 50%;-webkit-transform-origin: 66% 66%;-ms-transform-origin: 66% 66%;transform-origin: 66% 66%;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;width: 8px;}
.vl-contact-section-inner .vl-section-content .section-title .subtitle {display: inline-block;background: var(--ztc-bg-bg-4);border-radius: 50px;color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding: 8px 12px;}
.vl-contact-section-inner .vl-section-content .section-title .title {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s44);line-height: var(--ztc-specing-height54);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-top: 16px;padding-bottom: 16px;}
.vl-contact-section-inner .vl-section-content .section-title .para {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=text],
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=email],
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=tel],
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=number],
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=password],
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=url],
.vl-contact-section-inner .vl-section-content .vl-form-inner textarea {outline: none;background-color: #fff;height: 48px;width: 100%;line-height: 48px;font-size: 18px;color: var(--ztc-text-text-2);padding-left: 16px;padding-right: 16px;border: 1px solid #E0E2E3;border-radius: 8px;font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);margin-bottom: 16px;padding-top: 0;}
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=text]::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=email]::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=tel]::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=number]::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=password]::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=url]::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner textarea::placeholder {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-top: 16px;}
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=text]:focus::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=email]:focus::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=tel]:focus::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=number]:focus::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=password]:focus::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=url]:focus::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner textarea:focus::placeholder {opacity: 0;}
.vl-contact-section-inner .vl-section-content .vl-form-inner textarea {height: 120px;}
.vl-contact-section-inner .vl-section-content .vl-form-inner .nice-select.wide.vl-select {height: 48px;margin-bottom: 16px;}
.vl-contact-section-inner .vl-section-content .vl-form-inner .nice-select.wide.vl-select::placeholder {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-contact-section-inner .vl-section-content .vl-form-inner .nice-select:after {border-bottom: 2px solid #999;border-right: 2px solid #999;content: "";display: block;height: 8px;margin-top: -6px;pointer-events: none;position: absolute;right: 16px;top: 50%;-webkit-transform-origin: 66% 66%;-ms-transform-origin: 66% 66%;transform-origin: 66% 66%;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;width: 8px;}
.vl-contact-section-inner .vl-maps iframe.vl-contact-maps {width: 100%;height: 656px;border-radius: 8px;}
.nice-select.wide.vl-select span.current {font-size: 16px;line-height: 16px;color: var(--ztc-text-text-2);font-weight: 600;padding-top: 15px;display: inline-block;}
.nice-select.wide.vl-select {border: 1px solid #E8E8E7;border-radius: 8px;}
.nice-select .option {cursor: pointer;font-weight: 400;line-height: 40px;list-style: none;min-height: 40px;outline: none;padding-left: 18px;padding-right: 29px;text-align: left;-webkit-transition: all 0.2s;transition: all 0.2s;font-weight: 600;}
.vl-icon-box-inner .iconbox {background: var(--ztc-bg-bg-4);padding: 32px;border-radius: 8px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-icon-box-inner .iconbox {padding: 28px;}}
.vl-icon-box-inner .iconbox .icon-box-flex {display: flex;align-items: center;margin-bottom: 32px;}
.vl-icon-box-inner .iconbox .icon-box-flex .icon span {height: 80px;width: 80px;display: block;border-radius: 8px;line-height: 80px;text-align: center;background: var(--ztc-text-text-3);margin-right: 24px;transition: 0.3s;}
.vl-icon-box-inner .iconbox .icon-box-flex .icon span img {transition: 0.3s;}
.vl-icon-box-inner .iconbox .icon-box-flex .icon-content .para {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s16);line-height: var(--ztc-specing-height26);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-bottom: 16px;}
.vl-icon-box-inner .iconbox .icon-box-flex .icon-content .title {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s22);line-height: var(--ztc-specing-height22);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);}
.vl-icon-box-inner .iconbox .contact-number {padding-top: 32px;border-top: 2px solid #fff;position: relative;z-index: 1;}
.vl-icon-box-inner .iconbox .contact-number:after {position: absolute;content: "";left: 0;top: -2px;height: 2px;width: 100px;background: var(--ztc-text-text-4);}
.vl-icon-box-inner .iconbox .contact-number .para {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s16);line-height: var(--ztc-specing-height26);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-icon-box-inner .iconbox.active .icon-box-flex .icon span {background: var(--ztc-text-text-4);transition: 0.3s;}
.vl-icon-box-inner .iconbox.active .icon-box-flex .icon span img {filter: brightness(0);transition: 0.3s;}

/*============= CONTACT CSS AREA ENDS===============*/
/*============= CTA CSS AREA ===============*/
.vl-cta-bg {background-size: cover;background-position: center;background-repeat: no-repeat;overflow: hidden;border-radius: 8px;position: relative;}
.vl-cta-bg:after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;background: #181713;opacity: 0.5;}
.vl-cta-content {padding-top: 70px;padding-bottom: 66px;position: relative;z-index: 1;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-cta-content {padding: 60px;}}
@media (max-width: 767px) {.vl-cta-content {padding: 20px;}}
.vl-cta-content .title {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);color: var(--ztc-text-text-1);}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-cta-content .title {font-size: var(--ztc-font-size-font-s34);  line-height: var(--ztc-specing-height44);}}
@media (max-width: 767px) {.vl-cta-content .title {font-size: var(--ztc-font-size-font-s32);  line-height: var(--ztc-specing-height40);}}
.vl-cta-content p {color: rgba(255, 255, 255, 0.8);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-top: 16px;padding-bottom: 28px;}
.vl-cta-form {width: 370px;position: relative;}
@media (max-width: 767px) {.vl-cta-form {width: 100%;}}
.vl-cta-form input[type=email] {border-radius: 50px;height: 64px;}
.vl-cta-form input[type=email]::placeholder {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-cta-btn {background: var(--ztc-text-text-7);color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-bold);padding: 8px 8px 8px 20px;border-radius: 50px;position: absolute;right: 6px;top: 6px;}
.vl-cta-btn span {background: #fff;height: 36px;width: 36px;display: inline-block;line-height: 36px;text-align: center;border-radius: 50px;transform: rotate(-45deg);}
.vl-cta-shap {position: absolute;}
.vl-cta-shap .shap-1 {left: 0;}
.vl-cta-shap .shap-2 {position: absolute;right: 0;bottom: 0;}
.vl-cta-shap.shap-2 {right: 0;bottom: 0;}
.vl-cta2 {background: var(--ztc-bg-bg-5);position: relative;z-index: 1;overflow: hidden;}
.vl-cta2 .shape {position: absolute;}
.vl-cta2 .shape-1 {top: 17px;left: 26px;}
.vl-cta2 .shape-2 {bottom: 0px;left: 409px;}
.vl-cta2 .shape-3 {top: 0px;right: 333px;}
.vl-cta2 .shape-4 {top: 138px;right: 20px;}
.vl-cta2 .shape-5 {bottom: -20px;right: 20px;}
.vl-cta2 .vl-section-title-3 .title {line-height: var(--ztc-specing-height54);padding-top: 28px;}
@media ((max-width: 767px)) {.vl-cta2 .vl-section-title-3 .title {line-height: var(--ztc-specing-height36);}}
.vl-cta3 .cta-bg {background: var(--ztc-text-text-12);padding-top: 80px;padding-bottom: 50px;padding-left: 48px;border-radius: 8px;overflow: hidden;position: relative;z-index: 1;}
@media (max-width: 767px) {.vl-cta3 .cta-bg {padding: 20px;}}
.vl-cta3 .cta-bg .shap {position: absolute;right: 0;top: 0;z-index: -1;}
.vl-cta3 .cta-bg .cta-thmb3 {text-align: end;padding-right: 100px;border-radius: 8px;overflow: hidden;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-cta3 .cta-bg .cta-thmb3 {padding-right: 48px;}}
@media (max-width: 767px) {.vl-cta3 .cta-bg .cta-thmb3 {padding-right: 0px;}}
.vl-cta3 .cta-bg .cta-thmb3 img {border-radius: 8px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-cta3 .cta-bg .cta-thmb3 img {width: 100%;}}
.vl-cta3 .cta-bg .vl-cta-content3 .title {color: var(--ztc-text-text-1);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);}
@media (max-width: 767px) {.vl-cta3 .cta-bg .vl-cta-content3 .title {font-size: var(--ztc-font-size-font-s30);  line-height: var(--ztc-specing-height40);}}
.vl-cta3 .cta-bg .vl-cta-content3 .para {color: rgba(255, 255, 255, 0.8);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-top: 16px;padding-bottom: 32px;}
.vl-cta3 .cta-bg .vl-cta-content3 .cta-btn .cta-btn1 {background: var(--ztc-text-text-1);display: inline-block;border-radius: 8px;padding: 19px 23px 19px 25px;font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-bold);text-transform: uppercase;transition: 0.3s;color: var(--ztc-text-text-12);position: relative;z-index: 1;margin-right: 14px;}
.vl-cta3 .cta-bg .vl-cta-content3 .cta-btn .cta-btn1:after {position: absolute;content: "";left: 8px;top: 8px;height: 40px;width: 40px;border-radius: 50px;background: #E6F3FF;z-index: -1;transition: 0.3s;}
.vl-cta3 .cta-bg .vl-cta-content3 .cta-btn .cta-btn1::before {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;background: var(--ztc-text-text-11);z-index: -1;border-radius: 8px;transform: scaleX(0);transition: 0.3s;}
.vl-cta3 .cta-bg .vl-cta-content3 .cta-btn .cta-btn1:hover::after {width: 100%;height: 100%;left: 0;top: 0;border-radius: 8px;transition: 0.3s;}
.vl-cta3 .cta-bg .vl-cta-content3 .cta-btn .cta-btn2 {display: inline-block;color: var(--ztc-text-text-1);border: 2px solid var(--ztc-text-text-1);border-radius: 8px;padding: 17px 23px 17px 25px;font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-bold);text-transform: uppercase;transition: 0.3s;position: relative;z-index: 1;}
@media (max-width: 767px) {.vl-cta3 .cta-bg .vl-cta-content3 .cta-btn .cta-btn2 {margin-top: 20px;}}
.vl-cta3 .cta-bg .vl-cta-content3 .cta-btn .cta-btn2:after {position: absolute;content: "";left: 8px;top: 8px;height: 40px;width: 40px;border-radius: 50px;background: #339DFF;transition: 0.3s;z-index: -1;}
.vl-cta3 .cta-bg .vl-cta-content3 .cta-btn .cta-btn2:hover:after {transition: 0.3s;width: 100%;height: 100%;left: 0;top: 0;border-radius: inherit;}
.vl-cta4 .vl-cta-bg4 {background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;z-index: 1;border-radius: 8px;padding-top: 100px;padding-left: 60px;padding-bottom: 70px;overflow: hidden;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-cta4 .vl-cta-bg4 {padding-right: 60px;}}
@media (max-width: 767px) {.vl-cta4 .vl-cta-bg4 {padding: 30px;}}
.vl-cta4 .vl-cta-bg4 .shape {position: absolute;left: 120px;top: 0;height: 100%;width: 100%;}
.vl-cta4 .vl-cta-bg4 .shape img {height: 100%;}
.vl-cta4 .vl-cta-bg4::after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;background: #00263A;opacity: 0.7;z-index: -1;}
.vl-cta4 .vl-cta-bg4 .cta-content {position: relative;z-index: 2;}
.vl-cta4 .vl-cta-bg4 .cta-content .title {color: var(--ztc-text-text-1);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);}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-cta4 .vl-cta-bg4 .cta-content .title {font-size: var(--ztc-font-size-font-s34);  line-height: var(--ztc-specing-height44);}}
@media (max-width: 767px) {.vl-cta4 .vl-cta-bg4 .cta-content .title {font-size: var(--ztc-font-size-font-s32);  line-height: var(--ztc-specing-height40);}
  .vl-cta4 .vl-cta-bg4 .cta-content .title br {display: none;}}
.vl-cta4 .vl-cta-bg4 .cta-content .para {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-top: 16px;padding-bottom: 32px;}
.vl-cta4 .vl-cta-bg4 .cta-content .vl-ctaform {display: flex;}
@media (max-width: 767px) {.vl-cta4 .vl-cta-bg4 .cta-content .vl-ctaform {display: block;}}
.vl-cta4 .vl-cta-bg4 .cta-content .vl-ctaform input {width: 270px;border-radius: 50px;height: 52px;margin-right: 16px;}
@media (max-width: 767px) {.vl-cta4 .vl-cta-bg4 .cta-content .vl-ctaform input {width: 100%;}}
@media (max-width: 767px) {.vl-cta4 .vl-cta-bg4 .cta-content .vl-ctaform .btn-area4 .header-btn1 {width: 100%;  margin-top: 30px;}}
.vl-cta4 .vl-cta-bg4 .vl-ctathumb {position: absolute;top: 0;right: -82px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-cta4 .vl-cta-bg4 .vl-ctathumb {position: relative;  right: 0;}}
.vl-cta-btn5.btn5 {position: absolute;right: 6px;top: 6px;}
.vl-cta-btn5.btn5 .btn-priamry1 {border-radius: 50px !important;}
.vl-cta-btn5.btn5 .btn-priamry1::after {border-radius: 50px;}

/*============= CTA CSS AREA ENDS===============*/
/*============= TESTIMONIAL CSS AREA ===============*/
.vl-testimonial {position: relative;}
.vl-testimonial-bg {background: var(--ztc-text-text-3);}
.vl-testimonial-box {border-radius: 8px;background: rgba(255, 255, 255, 0.1);padding: 32px 24px;position: relative;}
.vl-testimonial-box-icon span {color: var(--ztc-text-text-7);height: 20px;width: 20px;display: inline-block;}
.vl-testimonial-box-content p {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-top: 16px;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 2px solid rgba(255, 255, 255, 0.1);}
.vl-testimonial-box-auth {display: flex;justify-content: space-between;align-items: center;}
.vl-testimonial-box-auth .vl-auth-desc {display: flex;align-items: center;}
.vl-testimonial-box-auth .vl-auth-desc .auth-img {margin-right: 12px;}
.vl-testimonial-box-auth .vl-auth-desc .auth-title .title a {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-bottom: 12px;display: block;transition: 0.3s;}
.vl-testimonial-box-auth .vl-auth-desc .auth-title .title a:hover {color: var(--ztc-text-text-4);transition: 0.3s;}
.vl-testimonial-box-auth .vl-auth-desc .auth-title span {color: rgba(255, 255, 255, 0.8);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-fon12);font-weight: var(--ztc-weight-semibold);}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-testimonial-arow .owl-nav {text-align: center;}}
.vl-testimonial-arow .owl-nav button {background: var(--ztc-text-text-1) !important;height: 56px;width: 56px;line-height: 56px;font-size: 30px !important;border-radius: 50px;transition: 0.3s;color: var(--ztc-text-text-3);}
.vl-testimonial-arow .owl-nav button:hover {background: var(--ztc-text-text-4) !important;transition: 0.3s;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-testimonial-arow .owl-nav button {margin: 0 8px;  margin-top: 20px;}}
.vl-testimonial-arow .owl-prev {position: absolute;top: 50%;transform: translateY(-50%);left: -74px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.vl-testimonial-arow .owl-prev {left: -48px;}}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {.vl-testimonial-arow .owl-prev {left: -50px;}}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-testimonial-arow .owl-prev {position: relative;  left: 0;  transform: translateY(0);}}
.vl-testimonial-arow .owl-prev img {height: 36px;line-height: 36px;margin-top: -3px;margin-left: -3px;}
.vl-testimonial-arow .owl-next {position: absolute;right: -74px;top: 50%;transform: translateY(-50%);}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.vl-testimonial-arow .owl-next {right: -48px;}}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {.vl-testimonial-arow .owl-next {right: -50px;}}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-testimonial-arow .owl-next {position: relative;  left: 0;  transform: translateY(0);}}
.vl-testimonial-arow .owl-next img {height: 36px;line-height: 36px;margin-top: -5px;margin-right: -3px;}
.vl-testimonial-2 {background: var(--ztc-text-text-10);position: relative;z-index: 1;overflow: hidden;}
.vl-testimonial-2 .vl-testimonial-content {position: relative;z-index: 9;}
.vl-testimonial-2 .shape {position: absolute;}
.vl-testimonial-2 .shape.shape-1 {top: 37px;left: 26px;}
.vl-testimonial-2 .shape.shape-2 {top: 55%;left: 26px;}
.vl-testimonial-2 .shape.shape-3 {top: 20px;left: 40%;}
.vl-testimonial-2 .shape.shape-4 {top: 148px;right: 20px;}
.vl-testimonial-2 .shape.shape-5 {top: 458px;right: 20px;}
.vl-testimonial-2 .shape.shape-6 {right: 0px;bottom: 0px;}
.vl-testimonial-2 .large-shape {position: absolute;right: 0;top: 0;height: 100%;z-index: -1;}
.vl-testimonial-2 .large-shape img {height: 100%;}
.vl-testimonial-2 .vl-section-title-3 .subtitle {border-radius: 8px;background: rgba(255, 255, 255, 0.1);color: var(--ztc-text-text-1);}
.vl-testimonial-2 .vl-section-title-3 .title {color: var(--ztc-text-text-1);line-height: var(--ztc-specing-height52);}
@media ((max-width: 767px)) {.vl-testimonial-2 .vl-section-title-3 .title {line-height: var(--ztc-specing-height36);}}
.vl-testimonial-2 .vl-section-title-3 p {color: rgba(255, 255, 255, 0.8);}
.vl-testimonial-2 .vl-single-testimonial-box {border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.15);background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);padding: 32px;position: relative;margin-top: 32px;}
@media ((max-width: 767px)) {.vl-testimonial-2 .vl-single-testimonial-box {padding: 15px;}}
.vl-testimonial-2 .vl-single-testimonial-box .icon ul li {display: inline-block;}
.vl-testimonial-2 .vl-single-testimonial-box .icon ul li span {display: inline-block;border-radius: 4px;background: rgba(255, 255, 255, 0.2);height: 24px;width: 24px;text-align: center;}
.vl-testimonial-2 .vl-single-testimonial-box .icon ul li span img {height: 16px;width: 16px;margin: 0 auto;margin-top: 3px;}
.vl-testimonial-2 .vl-single-testimonial-box .content p {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height30);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-top: 16px;padding-bottom: 32px;}
.vl-testimonial-2 .vl-single-testimonial-box .auth-flex {display: flex;align-items: center;}
.vl-testimonial-2 .vl-single-testimonial-box .auth-flex .thumb img {height: 50px;width: 50px;border-radius: 50px;margin-right: 16px;}
.vl-testimonial-2 .vl-single-testimonial-box .auth-flex .content .title a {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s24);line-height: var(--ztc-specing-height24);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);transition: 0.3s;display: block;padding-bottom: 12px;}
.vl-testimonial-2 .vl-single-testimonial-box .auth-flex .content span {color: rgba(255, 255, 255, 0.8);transition: 0.3s;}
.vl-testimonial-2 .vl-single-testimonial-box .quote-ic {position: absolute;right: 32px;bottom: 32px;}
@media ((max-width: 767px)) {.vl-testimonial-2 .vl-single-testimonial-box .quote-ic {right: 15px;  bottom: 15px;}}
.vl-testimonial-2 .vl-test-thumb-2 {position: relative;z-index: 1;overflow: hidden;border-radius: 8px;}
.vl-testimonial-2 .vl-test-thumb-2 .testi-top-shape {position: absolute;top: -13px;left: -14px;z-index: 1;}

#vl-testimonial-active2 {width: 670px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {#vl-testimonial-active2 {width: 100%;  margin-bottom: 30px;}}
@media (max-width: 767px) {#vl-testimonial-active2 {width: 100%;}}

@media (max-width: 767px) {.vl-test-thumb-2 {margin-top: 30px;}}
.vl-testimonial-content .owl-nav button {background: rgba(255, 255, 255, 0.2) !important;height: 56px;width: 56px;line-height: 57px !important;font-size: 30px !important;border-radius: 50px;transition: 0.3s;margin-top: 32px;backdrop-filter: blur(2px);color: var(--ztc-text-text-1) !important;transition: 0.3s;}
.vl-testimonial-content .owl-nav button:hover {background: var(--ztc-text-text-8) !important;transition: 0.3s;}
.vl-testimonial-content .owl-nav button.owl-prev {margin-right: 12px;}
.vl-testimonial3 {position: relative;z-index: 1;background-size: cover;}
.vl-testimonial3:after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;background: #0E082B;opacity: 0.7;z-index: -1;}
.vl-testimonial3 .vl-section-title3 .subtitle {background: rgba(255, 255, 255, 0.2);color: var(--ztc-text-text-1);}
.vl-testimonial3 .vl-section-title3 .title {color: var(--ztc-text-text-1);line-height: var(--ztc-specing-height54);padding-bottom: 0;}
@media (max-width: 767px) {.vl-testimonial3 .vl-section-title3 .title {font-size: var(--ztc-font-size-font-s30);  line-height: var(--ztc-specing-height40);}}
.vl-testimonial3 .vl-swiper-content {width: 770px;margin: 0 auto;}
.vl-testimonial3 .vl-swiper-content .para {font-size: 28px;line-height: 44px;color: #fff;}
.vl-testimonial3 .vl-testiomonial-auth {padding-top: 48px;}
.vl-testimonial3 .vl-testiomonial-auth .title {color: var(--ztc-text-text-1);font-size: 24px;line-height: 24px;display: block;padding-bottom: 12px;}
.vl-testimonial3 .vl-testiomonial-auth span {color: rgba(255, 255, 255, 0.8);font-size: 18px;line-height: 18px;display: block;}
.vl-testimonial3 .thumb-content {width: 770px;margin: 0 auto;padding-top: 40px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-testimonial3 .thumb-content {width: 100%;}}
@media (max-width: 767px) {.vl-testimonial3 .thumb-content {width: 100%;}}
.vl-testimonial3 .thumb-content .para {color: var(--ztc-text-text-1);font-size: 28px;line-height: 44px;}
.vl-testimonial3 .thumb-content .test-auth {padding-top: 48px;}
.vl-testimonial3 .thumb-content .test-auth .title {font-size: 24px;line-height: 24px;color: #fff;font-weight: 700;display: block;transition: 0.3s;padding-bottom: 16px;}
.vl-testimonial3 .thumb-content .test-auth span {color: rgba(255, 255, 255, 0.8);font-size: 18px;line-height: 18px;font-weight: 600;transition: 0.3s;display: block;}
.vl-testimonial3 .vl-sthumb img {height: 100px;width: 100px;border-radius: 50px;}
.vl-testimonial3 .swiper-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active .vl-sthumb img {border: 1px solid #fff;padding: 5px;height: 100px;width: 100px;border-radius: 50%;}
.testimonial3-section-area {position: relative;z-index: 1;position: relative;z-index: 1;background-size: cover;background-position: center;background-repeat: no-repeat;}
.testimonial3-section-area .span1 {background: rgba(255, 255, 255, 0.2);border-radius: 8px;padding: 8px 12px;color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.testimonial3-section-area .testimonial-heading3 {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s44);line-height: var(--ztc-specing-height54);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-top: 16px;}
.testimonial3-section-area:after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;background: #0E082B;opacity: 0.7;z-index: -1;}
.testimonial3-section-area .testimonial-header-area {margin-bottom: 60px;}
@media (max-width: 767px) {.testimonial3-section-area .testimonial-header-area {margin-bottom: 30px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.testimonial3-section-area .testimonial-header-area {margin-bottom: 30px;}}
.testimonial3-section-area .testimonial-header-area h5 {background: var(--ztc-bg-bg-19);color: var(--ztc-bg-bg-17);}
.testimonial3-section-area .testimonial-header-area h2 {color: var(--ztc-text-text-1);}
.testimonial3-section-area .single-testimonial {cursor: move;margin-top: 32px;}
.testimonial3-section-area .single-testimonial .para {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s28);line-height: var(--ztc-specing-height44);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.testimonial3-section-area .single-testimonial .para br {display: none;}}
.testimonial3-section-area .author-area {margin-top: 40px;display: flex;align-items: center;justify-content: center;}
.testimonial3-section-area .author-area .image {width: 60px;}
.testimonial3-section-area .author-area .heading {text-align: start;}
.testimonial3-section-area .author-area .heading .title {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s24);line-height: var(--ztc-specing-height24);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);text-align: center;}
.testimonial3-section-area .author-area .heading .desc {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);text-align: center;}
.testimonial3-section-area .author-area .heading p {color: rgba(255, 255, 255, 0.7725490196);}
.testimonial3-section-area .author-area .heading a {padding-bottom: 12px;display: inline-block;}
.testimonial3-section-area .author-area .heading a:hover {color: #fff;}
.testimonial3-section-area .testimonial-nav {width: 536px;margin: 0 auto;padding-left: 25px;height: 70px;}
@media (max-width: 767px) {.testimonial3-section-area .testimonial-nav {padding-left: 0;}}
.testimonial3-section-area .testimonial-sliders {position: relative;z-index: 2;}
@media (max-width: 767px) {.testimonial3-section-area .testimonial-arrows {display: flex;  justify-content: center;  margin-top: 30px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.testimonial3-section-area .testimonial-arrows {display: flex;  justify-content: center;  margin-top: 30px;}}
.testimonial3-section-area .testimonial-arrows > div {position: absolute;top: 40%;left: -120px;}
@media (max-width: 767px) {.testimonial3-section-area .testimonial-arrows > div {position: relative;  top: 0;  left: 0;  display: block;  text-align: center;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.testimonial3-section-area .testimonial-arrows > div {position: relative;  top: 0;  left: 0;  display: block;  text-align: center;}}
.testimonial3-section-area .testimonial-arrows .slick-arrow button {width: 60px;height: 60px;text-align: center;line-height: 59px;background: none;border-radius: 50px;transition: all 0.3s;border: 1px solid #867D86;}
.testimonial3-section-area .testimonial-arrows .testimonial-next-arrow {left: auto;right: -120px;}
@media (max-width: 767px) {.testimonial3-section-area .testimonial-arrows .testimonial-next-arrow {right: -6px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.testimonial3-section-area .testimonial-arrows .testimonial-next-arrow {right: -6px;}}
.testimonial3-section-area .testimonial-arrows .slick-arrow button:hover {transition: all 0.3s;background-color: var(--ztc-text-text-12);}
.testimonial3-section-area .single-testimonial-nav.slick-slide {visibility: hidden;height: 80px !important;width: 80px !important;}
.testimonial3-section-area .single-testimonial-nav.slick-slide.slick-active,
.testimonial3-section-area .single-testimonial-nav.slick-slide.slick-active.slick-center {visibility: visible;}
.testimonial3-section-area .single-testimonial-nav.slick-slide.slick-active {opacity: 0.6;transition: all 0.1s;}
.testimonial3-section-area .single-testimonial-nav.slick-slide.slick-active.slick-center {opacity: 1;transition: all 0.1s;margin: 0px 8px;}
.testimonial3-section-area .single-testimonial-nav.slick-slide img {display: block;border-radius: 50%;transition: all 0.1s;transform: scale(0.8);height: 80px;width: 80px !important;width: auto;margin: 0 auto;}
.testimonial3-section-area .single-testimonial-nav.slick-slide.slick-center img {transition: all 0.1s;transform: scale(1);padding: 8px;border: 1px solid rgba(255, 255, 255, 0.603);border-radius: 50%;}
.vl-testimonial4.vl-testimonial-inner .smarrow.abarow.arrow-lft.slick-arrow {background: #F6F4EE !important;}
.vl-testimonial4 {background: var(--ztc-text-text-15);position: relative;overflow: hidden;z-index: 1;}
.vl-testimonial4 .shape {position: absolute;z-index: -1;height: 100%;width: 100%;top: 0;left: 0;right: 0;margin: 0 auto;text-align: center;}
.vl-testimonial4 .shape img {height: 100%;width: 100%;}
.vl-testimonial4 .vl-testimonial-content {margin-left: 33px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-testimonial4 .vl-testimonial-content {margin-left: 0px;}}
.vl-testimonial4 .vl-testimonial-content .vl-section-title4 .subtitle {background: rgba(255, 255, 255, 0.2);color: var(--ztc-text-text-1);transition: 0.3s;}
.vl-testimonial4 .vl-testimonial-content .vl-section-title4 .title {color: var(--ztc-text-text-1);transition: 0.3s;}
.vl-testimonial4 .vl-testimonial-content .vl-section-title4 .para {color: rgba(255, 255, 255, 0.9);}
.vl-testimonial4 .vl-testimonial-content .vl-section-title4 .btn-area4 {margin-bottom: 48px;}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg {border-radius: 8px;background: rgba(255, 255, 255, 0.2);padding-top: 24px;padding-bottom: 28px;padding-left: 32px;padding-right: 32px;transition: 0.3s;}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg.active {background: var(--ztc-text-text-14);transition: 0.3s;}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg.active .icon span {background: var(--ztc-text-text-1);}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg.active .icon span img {filter: inherit;transition: 0.3s;}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg .icon span {border-radius: 50px;background: rgba(255, 255, 255, 0.2);height: 50px;width: 50px;line-height: 50px;text-align: center;display: inline-block;transition: 0.3s;}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg .icon span img {filter: brightness(0) invert(1);transition: 0.3s;}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg .title {color: var(--ztc-text-text-1);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);padding-top: 16px;padding-bottom: 12px;transition: 0.3s;}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg span {color: rgba(255, 255, 255, 0.8);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);transition: 0.3s;}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg.icon-box-bg2 {background: var(--ztc-bg-bg-4);}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg.icon-box-bg2.active {background: var(--ztc-text-text-4);transition: 0.3s;}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg.icon-box-bg2 .icon span {border-radius: 50px;background: var(--ztc-bg-bg-1);}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg.icon-box-bg2 .icon span img {filter: inherit;transition: 0.3s;}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg.icon-box-bg2 .title {color: var(--ztc-text-text-3);}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg.icon-box-bg2 span {color: var(--ztc-text-text-3);}
.vl-testimonial4 .testimonial-slides-wrap {overflow: hidden;}
.vl-testimonial4 .testimonial-slides-wrap ul.slick-dots button {font-size: 0;display: none;}
.vl-testimonial4 .testimonial-slides-wrap .slider-thumb .single-thumb img {height: 550px;width: 470px !important;object-fit: cover;border-radius: 8px;}
.vl-testimonial4 .testimonial-slides-wrap .slider-content-box {background: var(--ztc-text-text-1);padding: 32px;border-radius: 8px;margin-left: 90px;margin-top: -216px;position: relative;z-index: 1;border: 1px solid rgba(0, 0, 0, 0.08);}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-testimonial4 .testimonial-slides-wrap .slider-content-box {margin-bottom: 30px;}}
@media (max-width: 767px) {.vl-testimonial4 .testimonial-slides-wrap .slider-content-box {margin-left: 0px;  padding: 18px;  margin-bottom: 30px;}}
.vl-testimonial4 .testimonial-slides-wrap .slider-content-box .icon ul li {display: inline-block;}
.vl-testimonial4 .testimonial-slides-wrap .slider-content-box .para {padding-top: 13px;padding-bottom: 22px;color: var(--ztc-text-text-16);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height30);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-testimonial4 .testimonial-slides-wrap .slider-content-box .slider-flex {display: flex;align-items: center;}
.vl-testimonial4 .testimonial-slides-wrap .slider-content-box .slider-flex .user {margin-right: 16px;}
.vl-testimonial4 .testimonial-slides-wrap .slider-content-box .slider-flex .user img {height: 50px;width: 50px;border-radius: 50px;}
.vl-testimonial4 .testimonial-slides-wrap .slider-content-box .slider-flex .content .title {color: var(--ztc-text-text-15);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);display: block;padding-bottom: 12px;transition: 0.3s;}
.vl-testimonial4 .testimonial-slides-wrap .slider-content-box .slider-flex .content .title:hover {color: var(--ztc-text-text-14);transition: 0.3s;}
.vl-testimonial4 .testimonial-slides-wrap .slider-content-box .slider-flex .content span {color: var(--ztc-text-text-15);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-testimonial4 .slider-sm .slick-list {overflow: inherit;}
.vl-testimonial4 .smarrow.slick-arrow {background: var(--ztc-bg-bg-8);height: 48px;width: 48px;display: block;line-height: 48px;text-align: center;border-radius: 50px;right: 32px;bottom: 35px;cursor: pointer;font-size: 24px;transition: 0.3s;color: var(--ztc-text-text-15);}
.vl-testimonial4 .smarrow.slick-arrow:hover {background: var(--ztc-text-text-14) !important;transition: 0.3s;}
.vl-testimonial4 .smarrow.slick-arrow.smarrow2 {background: green;}
.vl-testimonial4 span.smarrow.smarrow2.abarow.arrow-lft.slick-arrow {background: #F6F4EE !important;}
.vl-testimonial4 span.smarrow.smarrow2.abarow.arrow-lft.slick-arrow:hover {background: #FBD459 !important;}
.vl-testimonial4 span.smarrow.smarrow2.abarow.arrow-right.slick-arrow {background: #F6F4EE !important;}
.vl-testimonial4 span.smarrow.smarrow2.abarow.arrow-right.slick-arrow:hover {background: #FBD459 !important;}
.vl-testimonial4 span.smarrow.arrow-lft.slick-arrow {position: absolute;right: 96px;}
@media (max-width: 767px) {.vl-testimonial4 span.smarrow.arrow-lft.slick-arrow {right: 56px;}}
.vl-testimonial4 span.smarrow.arrow-right.slick-arrow {position: absolute;right: 32px;z-index: 9;}
@media (max-width: 767px) {.vl-testimonial4 span.smarrow.arrow-right.slick-arrow {right: 6px;}}
.vl-testimonial4.vl-testimonial-inner {background: transparent;}
.vl-testimonial4.vl-testimonial-inner .vl-testimonial-content .vl-section-title4 .subtitle {background: var(--ztc-bg-bg-4);color: var(--ztc-text-text-3);}
.vl-testimonial4.vl-testimonial-inner .vl-testimonial-content .vl-section-title4 .title {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s44);line-height: var(--ztc-specing-height54);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);}
.vl-testimonial4.vl-testimonial-inner .vl-testimonial-content .vl-section-title4 .para {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-testimonial4.vl-testimonial-inner .smarrow.slick-arrow {height: 48px;width: 48px;display: block;line-height: 48px;text-align: center;border-radius: 50px;right: 32px;bottom: 35px;cursor: pointer;font-size: 24px;transition: 0.3s;color: var(--ztc-text-text-15);}
.vl-testimonial4.vl-testimonial-inner .smarrow.slick-arrow:hover {background: var(--ztc-text-text-14) !important;transition: 0.3s;}
.mySwiper .swiper-slide img {transform: scale(0.8);}
.mySwiper .swiper-slide-active img {transform: scale(1);}
.custom-nav button {height: 60px;width: 60px;line-height: 60px;border: 1px solid rgba(255, 255, 255, 0.4);border-radius: 50px;transition: 0.3s;}
.custom-nav button:hover {background: #0085ff;transition: 0.3s;}
.custom-nav button img {margin-top: -6px;}
.custom-nav button.custom-prev {position: absolute;z-index: 2;left: 0;top: 50%;transform: translateY(-50%);}
.custom-nav button.custom-prev img {margin-top: -4px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.custom-nav button.custom-prev {position: relative;  transform: translateY(0);}}
.custom-nav button.custom-next {position: absolute;z-index: 2;right: 0;top: 50%;transform: translateY(-50%);}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.custom-nav button.custom-next {position: relative;  transform: translateY(0);}}
.custom-nav button.custom-next img {margin-top: -4px;}

section.vl-testimonial4.vl-testimonial-inner.testimonial2.sp2 .smarrow.abarow.arrow-lft.slick-arrow {background: #FBD459 !important;}
.vl-testimonial4.vl-testimonial-inner.testimonial2 .smarrow.slick-arrow:hover {background: #FBD459 !important;}
.vl-testimonial4.vl-testimonial-inner .smarrow.slick-arrow {background: #F6F4EE !important;}

/*============= TESTIMONIAL CSS AREA ENDS===============*/
/*============= HERO CSS AREA ===============*/
.vl-hero-shape.shape-2 {right: 0;bottom: 0;}
.vl-hero {position: relative;z-index: 1;}
.vl-hero-bg {background-size: cover;background-position: center;background-repeat: no-repeat;background-color: #ddd;position: relative;z-index: 1;overflow: hidden;}
.vl-hero-bg:after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;background: #181713;opacity: 0.5;z-index: -1;}
.vl-hero-section-title {padding-top: 208px;padding-bottom: 108px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-hero-section-title {padding-top: 120px;}}
.vl-hero-section-title .vl-subtitle {display: inline-block;border-radius: 50px;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(25px);color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-weight: var(--ztc-weight-semibold);font-family: var(--ztc-family-font1);padding: 8px 12px;transform: translateX(100px);opacity: 0;visibility: hidden;transition: 1300ms;}
.vl-hero-section-title .vl-subtitle span {display: inline-block;}
@media (max-width: 767px) {.vl-hero-section-title .vl-subtitle {font-size: var(--ztc-font-size-font-s16);  line-height: var(--ztc-specing-height16);}}
.vl-hero-section-title .vl-title {color: var(--ztc-text-text-1);font-size: 70px;line-height: 75px;font-weight: var(--ztc-weight-bold);font-family: var(--ztc-family-font2);padding-top: 16px;padding-bottom: 16px;transform: translateX(250px);transition: 1400ms;opacity: 0;visibility: hidden;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-hero-section-title .vl-title {font-size: var(--ztc-font-size-font-s55);  line-height: var(--ztc-specing-height55);}}
@media (max-width: 767px) {.vl-hero-section-title .vl-title {font-size: var(--ztc-font-size-font-s48);  line-height: var(--ztc-specing-height50);}}
.vl-hero-section-title p {color: rgba(255, 255, 255, 0.9);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height30);font-weight: var(--ztc-weight-semibold);font-family: var(--ztc-family-font1);padding-bottom: 32px;transform: translateX(250px);transition: 1600ms;opacity: 0;visibility: hidden;}
.vl-hero-shape {position: absolute;}
.vl-hero-shape.shape {transition: 0.3s;}
.vl-hero-shape.shape-1 {top: 0;left: 0;}
.vl-hero-shape.shape-1 img {transform: translateX(-200px);transition: 0.3s;}
.vl-hero-shape.shape-2 {bottom: 0;right: 0;}
.vl-hero-shape.shape-2 img {transform: translateX(200px);transition: 0.3s;}
.vl-hero-social {position: absolute;top: 340px;transition: 1300ms;opacity: 1;visibility: visible;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-hero-social {top: 215px;  left: -44px;}}
.vl-hero-social .title {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-weight: var(--ztc-weight-semibold);font-family: var(--ztc-family-font2);transform: rotate(90deg);position: relative;top: -52px;left: 16px;}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {.vl-hero-social .title {left: 0px;}}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.vl-hero-social .title {left: -4px;}}
.vl-hero-social-icon {position: absolute;right: 17px;}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {.vl-hero-social-icon {right: 35px;}}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.vl-hero-social-icon {right: 39px;}}
.vl-hero-social-icon ul li a {background: #41413F;display: inline-block;height: 32px;width: 32px;text-align: center;border-radius: 50px;line-height: 32px;color: #fff;border: 2px solid #545351;margin-bottom: 8px;transition: 0.3s;}
.vl-hero-social-icon ul li a:hover {background: var(--ztc-text-text-4);transition: 0.3s;border: 2px solid var(--ztc-text-text-4);color: var(--ztc-text-text-3);}
.vl-hero-slider.vl-hero-bg.slick-slide.slick-current.slick-active .vl-hero-shape.shape-1 img {transform: translateX(0px);transition: 1400ms;}
.vl-hero-slider.vl-hero-bg.slick-slide.slick-current.slick-active .vl-hero-shape.shape-2 img {transform: translateX(0px);transition: 1400ms;}
.vl-hero-slider.vl-hero-bg.slick-slide.slick-current.slick-active .vl-hero-section-title .vl-subtitle {opacity: 1;visibility: visible;transform: translateY(0px);transition: 1400ms;}
.vl-hero-slider.vl-hero-bg.slick-slide.slick-current.slick-active .vl-hero-section-title .vl-title {opacity: 1;visibility: visible;transform: translateX(0);transition: 1400ms;}
.vl-hero-slider.vl-hero-bg.slick-slide.slick-current.slick-active .vl-hero-section-title p {opacity: 1;visibility: visible;transform: translateX(0);transition: 1600ms;}
.vl-hero-slider.vl-hero-bg.slick-slide.slick-current.slick-active .vl-hero-section-title .vl-hero-btn .header-btn1 {transform: translateY(0px);opacity: 1;visibility: visible;transition: 1400ms;}
.vl-hero-slider.vl-hero-bg.slick-slide.slick-current.slick-active .vl-hero-section-title .vl-hero-social {transform: translateX(0px);transition: 1300ms;opacity: 1;visibility: visible;}
.vl-arrow span {background: var(--ztc-text-text-1);color: var(--ztc-text-text-3);height: 56px;width: 56px;display: inline-block;line-height: 56px;text-align: center;font-size: 25px;border-radius: 50px;cursor: pointer;transition: 0.3s;}
.vl-arrow span:hover {background: var(--ztc-text-text-4);}
.vl-arrow .prev-arow {position: absolute;right: 24px;bottom: 100px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-arrow .prev-arow {bottom: 140px;}}
.vl-arrow .next-arow {position: absolute;right: 24px;bottom: 20px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-arrow .next-arow {bottom: 73px;}}
.vl-banner2 {padding-top: 176px;padding-bottom: 220px;background-size: cover;background-position: center;background-repeat: no-repeat;background-position: bottom;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-banner2 {padding-top: 145px;  padding-bottom: 145px;}}
@media (max-width: 767px) {.vl-banner2 {padding-top: 145px;  padding-bottom: 145px;}}
.vl-banner2-content p {font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height30);color: rgba(255, 255, 255, 0.9);margin-left: 93px;font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-banner2-content p {margin-left: 0px;}}
.vl-banner-shape-2 {position: absolute;}
.vl-banner-shape-2.shape-1 {left: 0;}
.vl-banner-shape-2.shape-2 {bottom: 146px;left: 355px;}
.vl-banner-shape-2.shape-3 {left: 40%;top: 18%;}
.vl-banner-shape-2.shape-4 {right: 24%;top: 53%;}
.vl-banner-shape-2.shape-5 {bottom: 0;}
.vl-banner-shape-2.shape-6 {top: 0;right: 0;height: 100%;}
.banner-thmub3.d-lg-none img {border-radius: 8px;}
@media (max-width: 767px) {.banner-thmub3.d-lg-none {margin-top: 82px;  margin-bottom: 30px;}}
.vl-banner-3 {position: relative;margin-left: 50px;margin-right: 50px;background-size: cover;background-position: center;}
@media (max-width: 767px) {.vl-banner-3 {margin-left: 0;  margin-right: 0;}}
.vl-banner-3 .vl-banner-content {position: relative;height: 675px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-banner-3 .vl-banner-content {height: 100%;}}
@media (max-width: 767px) {.vl-banner-3 .vl-banner-content {height: 100%;}}
.vl-banner-3 .banner-thumb img {position: absolute;width: 100%;}
.vl-banner-3 .vl-section-heading3 {padding: 400px 0 0;position: relative;display: flex;align-items: end;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-banner-3 .vl-section-heading3 {display: block;  padding-top: 50px;}}
@media (max-width: 767px) {.vl-banner-3 .vl-section-heading3 {padding: 0;}}
.vl-banner-3-bg {background-image: url(/assets/img/banner/banner3.png);height: 770px;background-size: cover;background-repeat: round;margin-left: 57px;margin-right: 57px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-banner-3-bg {background-repeat: no-repeat;  background-position: center;  height: auto;  background-size: contain;  margin-top: -210px;  margin-left: 24px;  margin-right: 24px;}}
@media (max-width: 767px) {.vl-banner-3-bg {background-image: url(/assets/img/banner/vl-banner-3.png);  background-repeat: no-repeat;  background-position: center;  height: auto;  background-size: contain;  margin-top: -282px;  margin-left: 15px;  margin-right: 15px;  border-radius: 8px;}}
.vl-banner-3-bg .vl-section-heading3 {padding-top: 447px;display: flex;align-items: end;justify-content: space-between;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-banner-3-bg .vl-section-heading3 {display: block;  padding-top: 585px;}}
.vl-section-banner4 {position: relative;z-index: 1;overflow: hidden;}
.vl-section-banner4 .shape2 {position: absolute;right: 0;top: 140px;}
.vl-section-banner4 .shape3 {position: absolute;bottom: 0;}
.vl-section-banner4 .shape {position: absolute;top: 0;height: 100%;width: 100%;z-index: -1;}
.vl-section-banner4 .vl-padding-top .vl-section-title {padding-top: 214px;padding-bottom: 110px;}
.vl-section-banner4 .vl-section-title .subtitle {border-radius: 50px;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(25px);display: inline-block;color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding: 8px 12px;}
.vl-section-banner4 .vl-section-title .subtitle span img {height: 20px;width: 20px;display: inline-block;}
.vl-section-banner4 .vl-section-title .title {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s80);line-height: var(--ztc-specing-height82);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-top: 16px;padding-bottom: 16px;}
.vl-section-banner4 .vl-section-title .para {color: rgba(255, 255, 255, 0.9);font-family: var(--ztc-family-font1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height30);font-weight: var(--ztc-weight-semibold);}
.baner4-active .slick-dots::after {position: absolute;content: "";height: 100px;width: 4px;background-image: url(/assets/img/icons/vl-dot-line-3.2.svg);background-size: cover;z-index: 1;left: 18px;top: 90px;}
.baner4-active .slick-dots::before {position: absolute;content: "";height: 100px;width: 4px;background-image: url(/assets/img/icons/vl-dot-line-3.1.svg);background-size: cover;z-index: 1;left: 18px;top: -113px;}
.baner4-active .slick-dots li.slick-active {background: var(--ztc-text-text-14);position: relative;height: 10px;width: 10px;}
.baner4-active .slick-dots li.slick-active:after {position: absolute;content: "";height: 20px;width: 20px;border: 1px solid var(--ztc-text-text-14);border-radius: 50px;left: -5px;top: -5px;}
.baner4-active {height: 782px;overflow: hidden;position: relative;z-index: 1;background-size: cover;background-position: center;background-repeat: no-repeat;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.baner4-active {height: auto;}}
@media (max-width: 767px) {.baner4-active {height: auto;}}
.baner4-active .slick-dots {position: absolute;top: 50%;transform: translateY(-50%);left: 18px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.baner4-active .slick-dots {right: 10px;  left: auto;}}
@media (max-width: 767px) {.baner4-active .slick-dots {right: 0px;  left: auto;  top: 60%;}}
.baner4-active .slick-dots li {background: #fff;height: 12px;width: 12px;border-radius: 50px;margin: 12px 14px;text-align: center;line-height: 12px;font-size: 0;cursor: pointer;}
.vl-banner4 {position: relative;z-index: 1;overflow: hidden;height: 782px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-banner4 {height: auto;}}
@media (max-width: 767px) {.vl-banner4 {height: auto;}}
.vl-banner4 .shape {position: absolute;left: 117px;height: 100%;width: 100%;}
.vl-banner4 .shape img {height: 100%;}
.vl-banner4 .shape2 {position: absolute;right: 0;}
.vl-banner4 .shape3 {position: absolute;bottom: 0;}
.vl-banner4 .banner-content {padding-top: 214px;padding-bottom: 118px;transform: translateX(-400px);opacity: 0;visibility: hidden;transition: 1600ms;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-banner4 .banner-content {padding-bottom: 0px;}}
@media (max-width: 767px) {.vl-banner4 .banner-content {padding-top: 180px;  padding-bottom: 20px;}}
.vl-banner4 .banner-content .subtitle {border-radius: 50px;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(25px);display: inline-block;color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding: 8px 12px;}
@media (max-width: 767px) {.vl-banner4 .banner-content .subtitle {font-size: var(--ztc-font-size-font-s16);  line-height: var(--ztc-specing-height16);}}
.vl-banner4 .banner-content .subtitle img {display: inline-block;margin-right: 4px;}
.vl-banner4 .banner-content .title {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s80);line-height: var(--ztc-specing-height82);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding-top: 16px;padding-bottom: 16px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-banner4 .banner-content .title {font-size: var(--ztc-font-size-font-s60);  line-height: var(--ztc-specing-height70);}
  .vl-banner4 .banner-content .title br {display: none;}}
@media (max-width: 767px) {.vl-banner4 .banner-content .title {font-size: var(--ztc-font-size-font-s34);  line-height: var(--ztc-specing-height44);}
  .vl-banner4 .banner-content .title br {display: none;}}
.vl-banner4 .banner-content .para {color: rgba(255, 255, 255, 0.9);font-family: var(--ztc-family-font1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height30);font-weight: var(--ztc-weight-semibold);}
.vl-banner4 .vl-banner-thumb {position: absolute;top: 40px;transform: translateY(500px);opacity: 0;visibility: hidden;transition: 1500ms;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-banner4 .vl-banner-thumb {position: relative;}}
@media (max-width: 767px) {.vl-banner4 .vl-banner-thumb {position: relative;}}
.vl-banner4.slick-active .banner-content {transform: translateY(0px);transition: 1400ms;opacity: 1;visibility: visible;}
.vl-banner4.slick-active .vl-banner-thumb {transform: translateX(0px);opacity: 1;visibility: visible;transition: 1500ms;}
.vl-banner5 {background: var(--ztc-bg-bg-4);position: relative;z-index: 1;padding-top: 120px;padding-bottom: 120px;overflow: hidden;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-banner5 {padding-top: 220px;  padding-bottom: 0px;}}
@media (max-width: 767px) {.vl-banner5 {padding-top: 150px;  padding-bottom: 0px;}}
.vl-banner5 .section-title .subtitle {border-radius: 8px;background: rgba(1, 113, 93, 0.1);padding: 8px 12px;display: inline-block;font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);color: var(--ztc-text-text-6);}
@media (max-width: 767px) {.vl-banner5 .section-title .subtitle {font-size: var(--ztc-font-size-font-s16);  line-height: var(--ztc-specing-height16);}}
.vl-banner5 .section-title .title {font-size: var(--ztc-font-size-font-s60);line-height: var(--ztc-specing-height70);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);color: var(--ztc-text-text-3);padding-top: 16px;padding-bottom: 16px;}
@media (max-width: 767px) {.vl-banner5 .section-title .title {font-size: var(--ztc-font-size-font-s30);  line-height: var(--ztc-specing-height40);}}
.vl-banner5 .section-title .para {font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height30);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);color: var(--ztc-text-text-2);}
.vl-banner5 .vl-banner-thumb {position: absolute;bottom: 0;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-banner5 .vl-banner-thumb {position: relative;}}
@media (max-width: 767px) {.vl-banner5 .vl-banner-thumb {position: relative;}}
.vl-banner5 .shape {position: absolute;}
.vl-banner5 .shape.shape-1 {bottom: 47px;left: 40%;}
.vl-banner5 .shape.shape-2 {bottom: 0;left: 30px;}
.vl-banner5 .shape.shape-3 {top: 130px;left: 45%;}
.vl-banner5 .shape.shape-4 {right: 0;top: 30%;}
.vl-banner5 .shape.shape-5 {right: 0;z-index: -1;}

@keyframes cssAnimation {from {-webkit-transform: scale(1) translate(0px);}
  to {-webkit-transform: scale(1.3) translate(0px);}}
@-webkit-keyframes cssAnimation {from {-webkit-transform: scale(1) translate(0px);}
  to {-webkit-transform: scale(1.3) translate(0px);}}
/*============= HERO CSS AREA ENDS ===============*/
/*============= ABOUT CSS AREA ===============*/
.vl-about-icon-box {background: var(--ztc-bg-bg-4);border-radius: 7px;padding: 28px 24px;display: flex;margin-right: 100px;}
@media (max-width: 767px) {.vl-about-icon-box {display: block;  margin-right: 0px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-about-icon-box {display: block;  margin-right: 0px;}}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.vl-about-icon-box {margin-right: 30px;}}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {.vl-about-icon-box {margin-right: 34px;}}
.vl-about-icon-box:hover .vl-about-icon span {transform: rotateY(180deg);transition: 0.3s;}
.vl-about-icon-box .vl-about-icon span {height: 80px;width: 80px;line-height: 80px;text-align: center;border-radius: 50px;background: var(--ztc-text-text-1);display: inline-block;transition: 0.3s;margin-right: 20px;}
.vl-about-icon-box .vl-icon-content .title a {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);transition: 0.3s;padding-bottom: 16px;display: block;}
@media (max-width: 767px) {.vl-about-icon-box .vl-icon-content .title a {padding-top: 20px;  line-height: var(--ztc-specing-height28);}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-about-icon-box .vl-icon-content .title a {padding-top: 20px;  line-height: var(--ztc-specing-height28);}}
.vl-about-icon-box .vl-icon-content .title a:hover {color: var(--ztc-text-text-6);}
.vl-about-icon-box .vl-icon-content p {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);transition: 0.3s;}
.vl-about-sm-content p {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-weight: var(--ztc-weight-semibold);font-family: var(--ztc-family-font1);padding-bottom: 20px;}
.vl-about-sm-thumb {padding-top: 30px;}
.vl-about-large-thumb img {height: 585px;object-fit: cover;border-radius: 8px;}
.vl-about-sm-thumb img {height: 312px;object-fit: cover;border-radius: 8px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-about-sm-thumb img {height: 373px;}}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.vl-about-sm-thumb img {height: 288px;}}
.fix {overflow: hidden;}
.vl-mission .thumb-shape {position: absolute;right: 0;z-index: 1;top: -255px;}
.vl-mission .vl-mission-img {position: absolute;top: -255px;right: 0;overflow: hidden;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.vl-mission .vl-mission-img {right: -166px;}}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-mission .vl-mission-img {position: relative;  top: 0;  border-radius: 8px;}}
.vl-mission .top-shape img {position: absolute;top: -16px;left: -16px;height: 100px;width: 100px;z-index: 2;}
.vl-mission .img1 .thumb1 {border-bottom-left-radius: 8px;}
.vl-mission-thumb {position: absolute;top: -255px;right: 0;border-radius: 8px;}
.vl-mission-thumb img {position: relative;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-mission-thumb {position: relative;  top: 0px;  overflow: hidden;  border-radius: 8px;}}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-mission-content {margin-bottom: 30px;}}
.vl-mission-content .title {color: var(--ztc-text-text-8);font-size: var(--ztc-font-size-font-s24);line-height: var(--ztc-specing-height24);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);}
.vl-mission-content p {color: var(--ztc-text-text-9);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-top: 16px;padding-bottom: 26px;}
.vl-mission-content-checkbox ul li {color: var(--ztc-text-text-8);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-bold);margin-bottom: 16px;}
.vl-mission-content-checkbox ul li:last-child {margin-bottom: 0;}
.vl-mission-content-checkbox ul li span {background: var(--ztc-text-text-10);height: 22px;width: 22px;display: inline-block;line-height: 23px;text-align: center;border-radius: 50px;color: var(--ztc-text-text-1);font-size: 14px;margin-right: 6px;}
.vl-about2 {background: var(--ztc-bg-bg-5);overflow: hidden;}
.vl-about2 .vl-about-thumb {width: 770px;border-radius: 8px;overflow: hidden;position: relative;z-index: 1;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-about2 .vl-about-thumb {width: 100%;}}
.vl-about2 .vl-about-thumb span img {height: 622px;object-fit: cover;width: 770px !important;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-about2 .vl-about-thumb span img {height: 100%;  width: 100%;}}
.vl-about2 .vl-about-thumb .bottom-shape {position: absolute;bottom: 0;z-index: 1;}
.vl-about2 .vl-about-content-box {background: var(--ztc-bg-bg-1);padding: 48px 32px;border-radius: 8px;position: relative;z-index: 1;width: 600;right: 0;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-about2 .vl-about-content-box {position: relative;  width: 100%;  margin-left: 0px;  top: 0px;  bottom: 0px;}}
@media (max-width: 767px) {.vl-about2 .vl-about-content-box {padding: 18px;}}
.vl-about2 .vl-about-content-box .vl-section-title-3 .title {line-height: var(--ztc-specing-height52);}
@media (max-width: 767px) {.vl-about2 .vl-about-content-box .vl-section-title-3 .title {font-size: var(--ztc-font-size-font-s26);  line-height: var(--ztc-specing-height30);}}
.vl-about2 .vl-ab-shap {position: absolute;}
.vl-about2 .vl-ab-shap.shap-1 {top: 0;}
.vl-about2 .vl-ab-shap.shap-2 {bottom: 0;left: 0;}
.vl-about2 .vl-ab-shap.shap-3 {right: 0;bottom: 0;}
.vl-about2 .vl-ab-shap.shap-4 {z-index: 1;top: 37px;left: 20px;}
.vl-about2 .vl-ab-shap.shap-5 {z-index: 1;top: 55%;left: 16px;}
.vl-about2 .vl-ab-shap.shap-6 {z-index: 1;right: 300px;top: 20px;}
.vl-about2 .vl-ab-shap.shap-7 {right: 0;top: 23%;}
.vl-about2 .vl-ab-shap.shap-8 {right: 0;top: 56%;}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-btn3 .primary-btn-3 {width: auto;}}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-btn3 .primary-btn-3:after {left: 6%;}}
.vl-about3 .vl-about-content-3 .vl-btn3 {padding-top: 32px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-about3 .vl-about-content-3 .vl-btn3 {padding-top: 0px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-about3 .vl-about-content-3 .vl-btn3 .primary-btn-3 {width: auto !important;  margin-bottom: 0;}}
.vl-about3 .vl-about-thumb-flex {position: relative;z-index: 1;}
.vl-about3 .vl-about-thumb-flex span {background: var(--ztc-text-text-12);height: 100px;width: 100px;border-radius: 8px;display: block;line-height: 100px;text-align: center;font-size: 60px;color: #fff;position: absolute;top: 50%;left: 0;right: 0;margin: 0 auto;transform: translateY(-50%);z-index: 1;}
.vl-about3 .thumb-1 img {height: 500px;object-fit: cover;border-radius: 8px;}
.vl-about3 .thumb-2 {margin-top: 92px;}
@media (max-width: 767px) {.vl-about3 .thumb-2 {margin-top: 0px;}}
.vl-about3 .thumb-2 img {height: 470px;object-fit: cover;border-radius: 8px;}
.vl-about3 .vl-about-video-content {background: var(--ztc-text-text-11);border-radius: 8px;overflow: hidden;margin-top: 48px;}
.vl-about3 .vl-about-video-content .vl-video-thumb {width: 300px;position: relative;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.vl-about3 .vl-about-video-content .vl-video-thumb {width: 250px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-about3 .vl-about-video-content .vl-video-thumb {width: 100%;}}
@media (max-width: 767px) {.vl-about3 .vl-about-video-content .vl-video-thumb {width: 100%;}}
.vl-about3 .vl-about-video-content .vl-video-thumb .video-play-button {position: absolute;z-index: 10;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);box-sizing: content-box;display: block;width: 32px;height: 44px;/* background: #eb2055; */
  border-radius: 50%;padding: 18px 20px 18px 28px;}
.vl-about3 .vl-about-video-content .vl-video-thumb .video-play-button:before {content: "";position: absolute;z-index: 0;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 55px;height: 55px;background: #fff;border-radius: 50%;animation: pulse-border 1100ms ease-out infinite;}
.vl-about3 .vl-about-video-content .vl-video-thumb .video-play-button:after {content: "";position: absolute;z-index: 1;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 60px;height: 60px;background: #fff;border-radius: 50%;transition: all 200ms;}
.vl-about3 .vl-about-video-content .vl-video-thumb .video-play-button span {display: block;position: relative;z-index: 3;width: 0;height: 0;border-left: 19px solid #0085FF;border-top: 12px solid transparent;border-bottom: 12px solid transparent;top: 9px;left: 5px;}
.vl-about3 .vl-about-video-content .vl-video-content {padding-left: 30px;padding-right: 20px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.vl-about3 .vl-about-video-content .vl-video-content {padding: 0;}}
@media (max-width: 767px) {.vl-about3 .vl-about-video-content .vl-video-content {padding: 20px;}}
.vl-about3 .vl-about-video-content .vl-video-content .icon {margin-bottom: 20px;}
.vl-about3 .vl-about-video-content .vl-video-content .para {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height26);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-about4 .vl-about-thumb .thumb-1 {position: relative;border-radius: 8px;z-index: 11;}
.vl-about4 .vl-about-thumb .thumb-1 img {border-radius: 8px;height: 500px;object-fit: cover;}
.vl-about4 .vl-about-thumb .thumb-2 {position: relative;z-index: 1;margin-top: 122px;border-radius: 8px;}
@media (max-width: 767px) {.vl-about4 .vl-about-thumb .thumb-2 {margin-top: 0px;}}
.vl-about4 .vl-about-thumb .thumb-2 img {border-radius: 8px;}
.vl-about4 .vl-about-thumb .thumb-2 img.thmb2 {height: 470px;object-fit: cover;}
.vl-about4 .vl-about-thumb .thumb-2 .shape {position: absolute;top: -99px;left: -100px;}
.vl-about4 .vl-about-content .vl-about-icon-box {background: inherit;padding: inherit;}
.vl-about4 .vl-about-content .vl-about-icon-box .vl-about-icon span {background: var(--ztc-bg-bg-8);}
.vl-about4 .vl-about-content .vl-about-icon-box .vl-icon-content:hover .title a {color: var(--ztc-text-text-14);}
.vl-about5 .vl-about-content .vl-sm-thumb img {border-radius: 8px;height: 350px;object-fit: cover;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-about5 .vl-about-content .vl-sm-thumb img {height: 300px;}}
.vl-about5 .vl-about-content .vl-sm-thumb2 img {border-radius: 8px;height: 300px;object-fit: cover;}
.vl-about5 .vl-about-content2 .content .para {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-bottom: 30px;}
.vl-about5 .vl-about-content2 .content .icon-list-box ul li {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-bold);margin-bottom: 16px;}
.vl-about5 .vl-about-content2 .content .icon-list-box ul li:last-child {margin-bottom: 0;}
.vl-about5 .vl-about-content2 .content .icon-list-box ul li span {height: 22px;width: 22px;background: var(--ztc-text-text-6);display: inline-block;text-align: center;color: var(--ztc-text-text-1);border-radius: 50px;font-size: 14px;line-height: 24px;margin-right: 6px;}
.vl-about5 .vl-about-content2 .content .icon-list-box.box2 ul li {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-bold);margin-bottom: 16px;}
.vl-about5 .vl-about-content2 .content .icon-list-box.box2 ul li:last-child {margin-bottom: 0;}
.vl-about5 .vl-about-content2 .content .icon-list-box.box2 ul li span {height: 22px;width: 22px;background: var(--ztc-text-text-4);display: inline-block;text-align: center;color: var(--ztc-text-text-3);border-radius: 50px;font-size: 14px;line-height: 24px;margin-right: 6px;}
.vl-about5 .vl-about-content2 .content .btn5 .btn-priamry1 {margin-top: 32px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-grid {display: grid;  grid-template-columns: 1fr 1fr;}}
.vl-about-mission-bg {background: var(--ztc-bg-bg-4);}
.vl-about-mission-bg .mission-content .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-about-mission-bg .mission-content .para {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}
.vl-about-mission-bg .icon-list-box ul li {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);display: inline-block;padding-bottom: 16px;}
.vl-about-mission-bg .icon-list-box ul li:last-child {padding-bottom: 0;}
.vl-about-mission-bg .icon-list-box ul li span {background: var(--ztc-text-text-4);height: 20px;width: 20px;display: inline-block;line-height: 20px;text-align: center;border-radius: 50px;font-size: 10px;margin-right: 6px;font-weight: 700;}
.vl-counter5.counter-iner .vl-counter-content .vl-section-title-1 .subtitle {background: rgba(255, 255, 255, 0.1);color: var(--ztc-text-text-1);}
.vl-counter5.counter-iner .vl-counter-content .vl-section-title-1 .title {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s44);line-height: var(--ztc-specing-height54);}
.vl-counter5.counter-iner .vl-counter-content .vl-section-title-1 .para {color: rgba(255, 255, 255, 0.8);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);}
.vl-about-vission-bg .vission-thumb img {height: 540px;object-fit: cover;border-radius: 8px;}
.vl-about-vission-bg .vl-section-title-1 .title {line-height: var(--ztc-specing-height54);padding-bottom: 20px;}
.vl-about-vission-bg .vl-vission-tab2 {margin-top: 24px;border-top: 2px solid #E8E8E7;width: 479px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-about-vission-bg .vl-vission-tab2 {width: 100%;}}
.vl-about-vission-bg .vl-vission-tab2 .nav-pills .nav-link.active, .vl-about-vission-bg .vl-vission-tab2 .nav-pills .show > .nav-link {color: #01715D;background-color: inherit;font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);border-top: 2px solid #01715D;border-radius: inherit;padding-top: 20px;margin-top: -22px;}
.vl-about-vission-bg .vl-vission-tab2 .nav-link {color: #181713;font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);padding: inherit;}
.vl-about-vission-bg .vl-vission-tab2 .nav {justify-content: space-between;margin-top: 20px;margin-bottom: 24px;}
.vl-about-vission-bg .vl-vission-tab2 .para {color: #514F4C;font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);}

/*============= ABOUT CSS AREA ENDS===============*/
/*============= CAUSE CSS AREA ===============*/
.vl-causes-area {background: var(--ztc-bg-bg-4);}
.vl-causes-area .vl-section-title-1 .subtitle {background: var(--ztc-text-text-1);}
.vl-causes-area-4 {background: var(--ztc-bg-bg-8);}
.vl-single-cause-box {background: var(--ztc-text-text-1);overflow: hidden;border-radius: 8px;}
.vl-single-cause-box .vl-cause-thumb {position: relative;overflow: hidden;transition: 0.3s;margin-bottom: 23px;}
.vl-single-cause-box .vl-cause-thumb::after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 0%;background: #181713;opacity: 0.1;transition: 0.4s;}
.vl-single-cause-box .vl-cause-thumb-2::after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 0%;background: #170822;opacity: 0.5;transition: 0.4s;}
.vl-single-cause-box .vl-cause-thumb img {height: 270px;object-fit: cover;transition: 0.3s;}
.vl-single-cause-box .vl-cause-thumb .casue-btn {position: absolute;top: 90%;transform: translateY(-50%);left: 0;right: 0;z-index: 9;transition: 0.5s;opacity: 0;visibility: hidden;}
.vl-single-cause-box .vl-cause-thumb .vl-about-btn {position: absolute;top: 90%;left: 0;right: 0;margin: 0 auto;text-align: center;transform: translateY(-50%);z-index: 1;transition: 0.3s;padding-top: 0;opacity: 0;visibility: hidden;}
.vl-single-cause-box .vl-cause-content {padding: 32px;}
.vl-single-cause-box .vl-cause-content .badge {background: var(--ztc-text-text-6);color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-weight: var(--ztc-weight-bold);font-family: var(--ztc-family-font1);display: inline-block;padding: 8px 12px;}
.vl-single-cause-box .vl-cause-content .badge-2 {background: var(--ztc-text-text-8);}
.vl-single-cause-box .vl-cause-content .title a {font-size: var(--ztc-font-size-font-s24);line-height: var(--ztc-specing-height24);font-weight: var(--ztc-weight-bold);font-family: var(--ztc-family-font2);padding-top: 16px;padding-bottom: 16px;transition: 0.3s;display: block;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-single-cause-box .vl-cause-content .title a {font-size: var(--ztc-font-size-font-s22);  line-height: var(--ztc-specing-height22);}}
.vl-single-cause-box .vl-cause-content .title a:hover {color: var(--ztc-text-text-6);transition: 0.3s;}
.vl-single-cause-box .vl-cause-content p {font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-weight: var(--ztc-weight-semibold);color: var(--ztc-text-text-2);}
.vl-single-cause-box:hover .vl-cause-thumb img {transform: scale(1.1) rotate(3deg);transition: 0.4s;}
.vl-single-cause-box:hover .vl-cause-thumb::after {width: 100%;transition: 0.4s;}
.vl-single-cause-box:hover .btn-area.casue-btn {top: 50%;opacity: 1;visibility: visible;transition: 0.5s;}
.vl-single-cause-box:hover .vl-about-btn {top: 50%;opacity: 1;visibility: visible;}
.vl-single-cause-box-2 {background: var(--ztc-text-text-1);overflow: hidden;border-radius: 8px;border: 1px solid rgba(23, 8, 34, 0.1);}
.vl-single-cause-box-2 .vl-cause-thumb {position: relative;overflow: hidden;transition: 0.3s;margin-bottom: 23px;}
.vl-single-cause-box-2 .vl-cause-thumb::after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 0%;background: #181713;opacity: 0.1;transition: 0.4s;}
.vl-single-cause-box-2 .vl-cause-thumb-2::after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 0%;background: #170822;opacity: 0.5;transition: 0.4s;}
.vl-single-cause-box-2 .vl-cause-thumb img {height: 270px;object-fit: cover;}
.vl-single-cause-box-2 .vl-cause-thumb .casue-btn {position: absolute;top: 90%;transform: translateY(-50%);left: 0;right: 0;z-index: 9;transition: 0.5s;opacity: 0;visibility: hidden;}
.vl-single-cause-box-2 .vl-cause-thumb .vl-about-btn {position: absolute;top: 90%;left: 0;right: 0;margin: 0 auto;text-align: center;transform: translateY(-50%);z-index: 1;transition: 0.3s;padding-top: 0;opacity: 0;visibility: hidden;}
.vl-single-cause-box-2 .vl-cause-content {padding: 32px;}
.vl-single-cause-box-2 .vl-cause-content .badge {background: var(--ztc-text-text-6);color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-weight: var(--ztc-weight-bold);font-family: var(--ztc-family-font1);display: inline-block;padding: 8px 12px;}
.vl-single-cause-box-2 .vl-cause-content .badge-2 {background: var(--ztc-text-text-8);}
.vl-single-cause-box-2 .vl-cause-content .title a {font-size: var(--ztc-font-size-font-s24);line-height: var(--ztc-specing-height24);font-weight: var(--ztc-weight-bold);font-family: var(--ztc-family-font2);color: var(--ztc-text-text-8);padding-top: 16px;padding-bottom: 16px;transition: 0.3s;display: block;}
@media ((max-width: 767px)) {.vl-single-cause-box-2 .vl-cause-content .title a {font-size: var(--ztc-font-size-font-s22);  line-height: var(--ztc-specing-height22);}}
.vl-single-cause-box-2 .vl-cause-content .title a:hover {color: var(--ztc-text-text-10);transition: 0.3s;}
.vl-single-cause-box-2 .vl-cause-content p {font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-weight: var(--ztc-weight-semibold);color: var(--ztc-text-text-9);}
.vl-single-cause-box-2 .vl-progress {background: #FBF7FF;padding: 24px;padding-top: 40px;border-radius: 8px;margin-left: 12px;margin-right: 12px;margin-top: -76px;position: relative;z-index: 1;}
.vl-single-cause-box-2 .vl-progress .skill-vlue {margin-bottom: 0;}
.vl-single-cause-box-2:hover .vl-cause-thumb img {transform: scale(1.1) rotate(3deg);transition: 0.4s;}
.vl-single-cause-box-2:hover .vl-cause-thumb::after {width: 100%;transition: 0.4s;}
.vl-single-cause-box-2:hover .btn-area.casue-btn {top: 50%;opacity: 1;visibility: visible;transition: 0.5s;}
.vl-single-cause-box-2:hover .vl-about-btn {top: 50%;opacity: 1;visibility: visible;}
.vl-causes-area-4 {position: relative;z-index: 1;overflow: hidden;}
.vl-causes-area-4 .shapedown {position: absolute;z-index: -1;right: 0;bottom: 0;}
.vl-causes-area-4 .shape {position: absolute;z-index: -1;height: 100%;width: 100%;top: 0;left: 0;right: 0;margin: 0 auto;text-align: center;}
.vl-causes-area-4 .shape img {height: 100%;}
.vl-causes-area-4 .vl-section-title4 .subtitle {background: var(--ztc-text-text-1);}
.vl-causes-area-4 .vl-section-title4 .title {line-height: var(--ztc-specing-height44);}
.vl-causes-area-4 .btn-area .header-btn1 {background: var(--ztc-text-text-14);color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-bold);padding: 8px 8px 8px 20px;border-radius: 50px;display: inline-block;position: relative;z-index: 1;}
.vl-causes-area-4 .btn-area .header-btn1:after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;background: var(--ztc-text-text-15);z-index: -1;border-radius: 50px;transition: 0.3s;transform: scaleX(0);}
.vl-causes-area-4 .btn-area .header-btn1:hover::after {transform: scaleX(1);}
.vl-causes-area-4 .btn-area .header-btn1 span {color: var(--ztc-text-text-15);}
.vl-causes-area-4 .vl-cause-thumb {margin-bottom: 0;}
.vl-causes-area-4 .vl-progress {background: #FFF7F4;padding: 24px;padding-top: 60px;border-radius: 8px;margin-left: 12px;margin-right: 12px;margin-top: -62px;position: relative;z-index: 1;}
.vl-causes-area-4 .vl-progress .skill-progress .skill-box .skill-bar {height: 8px;width: 100%;border-radius: 6px;margin-top: 6px;margin-bottom: 16px;background: #fff;}
.vl-causes-area-4 .vl-progress .skill-progress .skill-box .skill-bar .skill-per {position: relative;display: block;height: 100%;width: 16%;border-radius: 6px;background: var(--ztc-text-text-15);animation: progress 0.4s ease-in-out forwards;opacity: 0;}
.vl-causes-area-4 .vl-cause-content .badge {background: var(--ztc-text-text-15);}
.vl-causes-area-4 .vl-cause-content .title a {color: var(--ztc-text-text-15);transition: 0.3s;}
.vl-causes-area-4 .vl-cause-content .title a:hover {color: var(--ztc-text-text-14);}
.vl-causes-area-4 .vl-cause-content .para {color: var(--ztc-text-text-16);}
.vl-cause-content .skill-progress .skill-box .skill-bar {height: 8px;width: 100%;border-radius: 6px;margin-top: 6px;margin-bottom: 16px;background: var(--ztc-text-text-1);}
.vl-cause-content .skill-progress .skill-box .skill-bar.skill-bar2 {background: var(--ztc-bg-bg-4);}
.vl-event-content-area .vl-large-thumb {border-radius: 8px;overflow: hidden;}
.vl-event-box-bg .skill-progress .skill-box .skill-bar {height: 8px;width: 100%;border-radius: 6px;margin-top: 6px;margin-bottom: 16px;background: var(--ztc-text-text-1);}
.vl-event-box-bg.cause-box-bg {background: var(--ztc-bg-bg-4);padding: 32px 30px;padding-top: 58px;margin-left: 20px;margin-right: 20px;margin-top: -20px;position: relative;z-index: 1;}
@media (max-width: 767px) {.vl-event-box-bg.cause-box-bg {margin-left: 0px;  margin-right: 0px;}}
.vl-causes-area.vl-causes-area-4 .vl-single-cause-box:hover .btn-area.casue-btn {top: 39%;}
.display-amount {font-size: 24px;background: black;padding: 15px;border-radius: 50px;margin-bottom: 20px;width: 142px;position: relative;font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);line-height: 24px;color: #FBD459;}
.display-amount span {height: 48px;width: 48px;background: #FBD459;display: inline-block;line-height: 48px;text-align: center;border-radius: 50px;margin-right: 16px;}
.display-amount span img {margin-top: -8px;}
.amount-selector {display: flex;gap: 10px;align-items: center;margin-bottom: 32px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.amount-selector {display: block;}}
@media (max-width: 767px) {.amount-selector {display: block;}}
.button {border-radius: 50px;padding: 8px 10px;font-size: 18px;line-height: 18px;font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);cursor: pointer;background-color: white;transition: background-color 0.3s, color 0.3s;border-radius: 50px;margin-right: 10px;}
@media (max-width: 767px) {.button {margin-bottom: 10px;}}
.button span img {height: 18px;width: 18px;}
.button.selected {background-color: #ffcc33;color: black;font-weight: bold;}
.custom-button {display: flex;align-items: center;justify-content: center;border: 1px solid #181713;border-radius: 100px;padding: 10px 20px;font-size: 20px;line-height: 20px;cursor: pointer;gap: 5px;font-weight: 700;transition: 0.3s;margin-left: 32px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.custom-button {margin-top: 15px;  margin-left: 0px;}}
@media (max-width: 767px) {.custom-button {margin-left: 0px;}}
.custom-button span {background: #fff;height: 36px;width: 36px;line-height: 36px;border-radius: 50%;text-align: center;}
.custom-button span img {margin-top: -3px;}
.custom-button:hover {background-color: #FBD459;transition: 0.3s;}

/*============= CAUSE CSS AREA ENDS ===============*/
/*============= GALLLERY CSS AREA ===============*/
.vl-gallery-content {display: flex;justify-content: space-between;align-items: anchor-center;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-gallery-content {display: block;}}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-gallery-btn.text-end {text-align: start !important;  margin-top: 15px;}}
.vl-single-box {overflow: hidden;border-radius: 8px;position: relative;transition: 0.3s;}
.vl-single-box::after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 0%;background: #181713;opacity: 0.7;transition: 0.6s;}
.vl-single-box:hover .search-ic span {top: 50%;transition: 0.6s;opacity: 1;visibility: visible;}
.vl-single-box:hover::after {width: 100%;transition: 0.6s;}
.vl-single-box:hover img {transform: scale(1.1);transition: 0.3s;}
.vl-single-box img {height: 370px;object-fit: cover;transition: 0.3s;border-radius: 8px;}
.vl-single-box .search-ic span {height: 70px;width: 70px;display: inline-block;background: var(--ztc-text-text-4);line-height: 70px;text-align: center;font-size: 32px;border-radius: 50px;position: absolute;top: 70%;left: 0;right: 0;margin: 0 auto;transform: translateY(-50%);color: var(--ztc-text-text-3);z-index: 1;transition: 0.6s;opacity: 0;visibility: visible;}
.vl-single-box .search-ic span img {height: 36px;}
.vl-gallery3 .vl-section-title3 .title {font-size: var(--ztc-font-size-font-s44);line-height: var(--ztc-specing-height54);padding-top: 16px;padding-bottom: 0px;}
@media (max-width: 767px) {.vl-gallery3 .vl-section-title3 .title {font-size: var(--ztc-font-size-font-s30);  line-height: var(--ztc-specing-height40);}}
.vl-gallery3 .vl-gallery-sm-thumb {border-radius: 8px;overflow: hidden;}
.vl-gallery3 .vl-gallery-sm-thumb img {height: 300px;object-fit: cover;}
.vl-gallery3 .vl-gallery-large-thumb {margin-top: 60px;border-radius: 8px;overflow: hidden;}
.vl-gallery3 .vl-gallery-large-thumb img {height: 416px;object-fit: cover;border-radius: 8px;}

/*============= GALLERY CSS AREA ENDS ===============*/
/*============= SERVICE CSS AREA ===============*/
.vl-services2 .vl-single-service-box {background: var(--ztc-bg-bg-5);border-radius: 8px;overflow: hidden;transition: 0.3s;}
.vl-services2 .vl-single-service-box .vl-service-box-content .read-more span {transition: 0.3s;}
.vl-services2 .vl-single-service-box.active {background: var(--ztc-text-text-10);transition: 0.3s;}
.vl-services2 .vl-single-service-box.active .read-more {color: var(--ztc-text-text-1);}
.vl-services2 .vl-single-service-box.active .read-more span {color: var(--ztc-text-text-1);}
.vl-services2 .vl-single-service-box.active .vl-service-box-flex .thumb {background: #fff;}
.vl-services2 .vl-single-service-box.active .vl-service-box-content .title a {color: var(--ztc-text-text-1);transition: 0.3s;}
.vl-services2 .vl-single-service-box.active .vl-service-box-content p {color: rgba(255, 255, 255, 0.8);transition: 0.3s;}
.vl-services2 .vl-single-service-box.active .vl-service-box-content .read-more span {color: var(--ztc-text-text-1);transition: 0.3s;display: inline-block;transform: rotate(-45deg);}
.vl-services2 .vl-single-service-box.active .icon span {background: rgba(255, 255, 255, 0.2);}
.vl-services2 .vl-single-service-box.active .icon span img.icon-1 {filter: brightness(0) invert(1);}
.vl-services2 .vl-service-box-flex {display: flex;justify-content: space-between;align-items: center;}
.vl-services2 .vl-service-box-flex .thumb {background: #EBE2F2;width: 155px;height: 120px;border-bottom-left-radius: 8px;transition: 0.3s;}
.vl-services2 .vl-service-box-flex .sm-thumb img {margin-left: 13px;}
.vl-services2 .icon span {background: var(--ztc-bg-bg-1);display: block;height: 70px;width: 70px;line-height: 70px;text-align: center;border-radius: 50px;margin-left: 24px;transition: 0.3s;filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.08));}
.vl-services2 .icon span img {transition: 0.3s;}
.vl-services2 .vl-service-box-content {padding: 24px;}
.vl-services2 .vl-service-box-content .title a {color: var(--ztc-text-text-8);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);transition: 0.3s;display: inline-block;}
.vl-services2 .vl-service-box-content p {color: var(--ztc-text-text-9);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height26);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-top: 16px;padding-bottom: 25px;transition: 0.3s;}
.vl-services2 .vl-service-box-content .read-more {color: var(--ztc-text-text-8);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);transition: 0.3s;}
.vl-services2 .vl-service-box-content .read-more span {transition: 0.3s;}
.vl-services2.service-inner-page .vl-single-service-box {background: var(--ztc-bg-bg-4);transition: 0.3s;}
.vl-services2.service-inner-page .vl-single-service-box.active {background: var(--ztc-text-text-4);}
.vl-services2.service-inner-page .vl-single-service-box.active .icon span img {filter: none;transition: 0.3s;}
.vl-services2.service-inner-page .vl-single-service-box .vl-service-box-flex .thumb {background: #E6DFE3;transition: 0.3s;}
.vl-services2.service-inner-page .vl-single-service-box .vl-service-box-content .title a {color: var(--ztc-text-text-3);transition: 0.3s;}
.vl-services2.service-inner-page .vl-single-service-box .vl-service-box-content p {color: var(--ztc-text-text-2);transition: 0.3s;}
.vl-services2.service-inner-page .vl-single-service-box .vl-service-box-content .read-more {color: var(--ztc-text-text-3);}
.vl-services2.service-inner-page .vl-single-service-box .vl-service-box-content .read-more span {transition: 0.3s;display: inline-block;color: var(--ztc-text-text-3);}
.vl-service-iner-bg .single-service-box .btniner .readmore span {transition: 0.3s;display: inline-block;transform: rotate(0deg);}
.vl-service-iner-bg .single-service-box.active .btniner .readmore span {transition: 0.3s;display: inline-block;transform: rotate(-45deg);}
.vl-service3 {background: var(--ztc-bg-bg-7);position: relative;z-index: 1;overflow: hidden;}
.vl-service3 .shape {position: absolute;z-index: -1;}
.vl-service3 .vl-section-title3 .subtitle {background: var(--ztc-text-text-1);}
.vl-service3 .vl-section-title3 .title {font-size: var(--ztc-font-size-font-s44);line-height: var(--ztc-specing-height54);padding-top: 16px;padding-bottom: 0px;}
@media (max-width: 767px) {.vl-service3 .vl-section-title3 .title {font-size: var(--ztc-font-size-font-s30);  line-height: var(--ztc-specing-height40);}}
.vl-service3 .vl-service-box-parent {position: relative;z-index: 1;overflow: hidden;transition: 0.3s;}
.vl-service3 .vl-service-box-parent .vl-service-icon span {background: var(--ztc-text-text-11);display: inline-block;height: 80px;width: 80px;line-height: 80px;text-align: center;border-top-right-radius: 8px;position: absolute;z-index: 9;top: 49%;transition: 0.3s;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-service3 .vl-service-box-parent .vl-service-icon span {top: 207px;}}
@media (max-width: 767px) {.vl-service3 .vl-service-box-parent .vl-service-icon span {top: 220px;}}
.vl-service3 .vl-service-box-parent .vl-service-box-3 {background: var(--ztc-bg-bg-7);border: 24px solid var(--ztc-text-text-1);border-radius: 8px;transition: 0.3s;position: relative;overflow: hidden;}
.vl-service3 .vl-service-box-parent .vl-service-box-3 .service-thumb {position: relative;height: 294px;transition: 0.3s;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-service3 .vl-service-box-parent .vl-service-box-3 .service-thumb {height: 100%;}}
.vl-service3 .vl-service-box-parent .vl-service-box-3 .service-thumb img {transition: 0.3s;}
.vl-service3 .vl-service-box-parent .vl-service-box-3 .service-thumb .service-icon span {height: 80px;width: 80px;line-height: 80px;text-align: center;background: var(--ztc-text-text-11);display: block;border-top-right-radius: 8px;position: absolute;bottom: 0;left: -24px;transition: 0.3s;}
.vl-service3 .vl-service-box-parent .vl-service-box-3 .service-content {padding: 24px;padding-bottom: 0;transition: 0.3s;}
.vl-service3 .vl-service-box-parent .vl-service-box-3 .service-content .title {font-size: var(--ztc-font-size-font-s24);line-height: var(--ztc-specing-height24);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);color: var(--ztc-text-text-11);padding-bottom: 16px;transition: 0.3s;display: inline-block;}
.vl-service3 .vl-service-box-parent .vl-service-box-3 .service-content .title:hover {color: var(--ztc-text-text-12);transition: 0.3s;}
.vl-service3 .vl-service-box-parent .vl-service-box-3 .service-content .para {font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);color: var(-ztc-text-text-13);transition: 0.3s;}
.vl-service3 .vl-service-box-parent .vl-service-box-3 .service-content .rmore {font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-bold);color: var(--ztc-text-text-11);display: inline-block;transition: 0.3s;transform: translateY(50px);}
.vl-service3 .vl-service-box-parent .vl-service-box-3 .service-content .rmore span {transform: rotate(-45deg);display: inline-block;transition: 0.3s;}
.vl-service3 .vl-service-box-parent .vl-service-box-3 .service-content .rmore:hover {transition: 0.3s;color: var(--ztc-text-text-12);}
.vl-service3 .vl-service-box-parent:hover {transition: 0.3s;}
.vl-service3 .vl-service-box-parent:hover .service-thumb {transform: translateY(-40px);}
.vl-service3 .vl-service-box-parent:hover .service-thumb .service-icon span {left: 0;}
.vl-service3 .vl-service-box-parent:hover .service-content {transform: translateY(-42px);}
.vl-service3 .vl-service-box-parent:hover .service-content .rmore {transform: translateY(24px);}
.vl-service-box-parent:hover .vl-service-icon span {transform: translateY(-40px);left: 24px;transition: 0.3s;background: var(--ztc-text-text-12);}
.vl-service-iner-bg {background: var(--ztc-bg-bg-4);}
.vl-service-iner-bg .single-service-box {position: relative;z-index: 1;height: 370px;border-radius: 8px;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;}
.vl-service-iner-bg .single-service-box:after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;background: #181713;opacity: 0.7;z-index: -1;}
.vl-service-iner-bg .single-service-box .padding-box {padding: 32px;padding-top: 78px;}
.vl-service-iner-bg .single-service-box .padding-box .icon-box {overflow: hidden;transform: translateY(97px);transition: 0.3s;}
.vl-service-iner-bg .single-service-box .padding-box .icon-box .icon span {background: var(--ztc-text-text-1);height: 70px;width: 70px;display: block;border-radius: 50px;line-height: 70px;text-align: center;}
.vl-service-iner-bg .single-service-box .padding-box .icon-box .icon span img {height: 32px;width: 32px;}
.vl-service-iner-bg .single-service-box .padding-box .icon-box .content .title {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s28);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);display: inline-block;padding-top: 32px;padding-bottom: 16px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.vl-service-iner-bg .single-service-box .padding-box .icon-box .content .title {font-size: 25px;  line-height: 25px;  padding-top: 16px;}}
@media (max-width: 767px) {.vl-service-iner-bg .single-service-box .padding-box .icon-box .content .title {font-size: 25px;  line-height: 25px;  padding-top: 16px;}}
.vl-service-iner-bg .single-service-box .padding-box .icon-box .content .para {color: rgba(255, 255, 255, 0.8);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height26);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);opacity: 0;visibility: hidden;}
.vl-service-iner-bg .single-service-box .padding-box .btniner .readmore {color: var(--ztc-text-text-1);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);display: inline-block;margin-top: 24px;}
.vl-service-iner-bg .single-service-box .padding-box .btniner .readmore span {display: inline-block;}
.vl-service-iner-bg .single-service-box .padding-box .btniner .readmore span img {height: 20px;width: 20px;}
.vl-service-iner-bg .single-service-box.active .padding-box .icon-box {transition: 0.3s;transform: translateY(0px);}
.vl-service-iner-bg .single-service-box.active .padding-box .icon-box .content .para {opacity: 1;visibility: visible;}

/*============= SERVICE CSS AREA ENDS===============*/
/*============= EVENT CSS AREA ===============*/
.vl-event-area {position: relative;z-index: 1;}
.vl-event-area .vl-single-event4 {overflow: hidden;border-radius: 8px;transition: 0.3s;}
.vl-event-area .vl-single-event4 .thumb {overflow: hidden;transition: 0.3s;}
.vl-event-area .vl-single-event4 .thumb img {transition: 0.3s;}
.vl-event-area .vl-single-event4 .content {padding: 32px;border: 1px solid rgba(90, 94, 95, 0.1);}
.vl-event-area .vl-single-event4 .content .icon-flex {display: flex;align-items: center;padding-bottom: 32px;}
.vl-event-area .vl-single-event4 .content .icon-flex .icon span {background: var(--ztc-text-text-14);height: 50px;width: 50px;line-height: 50px;text-align: center;border-radius: 50px;display: block;margin-right: 16px;transition: 0.3s;}
.vl-event-area .vl-single-event4 .content .icon-flex .icon span img {height: 32px;width: 32px;margin: 0 auto;display: inline-block;}
.vl-event-area .vl-single-event4 .content .icon-flex .text .date {color: var(--ztc-text-text-15);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);transition: 0.3s;}
.vl-event-area .vl-single-event4 .content .icon-flex .text span {color: var(--ztc-text-text-16);font-size: var(--ztc-font-size-font-s16);line-height: var(--ztc-specing-height16);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);transition: 0.3s;}
.vl-event-area .vl-single-event4 .content .title {color: var(--ztc-text-text-15);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height30);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);transition: 0.3s;}
.vl-event-area .vl-single-event4 .content .para {color: var(--ztc-text-text-16);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-top: 16px;padding-bottom: 25px;transition: 0.3s;}
.vl-event-area .vl-single-event4 .content .details {color: var(--ztc-text-text-15);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);display: inline-block;transition: 0.3s;}
.vl-event-area .vl-single-event4 .content .details span {display: inline-block;transform: rotate(-45deg);transition: 0.3s;}
.vl-event-area .vl-single-event4:hover {background: var(--ztc-text-text-14);transition: 0.3s;overflow: hidden;}
.vl-event-area .vl-single-event4:hover .thumb img {transform: scale(1.1) rotate(-3deg);transition: 0.3s;overflow: hidden;}
.vl-event-area .vl-single-event4:hover .content .icon-flex .icon span {background: var(--ztc-text-text-1);}
.vl-event-area .vl-single-event4:hover .content .icon-flex .icon span img {filter: brightness(0);}
.vl-event-area .vl-single-event4:hover .content .icon-flex .text .date {color: var(--ztc-text-text-1);transition: 0.3s;}
.vl-event-area .vl-single-event4:hover .content .icon-flex .text span {color: rgba(255, 255, 255, 0.9);transition: 0.3s;}
.vl-event-area .vl-single-event4:hover .content .title {color: var(--ztc-text-text-1);transition: 0.3s;}
.vl-event-area .vl-single-event4:hover .content .para {color: rgba(255, 255, 255, 0.9);transition: 0.3s;}
.vl-event-area .vl-single-event4:hover .content .details {color: var(--ztc-text-text-1);transition: 0.3s;}
.vl-event-area .vl-single-event4:hover .content .details span {display: inline-block;transform: rotate(-45deg);transition: 0.3s;}
.vl-event-area .owl-nav button {background: var(--ztc-bg-bg-8) !important;position: absolute;right: 0;top: 62px;height: 56px;width: 56px;color: var(--ztc-text-text-16) !important;font-size: 22px !important;border-radius: 50px;border: 1px solid rgba(90, 94, 95, 0.1) !important;transition: 0.3s;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-event-area .owl-nav button {position: relative;  top: 0px;  margin: 0 15px;  margin-top: 30px;}}
.vl-event-area .owl-nav button:hover {background: var(--ztc-text-text-14) !important;transition: 0.3s;color: var(--ztc-text-text-1) !important;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-event-area .owl-nav {text-align: center;}}
.vl-event-area button.owl-prev {margin-right: 72px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-event-area button.owl-prev {margin-right: 0px;}}
.event-bg-flex {background: var(--ztc-bg-bg-4);border-radius: 8px;padding: 40px;display: flex;justify-content: space-between;margin-bottom: 50px;transition: 0.3s;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.event-bg-flex {display: block;}}
@media (max-width: 767px) {.event-bg-flex {padding: 20px;}}
.event-bg-flex:last-child {margin-bottom: 0;}
.event-bg-flex .event-date {text-align: center;position: relative;z-index: 1;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.event-bg-flex .event-date {text-align: start;}}
.event-bg-flex .event-date:after {position: absolute;content: "";height: 200px;width: 4px;background: #fff;left: 120px;top: 0;border-radius: 8px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.event-bg-flex .event-date:after {display: none;}}
.event-bg-flex .event-date .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);padding-bottom: 16px;display: block;}
.event-bg-flex .event-date .year {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height30);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);display: block;}
.event-bg-flex .event-content {position: relative;z-index: 1;}
.event-bg-flex .event-content .event-meta .para {display: inline-block;color: var(--ztc-text-text-2);padding: 8px 12px;background: var(--ztc-text-text-1);border-radius: 8px;transition: 0.3s;margin-bottom: 18px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.event-bg-flex .event-content .event-meta .para {margin-top: 18px;}}
.event-bg-flex .event-content .title {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s24);line-height: var(--ztc-specing-height24);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);display: inline-block;}
@media (max-width: 767px) {.event-bg-flex .event-content .title {font-size: var(--ztc-font-size-font-s20);  line-height: var(--ztc-specing-height30);}}
.event-bg-flex .event-content .para {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);display: block;padding-bottom: 15px;padding-top: 15px;}
.event-bg-flex .event-content .details {color: var(--ztc-text-text-3);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);display: inline-block;}
.event-bg-flex .event-content .details span {transform: rotate(-45deg);display: inline-block;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.event-bg-flex .event-content .details {margin-bottom: 18px;}}
.event-bg-flex .event-thumb img {border-radius: 8px;}
.event-bg-flex.active {background: var(--ztc-text-text-4);transition: 0.3s;}
.event-bg-flex.active .event-date:after {background: #E3C059;}
.event-bg-flex.active .event-content {position: relative;z-index: 1;}
.event-bg-flex.active .event-content .event-meta .para {display: inline-block;color: var(--ztc-text-text-2);padding: 8px 12px;background: #E4C152;border-radius: 8px;transition: 0.3s;}
.theme-pagination ul li {display: inline-block;margin: 0 5px;}
.theme-pagination ul li a {background: #F6F4EE;height: 50px;width: 50px;display: block;line-height: 50px;border-radius: 8px;transition: 0.3s;font-weight: 700;color: #181713;font-size: 20px;transition: 0.3s;}
.theme-pagination ul li a.active {background: #FBD459;transition: 0.3s;}
.theme-pagination ul li a:hover {background: #FBD459;transition: 0.3s;}

/*============= EVENT CSS AREA ENDS===============*/
/*============= COUNTER CSS AREA ===============*/
.vl-counter5 {position: relative;z-index: 1;overflow: hidden;background: var(--ztc-text-text-6);}
.vl-counter5 .shape {position: absolute;z-index: -1;}
.vl-counter5 .shape.shape-1 {top: 0;left: 0;}
.vl-counter5 .shape.shape-2 {bottom: 0;left: 30px;}
.vl-counter5 .shape.shape-3 {top: 20px;left: 33%;}
.vl-counter5 .shape.shape-4 {bottom: 20px;right: 0;}
.vl-counter5 .vl-counter-content {margin-right: 110px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.vl-counter5 .vl-counter-content {margin-right: 0px;}}
.vl-counter5 .vl-counter-content .vl-section-title5 .subtitle {background: rgba(255, 255, 255, 0.1);color: var(--ztc-text-text-1);}
.vl-counter5 .vl-counter-content .vl-section-title5 .title {color: var(--ztc-text-text-1);line-height: var(--ztc-specing-height52);}
.vl-counter5 .vl-counter-content .vl-section-title5 .para {color: rgba(255, 255, 255, 0.8);}
.vl-counter5 .vl-counter-content .vl-section-title5 .btn5 .btn-priamry1 {background: var(--ztc-text-text-1);color: var(--ztc-text-text-3);margin-top: 32px;transition: 0.3s;}
.vl-counter5 .vl-counter-content .vl-section-title5 .btn5 .btn-priamry1:hover {color: var(--ztc-text-text-1);transition: 0.3s;}
.vl-counter5 .vl-counter-content .vl-section-title5 .btn5 .btn-priamry1 span {background: var(--ztc-text-text-6);color: var(--ztc-text-text-1);}
.vl-counter5 .single-counter-box {border-radius: 8px;background: rgba(255, 255, 255, 0.2);text-align: center;padding: 32px;transition: 0.3s;margin-bottom: 20px;}
.vl-counter5 .single-counter-box .title {color: var(--ztc-text-text-1);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);transition: 0.3s;}
.vl-counter5 .single-counter-box span {color: rgba(255, 255, 255, 0.8);font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);display: inline-block;transition: 0.3s;}
.vl-counter5 .single-counter-box.active {background: var(--ztc-text-text-1);transition: 0.3s;}
.vl-counter5 .single-counter-box.active .title {color: var(--ztc-text-text-3);transition: 0.3s;}
.vl-counter5 .single-counter-box.active span {color: var(--ztc-text-text-2);transition: 0.3s;}
.vl-counter5 .single-counter-box.counter-box-2 {background: var(--ztc-text-text-1);}
.vl-counter5 .single-counter-box.counter-box-2 .title {color: var(--ztc-text-text-3);}
.vl-counter5 .single-counter-box.counter-box-2 span {color: var(--ztc-text-text-2);}
.vl-counter5 .single-counter-box.counter-box-2.active {background: var(--ztc-text-text-4);transition: 0.3s;}

/*============= COUNTER CSS AREA ENDS===============*/
/*============= CHOOSE CSS AREA ===============*/
.vl-choose5 .vl-icon-box {background: var(--ztc-bg-bg-4);border-radius: 8px;padding: 24px;}
.vl-choose5 .vl-icon-box .icon span {display: inline-block;height: 60px;width: 60px;line-height: 60px;border-radius: 50px;text-align: center;background: var(--ztc-text-text-6);margin-bottom: 25px;}
.vl-choose5 .vl-icon-box .content .title {color: var(--ztc-text-text-3);transition: 0.3s;font-size: var(--ztc-font-size-font-s20);line-height: var(--ztc-specing-height20);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);}
.vl-choose5 .vl-icon-box .content .title:hover {color: var(--ztc-text-text-6);transition: 0.3s;}
.vl-choose5 .vl-icon-box .content .para {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height26);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-top: 16px;padding-bottom: 25px;}
.vl-choose5 .vl-icon-box .content .readmore {color: var(--ztc-text-text-3);transition: 0.3s;font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height18);font-family: var(--ztc-family-font2);font-weight: var(--ztc-weight-bold);display: inline-block;}
.vl-choose5 .vl-icon-box .content .readmore:hover {color: var(--ztc-text-text-6);transition: 0.3s;}
.vl-choose5 .single-thumb-box {position: relative;}
.vl-choose5 .single-thumb-box .box-icon {position: absolute;top: 50%;transform: translateY(-50%);left: 40%;z-index: 1;}
.vl-choose5 .single-thumb-box .box-icon span {height: 100px;width: 100px;border-radius: 8px;display: inline-block;line-height: 100px;background: var(--ztc-text-text-6);text-align: center;}
.vl-choose5 .single-thumb-box .single-thmb img {border-radius: 8px;height: 500px;object-fit: cover;}
.vl-choose5 .single-thumb-box .single-thmb2 img {margin-top: 108px;border-radius: 8px;height: 470px;object-fit: cover;}
@media (max-width: 767px) {.vl-choose5 .single-thumb-box .single-thmb2 img {margin-top: 0px;}}

/*============= CHOOSE CSS AREA ===============*/
/*============= 404 CSS AREA ===============*/
.vl-error-section .error-content .content .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);padding-top: 48px;}
.vl-error-section .error-content .content .para {color: var(--ztc-text-text-2);font-size: var(--ztc-font-size-font-s18);line-height: var(--ztc-specing-height28);font-family: var(--ztc-family-font1);font-weight: var(--ztc-weight-semibold);padding-top: 16px;padding-bottom: 24px;}

/*============= 404 CSS AREA ENDS===============*/

/*# main.css.map */
