@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;

  line-height: 30px;

}



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: #c17e37;

  --ztc-text-text-5: #72706C;

  --ztc-text-text-6: #01715D;

  --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-text-text-17: #c17e37;

  --ztc-text-text-18: #cb9040;

  --ztc-bg-bg-1: #fff;

  --ztc-bg-bg-2: #FFF7F4;

  --ztc-bg-bg-3: #FFF7F4;

  --ztc-bg-bg-4: #FFF7F4;

  --ztc-bg-bg-5: #FFF7F4;

  --ztc-bg-bg-6: #FFF7F4;

  --ztc-bg-bg-7: #FFF7F4;

  --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: 'Mulish', Sans-Serif;

  --ztc-family-font2: 'Quicksand', sans-serif; */

  --ztc-family-font1: 'Nunito';

  --ztc-family-font2: 'Nunito Sans', serif;

}



/*

============================

Name:  Helpy - Charity HTML Template

Version: 1.0.0

Description: Helpy -Charity HTML Template

Author: Vikiglab

Author URI: https://themeforest.net/user/vikinglab/portfolio

Location:

============================

*/

/*============= 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-s30);

  line-height: var(--ztc-specing-height52);

  font-family: var(--ztc-family-font2);

  /* font-weight: var(--ztc-weight-semibold); */

  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 only screen and (min-width: 992px) and (max-width: 1200px){

  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li {

  font-size: var(--ztc-font-size-font-s16);

}



.vl-banner4 .banner-content {

    padding-top: 50px;

    padding-bottom: 50px;

    transition: 1600ms;

}



.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-height26);

    /* font-weight: var(--ztc-weight-semibold); */

    padding-bottom: 20px;

}



.vl-banner4 .banner-content .title {

    /* color: var(--ztc-text-text-1); */

    font-size: var(--ztc-font-size-font-s32);

    line-height: var(--ztc-specing-height50);

    padding-top: 16px;

    padding-bottom: 16px;

}

}



@media (max-width: 767px) {

  .vl-section-title-1 .title {

    font-size: var(--ztc-font-size-font-s30);

    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); */

      margin: 0 10% 50px;

    text-align: center;

}

.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-s30);

  line-height: var(--ztc-specing-height44);

  font-family: var(--ztc-family-font2);

  /* font-weight: var(--ztc-weight-semibold); */

}

@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: var(--ztc-bg-bg-8);

    color: var(--ztc-text-text-15);

  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); */

  padding: 8px 12px;

}

.vl-section-title-3 .title {

  color: #a77922;

  font-size: var(--ztc-font-size-font-s40);

  line-height: var(--ztc-specing-height44);

  font-family: var(--ztc-family-font2);

  font-weight: 700;

  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-single-cause-box-2 {

      height: auto !important;

    }

  .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-banner4 .banner-content {

    padding-top: 140px;

    padding-bottom: 134px;

  transition: 1600ms;

}



.vl-banner4 .banner-content .title {

   

    line-height: var(--ztc-specing-height56) !important;

   

}

}

.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: #a77922;

  font-size: var(--ztc-font-size-font-s40);

  line-height: var(--ztc-specing-height52);

  font-family: var(--ztc-family-font2);

  font-weight: 700;

  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);

  padding-bottom: 16px;



}

@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=date],

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=date]: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;

}



.mb-100 {

  margin-bottom: 100px;

}



.mb-150 {

  margin-bottom: 150px;

}





@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;

}



.mt-50 {

  margin-top: 50px;

}



.mt-80{

  margin-top:  80px;

}



.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: #c17e37;

  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: 12px 20px;

    border-radius: 8px;

  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: 8px;

  transition: 0.3s;

  margin-left: 8px;

}

.btn-area .header-btn1 span i {

  transform: rotate(-45deg);

  transition: 0.3s;

  color: var(--ztc-text-text-3);

}

.btn-area .header-btn1:after {

  position: absolute;

  content: "";

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background: var(--ztc-text-text-3);

 border-radius: 8px;

  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-17);

  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: 12px 20px;

      border-radius: 8px;

  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: 8px;

  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: "FontAwesome";

  content: "\f062";

  text-align: center;

  line-height: 56px;

  font-size: 18px;

  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);*/

color: #d5993f;;

  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:#c38206;

  stroke-width: 4;

  box-sizing: border-box;

  transition: all 200ms linear;

}

.progress-wrap .progress-wrap2 svg.progress-circle path {

  stroke:#c38206;

  stroke-width: 4;

  box-sizing: border-box;

  transition: all 200ms linear;

}



.progress-wrap2 svg.progress-circle path {

  stroke:#c38206;

  stroke-width: 4;

  box-sizing: border-box;

  transition: all 200ms linear;

}



.progress-wrap2::after {

  z-index: 1;

  color: #d5993f;

}



.progress-wrap4 svg.progress-circle path {

  stroke:#c38206;

  stroke-width: 4;

  box-sizing: border-box;

  transition: all 200ms linear;

}



.progress-wrap4::after {

  z-index: 1;

  color: #d5993f;

}



.progress-wrap5 svg.progress-circle path {

 stroke:#c38206;

  stroke-width: 4;

  box-sizing: border-box;

  transition: all 200ms linear;

}



.progress-wrap5::after {

  z-index: 1;

  color: #d5993f;

}



.progress-wrap6 svg.progress-circle path {

  stroke:#c38206;

  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: 130px;

  width: 130px;

}



#loading-icon img {

  height: auto;

  width: 100px;
 display: flex;

  align-items: center;

  justify-content: center;
}



@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: 180px;

  padding-bottom: 100px;

}

.vl-breadcrumb-title2 {

  padding-top: 60px;

  padding-bottom: 30px;

}

.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-s32);

  line-height: var(--ztc-specing-height40);

  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;*/ 

    margin-bottom: 138px;

  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);*/

background: #c17e37;

  padding: 24px;

  border-radius: 8px;

  position: absolute;

/*  bottom: 20px;*/

    bottom: -80px;

  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: 100px;

  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);*/

color: #dfdddd;

  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: 17px;

  /*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;

  line-height: 16px;

}

.vl-footer-widget-2 .vl-footer-menu ul li a:hover {

  color: #d89023;

}

.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;

  filter: invert(1);

}

.vl-footer-widget-3 .vl-footer-icon-list {

  display: flex;

  margin-bottom: 20px;

}



.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);*/

color: #dfdddd;

  font-size: var(--ztc-font-size-font-s16);

  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);*/

color: #dfdddd;

  font-size: var(--ztc-font-size-font-s16);

  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);*/

background: #4a4a4a;

  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);*/

color: #dfdddd;

}

.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-17);

  transition: 0.3s;

  color: var(--ztc-text-text-1);

}

.vl-footer-bg-4 .vl-footer-widget-2 .title {

/*  color: var(--ztc-text-text-15);*/

color: #fff;

  transition: 0.3s;

}

.vl-footer-bg-4 .vl-footer-widget-2 .vl-footer-menu ul li a {

/*  color: var(--ztc-text-text-16);*/

color: #dfdddd;

  transition: 0.3s;

}

.vl-footer-bg-4 .vl-footer-widget-2 .vl-footer-menu ul li a:hover {

  color: var(--ztc-text-text-17);

  transition: 0.3s;

}

.vl-footer-bg-4 .vl-footer-widget-3 .title {

/*  color: var(--ztc-text-text-15);*/

color: #fff;

}

.vl-footer-bg-4 .vl-footer-widget-3 .vl-footer-icon-list .vl-footer-text a {

/*  color: var(--ztc-text-text-16);*/

color: #dfdddd;

  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-17);

  transition: 0.3s;

}

.vl-footer-bg-4 .vl-copyright {

 border-top: 1px solid #747474;

  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;

  background: #fff;

  color: #000  !important ;

}

.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 20px;

}

.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; */

  color: var(--ztc-text-text-3);

}

.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: #fff;

  transition: all 0.4s;

}



.vl-header-top {

  /* background: var(--ztc-bg-bg-2); */



 background:  #757575;

}

.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;

      border: 1px solid #bababa;

}



.header-elements.header-elements-1 .header-btn1:hover span {

  background: var(--ztc-text-text-4);

  transition: 0.3s;

}



.homepage1-body .header-area.homepage1 .main-menu ul li a {

  color: #000;

  

}







/*============= 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-height18);

  /* font-weight: var(--ztc-weight-semibold); */

  color: #000;

  display: inline-block;

  transition: all 0.4s;

  padding: 0 20px;

  padding-top: 33px;

  padding-bottom: 33px;

}



.homepage1-body .header-area.homepage1 .header-elements .main-menu-3 ul li a {

  color: var(--ztc-text-text-1) !important;

}





.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: 280px;

  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;

      line-height: 24px;

    font-size: 17px;

  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-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-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-3) ;

}

.homepage1-body .header-area.homepage1 .header-elements .main-menu-4 ul li a::after {

  background: var(--ztc-text-text-17) !important;

}

.homepage1-body .header-area.homepage1 .header-elements .main-menu-4 ul li a:hover::after {

  background: var(--ztc-text-text-17) !important;

}

.homepage1-body .header-area.homepage1 .header-elements .main-menu-4 ul li:hover > a {

  transition: all 0.4s;

  color: var(--ztc-text-text-17) !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: #fff; 

  transition: all 0.4s;

}

.header-area.homepage1.sticky.header-area2 {

  background: var(--ztc-text-text-10);

  top: 0;

  color: var(--ztc-text-text-1);

}



.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);

      box-shadow: 1px 2px 9px rgb(0 0 0 / 10%);

}

.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: #a77922;

  font-size: var(--ztc-font-size-font-s40);

  line-height: var(--ztc-specing-height54);

  font-family: var(--ztc-family-font2);

  font-weight: 700;

  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=date],

.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=date]::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 input[type=date]: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-17);

}

.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-17);

  transition: 0.3s;

}

.vl-icon-box-inner .iconbox.active .icon-box-flex .icon span img {

  filter: grayscale(1);

  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: var(--ztc-font-size-font-s90);

  line-height: var(--ztc-specing-height92);

  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;

  }



  .banner-content{

    padding-top: 140px;



  }

}

.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.html);

  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.html);

    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(https://html.fleexstudio.com/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(https://html.fleexstudio.com/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;*/ 

    z-index: 1;

    background-size: 100%; 

    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;

    background-size: 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;*/

     padding-top: 140px;

    padding-bottom: 134px;

 /* 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;*/

    padding-top: 130px;

        padding-bottom: 20px;

        opacity: 1;

        transform: translate(10px, 10px);

        visibility: visible;

  }

}

.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-s48);

  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);

      padding-bottom: 20px;

}

.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-border{

      border: 1px solid rgb(231 231 231);

    border-top: 1px solid #e4e4e4;

    border-radius: 5px;

    padding: 15px 30px 30px;

}

/*.vl-mission-content-checkbox-border ul li span {

  background: var(--ztc-text-text-17);

  height: 22px;

  width: 22px;

  display: inline-block;

  line-height: 23px;

  text-align: center;

  border-radius: 50px;

  color: var(--ztc-text-text-1);

  font-size: 16px;

  margin-right: 10px;

}*/

.vl-mission-content-checkbox-border 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-border ul li:last-child {

  margin-bottom: 0;

}

/*.vl-mission-content-checkbox-border ul li span {

  background: var(--ztc-text-text-17);

  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: 10px;

}*/



.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); */

display: flex;

align-items: center;

  margin-bottom: 16px;

  

}



.vl-mission-content-checkbox ul li:last-child {

  margin-bottom: 0;

}

/*.vl-mission-content-checkbox ul li span {

  background: #d5993f;

  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: 10px;

}*/





 .order-list li {

    display: inherit;

    position: relative;

    padding-left: 40px;

    margin: 15px 0px;

    line-height: 27px !important;

}



.order-list li:before {

   position: absolute;

    content: '\f00c';

    color: #ffffff;

    background-color: #d5993f;

    border-radius: 100px;

    padding: 1px 5px;

    line-height: 20px;

    font-weight: 600;

    font-size: 14px;

    left: 0px;

    top: 4px;

    font-family: 'Font Awesome 6 Pro';

}



.vl-about2 {

  background: var(--ztc-bg-bg-5);

  overflow: hidden;

}

.vl-about2 .vl-about-thumb {

/*  width: 770px;*/

width: 660px;

  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: 650px;*/

  right: 0;

  top: 30px;

      border: 1px solid #e7e7e7;

}

@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 .large-thumb img {

  border-radius: 8px;

  height: 650px;

  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-s18);

  line-height: var(--ztc-specing-height44);

  font-family: var(--ztc-family-font2);

  /* font-weight: var(--ztc-weight-bold); */

}



.vl-about-mission-bg .mission-content .head-title {

  color: #a77922;

  font-size: var(--ztc-font-size-font-s40);

  line-height: var(--ztc-specing-height44);

  font-family: var(--ztc-family-font2);

  font-weight: 700;

}

.vl-about-mission-bg .mission-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); */

}

.vl-about-mission-bg .icon-list-box ul li {

  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-font2);

  /* font-weight: var(--ztc-weight-bold); */

  display: inline-block;

  padding-bottom: 16px;

  margin-right: 10px;



}

.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-17);

  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: 45px;

/*   border-bottom: 3px solid #E8E8E7;

 width: 1250px;*/

}

@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: #b27433;

  background-color: inherit;

  font-size: var(--ztc-font-size-font-s18);

  line-height: var(--ztc-specing-height20);

  font-family: var(--ztc-family-font2);

  font-weight: var(--ztc-weight-bold);

 border-bottom: 3px solid #000000;

    border-radius: inherit;

    padding-bottom: 20px;

    margin-bottom: -22px;

}

.vl-about-vission-bg .vl-vission-tab2 .nav-link {

  color: #181713;

  font-size: var(--ztc-font-size-font-s18);

  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; */

    gap: 65px;

  margin-top: 20px;

      margin-bottom: 21px;

}

.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 {

      height: 570px;

  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: #d5993f;

}

.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-17);

  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-17);

}

.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;

  height: 390px;

    padding: 15px 0px;

    background: var(--ztc-text-text-1);

    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.09);

}

.vl-services2 .vl-single-service-box .vl-service-box-content .read-more span {

  transition: 0.3s;

      padding-left: 4px;

}

.vl-services2 .vl-single-service-box.active {

  background: var(--ztc-text-text-18);

  transition: 0.3s;



}



.vl-services2 .vl-single-service-box.active .icon span img {

      filter: invert(1);

}





.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: 65px;

    line-height: 70px;

    text-align: center;

    border-radius: 50px;

    margin-left: 22px;

    transition: 0.3s;

    padding-top: 15px;

  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-s16);

  line-height: var(--ztc-specing-height18);

  font-family: var(--ztc-family-font2);

  /* font-weight: var(--ztc-weight-bold); */

  transition: 0.3s;

  padding-left: 10px;

}

.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: #a77922;

  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 .discStyle li {

  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===============*/



/*# sourceMappingURL=main.css.map */



.discStyle li{

      /* list-style-type: disc !important; */

    /* padding: 10px; */

    padding-top: 6px;

}





.thumb {

  width: 100%;

}



.sm-thumb {

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100px; /* or whatever suits your layout */

}



.sm-thumb img {

  max-width: 100%;

  height: auto;

}



.finance-heading{

  color: #353535;

}

.description{

  font-size:18px;

      line-height: 31px;

          margin: 0 12%;

  /* font-size: 22px;

  text-align: justify; */

  

}



.sub-heading{

  font-size: 18px;

  font-weight: 500;

  padding: 10px;

 margin: 10px;

}

.desc{

	width:500px;

/*	margin: 0 auto;*/

	

}



.logoColor{

  color: #a77922;

  font-weight: 700;

  text-align: center;

}



/* May5 -2025 */

.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a i { 

  font-size: 13px;

}

.vl-breadcrumb-title h2{

    font-size: 32px;

}

.pt-60 {

  padding-top: 60px;

}

.pb-60 {

  padding-bottom: 60px;

}

.aboutimg img{

    border-radius: 8px;

}



/* .vl-cause-content ul li{

 padding-bottom: 10px;

} */

.landservice-icons{

      margin: 30px 0px 0px 30px;

}