/*
============================
Name:  Arva
Version: 1.0.0
Description: Arva - Modern Business Consulting HTML Template
Author: Vikiglab
Author URI: https://themeforest.net/user/vikinglab/portfolio
Location:
============================
*/
/************ TABLE OF CONTENTS ***************

	-----------------
    01 THEME CSS
	-----------------
		 Theme Default
		 Common Classes
		 Default Spacing

	-----------------
     02 COMPONENTS css
	-----------------
		 HERO CSS AREA
		 MOBILE MENU CSS AREA
		 SERVICE CSS AREA
		 PREVIEW CSS AREA
	-----------------
     03 LAYOUT CSS
	-----------------
		 PAGES
		 BLOG
		 HEADER
		 FOOTER
		 MENU

    ---------------------------------
	 04. MENU CSS
	---------------------------------
       HEADER CSS AREA 
	--------------------------------- 
	 05 BLOG CSS
	--------------------------------- 
       BLOG CSS AREA
	--------------------------------- 
	 06. FOOTER CSS
	--------------------------------- 
      FOOTER CSS AREA
	---------------------------------  
	 07. PAGES CSS 
	---------------------------------  
       CHOOSE CSS AREA 
       CONTACT CSS AREA  
       CTA CSS AREA 
       FAQ CSS AREA 
       OTHERS CSS AREA  
       PRICING CSS AREA 
       PROEJCTS CSS AREA 
       TEAM CSS AREA
       TESTIMONIAL CSS AREA
       WORK CSS AREA
       WE OFFER CSS AREA
       CASE CSS AREA
       SKILL CSS AREA

**********************************************/
@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");
body {
  overflow-x: hidden;
}

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

ul {
  padding: 0;
  margin: 0;
}
ul li {
  list-style: none;
}

h2, p {
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
}

input, textarea {
  background: none;
  border: none;
  outline: none;
}

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

.space6 {
  height: 6px;
}

.space8 {
  height: 8px;
}

.space10 {
  height: 10px;
}

.space12 {
  height: 12px;
}

.space14 {
  height: 14px;
}

.space16 {
  height: 16px;
}

.space18 {
  height: 18px;
}

.space20 {
  height: 20px;
}

.space22 {
  height: 22px;
}

.space24 {
  height: 24px;
}

.space26 {
  height: 26px;
}

.space28 {
  height: 28px;
}

.space30 {
  height: 30px;
}

.space32 {
  height: 32px;
}

.space34 {
  height: 34px;
}

.space36 {
  height: 36px;
}

.space38 {
  height: 38px;
}

.space40 {
  height: 40px;
}

.space42 {
  height: 42px;
}

.space44 {
  height: 44px;
}

.space46 {
  height: 46px;
}

.space48 {
  height: 48px;
}

.space50 {
  height: 50px;
}

.space52 {
  height: 52px;
}

.space54 {
  height: 54px;
}

.space56 {
  height: 56px;
}

.space58 {
  height: 58px;
}

.space60 {
  height: 60px;
}

.space62 {
  height: 62px;
}

.space64 {
  height: 64px;
}

.space66 {
  height: 66px;
}

.space68 {
  height: 68px;
}

.space70 {
  height: 70px;
}

.space72 {
  height: 72px;
}

.space74 {
  height: 74px;
}

.space76 {
  height: 76px;
}

.space78 {
  height: 78px;
}

.space80 {
  height: 80px;
}

.space82 {
  height: 82px;
}

.space84 {
  height: 84px;
}

.space86 {
  height: 86px;
}

.space {
  height: 88px;
}

.space90 {
  height: 90px;
}

.space92 {
  height: 92px;
}

.space94 {
  height: 94px;
}

.space96 {
  height: 96px;
}

.space98 {
  height: 98px;
}

.space100 {
  height: 100px;
}

@keyframes animation-5 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.aniamtion-key-5 {
  position: relative;
  animation-name: animation-5;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  transition: all 0.4s ease-in-out;
}

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

@keyframes keyframe-6 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1000deg);
  }
}
.keyframe6 {
  position: relative;
  animation-name: keyframe-6;
  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;
}
@keyframes fade-in-down {
  0% {
    transform: translate3d(0, -50px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@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;
  }
}
.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);
  }
}
@keyframes glow_animation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.image-anime {
  position: relative;
  overflow: hidden;
}

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

.image-anime:hover:after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}

.vl-clip-anim {
  width: 100%;
  display: grid;
  align-items: center;
  justify-items: center;
  overflow: hidden;
  position: relative;
}

.vl-clip-anim .vl-anim-img {
  opacity: 0;
  width: 100%;
  height: 100%;
}

.vl-clip-anim .mask {
  background-size: cover;
  background-position: center;
  transform: scale(1.005);
}

.vl-clip-anim > * {
  grid-area: 1/1/2/2;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

:root {
  --ztc-text-text-1: #fff;
  --ztc-text-text-2: #121C27;
  --ztc-text-text-3: #484C51;
  --ztc-text-text-4: #005858;
  --ztc-text-text-5: #E8FE85;
  --ztc-text-text-6: #7D54B2;
  --ztc-text-text-7: #053F46;
  --ztc-text-text-8: #36484B;
  --ztc-text-text-9: #01B070;
  --ztc-text-text-10: #F5BD8A;
  --ztc-text-text-11: #00332D;
  --ztc-text-text-12: #4C6966;
  --ztc-text-text-13: #C5FB63;
  --ztc-text-text-14: #1A7266;
  --ztc-text-text-15: #6750AC;
  --ztc-text-text-16: #2B4550;
  --ztc-text-text-17: #486370;
  --ztc-text-text-18: #071E1A;
  --ztc-text-text-19: #565B65;
  --ztc-text-text-20: #A184EB;
  --ztc-text-text-21: #0B0019;
  --ztc-text-text-22: #524E57;
  --ztc-text-text-23: #9F55FF;
  --ztc-text-text-24: #000112;
  --ztc-text-text-25: #494952;
  --ztc-text-text-26: #A76CF3;
  --ztc-bg-bg-1: #fff;
  --ztc-bg-bg-2: #121C27;
  --ztc-bg-bg-3: #005858;
  --ztc-bg-bg-4: #7D54B2;
  --ztc-bg-bg-5: #053F46;
  --ztc-bg-bg-6: #01B070;
  --ztc-bg-bg-7: linear-gradient(148deg, #F5BD8A 0.19%, #F4DE9F 125.74%);
  --ztc-bg-bg-8: #614D42;
  --ztc-bg-bg-9: #00332D;
  --ztc-bg-bg-10: #C5FB63;
  --ztc-bg-bg-11: #EFFFD1;
  --ztc-bg-bg-12: #1A7266;
  --ztc-bg-bg-13: linear-gradient(90deg, #6750AC 0%, #AA6EF7 100%);
  --ztc-bg-bg-14: linear-gradient(90deg, #AA6EF7 0%, #6750AC 100%);
  --ztc-bg-bg-15: #2B4550;
  --ztc-bg-bg-16: #F6F8FC;
  --ztc-bg-bg-17: #071E1A;
  --ztc-bg-bg-18: #A184EB;
  --ztc-bg-bg-19: #E7E8F4;
  --ztc-bg-bg-20: #F3F2F9;
  --ztc-bg-bg-21: #0B0019;
  --ztc-bg-bg-22: #9F55FF;
  --ztc-bg-bg-23: #000112;
  --ztc-bg-bg-24: linear-gradient(90deg, #6951AE 0%, #A76CF3 100%);
  --ztc-bg-bg-25: linear-gradient(180deg, #DEBFFE 0%, #F1D8F5 100%);
  --ztc-bg-bg-26: #EEDEFF;
  --ztc-bg-bg-27: #EFEFEF;
  --ztc-bg-bg-28: #063232;
  --ztc-bg-bg-29: #E8FE85;
  --ztc-border-border-1: #E5E7EB;
  --ztc-border-border-2: #dfdcdc;
  --ztc-border-border-3: rgba(43, 69, 80, 0.16);
  --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-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-s100: 100px;
  --ztc-font-size-font-s110: 110px;
  --ztc-font-size-font-s120: 120px;
  --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-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-s100: 100px;
  --ztc-font-size-font-s110: 110px;
  --ztc-font-size-font-s120: 120px;
  --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-height56: 56px;
  --ztc-specing-height58: 58px;
  --ztc-specing-height60: 60px;
  --ztc-specing-height70: 70px;
  --ztc-specing-height80: 80px;
  --ztc-specing-height90: 90px;
  --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: 'Instrument Serif', serif;
  --ztc-family-font2: 'Mulish', sans-serif;
}

/*============= COMMON CSS AREA ===============*/
.header-heading1 .sub_title {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
}
.header-heading1 .sub_title img {
  height: 24px;
  width: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 4px 0 0;
}
@media (max-width: 767px) {
  .header-heading1 .sub_title {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.header-heading1 h1 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s80);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 90px;
}
.header-heading1 h1 .head_diff {
  color: #E8FE85;
  display: inline-block;
}
@media (max-width: 767px) {
  .header-heading1 h1 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}
.header-heading1 p {
  color: rgba(245, 245, 245, 0.9);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.header_heading2 h1 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: 110px;
  font-style: normal;
  font-weight: 400;
  line-height: 110px;
}
.header_heading2 h1 span {
  color: var(--ztc-text-text-5);
}
@media (max-width: 767px) {
  .header_heading2 h1 span img {
    display: none;
  }
}
@media (max-width: 767px) {
  .header_heading2 h1 {
    font-size: var(--ztc-font-size-font-s50);
    line-height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_heading2 h1 {
    font-size: var(--ztc-font-size-font-s80);
    line-height: 80px;
  }
}
.header_heading2 .pera {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.heading1 .sub_title {
  color: var(--ztc-text-text-4);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
}
.heading1 .sub_title img {
  height: 24px;
  width: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 4px 0 0;
}
@media (max-width: 767px) {
  .heading1 .sub_title {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.heading1 h2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
.heading1 h2 span {
  color: var(--ztc-text-text-5);
  display: inline-block;
}
@media (max-width: 767px) {
  .heading1 h2 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
  }
}
.heading1 p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.heading1-w .sub_title {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
}
.heading1-w .sub_title img {
  height: 24px;
  width: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 4px 0 0;
}
@media (max-width: 767px) {
  .heading1-w .sub_title {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.heading1-w h2 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
.heading1-w h2 span {
  color: var(--ztc-text-text-5);
  display: inline-block;
}
@media (max-width: 767px) {
  .heading1-w h2 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
  }
}
.heading1-w p {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.heading2 .sub_title {
  color: var(--ztc-text-text-6);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}
.heading2 .sub_title img {
  height: 24px;
  width: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 4px 0 0;
}
@media (max-width: 767px) {
  .heading2 .sub_title {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.heading2 h2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
.heading2 h2 span {
  color: var(--ztc-text-text-5);
  display: inline-block;
}
@media (max-width: 767px) {
  .heading2 h2 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
  }
}
.heading2 .pera {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.heading3 h5 {
  color: var(--ztc-text-text-9);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}
.heading3 h5 img {
  height: 24px;
  width: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 4px 0 0;
}
@media (max-width: 767px) {
  .heading3 h5 {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.heading3 h2 {
  color: var(--ztc-text-text-7);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
.heading3 h2 span {
  color: var(--ztc-text-text-5);
  display: inline-block;
}
@media (max-width: 767px) {
  .heading3 h2 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
  }
}
.heading3 .pera {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.heading3-w h5 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}
.heading3-w h5 img {
  height: 24px;
  width: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 4px 0 0;
}
@media (max-width: 767px) {
  .heading3-w h5 {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.heading3-w h2 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
.heading3-w h2 span {
  color: var(--ztc-text-text-5);
  display: inline-block;
}
@media (max-width: 767px) {
  .heading3-w h2 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
  }
}
.heading3-w .pera {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.heading4 .sub_title {
  color: var(--ztc-text-text-9);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}
.heading4 .sub_title img {
  height: 24px;
  width: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 4px 0 0;
}
@media (max-width: 767px) {
  .heading4 .sub_title {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.heading4 h2 {
  color: var(--ztc-text-text-7);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
@media (max-width: 767px) {
  .heading4 h2 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
  }
}
.heading4 .pera {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.heading5 .sub_title {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}
.heading5 .sub_title img {
  height: 24px;
  width: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 4px 0 0;
}
@media (max-width: 767px) {
  .heading5 .sub_title {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.heading5 h2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
.heading5 h2 span {
  color: var(--ztc-text-text-5);
  display: inline-block;
}
@media (max-width: 767px) {
  .heading5 h2 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading5 h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading5 h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}
.heading5 .pera {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.heading5-w .sub_title {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}
.heading5-w .sub_title img {
  height: 24px;
  width: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 4px 0 0;
  filter: brightness(0) invert(1);
}
@media (max-width: 767px) {
  .heading5-w .sub_title {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.heading5-w h2 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
.heading5-w h2 span {
  color: var(--ztc-text-text-5);
  display: inline-block;
}
@media (max-width: 767px) {
  .heading5-w h2 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
  }
}
.heading5-w .pera {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.heading6 .sub_title {
  color: var(--ztc-text-text-11);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}
.heading6 .sub_title img {
  height: 24px;
  width: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 4px 0 0;
}
@media (max-width: 767px) {
  .heading6 .sub_title {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.heading6 h2 {
  color: var(--ztc-text-text-11);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
.heading6 h2 span {
  color: var(--ztc-text-text-5);
  display: inline-block;
}
@media (max-width: 767px) {
  .heading6 h2 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading6 h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading6 h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}
.heading6 .pera {
  color: var(--ztc-text-text-12);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.heading6-w .sub_title {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}
.heading6-w .sub_title img {
  height: 24px;
  width: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 4px 0 0;
  filter: brightness(0) invert(1);
}
@media (max-width: 767px) {
  .heading6-w .sub_title {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.heading6-w h2 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
.heading6-w h2 span {
  color: var(--ztc-text-text-5);
  display: inline-block;
}
@media (max-width: 767px) {
  .heading6-w h2 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading6-w h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading6-w h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}
.heading6-w .pera {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.heading7 .sub_title {
  color: var(--ztc-text-text-15);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}
.heading7 .sub_title img {
  height: 24px;
  width: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 4px 0 0;
}
@media (max-width: 767px) {
  .heading7 .sub_title {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.heading7 h2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
.heading7 h2 span {
  color: var(--ztc-text-text-5);
  display: inline-block;
}
@media (max-width: 767px) {
  .heading7 h2 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading7 h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading7 h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}
.heading7 .pera {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.heading7-w .sub_title {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}
.heading7-w .sub_title img {
  height: 24px;
  width: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 4px 0 0;
}
@media (max-width: 767px) {
  .heading7-w .sub_title {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.heading7-w h2 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
.heading7-w h2 span {
  color: var(--ztc-text-text-5);
  display: inline-block;
}
@media (max-width: 767px) {
  .heading7-w h2 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading7-w h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading7-w h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}
.heading7-w .pera {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  opacity: 80%;
}

.heading8 .sub_title {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
}
.heading8 .sub_title img {
  height: 24px;
  width: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 4px 0 0;
}
@media (max-width: 767px) {
  .heading8 .sub_title {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.heading8 h2 {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
.heading8 h2 span {
  color: var(--ztc-text-text-5);
  display: inline-block;
}
@media (max-width: 767px) {
  .heading8 h2 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading8 h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading8 h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}
.heading8 .pera {
  color: var(--ztc-text-text-17);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.heading8_w .sub_title {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
}
.heading8_w .sub_title img {
  height: 24px;
  width: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 4px 0 0;
  filter: brightness(0) invert(1);
}
@media (max-width: 767px) {
  .heading8_w .sub_title {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.heading8_w h2 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
.heading8_w h2 span {
  color: var(--ztc-text-text-1);
  display: inline-block;
}
@media (max-width: 767px) {
  .heading8_w h2 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading8_w h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading8_w h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}
.heading8_w .pera {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.heading9 .sub_title {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
  position: relative;
}
.heading9 .sub_title svg {
  margin: 0 4px 0 0;
}
.heading9 .sub_title::after {
  background: var(--ztc-bg-bg-18);
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  border-radius: 50%;
  left: -5px;
  top: 0;
  line-height: 42px;
  z-index: -1;
}
.heading9 h2 {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
@media (max-width: 767px) {
  .heading9 h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 48px;
  }
}
.heading9 p {
  color: var(--ztc-text-text-19);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.heading10 h2 {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
@media (max-width: 767px) {
  .heading10 h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 48px;
  }
}
.heading10 .pera {
  color: var(--ztc-text-text-22);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
}

.heading11 .sub_title {
  color: var(--ztc-text-text-24);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
  border-radius: 50px;
  border: 1px solid #956BF4;
  background: linear-gradient(87deg, rgba(222, 191, 254, 0.3) 0%, rgba(241, 216, 245, 0.3) 100%);
  padding: 10px 16px;
}
.heading11 h2 {
  color: var(--ztc-text-text-24);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
@media (max-width: 767px) {
  .heading11 h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 48px;
  }
}
.heading11 .pera {
  color: var(--ztc-text-text-25);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.heading12 .sub_title {
  color: var(--ztc-text-text-24);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.3);
  padding: 10px 16px;
}
.heading12 h2 {
  color: var(--ztc-text-text-24);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
@media (max-width: 767px) {
  .heading12 h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 48px;
  }
}
.heading12 .pera {
  color: var(--ztc-text-text-25);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.heading13 .sub_title {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.3);
  padding: 10px 16px;
}
.heading13 h2 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
@media (max-width: 767px) {
  .heading13 h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 48px;
  }
}
.heading13 .pera {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  opacity: 80%;
}

/*============= COMMON CSS AREA ENDS===============*/
.image-anime {
  position: relative;
  overflow: hidden;
}

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

.image-anime:hover:after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}

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

@media (max-width: 767px) {
  .mt-30 {
    margin-top: 30px;
  }
}
.body_color1 {
  background: #F6F6F6;
}

.body_color4 {
  background: #FFFCF9;
}

.body_color6 {
  background: #F7F7F7;
}

.body_color7 {
  background: #F6F8FC;
}

.body_color8 {
  background: #F3F2F9;
}

.body_color10 {
  background: #F6EDFF;
}

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

.sp11 {
  padding: 70px 0 100px;
}
@media (max-width: 767px) {
  .sp11 {
    padding: 20px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp11 {
    padding: 20px 0 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;
  }
}

.space-margin44 {
  margin-bottom: 44px;
}
@media (max-width: 767px) {
  .space-margin44 {
    margin-bottom: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .space-margin44 {
    margin-bottom: 22px;
  }
}

.vl-btn1 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  border-bottom: 4px solid rgba(255, 255, 255, 0.3);
  background: var(--ztc-bg-bg-3);
  padding: 18px 22px;
  transition: all 0.4s;
  display: inline-block;
}
.vl-btn1:hover {
  background: var(--ztc-bg-bg-2);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}

.vl-btn2 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-4);
  padding: 18px 22px;
  transition: all 0.4s;
  display: inline-block;
}
.vl-btn2:hover {
  background: var(--ztc-bg-bg-2);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}

.vl-btn3 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-1);
  padding: 18px 22px;
  transition: all 0.4s;
  display: inline-block;
}
.vl-btn3:hover {
  background: var(--ztc-bg-bg-2);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}

.vl-btn4 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-6);
  padding: 18px 22px;
  transition: all 0.4s;
  display: inline-block;
}
.vl-btn4:hover {
  background: var(--ztc-bg-bg-5);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}

.vl-btn5 {
  color: var(--ztc-text-text-7);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-1);
  padding: 18px 22px;
  transition: all 0.4s;
  display: inline-block;
}
.vl-btn5:hover {
  background: var(--ztc-bg-bg-2);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}

.vl-btn6 {
  border-radius: 100px;
  background: var(--ztc-bg-bg-7);
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 16px;
  display: inline-block;
}
.vl-btn6::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  transition: all 0.4s;
  left: 50%;
  background: var(--ztc-bg-bg-2);
  top: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.vl-btn6:hover::after {
  width: 100%;
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  left: 0;
}
.vl-btn6:hover .text {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  padding-right: 36px;
  padding-left: 0;
}
.vl-btn6:hover .arrow {
  left: -40px;
}
.vl-btn6:hover .arrow2 {
  right: 8px;
  transition: all 0.4s;
}
.vl-btn6 .text {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  transition: all 0.4s;
  padding-left: 36px;
}
.vl-btn6 .arrow {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-2);
  border-radius: 50%;
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 9px;
}
.vl-btn6 .arrow2 {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-1);
  border-radius: 50%;
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  right: -40px;
  top: 9px;
  transform: rotate(-45deg);
}

.vl-btn7 {
  border-radius: 8px;
  background: var(--ztc-bg-bg-12);
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 16px;
  display: inline-block;
}
.vl-btn7::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  transition: all 0.4s;
  left: 50%;
  background: var(--ztc-bg-bg-10);
  top: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.vl-btn7:hover::after {
  width: 100%;
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  left: 0;
}
.vl-btn7:hover .text {
  color: var(--ztc-text-text-11);
  transition: all 0.4s;
  padding-right: 36px;
  padding-left: 0;
}
.vl-btn7:hover .arrow {
  left: -40px;
}
.vl-btn7:hover .arrow2 {
  right: 8px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
}
.vl-btn7 .text {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  transition: all 0.4s;
  padding-left: 36px;
}
.vl-btn7 .arrow {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-10);
  border-radius: 4px;
  color: var(--ztc-text-text-11);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 9px;
}
.vl-btn7 .arrow2 {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-10);
  border-radius: 4px;
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  right: -40px;
  top: 9px;
}

.vl-btn8 {
  border-radius: 8px;
  border: 1px solid var(--ztc-bg-bg-12);
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 16px;
  display: inline-block;
}
.vl-btn8::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  transition: all 0.4s;
  left: 50%;
  background: var(--ztc-bg-bg-12);
  top: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.vl-btn8:hover::after {
  width: 100%;
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  left: 0;
}
.vl-btn8:hover .text {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  padding-right: 36px;
  padding-left: 0;
}
.vl-btn8:hover .arrow {
  left: -40px;
}
.vl-btn8:hover .arrow2 {
  right: 8px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-10);
}
.vl-btn8 .text {
  color: var(--ztc-text-text-14);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  transition: all 0.4s;
  padding-left: 36px;
}
.vl-btn8 .arrow {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-12);
  border-radius: 4px;
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 9px;
}
.vl-btn8 .arrow2 {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-10);
  border-radius: 4px;
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  right: -40px;
  top: 9px;
}

.vl-btn9 {
  border-radius: 8px;
  background: var(--ztc-bg-bg-10);
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 16px;
  display: inline-block;
}
.vl-btn9::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  transition: all 0.4s;
  left: 50%;
  background: var(--ztc-bg-bg-12);
  top: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.vl-btn9:hover::after {
  width: 100%;
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  left: 0;
}
.vl-btn9:hover .text {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  padding-right: 36px;
  padding-left: 0;
}
.vl-btn9:hover .arrow {
  left: -40px;
}
.vl-btn9:hover .arrow2 {
  right: 8px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-10);
}
.vl-btn9 .text {
  color: var(--ztc-text-text-11);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  transition: all 0.4s;
  padding-left: 36px;
}
.vl-btn9 .arrow {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-9);
  border-radius: 4px;
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 9px;
}
.vl-btn9 .arrow2 {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-10);
  border-radius: 4px;
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  right: -40px;
  top: 9px;
}

.vl-btn10 {
  border-radius: 100px;
  background: var(--ztc-bg-bg-13);
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 16px;
  display: inline-block;
}
.vl-btn10::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  transition: all 0.4s;
  left: 50%;
  background: var(--ztc-bg-bg-14);
  top: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.vl-btn10:hover::after {
  width: 100%;
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  left: 0;
}
.vl-btn10:hover .text {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  padding-right: 36px;
  padding-left: 0;
}
.vl-btn10:hover .arrow {
  left: -40px;
}
.vl-btn10:hover .arrow2 {
  right: 8px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
}
.vl-btn10 .text {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  transition: all 0.4s;
  padding-left: 36px;
}
.vl-btn10 .arrow {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-1);
  border-radius: 50%;
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 9px;
  transform: rotate(-45deg);
}
.vl-btn10 .arrow2 {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-1);
  border-radius: 50%;
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  right: -40px;
  top: 9px;
  transform: rotate(-45deg);
}

.vl-btn11 {
  border-radius: 100px;
  background: var(--ztc-bg-bg-13);
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 16px;
  display: inline-block;
}
.vl-btn11::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  transition: all 0.4s;
  left: 50%;
  background: var(--ztc-bg-bg-14);
  top: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.vl-btn11:hover::after {
  width: 100%;
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  left: 0;
}
.vl-btn11:hover .text {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  padding-right: 36px;
  padding-left: 0;
}
.vl-btn11:hover .arrow {
  left: -40px;
}
.vl-btn11:hover .arrow2 {
  right: 8px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
}
.vl-btn11 .text {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  transition: all 0.4s;
  padding-left: 36px;
}
.vl-btn11 .arrow {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-1);
  border-radius: 50%;
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 9px;
}
.vl-btn11 .arrow2 {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-1);
  border-radius: 50%;
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  right: -40px;
  top: 9px;
  transform: rotate(-45deg);
}

.vl-btn12 {
  border-radius: 100px;
  background: var(--ztc-bg-bg-15);
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 16px;
  display: inline-block;
}
.vl-btn12::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  transition: all 0.4s;
  left: 50%;
  background: var(--ztc-bg-bg-15);
  top: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.vl-btn12:hover::after {
  width: 100%;
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  left: 0;
}
.vl-btn12:hover .text {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  padding-right: 36px;
  padding-left: 0;
}
.vl-btn12:hover .arrow {
  left: -40px;
}
.vl-btn12:hover .arrow2 {
  right: 8px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
}
.vl-btn12 .text {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  transition: all 0.4s;
  padding-left: 36px;
}
.vl-btn12 .arrow {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-1);
  border-radius: 50%;
  color: var(--ztc-text-text-16);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 9px;
}
.vl-btn12 .arrow2 {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-1);
  border-radius: 50%;
  color: var(--ztc-text-text-16);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  right: -40px;
  top: 9px;
  transform: rotate(-45deg);
}

.vl-btn13 {
  border-radius: 100px;
  background: var(--ztc-bg-bg-1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 16px;
  display: inline-block;
}
.vl-btn13::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  transition: all 0.4s;
  left: 50%;
  background: var(--ztc-bg-bg-1);
  top: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.vl-btn13:hover::after {
  width: 100%;
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  left: 0;
}
.vl-btn13:hover .text {
  color: var(--ztc-text-text-16);
  transition: all 0.4s;
  padding-right: 36px;
  padding-left: 0;
}
.vl-btn13:hover .arrow {
  left: -40px;
}
.vl-btn13:hover .arrow2 {
  right: 8px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-15);
}
.vl-btn13 .text {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  transition: all 0.4s;
  padding-left: 36px;
}
.vl-btn13 .arrow {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-15);
  border-radius: 50%;
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 9px;
}
.vl-btn13 .arrow2 {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-15);
  border-radius: 50%;
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  right: -40px;
  top: 9px;
  transform: rotate(-45deg);
}

.vl-btn14 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-18);
  padding: 18px 22px;
  transition: all 0.4s;
  display: inline-block;
}
.vl-btn14:hover {
  background: var(--ztc-bg-bg-17);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}

.vl-btn15 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-18);
  padding: 18px 22px;
  transition: all 0.4s;
  display: inline-block;
}
.vl-btn15:hover {
  background: var(--ztc-bg-bg-1);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-18);
}

.vl-btn16 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  padding: 17px 22px;
  transition: all 0.4s;
  display: inline-block;
  border: 1px solid var(--ztc-bg-bg-1);
}
.vl-btn16:hover {
  background: var(--ztc-bg-bg-18);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
  border: 1px solid var(--ztc-text-text-20);
}

.vl-btn17 {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-1);
  padding: 18px 22px;
  transition: all 0.4s;
  display: inline-block;
}
.vl-btn17:hover {
  background: var(--ztc-bg-bg-17);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}

.vl-btn17 {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-1);
  padding: 18px 22px;
  transition: all 0.4s;
  display: inline-block;
}
.vl-btn17:hover {
  background: var(--ztc-bg-bg-17);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}

.vl-btn18 {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-1);
  padding: 18px 22px;
  transition: all 0.4s;
  display: inline-block;
}
.vl-btn18:hover {
  background: var(--ztc-bg-bg-17);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}

.vl-btn19 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-22);
  padding: 18px 22px;
  transition: all 0.4s;
  display: inline-block;
}
.vl-btn19:hover {
  background: var(--ztc-bg-bg-21);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}
.vl-btn19:hover i {
  transform: rotate(0);
  transition: all 0.4s;
}
.vl-btn19 i {
  margin-left: 4px;
  transform: rotate(-45deg);
  transition: all 0.4s;
}

.vl-btn20 {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-1);
  padding: 18px 22px;
  transition: all 0.4s;
  display: inline-block;
}
.vl-btn20:hover {
  background: var(--ztc-bg-bg-22);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}
.vl-btn20:hover i {
  transform: rotate(0);
  transition: all 0.4s;
}
.vl-btn20 i {
  margin-left: 4px;
  transform: rotate(-45deg);
  transition: all 0.4s;
}

.vl-btn21 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-24);
  padding: 18px 20px;
  transition: all 0.4s;
  display: inline-block;
  border: 4px solid #956BF4;
}
.vl-btn21:hover {
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}
.vl-btn21:hover::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  width: 100%;
  left: 0;
}
.vl-btn21:hover i {
  transform: rotate(0);
  transition: all 0.4s;
}
.vl-btn21::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  left: 50%;
  transition: all 0.4s;
  border-radius: 8px;
  background: var(--ztc-bg-bg-21);
  top: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.vl-btn21 i {
  margin-left: 4px;
  transform: rotate(-45deg);
  transition: all 0.4s;
}

.vl-btn22 {
  color: var(--ztc-text-text-26);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-1);
  padding: 18px 20px;
  transition: all 0.4s;
  display: inline-block;
  border: 4px solid #956BF4;
}
.vl-btn22:hover {
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}
.vl-btn22:hover::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  width: 100%;
  left: 0;
}
.vl-btn22:hover i {
  transform: rotate(0);
  transition: all 0.4s;
}
.vl-btn22::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  left: 50%;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-24);
  top: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.vl-btn22 i {
  margin-left: 4px;
  transform: rotate(-45deg);
  transition: all 0.4s;
}

.vl-btn23 {
  color: var(--ztc-text-text-24);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-26);
  padding: 18px 20px;
  transition: all 0.4s;
  display: inline-block;
}
.vl-btn23:hover {
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}
.vl-btn23:hover::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  width: 100%;
  left: 0;
}
.vl-btn23:hover i {
  transform: rotate(0);
  transition: all 0.4s;
}
.vl-btn23::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  left: 50%;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-24);
  top: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  border-radius: 8px;
}
.vl-btn23 i {
  margin-left: 4px;
  transform: rotate(-45deg);
  transition: all 0.4s;
}

.vl-btn24 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  border-bottom: 4px solid rgba(0, 88, 88, 0.3);
  background: var(--ztc-text-text-5);
  padding: 18px 22px;
  transition: all 0.4s;
  display: inline-block;
}
.vl-btn24:hover {
  background: var(--ztc-bg-bg-2);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}

.preview-vl-btn1 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-29);
  padding: 18px 22px;
  transition: all 0.4s;
  display: inline-block;
}
.preview-vl-btn1:hover {
  background: var(--ztc-bg-bg-1);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-2);
}

.preview-vl-btn2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-29);
  padding: 18px 22px;
  transition: all 0.4s;
  display: inline-block;
}
.preview-vl-btn2:hover {
  background: var(--ztc-bg-bg-1);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-2);
}
.preview-vl-btn2:hover i {
  transform: rotate(0);
  transition: all 0.4s;
}
.preview-vl-btn2 i {
  margin-left: 4px;
  transform: rotate(-45deg);
  transition: all 0.4s;
}

/*============= SERVICE CSS AREA ===============*/
.service_1_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--home-12-frame-colour, #F6F6F6);
}

.service_btn {
  text-align: end;
}
@media (max-width: 767px) {
  .service_btn {
    text-align: start;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_btn {
    text-align: start;
    margin-top: 20px;
  }
}

.service_1_boxarea {
  position: relative;
  z-index: 1;
  background: #EFEFEF;
  padding: 24px;
  border-radius: 10px;
  transition: all 0.4s;
}
.service_1_boxarea:hover {
  background: var(--ztc-bg-bg-1);
  transform: translateY(-10px);
  transition: all 0.4s;
}
.service_1_boxarea:hover .service_1_img .img1::after {
  visibility: visible;
  opacity: 60%;
  transition: all 0.4s;
}
.service_1_boxarea:hover .service_1_img .icons {
  visibility: visible;
  opacity: 1;
  top: 50%;
  transition: all 0.6s;
}

.service_1_img {
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 0.4s;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_1_img {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .service_1_img {
    margin-bottom: 20px;
  }
}
.service_1_img .img1 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.service_1_img .img1::after {
  height: 100%;
  width: 100%;
  position: absolute;
  content: "";
  background: var(--ztc-bg-bg-2);
  opacity: 0;
  border-radius: 10px;
  visibility: hidden;
  transition: all 0.4s;
  left: 0;
  top: 0;
}
.service_1_img .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.service_1_img .icons {
  height: 48px;
  width: 48px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: -24px;
  margin-left: -24px;
  z-index: 2;
  transition: all 0.6s;
  visibility: hidden;
  opacity: 0;
}

.service_1_tags li {
  display: inline-block;
  margin: 0 8px 0 0;
}
.service_1_tags li:nth-last-child(1) {
  margin: 0 0 0 0;
}
@media (max-width: 767px) {
  .service_1_tags li {
    display: block;
    margin-bottom: 10px;
  }
}
.service_1_tags li a {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  border-radius: 100px;
  border: 1px solid var(--home-12-texr-colour, #121C27);
  display: inline-block;
  transition: all 0.4s;
  padding: 8px 12px;
}
.service_1_tags li a:hover {
  background: var(--ztc-bg-bg-3);
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
}

.service_1_content .title {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
  transition: all 0.4s;
}
.service_1_content .title:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}
.service_1_content p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

@media (max-width: 767px) {
  .service_1_btn {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_1_btn {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_1_btn {
    margin-top: 20px;
  }
}

.service_2_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--home-12-frame-colour, #F2EEF7);
}

.service_btn2 {
  text-align: end;
}
@media (max-width: 767px) {
  .service_btn2 {
    text-align: start;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_btn2 {
    text-align: start;
    margin-top: 20px;
  }
}

.service_2_boxarea {
  position: relative;
  z-index: 1;
  background: #ECE5F3;
  padding: 24px;
  border-radius: 10px;
  transition: all 0.4s;
}
.service_2_boxarea:hover {
  background: var(--ztc-bg-bg-1);
  transform: translateY(-10px);
  transition: all 0.4s;
}
.service_2_boxarea:hover .service_2_img {
  background: var(--ztc-bg-bg-4);
  transition: all 0.4s;
}
.service_2_boxarea:hover .service_2_img .icons img {
  filter: brightness(0) invert(1);
  transition: all 0.4s;
}
.service_2_boxarea:hover .arrow_2_service {
  background: var(--ztc-bg-bg-4);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  border: 1px solid var(--ztc-bg-bg-4);
  transform: rotate(0);
}

.service_2_img {
  position: relative;
  z-index: 1;
  text-align: center;
  border-right: 1px solid rgba(170, 170, 170, 0.2);
  width: 100%;
  height: 200px;
  display: block;
  text-align: center;
  line-height: 190px;
  transition: all 0.4s;
  border-radius: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_2_img {
    margin-bottom: 20px;
    background: var(--ztc-bg-bg-4);
  }
}
@media (max-width: 767px) {
  .service_2_img {
    margin-bottom: 20px;
    background: var(--ztc-bg-bg-4);
  }
}
.service_2_img .icons {
  width: 100%;
  height: 100%;
  display: block;
}
.service_2_img .icons img {
  transition: all 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_2_img .icons img {
    filter: brightness(0) invert(1);
  }
}
@media (max-width: 767px) {
  .service_2_img .icons img {
    filter: brightness(0) invert(1);
  }
}

.service_2_content .title {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  display: inline-block;
  transition: all 0.4s;
}
.service_2_content .title:hover {
  color: var(--ztc-text-text-6);
  transition: all 0.4s;
}
.service_2_content p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.service_2_btn {
  text-align: end;
}
@media (max-width: 767px) {
  .service_2_btn {
    margin-top: 20px;
    text-align: start;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_2_btn {
    margin-top: 20px;
    text-align: start;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_2_btn {
    margin-top: 20px;
    text-align: start;
  }
}
.service_2_btn .arrow_2_service {
  height: 54px;
  width: 54px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  border: 1px solid var(--ztc-text-text-2);
  transition: all 0.4s;
  transform: rotate(-45deg);
  display: inline-block;
  color: var(--ztc-text-text-2);
  font-size: var(--ztc-font-size-font-s20);
}

.number_heading h2 {
  color: rgba(18, 28, 39, 0.2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 52px;
  text-transform: capitalize;
}

.service_3_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #F8F9FD;
}

.service_3_btn {
  text-align: end;
}
@media (max-width: 767px) {
  .service_3_btn {
    text-align: start;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_3_btn {
    text-align: start;
    margin-top: 20px;
  }
}

.service_3_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #ECF1FD;
  border-radius: 12px;
  transition: all 0.4s;
  padding: 24px;
  margin-top: 30px;
}
.service_3_boxarea:hover {
  background: var(--ztc-bg-bg-6);
  transition: all 0.4s;
  transform: translateY(-5px);
}
.service_3_boxarea:hover .service_3_icon {
  background: var(--ztc-bg-bg-1);
  transition: all 0.4s;
}
.service_3_boxarea:hover .service_3_icon img {
  filter: brightness(0);
  transform: rotateY(-180deg);
  transition: all 0.4s;
}
.service_3_boxarea:hover .service_3_content_area h2 {
  color: rgba(255, 255, 255, 0.3);
  transition: all 0.4s;
}
.service_3_boxarea:hover .service_3_content .title {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.service_3_boxarea:hover .service_3_content p {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.service_3_boxarea:hover .service_3_content .readmore {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.service_3_icon {
  border-radius: 12px 0;
  background: var(--ztc-bg-bg-6);
  box-shadow: 0 4px 32px 0 rgba(18, 28, 39, 0.12);
  height: 70px;
  width: 70px;
  text-align: center;
  line-height: 70px;
  transition: all 0.4s;
  position: absolute;
  left: 0;
  top: 0;
}
.service_3_icon img {
  transition: all 0.4s;
}

.service_3_content_area h2 {
  color: rgba(5, 63, 70, 0.3);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  text-align: end;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .service_3_content_area h2 {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_3_content_area h2 {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 24px;
  }
}

.service_3_content .title {
  color: var(--ztc-text-text-7);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  transition: all 0.4s;
}
.service_3_content .title:hover {
  color: var(--ztc-text-text-7);
  transition: all 0.4s;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .service_3_content .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_3_content .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
.service_3_content p {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  transition: all 0.4s;
}
.service_3_content .readmore {
  color: var(--ztc-text-text-7);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  transition: all 0.4s;
}
.service_3_content .readmore i {
  transform: rotate(-45deg);
  transition: all 0.4s;
  margin-left: 4px;
}
.service_3_content .readmore:hover {
  color: var(--ztc-text-text-7);
  transition: all 0.4s;
}
.service_3_content .readmore:hover i {
  transform: rotate(0);
  transition: all 0.4s;
}

.law_service_4_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #F2EFEB;
}
.law_service_4_section .btn-area1 {
  text-align: end;
}
@media (max-width: 767px) {
  .law_service_4_section .btn-area1 {
    text-align: start;
    margin-top: 20px;
  }
}

.law_service_4_boxarea {
  position: relative;
  z-index: 1;
  transition: all 0.4s;
  border-radius: 12px;
  background: var(--ztc-bg-bg-1);
  margin-bottom: 30px;
}
.law_service_4_boxarea:hover {
  background: var(--ztc-bg-bg-8);
  transition: all 0.4s;
  transform: translateY(-5px);
}
.law_service_4_boxarea:hover .law_service_content .title {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.law_service_4_boxarea:hover .law_service_content p {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.law_service_4_boxarea:hover .service_4_img img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}

.service_4_img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px 0 0 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_4_img img {
    height: 250px;
    border-radius: 12px 12px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_4_img img {
    height: 250px;
    border-radius: 12px 12px 0 0;
  }
}
@media (max-width: 767px) {
  .service_4_img img {
    height: 250px;
    border-radius: 12px 12px 0 0;
  }
}

.law_service_content {
  padding: 0 30px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .law_service_content {
    padding: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .law_service_content {
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .law_service_content {
    padding: 24px;
  }
}
.law_service_content .title {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  transition: all 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .law_service_content .title {
    font-size: var(--ztc-font-size-font-s28);
    line-height: 30px;
  }
}
.law_service_content p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  transition: all 0.4s;
}

.tax_service_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.service_btn5 {
  text-align: end;
}
@media (max-width: 767px) {
  .service_btn5 {
    text-align: start;
    margin-top: 24px;
  }
}

.service_5_tabs_area ul {
  display: block;
  border: none;
}
.service_5_tabs_area ul li {
  display: block;
  margin-bottom: 30px;
}
.service_5_tabs_area ul li:nth-last-child(1) {
  margin-bottom: 0;
}
.service_5_tabs_area ul li button {
  width: 100%;
  text-align: start;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(50px);
  padding: 24px;
  align-items: center;
  display: flex;
  align-items: center;
  border: none !important;
  outline: none;
}
.service_5_tabs_area ul li button.active {
  background: var(--ztc-bg-bg-10) !important;
  transition: all 0.4s;
}
.service_5_tabs_area ul li button.active .icons {
  background: var(--ztc-bg-bg-9);
  transition: all 0.4s;
}
.service_5_tabs_area ul li button.active .icons img {
  filter: brightness(0) invert(1);
  transition: all 0.4s;
}
.service_5_tabs_area ul li button.active .text {
  color: var(--ztc-text-text-11);
  transition: all 0.4s;
}
.service_5_tabs_area ul li button .icons {
  height: 48px;
  width: 48px;
  display: inline-block;
  transition: all 0.4s;
  border-radius: 8px;
  text-align: center;
  line-height: 48px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
}
.service_5_tabs_area ul li button .text {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  padding-left: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_5_tabs_area ul li button .text {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .service_5_tabs_area ul li button .text {
    font-size: var(--ztc-font-size-font-s22);
    line-height: 22px;
  }
}

.service_5_content_area {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_5_content_area {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .service_5_content_area {
    margin-top: 30px;
  }
}

.service_5_content_area {
  position: relative;
  z-index: 1;
}
.service_5_content_area::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  left: -70px;
  top: 0;
  background: rgba(255, 255, 255, 0.16);
}
.service_5_content_area .img1 img {
  height: 470px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}

.content_5_service {
  border-radius: 12px;
  background: rgba(0, 51, 45, 0.8);
  backdrop-filter: blur(5px);
  position: absolute;
  bottom: 38px;
  left: 38px;
  right: 38px;
  z-index: 1;
  padding: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .content_5_service {
    left: 20px;
    bottom: 20px;
    right: 20px;
  }
}
@media (max-width: 767px) {
  .content_5_service {
    left: 20px;
    bottom: 20px;
    right: 20px;
  }
}
.content_5_service .icons {
  height: 48px;
  width: 48px;
  display: inline-block;
  transition: all 0.4s;
  border-radius: 8px;
  text-align: center;
  line-height: 48px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-10);
}
.content_5_service .title {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
  transition: all 0.4s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .content_5_service .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .content_5_service .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 24px;
  }
}
.content_5_service .title:hover {
  color: var(--ztc-text-text-13);
  transition: all 0.4s;
}
.content_5_service p {
  color: rgba(246, 246, 246, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px; /* 150% */
}

.service_benefites_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.service_benefites_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-11);
  border-radius: 12px;
  padding: 30px;
  transition: all 0.4s;
  margin-bottom: 30px;
}
.service_benefites_boxarea:hover {
  background: var(--ztc-bg-bg-10);
  transition: all 0.4s;
  transform: translateY(-10px);
}
.service_benefites_boxarea:hover .icons {
  transform: rotateY(-180deg);
  transition: all 0.4s;
}
.service_benefites_boxarea .icons {
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 8px;
  background: var(--ztc-bg-bg-9);
  transition: all 0.4s;
}
.service_benefites_boxarea .title {
  color: var(--ztc-text-text-11);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .service_benefites_boxarea .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_benefites_boxarea .title {
    font-size: var(--ztc-font-size-font-s28);
    line-height: 28px;
  }
}
.service_benefites_boxarea p {
  color: var(--ztc-text-text-12);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.visa_service_6_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.visa_service_6_section_area .service_6_img1 {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -205px;
}
.visa_service_6_section_area .service_6_bg1 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 50%;
  margin-left: -356px;
}

.service_6_boxarea {
  position: relative;
  overflow: hidden;
  z-index: 2;
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
  transition: all 0.4s;
  padding: 24px;
  margin-top: 30px;
}
.service_6_boxarea::after {
  position: absolute;
  content: "";
  height: 0;
  width: 100%;
  left: 0;
  top: 0;
  background-image: url(../img/all-images/service/service_6_img2.png);
  z-index: -2;
  visibility: hidden;
  opacity: 0;
}
.service_6_boxarea::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(18, 28, 39, 0.7);
  z-index: -1;
  transition: all 0.4s;
  visibility: hidden;
  opacity: 0;
}
.service_6_boxarea:hover {
  transition: all 0.4s;
  transform: translateY(-5px);
}
.service_6_boxarea:hover::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  height: 100%;
}
.service_6_boxarea:hover::before {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
}
.service_6_boxarea:hover .service_6_icon {
  background: var(--ztc-bg-bg-1);
  transition: all 0.4s;
}
.service_6_boxarea:hover .service_6_icon img {
  filter: brightness(0);
  transform: rotateY(-180deg);
  transition: all 0.4s;
}
.service_6_boxarea:hover .service_6_content_area h2 {
  color: rgba(255, 255, 255, 0.3);
  transition: all 0.4s;
}
.service_6_boxarea:hover .service_6_content .title {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.service_6_boxarea:hover .service_6_content p {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.service_6_boxarea:hover .service_6_content .readmore {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.service_6_icon {
  border-radius: 12px 0;
  background: var(--ztc-bg-bg-13);
  box-shadow: 0 4px 32px 0 rgba(18, 28, 39, 0.12);
  height: 70px;
  width: 70px;
  text-align: center;
  line-height: 70px;
  transition: all 0.4s;
  position: absolute;
  left: 0;
  top: 0;
}
.service_6_icon img {
  transition: all 0.4s;
}

.service_6_content_area h2 {
  color: rgba(18, 28, 39, 0.3);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  text-align: end;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .service_6_content_area h2 {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_6_content_area h2 {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 24px;
  }
}

.service_6_content .title {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  transition: all 0.4s;
}
.service_6_content .title:hover {
  color: var(--ztc-text-text-15);
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .service_6_content .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_6_content .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
.service_6_content p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  transition: all 0.4s;
}
.service_6_content .readmore {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  transition: all 0.4s;
}
.service_6_content .readmore i {
  transform: rotate(-45deg);
  transition: all 0.4s;
  margin-left: 4px;
}
.service_6_content .readmore:hover {
  color: var(--ztc-text-text-15);
  transition: all 0.4s;
}
.service_6_content .readmore:hover i {
  transform: rotate(0);
  transition: all 0.4s;
}

.corporate_service_area {
  position: relative;
  z-index: 1;
  background: var(--ztc-bg-bg-15);
  overflow: hidden;
  margin: 0 45px;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .corporate_service_area {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .corporate_service_area {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .corporate_service_area {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .corporate_service_area {
    margin: 0 30px 0 30px;
  }
}
.corporate_service_area .service_corporate_bg {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  animation: glow_animation 6s linear infinite;
  mix-blend-mode: plus-lighter;
  pointer-events: none;
}
.corporate_service_area .corporate_service_img {
  height: 720px;
  width: 650px;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 0;
}
@media (max-width: 767px) {
  .corporate_service_area .corporate_service_img {
    position: relative;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .corporate_service_area .corporate_service_img {
    position: relative;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .corporate_service_area .corporate_service_img {
    position: relative;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    padding-bottom: 30px;
  }
}
.corporate_service_area .corporate_service_img img {
  height: 700px;
  width: 650px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767px) {
  .corporate_service_area .corporate_service_img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .corporate_service_area .corporate_service_img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .corporate_service_area .corporate_service_img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.service_7_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(4px);
  border-radius: 12px;
  transition: all 0.4s;
  padding: 32px;
  margin-bottom: 30px;
}
.service_7_boxarea:hover {
  background: #D7E0E4;
  transition: all 0.4s;
  transform: translateY(-5px);
}
.service_7_boxarea:hover .service_7_icon {
  background: var(--ztc-bg-bg-15);
  transition: all 0.4s;
}
.service_7_boxarea:hover .service_7_icon img {
  filter: brightness(0) invert(1);
  transform: rotateY(-180deg);
  transition: all 0.4s;
}
.service_7_boxarea:hover .service_7_content .title {
  color: var(--ztc-text-text-16);
  transition: all 0.4s;
}
.service_7_boxarea:hover .service_7_content p {
  color: rgba(72, 99, 112, 0.8);
  transition: all 0.4s;
}

.service_7_icon {
  border-radius: 0 12px;
  background: var(--ztc-bg-bg-1);
  box-shadow: 0 4px 32px 0 rgba(18, 28, 39, 0.12);
  height: 70px;
  width: 70px;
  text-align: center;
  line-height: 70px;
  transition: all 0.4s;
  position: absolute;
  right: 0;
  top: 0;
}
.service_7_icon img {
  transition: all 0.4s;
}

.service_7_content .title {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  transition: all 0.4s;
}
.service_7_content .title:hover {
  color: var(--ztc-text-text-7);
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .service_7_content .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_7_content .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
.service_7_content p {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  transition: all 0.4s;
}

.accountanr_service_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-19);
}
.accountanr_service_section .heading9 {
  padding: 0 200px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .accountanr_service_section .heading9 {
    padding: 0;
  }
}

.service_8_featured_card {
  position: relative;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_8_featured_card {
    margin-top: 30px;
  }
}
.service_8_featured_card .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}

.floating-label {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  background: var(--ztc-bg-bg-1);
  padding: 40px 24px 30px 24px;
  border-radius: 12px;
  display: inline-block;
}
.floating-label h3 a {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
}
.floating-label h3 a:hover {
  color: var(--ztc-text-text-20);
  transition: all 0.4s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .floating-label h3 a {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
.floating-label .mini-icon {
  background: var(--ztc-bg-bg-18);
  width: 48px;
  height: 48px;
  border-radius: 8px;
  align-items: center;
  line-height: 48px;
  display: inline-block;
  transition: all 0.4s;
  text-align: center;
  position: absolute;
  top: -22px;
}

.account_service_8_card {
  border-radius: 12px;
  background: var(--ztc-bg-bg-1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 16px;
  margin-bottom: 30px;
  margin-top: 30px;
  transition: all 0.4s;
}
.account_service_8_card:hover {
  transform: translateY(-10px);
  transition: all 0.4s;
}
.account_service_8_card:hover .card-body .icon-overlay {
  transform: rotateY(-180deg);
  transition: all 0.4s;
}
.account_service_8_card .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.account_service_8_card .icon-overlay {
  display: inline-block;
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 8px;
  background: var(--ztc-bg-bg-19);
  transition: all 0.4s;
  position: absolute;
  top: -22px;
  left: 12px;
}
.account_service_8_card .card-body {
  position: relative;
  padding: 40px 0 0 0;
}
.account_service_8_card .card-body h3 a {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
  transition: all 0.4s;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .account_service_8_card .card-body h3 a {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
.account_service_8_card .card-body h3 a:hover {
  color: var(--ztc-text-text-20);
  transition: all 0.4s;
}
.account_service_8_card .card-body p {
  color: var(--ztc-text-text-19);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.account_service_8_card .card-body .learn-more {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.account_service_8_card .card-body .learn-more:hover {
  color: var(--ztc-text-text-20);
  transition: all 0.4s;
}

.hr_service_section_area {
  position: relative;
  z-index: 1;
  background: var(--ztc-bg-bg-19);
}

.hr_service_boxarea {
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
  padding: 30px;
  transition: all 0.4s;
  margin-bottom: 30px;
}
.hr_service_boxarea:hover {
  transform: translateY(-10px);
  transition: all 0.4s;
}
.hr_service_boxarea img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

.her_service_centent .title {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
  transition: all 0.4s;
}
.her_service_centent .title:hover {
  color: var(--ztc-text-text-23);
  transition: all 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .her_service_centent .title {
    font-size: var(--ztc-font-size-font-s28);
    line-height: 34px;
  }
}
.her_service_centent p {
  color: var(--ztc-text-text-22);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
}
.her_service_centent .readmore {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.her_service_centent .readmore:hover {
  color: var(--ztc-text-text-23);
  transition: all 0.4s;
}
.her_service_centent .readmore:hover i {
  transition: all 0.4s;
  transform: rotate(0);
}
.her_service_centent .readmore i {
  margin-left: 4px;
  transform: rotate(-45deg);
  transition: all 0.4s;
}

.hr_service_boxarea_2 {
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
  padding: 30px;
  transition: all 0.4s;
  margin-bottom: 30px;
}
.hr_service_boxarea_2:hover {
  transform: translateY(-10px);
  transition: all 0.4s;
}
.hr_service_boxarea_2 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

.her_service_centent_2 .title {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  display: inline-block;
  transition: all 0.4s;
}
.her_service_centent_2 .title:hover {
  color: var(--ztc-text-text-23);
  transition: all 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .her_service_centent_2 .title {
    font-size: var(--ztc-font-size-font-s28);
    line-height: 34px;
  }
}
.her_service_centent_2 p {
  color: var(--ztc-text-text-22);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
}
.her_service_centent_2 .readmore {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.her_service_centent_2 .readmore:hover {
  color: var(--ztc-text-text-23);
  transition: all 0.4s;
}
.her_service_centent_2 .readmore:hover i {
  transition: all 0.4s;
  transform: rotate(0);
}
.her_service_centent_2 .readmore i {
  margin-left: 4px;
  transform: rotate(-45deg);
  transition: all 0.4s;
}

.fa_service_10_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #EEDEFF;
}

.fa_service_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
  padding: 30px;
  transition: all 0.4s;
  margin-bottom: 30px;
}
.fa_service_boxarea:hover {
  transform: translateY(-10px);
  transition: all 0.4s;
}
.fa_service_boxarea:hover .icons {
  transform: rotateY(-180deg);
  transition: all 0.4s;
  background: var(--ztc-bg-bg-24);
}
.fa_service_boxarea:hover .icons img {
  filter: brightness(0) invert(1);
  transition: all 0.4s;
}
.fa_service_boxarea .icons {
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 8px;
  display: inline-block;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-26);
}
.fa_service_boxarea .icons img {
  transition: all 0.4s;
  height: 32px;
  width: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}
.fa_service_boxarea .fa_service_content .title {
  color: var(--ztc-text-text-24);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
  transition: all 0.4s;
}
.fa_service_boxarea .fa_service_content .title:hover {
  color: var(--ztc-text-text-26);
  transition: all 0.4s;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .fa_service_boxarea .fa_service_content .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 32px;
  }
}
.fa_service_boxarea .fa_service_content p {
  color: var(--ztc-text-text-25);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.fa_benefites_section {
  position: relative;
  z-index: 1;
}

.fa_service_benefites_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-26);
  border-radius: 12px;
  padding: 30px;
  transition: all 0.4s;
  margin-bottom: 30px;
}
.fa_service_benefites_boxarea:hover {
  transform: rotate(-2.001deg);
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
}
.fa_service_benefites_boxarea:hover .icons {
  transform: rotateY(-180deg);
  transition: all 0.4s;
  background: var(--ztc-bg-bg-24);
}
.fa_service_benefites_boxarea:hover .icons img {
  filter: brightness(0) invert(1);
  transition: all 0.4s;
}
.fa_service_benefites_boxarea .icons {
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 8px;
  display: inline-block;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
}
.fa_service_benefites_boxarea .icons img {
  transition: all 0.4s;
  height: 32px;
  width: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}
.fa_service_benefites_boxarea .fa_service_content .title {
  color: var(--ztc-text-text-24);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
  transition: all 0.4s;
}
.fa_service_benefites_boxarea .fa_service_content .title:hover {
  color: var(--ztc-text-text-26);
  transition: all 0.4s;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .fa_service_benefites_boxarea .fa_service_content .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 32px;
  }
}
.fa_service_benefites_boxarea .fa_service_content p {
  color: var(--ztc-text-text-25);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.benefites_content_box {
  position: sticky;
  top: 100px;
}
.benefites_content_box .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.benefites_content_box .content_benfites {
  border-radius: 12px;
  border: 7px solid rgba(255, 255, 255, 0.4);
  background: var(--ztc-bg-bg-1);
  padding: 30px;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
}
.benefites_content_box .content_benfites h3 {
  color: var(--ztc-text-text-24);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  text-transform: capitalize;
}

.bu_service_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.bu_service_card {
  position: relative;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bu_service_card {
    margin-top: 30px;
  }
}
.bu_service_card .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}

.floating-label {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  background: var(--ztc-bg-bg-1);
  padding: 40px 24px 30px 24px;
  border-radius: 12px;
  display: inline-block;
}
.floating-label h3 a {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
}
.floating-label h3 a:hover {
  color: var(--ztc-text-text-20);
  transition: all 0.4s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .floating-label h3 a {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
.floating-label .mini-icon {
  background: var(--ztc-bg-bg-18);
  width: 48px;
  height: 48px;
  border-radius: 8px;
  align-items: center;
  line-height: 48px;
  display: inline-block;
  transition: all 0.4s;
  text-align: center;
  position: absolute;
  top: -22px;
}

.bu_service_card {
  border-radius: 12px;
  background: var(--ztc-bg-bg-1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 16px;
  margin-bottom: 30px;
  margin-bottom: 30px;
  transition: all 0.4s;
}
.bu_service_card:hover {
  transform: translateY(-10px);
  transition: all 0.4s;
  background: var(--ztc-bg-bg-3);
}
.bu_service_card:hover .card-body .icon-overlay {
  transform: rotateY(-180deg);
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
}
.bu_service_card:hover .card-body .icon-overlay img {
  filter: brightness(0);
  transition: all 0.4s;
}
.bu_service_card:hover .card-body h2 a {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.bu_service_card:hover .card-body p {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.bu_service_card:hover .card-body .learn-more {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.bu_service_card .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.bu_service_card .icon-overlay {
  display: inline-block;
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 8px;
  background: var(--ztc-bg-bg-3);
  transition: all 0.4s;
  position: absolute;
  top: -22px;
  left: 12px;
}
.bu_service_card .icon-overlay img {
  transition: all 0.4s;
}
.bu_service_card .card-body {
  position: relative;
  padding: 40px 10px 0 10px;
}
.bu_service_card .card-body h2 a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
  transition: all 0.4s;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bu_service_card .card-body h2 a {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
.bu_service_card .card-body h2 a:hover {
  color: var(--ztc-text-text-5);
  transition: all 0.4s;
}
.bu_service_card .card-body p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.bu_service_card .card-body .learn-more {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.bu_service_card .card-body .learn-more:hover {
  color: var(--ztc-text-text-5);
  transition: all 0.4s;
}
.bu_service_card .card-body .learn-more:hover i {
  transform: rotate(0);
  transition: all 0.4s;
}
.bu_service_card .card-body .learn-more i {
  margin-left: 4px;
  transform: rotate(-45deg);
  transition: all 0.4s;
}

.service_details_section {
  position: relative;
  z-index: 1;
}

.sidebar_list_area {
  position: sticky;
  top: 100px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar_list_area {
    margin-top: 30px;
  }
}
.sidebar_list_area .service_widget_sidebar {
  position: sticky;
  top: 100px;
}
.sidebar_list_area .service_widget_sidebar h2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}

.search_area {
  position: relative;
  z-index: 1;
  border-radius: 8px;
  background: var(--ztc-bg-bg-27);
  padding: 24px 20px;
}
.search_area form {
  position: relative;
  z-index: 1;
}
.search_area form input {
  width: 100%;
  border-radius: 8px;
  background: var(--ztc-bg-bg-1);
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  padding: 20px 16px;
}
.search_area form input::-moz-placeholder {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.search_area form input::placeholder {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.search_area form button {
  border: none;
  background: none;
  outline: none;
  position: absolute;
  right: 12px;
  top: 12px;
  font-size: var(--ztc-font-size-font-s22);
}

.category_list_area {
  position: relative;
  z-index: 1;
  border-radius: 8px;
  background: var(--ztc-bg-bg-27);
  padding: 24px 20px;
}
.category_list_area ul li {
  margin-top: 18px;
}
.category_list_area ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-1);
  padding: 20px;
  transition: all 0.4s;
  position: relative;
  z-index: 1;
}
.category_list_area ul li a:hover {
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
  transform: translateY(-5px);
}
.category_list_area ul li a:hover::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
}
.category_list_area ul li a::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--ztc-bg-bg-3);
  transition: all 0.4s;
  border-radius: 8px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}

.contact_boxarea {
  position: relative;
  z-index: 1;
  border-radius: 8px;
  background: var(--ztc-bg-bg-27);
  padding: 24px 20px;
}
.contact_boxarea .input_area {
  margin-top: 16px;
}
.contact_boxarea .input_area input {
  width: 100%;
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  padding: 18px 16px;
  border-radius: 8px;
  background: var(--ztc-bg-bg-1);
}
.contact_boxarea .input_area input::-moz-placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_boxarea .input_area input::placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_boxarea .input_area textarea {
  width: 100%;
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  padding: 18px 16px;
  border-radius: 8px;
  background: var(--ztc-bg-bg-1);
  height: 120px;
}
.contact_boxarea .input_area textarea::-moz-placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_boxarea .input_area textarea::placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_boxarea .input_area button {
  outline: none;
  border-left: none;
  border-right: none;
  border-top: none;
}

.help_area {
  position: relative;
  z-index: 1;
  border-radius: 8px;
  background: var(--ztc-bg-bg-28);
  padding: 24px 20px;
}
.help_area h3 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
}

.service_main_details_area {
  position: relative;
  z-index: 1;
  padding: 0 40px 0 0;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_main_details_area {
    padding: 0 0 0 0;
  }
}
.service_main_details_area .heading1 h3 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s40);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_main_details_area .heading1 h3 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
  }
}
.service_main_details_area .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_main_details_area .img1 img {
    height: 100%;
  }
}
.service_main_details_area .border {
  background: rgba(18, 28, 39, 0.3);
  height: 1px;
  width: 100%;
  margin: 0 0 30px 0;
}
.service_main_details_area .service_list_area {
  border-radius: 12px;
  background: var(--ztc-bg-bg-27);
  padding: 24px;
}
.service_main_details_area .service_list_area h4 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}
.service_main_details_area .service_list_area p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.service_main_details_area .service_list_area ul li {
  margin-top: 10px;
}
.service_main_details_area .service_list_area ul li svg {
  margin: 0 6px 0 0;
}
.service_main_details_area .service_list_area ul li {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .service_main_details_area .service_list_area ul li {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.service_main_details_area .service_list_area_2 ul li {
  margin-top: 16px;
}
.service_main_details_area .service_list_area_2 ul li svg {
  margin: 0 6px 0 0;
}
.service_main_details_area .service_list_area_2 ul li {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .service_main_details_area .service_list_area_2 ul li {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}

/*============= SERVICE CSS AREA ENDS===============*/
/*============= HERO CSS AREA ===============*/
.hero-bussiness-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #063232;
  padding: 240px 0 70px;
}
@media (max-width: 767px) {
  .hero-bussiness-section {
    padding: 160px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-bussiness-section {
    padding: 160px 0 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-bussiness-section {
    padding: 160px 0 0;
  }
}

.header-heading1 .btn-area1 .play-btn {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px; /* 100% */
  text-transform: capitalize;
  padding-left: 24px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .header-heading1 .btn-area1 .play-btn {
    display: block;
    padding-left: 0;
    margin-top: 16px;
  }
}
.header-heading1 .btn-area1 .play-btn span {
  height: 54px;
  width: 54px;
  text-align: center;
  line-height: 54px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-1);
  display: inline-block;
  color: var(--ztc-text-text-4);
  margin: 0 12px 0 0;
  position: relative;
}
.header-heading1 .btn-area1 .play-btn span::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 27px;
  top: 27px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
  opacity: 40%;
  border-radius: 50%;
  z-index: -1;
  animation: pulse-border 1500ms ease-out infinite;
}

.hero1-author-area {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .hero1-author-area {
    display: block;
  }
}
.hero1-author-area .review-content {
  padding-left: 16px;
}
@media (max-width: 767px) {
  .hero1-author-area .review-content {
    padding-left: 0;
    margin-top: 16px;
  }
}
.hero1-author-area .review-content ul li {
  display: inline-block;
  color: #E8FE85;
}
.hero1-author-area .review-content p {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}

.hero1-all-images-slider {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 50%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero1-all-images-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 800px;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero1-all-images-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 750px;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .hero1-all-images-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 700px;
    margin-top: 50px;
  }
}
.hero1-all-images-slider .hero1-first-images .slick-list {
  overflow: inherit;
}
.hero1-all-images-slider .hero1-first-images .img1 {
  margin-bottom: 20px;
}
.hero1-all-images-slider .hero1-first-images .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .hero1-all-images-slider .hero1-first-images2 {
    display: none;
  }
}
.hero1-all-images-slider .hero1-first-images2 .slick-list {
  overflow: inherit;
}
.hero1-all-images-slider .hero1-first-images2 .img1 {
  margin-bottom: 20px;
}
.hero1-all-images-slider .hero1-first-images2 .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

.hero_finance_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 215px 0 260px;
  background: var(--ztc-bg-bg-4);
}
@media (max-width: 767px) {
  .hero_finance_section_area {
    padding: 180px 0 435px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_finance_section_area {
    padding: 215px 0 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_finance_section_area {
    padding: 215px 0 500px;
  }
}
.hero_finance_section_area .marquee-wrap {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 185px;
  z-index: -1;
}
.hero_finance_section_area .marquee-wrap .marquee-text {
  animation: marquee 30s linear infinite;
  position: absolute;
  width: 100%;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_finance_section_area .marquee-wrap .marquee-text {
    animation: marquee 30s linear infinite;
  }
}
@media (max-width: 767px) {
  .hero_finance_section_area .marquee-wrap .marquee-text {
    animation: marquee 30s linear infinite;
  }
}
.hero_finance_section_area .marquee-wrap .marquee-text .main-heading {
  display: flex;
  align-items: center;
}
.hero_finance_section_area .marquee-wrap .marquee-text .main-heading h1 {
  font-family: var(--ztc-family-font1);
  font-size: 182px;
  font-style: normal;
  font-weight: var(--ztc-weight-bold);
  line-height: 182px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 30px;
  width: 100%;
  color: var(--ztc-text-text-1);
  position: relative;
  text-transform: uppercase;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .hero_finance_section_area .marquee-wrap .marquee-text .main-heading h1 {
    font-size: 300px;
    line-height: 300px;
  }
}
@media (max-width: 767px) {
  .hero_finance_section_area .marquee-wrap .marquee-text .main-heading h1 {
    font-size: 100px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_finance_section_area .marquee-wrap .marquee-text .main-heading h1 {
    font-size: 150px;
    line-height: 150px;
  }
}

.header_heading2 .hero_2_author ul li {
  display: inline-block;
  color: var(--ztc-text-text-5);
}
.header_heading2 .hero_2_author .pera2 {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}

.parallax-icon {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: -1;
  height: 100%;
}
.parallax-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero_2_main_img {
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -300px;
}
@media (max-width: 767px) {
  .hero_2_main_img {
    left: 0;
    margin-left: 0;
  }
  .hero_2_main_img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.hero_3_arrow_anima {
  position: relative;
}
.hero_3_arrow_anima .arrow {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 767px) {
  .hero_3_arrow_anima .arrow {
    right: 0;
  }
}
.hero_3_arrow_anima .arrow a {
  border-width: 5px;
  border: 3px solid var(--ztc-text-text-5);
  backdrop-filter: blur(75px);
  display: inline-block;
  border-radius: 50%;
  padding: 10px;
}
.hero_3_arrow_anima .arrow a .arrow1 {
  position: absolute;
  left: 38%;
  top: 38%;
}

.hero_insurance_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 244px 0 230px;
  height: 902px;
}
@media (max-width: 767px) {
  .hero_insurance_section_area {
    height: auto;
    padding: 150px 0 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_insurance_section_area {
    height: auto;
    padding: 150px 0 60px;
  }
}
.hero_insurance_section_area::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 39, 44, 0.3);
  z-index: -1;
}
.hero_insurance_section_area.slick-slide.slick-current.slick-active .hero_3_bg {
  transform: scale(1.2);
}
.hero_insurance_section_area.slick-slide.slick-current.slick-active .hero_3_heading h1 {
  transition: transform 1600ms ease, opacity 1600ms ease;
  transform: translateY(0px);
  opacity: 1;
}
.hero_insurance_section_area.slick-slide.slick-current.slick-active .hero_3_pera {
  transition: transform 1600ms ease, opacity 1600ms ease;
  transform: translateY(0px);
  opacity: 1;
}
.hero_insurance_section_area.slick-slide.slick-current.slick-active .btn_area2_hero {
  transform: scale(1);
}

.hero_3_bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  transform: scale(1);
  transition: transform 8000ms ease, opacity 1800ms ease-in;
}

.hero_3_heading h1 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s110);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 110px;
  text-transform: uppercase;
  transition: transform 1400ms ease, opacity 1400ms ease;
  transform: translateY(-100px);
  position: relative;
  opacity: 0;
}
@media (max-width: 767px) {
  .hero_3_heading h1 {
    font-size: var(--ztc-font-size-font-s60);
    line-height: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_3_heading h1 {
    font-size: var(--ztc-font-size-font-s100);
    line-height: 100px;
  }
}

.hero_3_dots span {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 18px;
  text-transform: uppercase;
}
.hero_3_dots span img {
  margin: 0 6px;
  width: 100px;
  height: 2px;
  display: inline-block;
}

.btn_area2_hero {
  transform: scale(1.2);
  transition: transform 8000ms ease, opacity 1800ms ease-in;
}
@media (max-width: 767px) {
  .btn_area2_hero {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn_area2_hero {
    margin-top: 30px;
  }
}
.btn_area2_hero .hero_3_btn {
  height: 158px;
  width: 158px;
  text-align: center;
  background: var(--ztc-bg-bg-6);
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
.btn_area2_hero .hero_3_btn:hover {
  transform: translateY(-10px);
  transition: all 0.4s;
  background: var(--ztc-bg-bg-5);
  transition: all 0.4s;
}
.btn_area2_hero .hero_3_btn .arrow {
  height: 36px;
  width: 36px;
  text-align: center;
  line-height: 34px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-1);
  display: inline-block;
  transition: all 0.4s;
  color: var(--ztc-text-text-9);
  font-size: var(--ztc-font-size-font-s18);
  transform: rotate(-45deg);
}
.btn_area2_hero .hero_3_btn .text {
  color: var(--ztc-text-text-1);
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: block;
  padding-top: 16px;
}

.hero_3_pera {
  position: relative;
  z-index: 1;
  top: 100px;
  transition: transform 1400ms ease, opacity 1400ms ease;
  transform: translateY(100px);
  position: relative;
  opacity: 0;
}
@media (max-width: 767px) {
  .hero_3_pera {
    top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_3_pera {
    top: 0;
  }
}
.hero_3_pera img {
  top: -20px;
  position: relative;
}
@media (max-width: 767px) {
  .hero_3_pera img {
    position: absolute;
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_3_pera img {
    position: absolute;
    right: 0;
  }
}
.hero_3_pera p {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
}

.hero_law_section_area {
  position: relative;
  z-index: 1;
  padding: 180px 0 170px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_law_section_area {
    padding: 160px 0 60px;
  }
}
@media (max-width: 767px) {
  .hero_law_section_area {
    padding: 160px 0 60px;
  }
}
.hero_law_section_area .hero_3_element3 {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_law_section_area .hero_3_element3 {
    display: none;
  }
}
.hero_law_section_area .hero_3_element4 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_law_section_area .hero_3_element4 {
    left: 40%;
    top: 65%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_law_section_area .hero_3_element4 {
    left: 60%;
    top: 70%;
  }
}
@media (max-width: 767px) {
  .hero_law_section_area .hero_3_element4 {
    display: none;
  }
}

.hero_4_main_heading {
  position: relative;
  z-index: 1;
}
.hero_4_main_heading h1 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s120);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_4_main_heading h1 {
    font-size: var(--ztc-font-size-font-s80);
    line-height: 80px;
  }
}
@media (max-width: 767px) {
  .hero_4_main_heading h1 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 40px;
  }
}
.hero_4_main_heading p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  padding: 0 100px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_4_main_heading p {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .hero_4_main_heading p {
    padding: 0;
  }
}
.hero_4_main_heading .hero_3_element1 {
  position: absolute;
  right: 130px;
  bottom: 40px;
}
@media (max-width: 767px) {
  .hero_4_main_heading .hero_3_element1 {
    right: 50px;
  }
}

.hero_4_images {
  position: relative;
  z-index: 1;
  left: -80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_4_images {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_4_images {
    left: 0;
  }
}
@media (max-width: 767px) {
  .hero_4_images {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_4_images .vl-clip-anim {
    height: 500px;
  }
}

.circle_h4_arrow_box {
  background: rgba(255, 255, 255, 0.01);
  border: 3px solid var(--ztc-text-text-1);
  backdrop-filter: blur(75px);
  height: 170px;
  width: 170px;
  border-radius: 50%;
  text-align: center;
  line-height: 170px;
  position: absolute;
  bottom: -85px;
  left: 50%;
  margin-left: -85px;
}
.circle_h4_arrow_box .hero_3_element5 {
  position: relative;
  top: -2px;
  left: 0px;
}
.circle_h4_arrow_box .icons svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_h4_side_content {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .hero_h4_side_content {
    margin-top: 60px;
  }
}
.hero_h4_side_content .h4_pera {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.hero_h4_side_content .hero_4_counter {
  padding-top: 30px;
}
.hero_h4_side_content .hero_4_counter h1 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s44);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 44px;
}

.tax_hero_5_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 185px 0 560px 0;
}
@media (max-width: 767px) {
  .tax_hero_5_section {
    padding: 160px 0 60px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tax_hero_5_section {
    padding: 180px 0 80px 0;
  }
}
.tax_hero_5_section .hero_others_img1 {
  position: absolute;
  left: 90px;
  top: 50%;
  margin-top: -223px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tax_hero_5_section .hero_others_img1 {
    display: none;
  }
}
@media (max-width: 767px) {
  .tax_hero_5_section .hero_others_img1 {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tax_hero_5_section .hero_others_img1 {
    margin-top: -100px;
    left: 30px;
  }
}
.tax_hero_5_section .hero_others_img2 {
  position: absolute;
  right: 90px;
  top: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tax_hero_5_section .hero_others_img2 {
    display: none;
  }
}
@media (max-width: 767px) {
  .tax_hero_5_section .hero_others_img2 {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tax_hero_5_section .hero_others_img2 {
    right: 30px;
  }
}

.tax_hero_heading h1 {
  color: var(--ztc-text-text-11);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s100);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tax_hero_heading h1 {
    font-size: var(--ztc-font-size-font-s80);
    line-height: 90px;
  }
}
@media (max-width: 767px) {
  .tax_hero_heading h1 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}
.tax_hero_heading p {
  color: var(--ztc-text-text-12);
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.tax_hero_heading .btn-area1 {
  text-align: center;
}
.tax_hero_heading .btn-area1 .vl-btn8 {
  margin-left: 24px;
}
@media (max-width: 767px) {
  .tax_hero_heading .btn-area1 .vl-btn8 {
    margin-left: 0;
    margin-top: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tax_hero_5_images_area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .tax_hero_5_images_area {
    display: block;
    align-items: center;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tax_hero_5_images_area img {
    width: 330px;
    height: 330px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  .tax_hero_5_images_area img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px;
    margin-top: 20px;
  }
}
.tax_hero_5_images_area .img1 {
  position: absolute;
  bottom: -100px;
  transform: rotate(-40deg);
  left: 300px;
  transition: all 0.4s;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tax_hero_5_images_area .img1 {
    left: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tax_hero_5_images_area .img1 {
    left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tax_hero_5_images_area .img1 {
    position: relative;
    left: 0;
    top: 0;
    transform: rotate(0);
  }
}
@media (max-width: 767px) {
  .tax_hero_5_images_area .img1 {
    position: relative;
    left: 0;
    top: 0;
    transform: rotate(0);
  }
}
.tax_hero_5_images_area .img1:hover {
  z-index: 2;
  transition: all 0.4s;
  transform: scale(1.1) rotate(-40deg);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tax_hero_5_images_area .img1:hover {
    transform: rotate(0);
  }
}
@media (max-width: 767px) {
  .tax_hero_5_images_area .img1:hover {
    transform: rotate(0);
  }
}
.tax_hero_5_images_area .img2 {
  position: absolute;
  bottom: 80px;
  transform: rotate(-20deg);
  left: 29%;
  z-index: 1;
  transition: all 0.4s;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tax_hero_5_images_area .img2 {
    left: 24%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tax_hero_5_images_area .img2 {
    left: 20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tax_hero_5_images_area .img2 {
    position: relative;
    left: 0;
    top: 0;
    transform: rotate(0);
  }
}
@media (max-width: 767px) {
  .tax_hero_5_images_area .img2 {
    position: relative;
    left: 0;
    top: 0;
    transform: rotate(0);
  }
}
.tax_hero_5_images_area .img2:hover {
  z-index: 2;
  transition: all 0.4s;
  transform: scale(1.1) rotate(-20deg);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tax_hero_5_images_area .img2:hover {
    transform: rotate(0);
  }
}
@media (max-width: 767px) {
  .tax_hero_5_images_area .img2:hover {
    transform: rotate(0);
  }
}
.tax_hero_5_images_area .img3 {
  position: absolute;
  left: 50%;
  margin-left: -120px;
  bottom: 160px;
  z-index: 1;
  transition: all 0.4s;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tax_hero_5_images_area .img3 {
    margin-left: -140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tax_hero_5_images_area .img3 {
    position: relative;
    left: 0;
    top: 0;
    transform: rotate(0);
    margin: 0;
  }
}
@media (max-width: 767px) {
  .tax_hero_5_images_area .img3 {
    position: relative;
    left: 0;
    top: 0;
    transform: rotate(0);
    margin: 0;
  }
}
.tax_hero_5_images_area .img3:hover {
  z-index: 2;
  transition: all 0.4s;
  transform: scale(1.1) rotate(0);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tax_hero_5_images_area .img3:hover {
    transform: rotate(0);
  }
}
@media (max-width: 767px) {
  .tax_hero_5_images_area .img3:hover {
    transform: rotate(0);
  }
}
.tax_hero_5_images_area .img4 {
  position: absolute;
  bottom: 80px;
  transform: rotate(20deg);
  right: 26%;
  z-index: 1;
  transition: all 0.4s;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tax_hero_5_images_area .img4 {
    right: 24%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tax_hero_5_images_area .img4 {
    right: 20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tax_hero_5_images_area .img4 {
    position: relative;
    right: 0;
    top: 0;
    transform: rotate(0);
  }
}
@media (max-width: 767px) {
  .tax_hero_5_images_area .img4 {
    position: relative;
    right: 0;
    top: 0;
    transform: rotate(0);
  }
}
.tax_hero_5_images_area .img4:hover {
  z-index: 2;
  transition: all 0.4s;
  transform: scale(1.1) rotate(20deg);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tax_hero_5_images_area .img4:hover {
    transform: rotate(0);
  }
}
@media (max-width: 767px) {
  .tax_hero_5_images_area .img4:hover {
    transform: rotate(0);
  }
}
.tax_hero_5_images_area .img5 {
  position: absolute;
  bottom: -100px;
  transform: rotate(40deg);
  right: 250px;
  transition: all 0.4s;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tax_hero_5_images_area .img5 {
    right: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tax_hero_5_images_area .img5 {
    right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tax_hero_5_images_area .img5 {
    position: relative;
    right: 0;
    top: 0;
    transform: rotate(0);
  }
}
@media (max-width: 767px) {
  .tax_hero_5_images_area .img5 {
    position: relative;
    right: 0;
    top: 0;
    transform: rotate(0);
  }
}
.tax_hero_5_images_area .img5:hover {
  z-index: 2;
  transition: all 0.4s;
  transform: scale(1.1) rotate(40deg);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tax_hero_5_images_area .img5:hover {
    transform: rotate(0);
  }
}
@media (max-width: 767px) {
  .tax_hero_5_images_area .img5:hover {
    transform: rotate(0);
  }
}

.visa_6_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 244px 0 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .visa_6_section_area {
    padding: 150px 0 70px;
  }
}
@media (max-width: 767px) {
  .visa_6_section_area {
    padding: 150px 0 70px;
  }
}
.visa_6_section_area .elements_h6_1 {
  position: absolute;
  top: 45%;
  width: 30%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .visa_6_section_area .elements_h6_1 {
    top: 34%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .visa_6_section_area .elements_h6_1 {
    top: 26%;
    width: 73%;
  }
}

.visa_heading h2 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s80);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 80px;
}
@media (max-width: 767px) {
  .visa_heading h2 {
    font-size: var(--ztc-font-size-font-s50);
    line-height: 60px;
  }
}
.visa_heading h2 span {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s80);
  font-style: italic;
  font-weight: var(--ztc-weight-regular);
  line-height: 80px;
}
@media (max-width: 767px) {
  .visa_heading h2 span {
    font-size: var(--ztc-font-size-font-s50);
    line-height: 60px;
  }
}
.visa_heading p {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  margin-top: 204px;
}
@media (max-width: 767px) {
  .visa_heading p {
    margin-top: 16px;
  }
}

.elements_img_visa {
  text-align: end;
  margin-top: 50px;
  margin-bottom: 85px;
}

.visa_heading_imges {
  position: relative;
  z-index: 1;
}
.visa_heading_imges .elements_h6_5 {
  position: absolute;
  top: 0;
  right: 0;
}
.visa_heading_imges .img1 {
  position: relative;
  top: 5px;
  left: 4px;
}
.visa_heading_imges .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.visa_heading_imges .img2 {
  position: absolute;
  top: 100px;
  left: 96px;
  width: 350px;
  height: 350px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .visa_heading_imges .img2 {
    height: 300px;
    width: 300px;
    left: 82px;
    top: 82px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .visa_heading_imges .img2 {
    height: 200px;
    width: 200px;
    -o-object-fit: cover;
       object-fit: cover;
    top: 80px;
    left: 80px;
  }
}
@media (max-width: 767px) {
  .visa_heading_imges .img2 {
    height: 200px;
    width: 200px;
    -o-object-fit: cover;
       object-fit: cover;
    top: 90px;
    left: 80px;
  }
}

.visa_header_counter_area .counter_box_hero_6 {
  padding-bottom: 24px;
  border-bottom: 1px solid #2F2036;
  padding-top: 24px;
  display: block;
  text-align: center;
}
.visa_header_counter_area .counter_box_hero_6 h2 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s44);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 44px;
}
.visa_header_counter_area .counter_box_hero_6 p {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}

.heading_hero_6_pera {
  padding-top: 24px;
}
.heading_hero_6_pera p {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
}
.heading_hero_6_pera h2 {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}

.corporate_7_hero_area {
  position: relative;
  z-index: 1;
  padding: 230px 0 100px;
  margin: 16px 45px 0;
  border-radius: 12px;
  background: #D7E0E4;
}
@media (max-width: 767px) {
  .corporate_7_hero_area {
    margin: 0;
    border-radius: 0;
    padding: 150px 0 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .corporate_7_hero_area {
    margin: 0;
    border-radius: 0;
    padding: 150px 0 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .corporate_7_hero_area {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .corporate_7_hero_area {
    margin: 0 30px 0 30px;
  }
}
.corporate_7_hero_area .hero_7_bg1 {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  animation: glow_animation 6s linear infinite;
  mix-blend-mode: plus-lighter;
  pointer-events: none;
  z-index: -1;
}

.corporate_hero_heading {
  padding: 0 50px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .corporate_hero_heading {
    padding: 0;
  }
}
.corporate_hero_heading .sub_title {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
}
.corporate_hero_heading h1 {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s60);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 70px;
}
@media (max-width: 767px) {
  .corporate_hero_heading h1 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}

.hero_rating_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_rating_area {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .hero_rating_area {
    margin-top: 20px;
    display: inline-block;
  }
}
.hero_rating_area p {
  color: var(--ztc-text-text-17);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.hero_rating_area h2 {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}
.hero_rating_area h2 span {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
}
.hero_rating_area ul li {
  display: inline-block;
  color: var(--ztc-text-text-16);
}
.hero_rating_area .img1 {
  border-radius: 100px;
  border: 1px solid rgba(70, 101, 115, 0.1);
  background: rgba(70, 101, 115, 0.2);
  padding: 8px 10px;
}
@media (max-width: 767px) {
  .hero_rating_area .img1 {
    margin-top: 16px;
  }
}

.hero_7_experiance_box {
  background: var(--ztc-bg-bg-15);
  border-radius: 12px;
  overflow: hidden;
}
.hero_7_experiance_box .experiance_box_area {
  padding: 24px 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_7_experiance_box .experiance_box_area {
    padding: 24px;
  }
}
.hero_7_experiance_box .experiance_box_area h3 {
  color: var(--ztc-text-text-1);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  text-transform: capitalize;
  position: relative;
  z-index: 2;
}
.hero_7_experiance_box .hero_7_experiance {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 300px;
  margin-top: -130px;
}

.play_button_area {
  text-align: center;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .play_button_area {
    padding-bottom: 30px;
  }
}
.play_button_area .play-btn {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px; /* 100% */
  text-transform: capitalize;
  padding-left: 24px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .play_button_area .play-btn {
    display: block;
    padding-left: 0;
    margin-top: 16px;
  }
}
.play_button_area .play-btn span {
  height: 54px;
  width: 54px;
  text-align: center;
  line-height: 54px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-15);
  display: inline-block;
  color: var(--ztc-text-text-1);
  margin: 0 12px 0 0;
  position: relative;
}
.play_button_area .play-btn span::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 27px;
  top: 27px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-15);
  opacity: 40%;
  border-radius: 50%;
  z-index: -1;
  animation: pulse-border 1500ms ease-out infinite;
}

.hero_7_img {
  height: 400px;
  border-radius: 12px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .hero_7_img {
    padding-bottom: 30px;
  }
}

.hero_driven_boxarea {
  background: var(--ztc-text-text-17);
  border-radius: 12px;
  padding: 24px 24px 110px 24px;
  position: relative;
}
.hero_driven_boxarea h4 {
  color: var(--ztc-text-text-1);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}
.hero_driven_boxarea p {
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.accountant_hero_8_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 200px 0 60px;
}
.accountant_hero_8_area::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(24, 24, 24, 0.5);
  z-index: -1;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .accountant_hero_8_area {
    padding: 160px 0 0;
  }
}

.hero_8_elements_1 {
  position: absolute;
  right: 0;
  z-index: 1;
}

.hero_8_elements_2 {
  position: absolute;
  left: 0;
  z-index: -1;
  height: 100%;
  top: 0;
}

.hero_8_img {
  position: absolute;
  bottom: 0;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_8_img {
    position: relative;
    margin-top: 30px;
    text-align: center;
  }
}

.accountent_hero_heading {
  padding: 0 100px 0 0;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .accountent_hero_heading {
    padding: 0;
  }
}
.accountent_hero_heading .sub_title {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
  position: relative;
}
.accountent_hero_heading .sub_title svg {
  margin: 0 4px 0 0;
}
.accountent_hero_heading .sub_title::after {
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  border-radius: 50%;
  left: -5px;
  top: 0;
  line-height: 42px;
}
@media (max-width: 767px) {
  .accountent_hero_heading .sub_title {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.accountent_hero_heading h1 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s80);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 90px;
}
@media (max-width: 767px) {
  .accountent_hero_heading h1 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 48px;
  }
}
.accountent_hero_heading p {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.accountant_8_btn_area1 .vl-btn16 {
  margin-left: 16px;
}
@media (max-width: 767px) {
  .accountant_8_btn_area1 .vl-btn16 {
    margin-left: 0;
    margin-top: 16px;
  }
}

.hero_bottom_boxes_area {
  border-radius: 12px;
  background: var(--ztc-bg-bg-1);
  padding: 24px 100px 24px 24px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_bottom_boxes_area {
    padding: 24px;
  }
}
.hero_bottom_boxes_area .hero_8_elements_3 {
  position: absolute;
  right: 0;
  height: 100%;
  top: 0;
  z-index: -1;
}
.hero_bottom_boxes_area .sub_title {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
  position: relative;
}
.hero_bottom_boxes_area .sub_title svg {
  margin: 0 4px 0 0;
}
.hero_bottom_boxes_area .sub_title::after {
  background: var(--ztc-bg-bg-18);
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  border-radius: 50%;
  left: -5px;
  top: 0;
  line-height: 42px;
  z-index: -1;
}
.hero_bottom_boxes_area h2 {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
}
.hero_bottom_boxes_area p {
  color: var(--ztc-text-text-19);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.hero_bottom_boxes_area .started_btn a {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.hero_bottom_boxes_area .started_btn a:hover {
  color: var(--ztc-text-text-20);
  transition: all 0.4s;
}
.hero_bottom_boxes_area .started_btn a i {
  margin: 0 6px 0 0;
}

.hero_bottom_review_box {
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
  border-radius: 12px;
  background: var(--ztc-bg-bg-19);
  backdrop-filter: blur(4px);
  padding: 24px;
}
@media (max-width: 767px) {
  .hero_bottom_review_box {
    margin-top: 30px;
  }
}
.hero_bottom_review_box .img1 {
  border-radius: 100px;
  border: 1px solid rgba(7, 30, 26, 0.1);
  background: rgba(7, 30, 26, 0.1);
  padding: 8px;
  display: inline-block;
}
.hero_bottom_review_box h3 {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
}
.hero_bottom_review_box p {
  color: var(--ztc-text-text-19);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
  text-align: end;
}

.hr_managment_hero_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 190px 0 100px;
}
@media (max-width: 767px) {
  .hr_managment_hero_area {
    padding: 150px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hr_managment_hero_area {
    padding: 150px 0 50px;
  }
}
.hr_managment_hero_area .hero_9_bg {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 2;
  bottom: 0;
  height: 1000px;
  -o-object-position: top;
     object-position: top;
}
@media (max-width: 767px) {
  .hr_managment_hero_area .hero_9_bg {
    height: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hr_managment_hero_area .hero_9_bg {
    height: 700px;
  }
}
.hr_managment_hero_area .elements_1_h9 {
  position: absolute;
  left: 0;
  top: 0;
  animation: glow_animation 6s linear infinite;
  pointer-events: none;
}
.hr_managment_hero_area .elements_2_h9 {
  position: absolute;
  right: 0;
  top: 0;
  animation: glow_animation 8s linear infinite;
  pointer-events: none;
}

.hero_hr_managmrnt_heading h1 {
  color: var(--ztc-text-text-21);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s90);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 100px;
}
@media (max-width: 767px) {
  .hero_hr_managmrnt_heading h1 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_hr_managmrnt_heading h1 {
    font-size: var(--ztc-font-size-font-s70);
    line-height: 80px;
  }
}
.hero_hr_managmrnt_heading p {
  color: var(--ztc-text-text-22);
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
  width: 700px;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_hr_managmrnt_heading p {
    width: 100%;
  }
}
.hero_hr_managmrnt_heading .vl-btn20 {
  margin-left: 16px;
}
@media (max-width: 767px) {
  .hero_hr_managmrnt_heading .vl-btn20 {
    margin-left: 0;
    margin-top: 20px;
  }
}

.hero_hr_img1 {
  border-radius: 16px;
  border: 1px solid rgba(159, 85, 255, 0.3);
  background: rgba(255, 255, 255, 0.4);
  padding: 20px;
  z-index: 1;
}
.hero_hr_img1.vl-clip-anim {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

.hero_side_img {
  position: relative;
}

.hr_brand_slider_area {
  position: relative;
  z-index: 2;
}
.hr_brand_slider_area h2 {
  color: #475467;
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.hr_brand_carousel .brand-img img {
  width: 130px;
  height: 35px;
  -o-object-fit: contain;
     object-fit: contain;
}

.fa_hero_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 190px 0 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fa_hero_section_area {
    padding: 150px 0 80px;
  }
}
@media (max-width: 767px) {
  .fa_hero_section_area {
    padding: 140px 0 50px;
  }
}
.fa_hero_section_area .fa_hero_elements {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  animation: glow_animation 4s linear infinite;
  pointer-events: none;
}

.fa_heading_area .sub_title {
  color: var(--ztc-text-text-24);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.3);
  padding: 14px 16px;
  display: inline-block;
}
@media (max-width: 767px) {
  .fa_heading_area .sub_title {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.fa_heading_area h1 {
  color: var(--ztc-text-text-24);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s80);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 90px;
}
@media (max-width: 767px) {
  .fa_heading_area h1 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fa_heading_area h1 {
    font-size: var(--ztc-font-size-font-s60);
    line-height: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fa_heading_area h1 {
    font-size: var(--ztc-font-size-font-s60);
    line-height: 70px;
  }
}
.fa_heading_area .pera {
  color: var(--ztc-text-text-25);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
}

.fa_hero_images_area {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fa_hero_images_area {
    margin-top: 60px;
  }
}
.fa_hero_images_area .fa_circle_hero {
  position: absolute;
  z-index: -1;
  height: 430px;
  width: 430px;
  border-radius: 50%;
  left: 50%;
  margin-left: -215px;
  top: -60px;
}
@media (max-width: 767px) {
  .fa_hero_images_area .fa_circle_hero {
    height: 200px;
    height: 200px;
    -o-object-fit: contain;
       object-fit: contain;
    margin-left: -180px;
    top: -30px;
  }
}
.fa_hero_images_area .fa_elements_1 {
  position: absolute;
  bottom: 0;
  height: 102px;
  width: 102px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  left: 50%;
  margin-left: -51px;
  bottom: 70px;
  z-index: 1;
}
.fa_hero_images_area .fa_elements_2 {
  position: absolute;
  left: 0;
  top: 55px;
  z-index: 1;
}
@media (max-width: 767px) {
  .fa_hero_images_area .fa_elements_2 {
    display: none;
  }
}
.fa_hero_images_area .fa_elements_3 {
  position: absolute;
  right: 0;
  top: 105px;
  z-index: 1;
}
@media (max-width: 767px) {
  .fa_hero_images_area .fa_elements_3 {
    display: none;
  }
}
.fa_hero_images_area .fa_hero_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*============= HERO CSS AREA ===============*/
/*============= MOBILE MENU CSS AREA ===============*/
.vl-header-action-item {
  float: right;
  border: 1px solid var(--ztc-text-text-2);
  padding: 6px;
  border-radius: 4px;
  color: var(--ztc-text-text-2);
}
.vl-header-action-item button {
  border: none;
  outline: none;
  background: none;
  transition: all 0.4s;
  color: var(--ztc-text-text-2);
  font-size: var(--ztc-font-size-font-s20);
}

.vl-offcanvas {
  position: fixed;
  background: var(--ztc-bg-bg-3);
  width: 450px;
  z-index: 99;
  right: 0;
  top: 0;
  padding: 50px 40px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: 0.3s;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
@media only screen and (max-width: 450px) {
  .vl-offcanvas {
    width: 100%;
  }
}
.vl-offcanvas-open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.vl-offcanvas-close-toggle {
  font-size: var(--ztc-font-size-font-s30);
  color: var(--vl-heading-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .vl-offcanvas-header {
    margin-bottom: 40px;
  }
}
.vl-offcanvas-title {
  font-size: 35px;
  color: var(--ztc-text-text-1);
}
.vl-offcanvas-info span a {
  display: block;
  color: var(--ztc-text-text-1);
  margin-bottom: 10px;
}
.vl-offcanvas-info span a i {
  margin: 0 4px 0 0;
}
.vl-offcanvas-sm-title {
  font-size: var(--ztc-font-size-font-s24);
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
}
.vl-offcanvas-social a {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  color: var(--ztc-text-text-1);
  border: 1px solid var(--ztc-text-text-1);
  font-size: 14px;
}
.vl-offcanvas-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.45 easc-in-out;
  background: rgba(24, 24, 24, 0.4);
}
.vl-offcanvas-overlay-open {
  opacity: 0.7;
  visibility: visible;
}
.vl-offcanvas .vl-offcanvas-logo {
  height: 50px;
  width: 164px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) invert(1);
}
.vl-offcanvas .vl-offcanvas-close button {
  border: none;
  background: none;
  outline: none;
  color: var(--ztc-text-text-1);
}

.vl-offcanvas-menu ul {
  list-style: none;
}
.vl-offcanvas-menu ul li {
  position: relative;
}
.vl-offcanvas-menu ul li a {
  padding: 8px 0;
  display: block;
  font-size: var(--ztc-font-size-font-s18);
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  font-family: var(--ztc-family-font2);
}
.vl-offcanvas-menu ul li a span {
  display: block;
}
.vl-offcanvas-menu ul li > a {
  border-bottom: none;
}
.vl-offcanvas-menu ul li.active > a {
  color: var(--ztc-text-text-1);
}
.vl-offcanvas-menu ul li.active > .vl-menu-close i {
  transform: rotate(90deg);
}
.vl-offcanvas-menu ul li .sub-menu {
  display: none;
  padding-left: 20px;
}

.vl-menu-close {
  position: absolute;
  right: 0;
  top: 7px;
  border: 1px solid var(--ztc-text-text-1);
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  background: transparent;
  color: var(--ztc-text-text-1);
  border-radius: 4px;
}
.vl-menu-close i {
  transition: 0.3s;
}

.homepage2-body .vl-header-action-item {
  float: right;
  border: 1px solid var(--ztc-text-text-1);
  padding: 6px;
  border-radius: 4px;
  color: var(--ztc-text-text-1);
}
.homepage2-body .vl-header-action-item button {
  border: none;
  outline: none;
  background: none;
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s20);
}
.homepage2-body .vl-offcanvas {
  position: fixed;
  background: var(--ztc-bg-bg-4);
  width: 450px;
  z-index: 99;
  right: 0;
  top: 0;
  padding: 50px 40px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: 0.3s;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
@media only screen and (max-width: 450px) {
  .homepage2-body .vl-offcanvas {
    width: 100%;
  }
}
.homepage2-body .vl-offcanvas-open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.homepage2-body .vl-offcanvas-close-toggle {
  font-size: var(--ztc-font-size-font-s30);
  color: var(--vl-heading-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .homepage2-body .vl-offcanvas-header {
    margin-bottom: 40px;
  }
}
.homepage2-body .vl-offcanvas-title {
  font-size: 35px;
  color: var(--ztc-text-text-1);
}
.homepage2-body .vl-offcanvas-info span a {
  display: block;
  color: var(--ztc-text-text-1);
  margin-bottom: 10px;
}
.homepage2-body .vl-offcanvas-info span a i {
  margin: 0 4px 0 0;
}
.homepage2-body .vl-offcanvas-sm-title {
  font-size: var(--ztc-font-size-font-s24);
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
}
.homepage2-body .vl-offcanvas-social a {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  color: var(--ztc-text-text-1);
  border: 1px solid var(--ztc-text-text-1);
  font-size: 14px;
}
.homepage2-body .vl-offcanvas-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.45 easc-in-out;
  background: rgba(24, 24, 24, 0.4);
}
.homepage2-body .vl-offcanvas-overlay-open {
  opacity: 0.7;
  visibility: visible;
}
.homepage2-body .vl-offcanvas .vl-offcanvas-logo {
  height: 50px;
  width: 164px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) invert(1);
}
.homepage2-body .vl-offcanvas .vl-offcanvas-close button {
  border: none;
  background: none;
  outline: none;
  color: var(--ztc-text-text-1);
}
.homepage2-body .vl-offcanvas-menu ul {
  list-style: none;
}
.homepage2-body .vl-offcanvas-menu ul li {
  position: relative;
}
.homepage2-body .vl-offcanvas-menu ul li a {
  padding: 8px 0;
  display: block;
  font-size: var(--ztc-font-size-font-s18);
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  font-family: var(--ztc-family-font2);
}
.homepage2-body .vl-offcanvas-menu ul li a span {
  display: block;
}
.homepage2-body .vl-offcanvas-menu ul li > a {
  border-bottom: none;
}
.homepage2-body .vl-offcanvas-menu ul li.active > a {
  color: var(--ztc-text-text-1);
}
.homepage2-body .vl-offcanvas-menu ul li.active > .vl-menu-close i {
  transform: rotate(90deg);
}
.homepage2-body .vl-offcanvas-menu ul li .sub-menu {
  display: none;
  padding-left: 20px;
}
.homepage2-body .vl-menu-close {
  position: absolute;
  right: 0;
  top: 7px;
  border: 1px solid var(--ztc-text-text-1);
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  background: transparent;
  color: var(--ztc-text-text-1);
  border-radius: 4px;
}
.homepage2-body .vl-menu-close i {
  transition: 0.3s;
}

.homepage3-body .vl-header-action-item {
  float: right;
  border: 1px solid var(--ztc-text-text-1);
  padding: 6px;
  border-radius: 4px;
  color: var(--ztc-text-text-1);
}
.homepage3-body .vl-header-action-item button {
  border: none;
  outline: none;
  background: none;
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s20);
}
.homepage3-body .vl-offcanvas {
  position: fixed;
  background: var(--ztc-bg-bg-5);
  width: 450px;
  z-index: 99;
  right: 0;
  top: 0;
  padding: 50px 40px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: 0.3s;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
@media only screen and (max-width: 450px) {
  .homepage3-body .vl-offcanvas {
    width: 100%;
  }
}
.homepage3-body .vl-offcanvas-open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.homepage3-body .vl-offcanvas-close-toggle {
  font-size: var(--ztc-font-size-font-s30);
  color: var(--vl-heading-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .homepage3-body .vl-offcanvas-header {
    margin-bottom: 40px;
  }
}
.homepage3-body .vl-offcanvas-title {
  font-size: 35px;
  color: var(--ztc-text-text-1);
}
.homepage3-body .vl-offcanvas-info span a {
  display: block;
  color: var(--ztc-text-text-1);
  margin-bottom: 10px;
}
.homepage3-body .vl-offcanvas-info span a i {
  margin: 0 4px 0 0;
}
.homepage3-body .vl-offcanvas-sm-title {
  font-size: var(--ztc-font-size-font-s24);
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
}
.homepage3-body .vl-offcanvas-social a {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  color: var(--ztc-text-text-1);
  border: 1px solid var(--ztc-text-text-1);
  font-size: 14px;
}
.homepage3-body .vl-offcanvas-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.45 easc-in-out;
  background: rgba(24, 24, 24, 0.4);
}
.homepage3-body .vl-offcanvas-overlay-open {
  opacity: 0.7;
  visibility: visible;
}
.homepage3-body .vl-offcanvas .vl-offcanvas-logo {
  height: 50px;
  width: 164px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) invert(1);
}
.homepage3-body .vl-offcanvas .vl-offcanvas-close button {
  border: none;
  background: none;
  outline: none;
  color: var(--ztc-text-text-1);
}
.homepage3-body .vl-offcanvas-menu ul {
  list-style: none;
}
.homepage3-body .vl-offcanvas-menu ul li {
  position: relative;
}
.homepage3-body .vl-offcanvas-menu ul li a {
  padding: 8px 0;
  display: block;
  font-size: var(--ztc-font-size-font-s18);
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  font-family: var(--ztc-family-font2);
}
.homepage3-body .vl-offcanvas-menu ul li a span {
  display: block;
}
.homepage3-body .vl-offcanvas-menu ul li > a {
  border-bottom: none;
}
.homepage3-body .vl-offcanvas-menu ul li.active > a {
  color: var(--ztc-text-text-1);
}
.homepage3-body .vl-offcanvas-menu ul li.active > .vl-menu-close i {
  transform: rotate(90deg);
}
.homepage3-body .vl-offcanvas-menu ul li .sub-menu {
  display: none;
  padding-left: 20px;
}
.homepage3-body .vl-menu-close {
  position: absolute;
  right: 0;
  top: 7px;
  border: 1px solid var(--ztc-text-text-1);
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  background: transparent;
  color: var(--ztc-text-text-1);
  border-radius: 4px;
}
.homepage3-body .vl-menu-close i {
  transition: 0.3s;
}

.homepage4-body .vl-header-action-item {
  float: right;
  border: 1px solid var(--ztc-text-text-2);
  padding: 6px;
  border-radius: 4px;
  color: var(--ztc-text-text-2);
}
.homepage4-body .vl-header-action-item button {
  border: none;
  outline: none;
  background: none;
  transition: all 0.4s;
  color: var(--ztc-text-text-2);
  font-size: var(--ztc-font-size-font-s20);
}
.homepage4-body .vl-offcanvas {
  position: fixed;
  background: var(--ztc-bg-bg-2);
  width: 450px;
  z-index: 99;
  right: 0;
  top: 0;
  padding: 50px 40px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: 0.3s;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
@media only screen and (max-width: 450px) {
  .homepage4-body .vl-offcanvas {
    width: 100%;
  }
}
.homepage4-body .vl-offcanvas-open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.homepage4-body .vl-offcanvas-close-toggle {
  font-size: var(--ztc-font-size-font-s30);
  color: var(--vl-heading-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .homepage4-body .vl-offcanvas-header {
    margin-bottom: 40px;
  }
}
.homepage4-body .vl-offcanvas-title {
  font-size: 35px;
  color: var(--ztc-text-text-1);
}
.homepage4-body .vl-offcanvas-info span a {
  display: block;
  color: var(--ztc-text-text-1);
  margin-bottom: 10px;
}
.homepage4-body .vl-offcanvas-info span a i {
  margin: 0 4px 0 0;
}
.homepage4-body .vl-offcanvas-sm-title {
  font-size: var(--ztc-font-size-font-s24);
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
}
.homepage4-body .vl-offcanvas-social a {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  color: var(--ztc-text-text-1);
  border: 1px solid var(--ztc-text-text-1);
  font-size: 14px;
}
.homepage4-body .vl-offcanvas-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.45 easc-in-out;
  background: rgba(24, 24, 24, 0.4);
}
.homepage4-body .vl-offcanvas-overlay-open {
  opacity: 0.7;
  visibility: visible;
}
.homepage4-body .vl-offcanvas .vl-offcanvas-logo {
  height: 50px;
  width: 164px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) invert(1);
}
.homepage4-body .vl-offcanvas .vl-offcanvas-close button {
  border: none;
  background: none;
  outline: none;
  color: var(--ztc-text-text-1);
}
.homepage4-body .vl-offcanvas-menu ul {
  list-style: none;
}
.homepage4-body .vl-offcanvas-menu ul li {
  position: relative;
}
.homepage4-body .vl-offcanvas-menu ul li a {
  padding: 8px 0;
  display: block;
  font-size: var(--ztc-font-size-font-s18);
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  font-family: var(--ztc-family-font2);
}
.homepage4-body .vl-offcanvas-menu ul li a span {
  display: block;
}
.homepage4-body .vl-offcanvas-menu ul li > a {
  border-bottom: none;
}
.homepage4-body .vl-offcanvas-menu ul li.active > a {
  color: var(--ztc-text-text-1);
}
.homepage4-body .vl-offcanvas-menu ul li.active > .vl-menu-close i {
  transform: rotate(90deg);
}
.homepage4-body .vl-offcanvas-menu ul li .sub-menu {
  display: none;
  padding-left: 20px;
}
.homepage4-body .vl-menu-close {
  position: absolute;
  right: 0;
  top: 7px;
  border: 1px solid var(--ztc-text-text-1);
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  background: transparent;
  color: var(--ztc-text-text-1);
  border-radius: 4px;
}
.homepage4-body .vl-menu-close i {
  transition: 0.3s;
}

.homepage5-body .vl-header-action-item {
  float: right;
  border: 1px solid var(--ztc-text-text-11);
  padding: 6px;
  border-radius: 4px;
  color: var(--ztc-text-text-11);
}
.homepage5-body .vl-header-action-item button {
  border: none;
  outline: none;
  background: none;
  transition: all 0.4s;
  color: var(--ztc-text-text-11);
  font-size: var(--ztc-font-size-font-s20);
}
.homepage5-body .vl-offcanvas {
  position: fixed;
  background: var(--ztc-bg-bg-9);
  width: 450px;
  z-index: 99999;
  right: 0;
  top: 0;
  padding: 50px 40px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: 0.3s;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
@media only screen and (max-width: 450px) {
  .homepage5-body .vl-offcanvas {
    width: 100%;
  }
}
.homepage5-body .vl-offcanvas-open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.homepage5-body .vl-offcanvas-close-toggle {
  font-size: var(--ztc-font-size-font-s30);
  color: var(--vl-heading-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .homepage5-body .vl-offcanvas-header {
    margin-bottom: 40px;
  }
}
.homepage5-body .vl-offcanvas-title {
  font-size: 35px;
  color: var(--ztc-text-text-1);
}
.homepage5-body .vl-offcanvas-info span a {
  display: block;
  color: var(--ztc-text-text-1);
  margin-bottom: 10px;
}
.homepage5-body .vl-offcanvas-info span a i {
  margin: 0 4px 0 0;
}
.homepage5-body .vl-offcanvas-sm-title {
  font-size: var(--ztc-font-size-font-s24);
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
}
.homepage5-body .vl-offcanvas-social a {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  color: var(--ztc-text-text-1);
  border: 1px solid var(--ztc-text-text-1);
  font-size: 14px;
}
.homepage5-body .vl-offcanvas-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.45 easc-in-out;
  background: rgba(24, 24, 24, 0.4);
}
.homepage5-body .vl-offcanvas-overlay-open {
  opacity: 0.7;
  visibility: visible;
}
.homepage5-body .vl-offcanvas .vl-offcanvas-logo {
  height: 50px;
  width: 164px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) invert(1);
}
.homepage5-body .vl-offcanvas .vl-offcanvas-close button {
  border: none;
  background: none;
  outline: none;
  color: var(--ztc-text-text-1);
}
.homepage5-body .vl-offcanvas-menu ul {
  list-style: none;
}
.homepage5-body .vl-offcanvas-menu ul li {
  position: relative;
}
.homepage5-body .vl-offcanvas-menu ul li a {
  padding: 8px 0;
  display: block;
  font-size: var(--ztc-font-size-font-s18);
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  font-family: var(--ztc-family-font2);
}
.homepage5-body .vl-offcanvas-menu ul li a span {
  display: block;
}
.homepage5-body .vl-offcanvas-menu ul li > a {
  border-bottom: none;
}
.homepage5-body .vl-offcanvas-menu ul li.active > a {
  color: var(--ztc-text-text-1);
}
.homepage5-body .vl-offcanvas-menu ul li.active > .vl-menu-close i {
  transform: rotate(90deg);
}
.homepage5-body .vl-offcanvas-menu ul li .sub-menu {
  display: none;
  padding-left: 20px;
}
.homepage5-body .vl-menu-close {
  position: absolute;
  right: 0;
  top: 7px;
  border: 1px solid var(--ztc-text-text-1);
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  background: transparent;
  color: var(--ztc-text-text-1);
  border-radius: 4px;
}
.homepage5-body .vl-menu-close i {
  transition: 0.3s;
}

.homepage6-body .vl-header-action-item {
  float: right;
  border: 1px solid var(--ztc-text-text-1);
  padding: 6px;
  border-radius: 4px;
  color: var(--ztc-text-text-1);
}
.homepage6-body .vl-header-action-item button {
  border: none;
  outline: none;
  background: none;
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s20);
}
.homepage6-body .vl-offcanvas {
  position: fixed;
  background: var(--ztc-bg-bg-2);
  width: 450px;
  z-index: 99999;
  right: 0;
  top: 0;
  padding: 50px 40px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: 0.3s;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
@media only screen and (max-width: 450px) {
  .homepage6-body .vl-offcanvas {
    width: 100%;
  }
}
.homepage6-body .vl-offcanvas-open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.homepage6-body .vl-offcanvas-close-toggle {
  font-size: var(--ztc-font-size-font-s30);
  color: var(--vl-heading-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .homepage6-body .vl-offcanvas-header {
    margin-bottom: 40px;
  }
}
.homepage6-body .vl-offcanvas-title {
  font-size: 35px;
  color: var(--ztc-text-text-1);
}
.homepage6-body .vl-offcanvas-info span a {
  display: block;
  color: var(--ztc-text-text-1);
  margin-bottom: 10px;
}
.homepage6-body .vl-offcanvas-info span a i {
  margin: 0 4px 0 0;
}
.homepage6-body .vl-offcanvas-sm-title {
  font-size: var(--ztc-font-size-font-s24);
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
}
.homepage6-body .vl-offcanvas-social a {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  color: var(--ztc-text-text-1);
  border: 1px solid var(--ztc-text-text-1);
  font-size: 14px;
}
.homepage6-body .vl-offcanvas-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.45 easc-in-out;
  background: rgba(24, 24, 24, 0.4);
}
.homepage6-body .vl-offcanvas-overlay-open {
  opacity: 0.7;
  visibility: visible;
}
.homepage6-body .vl-offcanvas .vl-offcanvas-logo {
  height: 50px;
  width: 164px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) invert(1);
}
.homepage6-body .vl-offcanvas .vl-offcanvas-close button {
  border: none;
  background: none;
  outline: none;
  color: var(--ztc-text-text-1);
}
.homepage6-body .vl-offcanvas-menu ul {
  list-style: none;
}
.homepage6-body .vl-offcanvas-menu ul li {
  position: relative;
}
.homepage6-body .vl-offcanvas-menu ul li a {
  padding: 8px 0;
  display: block;
  font-size: var(--ztc-font-size-font-s18);
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  font-family: var(--ztc-family-font2);
}
.homepage6-body .vl-offcanvas-menu ul li a span {
  display: block;
}
.homepage6-body .vl-offcanvas-menu ul li > a {
  border-bottom: none;
}
.homepage6-body .vl-offcanvas-menu ul li.active > a {
  color: var(--ztc-text-text-1);
}
.homepage6-body .vl-offcanvas-menu ul li.active > .vl-menu-close i {
  transform: rotate(90deg);
}
.homepage6-body .vl-offcanvas-menu ul li .sub-menu {
  display: none;
  padding-left: 20px;
}
.homepage6-body .vl-menu-close {
  position: absolute;
  right: 0;
  top: 7px;
  border: 1px solid var(--ztc-text-text-1);
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  background: transparent;
  color: var(--ztc-text-text-1);
  border-radius: 4px;
}
.homepage6-body .vl-menu-close i {
  transition: 0.3s;
}

.homepage7-body .vl-header-action-item {
  float: right;
  border: 1px solid var(--ztc-text-text-16);
  padding: 6px;
  border-radius: 4px;
  color: var(--ztc-text-text-16);
}
.homepage7-body .vl-header-action-item button {
  border: none;
  outline: none;
  background: none;
  transition: all 0.4s;
  color: var(--ztc-text-text-16);
  font-size: var(--ztc-font-size-font-s20);
}
.homepage7-body .vl-offcanvas {
  position: fixed;
  background: var(--ztc-bg-bg-15);
  width: 450px;
  z-index: 99999;
  right: 0;
  top: 0;
  padding: 50px 40px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: 0.3s;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
@media only screen and (max-width: 450px) {
  .homepage7-body .vl-offcanvas {
    width: 100%;
  }
}
.homepage7-body .vl-offcanvas-open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.homepage7-body .vl-offcanvas-close-toggle {
  font-size: var(--ztc-font-size-font-s30);
  color: var(--vl-heading-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .homepage7-body .vl-offcanvas-header {
    margin-bottom: 40px;
  }
}
.homepage7-body .vl-offcanvas-title {
  font-size: 35px;
  color: var(--ztc-text-text-1);
}
.homepage7-body .vl-offcanvas-info span a {
  display: block;
  color: var(--ztc-text-text-1);
  margin-bottom: 10px;
}
.homepage7-body .vl-offcanvas-info span a i {
  margin: 0 4px 0 0;
}
.homepage7-body .vl-offcanvas-sm-title {
  font-size: var(--ztc-font-size-font-s24);
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
}
.homepage7-body .vl-offcanvas-social a {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  color: var(--ztc-text-text-1);
  border: 1px solid var(--ztc-text-text-1);
  font-size: 14px;
}
.homepage7-body .vl-offcanvas-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.45 easc-in-out;
  background: rgba(24, 24, 24, 0.4);
}
.homepage7-body .vl-offcanvas-overlay-open {
  opacity: 0.7;
  visibility: visible;
}
.homepage7-body .vl-offcanvas .vl-offcanvas-logo {
  height: 50px;
  width: 164px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) invert(1);
}
.homepage7-body .vl-offcanvas .vl-offcanvas-close button {
  border: none;
  background: none;
  outline: none;
  color: var(--ztc-text-text-1);
}
.homepage7-body .vl-offcanvas-menu ul {
  list-style: none;
}
.homepage7-body .vl-offcanvas-menu ul li {
  position: relative;
}
.homepage7-body .vl-offcanvas-menu ul li a {
  padding: 8px 0;
  display: block;
  font-size: var(--ztc-font-size-font-s18);
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  font-family: var(--ztc-family-font2);
}
.homepage7-body .vl-offcanvas-menu ul li a span {
  display: block;
}
.homepage7-body .vl-offcanvas-menu ul li > a {
  border-bottom: none;
}
.homepage7-body .vl-offcanvas-menu ul li.active > a {
  color: var(--ztc-text-text-1);
}
.homepage7-body .vl-offcanvas-menu ul li.active > .vl-menu-close i {
  transform: rotate(90deg);
}
.homepage7-body .vl-offcanvas-menu ul li .sub-menu {
  display: none;
  padding-left: 20px;
}
.homepage7-body .vl-menu-close {
  position: absolute;
  right: 0;
  top: 7px;
  border: 1px solid var(--ztc-text-text-1);
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  background: transparent;
  color: var(--ztc-text-text-1);
  border-radius: 4px;
}
.homepage7-body .vl-menu-close i {
  transition: 0.3s;
}

.homepage8-body .vl-header-action-item {
  float: right;
  border: 1px solid var(--ztc-text-text-1);
  padding: 6px;
  border-radius: 4px;
  color: var(--ztc-text-text-1);
}
.homepage8-body .vl-header-action-item button {
  border: none;
  outline: none;
  background: none;
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s20);
}
.homepage8-body .vl-offcanvas {
  position: fixed;
  background: var(--ztc-bg-bg-18);
  width: 450px;
  z-index: 99999;
  right: 0;
  top: 0;
  padding: 50px 40px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: 0.3s;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
@media only screen and (max-width: 450px) {
  .homepage8-body .vl-offcanvas {
    width: 100%;
  }
}
.homepage8-body .vl-offcanvas-open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.homepage8-body .vl-offcanvas-close-toggle {
  font-size: var(--ztc-font-size-font-s30);
  color: var(--vl-heading-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .homepage8-body .vl-offcanvas-header {
    margin-bottom: 40px;
  }
}
.homepage8-body .vl-offcanvas-title {
  font-size: 35px;
  color: var(--ztc-text-text-1);
}
.homepage8-body .vl-offcanvas-info span a {
  display: block;
  color: var(--ztc-text-text-1);
  margin-bottom: 10px;
}
.homepage8-body .vl-offcanvas-info span a i {
  margin: 0 4px 0 0;
}
.homepage8-body .vl-offcanvas-sm-title {
  font-size: var(--ztc-font-size-font-s24);
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
}
.homepage8-body .vl-offcanvas-social a {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  color: var(--ztc-text-text-1);
  border: 1px solid var(--ztc-text-text-1);
  font-size: 14px;
}
.homepage8-body .vl-offcanvas-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.45 easc-in-out;
  background: rgba(24, 24, 24, 0.4);
}
.homepage8-body .vl-offcanvas-overlay-open {
  opacity: 0.7;
  visibility: visible;
}
.homepage8-body .vl-offcanvas .vl-offcanvas-logo {
  height: 50px;
  width: 164px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) invert(1);
}
.homepage8-body .vl-offcanvas .vl-offcanvas-close button {
  border: none;
  background: none;
  outline: none;
  color: var(--ztc-text-text-1);
}
.homepage8-body .vl-offcanvas-menu ul {
  list-style: none;
}
.homepage8-body .vl-offcanvas-menu ul li {
  position: relative;
}
.homepage8-body .vl-offcanvas-menu ul li a {
  padding: 8px 0;
  display: block;
  font-size: var(--ztc-font-size-font-s18);
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  font-family: var(--ztc-family-font2);
}
.homepage8-body .vl-offcanvas-menu ul li a span {
  display: block;
}
.homepage8-body .vl-offcanvas-menu ul li > a {
  border-bottom: none;
}
.homepage8-body .vl-offcanvas-menu ul li.active > a {
  color: var(--ztc-text-text-1);
}
.homepage8-body .vl-offcanvas-menu ul li.active > .vl-menu-close i {
  transform: rotate(90deg);
}
.homepage8-body .vl-offcanvas-menu ul li .sub-menu {
  display: none;
  padding-left: 20px;
}
.homepage8-body .vl-menu-close {
  position: absolute;
  right: 0;
  top: 7px;
  border: 1px solid var(--ztc-text-text-1);
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  background: transparent;
  color: var(--ztc-text-text-1);
  border-radius: 4px;
}
.homepage8-body .vl-menu-close i {
  transition: 0.3s;
}

.homepage9-body .vl-header-action-item {
  float: right;
  border: 1px solid var(--ztc-text-text-16);
  padding: 6px;
  border-radius: 4px;
  color: var(--ztc-text-text-16);
}
.homepage9-body .vl-header-action-item button {
  border: none;
  outline: none;
  background: none;
  transition: all 0.4s;
  color: var(--ztc-text-text-16);
  font-size: var(--ztc-font-size-font-s20);
}
.homepage9-body .vl-offcanvas {
  position: fixed;
  background: var(--ztc-bg-bg-22);
  width: 450px;
  z-index: 99999;
  right: 0;
  top: 0;
  padding: 50px 40px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: 0.3s;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
@media only screen and (max-width: 450px) {
  .homepage9-body .vl-offcanvas {
    width: 100%;
  }
}
.homepage9-body .vl-offcanvas-open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.homepage9-body .vl-offcanvas-close-toggle {
  font-size: var(--ztc-font-size-font-s30);
  color: var(--vl-heading-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .homepage9-body .vl-offcanvas-header {
    margin-bottom: 40px;
  }
}
.homepage9-body .vl-offcanvas-title {
  font-size: 35px;
  color: var(--ztc-text-text-1);
}
.homepage9-body .vl-offcanvas-info span a {
  display: block;
  color: var(--ztc-text-text-1);
  margin-bottom: 10px;
}
.homepage9-body .vl-offcanvas-info span a i {
  margin: 0 4px 0 0;
}
.homepage9-body .vl-offcanvas-sm-title {
  font-size: var(--ztc-font-size-font-s24);
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
}
.homepage9-body .vl-offcanvas-social a {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  color: var(--ztc-text-text-1);
  border: 1px solid var(--ztc-text-text-1);
  font-size: 14px;
}
.homepage9-body .vl-offcanvas-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.45 easc-in-out;
  background: rgba(24, 24, 24, 0.4);
}
.homepage9-body .vl-offcanvas-overlay-open {
  opacity: 0.7;
  visibility: visible;
}
.homepage9-body .vl-offcanvas .vl-offcanvas-logo {
  height: 50px;
  width: 164px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) invert(1);
}
.homepage9-body .vl-offcanvas .vl-offcanvas-close button {
  border: none;
  background: none;
  outline: none;
  color: var(--ztc-text-text-1);
}
.homepage9-body .vl-offcanvas-menu ul {
  list-style: none;
}
.homepage9-body .vl-offcanvas-menu ul li {
  position: relative;
}
.homepage9-body .vl-offcanvas-menu ul li a {
  padding: 8px 0;
  display: block;
  font-size: var(--ztc-font-size-font-s18);
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  font-family: var(--ztc-family-font2);
}
.homepage9-body .vl-offcanvas-menu ul li a span {
  display: block;
}
.homepage9-body .vl-offcanvas-menu ul li > a {
  border-bottom: none;
}
.homepage9-body .vl-offcanvas-menu ul li.active > a {
  color: var(--ztc-text-text-1);
}
.homepage9-body .vl-offcanvas-menu ul li.active > .vl-menu-close i {
  transform: rotate(90deg);
}
.homepage9-body .vl-offcanvas-menu ul li .sub-menu {
  display: none;
  padding-left: 20px;
}
.homepage9-body .vl-menu-close {
  position: absolute;
  right: 0;
  top: 7px;
  border: 1px solid var(--ztc-text-text-1);
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  background: transparent;
  color: var(--ztc-text-text-1);
  border-radius: 4px;
}
.homepage9-body .vl-menu-close i {
  transition: 0.3s;
}

.homepage10-body .vl-header-action-item {
  float: right;
  border: 1px solid var(--ztc-text-text-24);
  padding: 6px;
  border-radius: 4px;
  color: var(--ztc-text-text-24);
}
.homepage10-body .vl-header-action-item button {
  border: none;
  outline: none;
  background: none;
  transition: all 0.4s;
  color: var(--ztc-text-text-24);
  font-size: var(--ztc-font-size-font-s20);
}
.homepage10-body .vl-offcanvas {
  position: fixed;
  background: var(--ztc-bg-bg-24);
  width: 450px;
  z-index: 99999;
  right: 0;
  top: 0;
  padding: 50px 40px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: 0.3s;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
@media only screen and (max-width: 450px) {
  .homepage10-body .vl-offcanvas {
    width: 100%;
  }
}
.homepage10-body .vl-offcanvas-open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.homepage10-body .vl-offcanvas-close-toggle {
  font-size: var(--ztc-font-size-font-s30);
  color: var(--vl-heading-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .homepage10-body .vl-offcanvas-header {
    margin-bottom: 40px;
  }
}
.homepage10-body .vl-offcanvas-title {
  font-size: 35px;
  color: var(--ztc-text-text-1);
}
.homepage10-body .vl-offcanvas-info span a {
  display: block;
  color: var(--ztc-text-text-1);
  margin-bottom: 10px;
}
.homepage10-body .vl-offcanvas-info span a i {
  margin: 0 4px 0 0;
}
.homepage10-body .vl-offcanvas-sm-title {
  font-size: var(--ztc-font-size-font-s24);
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
}
.homepage10-body .vl-offcanvas-social a {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  color: var(--ztc-text-text-1);
  border: 1px solid var(--ztc-text-text-1);
  font-size: 14px;
}
.homepage10-body .vl-offcanvas-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.45 easc-in-out;
  background: rgba(24, 24, 24, 0.4);
}
.homepage10-body .vl-offcanvas-overlay-open {
  opacity: 0.7;
  visibility: visible;
}
.homepage10-body .vl-offcanvas .vl-offcanvas-logo {
  height: 50px;
  width: 164px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) invert(1);
}
.homepage10-body .vl-offcanvas .vl-offcanvas-close button {
  border: none;
  background: none;
  outline: none;
  color: var(--ztc-text-text-1);
}
.homepage10-body .vl-offcanvas-menu ul {
  list-style: none;
}
.homepage10-body .vl-offcanvas-menu ul li {
  position: relative;
}
.homepage10-body .vl-offcanvas-menu ul li a {
  padding: 8px 0;
  display: block;
  font-size: var(--ztc-font-size-font-s18);
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  font-family: var(--ztc-family-font2);
}
.homepage10-body .vl-offcanvas-menu ul li a span {
  display: block;
}
.homepage10-body .vl-offcanvas-menu ul li > a {
  border-bottom: none;
}
.homepage10-body .vl-offcanvas-menu ul li.active > a {
  color: var(--ztc-text-text-1);
}
.homepage10-body .vl-offcanvas-menu ul li.active > .vl-menu-close i {
  transform: rotate(90deg);
}
.homepage10-body .vl-offcanvas-menu ul li .sub-menu {
  display: none;
  padding-left: 20px;
}
.homepage10-body .vl-menu-close {
  position: absolute;
  right: 0;
  top: 7px;
  border: 1px solid var(--ztc-text-text-1);
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  background: transparent;
  color: var(--ztc-text-text-1);
  border-radius: 4px;
}
.homepage10-body .vl-menu-close i {
  transition: 0.3s;
}

.preview-body .vl-header-action-item {
  float: right;
  border: 1px solid var(--ztc-text-text-1);
  padding: 6px;
  border-radius: 4px;
  color: var(--ztc-text-text-1);
}
.preview-body .vl-header-action-item button {
  border: none;
  outline: none;
  background: none;
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s20);
}
.preview-body .vl-offcanvas {
  position: fixed;
  background: var(--ztc-bg-bg-2);
  width: 450px;
  z-index: 99;
  right: 0;
  top: 0;
  padding: 50px 40px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: 0.3s;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
@media only screen and (max-width: 450px) {
  .preview-body .vl-offcanvas {
    width: 100%;
  }
}
.preview-body .vl-offcanvas-open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.preview-body .vl-offcanvas-close-toggle {
  font-size: var(--ztc-font-size-font-s30);
  color: var(--vl-heading-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .preview-body .vl-offcanvas-header {
    margin-bottom: 40px;
  }
}
.preview-body .vl-offcanvas-title {
  font-size: 35px;
  color: var(--ztc-text-text-1);
}
.preview-body .vl-offcanvas-info span a {
  display: block;
  color: var(--ztc-text-text-1);
  margin-bottom: 10px;
}
.preview-body .vl-offcanvas-info span a i {
  margin: 0 4px 0 0;
}
.preview-body .vl-offcanvas-sm-title {
  font-size: var(--ztc-font-size-font-s24);
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
}
.preview-body .vl-offcanvas-social a {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  color: var(--ztc-text-text-1);
  border: 1px solid var(--ztc-text-text-1);
  font-size: 14px;
}
.preview-body .vl-offcanvas-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.45 easc-in-out;
  background: rgba(24, 24, 24, 0.4);
}
.preview-body .vl-offcanvas-overlay-open {
  opacity: 0.7;
  visibility: visible;
}
.preview-body .vl-offcanvas .vl-offcanvas-logo {
  height: 50px;
  width: 164px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) invert(1);
}
.preview-body .vl-offcanvas .vl-offcanvas-close button {
  border: none;
  background: none;
  outline: none;
  color: var(--ztc-text-text-1);
}
.preview-body .vl-offcanvas-menu ul {
  list-style: none;
}
.preview-body .vl-offcanvas-menu ul li {
  position: relative;
}
.preview-body .vl-offcanvas-menu ul li a {
  padding: 8px 0;
  display: block;
  font-size: var(--ztc-font-size-font-s18);
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  font-family: var(--ztc-family-font2);
}
.preview-body .vl-offcanvas-menu ul li a span {
  display: block;
}
.preview-body .vl-offcanvas-menu ul li > a {
  border-bottom: none;
}
.preview-body .vl-offcanvas-menu ul li.active > a {
  color: var(--ztc-text-text-1);
}
.preview-body .vl-offcanvas-menu ul li.active > .vl-menu-close i {
  transform: rotate(90deg);
}
.preview-body .vl-offcanvas-menu ul li .sub-menu {
  display: none;
  padding-left: 20px;
}
.preview-body .vl-menu-close {
  position: absolute;
  right: 0;
  top: 7px;
  border: 1px solid var(--ztc-text-text-1);
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  background: transparent;
  color: var(--ztc-text-text-1);
  border-radius: 4px;
}
.preview-body .vl-menu-close i {
  transition: 0.3s;
}

/*============= MOBILE MENU CSS AREA ===============*/
/*============= PREVIEW CSS AREA ===============*/
.vl-preview-banner-area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 200px 0 0 0;
}
@media (max-width: 767px) {
  .vl-preview-banner-area {
    padding: 140px 0 0 0;
  }
}
.vl-preview-banner-area::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: var(--ztc-bg-bg-2);
  opacity: 50%;
  z-index: -1;
}
.vl-preview-banner-area .video-body-overlay {
  position: absolute;
  width: 100%;
  height: 900px;
  top: 0;
  left: 0;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
}
.vl-preview-banner-area .main {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.vl-pre-baner-con .subtitle {
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-bold);
  line-height: 18px;
  padding: 10px;
  display: inline-block;
}
@media (max-width: 767px) {
  .vl-pre-baner-con .subtitle {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.vl-pre-baner-con h1 {
  color: var(--ztc-text-text-1);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s100);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 100px;
}
@media (max-width: 767px) {
  .vl-pre-baner-con h1 {
    font-size: var(--ztc-font-size-font-s48);
    line-height: 58px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-pre-baner-con h1 {
    font-size: var(--ztc-font-size-font-s60);
    line-height: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vl-pre-baner-con h1 {
    font-size: var(--ztc-font-size-font-s80);
    line-height: 90px;
  }
}
.vl-pre-baner-con p {
  color: var(--ztc-text-text-1);
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  width: 700px;
  margin: 0 auto;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .vl-pre-baner-con p {
    width: 100%;
  }
}

.support_section_area {
  background: var(--ztc-bg-bg-29);
  padding: 32px 0;
  overflow: hidden;
}
.support_section_area .support_slider_area .slick-list {
  overflow: inherit;
}
.support_section_area .support_slider_area .support_img {
  padding: 0 10px;
}

.vl-pre-feature-area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #F6F6F6;
}
.vl-pre-feature-area .vl-feature-content h2 {
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: 200px;
  font-style: normal;
  font-weight: 700;
  line-height: 200px;
  letter-spacing: -7.5px;
  background: linear-gradient(175deg, #063232 4.15%, rgba(6, 50, 50, 0) 84.46%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-pre-feature-area .vl-feature-content h2 {
    font-size: var(--ztc-font-size-font-s100);
    line-height: 100px;
  }
}
@media (max-width: 767px) {
  .vl-pre-feature-area .vl-feature-content h2 {
    font-size: var(--ztc-font-size-font-s70);
    line-height: 70px;
  }
}
.vl-pre-feature-area .vl-feature-content h3 {
  color: var(--ztc-text-text-2);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s70);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-pre-feature-area .vl-feature-content h3 {
    font-size: var(--ztc-font-size-font-s60);
    line-height: 60px;
  }
}
@media (max-width: 767px) {
  .vl-pre-feature-area .vl-feature-content h3 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 40px;
  }
}
.vl-pre-feature-area .nav-pills {
  justify-content: center;
}
.vl-pre-feature-area .nav-pills .nav-item button {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  background: var(--ztc-bg-bg-1);
  border-radius: 99px;
  background: var(--ztc-bg-bg-1);
  padding: 16px 24px;
  display: inline-block;
  margin: 0 12px;
}
@media (max-width: 767px) {
  .vl-pre-feature-area .nav-pills .nav-item button {
    margin: 12px 0 0 0;
  }
}
.vl-pre-feature-area .nav-pills .nav-item button.active {
  background: var(--ztc-bg-bg-29);
}
.vl-pre-feature-area .tab-content .tab-pane {
  top: 100px;
  position: relative;
  transition: all 0.4s;
}
.vl-pre-feature-area .tab-content .tab-pane.fade.active.show {
  top: 0;
  transition: all 0.4s;
}
.vl-pre-feature-area .tab-content .vl-feature-box {
  position: relative;
  z-index: 1;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.vl-pre-feature-area .tab-content .vl-feature-box:hover .vl-fearure-thumb::after {
  visibility: visible;
  opacity: 70%;
  transition: all 0.4s;
}
.vl-pre-feature-area .tab-content .vl-feature-box:hover .vl-fearure-thumb img {
  transform: scale(1.1);
  transition: all 0.6s;
}
.vl-pre-feature-area .tab-content .vl-feature-box:hover .vl-feature-thumb-btn {
  visibility: visible;
  opacity: 1;
  transition: all 0.6s;
  margin-top: -25px;
  margin-left: -80px;
}
.vl-pre-feature-area .tab-content .vl-feature-box .vl-fearure-thumb {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 8px;
}
.vl-pre-feature-area .tab-content .vl-feature-box .vl-fearure-thumb::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  border-radius: 8px;
  background: var(--ztc-bg-bg-2);
  top: 0;
  transition: all 0.6s;
  visibility: hidden;
  opacity: 0;
}
.vl-pre-feature-area .tab-content .vl-feature-box .vl-fearure-thumb img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  transition: all 0.6s;
}
.vl-pre-feature-area .tab-content .vl-feature-box .vl-feature-thumb-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -80px;
  transition: all 0.6s;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
}
.vl-pre-feature-area .tab-content .vl-feature-title a {
  color: var(--ztc-text-text-2);
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
  margin-bottom: 30px;
  padding-top: 16px;
}

.vl-iconbox-area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.vl-iconbox-area .vl-icon-box-sec-title .subtitle {
  border-radius: 4px;
  background: var(--GRAY-COLORS, #F4F4F9);
  display: inline-block;
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  padding: 10px 14px;
}
.vl-iconbox-area .vl-icon-box-sec-title h2 {
  color: var(--ztc-text-text-2);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s70);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-iconbox-area .vl-icon-box-sec-title h2 {
    font-size: var(--ztc-font-size-font-s60);
    line-height: 60px;
  }
}
@media (max-width: 767px) {
  .vl-iconbox-area .vl-icon-box-sec-title h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 40px;
  }
}
.vl-iconbox-area .vl-iconbox-wrap {
  border-radius: 10px;
  background: var(--GRAY-COLORS, #F4F4F9);
  padding: 36px;
  text-align: center;
  margin-bottom: 30px;
  transition: all 0.4s;
}
.vl-iconbox-area .vl-iconbox-wrap:hover {
  transform: translateY(-5px);
  transition: all 0.4s;
}
.vl-iconbox-area .vl-iconbox-wrap:hover .icon {
  transform: rotateY(180deg);
  transition: 0.3s;
}
.vl-iconbox-area .vl-iconbox-wrap .icon {
  background: var(--ztc-bg-bg-1);
  height: 100px;
  width: 100px;
  border-radius: 50px;
  line-height: 100px;
  display: inline-block;
  transition: 0.3s;
}
.vl-iconbox-area .vl-iconbox-wrap .vl-icon-box-content .title {
  color: var(--ztc-text-text-2);
  font-size: var(--ztc-font-size-font-s32);
  line-height: var(--ztc-font-size-font-s32);
  font-weight: var(--ztc-weight-regular);
  padding-top: 24px;
  padding-bottom: 16px;
  font-family: var(--ztc-family-font1);
}
.vl-iconbox-area .vl-iconbox-wrap .vl-icon-box-content p {
  color: var(--ztc-text-text-3);
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 24px;
}

.vl-preview-cta {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.vl-preview-cta::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: var(--ztc-bg-bg-2);
  z-index: -1;
  opacity: 80%;
}
.vl-preview-cta .vl-pre-cta-content h2 {
  color: var(--ztc-text-text-1);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s70);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 78px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-preview-cta .vl-pre-cta-content h2 {
    font-size: var(--ztc-font-size-font-s60);
    line-height: 68px;
  }
}
@media (max-width: 767px) {
  .vl-preview-cta .vl-pre-cta-content h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 48px;
  }
}

/*============= PREVIEW CSS AREA ===============*/
/*============= BLOG CSS AREA ===============*/
.vl_blog_1_section {
  position: relative;
  z-index: 1;
  background: #EFEFEF;
  overflow: hidden;
}

.vl_blog_2_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #F2EEF7;
}

.vl_blog_3_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #F8F9FD;
}

.vl_blog_4_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.blog_5_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.blog6_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.blog7_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.blog_8_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-19);
}

.blog_9_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-19);
}

.vl_blog_10_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.vl_blog_bu_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.vl_blog_inner_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.blog_details_section {
  position: relative;
  z-index: 1;
}

.bl_tags_social {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 32px;
  border-top: 1px solid rgba(18, 28, 39, 0.3);
}
@media (max-width: 767px) {
  .bl_tags_social {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .bl_tags_social .tags {
    margin-bottom: 16px;
  }
}
.bl_tags_social .tags ul li {
  display: inline-block;
}
.bl_tags_social .tags ul li:nth-child(1) {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  margin: 0 16px 0 0;
}
.bl_tags_social .tags ul li a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
  border-radius: 4px;
  padding: 11px 12px;
  margin: 0 8px 0 0;
  border-radius: 4px;
  background: var(--ztc-bg-bg-27);
}
.bl_tags_social .tags ul li a:hover {
  background: var(--ztc-bg-bg-3);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.bl_tags_social .social ul li:nth-child(1) {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  margin: 0 16px 0 0;
}
.bl_tags_social .social ul li {
  display: inline-block;
}
.bl_tags_social .social ul li a {
  height: 44px;
  width: 44px;
  text-align: center;
  line-height: 44px;
  border-radius: 50%;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-27);
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
  display: inline-block;
  font-size: var(--ztc-font-size-font-s16);
  margin: 0 8px 0 0;
}
.bl_tags_social .social ul li a:hover {
  background: var(--ztc-bg-bg-3);
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
}

.bl_pera_box {
  background: var(--ztc-bg-bg-27);
  border-radius: 12px;
  padding: 30px;
  border-bottom: 4px solid var(--ztc-bg-bg-3);
}
.bl_pera_box p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.bl_pera_box h4 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: italic;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.blog_dt_content h4 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}
.blog_dt_content p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.sidebar_list_area {
  position: sticky;
  top: 100px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar_list_area {
    margin-top: 30px;
  }
}
.sidebar_list_area .blog_widget_sidebar {
  position: sticky;
  top: 100px;
}
.sidebar_list_area .blog_widget_sidebar h2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}

.search_area {
  position: relative;
  z-index: 1;
  border-radius: 8px;
  background: var(--ztc-bg-bg-27);
  padding: 24px 20px;
}
.search_area form {
  position: relative;
  z-index: 1;
}
.search_area form input {
  width: 100%;
  border-radius: 8px;
  background: var(--ztc-bg-bg-1);
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  padding: 20px 16px;
}
.search_area form input::-moz-placeholder {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.search_area form input::placeholder {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.search_area form button {
  border: none;
  background: none;
  outline: none;
  position: absolute;
  right: 12px;
  top: 12px;
  font-size: var(--ztc-font-size-font-s22);
}

.category_list_area {
  position: relative;
  z-index: 1;
  border-radius: 8px;
  background: var(--ztc-bg-bg-27);
  padding: 24px 20px;
}
.category_list_area ul li {
  margin-top: 18px;
}
.category_list_area ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-1);
  padding: 20px;
  transition: all 0.4s;
  position: relative;
  z-index: 1;
}
.category_list_area ul li a:hover {
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
  transform: translateY(-5px);
}
.category_list_area ul li a:hover::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
}
.category_list_area ul li a::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--ztc-bg-bg-3);
  transition: all 0.4s;
  border-radius: 8px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}

.contact_boxarea {
  position: relative;
  z-index: 1;
  border-radius: 8px;
  background: var(--ztc-bg-bg-27);
  padding: 24px 20px;
}
.contact_boxarea .input_area {
  margin-top: 16px;
}
.contact_boxarea .input_area input {
  width: 100%;
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  padding: 18px 16px;
  border-radius: 8px;
  background: var(--ztc-bg-bg-1);
}
.contact_boxarea .input_area input::-moz-placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_boxarea .input_area input::placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_boxarea .input_area textarea {
  width: 100%;
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  padding: 18px 16px;
  border-radius: 8px;
  background: var(--ztc-bg-bg-1);
  height: 120px;
}
.contact_boxarea .input_area textarea::-moz-placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_boxarea .input_area textarea::placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_boxarea .input_area button {
  outline: none;
  border-left: none;
  border-right: none;
  border-top: none;
}

.help_area {
  position: relative;
  z-index: 1;
  border-radius: 8px;
  background: var(--ztc-bg-bg-28);
  padding: 24px 20px;
}
.help_area h3 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
}

.blog_main_details_area {
  position: relative;
  z-index: 1;
  padding: 0 40px 0 0;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_main_details_area {
    padding: 0 0 0 0;
  }
}
.blog_main_details_area .heading1 h3 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s40);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_main_details_area .heading1 h3 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
  }
}
.blog_main_details_area .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_main_details_area .img1 img {
    height: 100%;
  }
}
.blog_main_details_area .border {
  background: rgba(18, 28, 39, 0.3);
  height: 1px;
  width: 100%;
  margin: 0 0 30px 0;
}
.blog_main_details_area .blog_list_area {
  border-radius: 12px;
  background: var(--ztc-bg-bg-27);
  padding: 24px;
}
.blog_main_details_area .blog_list_area h4 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}
.blog_main_details_area .blog_list_area p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.blog_main_details_area .blog_list_area ul li {
  margin-top: 10px;
}
.blog_main_details_area .blog_list_area ul li svg {
  margin: 0 6px 0 0;
}
.blog_main_details_area .blog_list_area ul li {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .blog_main_details_area .blog_list_area ul li {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.blog_main_details_area .blog_list_area_2 ul li {
  margin-top: 16px;
}
.blog_main_details_area .blog_list_area_2 ul li svg {
  margin: 0 6px 0 0;
}
.blog_main_details_area .blog_list_area_2 ul li {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .blog_main_details_area .blog_list_area_2 ul li {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}

.comments-boxarea {
  position: relative;
  z-index: 1;
  background: var(--ztc-bg-bg-27);
  border-radius: 8px;
  padding: 24px;
}
.comments-boxarea.box2 {
  margin: 0 0 0 30px;
}
@media (max-width: 767px) {
  .comments-boxarea.box2 {
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comments-boxarea.box2 {
    margin: 0;
  }
}
.comments-boxarea .comments-boxes {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .comments-boxarea .comments-boxes {
    display: inline-block;
  }
}
.comments-boxarea .comments-boxes .comments-auhtor-box {
  display: flex;
  align-items: center;
}
.comments-boxarea .comments-boxes .comments-auhtor-box .img3 img {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.comments-boxarea .comments-boxes .comments-auhtor-box .content {
  padding-left: 18px;
}
.comments-boxarea .comments-boxes .comments-auhtor-box .content .date {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
}
.comments-boxarea .comments-boxes .comments-auhtor-box .content .name {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: block;
  transition: all 0.4s;
  padding-bottom: 10px;
}
.comments-boxarea .comments-boxes .reply {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 16px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .comments-boxarea .comments-boxes .reply {
    margin-top: 12px;
  }
}
.comments-boxarea .comments-boxes .reply i {
  margin: 0 2px 0 0;
}
.comments-boxarea .pera {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.bl-contact-boxarea {
  border-radius: 8px;
}
.bl-contact-boxarea h3 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}
.bl-contact-boxarea .input-area {
  margin-top: 16px;
}
.bl-contact-boxarea .input-area input {
  width: 100%;
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  padding: 20px 16px;
  background: var(--ztc-bg-bg-27);
  border-radius: 8px;
}
.bl-contact-boxarea .input-area input::-moz-placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.bl-contact-boxarea .input-area input::placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.bl-contact-boxarea .input-area textarea {
  width: 100%;
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 16px;
  padding: 20px;
  border-radius: 4px;
  background: var(--ztc-bg-bg-27);
  height: 140px;
  border-radius: 8px;
}
.bl-contact-boxarea .input-area textarea::-moz-placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.bl-contact-boxarea .input-area textarea::placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.bl-contact-boxarea .input-area button {
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  text-align: center;
}

.bl-recent-posts-area {
  border-radius: 8px;
  background: var(--ztc-bg-bg-27);
  padding: 24px 20px;
  position: relative;
}
@media (max-width: 767px) {
  .bl-recent-posts-area {
    text-align: center;
  }
}
.bl-recent-posts-area h3 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
.bl-recent-posts-area .recent-posts {
  position: relative;
}
@media (max-width: 767px) {
  .bl-recent-posts-area .recent-posts {
    text-align: center;
  }
}
.bl-recent-posts-area .recent-posts .img1 {
  position: absolute;
}
@media (max-width: 767px) {
  .bl-recent-posts-area .recent-posts .img1 {
    position: relative;
  }
}
.bl-recent-posts-area .recent-posts .img1 img {
  height: 85px;
  width: 85px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  max-height: 85px;
  max-width: 85px;
}
@media (max-width: 767px) {
  .bl-recent-posts-area .recent-posts .img1 img {
    height: 100px;
    width: 100px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.bl-recent-posts-area .recent-posts .content {
  padding-left: 100px;
}
@media (max-width: 767px) {
  .bl-recent-posts-area .recent-posts .content {
    padding-left: 0;
    margin-top: 16px;
  }
}
.bl-recent-posts-area .recent-posts .content ul li a {
  color: var(--ztc-text-text-3);
  font-family: var(---ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
}
.bl-recent-posts-area .recent-posts .content ul li a img {
  margin: -5px 4px 0 0;
  transition: all 0.4s;
}
.bl-recent-posts-area .recent-posts .content h4 a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 26px;
  display: inline-block;
  transition: all 0.4s;
}
.bl-recent-posts-area .recent-posts .content h4 a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}

.bl-popular-tags {
  border-radius: 8px;
  background: var(--ztc-bg-bg-27);
  padding: 24px 20px;
}
.bl-popular-tags h3 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
.bl-popular-tags ul li {
  display: inline-block;
}
.bl-popular-tags ul li a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
  border-radius: 4px;
  padding: 12px 16px;
  background: var(--ztc-bg-bg-1);
  margin: 16px 6px 0 0;
}
.bl-popular-tags ul li a:hover {
  background: var(--ztc-bg-bg-3);
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

/*============= BLOG CSS AREA ENDS ===============*/
/*============= BLOG POST BOX CSS AREA ===============*/
.blog_single_post_item1 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
  background: var(--ztc-bg-bg-1);
  padding: 24px;
}
@media (max-width: 767px) {
  .blog_single_post_item1 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_single_post_item1 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_single_post_item1 {
    margin-bottom: 30px;
  }
}

.post_imges-area .blog-post-img {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.post_imges-area .blog-post-img::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(6, 50, 50, 0.3) 0%, #063232 100%);
  top: 0;
  left: 0;
}
.post_imges-area .blog-post-img img {
  height: 432px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .post_imges-area .blog-post-img img {
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.post_imges-area .slick-dots {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 20px;
  text-align: center;
  left: 50%;
  margin-left: -45px;
}
.post_imges-area .slick-dots li {
  margin: 0 8px;
}
.post_imges-area .slick-dots button {
  display: inline-block;
  width: 14px;
  height: 14px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background: var(--ztc-bg-bg-1);
  text-indent: -9999px;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.post_imges-area .slick-dots button::after {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  border-radius: 50%;
  border: 1px solid var(--ztc-text-text-1);
  left: -5px;
  top: -5px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
}
.post_imges-area .slick-dots li.slick-active button {
  background: var(--ztc-bg-bg-1);
}
.post_imges-area .slick-dots li.slick-active button::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
}

.blog-post-content {
  padding-top: 24px;
  position: relative;
  z-index: 1;
}
.blog-post-content .blog-pera {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px; /* 150% */
}

.blog-post-meta ul li {
  display: inline-block;
}
.blog-post-meta ul li a {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.blog-post-meta ul li a svg {
  margin: -3px 0 0 0;
}
.blog-post-meta ul li a span {
  margin: 0 4px;
  color: #EFEFEF;
  display: inline-block;
}

.blog-title .title {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.blog-title .title:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .blog-title .title {
    font-size: var(--ztc-font-size-font-s26);
    line-height: 30px;
  }
}

.blog_readmore {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.blog_readmore i {
  transform: rotate(-45deg);
  transition: all 0.4s;
}
.blog_readmore:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}
.blog_readmore:hover i {
  transform: rotate(0);
  transition: all 0.4s;
}

.blog-post-boxes-area {
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
  padding: 24px;
  position: relative;
  transition: all 0.4s;
}
.blog-post-boxes-area:hover {
  transform: translateY(-5px);
  transition: all 0.4s;
}
.blog-post-boxes-area:hover .blog-post-img2 img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}

@media (max-width: 767px) {
  .blog-post-meta2 {
    padding-top: 20px;
  }
}
.blog-post-meta2 ul li {
  display: inline-block;
}
.blog-post-meta2 ul li a {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.blog-post-meta2 ul li a svg {
  margin: -3px 0 0 0;
}
.blog-post-meta2 ul li a span {
  margin: 0 4px;
  color: #EFEFEF;
  display: inline-block;
}

.blog-title2 .title {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.blog-title2 .title:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .blog-title2 .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}

.blog_readmore2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.blog_readmore2 i {
  transform: rotate(-45deg);
  transition: all 0.4s;
}
.blog_readmore2:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}
.blog_readmore2:hover i {
  transform: rotate(0);
  transition: all 0.4s;
}

.blog-post-img2 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 0.4s;
  border-radius: 8px;
}
.blog-post-img2 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  transition: all 0.4s;
}

.blog-post-boxes-area-2 {
  background: #ECE5F3;
  border-radius: 12px;
  padding: 24px;
  position: relative;
  transition: all 0.4s;
}
.blog-post-boxes-area-2:hover {
  transform: translateY(-5px);
  transition: all 0.4s;
  background: var(--ztc-bg-bg-4);
}
.blog-post-boxes-area-2:hover .blog-h2-post-img2 img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}
.blog-post-boxes-area-2:hover .blog-h2-post-meta2 ul li a {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.blog-post-boxes-area-2:hover .blog-h2-post-meta2 ul li a span {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.blog-post-boxes-area-2:hover .blog-h2-title2 .title {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.blog-post-boxes-area-2:hover .blog_h2_readmore2 {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.blog-h2-post-img2 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 0.4s;
  border-radius: 8px;
}
.blog-h2-post-img2 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  transition: all 0.4s;
}

@media (max-width: 767px) {
  .blog-h2-post-meta2 {
    padding-top: 20px;
  }
}
.blog-h2-post-meta2 ul li {
  display: inline-block;
}
.blog-h2-post-meta2 ul li a {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  transition: all 0.4s;
}
.blog-h2-post-meta2 ul li a span {
  margin: 0 10px;
  color: #484C51;
  display: inline-block;
  position: relative;
  top: -5px;
  transition: all 0.4s;
}

.blog-h2-title2 .title {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.blog-h2-title2 .title:hover {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  opacity: 80%;
}
@media (max-width: 767px) {
  .blog-h2-title2 .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}

.blog_h2_readmore2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.blog_h2_readmore2 i {
  transform: rotate(-45deg);
  transition: all 0.4s;
}
.blog_h2_readmore2:hover {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  opacity: 80%;
}
.blog_h2_readmore2:hover i {
  transform: rotate(0);
  transition: all 0.4s;
}

.blog_single_post_item3 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
  background: #ECF1FD;
}
@media (max-width: 767px) {
  .blog_single_post_item3 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_single_post_item3 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_single_post_item3 {
    margin-bottom: 30px;
  }
}
.blog_single_post_item3:hover .blog_post_img3 img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}

.blog_post_img3 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.blog_post_img3 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px 8px 0 0;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .blog_post_img3 img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.blog-post-content3 {
  padding: 24px;
  position: relative;
  z-index: 1;
}
.blog-post-content3 .blog-pera3 {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  transition: all 0.4s;
}

.blog-post-meta3 ul li {
  display: inline-block;
}
.blog-post-meta3 ul li a {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-post-meta3 ul li a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.blog-post-meta3 ul li a svg {
  margin: -3px 0 0 0;
}
.blog-post-meta3 ul li a span {
  margin: 0 4px;
  color: #A7BCC6;
  display: inline-block;
}

.blog-title3 .title3 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  display: inline-block;
  transition: all 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-title3 .title3 {
    font-size: var(--ztc-font-size-font-s28);
    line-height: 30px;
  }
}
.blog-title3 .title3:hover {
  color: var(--ztc-text-text-9);
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .blog-title3 .title3 {
    font-size: var(--ztc-font-size-font-s26);
    line-height: 30px;
  }
}

.blog_readmore3 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.blog_readmore3 i {
  transform: rotate(-45deg);
  transition: all 0.4s;
}
.blog_readmore3:hover {
  color: var(--ztc-text-text-9);
  transition: all 0.4s;
}
.blog_readmore3:hover i {
  transform: rotate(0);
  transition: all 0.4s;
}

.blog_4_post_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #F2EFEB;
  border-radius: 12px;
  transition: all 0.4s;
  margin-bottom: 30px;
}
.blog_4_post_boxarea:hover {
  transform: translateY(-10px);
  transition: all 0.4s;
}

.blog_4_post_img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px 0 0 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_4_post_img img {
    height: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_4_post_img img {
    height: 350px;
  }
}
@media (max-width: 767px) {
  .blog_4_post_img img {
    border-radius: 12px 12px 0 0;
  }
}

.blog_4_post_main_content_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_4_post_main_content_area {
    display: block;
  }
}
@media (max-width: 767px) {
  .blog_4_post_main_content_area {
    display: block;
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_4_post_main_content_area .btn-area1 {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .blog_4_post_main_content_area .btn-area1 {
    margin-top: 16px;
  }
}

.blog_4_post_content .blog_4_post_meta li {
  display: inline-block;
}
.blog_4_post_content .blog_4_post_meta li a {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .blog_4_post_content .blog_4_post_meta li a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.blog_4_post_content .blog_4_post_meta li a span {
  display: inline-block;
  border: 1px solid var(--ztc-text-text-3);
  width: 16px;
  position: relative;
  top: -4px;
  margin: 0 6px;
}
.blog_4_post_content .title {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  transition: all 0.4s;
}
.blog_4_post_content .title:hover {
  color: var(--ztc-text-text-10);
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .blog_4_post_content .title {
    font-size: var(--ztc-font-size-font-s28);
    line-height: 34px;
  }
}
.blog_4_post_content .post_desc {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.blog_5_post_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-11);
  border-radius: 12px;
}
@media (max-width: 767px) {
  .blog_5_post_boxarea {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_5_post_boxarea {
    margin-bottom: 30px;
  }
}
.blog_5_post_boxarea:hover .blog_5_post_img img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}

.blog_5_post_img {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
}
.blog_5_post_img img {
  height: 300px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px 12px 0 0;
  transition: all 0.4s;
}

.blog_5_post_content {
  padding: 30px;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .blog_5_post_content {
    padding: 16px;
  }
}
.blog_5_post_content ul li {
  display: inline-block;
}
.blog_5_post_content ul li a {
  color: var(--ztc-text-text-12);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
}
.blog_5_post_content ul li a span {
  color: #A7C2A0;
  display: inline-block;
  margin: 0 6px;
}
.blog_5_post_content ul li a svg {
  margin: -4px 0 0 0;
}
.blog_5_post_content .title {
  color: var(--ztc-text-text-11);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  text-transform: capitalize;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .blog_5_post_content .title {
    font-size: var(--ztc-font-size-font-s28);
    line-height: 34px;
  }
}
.blog_5_post_content .title:hover {
  color: var(--ztc-text-text-14);
  transition: all 0.4s;
}
.blog_5_post_content p {
  color: var(--ztc-text-text-12);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.blog_rigth_5_post_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-11);
  border-radius: 12px;
}
.blog_rigth_5_post_boxarea:hover .blog_post_5_img img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}

.blog_post_5_img {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px 0 0 12px;
}
@media (max-width: 767px) {
  .blog_post_5_img {
    border-radius: 12px 12px 0 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_post_5_img {
    border-radius: 12px 12px 0 0;
  }
}
.blog_post_5_img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px 0 0 12px;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .blog_post_5_img img {
    border-radius: 12px 12px 0 0;
    height: 250px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_post_5_img img {
    border-radius: 12px 12px 0 0;
    height: 250px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media (max-width: 767px) {
  .blog_post_5_content {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_post_5_content {
    padding: 0 20px 0 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_post_5_content {
    padding: 20px;
  }
}
.blog_post_5_content ul li {
  display: inline-block;
}
.blog_post_5_content ul li a {
  color: var(--ztc-text-text-12);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
}
.blog_post_5_content ul li a span {
  color: #A7C2A0;
  display: inline-block;
  margin: 0 6px;
}
.blog_post_5_content ul li a svg {
  margin: -4px 0 0 0;
}
.blog_post_5_content .title {
  color: var(--ztc-text-text-11);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  text-transform: capitalize;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .blog_post_5_content .title {
    font-size: var(--ztc-font-size-font-s28);
    line-height: 34px;
  }
}
.blog_post_5_content .title:hover {
  color: var(--ztc-text-text-14);
  transition: all 0.4s;
}
.blog_post_5_content p {
  color: var(--ztc-text-text-12);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.blog_6_post_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
  background: var(--ztc-bg-bg-1);
  margin-bottom: 30px;
  transition: all 0.4s;
}
.blog_6_post_boxarea:hover {
  transform: translateY(-5px);
  transition: all 0.4s;
}
.blog_6_post_boxarea:hover .blog_6_post_img img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}
.blog_6_post_boxarea:hover .blog_6_post_content_area::after {
  height: 100%;
  transition: all 0.4s;
}
.blog_6_post_boxarea:hover .blog_6_post_content_area .blog_6_post_meta ul li a {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.blog_6_post_boxarea:hover .blog_6_post_content_area .blog_6_post_meta ul li a svg {
  transition: all 0.4s;
  filter: brightness(0) invert(1);
}
.blog_6_post_boxarea:hover .blog_6_title .title {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.blog_6_post_boxarea:hover .blog_6_pera {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.blog_6_post_img {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
}
.blog_6_post_img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px 12px 0 0;
  transition: all 0.4s;
}

.blog_6_post_content_area {
  padding: 24px;
  transition: all 0.4s;
  position: relative;
  z-index: 1;
}
.blog_6_post_content_area::after {
  position: absolute;
  content: "";
  height: 0;
  width: 100%;
  left: 0;
  bottom: 0;
  background: var(--ztc-bg-bg-14);
  z-index: -1;
  transition: all 0.4s;
}
.blog_6_post_content_area .blog_6_post_meta ul li {
  display: inline-block;
}
.blog_6_post_content_area .blog_6_post_meta ul li a {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
}
.blog_6_post_content_area .blog_6_post_meta ul li a span {
  color: #B8BBBE;
  display: inline-block;
  margin: 0 6px;
}
.blog_6_post_content_area .blog_6_post_meta ul li a svg {
  margin: -4px 0 0 0;
  transition: all 0.4s;
}

.blog_6_title .title {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  text-transform: capitalize;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .blog_6_title .title {
    font-size: var(--ztc-font-size-font-s28);
    line-height: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_6_title .title {
    font-size: var(--ztc-font-size-font-s28);
    line-height: 34px;
  }
}
.blog_6_title .title:hover {
  color: var(--ztc-text-text-15);
  transition: all 0.4s;
}

.blog_6_pera {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  transition: all 0.4s;
}

.blog-post-boxes-area-7 {
  background: #D7E0E4;
  border-radius: 12px;
  padding: 24px;
  position: relative;
  transition: all 0.4s;
}
.blog-post-boxes-area-7:hover {
  transform: translateY(-5px);
  transition: all 0.4s;
  background: var(--ztc-bg-bg-15);
}
.blog-post-boxes-area-7:hover .blog-h7-post-img7 img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}
.blog-post-boxes-area-7:hover .blog-h7-post-meta7 ul li a {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.blog-post-boxes-area-7:hover .blog-h7-post-meta7 ul li a span {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.blog-post-boxes-area-7:hover .blog-h7-title7 .title {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.blog-post-boxes-area-7:hover .blog_h7_readmore7 {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.blog-h7-post-img7 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 0.4s;
  border-radius: 8px;
}
.blog-h7-post-img7 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  transition: all 0.4s;
}

@media (max-width: 767px) {
  .blog-h7-post-meta7 {
    padding-top: 20px;
  }
}
.blog-h7-post-meta7 ul li {
  display: inline-block;
}
.blog-h7-post-meta7 ul li a {
  color: var(--ztc-text-text-17);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  transition: all 0.4s;
}
.blog-h7-post-meta7 ul li a span {
  margin: 0 10px;
  color: #484C51;
  display: inline-block;
  position: relative;
  top: -5px;
  transition: all 0.4s;
}

.blog-h7-title7 .title {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.blog-h7-title7 .title:hover {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  opacity: 80%;
}
@media (max-width: 767px) {
  .blog-h7-title7 .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}

.blog_h7_readmore7 {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.blog_h7_readmore7 i {
  transform: rotate(-45deg);
  transition: all 0.4s;
}
.blog_h7_readmore7:hover {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  opacity: 80%;
}
.blog_h7_readmore7:hover i {
  transform: rotate(0);
  transition: all 0.4s;
}

.blog-post-boxes-area-8 {
  background: var(--ztc-bg-bg-19);
  border-radius: 12px;
  padding: 24px;
  position: relative;
  transition: all 0.4s;
  margin: 0 10px;
}
.blog-post-boxes-area-8:hover {
  transition: all 0.4s;
  background: var(--ztc-bg-bg-18);
}
.blog-post-boxes-area-8:hover .blog-h8-post-img8 img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}
.blog-post-boxes-area-8:hover .blog-h8-post-meta8 ul li a {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.blog-post-boxes-area-8:hover .blog-h8-post-meta8 ul li a span {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.blog-post-boxes-area-8:hover .blog-h8-title8 .title {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.blog-post-boxes-area-8:hover .blog-h8-title8 p {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.blog-post-boxes-area-8:hover .blog_h8_readmore8 {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.blog-h8-post-img8 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 0.4s;
  border-radius: 8px;
}
.blog-h8-post-img8 img {
  height: 270px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  transition: all 0.4s;
}

@media (max-width: 767px) {
  .blog-h8-post-meta8 {
    padding-top: 20px;
  }
}
.blog-h8-post-meta8 ul li {
  display: inline-block;
}
.blog-h8-post-meta8 ul li a {
  color: var(--ztc-text-text-19);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  transition: all 0.4s;
}
.blog-h8-post-meta8 ul li a span {
  margin: 0 10px;
  color: #484C51;
  display: inline-block;
  position: relative;
  top: -5px;
  transition: all 0.4s;
}

.blog-h8-title8 .title {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.blog-h8-title8 .title:hover {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  opacity: 80%;
}
@media (max-width: 767px) {
  .blog-h8-title8 .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
.blog-h8-title8 p {
  color: var(--ztc-text-text-19);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.blog_h8_readmore8 {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.blog_h8_readmore8 i {
  transform: rotate(-45deg);
  transition: all 0.4s;
}
.blog_h8_readmore8:hover {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  opacity: 80%;
}
.blog_h8_readmore8:hover i {
  transform: rotate(0);
  transition: all 0.4s;
}

.blog_8_slider_area .slick-list {
  overflow: inherit;
}
.blog_8_slider_area .slick-dots {
  text-align: center;
  margin-top: 40px;
}
.blog_8_slider_area .slick-dots li {
  display: inline-block;
}
.blog_8_slider_area .slick-dots .slick-active button {
  width: 50px;
  background: var(--ztc-bg-bg-17);
  transition: all 0.4s;
}
.blog_8_slider_area .slick-dots button {
  display: inline-block;
  width: 30px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 12px;
  background: rgba(161, 132, 235, 0.3);
  text-indent: -9999px;
  position: relative;
  margin: 0 5px;
  transition: all 0.4s;
}

.blog-post-boxes-area-9 {
  background: var(--ztc-bg-bg-19);
  border-radius: 12px;
  padding: 24px;
  position: relative;
  transition: all 0.4s;
  margin: 0 10px;
}
.blog-post-boxes-area-9:hover {
  transition: all 0.4s;
  background: var(--ztc-bg-bg-22);
}
.blog-post-boxes-area-9:hover .blog-h9-post-img9 img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}
.blog-post-boxes-area-9:hover .blog-h9-post-meta9 ul li a {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.blog-post-boxes-area-9:hover .blog-h9-post-meta9 ul li a span {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.blog-post-boxes-area-9:hover .blog-h9-title9 .title {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.blog-post-boxes-area-9:hover .blog-h9-title9 p {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.blog-post-boxes-area-9:hover .blog_h9_readmore9 {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.blog-h9-post-img9 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 0.4s;
  border-radius: 8px;
}
.blog-h9-post-img9 img {
  height: 270px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  transition: all 0.4s;
}

@media (max-width: 767px) {
  .blog-h9-post-meta9 {
    padding-top: 20px;
  }
}
.blog-h9-post-meta9 ul li {
  display: inline-block;
}
.blog-h9-post-meta9 ul li a {
  color: var(--ztc-text-text-22);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  transition: all 0.4s;
}
.blog-h9-post-meta9 ul li a span {
  margin: 0 10px;
  color: var(--ztc-text-text-22);
  display: inline-block;
  position: relative;
  top: -5px;
  transition: all 0.4s;
}

.blog-h9-title9 .title {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.blog-h9-title9 .title:hover {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  opacity: 80%;
}
@media (max-width: 767px) {
  .blog-h9-title9 .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
.blog-h9-title9 p {
  color: var(--ztc-text-text-22);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.blog_h9_readmore9 {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.blog_h9_readmore9 i {
  transform: rotate(-45deg);
  transition: all 0.4s;
}
.blog_h9_readmore9:hover {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  opacity: 80%;
}
.blog_h9_readmore9:hover i {
  transform: rotate(0);
  transition: all 0.4s;
}

.blog_9_slider_area .slick-list {
  overflow: inherit;
}
.blog_9_slider_area .slick-dots {
  text-align: center;
  margin-top: 40px;
}
.blog_9_slider_area .slick-dots li {
  display: inline-block;
}
.blog_9_slider_area .slick-dots .slick-active button {
  width: 50px;
  background: var(--ztc-bg-bg-22);
  transition: all 0.4s;
}
.blog_9_slider_area .slick-dots button {
  display: inline-block;
  width: 30px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 12px;
  background: rgba(159, 85, 255, 0.3);
  text-indent: -9999px;
  position: relative;
  margin: 0 5px;
  transition: all 0.4s;
}

.blog_10_post_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #EEDEFF;
  border-radius: 12px;
  transition: all 0.4s;
  margin-bottom: 30px;
}
.blog_10_post_boxarea:hover {
  transform: translateY(-10px);
  transition: all 0.4s;
}

.blog_10_post_img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px 0 0 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_10_post_img img {
    height: 250px;
    border-radius: 12px 12px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_10_post_img img {
    height: 350px;
  }
}
@media (max-width: 767px) {
  .blog_10_post_img img {
    border-radius: 12px 12px 0 0;
    height: 250px;
  }
}

.blog_10_post_main_content_area {
  padding: 0 30px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_10_post_main_content_area {
    padding: 20px;
  }
}

.blog_10_post_content .blog_10_post_meta li {
  display: inline-block;
}
.blog_10_post_content .blog_10_post_meta li a {
  color: var(--ztc-text-text-25);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .blog_10_post_content .blog_10_post_meta li a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.blog_10_post_content .blog_10_post_meta li a span {
  display: inline-block;
  border: 1px solid var(--ztc-text-text-3);
  width: 16px;
  position: relative;
  top: -4px;
  margin: 0 6px;
}
.blog_10_post_content .title {
  color: var(--ztc-text-text-24);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  transition: all 0.4s;
}
.blog_10_post_content .title:hover {
  color: var(--ztc-text-text-25);
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .blog_10_post_content .title {
    font-size: var(--ztc-font-size-font-s28);
    line-height: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_10_post_content .title {
    font-size: var(--ztc-font-size-font-s28);
    line-height: 36px;
  }
}
.blog_10_post_content .post_desc {
  color: var(--ztc-text-text-25);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.blog_single_post_item_bu {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
  background: var(--ztc-bg-bg-1);
}
@media (max-width: 767px) {
  .blog_single_post_item_bu {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_single_post_item_bu {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_single_post_item_bu {
    margin-bottom: 30px;
  }
}
.blog_single_post_item_bu:hover .blog_post_img_bu img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}

.blog_post_img_bu {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.blog_post_img_bu img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px 8px 0 0;
  transition: all 0.4s;
  height: 250px;
}
@media (max-width: 767px) {
  .blog_post_img_bu img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.blog-post-content_bu {
  padding: 24px;
  position: relative;
  z-index: 1;
}
.blog-post-content_bu .blog-pera_bu {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  transition: all 0.4s;
}

.blog-post-meta_bu ul li {
  display: inline-block;
}
.blog-post-meta_bu ul li a {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-post-meta_bu ul li a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.blog-post-meta_bu ul li a svg {
  margin: -3px 0 0 0;
}
.blog-post-meta_bu ul li a span {
  margin: 0 4px;
  color: #A7BCC6;
  display: inline-block;
}

.blog-title_bu .title3 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  display: inline-block;
  transition: all 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-title_bu .title3 {
    font-size: var(--ztc-font-size-font-s28);
    line-height: 30px;
  }
}
.blog-title_bu .title3:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .blog-title_bu .title3 {
    font-size: var(--ztc-font-size-font-s26);
    line-height: 30px;
  }
}

.blog_readmore_bu {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.blog_readmore_bu i {
  transform: rotate(-45deg);
  transition: all 0.4s;
}
.blog_readmore_bu:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}
.blog_readmore_bu:hover i {
  transform: rotate(0);
  transition: all 0.4s;
}

.blog_inner_post_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
  transition: all 0.4s;
  margin-bottom: 30px;
}
.blog_inner_post_boxarea:hover {
  transform: translateY(-10px);
  transition: all 0.4s;
}

.blog_inner_post_img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px 0 0 12px;
  height: 250px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_inner_post_img img {
    height: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_inner_post_img img {
    height: 350px;
  }
}
@media (max-width: 767px) {
  .blog_inner_post_img img {
    border-radius: 12px 12px 0 0;
  }
}

.blog_inner_post_main_content_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_inner_post_main_content_area {
    display: block;
  }
}
@media (max-width: 767px) {
  .blog_inner_post_main_content_area {
    display: block;
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_inner_post_main_content_area .btn-area1 {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .blog_inner_post_main_content_area .btn-area1 {
    margin-top: 16px;
  }
}

.blog_inner_post_content .blog_inner_post_meta li {
  display: inline-block;
}
.blog_inner_post_content .blog_inner_post_meta li a {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .blog_inner_post_content .blog_inner_post_meta li a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.blog_inner_post_content .blog_inner_post_meta li a span {
  display: inline-block;
  border: 1px solid var(--ztc-text-text-3);
  width: 16px;
  position: relative;
  top: -4px;
  margin: 0 6px;
}
.blog_inner_post_content .title {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  transition: all 0.4s;
}
.blog_inner_post_content .title:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .blog_inner_post_content .title {
    font-size: var(--ztc-font-size-font-s28);
    line-height: 34px;
  }
}
.blog_inner_post_content .post_desc {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

/*============= BLOG POST BOX ENDS ===============*/
/*============= FOOTER CSS AREA ===============*/
.vl-footer-area1 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #EFEFEF;
  padding: 275px 0 0 0;
}

.vl-footer-widget-black1 .vl-footer-text {
  padding: 0 80px 0 0;
}
@media (max-width: 767px) {
  .vl-footer-widget-black1 .vl-footer-text {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-footer-widget-black1 .vl-footer-text {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vl-footer-widget-black1 .vl-footer-text {
    padding: 0;
  }
}
.vl-footer-widget-black1 .vl-footer-text p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px; /* 150% */
}
.vl-footer-widget-black1 h2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}

.vl-footer-social1 a {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-1);
  display: inline-block;
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
}
.vl-footer-social1 a:hover {
  background: var(--ztc-bg-bg-3);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.vl-footer-widget-black1 ul li a {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
  padding-top: 24px;
}
.vl-footer-widget-black1 ul li a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
  padding-left: 5px;
}

.vl-footer-contact1 h2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}

.single-contact-item1 {
  display: flex;
  margin-top: 24px;
}
.single-contact-item1 .text a {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
  padding-left: 8px;
}
.single-contact-item1 .text a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}

.copyright-text p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text p {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .copyright-text p {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}

.copyright-text2 {
  text-align: end;
}
@media (max-width: 767px) {
  .copyright-text2 {
    text-align: start;
    margin-top: 16px;
  }
}
.copyright-text2 a {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text2 a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .copyright-text2 a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.copyright-text2 a span {
  color: var(--ztc-text-text-3);
  display: inline-block;
  margin: 0 6px;
}

.footer1-border {
  border-top: 1px solid #C2C2C2;
  padding: 30px 0;
}

/*============= FOOTER CSS AREA ===============*/
/*============= FOOTER CSS AREA ===============*/
.vl-footer-area2 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-4);
  padding: 100px 0 180px;
}
@media (max-width: 767px) {
  .vl-footer-area2 {
    padding: 50px 0 100px;
  }
}
.vl-footer-area2 .elements6 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.vl-footer-area2 .marquee-wrap {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 185px;
  z-index: -1;
}
@media (max-width: 767px) {
  .vl-footer-area2 .marquee-wrap {
    height: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-footer-area2 .marquee-wrap {
    height: 150px;
  }
}
.vl-footer-area2 .marquee-wrap .marquee-text {
  animation: marquee 30s linear infinite;
  position: absolute;
  width: 100%;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-footer-area2 .marquee-wrap .marquee-text {
    animation: marquee 30s linear infinite;
  }
}
@media (max-width: 767px) {
  .vl-footer-area2 .marquee-wrap .marquee-text {
    animation: marquee 30s linear infinite;
  }
}
.vl-footer-area2 .marquee-wrap .marquee-text .main-heading {
  display: flex;
  align-items: center;
}
.vl-footer-area2 .marquee-wrap .marquee-text .main-heading h1 {
  font-family: var(--ztc-family-font1);
  font-size: 182px;
  font-style: normal;
  font-weight: var(--ztc-weight-bold);
  line-height: 182px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 30px;
  width: 100%;
  color: var(--ztc-text-text-1);
  position: relative;
  text-transform: uppercase;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .vl-footer-area2 .marquee-wrap .marquee-text .main-heading h1 {
    font-size: 300px;
    line-height: 300px;
  }
}
@media (max-width: 767px) {
  .vl-footer-area2 .marquee-wrap .marquee-text .main-heading h1 {
    font-size: 100px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-footer-area2 .marquee-wrap .marquee-text .main-heading h1 {
    font-size: 150px;
    line-height: 150px;
  }
}

.vl-footer-widget-black2 .vl-footer-text {
  padding: 0 80px 0 0;
}
@media (max-width: 767px) {
  .vl-footer-widget-black2 .vl-footer-text {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-footer-widget-black2 .vl-footer-text {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vl-footer-widget-black2 .vl-footer-text {
    padding: 0;
  }
}
.vl-footer-widget-black2 .vl-footer-text p {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.vl-footer-widget-black2 h2 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}

.vl-footer-social2 a {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-1);
  display: inline-block;
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
}
.vl-footer-social2 a:hover {
  background: var(--ztc-bg-bg-2);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.vl-footer-widget-black2 ul li a {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
  padding-top: 24px;
}
.vl-footer-widget-black2 ul li a:hover {
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
  padding-left: 5px;
}

.vl-footer-contact2 h2 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}

.single-contact-item2 {
  display: flex;
  margin-top: 24px;
}
.single-contact-item2 img {
  filter: brightness(0) invert(1);
}
.single-contact-item2 .text a {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
  padding-left: 8px;
}
.single-contact-item2 .text a:hover {
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
}

.copyright-text_h2 p {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text_h2 p {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .copyright-text_h2 p {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}

.copyright-text2_h2 {
  text-align: end;
}
@media (max-width: 767px) {
  .copyright-text2_h2 {
    text-align: start;
    margin-top: 16px;
  }
}
.copyright-text2_h2 a {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text2_h2 a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .copyright-text2_h2 a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.copyright-text2_h2 a span {
  color: rgba(255, 255, 255, 0.1);
  display: inline-block;
  margin: 0 6px;
}

.footer2-border {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding: 30px 0;
  position: relative;
  z-index: 1;
}

/*============= FOOTER CSS AREA ===============*/
/*============= FOOTER CSS AREA ===============*/
.vl-footer-area3 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #ECF1FD;
  padding: 100px 0 0 0;
}

.vl-footer-widget-black3 .vl-footer-text {
  padding: 0 80px 0 0;
}
@media (max-width: 767px) {
  .vl-footer-widget-black3 .vl-footer-text {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-footer-widget-black3 .vl-footer-text {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vl-footer-widget-black3 .vl-footer-text {
    padding: 0;
  }
}
.vl-footer-widget-black3 .vl-footer-text p {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px; /* 150% */
}
.vl-footer-widget-black3 h2 {
  color: var(--ztc-text-text-7);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}

.vl-footer-social3 a {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-1);
  display: inline-block;
  color: var(--ztc-text-text-7);
  transition: all 0.4s;
}
.vl-footer-social3 a:hover {
  background: var(--ztc-bg-bg-6);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.vl-footer-widget-black3 ul li a {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
  padding-top: 24px;
}
.vl-footer-widget-black3 ul li a:hover {
  color: var(--ztc-text-text-9);
  transition: all 0.4s;
  padding-left: 5px;
}

.vl-footer-contact3 h2 {
  color: var(--ztc-text-text-7);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}

.single-contact-item3 {
  display: flex;
  margin-top: 24px;
}
.single-contact-item3 .text a {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
  padding-left: 8px;
}
.single-contact-item3 .text a:hover {
  color: var(--ztc-text-text-9);
  transition: all 0.4s;
}

.copyright-text p {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text p {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .copyright-text p {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}

.copyright-text2 {
  text-align: end;
}
@media (max-width: 767px) {
  .copyright-text2 {
    text-align: start;
    margin-top: 16px;
  }
}
.copyright-text2 a {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text2 a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .copyright-text2 a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.copyright-text2 a span {
  color: rgba(5, 63, 70, 0.16);
  display: inline-block;
  margin: 0 6px;
}

.footer3-border {
  border-top: 1px solid #C2C2C2;
  padding: 30px 0;
}

/*============= FOOTER CSS AREA ===============*/
/*============= FOOTER CSS AREA ===============*/
.vl-footer-area4 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 100px 0 180px;
}
@media (max-width: 767px) {
  .vl-footer-area4 {
    padding: 50px 0 100px;
  }
}
.vl-footer-area4 .elements6 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.vl-footer-area4 .marquee-wrap {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 185px;
  z-index: -1;
}
@media (max-width: 767px) {
  .vl-footer-area4 .marquee-wrap {
    height: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-footer-area4 .marquee-wrap {
    height: 150px;
  }
}
.vl-footer-area4 .marquee-wrap .marquee-text {
  animation: marquee 30s linear infinite;
  position: absolute;
  width: 100%;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-footer-area4 .marquee-wrap .marquee-text {
    animation: marquee 30s linear infinite;
  }
}
@media (max-width: 767px) {
  .vl-footer-area4 .marquee-wrap .marquee-text {
    animation: marquee 30s linear infinite;
  }
}
.vl-footer-area4 .marquee-wrap .marquee-text .main-heading {
  display: flex;
  align-items: center;
}
.vl-footer-area4 .marquee-wrap .marquee-text .main-heading h1 {
  font-family: var(--ztc-family-font1);
  font-size: 230px;
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 230px;
  background: linear-gradient(180deg, rgba(100, 80, 69, 0.16) 0%, rgba(100, 80, 69, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 30px;
  width: 100%;
  color: var(--ztc-text-text-1);
  position: relative;
  text-transform: uppercase;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .vl-footer-area4 .marquee-wrap .marquee-text .main-heading h1 {
    font-size: 300px;
    line-height: 300px;
  }
}
@media (max-width: 767px) {
  .vl-footer-area4 .marquee-wrap .marquee-text .main-heading h1 {
    font-size: 100px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-footer-area4 .marquee-wrap .marquee-text .main-heading h1 {
    font-size: 150px;
    line-height: 150px;
  }
}

.vl-footer-widget-black4 .vl-footer-text {
  padding: 0 80px 0 0;
}
@media (max-width: 767px) {
  .vl-footer-widget-black4 .vl-footer-text {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-footer-widget-black4 .vl-footer-text {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vl-footer-widget-black4 .vl-footer-text {
    padding: 0;
  }
}
.vl-footer-widget-black4 .vl-footer-text p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.vl-footer-widget-black4 h2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}

.vl-footer-social4 a {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-1);
  display: inline-block;
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
}
.vl-footer-social4 a:hover {
  background: var(--ztc-bg-bg-7);
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
}

.vl-footer-widget-black4 ul li a {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
  padding-top: 24px;
}
.vl-footer-widget-black4 ul li a:hover {
  color: var(--ztc-text-text-10);
  transition: all 0.4s;
  padding-left: 5px;
}

.vl-footer-contact4 h2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}

.single-contact-item4 {
  display: flex;
  margin-top: 24px;
}
.single-contact-item4 img {
  filter: brightness(0);
}
.single-contact-item4 .text a {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
  padding-left: 8px;
}
.single-contact-item4 .text a:hover {
  color: var(--ztc-text-text-10);
  transition: all 0.4s;
}

.copyright-text_h4 p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text_h4 p {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .copyright-text_h4 p {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}

.copyright-text2_h4 {
  text-align: end;
}
@media (max-width: 767px) {
  .copyright-text2_h4 {
    text-align: start;
    margin-top: 16px;
  }
}
.copyright-text2_h4 a {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text2_h4 a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .copyright-text2_h4 a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.copyright-text2_h4 a span {
  color: rgba(255, 255, 255, 0.1);
  display: inline-block;
  margin: 0 6px;
}

.footer4-border {
  border-top: 1px solid rgba(18, 28, 39, 0.12);
  padding: 30px 0;
  position: relative;
  z-index: 1;
}

/*============= FOOTER CSS AREA ===============*/
/*============= FOOTER CSS AREA ===============*/
.vl-footer-area5 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 100px 0 0;
}
@media (max-width: 767px) {
  .vl-footer-area5 {
    padding: 50px 0 100px;
  }
}

.vl-footer-widget-black5 .vl-footer-text {
  padding: 0 80px 0 0;
}
@media (max-width: 767px) {
  .vl-footer-widget-black5 .vl-footer-text {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-footer-widget-black5 .vl-footer-text {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vl-footer-widget-black5 .vl-footer-text {
    padding: 0;
  }
}
.vl-footer-widget-black5 .vl-footer-text p {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.vl-footer-widget-black5 h2 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}

.vl-footer-social5 a {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-1);
  display: inline-block;
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
}
.vl-footer-social5 a:hover {
  background: var(--ztc-bg-bg-10);
  color: var(--ztc-text-text-11);
  transition: all 0.4s;
}

.vl-footer-widget-black5 ul li a {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
  padding-top: 24px;
}
.vl-footer-widget-black5 ul li a:hover {
  color: var(--ztc-text-text-13);
  transition: all 0.4s;
  padding-left: 5px;
}

.vl-footer-contact5 h2 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}

.single-contact-item5 {
  display: flex;
  margin-top: 24px;
}
.single-contact-item5 img {
  filter: brightness(0) invert(1);
}
.single-contact-item5 .text a {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
  padding-left: 8px;
}
.single-contact-item5 .text a:hover {
  color: var(--ztc-text-text-13);
  transition: all 0.4s;
}

.copyright-text_h5 p {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text_h5 p {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .copyright-text_h5 p {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}

.copyright-text2_h5 {
  text-align: end;
}
@media (max-width: 767px) {
  .copyright-text2_h5 {
    text-align: start;
    margin-top: 16px;
  }
}
.copyright-text2_h5 a {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text2_h5 a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .copyright-text2_h5 a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.copyright-text2_h5 a span {
  color: rgba(255, 255, 255, 0.1);
  display: inline-block;
  margin: 0 6px;
}

.footer5-border {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding: 30px 0;
  position: relative;
  z-index: 1;
}

/*============= FOOTER CSS AREA ===============*/
/*============= FOOTER CSS AREA ===============*/
.vl-footer-area6 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 275px 0 0 0;
}

.vl-footer-widget-black6 .vl-footer-text {
  padding: 0 80px 0 0;
}
@media (max-width: 767px) {
  .vl-footer-widget-black6 .vl-footer-text {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-footer-widget-black6 .vl-footer-text {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vl-footer-widget-black6 .vl-footer-text {
    padding: 0;
  }
}
.vl-footer-widget-black6 .vl-footer-text p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px; /* 150% */
}
.vl-footer-widget-black6 h2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}

.vl-footer-social6 a {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-2);
  display: inline-block;
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.vl-footer-social6 a:hover {
  background: var(--ztc-bg-bg-13);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.vl-footer-widget-black6 ul li a {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
  padding-top: 24px;
}
.vl-footer-widget-black6 ul li a:hover {
  color: var(--ztc-text-text-15);
  transition: all 0.4s;
  padding-left: 5px;
}

.vl-footer-contact6 h2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}

.single-contact-item6 {
  display: flex;
  margin-top: 24px;
}
.single-contact-item6 .text a {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
  padding-left: 8px;
}
.single-contact-item6 .text a:hover {
  color: var(--ztc-text-text-15);
  transition: all 0.4s;
}

.copyright-text p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text p {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .copyright-text p {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}

.copyright-text6 {
  text-align: end;
}
@media (max-width: 767px) {
  .copyright-text6 {
    text-align: start;
    margin-top: 16px;
  }
}
.copyright-text6 a {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text6 a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .copyright-text6 a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.copyright-text6 a span {
  color: var(--ztc-text-text-3);
  display: inline-block;
  margin: 0 6px;
}

.footer6-border {
  border-top: 1px solid #C2C2C2;
  padding: 30px 0;
}

/*============= FOOTER CSS AREA ===============*/
/*============= FOOTER CSS AREA ===============*/
.vl-footer-area7 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #D7E0E4;
  padding: 275px 0 0 0;
  margin: 0 45px 30px 45px;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .vl-footer-area7 {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-footer-area7 {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vl-footer-area7 {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .vl-footer-area7 {
    margin: 0 30px 30px 30px;
    border-radius: 12px;
  }
}

.vl-footer-widget-black7 .vl-footer-text {
  padding: 0 80px 0 0;
}
@media (max-width: 767px) {
  .vl-footer-widget-black7 .vl-footer-text {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-footer-widget-black7 .vl-footer-text {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vl-footer-widget-black7 .vl-footer-text {
    padding: 0;
  }
}
.vl-footer-widget-black7 .vl-footer-text p {
  color: var(--ztc-text-text-17);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.vl-footer-widget-black7 h2 {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}

.vl-footer-social7 a {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-1);
  display: inline-block;
  color: var(--ztc-text-text-16);
  transition: all 0.4s;
}
.vl-footer-social7 a:hover {
  background: var(--ztc-bg-bg-15);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.vl-footer-widget-black7 ul li a {
  color: var(--ztc-text-text-17);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
  padding-top: 24px;
}
.vl-footer-widget-black7 ul li a:hover {
  color: var(--ztc-text-text-16);
  transition: all 0.4s;
  padding-left: 5px;
}

.vl-footer-contact7 h2 {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}

.single-contact-item7 {
  display: flex;
  margin-top: 24px;
}
.single-contact-item7 .text a {
  color: var(--ztc-text-text-17);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
  padding-left: 8px;
}
.single-contact-item7 .text a:hover {
  color: var(--ztc-text-text-16);
  transition: all 0.4s;
}

.copyright-text_7 p {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text_7 p {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .copyright-text_7 p {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}

.copyright-text7 {
  text-align: end;
}
@media (max-width: 767px) {
  .copyright-text7 {
    text-align: start;
    margin-top: 16px;
  }
}
.copyright-text7 a {
  color: var(--ztc-text-text-17);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text7 a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .copyright-text7 a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.copyright-text7 a span {
  color: #C2C2C2;
  display: inline-block;
  margin: 0 6px;
}

.footer7-border {
  border-top: 1px solid #C2C2C2;
  padding: 30px 0;
}

/*============= FOOTER CSS AREA ===============*/
/*============= FOOTER CSS AREA ===============*/
.vl-footer-area8 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-19);
  padding: 275px 0 0 0;
}
@media (max-width: 767px) {
  .vl-footer-area8 {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-footer-area8 {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vl-footer-area8 {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .vl-footer-area8 {
    margin: 0 30px 30px 30px;
    border-radius: 12px;
  }
}

.vl-footer-widget-black7 .vl-footer-text {
  padding: 0 80px 0 0;
}
@media (max-width: 767px) {
  .vl-footer-widget-black7 .vl-footer-text {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-footer-widget-black7 .vl-footer-text {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vl-footer-widget-black7 .vl-footer-text {
    padding: 0;
  }
}
.vl-footer-widget-black7 .vl-footer-text p {
  color: var(--ztc-text-text-19);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.vl-footer-widget-black7 h2 {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}

.vl-footer-social7 a {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 8px;
  background: var(--ztc-bg-bg-1);
  display: inline-block;
  color: var(--ztc-text-text-18);
  transition: all 0.4s;
}
.vl-footer-social7 a:hover {
  background: var(--ztc-bg-bg-18);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.vl-footer-widget-black7 ul li a {
  color: var(--ztc-text-text-19);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
  padding-top: 24px;
}
.vl-footer-widget-black7 ul li a:hover {
  color: var(--ztc-text-text-20);
  transition: all 0.4s;
  padding-left: 5px;
}

.vl-footer-contact7 h2 {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}

.single-contact-item7 {
  display: flex;
  margin-top: 24px;
}
.single-contact-item7 .text a {
  color: var(--ztc-text-text-19);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
  padding-left: 8px;
}
.single-contact-item7 .text a:hover {
  color: var(--ztc-text-text-20);
  transition: all 0.4s;
}

.copyright-text_7 p {
  color: var(--ztc-text-text-19);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text_7 p {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .copyright-text_7 p {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}

.copyright-text7 {
  text-align: end;
}
@media (max-width: 767px) {
  .copyright-text7 {
    text-align: start;
    margin-top: 16px;
  }
}
.copyright-text7 a {
  color: var(--ztc-text-text-19);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text7 a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .copyright-text7 a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.copyright-text7 a span {
  color: #C2C2C2;
  display: inline-block;
  margin: 0 6px;
}

.footer7-border {
  border-top: 1px solid rgba(7, 30, 26, 0.16);
  padding: 30px 0;
}

/*============= FOOTER CSS AREA ===============*/
/*============= FOOTER CSS AREA ===============*/
.vl-footer-area9 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 100px 0 32px;
}
@media (max-width: 767px) {
  .vl-footer-area9 {
    padding: 50px 0 32px;
  }
}
.vl-footer-area9 .elements_1_h9 {
  position: absolute;
  left: 0;
  bottom: 0;
  animation: glow_animation 6s linear infinite;
  pointer-events: none;
}
.vl-footer-area9 .elements_2_h9 {
  position: absolute;
  right: 0;
  top: 0;
  animation: glow_animation 8s linear infinite;
  pointer-events: none;
}

.vl-footer-widget-black9 .vl-footer-text {
  padding: 0 80px 0 0;
}
@media (max-width: 767px) {
  .vl-footer-widget-black9 .vl-footer-text {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-footer-widget-black9 .vl-footer-text {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vl-footer-widget-black9 .vl-footer-text {
    padding: 0;
  }
}
.vl-footer-widget-black9 .vl-footer-text p {
  color: var(--ztc-text-text-22);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.vl-footer-widget-black9 h2 {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}

.vl-footer-social9 a {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 8px;
  background: var(--ztc-bg-bg-21);
  display: inline-block;
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.vl-footer-social9 a:hover {
  background: var(--ztc-bg-bg-22);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.vl-footer-widget-black9 ul li a {
  color: var(--ztc-text-text-22);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
  padding-top: 24px;
}
.vl-footer-widget-black9 ul li a:hover {
  color: var(--ztc-text-text-23);
  transition: all 0.4s;
  padding-left: 5px;
}

.vl-footer-contact9 h2 {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}

.single-contact-item9 {
  display: flex;
  margin-top: 24px;
}
.single-contact-item9 img {
  filter: brightness(0);
}
.single-contact-item9 .text a {
  color: var(--ztc-text-text-22);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
  padding-left: 8px;
}
.single-contact-item9 .text a:hover {
  color: var(--ztc-text-text-23);
  transition: all 0.4s;
}

.copyright-text_h9 p {
  color: var(--ztc-text-text-22);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text_h9 p {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .copyright-text_h9 p {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}

.copyright-text9_h9 {
  text-align: end;
}
@media (max-width: 767px) {
  .copyright-text9_h9 {
    text-align: start;
    margin-top: 16px;
  }
}
.copyright-text9_h9 a {
  color: var(--ztc-text-text-22);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  transition: all 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text9_h9 a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .copyright-text9_h9 a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.copyright-text9_h9 a span {
  color: rgba(11, 0, 25, 0.3);
  display: inline-block;
  margin: 0 6px;
}
.copyright-text9_h9 a:hover {
  color: var(--ztc-text-text-23);
  transition: all 0.4s;
}

.footer9-border {
  border-top: 1px solid rgba(11, 0, 25, 0.2);
  padding: 30px 0 0;
  position: relative;
  z-index: 1;
}

/*============= FOOTER CSS AREA ===============*/
/*============= FOOTER CSS AREA ===============*/
.vl-footer-area10 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #EEDEFF;
  padding: 275px 0 0 0;
}
@media (max-width: 767px) {
  .vl-footer-area10 {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-footer-area10 {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vl-footer-area10 {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .vl-footer-area10 {
    margin: 0 30px 30px 30px;
    border-radius: 12px;
  }
}

.vl-footer-widget-black10 .vl-footer-text {
  padding: 0 80px 0 0;
}
@media (max-width: 767px) {
  .vl-footer-widget-black10 .vl-footer-text {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-footer-widget-black10 .vl-footer-text {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vl-footer-widget-black10 .vl-footer-text {
    padding: 0;
  }
}
.vl-footer-widget-black10 .vl-footer-text p {
  color: var(--ztc-text-text-25);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.vl-footer-widget-black10 h2 {
  color: var(--ztc-text-text-24);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}

.vl-footer-social10 a {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 8px;
  background: #EEDEFF;
  border: 1px solid var(--ztc-bg-bg-23);
  display: inline-block;
  color: var(--ztc-text-text-24);
  transition: all 0.4s;
  font-size: var(--ztc-font-size-font-s16);
}
.vl-footer-social10 a:hover {
  background: var(--ztc-bg-bg-24);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.vl-footer-widget-black10 ul li a {
  color: var(--ztc-text-text-25);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
  padding-top: 24px;
}
.vl-footer-widget-black10 ul li a:hover {
  color: var(--ztc-text-text-24);
  transition: all 0.4s;
  padding-left: 5px;
}

.vl-footer-contact10 h2 {
  color: var(--ztc-text-text-24);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}

.single-contact-item10 {
  display: flex;
  margin-top: 24px;
}
.single-contact-item10 .text a {
  color: var(--ztc-text-text-25);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
  padding-left: 8px;
}
.single-contact-item10 .text a:hover {
  color: var(--ztc-text-text-24);
  transition: all 0.4s;
}

.copyright-text_10 p {
  color: var(--ztc-text-text-25);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text_10 p {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .copyright-text_10 p {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}

.copyright-text10 {
  text-align: end;
}
@media (max-width: 767px) {
  .copyright-text10 {
    text-align: start;
    margin-top: 16px;
  }
}
.copyright-text10 a {
  color: var(--ztc-text-text-25);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text10 a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .copyright-text10 a {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.copyright-text10 a span {
  color: #C2C2C2;
  display: inline-block;
  margin: 0 6px;
}

.footer10-border {
  border-top: 1px solid rgba(0, 1, 18, 0.3);
  padding: 30px 0;
}

/*============= FOOTER CSS AREA ===============*/
/*============= HEADER CSS AREA ===============*/
.hero_inner_breadcrumb_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 235px 0 125px;
}
@media (max-width: 767px) {
  .hero_inner_breadcrumb_area {
    padding: 180px 0 100px;
  }
}

.hero_1_inner_heading h1 {
  color: var(--ztc-text-text-1);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s80);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 80px;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .hero_1_inner_heading h1 {
    font-size: var(--ztc-font-size-font-s50);
    line-height: 60px;
  }
}
.hero_1_inner_heading p {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 24px;
}
@media (max-width: 767px) {
  .hero_1_inner_heading p {
    font-size: var(--ztc-font-size-font-s18);
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .hero_1_inner_heading p {
    font-size: var(--ztc-font-size-font-s20);
    line-height: 30px;
  }
}
.hero_1_inner_heading p i {
  margin: 0 6px;
}
.hero_1_inner_heading p a {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
}

/*============= HEADER CSS AREA ENDS ===============*/
/*============= HEADER CSS AREA ENDS ===============*/
.homepage1-body {
  overflow: hidden;
}
.homepage1-body .vl-transparent-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  padding: 16px 0;
}
@media (max-width: 767px) {
  .homepage1-body .vl-transparent-header {
    background: var(--ztc-bg-bg-1);
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage1-body .vl-transparent-header {
    background: var(--ztc-bg-bg-1);
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .homepage1-body .vl-transparent-header {
    background: var(--ztc-bg-bg-1);
    padding: 0;
  }
}
.homepage1-body .vl-transparent-header .vl-logo img {
  width: 130px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.homepage1-body .vl-transparent-header .row-bg1 {
  background: var(--ztc-bg-bg-1);
  padding: 16px 8px;
  border-radius: 12px;
}
.homepage1-body .vl-main-menu ul {
  text-align: center;
}
.homepage1-body .vl-main-menu ul > li {
  display: inline-block;
  position: relative;
}
.homepage1-body .vl-main-menu ul > li .span-arrow {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.homepage1-body .vl-main-menu ul > li a.nav-link.active {
  color: var(--ztc-text-text-4);
  background: none;
}
.homepage1-body .vl-main-menu ul > li > a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  display: inline-block;
  position: relative;
  transition: 0.4s;
  padding: 0 16px;
  font-weight: var(--ztc-weight-medium);
}
.homepage1-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-4);
}
.homepage1-body .vl-main-menu ul > li .sub-menu {
  position: absolute;
  top: 201%;
  width: 220px;
  left: 0;
  background: var(--ztc-bg-bg-1);
  padding: 12px 20px 24px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  transition: 0.4s;
  border-radius: 4px;
  transform-origin: top;
  transform: scale(1, 0);
}
.homepage1-body .vl-main-menu ul > li .sub-menu::after {
  position: absolute;
  content: "";
  height: 2px;
  left: 0;
  width: 100%;
  background: var(--ztc-bg-bg-3);
  top: 0;
}
.homepage1-body .vl-main-menu ul > li .sub-menu.menu1 {
  top: 20% !important;
}
.homepage1-body .vl-main-menu ul > li .sub-menu li {
  margin-right: 0;
  display: block;
  text-align: start;
}
.homepage1-body .vl-main-menu ul > li .sub-menu li a {
  color: var(--ztc-text-text-2);
  display: inline-block;
  font-size: var(--ztc-font-size-font-s18);
  position: relative;
  z-index: 1;
  padding: 12px 0 0 0;
  font-weight: var(--ztc-weight-medium);
}
.homepage1-body .vl-main-menu ul > li .sub-menu li a::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 0;
  transition: all 0.4s;
  left: 0;
  bottom: 0;
  background: var(--ztc-bg-bg-3);
  z-index: 1;
}
.homepage1-body .vl-main-menu ul > li .sub-menu li a:hover::after {
  width: 50%;
  transition: all 0.4s;
}
.homepage1-body .vl-main-menu ul > li .sub-menu li a:before {
  display: none;
}
.homepage1-body .vl-main-menu ul > li .sub-menu li .sub-menu {
  left: 100%;
  top: 201%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform-origin: top;
  transform: scale(1, 0);
}
.homepage1-body .vl-main-menu ul > li .sub-menu li:hover > a {
  color: var(--ztc-text-text-4);
}
.homepage1-body .vl-main-menu ul > li .sub-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 201%;
  transform: scale(1);
}
.homepage1-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-4);
}
.homepage1-body .vl-main-menu ul > li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 201%;
  transform: scale(1);
  transition: all 0.4s;
}
.homepage1-body .vl-main-menu ul > li:hover .vl-mega-menu {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
  top: 201%;
  transform: scale(1);
}
.homepage1-body .vl-mega-menu {
  position: absolute;
  left: -275px;
  top: 100px;
  width: 1300px;
  background: var(--ztc-bg-bg-1);
  padding: 5px 25px 25px 25px;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  top: 201.3%;
  transform: scale(1, 0);
  transform-origin: top;
  border-radius: 4px;
  border-top: 5px solid var(--ztc-bg-bg-3);
  height: 550px;
  overflow-y: scroll;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .homepage1-body .vl-mega-menu {
    width: auto;
    opacity: 1;
    visibility: visible;
    transition: none;
    position: static;
    display: none;
    transform: scale(1);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .homepage1-body .vl-mega-menu {
    left: -240px;
    width: 1140px;
  }
}
.homepage1-body .vl-home-thumb {
  position: relative;
  z-index: 1;
  margin-top: 20px;
}
.homepage1-body .vl-home-thumb img {
  box-shadow: 0px 2px 6px rgba(1, 15, 28, 0.2);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage1-body .vl-home-thumb img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.homepage1-body .vl-home-thumb .img1 {
  position: relative;
  z-index: 1;
}
.homepage1-body .vl-home-thumb .img1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  transition: all 0.4s;
  top: 0;
  background: var(--ztc-text-text-2);
  border-radius: 4px;
  transform: scale(0.8);
  visibility: hidden;
  opacity: 0;
}
.homepage1-body .vl-home-thumb .btn-area1 {
  position: absolute;
  top: 20%;
  left: 50%;
  transition: all 0.6s;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  margin-top: -80px;
  margin-left: -70px;
}
@media (max-width: 767px) {
  .homepage1-body .vl-home-thumb .btn-area1 {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage1-body .vl-home-thumb .btn-area1 {
    margin-top: -100px;
  }
}
.homepage1-body .vl-home-thumb .btn-area1 .vl-btn1 {
  color: var(--ztc-text-text-1) !important;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  border-bottom: 4px solid rgba(255, 255, 255, 0.3);
  background: var(--ztc-bg-bg-3);
  padding: 18px 22px;
  transition: all 0.4s;
  display: inline-block;
  width: 140px;
}
.homepage1-body .vl-home-thumb .btn-area1 .vl-btn1:hover {
  background: var(--ztc-bg-bg-2);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}
.homepage1-body .vl-home-thumb a {
  font-size: var(--ztc-font-size-font-s18);
  line-height: 18px;
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-2) !important;
  transition: all 0.4s;
  display: block;
  padding-top: 16px;
  text-align: center;
  font-family: var(--ztc-family-font2);
}
.homepage1-body .vl-home-thumb a:hover {
  color: var(--ztc-text-text-4) !important;
  transition: all 0.4s;
}
.homepage1-body .vl-home-thumb:hover .btn-area1 {
  visibility: visible;
  opacity: 1;
  transition: all 0.6s;
  top: 50%;
}
.homepage1-body .vl-home-thumb:hover .img1::after {
  transform: scale(1);
  transition: all 0.4s;
  visibility: visible;
  opacity: 0.8;
}
.homepage1-body .header-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  animation: 0.7s ease-in-out 0s normal none 1 running vlfadeInDown;
  background: var(--ztc-bg-bg-1);
  border-bottom: 1px solid #dfe1e2;
  padding: 0;
}
.homepage1-body .header-sticky .row-bg1 {
  padding: 16px 0;
}

@keyframes vlfadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.vlfadeInDown {
  animation: vlfadeInDown 1s ease-out forwards;
}

/*============= HEADER CSS AREA ENDS ===============*/
/*============= HEADER CSS AREA ENDS ===============*/
.homepage2-body {
  overflow: hidden;
}
.homepage2-body .vl-transparent-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  padding: 16px 0;
}
@media (max-width: 767px) {
  .homepage2-body .vl-transparent-header {
    background: var(--ztc-bg-bg-2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage2-body .vl-transparent-header {
    background: var(--ztc-bg-bg-2);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .homepage2-body .vl-transparent-header {
    background: var(--ztc-bg-bg-2);
  }
}
.homepage2-body .vl-transparent-header .vl-logo img {
  width: 130px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.homepage2-body .vl-main-menu ul {
  text-align: center;
}
.homepage2-body .vl-main-menu ul > li {
  display: inline-block;
  position: relative;
}
.homepage2-body .vl-main-menu ul > li .span-arrow {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.homepage2-body .vl-main-menu ul > li a.nav-link.active {
  color: var(--ztc-text-text-2);
  background: none;
}
.homepage2-body .vl-main-menu ul > li > a {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  display: inline-block;
  position: relative;
  transition: 0.4s;
  padding: 0 16px;
  font-weight: var(--ztc-weight-medium);
}
.homepage2-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-2);
}
.homepage2-body .vl-main-menu ul > li .sub-menu {
  position: absolute;
  top: 201%;
  width: 220px;
  left: 0;
  background: var(--ztc-bg-bg-1);
  padding: 12px 20px 24px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  transition: 0.4s;
  border-radius: 4px;
  transform-origin: top;
  transform: scale(1, 0);
}
.homepage2-body .vl-main-menu ul > li .sub-menu::after {
  position: absolute;
  content: "";
  height: 2px;
  left: 0;
  width: 100%;
  background: var(--ztc-bg-bg-2);
  top: 0;
}
.homepage2-body .vl-main-menu ul > li .sub-menu.menu1 {
  top: 20% !important;
}
.homepage2-body .vl-main-menu ul > li .sub-menu li {
  margin-right: 0;
  display: block;
  text-align: start;
}
.homepage2-body .vl-main-menu ul > li .sub-menu li a {
  color: var(--ztc-text-text-2);
  display: inline-block;
  font-size: var(--ztc-font-size-font-s18);
  position: relative;
  z-index: 1;
  padding: 12px 0 0 0;
  font-weight: var(--ztc-weight-medium);
}
.homepage2-body .vl-main-menu ul > li .sub-menu li a::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 0;
  transition: all 0.4s;
  left: 0;
  bottom: 0;
  background: var(--ztc-bg-bg-2);
  z-index: 1;
}
.homepage2-body .vl-main-menu ul > li .sub-menu li a:hover::after {
  width: 50%;
  transition: all 0.4s;
}
.homepage2-body .vl-main-menu ul > li .sub-menu li a:before {
  display: none;
}
.homepage2-body .vl-main-menu ul > li .sub-menu li .sub-menu {
  left: 100%;
  top: 201%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform-origin: top;
  transform: scale(1, 0);
}
.homepage2-body .vl-main-menu ul > li .sub-menu li:hover > a {
  color: var(--ztc-text-text-2);
}
.homepage2-body .vl-main-menu ul > li .sub-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 201%;
  transform: scale(1);
}
.homepage2-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-2);
}
.homepage2-body .vl-main-menu ul > li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 201%;
  transform: scale(1);
  transition: all 0.4s;
}
.homepage2-body .vl-main-menu ul > li:hover .vl-mega-menu {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
  top: 201%;
  transform: scale(1);
}
.homepage2-body .vl-mega-menu {
  position: absolute;
  left: -275px;
  top: 100px;
  width: 1300px;
  background: var(--ztc-bg-bg-1);
  padding: 5px 25px 25px 25px;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  top: 201.3%;
  transform: scale(1, 0);
  transform-origin: top;
  border-radius: 4px;
  border-top: 5px solid var(--ztc-bg-bg-2);
  height: 550px;
  overflow-y: scroll;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .homepage2-body .vl-mega-menu {
    width: auto;
    opacity: 1;
    visibility: visible;
    transition: none;
    position: static;
    display: none;
    transform: scale(1);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .homepage2-body .vl-mega-menu {
    left: -240px;
    width: 1140px;
  }
}
.homepage2-body .vl-home-thumb {
  position: relative;
  z-index: 1;
  margin-top: 20px;
}
.homepage2-body .vl-home-thumb img {
  box-shadow: 0px 2px 6px rgba(1, 15, 28, 0.2);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage2-body .vl-home-thumb img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.homepage2-body .vl-home-thumb .img1 {
  position: relative;
  z-index: 1;
}
.homepage2-body .vl-home-thumb .img1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  transition: all 0.4s;
  top: 0;
  background: var(--ztc-text-text-2);
  border-radius: 4px;
  transform: scale(0.8);
  visibility: hidden;
  opacity: 0;
}
.homepage2-body .vl-home-thumb .btn-area1 {
  position: absolute;
  top: 20%;
  left: 50%;
  transition: all 0.6s;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  margin-top: -80px;
  margin-left: -70px;
}
@media (max-width: 767px) {
  .homepage2-body .vl-home-thumb .btn-area1 {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage2-body .vl-home-thumb .btn-area1 {
    margin-top: -100px;
  }
}
.homepage2-body .vl-home-thumb .btn-area1 .vl-btn2 {
  color: var(--ztc-text-text-1) !important;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-4);
  padding: 18px 22px;
  transition: all 0.4s;
  display: inline-block;
  width: 140px;
}
.homepage2-body .vl-home-thumb .btn-area1 .vl-btn2:hover {
  background: var(--ztc-bg-bg-2);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}
.homepage2-body .vl-home-thumb a {
  font-size: var(--ztc-font-size-font-s18);
  line-height: 18px;
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-2) !important;
  transition: all 0.4s;
  display: block;
  padding-top: 16px;
  text-align: center;
  font-family: var(--ztc-family-font2);
}
.homepage2-body .vl-home-thumb a:hover {
  color: var(--ztc-text-text-6) !important;
  transition: all 0.4s;
}
.homepage2-body .vl-home-thumb:hover .btn-area1 {
  visibility: visible;
  opacity: 1;
  transition: all 0.6s;
  top: 50%;
}
.homepage2-body .vl-home-thumb:hover .img1::after {
  transform: scale(1);
  transition: all 0.4s;
  visibility: visible;
  opacity: 0.8;
}
.homepage2-body .header-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  animation: 0.7s ease-in-out 0s normal none 1 running vlfadeInDown;
  background-color: var(--ztc-bg-bg-4);
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
}

@keyframes vlfadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.vlfadeInDown {
  animation: vlfadeInDown 1s ease-out forwards;
}

/*============= HEADER CSS AREA ENDS ===============*/
/*============= HEADER CSS AREA ENDS ===============*/
.homepage3-body {
  overflow: hidden;
}
.homepage3-body .vl-transparent-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 767px) {
  .homepage3-body .vl-transparent-header {
    background: var(--ztc-bg-bg-5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage3-body .vl-transparent-header {
    background: var(--ztc-bg-bg-5);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .homepage3-body .vl-transparent-header {
    background: var(--ztc-bg-bg-5);
  }
}
.homepage3-body .vl-transparent-header .vl-logo img {
  width: 130px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.homepage3-body .vl-main-menu ul {
  text-align: center;
}
.homepage3-body .vl-main-menu ul > li {
  display: inline-block;
  position: relative;
}
.homepage3-body .vl-main-menu ul > li .span-arrow {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.homepage3-body .vl-main-menu ul > li a.nav-link.active {
  color: var(--ztc-text-text-9);
  background: none;
}
.homepage3-body .vl-main-menu ul > li > a {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  display: inline-block;
  position: relative;
  transition: 0.4s;
  padding: 0 16px;
  font-weight: var(--ztc-weight-medium);
}
.homepage3-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-9);
}
.homepage3-body .vl-main-menu ul > li .sub-menu {
  position: absolute;
  top: 201%;
  width: 220px;
  left: 0;
  background: var(--ztc-bg-bg-1);
  padding: 12px 20px 24px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  transition: 0.4s;
  border-radius: 4px;
  transform-origin: top;
  transform: scale(1, 0);
}
.homepage3-body .vl-main-menu ul > li .sub-menu::after {
  position: absolute;
  content: "";
  height: 2px;
  left: 0;
  width: 100%;
  background: var(--ztc-bg-bg-6);
  top: 0;
}
.homepage3-body .vl-main-menu ul > li .sub-menu.menu1 {
  top: 20% !important;
}
.homepage3-body .vl-main-menu ul > li .sub-menu li {
  margin-right: 0;
  display: block;
  text-align: start;
}
.homepage3-body .vl-main-menu ul > li .sub-menu li a {
  color: var(--ztc-text-text-7);
  display: inline-block;
  font-size: var(--ztc-font-size-font-s18);
  position: relative;
  z-index: 1;
  padding: 12px 0 0 0;
  font-weight: var(--ztc-weight-medium);
}
.homepage3-body .vl-main-menu ul > li .sub-menu li a::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 0;
  transition: all 0.4s;
  left: 0;
  bottom: 0;
  background: var(--ztc-bg-bg-6);
  z-index: 1;
}
.homepage3-body .vl-main-menu ul > li .sub-menu li a:hover::after {
  width: 50%;
  transition: all 0.4s;
}
.homepage3-body .vl-main-menu ul > li .sub-menu li a:before {
  display: none;
}
.homepage3-body .vl-main-menu ul > li .sub-menu li .sub-menu {
  left: 100%;
  top: 201%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform-origin: top;
  transform: scale(1, 0);
}
.homepage3-body .vl-main-menu ul > li .sub-menu li:hover > a {
  color: var(--ztc-text-text-9);
}
.homepage3-body .vl-main-menu ul > li .sub-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 201%;
  transform: scale(1);
}
.homepage3-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-9);
}
.homepage3-body .vl-main-menu ul > li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 201%;
  transform: scale(1);
  transition: all 0.4s;
}
.homepage3-body .vl-main-menu ul > li:hover .vl-mega-menu {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
  top: 201%;
  transform: scale(1);
}
.homepage3-body .vl-mega-menu {
  position: absolute;
  left: -275px;
  top: 100px;
  width: 1300px;
  background: var(--ztc-bg-bg-1);
  padding: 5px 25px 25px 25px;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  top: 201.3%;
  transform: scale(1, 0);
  transform-origin: top;
  border-radius: 4px;
  border-top: 5px solid var(--ztc-bg-bg-6);
  height: 550px;
  overflow-y: scroll;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .homepage3-body .vl-mega-menu {
    width: auto;
    opacity: 1;
    visibility: visible;
    transition: none;
    position: static;
    display: none;
    transform: scale(1);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .homepage3-body .vl-mega-menu {
    left: -240px;
    width: 1140px;
  }
}
.homepage3-body .vl-home-thumb {
  position: relative;
  z-index: 1;
  margin-top: 20px;
}
.homepage3-body .vl-home-thumb img {
  box-shadow: 0px 2px 6px rgba(1, 15, 28, 0.2);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage3-body .vl-home-thumb img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.homepage3-body .vl-home-thumb .img1 {
  position: relative;
  z-index: 1;
}
.homepage3-body .vl-home-thumb .img1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  transition: all 0.4s;
  top: 0;
  background: var(--ztc-text-text-7);
  border-radius: 4px;
  transform: scale(0.8);
  visibility: hidden;
  opacity: 0;
}
.homepage3-body .vl-home-thumb .btn-area1 {
  position: absolute;
  top: 20%;
  left: 50%;
  transition: all 0.6s;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  margin-top: -80px;
  margin-left: -70px;
}
@media (max-width: 767px) {
  .homepage3-body .vl-home-thumb .btn-area1 {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage3-body .vl-home-thumb .btn-area1 {
    margin-top: -100px;
  }
}
.homepage3-body .vl-home-thumb .btn-area1 .vl-btn4 {
  color: var(--ztc-text-text-1) !important;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-6);
  padding: 18px 22px;
  transition: all 0.4s;
  display: inline-block;
  width: 140px;
}
.homepage3-body .vl-home-thumb .btn-area1 .vl-btn4:hover {
  background: var(--ztc-bg-bg-5);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}
.homepage3-body .vl-home-thumb a {
  font-size: var(--ztc-font-size-font-s18);
  line-height: 18px;
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-7) !important;
  transition: all 0.4s;
  display: block;
  padding-top: 16px;
  text-align: center;
  font-family: var(--ztc-family-font2);
}
.homepage3-body .vl-home-thumb a:hover {
  color: var(--ztc-text-text-9) !important;
  transition: all 0.4s;
}
.homepage3-body .vl-home-thumb:hover .btn-area1 {
  visibility: visible;
  opacity: 1;
  transition: all 0.6s;
  top: 50%;
}
.homepage3-body .vl-home-thumb:hover .img1::after {
  transform: scale(1);
  transition: all 0.4s;
  visibility: visible;
  opacity: 0.8;
}
.homepage3-body .header-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  animation: 0.7s ease-in-out 0s normal none 1 running vlfadeInDown;
  background: var(--ztc-bg-bg-5);
  border-bottom: none;
}

@keyframes vlfadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.vlfadeInDown {
  animation: vlfadeInDown 1s ease-out forwards;
}

/*============= HEADER CSS AREA ENDS ===============*/
/*============= HEADER CSS AREA ENDS ===============*/
.homepage4-body {
  overflow: hidden;
}
.homepage4-body .vl-transparent-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  padding: 16px 0;
}
@media (max-width: 767px) {
  .homepage4-body .vl-transparent-header {
    background: var(--ztc-bg-bg-1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage4-body .vl-transparent-header {
    background: var(--ztc-bg-bg-1);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .homepage4-body .vl-transparent-header {
    background: var(--ztc-bg-bg-1);
  }
}
.homepage4-body .vl-transparent-header .vl-logo img {
  width: 130px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.homepage4-body .vl-main-menu ul {
  text-align: center;
}
.homepage4-body .vl-main-menu ul > li {
  display: inline-block;
  position: relative;
}
.homepage4-body .vl-main-menu ul > li .span-arrow {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.homepage4-body .vl-main-menu ul > li a.nav-link.active {
  color: var(--ztc-text-text-10);
  background: none;
}
.homepage4-body .vl-main-menu ul > li > a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  display: inline-block;
  position: relative;
  transition: 0.4s;
  padding: 0 16px;
  font-weight: var(--ztc-weight-regular);
}
.homepage4-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-10);
}
.homepage4-body .vl-main-menu ul > li .sub-menu {
  position: absolute;
  top: 201%;
  width: 220px;
  left: 0;
  background: var(--ztc-bg-bg-1);
  padding: 12px 20px 24px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  transition: 0.4s;
  border-radius: 4px;
  transform-origin: top;
  transform: scale(1, 0);
}
.homepage4-body .vl-main-menu ul > li .sub-menu::after {
  position: absolute;
  content: "";
  height: 2px;
  left: 0;
  width: 100%;
  background: var(--ztc-bg-bg-7);
  top: 0;
}
.homepage4-body .vl-main-menu ul > li .sub-menu.menu1 {
  top: 20% !important;
}
.homepage4-body .vl-main-menu ul > li .sub-menu li {
  margin-right: 0;
  display: block;
  text-align: start;
}
.homepage4-body .vl-main-menu ul > li .sub-menu li a {
  color: var(--ztc-text-text-2);
  display: inline-block;
  font-size: var(--ztc-font-size-font-s18);
  position: relative;
  z-index: 1;
  padding: 12px 0 0 0;
  font-weight: var(--ztc-weight-medium);
}
.homepage4-body .vl-main-menu ul > li .sub-menu li a::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 0;
  transition: all 0.4s;
  left: 0;
  bottom: 0;
  background: var(--ztc-bg-bg-7);
  z-index: 1;
}
.homepage4-body .vl-main-menu ul > li .sub-menu li a:hover::after {
  width: 50%;
  transition: all 0.4s;
}
.homepage4-body .vl-main-menu ul > li .sub-menu li a:before {
  display: none;
}
.homepage4-body .vl-main-menu ul > li .sub-menu li .sub-menu {
  left: 100%;
  top: 201%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform-origin: top;
  transform: scale(1, 0);
}
.homepage4-body .vl-main-menu ul > li .sub-menu li:hover > a {
  color: var(--ztc-text-text-10);
}
.homepage4-body .vl-main-menu ul > li .sub-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 201%;
  transform: scale(1);
}
.homepage4-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-10);
}
.homepage4-body .vl-main-menu ul > li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 201%;
  transform: scale(1);
  transition: all 0.4s;
}
.homepage4-body .vl-main-menu ul > li:hover .vl-mega-menu {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
  top: 201%;
  transform: scale(1);
}
.homepage4-body .vl-mega-menu {
  position: absolute;
  left: -275px;
  top: 100px;
  width: 1300px;
  background: var(--ztc-bg-bg-1);
  padding: 5px 25px 25px 25px;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  top: 201.3%;
  transform: scale(1, 0);
  transform-origin: top;
  border-radius: 4px;
  border-top: 5px solid var(--ztc-text-text-10);
  height: 550px;
  overflow-y: scroll;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .homepage4-body .vl-mega-menu {
    width: auto;
    opacity: 1;
    visibility: visible;
    transition: none;
    position: static;
    display: none;
    transform: scale(1);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .homepage4-body .vl-mega-menu {
    left: -240px;
    width: 1140px;
  }
}
.homepage4-body .vl-home-thumb {
  position: relative;
  z-index: 1;
  margin-top: 20px;
}
.homepage4-body .vl-home-thumb img {
  box-shadow: 0px 2px 6px rgba(1, 15, 28, 0.2);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage4-body .vl-home-thumb img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.homepage4-body .vl-home-thumb .img1 {
  position: relative;
  z-index: 1;
}
.homepage4-body .vl-home-thumb .img1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  transition: all 0.4s;
  top: 0;
  background: var(--ztc-text-text-2);
  border-radius: 4px;
  transform: scale(0.8);
  visibility: hidden;
  opacity: 0;
}
.homepage4-body .vl-home-thumb .btn-area1 {
  position: absolute;
  top: 20%;
  left: 50%;
  transition: all 0.6s;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  margin-top: -75px;
  margin-left: -75px;
}
@media (max-width: 767px) {
  .homepage4-body .vl-home-thumb .btn-area1 {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage4-body .vl-home-thumb .btn-area1 {
    margin-top: -100px;
  }
}
.homepage4-body .vl-home-thumb .btn-area1 .vl-btn6 {
  border-radius: 100px;
  background: var(--ztc-bg-bg-7);
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 16px;
  display: inline-block;
  line-height: 22px;
  height: 56px;
}
.homepage4-body .vl-home-thumb .btn-area1 .vl-btn6::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  transition: all 0.4s;
  left: 50%;
  background: var(--ztc-bg-bg-2);
  top: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.homepage4-body .vl-home-thumb .btn-area1 .vl-btn6:hover::after {
  width: 100%;
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  left: 0;
}
.homepage4-body .vl-home-thumb .btn-area1 .vl-btn6:hover .text {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  padding-right: 36px;
  padding-left: 0;
}
.homepage4-body .vl-home-thumb .btn-area1 .vl-btn6:hover .arrow {
  left: -40px;
}
.homepage4-body .vl-home-thumb .btn-area1 .vl-btn6:hover .arrow2 {
  right: 8px;
  transition: all 0.4s;
}
.homepage4-body .vl-home-thumb .btn-area1 .vl-btn6 .text {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  transition: all 0.4s;
  padding-left: 36px;
}
.homepage4-body .vl-home-thumb .btn-area1 .vl-btn6 .arrow {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-2);
  border-radius: 50%;
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 9px;
}
.homepage4-body .vl-home-thumb .btn-area1 .vl-btn6 .arrow2 {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-1);
  border-radius: 50%;
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  right: -40px;
  top: 9px;
  transform: rotate(-45deg);
}
.homepage4-body .vl-home-thumb a {
  font-size: var(--ztc-font-size-font-s18);
  line-height: 18px;
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-2) !important;
  transition: all 0.4s;
  display: block;
  padding-top: 16px;
  text-align: center;
  font-family: var(--ztc-family-font2);
}
.homepage4-body .vl-home-thumb a:hover {
  color: var(--ztc-text-text-10) !important;
  transition: all 0.4s;
}
.homepage4-body .vl-home-thumb:hover .btn-area1 {
  visibility: visible;
  opacity: 1;
  transition: all 0.6s;
  top: 50%;
}
.homepage4-body .vl-home-thumb:hover .img1::after {
  transform: scale(1);
  transition: all 0.4s;
  visibility: visible;
  opacity: 0.8;
}
.homepage4-body .header-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  animation: 0.7s ease-in-out 0s normal none 1 running vlfadeInDown;
  background-color: var(--ztc-bg-bg-1);
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
}

@keyframes vlfadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.vlfadeInDown {
  animation: vlfadeInDown 1s ease-out forwards;
}

/*============= HEADER CSS AREA ENDS ===============*/
/*============= HEADER CSS AREA ENDS ===============*/
.homepage5-body {
  overflow: hidden;
}
.homepage5-body .vl-transparent-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  padding: 16px 0;
}
@media (max-width: 767px) {
  .homepage5-body .vl-transparent-header {
    background: var(--ztc-bg-bg-1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage5-body .vl-transparent-header {
    background: var(--ztc-bg-bg-1);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .homepage5-body .vl-transparent-header {
    background: var(--ztc-bg-bg-1);
  }
}
.homepage5-body .vl-transparent-header .vl-logo img {
  width: 130px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.homepage5-body .vl-transparent-header .vl-hero-btn {
  display: flex !important;
  align-items: center;
}
@media (max-width: 767px) {
  .homepage5-body .vl-transparent-header .vl-hero-btn {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage5-body .vl-transparent-header .vl-hero-btn {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .homepage5-body .vl-transparent-header .vl-hero-btn {
    display: none !important;
  }
}
.homepage5-body .vl-transparent-header .vl-hero-btn .search-icon a {
  padding: 0 6px 0 0;
  margin: 0 12px 0 0;
  border-right: 1px solid #A4BE9D;
  display: inline-block;
}
.homepage5-body .vl-main-menu ul {
  text-align: center;
}
.homepage5-body .vl-main-menu ul > li {
  display: inline-block;
  position: relative;
}
.homepage5-body .vl-main-menu ul > li .span-arrow {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.homepage5-body .vl-main-menu ul > li a.nav-link.active {
  color: var(--ztc-text-text-13);
  background: none;
}
.homepage5-body .vl-main-menu ul > li > a {
  color: var(--ztc-text-text-11);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  display: inline-block;
  position: relative;
  transition: 0.4s;
  padding: 0 16px;
  font-weight: var(--ztc-weight-regular);
}
.homepage5-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-13);
}
.homepage5-body .vl-main-menu ul > li .sub-menu {
  position: absolute;
  top: 201%;
  width: 220px;
  left: 0;
  background: var(--ztc-bg-bg-9);
  padding: 12px 20px 24px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  transition: 0.4s;
  border-radius: 4px;
  transform-origin: top;
  transform: scale(1, 0);
}
.homepage5-body .vl-main-menu ul > li .sub-menu::after {
  position: absolute;
  content: "";
  height: 2px;
  left: 0;
  width: 100%;
  background: var(--ztc-bg-bg-10);
  top: 0;
}
.homepage5-body .vl-main-menu ul > li .sub-menu.menu1 {
  top: 20% !important;
}
.homepage5-body .vl-main-menu ul > li .sub-menu li {
  margin-right: 0;
  display: block;
  text-align: start;
}
.homepage5-body .vl-main-menu ul > li .sub-menu li a {
  color: var(--ztc-text-text-1);
  display: inline-block;
  font-size: var(--ztc-font-size-font-s18);
  position: relative;
  z-index: 1;
  padding: 12px 0 0 0;
  font-weight: var(--ztc-weight-medium);
}
.homepage5-body .vl-main-menu ul > li .sub-menu li a::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 0;
  transition: all 0.4s;
  left: 0;
  bottom: 0;
  background: var(--ztc-bg-bg-10);
  z-index: 1;
}
.homepage5-body .vl-main-menu ul > li .sub-menu li a:hover::after {
  width: 50%;
  transition: all 0.4s;
}
.homepage5-body .vl-main-menu ul > li .sub-menu li a:before {
  display: none;
}
.homepage5-body .vl-main-menu ul > li .sub-menu li .sub-menu {
  left: 100%;
  top: 201%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform-origin: top;
  transform: scale(1, 0);
}
.homepage5-body .vl-main-menu ul > li .sub-menu li:hover > a {
  color: var(--ztc-text-text-13);
}
.homepage5-body .vl-main-menu ul > li .sub-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 201%;
  transform: scale(1);
}
.homepage5-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-13);
}
.homepage5-body .vl-main-menu ul > li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 201%;
  transform: scale(1);
  transition: all 0.4s;
}
.homepage5-body .vl-main-menu ul > li:hover .vl-mega-menu {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
  top: 201%;
  transform: scale(1);
}
.homepage5-body .vl-mega-menu {
  position: absolute;
  left: -275px;
  top: 100px;
  width: 1300px;
  background: var(--ztc-bg-bg-9);
  padding: 5px 25px 25px 25px;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  top: 201.3%;
  transform: scale(1, 0);
  transform-origin: top;
  border-radius: 4px;
  border-top: 5px solid var(--ztc-text-text-13);
  height: 550px;
  overflow-y: scroll;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .homepage5-body .vl-mega-menu {
    width: auto;
    opacity: 1;
    visibility: visible;
    transition: none;
    position: static;
    display: none;
    transform: scale(1);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .homepage5-body .vl-mega-menu {
    left: -240px;
    width: 1140px;
  }
}
.homepage5-body .vl-home-thumb {
  position: relative;
  z-index: 1;
  margin-top: 20px;
}
.homepage5-body .vl-home-thumb img {
  box-shadow: 0px 2px 6px rgba(1, 15, 28, 0.2);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage5-body .vl-home-thumb img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.homepage5-body .vl-home-thumb .img1 {
  position: relative;
  z-index: 1;
}
.homepage5-body .vl-home-thumb .img1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  transition: all 0.4s;
  top: 0;
  background: var(--ztc-text-text-11);
  border-radius: 4px;
  transform: scale(0.8);
  visibility: hidden;
  opacity: 0;
}
.homepage5-body .vl-home-thumb .btn-area1 {
  position: absolute;
  top: 20%;
  left: 50%;
  transition: all 0.6s;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  margin-top: -75px;
  margin-left: -75px;
}
@media (max-width: 767px) {
  .homepage5-body .vl-home-thumb .btn-area1 {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage5-body .vl-home-thumb .btn-area1 {
    margin-top: -100px;
  }
}
.homepage5-body .vl-home-thumb .btn-area1 .vl-btn7 {
  border-radius: 8px;
  background: var(--ztc-bg-bg-12);
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 16px;
  display: inline-block;
  height: 56px;
  line-height: 16px;
}
.homepage5-body .vl-home-thumb .btn-area1 .vl-btn7::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  transition: all 0.4s;
  left: 50%;
  background: var(--ztc-bg-bg-10);
  top: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.homepage5-body .vl-home-thumb .btn-area1 .vl-btn7:hover::after {
  width: 100%;
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  left: 0;
}
.homepage5-body .vl-home-thumb .btn-area1 .vl-btn7:hover .text {
  color: var(--ztc-text-text-11);
  transition: all 0.4s;
  padding-right: 36px;
  padding-left: 0;
}
.homepage5-body .vl-home-thumb .btn-area1 .vl-btn7:hover .arrow {
  left: -40px;
}
.homepage5-body .vl-home-thumb .btn-area1 .vl-btn7:hover .arrow2 {
  right: 8px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
}
.homepage5-body .vl-home-thumb .btn-area1 .vl-btn7 .text {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  transition: all 0.4s;
  padding-left: 36px;
  position: relative;
  top: 3px;
}
.homepage5-body .vl-home-thumb .btn-area1 .vl-btn7 .arrow {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-10);
  border-radius: 4px;
  color: var(--ztc-text-text-11);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 9px;
}
.homepage5-body .vl-home-thumb .btn-area1 .vl-btn7 .arrow2 {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-10);
  border-radius: 4px;
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  right: -40px;
  top: 9px;
}
.homepage5-body .vl-home-thumb a {
  font-size: var(--ztc-font-size-font-s18);
  line-height: 18px;
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-1) !important;
  transition: all 0.4s;
  display: block;
  padding-top: 16px;
  text-align: center;
  font-family: var(--ztc-family-font2);
}
.homepage5-body .vl-home-thumb a:hover {
  color: var(--ztc-text-text-13) !important;
  transition: all 0.4s;
}
.homepage5-body .vl-home-thumb:hover .btn-area1 {
  visibility: visible;
  opacity: 1;
  transition: all 0.6s;
  top: 50%;
}
.homepage5-body .vl-home-thumb:hover .img1::after {
  transform: scale(1);
  transition: all 0.4s;
  visibility: visible;
  opacity: 0.8;
}
.homepage5-body .header-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  animation: 0.7s ease-in-out 0s normal none 1 running vlfadeInDown;
  background-color: var(--ztc-bg-bg-1);
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
}

@keyframes vlfadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.vlfadeInDown {
  animation: vlfadeInDown 1s ease-out forwards;
}

/*============= HEADER CSS AREA ENDS ===============*/
/*============= HEADER CSS AREA ENDS ===============*/
.homepage6-body {
  overflow: hidden;
}
.homepage6-body .vl-transparent-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
@media (max-width: 767px) {
  .homepage6-body .vl-transparent-header {
    background: var(--ztc-bg-bg-2);
    border: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage6-body .vl-transparent-header {
    background: var(--ztc-bg-bg-2);
    border: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .homepage6-body .vl-transparent-header {
    background: var(--ztc-bg-bg-2);
    border: none;
  }
}
.homepage6-body .vl-transparent-header .vl-logo img {
  width: 130px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.homepage6-body .vl-transparent-header .vl-hero-btn {
  display: flex !important;
  align-items: center;
}
@media (max-width: 767px) {
  .homepage6-body .vl-transparent-header .vl-hero-btn {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage6-body .vl-transparent-header .vl-hero-btn {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .homepage6-body .vl-transparent-header .vl-hero-btn {
    display: none !important;
  }
}
.homepage6-body .vl-transparent-header .vl-hero-btn .search-icon a {
  padding: 0 6px 0 0;
  margin: 0 12px 0 0;
  border-right: 1px solid #5A4E5F;
  display: inline-block;
}
.homepage6-body .vl-main-menu ul {
  text-align: center;
}
.homepage6-body .vl-main-menu ul > li {
  display: inline-block;
  position: relative;
}
.homepage6-body .vl-main-menu ul > li .span-arrow {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.homepage6-body .vl-main-menu ul > li a.nav-link.active {
  color: var(--ztc-text-text-15);
  background: none;
}
.homepage6-body .vl-main-menu ul > li > a {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  display: inline-block;
  position: relative;
  transition: 0.4s;
  padding: 0 16px;
  font-weight: var(--ztc-weight-regular);
}
.homepage6-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-15);
}
.homepage6-body .vl-main-menu ul > li .sub-menu {
  position: absolute;
  top: 201%;
  width: 220px;
  left: 0;
  background: var(--ztc-bg-bg-2);
  padding: 12px 20px 24px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  transition: 0.4s;
  border-radius: 4px;
  transform-origin: top;
  transform: scale(1, 0);
  border: 1px solid rgba(255, 255, 255, 0.16);
}
.homepage6-body .vl-main-menu ul > li .sub-menu::after {
  position: absolute;
  content: "";
  height: 2px;
  left: 0;
  width: 100%;
  background: var(--ztc-bg-bg-13);
  top: 0;
}
.homepage6-body .vl-main-menu ul > li .sub-menu.menu1 {
  top: 20% !important;
}
.homepage6-body .vl-main-menu ul > li .sub-menu li {
  margin-right: 0;
  display: block;
  text-align: start;
}
.homepage6-body .vl-main-menu ul > li .sub-menu li a {
  color: var(--ztc-text-text-1);
  display: inline-block;
  font-size: var(--ztc-font-size-font-s18);
  position: relative;
  z-index: 1;
  padding: 12px 0 0 0;
  font-weight: var(--ztc-weight-medium);
}
.homepage6-body .vl-main-menu ul > li .sub-menu li a::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 0;
  transition: all 0.4s;
  left: 0;
  bottom: 0;
  background: var(--ztc-bg-bg-13);
  z-index: 1;
}
.homepage6-body .vl-main-menu ul > li .sub-menu li a:hover::after {
  width: 50%;
  transition: all 0.4s;
}
.homepage6-body .vl-main-menu ul > li .sub-menu li a:before {
  display: none;
}
.homepage6-body .vl-main-menu ul > li .sub-menu li .sub-menu {
  left: 100%;
  top: 201%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform-origin: top;
  transform: scale(1, 0);
}
.homepage6-body .vl-main-menu ul > li .sub-menu li:hover > a {
  color: var(--ztc-text-text-15);
}
.homepage6-body .vl-main-menu ul > li .sub-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 201%;
  transform: scale(1);
}
.homepage6-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-15);
}
.homepage6-body .vl-main-menu ul > li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 201%;
  transform: scale(1);
  transition: all 0.4s;
}
.homepage6-body .vl-main-menu ul > li:hover .vl-mega-menu {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
  top: 201%;
  transform: scale(1);
}
.homepage6-body .vl-mega-menu {
  position: absolute;
  left: -275px;
  top: 100px;
  width: 1300px;
  background: var(--ztc-bg-bg-2);
  padding: 5px 25px 25px 25px;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  top: 201.3%;
  transform: scale(1, 0);
  transform-origin: top;
  border-radius: 4px;
  border-top: 5px solid var(--ztc-text-text-15);
  height: 550px;
  overflow-y: scroll;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .homepage6-body .vl-mega-menu {
    width: auto;
    opacity: 1;
    visibility: visible;
    transition: none;
    position: static;
    display: none;
    transform: scale(1);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .homepage6-body .vl-mega-menu {
    left: -240px;
    width: 1140px;
  }
}
.homepage6-body .vl-home-thumb {
  position: relative;
  z-index: 1;
  margin-top: 20px;
}
.homepage6-body .vl-home-thumb img {
  box-shadow: 0px 2px 6px rgba(1, 15, 28, 0.2);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage6-body .vl-home-thumb img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.homepage6-body .vl-home-thumb .img1 {
  position: relative;
  z-index: 1;
}
.homepage6-body .vl-home-thumb .img1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  transition: all 0.4s;
  top: 0;
  background: var(--ztc-text-text-2);
  border-radius: 4px;
  transform: scale(0.8);
  visibility: hidden;
  opacity: 0;
}
.homepage6-body .vl-home-thumb .btn-area1 {
  position: absolute;
  top: 20%;
  left: 50%;
  transition: all 0.6s;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  margin-top: -80px;
  margin-left: -75px;
}
@media (max-width: 767px) {
  .homepage6-body .vl-home-thumb .btn-area1 {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage6-body .vl-home-thumb .btn-area1 {
    margin-top: -100px;
  }
}
.homepage6-body .vl-home-thumb .btn-area1 .vl-btn11 {
  border-radius: 100px;
  background: var(--ztc-bg-bg-13);
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 16px;
  display: inline-block;
  line-height: 16px;
  height: 56px;
}
.homepage6-body .vl-home-thumb .btn-area1 .vl-btn11::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  transition: all 0.4s;
  left: 50%;
  background: var(--ztc-bg-bg-14);
  top: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.homepage6-body .vl-home-thumb .btn-area1 .vl-btn11:hover::after {
  width: 100%;
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  left: 0;
}
.homepage6-body .vl-home-thumb .btn-area1 .vl-btn11:hover .text {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  padding-right: 36px;
  padding-left: 0;
}
.homepage6-body .vl-home-thumb .btn-area1 .vl-btn11:hover .arrow {
  left: -40px;
}
.homepage6-body .vl-home-thumb .btn-area1 .vl-btn11:hover .arrow2 {
  right: 8px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
}
.homepage6-body .vl-home-thumb .btn-area1 .vl-btn11 .text {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  transition: all 0.4s;
  padding-left: 36px;
  position: relative;
  top: 3px;
}
.homepage6-body .vl-home-thumb .btn-area1 .vl-btn11 .arrow {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-1);
  border-radius: 50%;
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 9px;
}
.homepage6-body .vl-home-thumb .btn-area1 .vl-btn11 .arrow2 {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-1);
  border-radius: 50%;
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  right: -40px;
  top: 9px;
  transform: rotate(-45deg);
}
.homepage6-body .vl-home-thumb a {
  font-size: var(--ztc-font-size-font-s18);
  line-height: 18px;
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-1) !important;
  transition: all 0.4s;
  display: block;
  padding-top: 16px;
  text-align: center;
  font-family: var(--ztc-family-font2);
}
.homepage6-body .vl-home-thumb a:hover {
  color: var(--ztc-text-text-15) !important;
  transition: all 0.4s;
}
.homepage6-body .vl-home-thumb:hover .btn-area1 {
  visibility: visible;
  opacity: 1;
  transition: all 0.6s;
  top: 50%;
}
.homepage6-body .vl-home-thumb:hover .img1::after {
  transform: scale(1);
  transition: all 0.4s;
  visibility: visible;
  opacity: 0.8;
}
.homepage6-body .header-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  animation: 0.7s ease-in-out 0s normal none 1 running vlfadeInDown;
  background-color: var(--ztc-bg-bg-2);
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  border: none;
}

@keyframes vlfadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.vlfadeInDown {
  animation: vlfadeInDown 1s ease-out forwards;
}

/*============= HEADER CSS AREA ENDS ===============*/
/*============= HEADER CSS AREA ENDS ===============*/
.homepage7-body {
  overflow: hidden;
}
.homepage7-body .vl-transparent-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  padding: 40px 0 0;
}
@media (max-width: 767px) {
  .homepage7-body .vl-transparent-header {
    background: var(--ztc-bg-bg-1);
    padding: 16px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage7-body .vl-transparent-header {
    background: var(--ztc-bg-bg-1);
    padding: 16px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .homepage7-body .vl-transparent-header {
    background: var(--ztc-bg-bg-1);
    padding: 16px 0;
  }
}
.homepage7-body .vl-transparent-header .row_bg7 {
  background: var(--ztc-bg-bg-1);
  padding: 16px 8px;
  border-radius: 100px;
}
@media (max-width: 767px) {
  .homepage7-body .vl-transparent-header .row_bg7 {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage7-body .vl-transparent-header .row_bg7 {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .homepage7-body .vl-transparent-header .row_bg7 {
    padding: 0;
  }
}
.homepage7-body .vl-transparent-header .vl-logo img {
  width: 130px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.homepage7-body .vl-transparent-header .vl-hero-btn {
  display: flex !important;
  align-items: center;
}
@media (max-width: 767px) {
  .homepage7-body .vl-transparent-header .vl-hero-btn {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage7-body .vl-transparent-header .vl-hero-btn {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .homepage7-body .vl-transparent-header .vl-hero-btn {
    display: none !important;
  }
}
.homepage7-body .vl-transparent-header .vl-hero-btn .search-icon a {
  padding: 0 6px 0 0;
  margin: 0 12px 0 0;
  border-right: 1px solid #B8BBBE;
  display: inline-block;
}
.homepage7-body .vl-main-menu ul {
  text-align: center;
}
.homepage7-body .vl-main-menu ul > li {
  display: inline-block;
  position: relative;
}
.homepage7-body .vl-main-menu ul > li .span-arrow {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.homepage7-body .vl-main-menu ul > li a.nav-link.active {
  color: var(--ztc-text-text-17);
  background: none;
}
.homepage7-body .vl-main-menu ul > li > a {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  display: inline-block;
  position: relative;
  transition: 0.4s;
  padding: 0 14px;
  font-weight: var(--ztc-weight-regular);
}
.homepage7-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-17);
}
.homepage7-body .vl-main-menu ul > li .sub-menu {
  position: absolute;
  top: 201%;
  width: 220px;
  left: 0;
  background: var(--ztc-bg-bg-1);
  padding: 12px 20px 24px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  transition: 0.4s;
  border-radius: 4px;
  transform-origin: top;
  transform: scale(1, 0);
}
.homepage7-body .vl-main-menu ul > li .sub-menu::after {
  position: absolute;
  content: "";
  height: 2px;
  left: 0;
  width: 100%;
  background: var(--ztc-bg-bg-15);
  top: 0;
}
.homepage7-body .vl-main-menu ul > li .sub-menu.menu1 {
  top: 20% !important;
}
.homepage7-body .vl-main-menu ul > li .sub-menu li {
  margin-right: 0;
  display: block;
  text-align: start;
}
.homepage7-body .vl-main-menu ul > li .sub-menu li a {
  color: var(--ztc-text-text-16);
  display: inline-block;
  font-size: var(--ztc-font-size-font-s18);
  position: relative;
  z-index: 1;
  padding: 12px 0 0 0;
  font-weight: var(--ztc-weight-medium);
}
.homepage7-body .vl-main-menu ul > li .sub-menu li a::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 0;
  transition: all 0.4s;
  left: 0;
  bottom: 0;
  background: var(--ztc-bg-bg-15);
  z-index: 1;
}
.homepage7-body .vl-main-menu ul > li .sub-menu li a:hover::after {
  width: 50%;
  transition: all 0.4s;
}
.homepage7-body .vl-main-menu ul > li .sub-menu li a:before {
  display: none;
}
.homepage7-body .vl-main-menu ul > li .sub-menu li .sub-menu {
  left: 100%;
  top: 201%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform-origin: top;
  transform: scale(1, 0);
}
.homepage7-body .vl-main-menu ul > li .sub-menu li:hover > a {
  color: var(--ztc-text-text-17);
}
.homepage7-body .vl-main-menu ul > li .sub-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 201%;
  transform: scale(1);
}
.homepage7-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-17);
}
.homepage7-body .vl-main-menu ul > li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 201%;
  transform: scale(1);
  transition: all 0.4s;
}
.homepage7-body .vl-main-menu ul > li:hover .vl-mega-menu {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
  top: 201%;
  transform: scale(1);
}
.homepage7-body .vl-mega-menu {
  position: absolute;
  left: -275px;
  top: 100px;
  width: 1300px;
  background: var(--ztc-bg-bg-1);
  padding: 5px 25px 25px 25px;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  top: 201.3%;
  transform: scale(1, 0);
  transform-origin: top;
  border-radius: 4px;
  border-top: 5px solid var(--ztc-text-text-16);
  height: 550px;
  overflow-y: scroll;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .homepage7-body .vl-mega-menu {
    width: auto;
    opacity: 1;
    visibility: visible;
    transition: none;
    position: static;
    display: none;
    transform: scale(1);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .homepage7-body .vl-mega-menu {
    left: -240px;
    width: 1140px;
  }
}
.homepage7-body .vl-home-thumb {
  position: relative;
  z-index: 1;
  margin-top: 20px;
}
.homepage7-body .vl-home-thumb img {
  box-shadow: 0px 2px 6px rgba(1, 15, 28, 0.2);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage7-body .vl-home-thumb img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.homepage7-body .vl-home-thumb .img1 {
  position: relative;
  z-index: 1;
}
.homepage7-body .vl-home-thumb .img1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  transition: all 0.4s;
  top: 0;
  background: var(--ztc-text-text-16);
  border-radius: 4px;
  transform: scale(0.8);
  visibility: hidden;
  opacity: 0;
}
.homepage7-body .vl-home-thumb .btn-area1 {
  position: absolute;
  top: 20%;
  left: 50%;
  transition: all 0.6s;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  margin-top: -75px;
  margin-left: -75px;
}
@media (max-width: 767px) {
  .homepage7-body .vl-home-thumb .btn-area1 {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage7-body .vl-home-thumb .btn-area1 {
    margin-top: -100px;
  }
}
.homepage7-body .vl-home-thumb .btn-area1 .vl-btn12 {
  border-radius: 100px;
  background: var(--ztc-bg-bg-15);
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 16px;
  display: inline-block;
  height: 56px;
  line-height: 16px;
}
.homepage7-body .vl-home-thumb .btn-area1 .vl-btn12::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  transition: all 0.4s;
  left: 50%;
  background: var(--ztc-bg-bg-15);
  top: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.homepage7-body .vl-home-thumb .btn-area1 .vl-btn12:hover::after {
  width: 100%;
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  left: 0;
}
.homepage7-body .vl-home-thumb .btn-area1 .vl-btn12:hover .text {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  padding-right: 36px;
  padding-left: 0;
}
.homepage7-body .vl-home-thumb .btn-area1 .vl-btn12:hover .arrow {
  left: -40px;
}
.homepage7-body .vl-home-thumb .btn-area1 .vl-btn12:hover .arrow2 {
  right: 8px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
}
.homepage7-body .vl-home-thumb .btn-area1 .vl-btn12 .text {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  transition: all 0.4s;
  padding-left: 36px;
  position: relative;
  top: 3px;
}
.homepage7-body .vl-home-thumb .btn-area1 .vl-btn12 .arrow {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-1);
  border-radius: 4px;
  color: var(--ztc-text-text-16);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 9px;
  border-radius: 50%;
}
.homepage7-body .vl-home-thumb .btn-area1 .vl-btn12 .arrow2 {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--ztc-bg-bg-1);
  border-radius: 4px;
  color: var(--ztc-text-text-16);
  transition: all 0.4s;
  display: inline-block;
  position: absolute;
  right: -40px;
  top: 9px;
  rotate: 0;
  border-radius: 50%;
}
.homepage7-body .vl-home-thumb a {
  font-size: var(--ztc-font-size-font-s18);
  line-height: 18px;
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-16) !important;
  transition: all 0.4s;
  display: block;
  padding-top: 16px;
  text-align: center;
  font-family: var(--ztc-family-font2);
}
.homepage7-body .vl-home-thumb a:hover {
  color: var(--ztc-text-text-17) !important;
  transition: all 0.4s;
}
.homepage7-body .vl-home-thumb:hover .btn-area1 {
  visibility: visible;
  opacity: 1;
  transition: all 0.6s;
  top: 50%;
}
.homepage7-body .vl-home-thumb:hover .img1::after {
  transform: scale(1);
  transition: all 0.4s;
  visibility: visible;
  opacity: 0.8;
}
.homepage7-body .header-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  animation: 0.7s ease-in-out 0s normal none 1 running vlfadeInDown;
  background-color: var(--ztc-bg-bg-1);
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  padding: 16px 0;
}
.homepage7-body .header-sticky .row_bg7 {
  padding: 0;
  transition: all 0.4s;
}

@keyframes vlfadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.vlfadeInDown {
  animation: vlfadeInDown 1s ease-out forwards;
}

/*============= HEADER CSS AREA ENDS ===============*/
/*============= HEADER CSS AREA ENDS ===============*/
.homepage8-body {
  overflow: hidden;
}
.homepage8-body .vl-transparent-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(1.5px);
}
@media (max-width: 767px) {
  .homepage8-body .vl-transparent-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(0, 0, 0, 0.76);
    box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
    backdrop-filter: blur(1.5px);
    padding: 16px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage8-body .vl-transparent-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(0, 0, 0, 0.76);
    box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
    backdrop-filter: blur(1.5px);
    padding: 16px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .homepage8-body .vl-transparent-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(0, 0, 0, 0.76);
    box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
    backdrop-filter: blur(1.5px);
    padding: 16px 0;
  }
}
.homepage8-body .vl-transparent-header .vl-logo img {
  width: 130px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.homepage8-body .vl-transparent-header .vl-hero-btn {
  display: flex !important;
  align-items: center;
  justify-content: end;
}
@media (max-width: 767px) {
  .homepage8-body .vl-transparent-header .vl-hero-btn {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage8-body .vl-transparent-header .vl-hero-btn {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .homepage8-body .vl-transparent-header .vl-hero-btn {
    display: none !important;
  }
}
.homepage8-body .vl-transparent-header .vl-hero-btn .search-icon a {
  padding: 0 6px 0 0;
  margin: 0 12px 0 0;
  border-right: 1px solid #B8BBBE;
  display: inline-block;
  color: var(--ztc-text-text-1);
  filter: brightness(0) invert(1);
}
.homepage8-body .vl-main-menu ul {
  text-align: center;
}
.homepage8-body .vl-main-menu ul > li {
  display: inline-block;
  position: relative;
}
.homepage8-body .vl-main-menu ul > li .span-arrow {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.homepage8-body .vl-main-menu ul > li a.nav-link.active {
  color: var(--ztc-text-text-20);
  background: none;
}
.homepage8-body .vl-main-menu ul > li > a {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  display: inline-block;
  position: relative;
  transition: 0.4s;
  padding: 0 14px;
  font-weight: var(--ztc-weight-regular);
}
.homepage8-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-20);
}
.homepage8-body .vl-main-menu ul > li .sub-menu {
  position: absolute;
  top: 201%;
  width: 220px;
  left: 0;
  background: var(--ztc-bg-bg-1);
  padding: 12px 20px 24px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  transition: 0.4s;
  border-radius: 4px;
  transform-origin: top;
  transform: scale(1, 0);
}
.homepage8-body .vl-main-menu ul > li .sub-menu::after {
  position: absolute;
  content: "";
  height: 2px;
  left: 0;
  width: 100%;
  background: var(--ztc-bg-bg-18);
  top: 0;
}
.homepage8-body .vl-main-menu ul > li .sub-menu.menu1 {
  top: 20% !important;
}
.homepage8-body .vl-main-menu ul > li .sub-menu li {
  margin-right: 0;
  display: block;
  text-align: start;
}
.homepage8-body .vl-main-menu ul > li .sub-menu li a {
  color: var(--ztc-text-text-18);
  display: inline-block;
  font-size: var(--ztc-font-size-font-s18);
  position: relative;
  z-index: 1;
  padding: 12px 0 0 0;
  font-weight: var(--ztc-weight-medium);
}
.homepage8-body .vl-main-menu ul > li .sub-menu li a::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 0;
  transition: all 0.4s;
  left: 0;
  bottom: 0;
  background: var(--ztc-bg-bg-18);
  z-index: 1;
}
.homepage8-body .vl-main-menu ul > li .sub-menu li a:hover::after {
  width: 50%;
  transition: all 0.4s;
}
.homepage8-body .vl-main-menu ul > li .sub-menu li a:before {
  display: none;
}
.homepage8-body .vl-main-menu ul > li .sub-menu li .sub-menu {
  left: 100%;
  top: 201%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform-origin: top;
  transform: scale(1, 0);
}
.homepage8-body .vl-main-menu ul > li .sub-menu li:hover > a {
  color: var(--ztc-text-text-20);
}
.homepage8-body .vl-main-menu ul > li .sub-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 201%;
  transform: scale(1);
}
.homepage8-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-20);
}
.homepage8-body .vl-main-menu ul > li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 201%;
  transform: scale(1);
  transition: all 0.4s;
}
.homepage8-body .vl-main-menu ul > li:hover .vl-mega-menu {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
  top: 201%;
  transform: scale(1);
}
.homepage8-body .vl-mega-menu {
  position: absolute;
  left: -285px;
  top: 100px;
  width: 1300px;
  background: var(--ztc-bg-bg-1);
  padding: 5px 25px 25px 25px;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  top: 201.3%;
  transform: scale(1, 0);
  transform-origin: top;
  border-radius: 4px;
  border-top: 5px solid var(--ztc-text-text-20);
  height: 550px;
  overflow-y: scroll;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .homepage8-body .vl-mega-menu {
    width: auto;
    opacity: 1;
    visibility: visible;
    transition: none;
    position: static;
    display: none;
    transform: scale(1);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .homepage8-body .vl-mega-menu {
    left: -240px;
    width: 1140px;
  }
}
.homepage8-body .vl-home-thumb {
  position: relative;
  z-index: 1;
  margin-top: 20px;
}
.homepage8-body .vl-home-thumb img {
  box-shadow: 0px 2px 6px rgba(1, 15, 28, 0.2);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage8-body .vl-home-thumb img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.homepage8-body .vl-home-thumb .img1 {
  position: relative;
  z-index: 1;
}
.homepage8-body .vl-home-thumb .img1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  transition: all 0.4s;
  top: 0;
  background: var(--ztc-text-text-18);
  border-radius: 4px;
  transform: scale(0.8);
  visibility: hidden;
  opacity: 0;
}
.homepage8-body .vl-home-thumb .btn-area1 {
  position: absolute;
  top: 20%;
  left: 50%;
  transition: all 0.6s;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  margin-top: -75px;
  margin-left: -75px;
}
@media (max-width: 767px) {
  .homepage8-body .vl-home-thumb .btn-area1 {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage8-body .vl-home-thumb .btn-area1 {
    margin-top: -100px;
  }
}
.homepage8-body .vl-home-thumb .btn-area1 .vl-btn14 {
  color: var(--ztc-text-text-1) !important;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-18);
  padding: 18px 22px;
  transition: all 0.4s;
  display: inline-block;
  height: 54px;
  line-height: 16px;
  width: 150px;
}
.homepage8-body .vl-home-thumb .btn-area1 .vl-btn14:hover {
  background: var(--ztc-bg-bg-17);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}
.homepage8-body .vl-home-thumb a {
  font-size: var(--ztc-font-size-font-s18);
  line-height: 18px;
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-16) !important;
  transition: all 0.4s;
  display: block;
  padding-top: 16px;
  text-align: center;
  font-family: var(--ztc-family-font2);
}
.homepage8-body .vl-home-thumb a:hover {
  color: var(--ztc-text-text-20) !important;
  transition: all 0.4s;
}
.homepage8-body .vl-home-thumb:hover .btn-area1 {
  visibility: visible;
  opacity: 1;
  transition: all 0.6s;
  top: 50%;
}
.homepage8-body .vl-home-thumb:hover .img1::after {
  transform: scale(1);
  transition: all 0.4s;
  visibility: visible;
  opacity: 0.8;
}
.homepage8-body .header-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  animation: 0.7s ease-in-out 0s normal none 1 running vlfadeInDown;
  background-color: rgba(0, 0, 0, 0.76);
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  padding: 16px 0;
}

@keyframes vlfadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.vlfadeInDown {
  animation: vlfadeInDown 1s ease-out forwards;
}

/*============= HEADER CSS AREA ENDS ===============*/
/*============= HEADER CSS AREA ENDS ===============*/
.homepage9-body {
  overflow: hidden;
}
.homepage9-body .vl-transparent-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  padding: 24px 0 0;
}
@media (max-width: 767px) {
  .homepage9-body .vl-transparent-header {
    background: var(--ztc-bg-bg-1);
    padding: 16px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage9-body .vl-transparent-header {
    background: var(--ztc-bg-bg-1);
    padding: 16px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .homepage9-body .vl-transparent-header {
    background: var(--ztc-bg-bg-1);
    padding: 16px 0;
  }
}
.homepage9-body .vl-transparent-header .row_bg7 {
  background: var(--ztc-bg-bg-1);
  padding: 16px 0;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .homepage9-body .vl-transparent-header .row_bg7 {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage9-body .vl-transparent-header .row_bg7 {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .homepage9-body .vl-transparent-header .row_bg7 {
    padding: 0;
  }
}
.homepage9-body .vl-transparent-header .vl-logo img {
  width: 130px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.homepage9-body .vl-transparent-header .vl-hero-btn {
  display: flex !important;
  align-items: center;
  justify-content: end;
}
@media (max-width: 767px) {
  .homepage9-body .vl-transparent-header .vl-hero-btn {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage9-body .vl-transparent-header .vl-hero-btn {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .homepage9-body .vl-transparent-header .vl-hero-btn {
    display: none !important;
  }
}
.homepage9-body .vl-transparent-header .vl-hero-btn .search-icon a {
  padding: 0 6px 0 0;
  margin: 0 12px 0 0;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  display: inline-block;
  filter: brightness(0);
}
.homepage9-body .vl-main-menu ul {
  text-align: center;
}
.homepage9-body .vl-main-menu ul > li {
  display: inline-block;
  position: relative;
}
.homepage9-body .vl-main-menu ul > li .span-arrow {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.homepage9-body .vl-main-menu ul > li a.nav-link.active {
  color: var(--ztc-text-text-23);
  background: none;
}
.homepage9-body .vl-main-menu ul > li > a {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  display: inline-block;
  position: relative;
  transition: 0.4s;
  padding: 0 14px;
  font-weight: var(--ztc-weight-regular);
}
.homepage9-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-23);
}
.homepage9-body .vl-main-menu ul > li .sub-menu {
  position: absolute;
  top: 201%;
  width: 220px;
  left: 0;
  background: var(--ztc-bg-bg-1);
  padding: 12px 20px 24px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  transition: 0.4s;
  border-radius: 4px;
  transform-origin: top;
  transform: scale(1, 0);
}
.homepage9-body .vl-main-menu ul > li .sub-menu::after {
  position: absolute;
  content: "";
  height: 2px;
  left: 0;
  width: 100%;
  background: var(--ztc-bg-bg-22);
  top: 0;
}
.homepage9-body .vl-main-menu ul > li .sub-menu.menu1 {
  top: 20% !important;
}
.homepage9-body .vl-main-menu ul > li .sub-menu li {
  margin-right: 0;
  display: block;
  text-align: start;
}
.homepage9-body .vl-main-menu ul > li .sub-menu li a {
  color: var(--ztc-text-text-21);
  display: inline-block;
  font-size: var(--ztc-font-size-font-s18);
  position: relative;
  z-index: 1;
  padding: 12px 0 0 0;
  font-weight: var(--ztc-weight-medium);
}
.homepage9-body .vl-main-menu ul > li .sub-menu li a::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 0;
  transition: all 0.4s;
  left: 0;
  bottom: 0;
  background: var(--ztc-bg-bg-22);
  z-index: 1;
}
.homepage9-body .vl-main-menu ul > li .sub-menu li a:hover::after {
  width: 50%;
  transition: all 0.4s;
}
.homepage9-body .vl-main-menu ul > li .sub-menu li a:before {
  display: none;
}
.homepage9-body .vl-main-menu ul > li .sub-menu li .sub-menu {
  left: 100%;
  top: 201%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform-origin: top;
  transform: scale(1, 0);
}
.homepage9-body .vl-main-menu ul > li .sub-menu li:hover > a {
  color: var(--ztc-text-text-23);
}
.homepage9-body .vl-main-menu ul > li .sub-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 201%;
  transform: scale(1);
}
.homepage9-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-23);
}
.homepage9-body .vl-main-menu ul > li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 201%;
  transform: scale(1);
  transition: all 0.4s;
}
.homepage9-body .vl-main-menu ul > li:hover .vl-mega-menu {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
  top: 201%;
  transform: scale(1);
}
.homepage9-body .vl-mega-menu {
  position: absolute;
  left: -290px;
  top: 100px;
  width: 1300px;
  background: var(--ztc-bg-bg-1);
  padding: 5px 25px 25px 25px;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  top: 201.3%;
  transform: scale(1, 0);
  transform-origin: top;
  border-radius: 4px;
  border-top: 5px solid var(--ztc-text-text-23);
  height: 550px;
  overflow-y: scroll;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .homepage9-body .vl-mega-menu {
    width: auto;
    opacity: 1;
    visibility: visible;
    transition: none;
    position: static;
    display: none;
    transform: scale(1);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .homepage9-body .vl-mega-menu {
    left: -240px;
    width: 1140px;
  }
}
.homepage9-body .vl-home-thumb {
  position: relative;
  z-index: 1;
  margin-top: 20px;
}
.homepage9-body .vl-home-thumb img {
  box-shadow: 0px 2px 6px rgba(1, 15, 28, 0.2);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage9-body .vl-home-thumb img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.homepage9-body .vl-home-thumb .img1 {
  position: relative;
  z-index: 1;
}
.homepage9-body .vl-home-thumb .img1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  transition: all 0.4s;
  top: 0;
  background: var(--ztc-text-text-16);
  border-radius: 4px;
  transform: scale(0.8);
  visibility: hidden;
  opacity: 0;
}
.homepage9-body .vl-home-thumb .btn-area1 {
  position: absolute;
  top: 20%;
  left: 50%;
  transition: all 0.6s;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  margin-top: -80px;
  margin-left: -80px;
}
@media (max-width: 767px) {
  .homepage9-body .vl-home-thumb .btn-area1 {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage9-body .vl-home-thumb .btn-area1 {
    margin-top: -100px;
  }
}
.homepage9-body .vl-home-thumb .btn-area1 .vl-btn19 {
  color: var(--ztc-text-text-1) !important;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-22);
  padding: 18px 22px;
  transition: all 0.4s;
  display: inline-block;
  width: 160px;
}
.homepage9-body .vl-home-thumb .btn-area1 .vl-btn19:hover {
  background: var(--ztc-bg-bg-21);
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}
.homepage9-body .vl-home-thumb .btn-area1 .vl-btn19:hover i {
  transform: rotate(0);
  transition: all 0.4s;
}
.homepage9-body .vl-home-thumb .btn-area1 .vl-btn19 i {
  margin-left: 4px;
  transform: rotate(-45deg);
  transition: all 0.4s;
}
.homepage9-body .vl-home-thumb a {
  font-size: var(--ztc-font-size-font-s18);
  line-height: 18px;
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-16) !important;
  transition: all 0.4s;
  display: block;
  padding-top: 16px;
  text-align: center;
  font-family: var(--ztc-family-font2);
}
.homepage9-body .vl-home-thumb a:hover {
  color: var(--ztc-text-text-23) !important;
  transition: all 0.4s;
}
.homepage9-body .vl-home-thumb:hover .btn-area1 {
  visibility: visible;
  opacity: 1;
  transition: all 0.6s;
  top: 50%;
}
.homepage9-body .vl-home-thumb:hover .img1::after {
  transform: scale(1);
  transition: all 0.4s;
  visibility: visible;
  opacity: 0.8;
}
.homepage9-body .header-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  animation: 0.7s ease-in-out 0s normal none 1 running vlfadeInDown;
  background-color: var(--ztc-bg-bg-1);
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  padding: 16px 0;
}
.homepage9-body .header-sticky .row_bg7 {
  padding: 0;
  transition: all 0.4s;
}

@keyframes vlfadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.vlfadeInDown {
  animation: vlfadeInDown 1s ease-out forwards;
}

/*============= HEADER CSS AREA ENDS ===============*/
/*============= HEADER CSS AREA ENDS ===============*/
.homepage10-body {
  overflow: hidden;
}
.homepage10-body .vl-transparent-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  padding: 16px 0;
  border-bottom: 1px solid rgba(0, 1, 18, 0.2);
}
@media (max-width: 767px) {
  .homepage10-body .vl-transparent-header {
    background: var(--ztc-bg-bg-1);
    padding: 16px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage10-body .vl-transparent-header {
    background: var(--ztc-bg-bg-1);
    padding: 16px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .homepage10-body .vl-transparent-header {
    background: var(--ztc-bg-bg-1);
    padding: 16px 0;
  }
}
.homepage10-body .vl-transparent-header .vl-logo img {
  width: 130px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.homepage10-body .vl-transparent-header .vl-hero-btn {
  display: flex !important;
  align-items: center;
  justify-content: end;
}
@media (max-width: 767px) {
  .homepage10-body .vl-transparent-header .vl-hero-btn {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage10-body .vl-transparent-header .vl-hero-btn {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .homepage10-body .vl-transparent-header .vl-hero-btn {
    display: none !important;
  }
}
.homepage10-body .vl-transparent-header .vl-hero-btn .search-icon a {
  padding: 0 6px 0 0;
  margin: 0 12px 0 0;
  border-right: 1px solid rgba(238, 238, 238, 0.3);
  display: inline-block;
  filter: brightness(0);
}
.homepage10-body .vl-main-menu ul {
  text-align: center;
}
.homepage10-body .vl-main-menu ul > li {
  display: inline-block;
  position: relative;
}
.homepage10-body .vl-main-menu ul > li .span-arrow {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.homepage10-body .vl-main-menu ul > li a.nav-link.active {
  color: var(--ztc-text-text-26);
  background: none;
}
.homepage10-body .vl-main-menu ul > li > a {
  color: var(--ztc-text-text-24);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  display: inline-block;
  position: relative;
  transition: 0.4s;
  padding: 0 14px;
  font-weight: var(--ztc-weight-regular);
}
.homepage10-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-26);
}
.homepage10-body .vl-main-menu ul > li .sub-menu {
  position: absolute;
  top: 201%;
  width: 220px;
  left: 0;
  background: var(--ztc-bg-bg-1);
  padding: 12px 20px 24px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  transition: 0.4s;
  border-radius: 4px;
  transform-origin: top;
  transform: scale(1, 0);
}
.homepage10-body .vl-main-menu ul > li .sub-menu::after {
  position: absolute;
  content: "";
  height: 2px;
  left: 0;
  width: 100%;
  background: var(--ztc-bg-bg-24);
  top: 0;
}
.homepage10-body .vl-main-menu ul > li .sub-menu.menu1 {
  top: 20% !important;
}
.homepage10-body .vl-main-menu ul > li .sub-menu li {
  margin-right: 0;
  display: block;
  text-align: start;
}
.homepage10-body .vl-main-menu ul > li .sub-menu li a {
  color: var(--ztc-text-text-24);
  display: inline-block;
  font-size: var(--ztc-font-size-font-s18);
  position: relative;
  z-index: 1;
  padding: 12px 0 0 0;
  font-weight: var(--ztc-weight-medium);
}
.homepage10-body .vl-main-menu ul > li .sub-menu li a::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 0;
  transition: all 0.4s;
  left: 0;
  bottom: 0;
  background: var(--ztc-bg-bg-24);
  z-index: 1;
}
.homepage10-body .vl-main-menu ul > li .sub-menu li a:hover::after {
  width: 50%;
  transition: all 0.4s;
}
.homepage10-body .vl-main-menu ul > li .sub-menu li a:before {
  display: none;
}
.homepage10-body .vl-main-menu ul > li .sub-menu li .sub-menu {
  left: 100%;
  top: 201%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform-origin: top;
  transform: scale(1, 0);
}
.homepage10-body .vl-main-menu ul > li .sub-menu li:hover > a {
  color: var(--ztc-text-text-26);
}
.homepage10-body .vl-main-menu ul > li .sub-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 201%;
  transform: scale(1);
}
.homepage10-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-26);
}
.homepage10-body .vl-main-menu ul > li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 201%;
  transform: scale(1);
  transition: all 0.4s;
}
.homepage10-body .vl-main-menu ul > li:hover .vl-mega-menu {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
  top: 201%;
  transform: scale(1);
}
.homepage10-body .vl-mega-menu {
  position: absolute;
  left: -290px;
  top: 100px;
  width: 1300px;
  background: var(--ztc-bg-bg-1);
  padding: 5px 25px 25px 25px;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  top: 201.3%;
  transform: scale(1, 0);
  transform-origin: top;
  border-radius: 4px;
  border-top: 5px solid var(--ztc-bg-bg-22);
  height: 550px;
  overflow-y: scroll;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .homepage10-body .vl-mega-menu {
    width: auto;
    opacity: 1;
    visibility: visible;
    transition: none;
    position: static;
    display: none;
    transform: scale(1);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .homepage10-body .vl-mega-menu {
    left: -240px;
    width: 1140px;
  }
}
.homepage10-body .vl-home-thumb {
  position: relative;
  z-index: 1;
  margin-top: 20px;
}
.homepage10-body .vl-home-thumb img {
  box-shadow: 0px 2px 6px rgba(1, 15, 28, 0.2);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage10-body .vl-home-thumb img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.homepage10-body .vl-home-thumb .img1 {
  position: relative;
  z-index: 1;
}
.homepage10-body .vl-home-thumb .img1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  transition: all 0.4s;
  top: 0;
  background: var(--ztc-text-text-24);
  border-radius: 4px;
  transform: scale(0.8);
  visibility: hidden;
  opacity: 0;
}
.homepage10-body .vl-home-thumb .btn-area1 {
  position: absolute;
  top: 20%;
  left: 50%;
  transition: all 0.6s;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  margin-top: -80px;
  margin-left: -80px;
}
@media (max-width: 767px) {
  .homepage10-body .vl-home-thumb .btn-area1 {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage10-body .vl-home-thumb .btn-area1 {
    margin-top: -100px;
  }
}
.homepage10-body .vl-home-thumb .btn-area1 .vl-btn21 {
  color: var(--ztc-text-text-1) !important;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  border-radius: 8px;
  background: var(--ztc-bg-bg-24);
  padding: 18px 20px;
  transition: all 0.4s;
  display: inline-block;
  border: 4px solid #956BF4;
  width: 165px;
}
.homepage10-body .vl-home-thumb .btn-area1 .vl-btn21:hover {
  transition: all 0.4s;
  transform: translateY(-5px);
  color: var(--ztc-text-text-1);
}
.homepage10-body .vl-home-thumb .btn-area1 .vl-btn21:hover::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  width: 100%;
  left: 0;
}
.homepage10-body .vl-home-thumb .btn-area1 .vl-btn21:hover i {
  transform: rotate(0);
  transition: all 0.4s;
}
.homepage10-body .vl-home-thumb .btn-area1 .vl-btn21::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  left: 50%;
  transition: all 0.4s;
  border-radius: 8px;
  background: var(--ztc-bg-bg-21);
  top: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.homepage10-body .vl-home-thumb .btn-area1 .vl-btn21 i {
  margin-left: 4px;
  transform: rotate(-45deg);
  transition: all 0.4s;
}
.homepage10-body .vl-home-thumb a {
  font-size: var(--ztc-font-size-font-s18);
  line-height: 18px;
  font-weight: var(--ztc-weight-medium);
  color: var(--ztc-text-text-24) !important;
  transition: all 0.4s;
  display: block;
  padding-top: 16px;
  text-align: center;
  font-family: var(--ztc-family-font2);
}
.homepage10-body .vl-home-thumb a:hover {
  color: var(--ztc-text-text-26) !important;
  transition: all 0.4s;
}
.homepage10-body .vl-home-thumb:hover .btn-area1 {
  visibility: visible;
  opacity: 1;
  transition: all 0.6s;
  top: 50%;
}
.homepage10-body .vl-home-thumb:hover .img1::after {
  transform: scale(1);
  transition: all 0.4s;
  visibility: visible;
  opacity: 0.8;
}
.homepage10-body .header-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  animation: 0.7s ease-in-out 0s normal none 1 running vlfadeInDown;
  background-color: var(--ztc-bg-bg-1);
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  padding: 16px 0;
}
.homepage10-body .header-sticky .row_bg7 {
  padding: 0;
  transition: all 0.4s;
}

@keyframes vlfadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.vlfadeInDown {
  animation: vlfadeInDown 1s ease-out forwards;
}

/*============= HEADER CSS AREA ENDS ===============*/
/*============= HEADER CSS AREA ENDS ===============*/
.preview-body {
  overflow: hidden;
}
.preview-body .vl-transparent-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px) {
  .preview-body .vl-transparent-header {
    background: var(--ztc-bg-bg-2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .preview-body .vl-transparent-header {
    background: var(--ztc-bg-bg-2);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .preview-body .vl-transparent-header {
    background: var(--ztc-bg-bg-2);
  }
}
.preview-body .vl-transparent-header .vl-logo img {
  width: 130px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.preview-body .vl-main-menu ul {
  text-align: center;
}
.preview-body .vl-main-menu ul > li {
  display: inline-block;
  position: relative;
}
.preview-body .vl-main-menu ul > li .span-arrow {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.preview-body .vl-main-menu ul > li a.nav-link.active {
  color: var(--ztc-text-text-5);
  background: none;
}
.preview-body .vl-main-menu ul > li > a {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  display: inline-block;
  position: relative;
  transition: 0.4s;
  padding: 0 16px;
  font-weight: var(--ztc-weight-medium);
}
.preview-body .vl-main-menu ul > li:hover a {
  color: var(--ztc-text-text-5);
}
.preview-body .header-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  animation: 0.7s ease-in-out 0s normal none 1 running vlfadeInDown;
  background: var(--ztc-bg-bg-2);
}

@keyframes vlfadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.vlfadeInDown {
  animation: vlfadeInDown 1s ease-out forwards;
}

/*============= HEADER CSS AREA ENDS ===============*/
/*============= WORK CSS AREA ===============*/
.work_3_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #F8F9FD;
}

.working_3_box_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
}
.working_3_box_section::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 12px;
  background: rgba(40, 53, 44, 0.6);
  z-index: -1;
}

.working_3_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 30px;
  transition: all 0.8s;
  top: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .working_3_boxarea {
    top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .working_3_boxarea {
    top: 0;
  }
}
@media (max-width: 767px) {
  .working_3_boxarea {
    top: 0;
  }
}
.working_3_boxarea::after {
  position: absolute;
  content: "";
  height: 0;
  width: 100%;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(1, 176, 112, 0) 0%, #01B070 100%);
  transition: all 0.6s;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .working_3_boxarea::after {
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .working_3_boxarea::after {
    height: 100%;
  }
}
@media (max-width: 767px) {
  .working_3_boxarea::after {
    height: 100%;
  }
}
.working_3_boxarea:hover {
  top: 0;
  transition: all 0.8s;
}
.working_3_boxarea:hover::after {
  height: 100%;
  transition: all 0.6s;
}
.working_3_boxarea:hover .btn_area2_work {
  visibility: visible;
  opacity: 1;
  transition: all 0.8s;
  transform: scale(1);
}
.working_3_boxarea:hover .working_3_content_area h3 {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.working_3_boxarea.active {
  top: 0;
  transition: all 0.8s;
}
.working_3_boxarea.active::after {
  height: 100%;
  transition: all 0.6s;
}
.working_3_boxarea.active .btn_area2_work {
  visibility: visible;
  opacity: 1;
  transition: all 0.8s;
  transform: scale(1);
}
.working_3_boxarea.active .working_3_content_area h3 {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.btn_area2_work {
  text-align: -webkit-center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.8s;
  transform: scale(0.7);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .btn_area2_work {
    visibility: visible;
    opacity: 1;
    transition: all 0.8s;
    transform: scale(1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn_area2_work {
    visibility: visible;
    opacity: 1;
    transition: all 0.8s;
    transform: scale(1);
  }
}
@media (max-width: 767px) {
  .btn_area2_work {
    visibility: visible;
    opacity: 1;
    transition: all 0.8s;
    transform: scale(1);
  }
}
.btn_area2_work .work_3_btn {
  height: 158px;
  width: 158px;
  text-align: center;
  background: var(--ztc-bg-bg-1);
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
.btn_area2_work .work_3_btn:hover {
  transform: translateY(-10px);
  transition: all 0.4s;
  background: var(--ztc-bg-bg-6);
  transition: all 0.4s;
}
.btn_area2_work .work_3_btn:hover .text {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.btn_area2_work .work_3_btn .arrow {
  height: 36px;
  width: 36px;
  text-align: center;
  line-height: 34px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-5);
  display: inline-block;
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s18);
  transform: rotate(-45deg);
}
.btn_area2_work .work_3_btn .text {
  color: var(--ztc-text-text-7);
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: block;
  padding-top: 16px;
  transition: all 0.4s;
}

.working_3_content_area h3 {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 52px;
  text-transform: capitalize;
  background: transparent;
  transition: all 0.4s;
}
.working_3_content_area .title {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
  transition: all 0.4s;
}
.working_3_content_area .title:hover {
  color: var(--ztc-text-text-7);
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .working_3_content_area .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .working_3_content_area .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
.working_3_content_area p {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.corporate_works_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.service_btn5 {
  text-align: end;
}
@media (max-width: 767px) {
  .service_btn5 {
    text-align: start;
    margin-top: 24px;
  }
}

.corporate_7_tabs_area ul {
  display: block;
  border: none;
}
.corporate_7_tabs_area ul li {
  display: block;
  margin-bottom: 30px;
}
.corporate_7_tabs_area ul li:nth-last-child(1) {
  margin-bottom: 0;
}
.corporate_7_tabs_area ul li button {
  width: 100%;
  text-align: start;
  border-radius: 12px;
  background: #D7E0E4 !important;
  backdrop-filter: blur(50px);
  padding: 24px;
  align-items: center;
  display: flex;
  align-items: center;
  border: none !important;
  outline: none;
}
.corporate_7_tabs_area ul li button.active {
  background: var(--ztc-bg-bg-15) !important;
  transition: all 0.4s;
}
.corporate_7_tabs_area ul li button.active .icons {
  background: var(--ztc-bg-bg-1);
  transition: all 0.4s;
}
.corporate_7_tabs_area ul li button.active .icons img {
  filter: none;
  transition: all 0.4s;
}
.corporate_7_tabs_area ul li button.active .text {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.corporate_7_tabs_area ul li button .icons {
  height: 48px;
  width: 48px;
  display: inline-block;
  transition: all 0.4s;
  border-radius: 100px;
  text-align: center;
  line-height: 48px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-15);
}
.corporate_7_tabs_area ul li button .icons img {
  filter: brightness(0) invert(1);
}
.corporate_7_tabs_area ul li button .text {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  padding-left: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .corporate_7_tabs_area ul li button .text {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .corporate_7_tabs_area ul li button .text {
    font-size: var(--ztc-font-size-font-s22);
    line-height: 22px;
  }
}

.corporate_7_content_area {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .corporate_7_content_area {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .corporate_7_content_area {
    margin-top: 30px;
  }
}

.corporate_7_content_area {
  position: relative;
  z-index: 1;
}
.corporate_7_content_area::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  left: -70px;
  top: 0;
  background: rgba(43, 69, 80, 0.16);
}
.corporate_7_content_area .img1 img {
  height: 470px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}

.corporate_7_works {
  border-radius: 12px;
  background: rgba(70, 101, 115, 0.7);
  backdrop-filter: blur(5px);
  position: absolute;
  bottom: 38px;
  left: 38px;
  right: 38px;
  z-index: 1;
  padding: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .corporate_7_works {
    left: 20px;
    bottom: 20px;
    right: 20px;
  }
}
@media (max-width: 767px) {
  .corporate_7_works {
    left: 20px;
    bottom: 20px;
    right: 20px;
  }
}
.corporate_7_works .icons {
  height: 48px;
  width: 48px;
  display: inline-block;
  transition: all 0.4s;
  border-radius: 100px;
  text-align: center;
  line-height: 48px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
}
.corporate_7_works .title {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
  transition: all 0.4s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .corporate_7_works .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .corporate_7_works .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 24px;
  }
}
.corporate_7_works .title:hover {
  color: var(--ztc-text-text-16);
  transition: all 0.4s;
}
.corporate_7_works p {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px; /* 150% */
}

/*============= WORK CSS AREA ===============*/
/*============= OTHERS CSS AREA STARTS ===============*/
.cs_preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #121C27;
  z-index: 9999;
  overflow: hidden;
}

.cs_preloader .cs_preloader_container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #121C27 0%, #063232 100%);
}

.cs_preloader .cs_progressbar_wrapper {
  width: 100%;
  height: 2px;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
}

.cs_preloader .cs_progressbar {
  width: 0%;
  height: 100%;
  background: var(--ztc-text-text-1);
  position: relative;
  transition: width 0.1s linear;
}

.cs_preloader .cs_loading_text {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 20vw;
  line-height: 0.8em;
  font-weight: 500;
  letter-spacing: 4px;
  text-align: center;
  text-transform: uppercase;
  position: fixed;
  left: 50%;
  bottom: 2%;
  transform: translateX(-50%);
  overflow: hidden;
  color: var(--ztc-text-text-1);
  opacity: 20%;
}
@media (max-width: 767px) {
  .cs_preloader .cs_loading_text {
    font-size: var(--ztc-font-size-font-s60);
    line-height: 60px;
  }
}

.cs_preloader .cs_loading_text .char {
  display: inline-block;
}

.cs_preloader .cs_loading_percentage {
  font-size: var(--ztc-font-size-font-s120);
  font-weight: var(--ztc-weight-semibold);
  color: var(--ztc-text-text-1);
  margin: 20px 0;
  font-family: var(--ztc-family-font2);
  letter-spacing: 2px;
  position: relative;
  z-index: 1;
  opacity: 70%;
}
@media (max-width: 767px) {
  .cs_preloader .cs_loading_percentage {
    font-size: var(--ztc-font-size-font-s60);
    line-height: 60px;
  }
}

.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: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all 200ms linear;
  color: var(--ztc-text-text-1);
}

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

.progress-wrap::after {
  position: absolute;
  font-family: "FontAwesome";
  content: "\f062";
  text-align: center;
  line-height: 56px;
  font-size: 18px;
  color: var(--ztc-text-text-2);
  left: 0;
  top: 0;
  height: 56px;
  width: 56px;
  cursor: pointer;
  display: block;
  z-index: 1;
  transition: all 200ms linear;
}

.progress-wrap:hover::after {
  opacity: 0;
  color: var(--ztc-text-text-2);
}

.progress-wrap::before {
  position: absolute;
  font-family: "FontAwesome";
  content: "\f062";
  text-align: center;
  line-height: 56px;
  font-size: 18px;
  opacity: 0;
  left: 0;
  top: 0;
  height: 56px;
  width: 56px;
  cursor: pointer;
  display: block;
  z-index: 2;
  transition: all 200ms linear;
}

.progress-wrap:hover::before {
  opacity: 1;
  color: var(--ztc-text-text-2);
}

.progress-wrap svg path {
  fill: none;
}

.progress-wrap svg.progress-circle path {
  stroke: var(--ztc-text-text-2);
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear;
}

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

/*============= OTHERS CSS AREA ENDS ===============*/
/*============= TAX CONSULTING CSS AREA STARTS ===============*/
.others_5_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.tax_facts_heading_area {
  padding: 0 50px 0 0;
}
@media (max-width: 767px) {
  .tax_facts_heading_area {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tax_facts_heading_area {
    padding: 0;
  }
}

.tax_facts_counter_box {
  position: relative;
  z-index: 1;
  background: var(--ztc-bg-bg-11);
  padding: 70px;
  transition: all 0.4s;
  border-radius: 12px;
}
.tax_facts_counter_box:hover {
  background: var(--ztc-bg-bg-10);
  transition: all 0.4s;
  transform: translateY(-10px);
}
@media (max-width: 767px) {
  .tax_facts_counter_box {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tax_facts_counter_box {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tax_facts_counter_box {
    margin-top: 24px;
  }
}
.tax_facts_counter_box h2 {
  color: var(--ztc-text-text-11);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s60);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
  text-transform: capitalize;
}
.tax_facts_counter_box p {
  color: var(--ztc-text-text-12);
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 18px;
}

/*============= TAX CONSULTING CSS AREA ENDS ===============*/
/*============= CHOOSE CSS AREA STARTS ===============*/
/*============= CHOOSE CSS AREA ENDS ===============*/
/*============= ERROR CSS AREA ENDS ===============*/
/*============= ERROR CSS AREA ENDS ===============*/
/*============= HEADER SEARCH CSS AREA STARTS ===============*/
.header-search-container form input {
  outline: none;
  border: none;
  background: none;
  font-family: var(--ztc-family-font2);
  font-weight: 500;
}

.header-search-form-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 400px;
  z-index: 9999;
  background-color: var(--ztc-bg-bg-9);
  transform: translate3d(0, -100%, 0);
  transition: transform 0.85s cubic-bezier(0.175, 1, 0.275, 1), visibility 0.8s step-end;
}

.header-search-form-wrapper.bg2 {
  background: var(--ztc-bg-bg-2);
}

.header-search-form-wrapper.bg3 {
  background: var(--ztc-bg-bg-15);
}

.header-search-form-wrapper.bg4 {
  background: var(--ztc-bg-bg-18);
}

.header-search-form-wrapper.bg5 {
  background: var(--ztc-bg-bg-24);
}

.header-search-form-wrapper.open {
  transition: transform 0.85s cubic-bezier(0.175, 1, 0.275, 1), visibility 0.8s step-start;
  transform: translate3d(0, 0, 0);
}

.header-search-form-wrapper .search-form {
  margin: 0 auto;
  position: relative;
  text-align: center;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.header-search-form-wrapper .search-form input[type=search] {
  height: 65px;
  line-height: 65px;
  font-size: 28px;
  background-color: transparent;
  text-align: left;
  border: none;
  border-bottom: 1px solid #dddbdb;
  padding-left: 0;
  border-radius: 0;
  width: 100%;
  color: var(--ztc-text-text-1);
}

.header-search-form-wrapper .search-form input[type=search]::-moz-placeholder {
  color: var(--ztc-text-text-1);
  opacity: 1;
}

.header-search-form-wrapper .search-form input[type=search]::placeholder {
  color: var(--ztc-text-text-1);
  opacity: 1;
}

.header-search-form-wrapper .search-form input[type=search]:-ms-input-placeholder {
  color: var(--ztc-text-text-1);
}

.header-search-form-wrapper .search-form input[type=search]::-ms-input-placeholder {
  color: var(--ztc-text-text-1);
}

.header-search-form-wrapper .search-submit {
  position: absolute;
  height: 50px;
  width: 50px;
  bottom: 0;
  right: 0;
  background-color: transparent;
  color: var(--ztc-text-text-1);
  font-size: 24px;
  border: none;
  color: var(--ztc-text-text-11);
}

.header-search-form-wrapper .tx-search-close {
  background: red;
  width: 54px;
  height: 54px;
  border-width: 18px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  line-height: 54px;
  text-align: center;
  cursor: pointer;
  font-size: 30px;
  color: var(--ztc-text-text-1);
}

.header-search-form-wrapper .tx-search-close::before, .header-search-form-wrapper .tx-search-close::after {
  background-color: var(--ztc-text-text-1);
}

.header-search-container {
  width: 100%;
  height: 100%;
  max-width: 1170px;
  border: 0;
  padding: 0;
  background: 0 0;
  transform: translate3d(0, calc(100% - 100px), 0);
  transition: transform 0.85s cubic-bezier(0.175, 1, 0.275, 1);
  margin: auto;
  opacity: 0;
  visibility: hidden;
}

.header-search-form-wrapper.open .header-search-container {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
}

.body-overlay {
  background-color: var(--ztc-bg-bg-2);
  height: 950px;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1010;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear 0s;
  transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.body-overlay.active {
  opacity: 70%;
  visibility: visible;
}

/*============= HEADER SEARCH CSS AREA ENDS ===============*/
.pagination-area nav ul {
  display: block;
  text-align: center;
}
.pagination-area nav ul li {
  display: inline-block;
  border: none;
  outline: none;
  box-shadow: none;
  margin: 0 8px 0 0;
}
.pagination-area nav ul li:nth-last-child(1) {
  margin: 0;
}
.pagination-area nav ul li a {
  color: var(--ztc-text-text-2);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 8px;
  background: var(--ztc-bg-bg-27);
  transition: all 0.4s;
  height: auto;
  border: none;
  display: inline-block;
  padding: 0;
  box-shadow: none;
}
.pagination-area nav ul li a.active {
  background: var(--ztc-bg-bg-3);
  color: var(--ztc-text-text-1);
}
.pagination-area nav ul li a:hover {
  background: var(--ztc-bg-bg-3);
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
}

/*============= OTHERS CSS AREA STARTS ===============*/
.fa_others_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.fa_others_section_area::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  transition: all 0.4s;
  background: rgba(0, 1, 18, 0.2);
  top: 0;
  z-index: -1;
}

.fa_others_box {
  border-radius: 12px;
  border: 1px solid #5E5A5B;
  background: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(3px);
  padding: 24px;
}

.fa_play_button {
  text-align: center;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .fa_play_button .play-btn {
    display: block;
    padding-left: 0;
    margin-top: 50px;
  }
}
.fa_play_button .play-btn span {
  height: 100px;
  width: 100px;
  text-align: center;
  line-height: 100px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-1);
  display: inline-block;
  color: var(--ztc-text-text-24);
  position: relative;
  font-size: 32px;
}
.fa_play_button .play-btn span::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 50px;
  top: 50px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
  opacity: 40%;
  border-radius: 50%;
  z-index: -1;
  animation: pulse-border 1500ms ease-out infinite;
}

/*============= OTHERS CSS AREA ENDS ===============*/
/*============= TEAM CSS AREA ===============*/
.team_1_section {
  position: relative;
  z-index: 1;
  background: #F6F6F6;
}

.team_1_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-top: 30px;
}
.team_1_boxarea:hover .team_images {
  background: var(--ztc-bg-bg-3);
  transition: all 0.4s;
}
.team_1_boxarea:hover .team_images .elements3 {
  filter: brightness(0) invert(1);
  transition: all 0.4s;
}
.team_1_boxarea:hover .team_1_social {
  bottom: 30px;
  transition: all 0.6s;
}

.team_images {
  background: #EFEFEF;
  text-align: center;
  border-radius: 12px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 0.4s;
}
.team_images .elements3 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: all 0.4s;
}

.team_1_content {
  text-align: center;
  padding-top: 30px;
}
.team_1_content .title {
  color: var(--ztc-text-text-2);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
  transition: all 0.4s;
}
.team_1_content .title:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}
.team_1_content p {
  color: var(--ztc-text-text-3);
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}

.team_1_social {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: -50px;
  margin-left: -78px;
  transition: all 0.6s;
}
.team_1_social a {
  height: 36px;
  width: 36px;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  color: var(--ztc-text-text-2);
  display: inline-block;
  transition: all 0.4s;
  background: #EFEFEF;
}
.team_1_social a:hover {
  background: var(--ztc-bg-bg-1);
  transition: all 0.4s;
  color: var(--ztc-text-text-2);
}

.team_2_section {
  position: relative;
  z-index: 1;
  background: #ECE5F3;
}

.team_2_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
  transition: all 0.4s;
  margin-bottom: 30px;
}
.team_2_boxarea:hover .team_2_img img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}
.team_2_boxarea:hover .team_2_content_area {
  height: 170px;
  transition: all 0.6s;
}

.team_2_img {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
  transition: all 0.4s;
}
.team_2_img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  transition: all 0.4s;
}

.team_2_content_area {
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
  padding: 30px;
  transition: all 0.6s;
  text-align: center;
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  z-index: 1;
  overflow: hidden;
  height: 110px;
}
@media (max-width: 767px) {
  .team_2_content_area {
    height: 170px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_2_content_area {
    height: 170px;
  }
}
.team_2_content_area .title {
  color: var(--ztc-text-text-2);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}
.team_2_content_area .title:hover {
  color: var(--ztc-text-text-6);
  transition: all 0.4s;
}
.team_2_content_area p {
  color: var(--ztc-text-text-3);
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}

.team_2_social {
  padding-top: 24px;
}
.team_2_social a {
  height: 36px;
  width: 36px;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  background: #ECE5F3;
  display: inline-block;
  transition: all 0.4s;
  color: var(--ztc-text-text-2);
}
.team_2_social a:hover {
  background: var(--ztc-bg-bg-4);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.team_3_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #F8F9FD;
}

.team_3_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(5, 63, 70, 0.3);
  padding: 24px;
  transition: all 0.4s;
  margin-top: 30px;
}
.team_3_boxarea:hover {
  transform: translateY(-5px);
  transition: all 0.4s;
}
.team_3_boxarea:hover .team_3_img {
  background: var(--ztc-bg-bg-6);
  transition: all 0.4s;
}
.team_3_boxarea:hover .team_3_social {
  visibility: visible;
  opacity: 1;
  transition: all 0.6s;
}
.team_3_boxarea:hover .plus_minus a {
  transform: rotate(-45deg);
  transition: all 0.4s;
}

.team_3_img {
  text-align: center;
  background: #ECF1FD;
  border-radius: 12px;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .team_3_img {
    background: var(--ztc-bg-bg-6);
    transition: all 0.4s;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_3_img {
    background: var(--ztc-bg-bg-6);
    transition: all 0.4s;
    height: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team_3_img {
    background: var(--ztc-bg-bg-6);
    transition: all 0.4s;
    height: 300px;
  }
}

.team_3_content_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ECF1FD;
  border-radius: 12px;
  padding: 24px;
  transition: all 0.4s;
}

.team_3_name .title {
  color: var(--ztc-text-text-7);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
  transition: all 0.4s;
}
.team_3_name .title:hover {
  color: var(--ztc-text-text-9);
  transition: all 0.4s;
}
.team_3_name p {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}

.plus_minus a {
  height: 44px;
  width: 44px;
  text-align: center;
  line-height: 44px;
  display: inline-block;
  border: 1px solid var(--ztc-text-text-7);
  border-radius: 50%;
  transition: all 0.4s;
  color: var(--ztc-text-text-7);
}

.team_3_social {
  position: absolute;
  z-index: 2;
  right: 45px;
  top: 45px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.6s;
}
@media (max-width: 767px) {
  .team_3_social {
    visibility: visible;
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_3_social {
    visibility: visible;
    opacity: 1;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team_3_social {
    visibility: visible;
    opacity: 1;
  }
}
.team_3_social a {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  display: block;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
  border-radius: 50%;
  color: var(--ztc-text-text-7);
  margin-bottom: 10px;
}
.team_3_social a:hover {
  color: var(--ztc-text-text-9);
  transition: all 0.4s;
}

.law_team_4_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.team_4_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(18, 28, 39, 0.3);
  padding: 24px;
  transition: all 0.4s;
  margin-top: 30px;
}
.team_4_boxarea:hover {
  transform: translateY(-5px);
  transition: all 0.4s;
}
.team_4_boxarea:hover .team_4_img {
  transition: all 0.4s;
}
.team_4_boxarea:hover .team_4_img img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}
.team_4_boxarea:hover .team_4_social {
  visibility: visible;
  opacity: 1;
  transition: all 0.6s;
}
.team_4_boxarea:hover .plus_minus a {
  transform: rotate(-45deg);
  transition: all 0.4s;
}

.team_4_img {
  text-align: center;
  border-radius: 12px;
  transition: all 0.4s;
  position: relative;
  z-index: 1;
}
.team_4_img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  transition: all 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_4_img {
    transition: all 0.4s;
    height: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team_4_img {
    transition: all 0.4s;
    height: 300px;
  }
}

.team_4_content_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.4s;
}

.team_4_name .title {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
  transition: all 0.4s;
}
.team_4_name .title:hover {
  color: var(--ztc-text-text-10);
  transition: all 0.4s;
}
.team_4_name p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}

.plus_minus a {
  height: 44px;
  width: 44px;
  text-align: center;
  line-height: 44px;
  display: inline-block;
  border: 1px solid var(--ztc-text-text-2);
  border-radius: 50%;
  transition: all 0.4s;
  color: var(--ztc-text-text-2);
}

.team_4_social {
  position: absolute;
  z-index: 2;
  right: 45px;
  top: 45px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.6s;
}
@media (max-width: 767px) {
  .team_4_social {
    visibility: visible;
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_4_social {
    visibility: visible;
    opacity: 1;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team_4_social {
    visibility: visible;
    opacity: 1;
  }
}
.team_4_social a {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  display: block;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
  border-radius: 50%;
  color: var(--ztc-text-text-2);
  margin-bottom: 10px;
}
.team_4_social a:hover {
  color: var(--ztc-text-text-10);
  transition: all 0.4s;
}

.tax_team_5_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.team_5_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(0, 51, 45, 0.3);
  padding: 24px;
  transition: all 0.4s;
  margin-top: 30px;
}
.team_5_boxarea:hover {
  transform: translateY(-5px);
  transition: all 0.4s;
}
.team_5_boxarea:hover .team_5_img {
  transition: all 0.4s;
}
.team_5_boxarea:hover .team_5_img img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}
.team_5_boxarea:hover .team_5_social {
  visibility: visible;
  opacity: 1;
  transition: all 0.6s;
}
.team_5_boxarea:hover .plus_minus_5 a {
  transition: all 0.4s;
}

.team_5_img {
  text-align: center;
  border-radius: 12px;
  transition: all 0.4s;
  position: relative;
  z-index: 1;
}
.team_5_img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  transition: all 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_5_img {
    transition: all 0.4s;
    height: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team_5_img {
    transition: all 0.4s;
    height: 300px;
  }
}

.team_5_content_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.4s;
}

.team_5_name .title {
  color: var(--ztc-text-text-11);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
  transition: all 0.4s;
}
.team_5_name .title:hover {
  color: var(--ztc-text-text-13);
  transition: all 0.4s;
}
.team_5_name p {
  color: var(--ztc-text-text-12);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}

.plus_minus_5 a {
  height: 44px;
  width: 44px;
  text-align: center;
  line-height: 44px;
  display: inline-block;
  border: 1px solid var(--ztc-text-text-11);
  border-radius: 8px;
  transition: all 0.4s;
  color: var(--ztc-text-text-11);
}

.team_5_social {
  position: absolute;
  z-index: 2;
  right: 45px;
  top: 45px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.6s;
}
@media (max-width: 767px) {
  .team_5_social {
    visibility: visible;
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_5_social {
    visibility: visible;
    opacity: 1;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team_5_social {
    visibility: visible;
    opacity: 1;
  }
}
.team_5_social a {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  display: block;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
  border-radius: 8px;
  color: var(--ztc-text-text-2);
  margin-bottom: 10px;
}
.team_5_social a:hover {
  background: var(--ztc-text-text-13);
  transition: all 0.4s;
}

.accoutant_team_8_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-20);
}

.team_8_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(7, 30, 26, 0.3);
  padding: 24px;
  transition: all 0.4s;
  margin-top: 30px;
}
.team_8_boxarea:hover {
  transform: translateY(-5px);
  transition: all 0.4s;
}
.team_8_boxarea:hover .team_8_img {
  transition: all 0.4s;
}
.team_8_boxarea:hover .team_8_img img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}
.team_8_boxarea:hover .team_8_social {
  visibility: visible;
  opacity: 1;
  transition: all 0.6s;
}
.team_8_boxarea:hover .plus_8_minus a {
  transition: all 0.4s;
  background: var(--ztc-bg-bg-18);
  border: 1px solid var(--ztc-bg-bg-18);
  color: var(--ztc-text-text-1);
}
.team_8_boxarea:hover .plus_8_minus a i {
  transform: rotate(-45deg);
  transition: all 0.4s;
}

.team_8_img {
  text-align: center;
  border-radius: 12px;
  transition: all 0.4s;
  position: relative;
  z-index: 1;
}
.team_8_img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  transition: all 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_8_img {
    transition: all 0.4s;
    height: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team_8_img {
    transition: all 0.4s;
    height: 300px;
  }
}

.team_8_content_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.4s;
  border-radius: 12px;
  background: var(--HOME-08-Gray-Colour-8, #E7E8F4);
  padding: 24px;
}

.team_8_name .title {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
  transition: all 0.4s;
}
.team_8_name .title:hover {
  color: var(--ztc-text-text-20);
  transition: all 0.4s;
}
.team_8_name p {
  color: var(--ztc-text-text-19);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}

.plus_8_minus a {
  height: 44px;
  width: 44px;
  text-align: center;
  line-height: 44px;
  display: inline-block;
  border-radius: 8px;
  transition: all 0.4s;
  color: var(--ztc-text-text-18);
  border-radius: 8px;
  border: 1px solid var(--ztc-text-text-18);
}
.plus_8_minus a i {
  transition: all 0.4s;
}

.team_8_social {
  position: absolute;
  z-index: 2;
  right: 45px;
  top: 45px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.6s;
}
@media (max-width: 767px) {
  .team_8_social {
    visibility: visible;
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_8_social {
    visibility: visible;
    opacity: 1;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team_8_social {
    visibility: visible;
    opacity: 1;
  }
}
.team_8_social a {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  display: block;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
  color: var(--ztc-text-text-2);
  margin-bottom: 10px;
}
.team_8_social a:hover {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  background: var(--ztc-bg-bg-18);
}

.team_9_section {
  position: relative;
  z-index: 1;
  background: #F9F9FF;
}

.team_9_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
  transition: all 0.4s;
  margin: 0 10px;
}
.team_9_boxarea:hover .team_9_img img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}
.team_9_boxarea:hover .team_9_content_area {
  height: 170px;
  transition: all 0.6s;
}

.team_9_img {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
  transition: all 0.4s;
}
.team_9_img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  transition: all 0.4s;
}

.team_9_content_area {
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
  padding: 30px;
  transition: all 0.6s;
  text-align: center;
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  z-index: 1;
  overflow: hidden;
  height: 110px;
}
@media (max-width: 767px) {
  .team_9_content_area {
    height: 170px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_9_content_area {
    height: 170px;
  }
}
.team_9_content_area .title {
  color: var(--ztc-text-text-21);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}
.team_9_content_area .title:hover {
  color: var(--ztc-text-text-23);
  transition: all 0.4s;
}
.team_9_content_area p {
  color: var(--ztc-text-text-22);
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}

.team_9_social {
  padding-top: 24px;
}
.team_9_social a {
  height: 36px;
  width: 36px;
  text-align: center;
  line-height: 36px;
  border-radius: 4px;
  background: var(--ztc-bg-bg-22);
  display: inline-block;
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
}
.team_9_social a:hover {
  background: var(--ztc-bg-bg-21);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.team_9_arrow_area {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .team_9_arrow_area .team_1_arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
  }
}
.team_9_arrow_area .team_1_arrow button {
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 45px;
  border-radius: 8px;
  background: #E7E8F4;
  transition: all 0.4s;
  color: var(--ztc-text-text-21);
  font-size: var(--ztc-font-size-font-s16);
  border: none;
}
.team_9_arrow_area .team_1_arrow button:hover {
  background: var(--ztc-bg-bg-22);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.team_9_arrow_area .prev-arrow-team9 {
  position: absolute;
  top: 50%;
  left: -80px;
  margin-top: -24px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .team_9_arrow_area .prev-arrow-team9 {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 16px 0 0;
  }
}
.team_9_arrow_area .next-arrow-team9 {
  position: absolute;
  top: 50%;
  right: -80px;
  margin-top: -24px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .team_9_arrow_area .next-arrow-team9 {
    position: relative;
    top: 0;
    right: 0;
    margin: 0;
  }
}

.bu_team_1_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.bu_team_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(18, 28, 39, 0.3);
  padding: 24px;
  transition: all 0.4s;
  margin-top: 30px;
}
.bu_team_boxarea:hover {
  transform: translateY(-5px);
  transition: all 0.4s;
}
.bu_team_boxarea:hover .bu_team_img {
  transition: all 0.4s;
}
.bu_team_boxarea:hover .bu_team_img img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}
.bu_team_boxarea:hover .bu_team_social {
  visibility: visible;
  opacity: 1;
  transition: all 0.6s;
}
.bu_team_boxarea:hover .plus_8_minus a {
  transition: all 0.4s;
  background: var(--ztc-bg-bg-3);
  border: 1px solid var(--ztc-bg-bg-3);
  color: var(--ztc-text-text-1);
}
.bu_team_boxarea:hover .plus_8_minus a i {
  transform: rotate(-45deg);
  transition: all 0.4s;
}

.bu_team_img {
  text-align: center;
  border-radius: 12px;
  transition: all 0.4s;
  position: relative;
  z-index: 1;
}
.bu_team_img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  transition: all 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bu_team_img {
    transition: all 0.4s;
    height: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bu_team_img {
    transition: all 0.4s;
    height: 300px;
  }
}

.bu_team_content_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.4s;
  border-radius: 12px;
  background: var(--ztc-bg-bg-27);
  padding: 24px;
}

.bu_team_name .title {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
  transition: all 0.4s;
}
.bu_team_name .title:hover {
  color: var(--ztc-text-text-3);
  transition: all 0.4s;
}
.bu_team_name p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}

.plus_8_minus a {
  height: 44px;
  width: 44px;
  text-align: center;
  line-height: 44px;
  display: inline-block;
  border-radius: 8px;
  transition: all 0.4s;
  color: var(--ztc-text-text-2);
  border-radius: 8px;
  border: 1px solid var(--ztc-text-text-3);
}
.plus_8_minus a i {
  transition: all 0.4s;
}

.bu_team_social {
  position: absolute;
  z-index: 2;
  right: 45px;
  top: 45px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.6s;
}
@media (max-width: 767px) {
  .bu_team_social {
    visibility: visible;
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bu_team_social {
    visibility: visible;
    opacity: 1;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bu_team_social {
    visibility: visible;
    opacity: 1;
  }
}
.bu_team_social a {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  display: block;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
  color: var(--ztc-text-text-2);
  margin-bottom: 10px;
}
.bu_team_social a:hover {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  background: var(--ztc-bg-bg-3);
}

.bu_team_details_section {
  position: relative;
  z-index: 1;
}

.bu_team_personal_info {
  position: sticky;
  top: 120px;
}
.bu_team_personal_info .img1 {
  border-radius: 12px;
  border: 1px solid #DBDBDB;
  padding: 24px;
}
.bu_team_personal_info .img1 img {
  border-radius: 12px;
  width: 100%;
  height: 440px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.bu_team_personal_info .heading1 span {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
}
.bu_team_personal_info .heading1 .team-social li {
  display: inline-block;
}
.bu_team_personal_info .heading1 .team-social li a {
  height: 48px;
  width: 48px;
  background: var(--ztc-bg-bg-27);
  display: inline-block;
  transition: all 0.4s;
  line-height: 48px;
  border-radius: 50%;
  color: var(--ztc-text-text-2);
  text-align: center;
  font-size: var(--ztc-font-size-font-s20);
  margin: 0 6px 0 0;
}
.bu_team_personal_info .heading1 .team-social li a:hover {
  background: var(--ztc-bg-bg-3);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.bu_team_personal_info .heading1 .choose-boxarea {
  border-radius: 8px;
  transition: all 0.4s;
  margin-top: 24px;
}
.bu_team_personal_info .heading1 .choose-boxarea:hover {
  transform: translateY(-5px);
  transition: all 0.4s;
}
.bu_team_personal_info .heading1 .choose-boxarea:hover .icons {
  transform: rotateY(-180deg);
  transition: all 0.4s;
  background: var(--ztc-bg-bg-3);
}
.bu_team_personal_info .heading1 .choose-boxarea:hover .icons svg {
  filter: brightness(0) invert(1);
  transition: all 0.4s;
}
.bu_team_personal_info .heading1 .choose-boxarea .icons {
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-27);
  display: inline-block;
  position: absolute;
}
@media (max-width: 767px) {
  .bu_team_personal_info .heading1 .choose-boxarea .icons {
    position: relative;
  }
}
.bu_team_personal_info .heading1 .choose-boxarea .icons svg {
  transition: all 0.4s;
}
.bu_team_personal_info .heading1 .choose-boxarea .content {
  padding-left: 75px;
}
@media (max-width: 767px) {
  .bu_team_personal_info .heading1 .choose-boxarea .content {
    padding-left: 0;
    margin-top: 24px;
  }
}
.bu_team_personal_info .heading1 .choose-boxarea .content a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .bu_team_personal_info .heading1 .choose-boxarea .content a {
    line-height: 26px;
  }
}
.bu_team_personal_info .heading1 .choose-boxarea .content a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}

.team-main-detils-area {
  position: relative;
  z-index: 1;
}
.team-main-detils-area h3 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s40);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  display: inline-block;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .team-main-detils-area h3 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
  }
}
.team-main-detils-area.padding1 {
  padding: 0 0 0 40px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .team-main-detils-area.padding1 {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-main-detils-area.padding1 {
    padding: 0;
  }
}
.team-main-detils-area .team-others-boxarea {
  position: relative;
  z-index: 1;
  margin-top: 32px;
}
.team-main-detils-area .team-others-boxarea span {
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-3);
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  text-transform: uppercase;
  display: inline-block;
  padding: 0;
}
.team-main-detils-area .team-others-boxarea a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
}
.team-main-detils-area .team-others-boxarea a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}
.team-main-detils-area ul.dt_list li {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  margin-top: 20px;
}
.team-main-detils-area ul.dt_list li svg {
  margin: -5px 6px 0 0;
  height: 16px;
  width: 16px;
}
.team-main-detils-area .progress-container {
  margin-top: 24px;
}
.team-main-detils-area .label {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  font-weight: var(--ztc-weight-regular);
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  line-height: 16px;
  margin-bottom: 16px;
}
.team-main-detils-area .progress-bar {
  position: relative;
  background-color: var(--ztc-bg-bg-27);
  border-radius: 10px;
  height: 10px;
  overflow: hidden;
}
.team-main-detils-area .progress-fill {
  background-color: var(--ztc-bg-bg-3);
  height: 100%;
  width: 0;
  border-radius: 10px;
  transition: width 1s ease-in-out;
}

/*============= TEAM CSS AREA ===============*/
/*============= FAQ CSS AREA ===============*/
.faq_finance_section {
  position: relative;
  z-index: 1;
  background: #ECE5F3;
}
.faq_finance_section .heading2 {
  position: sticky;
  top: 100px;
}

@media (max-width: 767px) {
  .faq_2_accordion_area {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq_2_accordion_area {
    margin-top: 30px;
  }
}
.faq_2_accordion_area .accordion .accordion-item {
  border-radius: 12px;
  background: var(--ztc-bg-bg-4);
}
.faq_2_accordion_area .accordion .accordion-item .accordion-button:not(.collapsed) {
  background: none;
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
  border-radius: 10px 10px 0 0;
}
.faq_2_accordion_area .accordion .accordion-item .accordion-button:not(.collapsed) span {
  color: var(--ztc-text-text-1);
}
.faq_2_accordion_area .accordion .accordion-item .accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1);
}
.faq_2_accordion_area .accordion .accordion-item .accordion-header button {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: none;
  border-radius: 10px;
  padding: 30px 24px;
}
@media (max-width: 767px) {
  .faq_2_accordion_area .accordion .accordion-item .accordion-header button {
    font-size: var(--ztc-font-size-font-s24);
  }
}
.faq_2_accordion_area .accordion .accordion-item .accordion-header button span {
  color: rgba(0, 0, 0, 0.3);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  text-transform: capitalize;
  display: inline-block;
  margin: 0 16px 0 0;
}
.faq_2_accordion_area .accordion .accordion-item .accordion-body {
  padding: 0;
}
.faq_2_accordion_area .accordion .accordion-item .accordion-body p {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
  padding: 16px 24px 30px 24px;
}

.faq_7_section_area {
  position: relative;
  z-index: 1;
}
.faq_7_section_area .heading8 {
  padding: 0 0 0 50px;
}
@media (max-width: 767px) {
  .faq_7_section_area .heading8 {
    margin-top: 30px;
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq_7_section_area .heading8 {
    margin-top: 30px;
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq_7_section_area .heading8 {
    padding: 0;
  }
}

.faq_7_img {
  height: 570px;
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 767px) {
  .faq_7_img {
    height: 300px;
  }
}

.corporate_faq_area .accordion {
  --bs-accordion-bg: none;
  --bs-accordion-border-color: none ;
}
.corporate_faq_area .accordion .accordion-item .accordion-button:not(.collapsed) {
  background: none;
  transition: all 0.4s;
  color: var(--ztc-text-text-16);
}
.corporate_faq_area .accordion .accordion-item .accordion-button:not(.collapsed) span {
  color: var(--ztc-text-text-1);
}
.corporate_faq_area .accordion .accordion-item .accordion-button:not(.collapsed)::after {
  filter: brightness(0);
}
.corporate_faq_area .accordion .accordion-item .accordion-header button {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  border-bottom: 1px solid rgba(43, 69, 80, 0.3);
  box-shadow: none;
  padding: 0 0 24px 0;
  background: none;
}
@media (max-width: 767px) {
  .corporate_faq_area .accordion .accordion-item .accordion-header button {
    font-size: var(--ztc-font-size-font-s24);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .corporate_faq_area .accordion .accordion-item .accordion-header button {
    font-size: var(--ztc-font-size-font-s28);
  }
}
.corporate_faq_area .accordion .accordion-item .accordion-header button span {
  color: rgba(0, 0, 0, 0.3);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  text-transform: capitalize;
  display: inline-block;
  margin: 0 16px 0 0;
}
.corporate_faq_area .accordion .accordion-item .accordion-body {
  padding: 0;
}
.corporate_faq_area .accordion .accordion-item .accordion-body p {
  color: var(--ztc-text-text-17);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
  padding: 16px 0 0 0;
}

.faq-widget-sec .faq-details-widget .accordion .accordion-item {
  border-radius: 12px;
  background: var(--ztc-bg-bg-3);
}
.faq-widget-sec .faq-details-widget .accordion .accordion-item .accordion-button:not(.collapsed) {
  background: none;
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
  border-radius: 10px 10px 0 0;
}
.faq-widget-sec .faq-details-widget .accordion .accordion-item .accordion-button:not(.collapsed) span {
  color: var(--ztc-text-text-1);
}
.faq-widget-sec .faq-details-widget .accordion .accordion-item .accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1);
}
.faq-widget-sec .faq-details-widget .accordion .accordion-item .accordion-header button {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: none;
  border-radius: 10px;
  padding: 30px 24px;
}
@media (max-width: 767px) {
  .faq-widget-sec .faq-details-widget .accordion .accordion-item .accordion-header button {
    font-size: var(--ztc-font-size-font-s24);
  }
}
.faq-widget-sec .faq-details-widget .accordion .accordion-item .accordion-header button span {
  color: rgba(18, 28, 39, 0.3);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  text-transform: capitalize;
  display: inline-block;
  margin: 0 16px 0 0;
}
.faq-widget-sec .faq-details-widget .accordion .accordion-item .accordion-body {
  padding: 0;
}
.faq-widget-sec .faq-details-widget .accordion .accordion-item .accordion-body p {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
  padding: 16px 24px 30px 24px;
}

/*============= FAQ CSS AREA ===============*/
/*============= CONTACT CSS AREA ===============*/
.contact_1_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--home-12-frame-colour, #F6F6F6);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact_maps-area {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_maps-area {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .contact_maps-area {
    margin-bottom: 30px;
  }
}
.contact_maps-area iframe {
  width: 100%;
  height: 624px;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .contact_maps-area iframe {
    height: 300px;
  }
}

.contact_1_boxarea {
  position: relative;
  z-index: 1;
  background: var(--ztc-bg-bg-1);
  padding: 30px;
  border-radius: 12px;
}
.contact_1_boxarea h3 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}
.contact_1_boxarea p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.contact_1_form_area .input-area {
  padding-top: 18px;
}
.contact_1_form_area .input-area input {
  width: 100%;
  border-radius: 8px;
  background: var(--home-12-gray-colour, #EFEFEF);
  padding: 18px 16px;
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  border: none;
  outline: none;
}
.contact_1_form_area .input-area input::-moz-placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_1_form_area .input-area input::placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_1_form_area .input-area .nice-select {
  width: 100%;
  border-radius: 8px;
  background: var(--home-12-gray-colour, #EFEFEF);
  padding: 18px 16px;
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  height: 56px;
  border: none;
}
.contact_1_form_area .input-area .nice-select::after {
  height: 7px;
  width: 7px;
  -o-object-fit: cover;
     object-fit: cover;
}
.contact_1_form_area .input-area .nice-select ul {
  width: 100%;
}
.contact_1_form_area .input-area textarea {
  width: 100%;
  border-radius: 8px;
  background: var(--home-12-gray-colour, #EFEFEF);
  padding: 18px 16px;
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  border: none;
  outline: none;
  height: 140px;
}
.contact_1_form_area .input-area textarea::-moz-placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_1_form_area .input-area textarea::placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_1_form_area .input-area button {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  outline: none;
  width: 100%;
  text-align: center;
}

.conatct_bottom_boxarea {
  position: relative;
  z-index: 1;
  background: #EFEFEF;
  padding: 24px;
  border-radius: 8px;
  transition: all 0.4s;
  margin-bottom: 30px;
}
.conatct_bottom_boxarea:hover {
  background: var(--ztc-bg-bg-3);
  transition: all 0.4s;
  transform: translateY(-5px);
}
.conatct_bottom_boxarea:hover .icons {
  background: var(--ztc-bg-bg-1);
  transition: all 0.4s;
}
.conatct_bottom_boxarea:hover .icons img {
  filter: none;
  transition: all 0.4s;
}
.conatct_bottom_boxarea:hover .contact_bottom_content p {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.conatct_bottom_boxarea:hover .contact_bottom_content a {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.conatct_bottom_boxarea .icons {
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-3);
  transition: all 0.4s;
  position: absolute;
}
.conatct_bottom_boxarea .icons img {
  filter: brightness(0) invert(1);
  transition: all 0.4s;
}
.conatct_bottom_boxarea .contact_bottom_content {
  padding-left: 80px;
}
.conatct_bottom_boxarea .contact_bottom_content p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
}
.conatct_bottom_boxarea .contact_bottom_content a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
  text-transform: capitalize;
}

.contact_3_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--home-12-frame-colour, #ECF1FD);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact_maps_3_area {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_maps_3_area {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .contact_maps_3_area {
    margin-bottom: 30px;
  }
}
.contact_maps_3_area iframe {
  width: 100%;
  height: 678px;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .contact_maps_3_area iframe {
    height: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_maps_3_area iframe {
    height: 400px;
  }
}

.contact_3_boxarea {
  position: relative;
  z-index: 1;
  background: var(--ztc-bg-bg-1);
  padding: 30px;
  border-radius: 12px;
}
.contact_3_boxarea h3 {
  color: var(--ztc-text-text-7);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}
.contact_3_boxarea p {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.contact_3_form_area .input-area {
  padding-top: 18px;
}
.contact_3_form_area .input-area input {
  width: 100%;
  border-radius: 8px;
  background: var(--home-12-gray-colour, #ECF1FD);
  padding: 18px 16px;
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  border: none;
  outline: none;
}
.contact_3_form_area .input-area input::-moz-placeholder {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_3_form_area .input-area input::placeholder {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_3_form_area .input-area .nice-select {
  width: 100%;
  border-radius: 8px;
  background: var(--home-12-gray-colour, #ECF1FD);
  padding: 18px 16px;
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  height: 56px;
  border: none;
}
.contact_3_form_area .input-area .nice-select::after {
  height: 7px;
  width: 7px;
  -o-object-fit: cover;
     object-fit: cover;
}
.contact_3_form_area .input-area .nice-select ul {
  width: 100%;
}
.contact_3_form_area .input-area textarea {
  width: 100%;
  border-radius: 8px;
  background: var(--home-12-gray-colour, #ECF1FD);
  padding: 18px 16px;
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  border: none;
  outline: none;
  height: 140px;
}
.contact_3_form_area .input-area textarea::-moz-placeholder {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_3_form_area .input-area textarea::placeholder {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_3_form_area .input-area button {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  outline: none;
  width: 100%;
  text-align: center;
  border: none;
}

.contact_tabs_select ul {
  display: block;
  margin-bottom: 6px;
}
.contact_tabs_select ul li {
  display: inline-block;
}
.contact_tabs_select ul li button.nav-link {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: block;
  border-radius: 4px;
  background: var(--HOME-03-Geay-Colour-Home-3, #ECF1FD) !important;
  padding: 12px 30px;
}
.contact_tabs_select ul li button.nav-link:hover {
  background: var(--ztc-bg-bg-6) !important;
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
}
.contact_tabs_select ul li button.nav-link.active {
  background: var(--ztc-bg-bg-6) !important;
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
}
@media (max-width: 767px) {
  .contact_tabs_select ul li button.nav-link {
    width: 100%;
    text-align: center;
    margin-bottom: 6px;
  }
}

.conatct_bottom_3_boxarea {
  position: relative;
  z-index: 1;
  background: var(--ztc-bg-bg-1);
  padding: 24px;
  border-radius: 8px;
  transition: all 0.4s;
  margin-bottom: 30px;
}
.conatct_bottom_3_boxarea:hover {
  background: var(--ztc-bg-bg-6);
  transition: all 0.4s;
  transform: translateY(-5px);
}
.conatct_bottom_3_boxarea:hover .icons {
  background: var(--ztc-bg-bg-1);
  transition: all 0.4s;
}
.conatct_bottom_3_boxarea:hover .icons img {
  filter: none;
  transition: all 0.4s;
}
.conatct_bottom_3_boxarea:hover .contact_bottom_3_content p {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.conatct_bottom_3_boxarea:hover .contact_bottom_3_content a {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.conatct_bottom_3_boxarea .icons {
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-6);
  transition: all 0.4s;
  position: absolute;
}
.conatct_bottom_3_boxarea .icons img {
  filter: brightness(0) invert(1);
  transition: all 0.4s;
}
.conatct_bottom_3_boxarea .contact_bottom_3_content {
  padding-left: 80px;
}
.conatct_bottom_3_boxarea .contact_bottom_3_content p {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
}
.conatct_bottom_3_boxarea .contact_bottom_3_content a {
  color: var(--ztc-text-text-7);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
  text-transform: capitalize;
}

.contact_4_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--home-12-frame-colour, #F2EFEB);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact_maps_4_area {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_maps_4_area {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .contact_maps_4_area {
    margin-bottom: 30px;
  }
}
.contact_maps_4_area iframe {
  width: 100%;
  height: 612px;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .contact_maps_4_area iframe {
    height: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_maps_4_area iframe {
    height: 400px;
  }
}

.contact_4_boxarea {
  position: relative;
  z-index: 1;
  background: var(--ztc-bg-bg-1);
  padding: 30px;
  border-radius: 12px;
}
.contact_4_boxarea h3 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}
.contact_4_boxarea p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.contact_4_form_area .input-area {
  padding-top: 18px;
}
.contact_4_form_area .input-area input {
  width: 100%;
  border-radius: 8px;
  background: var(--home-12-gray-colour, #F2EFEB);
  padding: 18px 16px;
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  border: none;
  outline: none;
}
.contact_4_form_area .input-area input::-moz-placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_4_form_area .input-area input::placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_4_form_area .input-area .nice-select {
  width: 100%;
  border-radius: 8px;
  background: var(--home-12-gray-colour, #F2EFEB);
  padding: 18px 16px;
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  height: 56px;
  border: none;
}
.contact_4_form_area .input-area .nice-select::after {
  height: 7px;
  width: 7px;
  -o-object-fit: cover;
     object-fit: cover;
}
.contact_4_form_area .input-area .nice-select ul {
  width: 100%;
}
.contact_4_form_area .input-area textarea {
  width: 100%;
  border-radius: 8px;
  background: var(--home-12-gray-colour, #F2EFEB);
  padding: 18px 16px;
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  border: none;
  outline: none;
  height: 140px;
}
.contact_4_form_area .input-area textarea::-moz-placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_4_form_area .input-area textarea::placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_4_form_area .input-area button {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  outline: none;
  text-align: center;
  border: none;
}

.contact_tabs_4_select ul {
  display: block;
  margin-bottom: 6px;
}
.contact_tabs_4_select ul li {
  display: inline-block;
}
.contact_tabs_4_select ul li button.nav-link {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: block;
  border-radius: 4px;
  background: var(--ztc-bg-bg-8) !important;
  padding: 12px 30px;
}
.contact_tabs_4_select ul li button.nav-link:hover {
  background: var(--ztc-bg-bg-7) !important;
  transition: all 0.4s;
  color: var(--ztc-text-text-2);
}
.contact_tabs_4_select ul li button.nav-link.active {
  background: var(--ztc-bg-bg-7) !important;
  transition: all 0.4s;
  color: var(--ztc-text-text-2);
}
@media (max-width: 767px) {
  .contact_tabs_4_select ul li button.nav-link {
    width: 100%;
    text-align: center;
    margin-bottom: 6px;
  }
}

.contact_6_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.contact_6_maps iframe {
  width: 100%;
  height: 500px;
  border-radius: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_6_maps iframe {
    height: 350px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .contact_6_maps iframe {
    height: 200px;
    margin-bottom: 30px;
  }
}

.contact_form_6_boxarea {
  position: relative;
  z-index: 1;
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
  padding: 30px;
}
.contact_form_6_boxarea h3 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}
@media (max-width: 767px) {
  .contact_form_6_boxarea h3 {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 24px;
  }
}
.contact_form_6_boxarea .form_input {
  margin-top: 20px;
}
.contact_form_6_boxarea .form_input label {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  padding-bottom: 12px;
}
.contact_form_6_boxarea .form_input .nice-select {
  width: 100%;
  border-radius: 8px;
  background: #F5F5F5;
  border: none;
  outline: none;
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  height: auto;
  padding: 18px;
}
.contact_form_6_boxarea .form_input .nice-select::after {
  height: 7px;
  width: 7px;
  -o-object-fit: cover;
     object-fit: cover;
}
.contact_form_6_boxarea .form_input .nice-select ul {
  width: 100%;
}
.contact_form_6_boxarea .form_input input {
  width: 100%;
  border-radius: 8px;
  background: #F5F5F5;
  border: none;
  outline: none;
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  height: auto;
  padding: 18px;
}
.contact_form_6_boxarea .form_input input::-moz-placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_form_6_boxarea .form_input input::placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_form_6_boxarea .form_input button {
  border: none;
  outline: none;
  margin-top: 8px;
}

.contact_7_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 45px;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .contact_7_section_area {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_7_section_area {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact_7_section_area {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .contact_7_section_area {
    margin: 0 30px 0 30px;
  }
}
.contact_7_section_area::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(43, 69, 80, 0.9);
  border-radius: 12px;
  z-index: -1;
}
@media (max-width: 767px) {
  .contact_7_section_area::after {
    border-radius: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_7_section_area::after {
    border-radius: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact_7_section_area::after {
    border-radius: 0;
  }
}

.contact_7_boxarea {
  padding: 0 50px 0 0;
}
@media (max-width: 767px) {
  .contact_7_boxarea {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_7_boxarea {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact_7_boxarea {
    padding: 0;
  }
}
.contact_7_boxarea .input_7_area {
  margin-bottom: 18px;
}
.contact_7_boxarea .input_7_area .nice-select {
  width: 100%;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.3);
  border: none;
  outline: none;
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  height: auto;
  padding: 18px;
  display: block;
  float: inherit;
}
.contact_7_boxarea .input_7_area .nice-select::after {
  height: 7px;
  width: 7px;
  -o-object-fit: cover;
     object-fit: cover;
  filter: brightness(0) invert(1);
}
.contact_7_boxarea .input_7_area .nice-select ul {
  width: 100%;
  color: var(--ztc-text-text-16);
}
.contact_7_boxarea .input_7_area input {
  width: 100%;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(4px);
  border: none;
  outline: none;
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  height: auto;
  padding: 18px;
}
.contact_7_boxarea .input_7_area input::-moz-placeholder {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_7_boxarea .input_7_area input::placeholder {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_7_boxarea .input_7_area textarea {
  width: 100%;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(4px);
  padding: 18px 16px;
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  border: none;
  outline: none;
  height: 160px;
}
.contact_7_boxarea .input_7_area textarea::-moz-placeholder {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_7_boxarea .input_7_area textarea::placeholder {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.contact_7_boxarea .input_7_area_button button {
  border: none;
  outline: none;
  margin-top: 8px;
}

.contact_7_icon_boxes {
  position: relative;
  z-index: 1;
  padding-left: 70px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 767px) {
  .contact_7_icon_boxes {
    padding: 0;
    margin-top: 30px;
    border: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_7_icon_boxes {
    padding: 0;
    margin-top: 30px;
    border: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact_7_icon_boxes {
    padding-left: 30px;
  }
}
.contact_7_icon_boxes h2 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}
.contact_7_icon_boxes .pera {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.contact_7_icon_boxes .contact_7_icon {
  display: flex;
  align-items: center;
  padding-top: 30px;
}
.contact_7_icon_boxes .contact_7_icon .icon {
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  display: inline-block;
  transition: all 0.4s;
  border-radius: 50%;
  background: var(--ztc-bg-bg-1);
}
.contact_7_icon_boxes .contact_7_icon .text {
  padding-left: 14px;
}
.contact_7_icon_boxes .contact_7_icon .text p {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.contact_7_icon_boxes .contact_7_icon .text a {
  color: var(--ztc-text-text-1);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
  text-transform: capitalize;
}
.contact_7_icon_boxes .contact_7_icon .text a:hover {
  color: var(--ztc-text-text-1);
  opacity: 0.7;
  transition: all 0.4s;
}

/*============= CONTACT CSS AREA ENDS===============*/
/*============= CTA CSS AREA ===============*/
.cta1_section_area {
  position: relative;
  z-index: 2;
  margin-bottom: -200px;
  overflow: hidden;
}

.cta1_bg_area {
  background: var(--ztc-bg-bg-3);
  border-radius: 12px;
  padding: 60px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta1_bg_area {
    padding: 60px 60px 410px 60px;
  }
}
@media (max-width: 767px) {
  .cta1_bg_area {
    padding: 30px 30px 410px 30px;
  }
}
.cta1_bg_area .cta-elements1 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.cta1_form_area {
  position: relative;
  z-index: 1;
}
.cta1_form_area input {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  width: 100%;
  background: var(--ztc-bg-bg-1);
  padding: 29px 16px;
  border-radius: 8px;
}
.cta1_form_area input::-moz-placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.cta1_form_area input::placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.cta1_form_area button {
  position: absolute;
  right: 11px;
  top: 11px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.cta1-images img {
  position: absolute;
  right: 100px;
  bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta1-images img {
    right: 50px;
  }
}
@media (max-width: 767px) {
  .cta1-images img {
    position: absolute;
    right: 0;
  }
}

.cta_2_area {
  position: relative;
  z-index: 1;
  padding-bottom: 44px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.cta_2_heading h2 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
@media (max-width: 767px) {
  .cta_2_heading h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}

.cta2_form_area {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .cta2_form_area {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta2_form_area {
    margin-top: 24px;
  }
}
.cta2_form_area input {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  width: 100%;
  background: var(--ztc-bg-bg-1);
  padding: 29px 16px;
  border-radius: 8px;
}
.cta2_form_area input::-moz-placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.cta2_form_area input::placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.cta2_form_area button {
  position: absolute;
  right: 12px;
  top: 12px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border: none;
}

.cta_3_section_area {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.cta_3_section_area::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: var(--ztc-bg-bg-5);
  opacity: 50%;
  z-index: -1;
}
.cta_3_section_area .btn-area1 .vl-btn5 {
  margin-left: 16px;
}
@media (max-width: 767px) {
  .cta_3_section_area .btn-area1 .vl-btn5 {
    margin-left: 0;
    margin-top: 16px;
  }
}
.cta_3_section_area .btn-area2 {
  text-align: -webkit-center;
}
@media (max-width: 767px) {
  .cta_3_section_area .btn-area2 {
    margin-top: 24px;
  }
}
.cta_3_section_area .btn-area2 .cta_3_btn {
  height: 158px;
  width: 158px;
  text-align: center;
  background: var(--ztc-bg-bg-6);
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
.cta_3_section_area .btn-area2 .cta_3_btn:hover {
  transform: translateY(-10px);
  transition: all 0.4s;
  background: var(--ztc-bg-bg-5);
  transition: all 0.4s;
}
.cta_3_section_area .btn-area2 .cta_3_btn .arrow {
  height: 36px;
  width: 36px;
  text-align: center;
  line-height: 34px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-1);
  display: inline-block;
  transition: all 0.4s;
  color: var(--ztc-text-text-9);
  font-size: var(--ztc-font-size-font-s18);
  transform: rotate(-45deg);
}
.cta_3_section_area .btn-area2 .cta_3_btn .text {
  color: var(--ztc-text-text-1);
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: block;
  padding-top: 16px;
}

.cta_4_area {
  position: relative;
  z-index: 1;
  padding-bottom: 44px;
  border-bottom: 1px solid rgba(18, 28, 39, 0.12);
}

.cta_4_heading h2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
@media (max-width: 767px) {
  .cta_4_heading h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}

.cta4_form_area {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .cta4_form_area {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta4_form_area {
    margin-top: 24px;
  }
}
.cta4_form_area input {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  width: 100%;
  background: var(--ztc-bg-bg-1);
  padding: 29px 16px;
  border-radius: 140px;
}
.cta4_form_area input::-moz-placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.cta4_form_area input::placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.cta4_form_area button {
  position: absolute;
  right: 12px;
  top: 12px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border: none;
}

.cta_5_area {
  position: relative;
  z-index: 1;
  padding-bottom: 44px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.cta_5_heading h2 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
@media (max-width: 767px) {
  .cta_5_heading h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}

.cta5_form_area {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .cta5_form_area {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta5_form_area {
    margin-top: 24px;
  }
}
.cta5_form_area input {
  color: var(--ztc-text-text-11);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  width: 100%;
  background: var(--ztc-bg-bg-1);
  padding: 29px 16px;
  border-radius: 8px;
}
.cta5_form_area input::-moz-placeholder {
  color: var(--ztc-text-text-12);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.cta5_form_area input::placeholder {
  color: var(--ztc-text-text-12);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.cta5_form_area button {
  position: absolute;
  right: 12px;
  top: 12px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border: none;
}

.cta6_section_area {
  position: relative;
  z-index: 2;
  margin-bottom: -200px;
  overflow: hidden;
}

.cta6_heading_area {
  padding: 0 50px 0 0;
}
@media (max-width: 767px) {
  .cta6_heading_area {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta6_heading_area {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta6_heading_area {
    padding: 0;
  }
}

.cta6_bg_area {
  border-radius: 12px;
  padding: 60px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta6_bg_area {
    padding: 60px 60px 60px 60px;
  }
}
@media (max-width: 767px) {
  .cta6_bg_area {
    padding: 30px 30px 30px 30px;
  }
}
.cta6_bg_area .cta-elements1 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.cta6_form_area {
  position: relative;
  z-index: 1;
}
.cta6_form_area input {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  width: 100%;
  background: var(--ztc-bg-bg-1);
  padding: 29px 16px;
  border-radius: 100px;
}
.cta6_form_area input::-moz-placeholder {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.cta6_form_area input::placeholder {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.cta6_form_area button {
  position: absolute;
  right: 11px;
  top: 11px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border: none;
  outline: none;
}

.cta6-images {
  text-align: end;
}
.cta6-images img {
  height: 300px;
  width: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta6-images {
    text-align: center;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .cta6-images {
    text-align: center;
    margin-top: 30px;
  }
}

.cta7_section_area {
  position: relative;
  z-index: 2;
  margin-bottom: -200px;
  overflow: hidden;
}

.cta7_bg_area {
  background: var(--ztc-bg-bg-15);
  border-radius: 12px;
  padding: 60px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta7_bg_area {
    padding: 60px 60px 410px 60px;
  }
}
@media (max-width: 767px) {
  .cta7_bg_area {
    padding: 30px 30px 410px 30px;
  }
}
.cta7_bg_area .cta-elements1 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.cta7_form_area {
  position: relative;
  z-index: 1;
}
.cta7_form_area input {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  width: 100%;
  background: var(--ztc-bg-bg-1);
  padding: 29px 16px;
  border-radius: 100px;
}
.cta7_form_area input::-moz-placeholder {
  color: var(--ztc-text-text-17);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.cta7_form_area input::placeholder {
  color: var(--ztc-text-text-17);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.cta7_form_area button {
  position: absolute;
  right: 11px;
  top: 11px;
  border: none;
}

.cta7-images img {
  position: absolute;
  right: 55px;
  bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta7-images img {
    right: 50px;
  }
}
@media (max-width: 767px) {
  .cta7-images img {
    position: absolute;
    right: 0;
  }
}

.cta8_section_area {
  position: relative;
  z-index: 2;
  margin-bottom: -200px;
  overflow: hidden;
}

.cta8_heading_area {
  padding: 0 70px 0 0;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta8_heading_area {
    padding: 0;
  }
}

.cta8_bg_area {
  background: var(--ztc-bg-bg-15);
  border-radius: 12px;
  padding: 80px 60px 80px 60px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.cta8_bg_area::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 12px;
  background: linear-gradient(98deg, rgba(4, 5, 2, 0.7) 50.03%, #A184EB 120.22%);
  z-index: -2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta8_bg_area {
    padding: 60px 60px 60px 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta8_bg_area {
    padding: 60px 60px 60px 60px;
  }
}
@media (max-width: 767px) {
  .cta8_bg_area {
    padding: 30px 30px 30px 30px;
  }
}
.cta8_bg_area .cta_8_elements1 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.cta8_bg_area .cta_8_elements2 {
  position: absolute;
  left: 40%;
  top: 0;
  z-index: -1;
}

.cta8_form_area {
  position: relative;
  z-index: 1;
}
.cta8_form_area input {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  width: 100%;
  background: var(--ztc-bg-bg-1);
  padding: 29px 16px;
  border-radius: 12px;
}
.cta8_form_area input::-moz-placeholder {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.cta8_form_area input::placeholder {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.cta8_form_area button {
  position: absolute;
  right: 11px;
  top: 11px;
  border: none;
}

.cta-8-all-images-slider {
  position: absolute;
  right: 577px;
  top: 0;
  display: inline-block;
  width: 36%;
  transform: rotate(24deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-8-all-images-slider {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-8-all-images-slider {
    width: 100%;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-8-all-images-slider {
    width: 100%;
    position: relative;
    right: 0;
    height: 100%;
    transform: rotate(0);
  }
}
.cta-8-all-images-slider .cta-8-first-images .slick-list {
  overflow: inherit;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-8-all-images-slider .cta-8-first-images .slick-list {
    overflow: hidden;
  }
}
.cta-8-all-images-slider .cta-8-first-images .img1 {
  margin-bottom: 20px;
}
.cta-8-all-images-slider .cta-8-first-images .img1 img {
  height: 240px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.cta-8-all-images-slider .cta-8-first-images2 .slick-list {
  overflow: inherit;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-8-all-images-slider .cta-8-first-images2 .slick-list {
    overflow: hidden;
  }
}
.cta-8-all-images-slider .cta-8-first-images2 .img1 {
  margin-bottom: 20px;
}
.cta-8-all-images-slider .cta-8-first-images2 .img1 img {
  height: 240px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

.cta_9_area {
  position: relative;
  z-index: 1;
  padding-bottom: 44px;
  border-bottom: 1px solid rgba(11, 0, 25, 0.2);
}

.cta_9_heading h2 {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 60px;
}
@media (max-width: 767px) {
  .cta_9_heading h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 50px;
  }
}

.cta9_form_area {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .cta9_form_area {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta9_form_area {
    margin-top: 24px;
  }
}
.cta9_form_area input {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  width: 100%;
  background: var(--ztc-bg-bg-1);
  padding: 29px 16px;
  border-radius: 8px;
}
.cta9_form_area input::-moz-placeholder {
  color: var(--ztc-text-text-22);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.cta9_form_area input::placeholder {
  color: var(--ztc-text-text-22);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.cta9_form_area button {
  position: absolute;
  right: 12px;
  top: 12px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border: none;
}

.cta10_section_area {
  position: relative;
  z-index: 2;
  margin-bottom: -200px;
  overflow: hidden;
}

.cta10_heading_area {
  padding: 0 30px 0 0;
  text-align: center;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta10_heading_area {
    padding: 0;
  }
}

.cta10_bg_area {
  background: linear-gradient(180deg, #DEBFFE 0%, #F1D8F5 100%);
  border-radius: 12px;
  padding: 80px 60px 80px 60px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta10_bg_area {
    padding: 60px 60px 60px 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta10_bg_area {
    padding: 60px 60px 60px 60px;
  }
}
@media (max-width: 767px) {
  .cta10_bg_area {
    padding: 30px 30px 30px 30px;
  }
}
.cta10_bg_area .cta_10_elements1 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.cta10_bg_area .cta_10_elements2 {
  position: absolute;
  right: 0;
  z-index: -1;
  bottom: 0;
}

.cta10_form_area {
  position: relative;
  z-index: 1;
}
.cta10_form_area input {
  color: var(--ztc-text-text-25);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  width: 100%;
  background: var(--ztc-bg-bg-1);
  padding: 30px 16px;
  border-radius: 12px;
}
.cta10_form_area input::-moz-placeholder {
  color: var(--ztc-text-text-25);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.cta10_form_area input::placeholder {
  color: var(--ztc-text-text-25);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.cta10_form_area button {
  position: absolute;
  right: 9px;
  top: 9px;
}

/*============= CTA CSS AREA ENDS===============*/
/*============= TESTIMONIAL CSS AREA ===============*/
.testimonial_1_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #EFEFEF;
}

.testimonail_1_slider_arrow {
  position: relative;
  z-index: 1;
}
.testimonail_1_slider_arrow .testimonial_1_arrow {
  display: flex;
  align-items: center;
  margin-top: 32px;
}
.testimonail_1_slider_arrow .testimonial_1_arrow button {
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 45px;
  border-radius: 50%;
  border: 1px solid var(--ztc-text-text-4);
  transition: all 0.4s;
  color: var(--ztc-text-text-4);
  font-size: var(--ztc-font-size-font-s18);
}
.testimonail_1_slider_arrow .testimonial_1_arrow button:hover {
  background: var(--ztc-bg-bg-3);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.testimonail_1_slider_arrow .testimonial_1_arrow .prev-arrow-testi1 {
  margin: 0 16px 0 0;
}

.testimonial_1_slider_boxarea .slick-list {
  overflow: inherit;
}

.testimonial_1_boxarea {
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
  padding: 30px;
  position: relative;
  z-index: 1;
  margin: 0 10px;
}
.testimonial_1_boxarea ul li {
  display: inline-block;
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}

.tesimonial_1_pera p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .tesimonial_1_pera p {
    font-size: var(--ztc-font-size-font-s16);
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tesimonial_1_pera p {
    font-size: var(--ztc-font-size-font-s16);
    line-height: 24px;
  }
}

.testimonial_1_author_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testimonial_1_author_area .testimonai_author {
  display: flex;
  align-items: center;
}
.testimonial_1_author_area .testimonai_author .img1 img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.testimonial_1_content {
  padding-left: 12px;
}
.testimonial_1_content a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
  text-transform: capitalize;
}
.testimonial_1_content p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  transition: all 0.4s;
}

.testimonial_1_boxarea.slick-slide.slick-current.slick-active {
  background: var(--ztc-bg-bg-3);
}
.testimonial_1_boxarea.slick-slide.slick-current.slick-active ul li {
  color: var(--ztc-text-text-5);
}
.testimonial_1_boxarea.slick-slide.slick-current.slick-active .tesimonial_1_pera p {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.testimonial_1_boxarea.slick-slide.slick-current.slick-active .testimonial_1_content a {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.testimonial_1_boxarea.slick-slide.slick-current.slick-active .testimonial_1_content p {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.testimonial_2_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #F2EEF7;
}

.testimonail_2_slider_arrow {
  position: relative;
  z-index: 1;
}
.testimonail_2_slider_arrow .slick-dots {
  text-align: center;
  margin-top: 40px;
}
.testimonail_2_slider_arrow .slick-dots li {
  display: inline-block;
}
.testimonail_2_slider_arrow .slick-dots .slick-active button {
  width: 50px;
  background: var(--ztc-bg-bg-4);
  transition: all 0.4s;
}
.testimonail_2_slider_arrow .slick-dots button {
  display: inline-block;
  width: 30px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 30px;
  background: var(--ztc-bg-bg-1);
  text-indent: -9999px;
  position: relative;
  margin: 0 5px;
  transition: all 0.4s;
}

.testimonial_2_slider_boxarea .slick-list {
  overflow: inherit;
}

.testimonial_2_boxarea {
  background: #ECE5F3;
  border-radius: 12px;
  padding: 30px;
  position: relative;
  z-index: 1;
  margin: 0 10px;
}
.testimonial_2_boxarea ul li {
  display: inline-block;
  color: var(--ztc-text-text-6);
  transition: all 0.4s;
}

.tesimonial_2_pera p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .tesimonial_2_pera p {
    font-size: var(--ztc-font-size-font-s16);
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tesimonial_2_pera p {
    font-size: var(--ztc-font-size-font-s16);
    line-height: 24px;
  }
}

.testimonial_2_author_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testimonial_2_author_area .testimonai_author {
  display: flex;
  align-items: center;
}
.testimonial_2_author_area .testimonai_author .img1 img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.testimonial_2_content {
  padding-left: 12px;
}
.testimonial_2_content a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
  text-transform: capitalize;
}
.testimonial_2_content p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  transition: all 0.4s;
}

.testimonial_2_boxarea.slick-slide.slick-current.slick-active {
  background: var(--ztc-bg-bg-4);
}
.testimonial_2_boxarea.slick-slide.slick-current.slick-active ul li {
  color: var(--ztc-text-text-5);
}
.testimonial_2_boxarea.slick-slide.slick-current.slick-active .tesimonial_2_pera p {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.testimonial_2_boxarea.slick-slide.slick-current.slick-active .testimonial_2_content a {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.testimonial_2_boxarea.slick-slide.slick-current.slick-active .testimonial_2_content p {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.testimonial_3_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #ECF1FD;
}

.testimonial_3_img {
  height: 600px;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .testimonial_3_img {
    height: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_3_img {
    height: 500px;
  }
}
.testimonial_3_img img {
  height: 600px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_3_img img {
    height: 400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial_3_img img {
    height: 500px;
  }
}
@media (max-width: 767px) {
  .testimonial_3_img img {
    height: 300px;
  }
}

.testimonial_3_slider_boxarea {
  padding: 25px 0;
  border-top: 1px solid #A7BCC6;
  border-bottom: 1px solid #A7BCC6;
  margin-top: 32px;
}

.testimonail_3_slider_arrow {
  position: relative;
  z-index: 1;
}
.testimonail_3_slider_arrow .testimonial_3_arrow {
  display: flex;
  align-items: center;
  margin-top: 32px;
}
.testimonail_3_slider_arrow .testimonial_3_arrow button {
  height: 54px;
  width: 54px;
  text-align: center;
  line-height: 45px;
  border-radius: 8px;
  transition: all 0.4s;
  color: var(--ztc-text-text-7);
  font-size: var(--ztc-font-size-font-s18);
  border: none;
  background: var(--ztc-bg-bg-1);
}
.testimonail_3_slider_arrow .testimonial_3_arrow button:hover {
  background: var(--ztc-bg-bg-6);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.testimonail_3_slider_arrow .testimonial_3_arrow .prev-arrow-testi3 {
  margin: 0 16px 0 0;
}

.testimonial_3_boxarea {
  position: relative;
  z-index: 1;
}
.testimonial_3_boxarea ul li {
  display: inline-block;
  color: var(--ztc-text-text-9);
  transition: all 0.4s;
}

.tesimonial_3_pera p {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .tesimonial_3_pera p {
    font-size: var(--ztc-font-size-font-s16);
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tesimonial_3_pera p {
    font-size: var(--ztc-font-size-font-s16);
    line-height: 24px;
  }
}

.testimonial_3_author_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testimonial_3_author_area .testimonai_author {
  display: flex;
  align-items: center;
}
.testimonial_3_author_area .testimonai_author .img1 img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.testimonial_3_content {
  padding-left: 12px;
}
.testimonial_3_content a {
  color: var(--ztc-text-text-7);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
  text-transform: capitalize;
}
.testimonial_3_content p {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  transition: all 0.4s;
}

.testimonial_3_heading {
  padding: 0 0 0 50px;
}
@media (max-width: 767px) {
  .testimonial_3_heading {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_3_heading {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial_3_heading {
    padding: 0;
    margin-top: 30px;
  }
}

.testimonial_4_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-8);
}
@media (max-width: 767px) {
  .testimonial_4_section_area .heading5-w {
    margin-bottom: 30px;
  }
}

.testimonial_4_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
  transition: all 0.4s;
  padding: 30px;
  margin-bottom: 30px;
}
.testimonial_4_boxarea:hover {
  transform: translateY(-10px);
  transition: all 0.4s;
}
.testimonial_4_boxarea:hover::after {
  visibility: visible;
  opacity: 1;
  width: 100%;
  transition: all 0.4s;
  left: 0;
}
.testimonial_4_boxarea::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  left: 50%;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-7);
  z-index: -1;
}
.testimonial_4_boxarea .star li {
  display: inline-block;
  color: #614D42;
  transition: all 0.4s;
}
.testimonial_4_boxarea .pera {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
  transition: all 0.4s;
}
.testimonial_4_boxarea .content_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testimonial_4_boxarea .content_area .images_content {
  display: flex;
  align-items: center;
}
.testimonial_4_boxarea .content_area .images_content .img1 img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.testimonial_4_boxarea .content_area .images_content .content {
  padding-left: 12px;
}
.testimonial_4_boxarea .content_area .images_content .content a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
  transition: all 0.4s;
}
.testimonial_4_boxarea .content_area .images_content .content p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  transition: all 0.4s;
}

.testimonial_5_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #ECF1FD;
}

.testimonial_5_img {
  height: 600px;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .testimonial_5_img {
    height: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_5_img {
    height: 500px;
  }
}
.testimonial_5_img img {
  height: 600px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_5_img img {
    height: 400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial_5_img img {
    height: 500px;
  }
}
@media (max-width: 767px) {
  .testimonial_5_img img {
    height: 300px;
  }
}

.testimonial_5_slider_boxarea {
  padding: 25px 0;
  border-top: 1px solid #A7BCC6;
  border-bottom: 1px solid #A7BCC6;
  margin-top: 32px;
}

.testimonial_5_slider_arrow {
  position: relative;
  z-index: 1;
}
.testimonial_5_slider_arrow .testimonial_5_arrow {
  display: flex;
  align-items: center;
  margin-top: 32px;
}
.testimonial_5_slider_arrow .testimonial_5_arrow button {
  height: 54px;
  width: 54px;
  text-align: center;
  line-height: 45px;
  border-radius: 8px;
  transition: all 0.4s;
  color: var(--ztc-text-text-11);
  font-size: var(--ztc-font-size-font-s18);
  border: none;
  background: var(--ztc-bg-bg-1);
}
.testimonial_5_slider_arrow .testimonial_5_arrow button:hover {
  background: var(--ztc-bg-bg-10);
  color: var(--ztc-text-text-11);
  transition: all 0.4s;
}
.testimonial_5_slider_arrow .testimonial_5_arrow .prev-arrow-testi5 {
  margin: 0 16px 0 0;
}

.testimonial_5_boxarea {
  position: relative;
  z-index: 1;
}
.testimonial_5_boxarea ul li {
  display: inline-block;
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.testimonial_5_pera p {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .testimonial_5_pera p {
    font-size: var(--ztc-font-size-font-s16);
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_5_pera p {
    font-size: var(--ztc-font-size-font-s16);
    line-height: 24px;
  }
}

.testimonial_5_author_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testimonial_5_author_area .testimonai_author {
  display: flex;
  align-items: center;
}
.testimonial_5_author_area .testimonai_author .img1 img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.testimonial_5_author_area .quote2 {
  filter: brightness(0) invert(1);
}

.testimonial_5_content {
  padding-left: 12px;
}
.testimonial_5_content a {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
  text-transform: capitalize;
}
.testimonial_5_content p {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  transition: all 0.4s;
}

.testimonial_5_heading {
  padding: 0 0 0 50px;
}
@media (max-width: 767px) {
  .testimonial_5_heading {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_5_heading {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial_5_heading {
    padding: 0;
    margin-top: 30px;
  }
}

.testimonial_6_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.testimonail_6_slider_arrow {
  position: relative;
  z-index: 1;
}
.testimonail_6_slider_arrow .testimonial_6_arrow {
  display: flex;
  align-items: center;
  margin-top: 32px;
  justify-content: center;
}
.testimonail_6_slider_arrow .testimonial_6_arrow button {
  height: 56px;
  width: 56px;
  text-align: center;
  line-height: 53px;
  border-radius: 50%;
  transition: all 0.4s;
  color: var(--ztc-text-text-2);
  font-size: var(--ztc-font-size-font-s22);
  background: var(--ztc-bg-bg-1);
  border: none;
}
.testimonail_6_slider_arrow .testimonial_6_arrow button:hover {
  background: var(--ztc-bg-bg-13);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.testimonail_6_slider_arrow .testimonial_6_arrow .prev-arrow-testi6 {
  margin: 0 16px 0 0;
}

.testimonial_6_slider_boxarea .slick-list {
  overflow: inherit;
}

.testimonial_6_boxarea {
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
  padding: 30px;
  position: relative;
  z-index: 1;
  margin: 0 10px;
}
.testimonial_6_boxarea ul li {
  display: inline-block;
  color: var(--ztc-text-text-15);
  transition: all 0.4s;
}

.tesimonial_6_pera p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .tesimonial_6_pera p {
    font-size: var(--ztc-font-size-font-s16);
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tesimonial_6_pera p {
    font-size: var(--ztc-font-size-font-s16);
    line-height: 24px;
  }
}

.testimonial_6_author_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testimonial_6_author_area .testimonai_author {
  display: flex;
  align-items: center;
}
.testimonial_6_author_area .testimonai_author .img1 img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.testimonial_6_content {
  padding-left: 12px;
}
.testimonial_6_content a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
  text-transform: capitalize;
}
.testimonial_6_content p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  transition: all 0.4s;
}

.testimonial_6_boxarea.slick-slide.slick-current.slick-active {
  background: var(--ztc-bg-bg-13);
}
.testimonial_6_boxarea.slick-slide.slick-current.slick-active ul li {
  color: var(--ztc-text-text-1);
}
.testimonial_6_boxarea.slick-slide.slick-current.slick-active .tesimonial_6_pera p {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.testimonial_6_boxarea.slick-slide.slick-current.slick-active .testimonial_6_content a {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.testimonial_6_boxarea.slick-slide.slick-current.slick-active .testimonial_6_content p {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.corporate_7_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 45px;
  border-radius: 12px;
  background: #D7E0E4;
}
@media (max-width: 767px) {
  .corporate_7_section {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .corporate_7_section {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .corporate_7_section {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .corporate_7_section {
    margin: 0 30px 0 30px;
  }
}
.corporate_7_section .service_corporate_bg {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  animation: glow_animation 6s linear infinite;
  mix-blend-mode: plus-lighter;
  pointer-events: none;
}

.corporate_testi_7_boxarea {
  position: relative;
  z-index: 1;
  transition: all 0.4s;
  border-radius: 12px;
  background: var(--ztc-bg-bg-1);
  margin-bottom: 30px;
}
.corporate_testi_7_boxarea:hover {
  transition: all 0.4s;
  transform: translateY(-10px);
}

.testi_7_img img {
  height: 340px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px 0 0 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testi_7_img img {
    height: 250px;
    border-radius: 12px 12px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testi_7_img img {
    height: 250px;
    border-radius: 12px 12px 0 0;
  }
}
@media (max-width: 767px) {
  .testi_7_img img {
    height: 250px;
    border-radius: 12px 12px 0 0;
  }
}

.corporate_testi_7_content {
  padding: 0 30px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .corporate_testi_7_content {
    padding: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .corporate_testi_7_content {
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .corporate_testi_7_content {
    padding: 24px;
  }
}
.corporate_testi_7_content .star_list li {
  display: inline-block;
  color: var(--ztc-text-text-16);
  transition: all 0.4s;
}
.corporate_testi_7_content .pera {
  color: var(--ztc-text-text-17);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  transition: all 0.4s;
}
.corporate_testi_7_content .content_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.corporate_testi_7_content .content_area .images_content {
  display: flex;
  align-items: center;
}
.corporate_testi_7_content .content_area .images_content .img1 img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.corporate_testi_7_content .content_area .images_content .content {
  padding-left: 12px;
}
.corporate_testi_7_content .content_area .images_content .content a {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.corporate_testi_7_content .content_area .images_content .content a:hover {
  color: var(--ztc-text-text-17);
  transition: all 0.4s;
}
.corporate_testi_7_content .content_area .images_content .content p {
  color: rgba(72, 99, 112, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: block;
  transition: all 0.4s;
  padding-top: 8px;
}

.testimonial_7_bottom {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .testimonial_7_bottom {
    display: block;
    text-align: center;
  }
}
.testimonial_7_bottom p {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 18px;
}
.testimonial_7_bottom i {
  color: #F5BB12;
  padding-right: 8px;
}
@media (max-width: 767px) {
  .testimonial_7_bottom i {
    padding: 0 0 8px 0;
  }
}
.testimonial_7_bottom img {
  margin: 0 8px;
}
@media (max-width: 767px) {
  .testimonial_7_bottom img {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.testimonial_9_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-19);
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_9_section_area .heading10 {
    margin-bottom: 30px;
  }
}

.testimonial_9_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
  transition: all 0.4s;
  padding: 30px;
  margin-bottom: 30px;
}
.testimonial_9_boxarea:hover {
  transform: translateY(-10px);
  transition: all 0.4s;
}
.testimonial_9_boxarea:hover::after {
  visibility: visible;
  opacity: 1;
  width: 100%;
  transition: all 0.4s;
  left: 0;
}
.testimonial_9_boxarea:hover .star li {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.testimonial_9_boxarea:hover .pera {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.testimonial_9_boxarea:hover .content_area .images_content .content a {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.testimonial_9_boxarea:hover .content_area .images_content .content p {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.testimonial_9_boxarea::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  left: 50%;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-22);
  z-index: -1;
}
.testimonial_9_boxarea .star li {
  display: inline-block;
  color: var(--ztc-text-text-23);
  transition: all 0.4s;
}
.testimonial_9_boxarea .pera {
  color: var(--ztc-text-text-22);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
  transition: all 0.4s;
}
.testimonial_9_boxarea .content_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testimonial_9_boxarea .content_area .images_content {
  display: flex;
  align-items: center;
}
.testimonial_9_boxarea .content_area .images_content .img1 img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.testimonial_9_boxarea .content_area .images_content .content {
  padding-left: 12px;
}
.testimonial_9_boxarea .content_area .images_content .content a {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
  transition: all 0.4s;
}
.testimonial_9_boxarea .content_area .images_content .content p {
  color: var(--ztc-text-text-22);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  transition: all 0.4s;
}

.bu_testimonial_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #EFEFEF;
}
.bu_testimonial_section_area .heading1 {
  padding: 0 30px 0 0;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bu_testimonial_section_area .heading1 {
    margin-bottom: 30px;
    padding: 0;
  }
}

.bu_testimonial_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
  transition: all 0.4s;
  padding: 30px;
  margin-bottom: 30px;
}
.bu_testimonial_boxarea:hover {
  transform: translateY(-10px);
  transition: all 0.4s;
}
.bu_testimonial_boxarea:hover::after {
  visibility: visible;
  opacity: 1;
  width: 100%;
  transition: all 0.4s;
  left: 0;
}
.bu_testimonial_boxarea:hover .star li {
  color: var(--ztc-text-text-5);
  transition: all 0.4s;
}
.bu_testimonial_boxarea:hover .pera {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.bu_testimonial_boxarea:hover .content_area .quito1 {
  filter: brightness(0) invert(1);
  transition: all 0.4s;
}
.bu_testimonial_boxarea:hover .content_area .images_content .content a {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.bu_testimonial_boxarea:hover .content_area .images_content .content p {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.bu_testimonial_boxarea::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  left: 50%;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-3);
  z-index: -1;
}
.bu_testimonial_boxarea .star li {
  display: inline-block;
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}
.bu_testimonial_boxarea .pera {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
  transition: all 0.4s;
}
.bu_testimonial_boxarea .content_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bu_testimonial_boxarea .content_area .images_content {
  display: flex;
  align-items: center;
}
.bu_testimonial_boxarea .content_area .images_content .img1 img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bu_testimonial_boxarea .content_area .images_content .content {
  padding-left: 12px;
}
.bu_testimonial_boxarea .content_area .images_content .content a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
  transition: all 0.4s;
}
.bu_testimonial_boxarea .content_area .images_content .content p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  transition: all 0.4s;
  padding-top: 8px;
}

.bu_testimonial_section_area_2 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-28);
}

.bu_testimonial_section_area_inner {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.bu_testi_inner_boxarea {
  position: relative;
  z-index: 1;
  transition: all 0.4s;
  border-radius: 12px;
  background: var(--ztc-bg-bg-1);
  margin-bottom: 30px;
}
.bu_testi_inner_boxarea:hover {
  transition: all 0.4s;
  transform: translateY(-10px);
}

.testi_inner_img img {
  height: 340px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px 0 0 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testi_inner_img img {
    height: 250px;
    border-radius: 12px 12px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testi_inner_img img {
    height: 250px;
    border-radius: 12px 12px 0 0;
  }
}
@media (max-width: 767px) {
  .testi_inner_img img {
    height: 250px;
    border-radius: 12px 12px 0 0;
  }
}

.bu_testi_inner_content {
  padding: 0 30px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bu_testi_inner_content {
    padding: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bu_testi_inner_content {
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .bu_testi_inner_content {
    padding: 24px;
  }
}
.bu_testi_inner_content .star_list li {
  display: inline-block;
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}
.bu_testi_inner_content .pera {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  transition: all 0.4s;
}
.bu_testi_inner_content .content_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bu_testi_inner_content .content_area .images_content {
  display: flex;
  align-items: center;
}
.bu_testi_inner_content .content_area .images_content .img1 img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bu_testi_inner_content .content_area .images_content .content {
  padding-left: 12px;
}
.bu_testi_inner_content .content_area .images_content .content a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.bu_testi_inner_content .content_area .images_content .content a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}
.bu_testi_inner_content .content_area .images_content .content p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: block;
  transition: all 0.4s;
  padding-top: 8px;
}

/*============= TESTIMONIAL CSS AREA ENDS ===============*/
/*============= CASE STUDY CSS AREA STARTS ===============*/
.case_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--home-12-frame-colour, #F6F6F6);
}

.case_1_boxarea {
  background: #EFEFEF;
  border-radius: 12px;
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 75px 50px 80px;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .case_1_boxarea {
    margin-bottom: 30px;
  }
}
.case_1_boxarea:hover {
  background: var(--ztc-bg-bg-3);
  transition: all 0.4s;
  transform: translateY(-10px);
}
.case_1_boxarea:hover h2 {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.case_1_boxarea:hover p {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.case_1_boxarea h2 {
  color: var(--ztc-text-text-2);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 52px;
  text-transform: capitalize;
  transition: all 0.4s;
}
.case_1_boxarea p {
  color: var(--ztc-text-text-3);
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
  transition: all 0.4s;
}

.case_1_main_boxarea {
  background: var(--ztc-bg-bg-1);
  padding: 24px;
  position: relative;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .case_1_main_boxarea {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case_1_main_boxarea {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case_1_main_boxarea {
    margin-bottom: 30px;
  }
}

.case_post_images_area .case_post_img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .case_post_images_area .case_post_img img {
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.case_post_images_area .slick-dots {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 20px;
  text-align: center;
  left: 50%;
  margin-left: -45px;
}
.case_post_images_area .slick-dots li {
  margin: 0 8px;
}
.case_post_images_area .slick-dots button {
  display: inline-block;
  width: 14px;
  height: 14px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background: var(--ztc-bg-bg-1);
  text-indent: -9999px;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.case_post_images_area .slick-dots button::after {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  border-radius: 50%;
  border: 1px solid var(--ztc-text-text-1);
  left: -5px;
  top: -5px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
}
.case_post_images_area .slick-dots li.slick-active button {
  background: var(--ztc-bg-bg-1);
}
.case_post_images_area .slick-dots li.slick-active button::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
}

.case_post_content .title {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
  transition: all 0.4s;
}
.case_post_content .title:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}
.case_post_content p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.case_post_content .readmore {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  transition: all 0.4s;
}
.case_post_content .readmore i {
  margin-left: 4px;
  transform: rotate(-45deg);
  transition: all 0.4s;
}
.case_post_content .readmore:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}
.case_post_content .readmore:hover i {
  transform: rotate(0);
  transition: all 0.4s;
}

.case_1_boxarea2 {
  background: #EFEFEF;
  border-radius: 12px;
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 75px 50px 80px;
  transition: all 0.4s;
}
.case_1_boxarea2:hover {
  background: var(--ztc-bg-bg-3);
  transition: all 0.4s;
  transform: translateY(-10px);
}
.case_1_boxarea2:hover h2 {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.case_1_boxarea2:hover p {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.case_1_boxarea2 h2 {
  color: var(--ztc-text-text-2);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 52px;
  text-transform: capitalize;
  transition: all 0.4s;
}
.case_1_boxarea2 p {
  color: var(--ztc-text-text-3);
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
  transition: all 0.4s;
}

.case_4_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.case_4_box_slider {
  position: relative;
  z-index: 1;
}
.case_4_box_slider .case_4_boxarea.slick-slide.slick-current.slick-active .case_4_conetent {
  bottom: 30px;
  transition: all 0.6s;
}
.case_4_box_slider .case_4_boxarea.slick-slide.slick-current.slick-active .case_4_img1 img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}

.case_4_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 10px;
  transition: all 0.8s ease;
}

.case_4_img1 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
}
.case_4_img1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(97, 77, 66, 0.6) 0%, #614D42 100%);
}
.case_4_img1 img {
  height: 450px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  transition: all 0.4s;
}

.case_4_conetent {
  position: absolute;
  bottom: -210px;
  left: 24px;
  z-index: 1;
  right: 24px;
  transition: all 0.6s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case_4_conetent {
    bottom: -260px;
  }
}
.case_4_conetent .icons {
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-7);
  display: inline-block;
  transition: all 0.4s;
  line-height: 48px;
}
.case_4_conetent .icons img {
  display: inline-block;
}
.case_4_conetent .title {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case_4_conetent .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
.case_4_conetent .content_pera p {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.case_4_btn_area {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}
.case_4_btn_area .case_4_prev {
  margin: 0 16px 0 0;
}
.case_4_btn_area button {
  border: none;
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-2);
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
}
.case_4_btn_area button:hover {
  background: var(--ztc-bg-bg-7);
  transition: all 0.4s;
  color: var(--ztc-text-text-2);
}

.case_5_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-11);
}

.case_5_box_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
}
.case_5_box_section::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 12px;
  background: rgba(40, 53, 44, 0.2);
  z-index: -1;
}

.case_5_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 168px 30px 30px 30px;
  transition: all 0.8s;
  top: 190px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case_5_boxarea {
    top: 0;
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case_5_boxarea {
    top: 0;
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .case_5_boxarea {
    top: 0;
    padding: 30px;
  }
}
.case_5_boxarea::after {
  position: absolute;
  content: "";
  height: 0;
  width: 100%;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 51, 45, 0) 0%, #00332D 100%);
  transition: all 0.6s;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case_5_boxarea::after {
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case_5_boxarea::after {
    height: 100%;
  }
}
@media (max-width: 767px) {
  .case_5_boxarea::after {
    height: 100%;
  }
}
.case_5_boxarea:hover {
  top: 0;
  transition: all 0.8s;
}
.case_5_boxarea:hover::after {
  height: 100%;
  transition: all 0.6s;
}
.case_5_boxarea:hover .case_5_content_area h3 {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.case_5_boxarea.active {
  top: 0;
  transition: all 0.8s;
}
.case_5_boxarea.active::after {
  height: 100%;
  transition: all 0.6s;
}
.case_5_boxarea.active .case_5_content_area h3 {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}

.case_5_content_area h3 {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 52px;
  text-transform: capitalize;
  background: transparent;
  transition: all 0.4s;
}
.case_5_content_area .title {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
  transition: all 0.4s;
}
.case_5_content_area .title:hover {
  color: var(--ztc-text-text-13);
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .case_5_content_area .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case_5_content_area .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
.case_5_content_area p {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.case_6_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.case_6_box_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
}
.case_6_box_section::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(18, 28, 39, 0) 34.55%, #121C27 100%);
  z-index: -1;
}

.case_6_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 30px 30px 30px 30px;
  transition: all 0.8s;
  top: 190px;
  margin-top: 154px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case_6_boxarea {
    top: 0;
    padding: 30px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case_6_boxarea {
    top: 0;
    padding: 30px;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .case_6_boxarea {
    top: 0;
    padding: 30px;
    margin-top: 0;
  }
}
.case_6_boxarea::after {
  position: absolute;
  content: "";
  height: 0;
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all 0.6s;
  z-index: -1;
  background: var(--ztc-bg-bg-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case_6_boxarea::after {
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case_6_boxarea::after {
    height: 100%;
  }
}
@media (max-width: 767px) {
  .case_6_boxarea::after {
    height: 100%;
  }
}
.case_6_boxarea:hover {
  top: 0;
  transition: all 0.8s;
}
.case_6_boxarea:hover::after {
  height: 100%;
  transition: all 0.6s;
  background: var(--ztc-bg-bg-1);
}
.case_6_boxarea:hover .case_6_content_area h3 {
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
}
.case_6_boxarea:hover .case_6_content_area .title {
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
}
.case_6_boxarea.active {
  top: 0;
  transition: all 0.8s;
}
.case_6_boxarea.active::after {
  height: 100%;
  transition: all 0.6s;
  background: var(--ztc-bg-bg-1);
}
.case_6_boxarea.active .case_6_content_area h3 {
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
}
.case_6_boxarea.active .case_6_content_area .title {
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
}
.case_6_boxarea.active .case_6_content_area p {
  color: var(--ztc-text-text-3);
  transition: all 0.4s;
}

.case_6_content_area h3 {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 52px;
  text-transform: capitalize;
  background: transparent;
  transition: all 0.4s;
}
.case_6_content_area .title {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
  transition: all 0.4s;
}
.case_6_content_area .title:hover {
  color: var(--ztc-text-text-15);
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .case_6_content_area .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
    color: var(--ztc-text-text-2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case_6_content_area .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
    color: var(--ztc-text-text-2);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case_6_content_area .title {
    color: var(--ztc-text-text-2);
  }
}
.case_6_content_area p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.case_study_8_section {
  position: relative;
  z-index: 1;
  background: var(--ztc-bg-bg-19);
}
.case_study_8_section .cs_case_study_1_list {
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case_study_8_section .cs_case_study_1_list {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .case_study_8_section .cs_case_study_1_list {
    flex-direction: column;
  }
}
.case_study_8_section .cs_case_study_1_list > .cs_case_study.cs_style_1 {
  flex: 1;
}
.case_study_8_section .cs_case_study_1_list .cs_case_study.cs_style_1 {
  min-height: 400px;
  position: relative;
  z-index: 1;
  min-width: 106px;
}
.case_study_8_section .cs_case_study_1_list .cs_case_study.cs_style_1::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: var(--ztc-bg-bg-1);
  border-radius: 10px;
  left: 0;
  top: 0;
  z-index: 1;
  transition: all 0.4s;
  visibility: visible;
  opacity: 1;
}
@media (max-width: 767px) {
  .case_study_8_section .cs_case_study_1_list .cs_case_study.cs_style_1::before {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case_study_8_section .cs_case_study_1_list .cs_case_study.cs_style_1::before {
    display: none;
  }
}
.case_study_8_section .cs_case_study_1_list .cs_case_study.cs_style_1 .cs_case_study_in {
  transition: all 0.2s ease;
  left: 80px;
  opacity: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case_study_8_section .cs_case_study_1_list .cs_case_study.cs_style_1 .cs_case_study_in {
    left: 0;
    opacity: 1;
  }
}
.case_study_8_section .cs_case_study_1_list .cs_case_study.cs_style_1.active {
  flex: 3;
}
.case_study_8_section .cs_case_study_1_list .cs_case_study.cs_style_1.active .cs_case_study_in {
  opacity: 1;
  left: 0;
  transition: all 0.6s ease;
  transition-delay: 0.3s;
}
.case_study_8_section .cs_case_study_1_list .cs_case_study.cs_style_1.active .cs_case_study_icon {
  transform: scale(0) rotate(360deg);
  transition-delay: 0.1s;
}
.case_study_8_section .cs_case_study.cs_style_1 {
  height: 700px;
  display: flex;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
  transition: all 0.8s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .case_study_8_section .cs_case_study.cs_style_1 {
    height: 600px;
  }
}
.case_study_8_section .cs_case_study.cs_style_1 .cs_case_study_title a {
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 100% 3px;
}
.case_study_8_section .cs_case_study.cs_style_1 .cs_case_study_number {
  left: 70px;
  top: 70px;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case_study_8_section .cs_case_study.cs_style_1 .cs_case_study_number {
    left: 30px;
    top: 40px;
  }
}
.case_study_8_section .cs_case_study.cs_style_1 .cs_case_study_category {
  margin-bottom: 15px;
}
.case_study_8_section .cs_case_study.cs_style_1 .cs_case_study_thumb {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.case_study_8_section .cs_case_study.cs_style_1 .cs_case_study_in {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 88px 72px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .case_study_8_section .cs_case_study.cs_style_1 .cs_case_study_in {
    padding: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case_study_8_section .cs_case_study.cs_style_1 .cs_case_study_in {
    padding: 30px;
  }
}
.case_study_8_section .cs_case_study.cs_style_1 .cs_case_study_icon {
  left: 70px;
  bottom: 86px;
  z-index: 1;
  height: 55px;
  width: 55px;
  transition: all 0.8s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .case_study_8_section .cs_case_study.cs_style_1 .cs_case_study_icon {
    left: 40px;
    bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case_study_8_section .cs_case_study.cs_style_1 .cs_case_study_icon {
    display: none;
  }
}
.case_study_8_section .cs_case_study_thumb {
  background-image: url(../img/all-images/projects/project_1_img1.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.case_study_8_section .cs_case_study_thumb.cs_case_study_thumb2 {
  background-image: url(../img/all-images/projects/project_1_img2.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.case_study_8_section .cs_case_study_thumb.cs_case_study_thumb3 {
  background-image: url(../img/all-images/projects/project_1_img3.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.case_study_8_section .cs_case_study_thumb.cs_case_study_thumb4 {
  background-image: url(../img/all-images/projects/project_1_img4.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.case_study_8_section .cs_case_study_thumb.cs_case_study_thumb5 {
  background-image: url(../img/all-images/projects/project_1_img5.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.case_study_8_section .cs_case_study.cs_style_1.cs_hover_active {
  margin: 0px 8px;
  border-radius: 12px;
  height: 475px;
  width: 106px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case_study_8_section .cs_case_study.cs_style_1.cs_hover_active {
    margin: 0 0 24px 0;
  }
}
@media (max-width: 767px) {
  .case_study_8_section .cs_case_study.cs_style_1.cs_hover_active {
    margin: 0 0 24px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case_study_8_section .cs_case_study.cs_style_1.cs_hover_active {
    height: auto;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case_study_8_section .cs_case_study.cs_style_1.cs_hover_active {
    height: auto;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .case_study_8_section .cs_case_study.cs_style_1.cs_hover_active {
    height: auto;
    width: 100%;
  }
}
.case_study_8_section .cs_case_study.cs_style_1.cs_hover_active.active::before {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
}
.case_study_8_section .cs_case_study.cs_style_1.cs_hover_active.active::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
}
.case_study_8_section .cs_case_study.cs_style_1.cs_hover_active.active .content-area {
  left: 0;
  transition: all 0.8s;
  opacity: 1;
}
.case_study_8_section .cs_case_study.cs_style_1.cs_hover_active.active .content-area2 {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  left: 0;
}
.case_study_8_section .content-area {
  position: absolute;
  z-index: 1;
  transition: all 0.8s;
  padding: 24px 24px 24px 24px;
  bottom: 0;
  left: -100%;
  opacity: 0;
  border-radius: 0 0 12px 12px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(5px);
}
@media (max-width: 767px) {
  .case_study_8_section .content-area {
    left: 0;
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case_study_8_section .content-area {
    left: 0;
    opacity: 1;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case_study_8_section .content-area .project_1_list {
    display: none;
  }
}
@media (max-width: 767px) {
  .case_study_8_section .content-area .project_1_list {
    display: none;
  }
}
.case_study_8_section .content-area .project_1_list li {
  display: inline-block;
  margin: 0 8px 0 0;
}
.case_study_8_section .content-area .project_1_list li:nth-last-child(1) {
  margin: 0;
}
.case_study_8_section .content-area .project_1_list li a {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  padding: 8px 12px;
  border: 1px solid var(--ztc-text-text-1);
  border-radius: 100px;
  transition: all 0.4s;
}
.case_study_8_section .content-area .project_1_list li a:hover {
  background: var(--ztc-text-text-1);
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
}
.case_study_8_section .content-area .project_title_text .title {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  text-transform: capitalize;
  transition: all 0.4s;
  display: block;
}
@media (max-width: 767px) {
  .case_study_8_section .content-area .project_title_text .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
.case_study_8_section .content-area .project_title_text .title:hover {
  color: var(--ztc-text-text-20);
  transition: all 0.4s;
  opacity: 80%;
}
.case_study_8_section .content-area .project_title_text .icons {
  height: 46px;
  width: 46px;
  text-align: center;
  line-height: 46px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-18);
  display: inline-block;
  transition: all 0.4s;
  color: var(--ztc-text-text-2);
}
.case_study_8_section .content-area .project_title_text .icons:hover {
  background: var(--ztc-bg-bg-4);
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
  transform: rotate(0);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case_study_8_section .content-area .project_title_text .icons {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .case_study_8_section .content-area .project_title_text .icons {
    margin-top: 16px;
  }
}
.case_study_8_section .content-area .project_pera {
  color: var(--ztc-text-text-19);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.case_study_8_section .content-area2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 214px;
  z-index: 2;
  width: 100%;
  transform: rotate(-90deg);
  left: -132px;
  width: 440px;
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .case_study_8_section .content-area2 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case_study_8_section .content-area2 {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case_study_8_section .content-area2 {
    left: -160px;
  }
}
.case_study_8_section .content-area2 .title {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}
.case_study_8_section .content-area2 .arrow {
  height: 46px;
  width: 46px;
  text-align: center;
  line-height: 46px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-18);
  display: inline-block;
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
  transform: rotate(45deg);
}
.case_study_8_section .content-area2 .arrow:hover {
  background: var(--ztc-bg-bg-17);
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
  transform: rotate(0);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case_study_8_section .content-area2 .arrow {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .case_study_8_section .content-area2 .arrow {
    margin-top: 16px;
  }
}

/*============= CASE STUDY CSS AREA ENDS ===============*/
/*============= ABOUT CSS AREA ===============*/
.about1_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #F6F6F6;
}

.about_h1_images_area .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

.about_1_heading {
  position: relative;
  z-index: 1;
  padding: 0 0 0 60px;
}
@media (max-width: 767px) {
  .about_1_heading {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_1_heading {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_1_heading {
    padding: 0;
    margin-top: 30px;
  }
}

.about_1_list ul li {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  margin-bottom: 20px;
}
.about_1_list ul li:nth-last-child(1) {
  margin: 0;
}
.about_1_list ul li img {
  margin: 0 6px 0 0;
}

@media (max-width: 767px) {
  .about_author {
    margin-top: 20px;
  }
}
.about_author h2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 32px;
  text-transform: capitalize;
}
.about_author h2 span {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 32px;
  text-transform: capitalize;
}
.about_author img {
  margin: 0 16px 0 0;
}
.about_author p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.about_h1_inner_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #F6F6F6;
}

.about_h1_check_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(0, 88, 88, 0.2);
  background: var(--home-12-gray-colour, #EFEFEF);
  padding: 30px;
  display: flex;
  align-items: start;
  transition: all 0.4s;
}
.about_h1_check_boxarea:hover {
  background: var(--ztc-bg-bg-1);
  transition: all 0.4s;
  transform: translateY(-5px);
}

.about_h1_content_area {
  padding-left: 16px;
}
.about_h1_content_area a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s26);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.about_h1_content_area a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}
.about_h1_content_area p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.about_h1_inner_heading {
  padding: 0 0 0 50px;
}
@media (max-width: 767px) {
  .about_h1_inner_heading {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_h1_inner_heading {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_h1_inner_heading {
    padding: 0;
    margin-top: 30px;
  }
}

.about_1_inner_img img {
  height: 342px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

.about_h1_inner_bottom {
  background: #063232;
  border-radius: 12px;
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .about_h1_inner_bottom {
    display: inline-block;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_h1_inner_bottom {
    display: block;
    text-align: center;
  }
}
.about_h1_inner_bottom img {
  width: 168px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
}
.about_h1_inner_bottom h2 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 52px;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .about_h1_inner_bottom h2 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
    margin-top: 24px;
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_h1_inner_bottom h2 {
    margin-top: 20px;
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_h1_inner_bottom h2 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 32px;
  }
}

.about_mission_section_area {
  position: relative;
  z-index: 1;
  background: #EFEFEF;
}

.about_mission_img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px;
  position: relative;
  top: -50px;
}
@media (max-width: 767px) {
  .about_mission_img1 img {
    top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_mission_img1 img {
    top: 0;
  }
}

.about_mission_heading {
  padding: 0 0 0 50px;
}
@media (max-width: 767px) {
  .about_mission_heading {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_mission_heading {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_mission_heading {
    padding: 0;
    margin-top: 30px;
  }
}

.about_mission_checkbox {
  display: flex;
  align-items: start;
}
.about_mission_checkbox .about_mission_content {
  padding-left: 16px;
}
.about_mission_checkbox .about_mission_content a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  text-transform: capitalize;
  transition: all 0.4s;
}
.about_mission_checkbox .about_mission_content a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}
.about_mission_checkbox .about_mission_content p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
}

.about_bottom_mission_box {
  position: relative;
  z-index: 1;
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
  padding: 30px;
  overflow: hidden;
  margin-top: -100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_bottom_mission_box {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_bottom_mission_box {
    margin-top: 40px;
  }
}
.about_bottom_mission_box .about_mission_img2 {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  width: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_bottom_mission_box .about_mission_img2 {
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_bottom_mission_box .about_mission_img2 {
    height: 100%;
    position: relative;
    width: 100%;
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  .about_bottom_mission_box .about_mission_img2 {
    height: 100%;
    position: relative;
    width: 100%;
    border-radius: 12px;
  }
}
.about_bottom_mission_box .heading1 {
  padding: 0 60px 0 0;
}
@media (max-width: 767px) {
  .about_bottom_mission_box .heading1 {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_bottom_mission_box .heading1 {
    padding: 0;
    margin-top: 30px;
  }
}

.about_h1_icons_boxarea {
  position: relative;
  z-index: 1;
  margin-top: -100px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about_h1_icons_boxarea {
    margin-top: 50px;
  }
}

.about_icons_content_box {
  border-radius: 12px;
  background: var(--ztc-bg-bg-1);
  box-shadow: 0 4px 32px 0 rgba(0, 88, 88, 0.1);
  padding: 24px;
  position: relative;
  transition: all 0.4s;
  margin-bottom: 30px;
}
.about_icons_content_box:hover {
  background: var(--ztc-bg-bg-3);
  transition: all 0.4s;
  transform: translateY(-10px);
}
.about_icons_content_box:hover .icons_content_h1 .icons {
  background: var(--ztc-text-text-5);
  transition: all 0.4s;
}
.about_icons_content_box:hover .icons_content_h1 .icons img {
  filter: brightness(0);
  transition: all 0.4s;
}
.about_icons_content_box:hover .icons_content_h1 h3 {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.about_icons_content_box:hover p {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.about_icons_content_box .icons_content_h1 {
  display: flex;
  align-items: center;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about_icons_content_box .icons_content_h1 {
    display: block;
  }
}
.about_icons_content_box .icons_content_h1 .icons {
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-3);
  display: inline-block;
  transition: all 0.4s;
}
.about_icons_content_box .icons_content_h1 .icons img {
  transition: all 0.4s;
}
.about_icons_content_box .icons_content_h1 h3 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
  transition: all 0.4s;
  padding: 16px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about_icons_content_box .icons_content_h1 h3 {
    padding: 0;
    margin-top: 16px;
  }
}
.about_icons_content_box p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-bg-bg-18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
  transition: all 0.4s;
}

.bu_about_1_section {
  position: relative;
  z-index: 1;
}

.bu_about_images_area {
  position: relative;
}
.bu_about_images_area .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}

.bu_about_box {
  position: relative;
  z-index: 1;
  transition: all 0.4s;
  margin-top: 30px;
}
.bu_about_box:hover {
  transform: translateY(-10px);
  transition: all 0.4s;
}
.bu_about_box:hover .icons {
  transform: rotateY(-180deg);
  transition: all 0.4s;
  background: var(--ztc-bg-bg-3);
}
.bu_about_box:hover .icons img {
  filter: brightness(0) invert(1);
  transition: all 0.4s;
}
.bu_about_box .icons {
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 8px;
  background: var(--ztc-bg-bg-1);
  transition: all 0.4s;
  position: absolute;
}
@media (max-width: 767px) {
  .bu_about_box .icons {
    position: relative;
  }
}
.bu_about_box .icons img {
  transition: all 0.4s;
}
.bu_about_box .bu_about_box_content {
  padding-left: 64px;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .bu_about_box .bu_about_box_content {
    padding-left: 0;
    padding-top: 24px;
  }
}
.bu_about_box .bu_about_box_content h2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bu_about_box .bu_about_box_content h2 {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .bu_about_box .bu_about_box_content h2 {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
.bu_about_box .bu_about_box_content p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.bu_about_heading {
  padding: 0 70px 0 0;
}
@media (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bu_about_heading {
    padding: 0;
    margin-bottom: 30px;
  }
}

.about_2_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #F2EEF7;
}

.about_images_area img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_images_area img {
    height: 500px;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_2_others_area {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .about_2_others_area {
    margin-top: 30px;
  }
}
.about_2_others_area h2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}
.about_2_others_area p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.about_2_others_area ul li {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  padding-top: 20px;
}
.about_2_others_area ul li img {
  margin: 0 4px 0 0;
}

.about_2_counter_boxarea {
  position: relative;
  z-index: 1;
  background: #ECE5F3;
  padding: 40px 40px 40px 140px;
  border-radius: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_2_counter_boxarea {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_2_counter_boxarea {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .about_2_counter_boxarea {
    margin-top: 30px;
  }
}

.abour_2_author_box1 {
  background: var(--ztc-bg-bg-1);
  border-radius: 16px;
  padding: 16px;
  display: flex;
  align-items: center;
  width: 100%;
  position: absolute;
  transform: rotate(-90deg);
  left: -110px;
  top: 160px;
  width: 360px;
}
.abour_2_author_box1 img {
  width: 132px;
  height: 48px;
  -o-object-fit: cover;
     object-fit: cover;
}
.abour_2_author_box1 .client_service {
  padding-left: 16px;
}
.abour_2_author_box1 .client_service h2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}
.abour_2_author_box1 .client_service p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}

.about_2_client_service_counter .about_2_counter_others_boxarea h3 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 52px;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_2_client_service_counter .about_2_counter_others_boxarea h3 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .about_2_client_service_counter .about_2_counter_others_boxarea h3 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
  }
}
.about_2_client_service_counter .about_2_counter_others_boxarea p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_2_client_service_counter .about_2_counter_others_boxarea p {
    font-size: var(--ztc-font-size-font-s16);
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .about_2_client_service_counter .about_2_counter_others_boxarea p {
    font-size: var(--ztc-font-size-font-s16);
    line-height: 20px;
  }
}

.about3_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #F8F9FD;
}

.about_h3_images_area .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .about_h3_images_area .img1 img {
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.about_3_heading {
  position: relative;
  z-index: 1;
  padding: 0 0 0 60px;
}
@media (max-width: 767px) {
  .about_3_heading {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_3_heading {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_3_heading {
    padding: 0;
    margin-top: 30px;
  }
}

.about_3_counter_box {
  padding-top: 30px;
}
.about_3_counter_box h3 {
  color: var(--ztc-text-text-7);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 52px;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .about_3_counter_box h3 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 32px;
  }
}
.about_3_counter_box p {
  color: var(--ztc-text-text-8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 18px;
}

.law_about_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.law_about_section_area .heading5 {
  padding: 0 0 0 50px;
}
@media (max-width: 767px) {
  .law_about_section_area .heading5 {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .law_about_section_area .heading5 {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .law_about_section_area .heading5 {
    padding: 0;
  }
}

.about_4_img {
  position: relative;
  z-index: 1;
  padding: 4px;
  border: 1px solid #614D42;
  border-radius: 10px;
}
.about_4_img .vl-clip-anim {
  border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_4_img .vl-clip-anim {
    height: 430px;
  }
}

.law_about_counter_box {
  padding-left: 24px;
  border-left: 1px solid #614D42;
  margin-top: 60px;
}
.law_about_counter_box h3 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 52px;
  text-transform: capitalize;
}
.law_about_counter_box p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.tax_about_5_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.tax_about_img img {
  width: 100%;
  height: 670px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tax_about_img img {
    height: 700px;
  }
}
@media (max-width: 767px) {
  .tax_about_img img {
    height: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tax_about_img img {
    height: 600px;
  }
}

.tax_about_content_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 0 0 0 40px;
}
@media (max-width: 767px) {
  .tax_about_content_area {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tax_about_content_area {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tax_about_content_area {
    padding: 0;
  }
}

.tax_about_box {
  position: relative;
  z-index: 1;
  border-radius: 12px;
  background: #EFFFD1;
  padding: 24px;
  transition: all 0.4s;
}
.tax_about_box:hover {
  transform: translateY(-10px);
  transition: all 0.4s;
}
.tax_about_box:hover .icons {
  transform: rotateY(-180deg);
  transition: all 0.4s;
  background: var(--ztc-bg-bg-10);
}
.tax_about_box:hover .icons img {
  filter: none;
  transition: all 0.4s;
}
.tax_about_box .icons {
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 8px;
  background: var(--ztc-bg-bg-9);
  transition: all 0.4s;
  position: absolute;
}
@media (max-width: 767px) {
  .tax_about_box .icons {
    position: relative;
  }
}
.tax_about_box .icons img {
  filter: brightness(0) invert(1);
  transition: all 0.4s;
}
.tax_about_box .tax_about_box_content {
  padding-left: 64px;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .tax_about_box .tax_about_box_content {
    padding-left: 0;
    padding-top: 24px;
  }
}
.tax_about_box .tax_about_box_content h2 {
  color: var(--ztc-text-text-11);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tax_about_box .tax_about_box_content h2 {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .tax_about_box .tax_about_box_content h2 {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
.tax_about_box .tax_about_box_content p {
  color: var(--ztc-text-text-12);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.visa_about_6_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.bottom_text {
  width: 700px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bottom_text {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bottom_text {
    width: 100%;
  }
}

.about_6_heading .vl-clip-anim {
  height: 402px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_6_heading .vl-clip-anim {
    height: 550px;
  }
}

.abuot_6_arrow_anima {
  position: relative;
}
.abuot_6_arrow_anima .arrow {
  text-align: center;
  margin-top: 24px;
  margin-bottom: 24px;
}
.abuot_6_arrow_anima .arrow a {
  border-width: 5px;
  border: 3px solid rgba(72, 76, 81, 0.7);
  backdrop-filter: blur(75px);
  display: inline-block;
  border-radius: 50%;
  padding: 10px;
}
.abuot_6_arrow_anima .arrow a .arrow1 {
  position: absolute;
  left: 38%;
  top: 38%;
}
.abuot_6_arrow_anima .arrow a img {
  filter: brightness(0);
}

.experiance_area_6_box {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .experiance_area_6_box {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .experiance_area_6_box {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .experiance_area_6_box {
    margin-top: 30px;
  }
}
.experiance_area_6_box .experiance_text {
  display: flex;
  align-items: center;
}
.experiance_area_6_box .experiance_text h2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 52px;
  text-transform: capitalize;
}
.experiance_area_6_box .experiance_text .text_area {
  padding-left: 10px;
}
.experiance_area_6_box .experiance_text .text_area h2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}
.experiance_area_6_box .experiance_text .text_area p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 18px;
  text-transform: capitalize;
}
.experiance_area_6_box .experiance_box {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.experiance_area_6_box .experiance_box .img1 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
}
.experiance_area_6_box .experiance_box .img1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(115, 86, 186, 0) 0%, #7356BA 100%);
  left: 0;
  top: 0;
}
.experiance_area_6_box .experiance_box .img1 img {
  width: 100%;
  height: 270px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.experiance_area_6_box .experiance_box .info_text {
  text-align: center;
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
  z-index: 1;
}
.experiance_area_6_box .experiance_box .info_text h3 {
  color: var(--ztc-text-text-1);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}
.experiance_area_6_box .experiance_box .info_text p {
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}

.corporate_about_7_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.about_7_list ul li {
  color: var(--ztc-text-text-17);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  margin-bottom: 20px;
}
.about_7_list ul li:nth-last-child(1) {
  margin: 0;
}
.about_7_list ul li img {
  margin: 0 6px 0 0;
}

@media (max-width: 767px) {
  .about_7_author {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_7_author {
    margin-top: 20px;
  }
}
.about_7_author h2 {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 32px;
  text-transform: capitalize;
}
.about_7_author h2 span {
  color: var(--ztc-text-text-16);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 32px;
  text-transform: capitalize;
}
.about_7_author img {
  margin: 0 16px 0 0;
}
.about_7_author p {
  color: var(--ztc-text-text-17);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.corporate_7_about_img {
  border-radius: 12px;
  height: 330px;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .corporate_7_about_img {
    height: 450px;
  }
}

.corporate_7_about_img2 {
  border-radius: 12px;
  height: 300px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .corporate_7_about_img2 {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .corporate_7_about_img2 {
    margin-top: 30px;
  }
}

.accounting_about_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-20);
}

.feature-card {
  background: var(--ztc-bg-bg-19);
  padding: 44px 32px 24px 24px;
  border-radius: 12px;
  position: relative;
  z-index: 1;
  transition: all 0.4s;
}
.feature-card:hover {
  transform: translateY(-10px);
  transition: all 0.4s;
}
.feature-card:hover .icon-box {
  transform: rotateY(-180deg);
  transition: all 0.4s;
}
.feature-card .feature-text h3 {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .feature-card .feature-text h3 {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
.feature-card .feature-text p {
  color: var(--ztc-text-text-19);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.feature-card .home_8_elements1 {
  position: absolute;
  right: 0;
  height: 100%;
  top: 0;
  z-index: -1;
  transition: all 0.4s;
}

.icon-box {
  background: var(--ztc-bg-bg-18);
  width: 48px;
  height: 48px;
  border-radius: 8px;
  align-items: center;
  line-height: 48px;
  display: inline-block;
  transition: all 0.4s;
  text-align: center;
  position: absolute;
  top: -22px;
}

.home_8_about_img {
  position: relative;
  z-index: 1;
  left: 100px;
  top: 40px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .home_8_about_img {
    left: 0;
    top: 0;
  }
}
@media (max-width: 767px) {
  .home_8_about_img {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.home_8_about_img img {
  height: 542px;
  width: 420px;
  max-width: 420px;
  max-height: 542px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .home_8_about_img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: 100%;
    max-height: 100%;
  }
}

/* Right Stats Sidebar */
.stats-right {
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(161, 132, 235, 0.7) 0%, rgba(161, 132, 235, 0) 100%);
  padding: 60px 40px 145px 130px;
  position: relative;
  width: 350px;
  max-width: 350px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .stats-right {
    padding: 50px;
    text-align: center;
    margin-top: 30px;
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stats-right {
    padding: 50px;
    text-align: center;
    margin-top: 30px;
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .stats-right {
    padding: 32px;
    text-align: center;
    margin-top: 30px;
    width: 100%;
    max-width: 100%;
  }
}
.stats-right .stat-item h2 {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 52px;
  text-transform: capitalize;
}
.stats-right .stat-item p {
  color: var(--ztc-text-text-19);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 18px;
  display: inline-block;
  padding-top: 16px;
}

.hr_about_9_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.hr_about_images_area {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .hr_about_images_area {
    margin-top: 30px;
  }
}
.hr_about_images_area .about_img2 {
  text-align: end;
  margin-top: -200px;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .hr_about_images_area .about_img2 {
    margin-top: 30px;
  }
}
.hr_about_images_area .about_img2 .hr_about_img2 {
  width: 380px;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  text-align: end;
  z-index: 2;
}
@media (max-width: 767px) {
  .hr_about_images_area .about_img2 .hr_about_img2 {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.hr_about_images_area .hr_about_img img {
  width: 470px;
  height: 530px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hr_about_images_area .hr_about_img img {
    height: 650px;
  }
}
@media (max-width: 767px) {
  .hr_about_images_area .hr_about_img img {
    height: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hr_about_images_area .hr_about_img img {
    height: 600px;
  }
}

.hr_about_content_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 0 40px 0 0;
}
@media (max-width: 767px) {
  .hr_about_content_area {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hr_about_content_area {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hr_about_content_area {
    padding: 0;
  }
}

.hr_about_box {
  position: relative;
  z-index: 1;
  border-radius: 12px;
  background: var(--ztc-bg-bg-19);
  padding: 24px;
  transition: all 0.4s;
}
.hr_about_box:hover {
  transform: translateY(-10px);
  transition: all 0.4s;
}
.hr_about_box:hover .icons {
  transform: rotateY(-180deg);
  transition: all 0.4s;
  background: var(--ztc-bg-bg-22);
}
.hr_about_box:hover .icons img {
  transition: all 0.4s;
}
.hr_about_box .icons {
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 8px;
  background: var(--ztc-bg-bg-21);
  transition: all 0.4s;
  position: absolute;
}
@media (max-width: 767px) {
  .hr_about_box .icons {
    position: relative;
  }
}
.hr_about_box .icons img {
  filter: brightness(0) invert(1);
  transition: all 0.4s;
}
.hr_about_box .hr_about_box_content {
  padding-left: 64px;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .hr_about_box .hr_about_box_content {
    padding-left: 0;
    padding-top: 24px;
  }
}
.hr_about_box .hr_about_box_content h2 {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hr_about_box .hr_about_box_content h2 {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .hr_about_box .hr_about_box_content h2 {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
.hr_about_box .hr_about_box_content p {
  color: var(--ztc-text-text-22);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.hr_main_about_section {
  position: relative;
  z-index: 1;
  background: #F9F9FF;
}

.hr_main_about_img .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hr_main_about_img .img1 img {
    height: 500px;
  }
}
.hr_main_about_img .img2 {
  text-align: end;
  margin-top: -250px;
  position: relative;
  z-index: 1;
  margin-right: -130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .hr_main_about_img .img2 {
    margin-right: 0;
    margin-top: -300px;
  }
}
@media (max-width: 767px) {
  .hr_main_about_img .img2 {
    margin-right: 0;
    margin-top: 0;
  }
}
.hr_main_about_img .img2 img {
  width: 370px;
  height: 290px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .hr_main_about_img .img2 img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.hr_about_main_heading {
  padding: 0 0 0 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .hr_about_main_heading {
    padding: 0;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .hr_about_main_heading {
    padding: 0;
    margin-top: 60px;
  }
}

.about_main_bottom_area {
  padding-left: 100px;
}
@media (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about_main_bottom_area {
    padding: 0;
  }
}

.about_9_counter_box {
  padding-top: 20px;
}
.about_9_counter_box h3 {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s44);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 44px;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .about_9_counter_box h3 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 32px;
  }
}
.about_9_counter_box p {
  color: var(--ztc-text-text-22);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 18px;
}

.hr_about_main_author {
  padding-left: 40px;
  border-left: 1px solid rgba(7, 30, 26, 0.3);
}
@media (max-width: 767px) {
  .hr_about_main_author {
    padding-left: 0;
    margin-top: 30px;
    border: none;
  }
}
.hr_about_main_author .about_9_author {
  display: flex;
  align-items: center;
}
.hr_about_main_author .about_9_author img {
  height: 48px;
  width: 132px;
  -o-object-fit: cover;
     object-fit: cover;
}
.hr_about_main_author .about_9_author .hr_counter {
  padding-left: 12px;
}
.hr_about_main_author .about_9_author .hr_counter h2 {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}
.hr_about_main_author .about_9_author .hr_counter p {
  color: var(--ztc-text-text-22);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.hr_about_main_author .about_9_list ul li {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  padding-top: 28px;
}

.fa_about_10_section {
  position: relative;
  z-index: 1;
}

.fa_about_images_area {
  position: relative;
}
.fa_about_images_area .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}

.fa_about_box {
  position: relative;
  z-index: 1;
  transition: all 0.4s;
  margin-top: 30px;
}
.fa_about_box:hover {
  transform: translateY(-10px);
  transition: all 0.4s;
}
.fa_about_box:hover .icons {
  transform: rotateY(-180deg);
  transition: all 0.4s;
  background: var(--ztc-bg-bg-24);
}
.fa_about_box:hover .icons img {
  filter: brightness(0) invert(1);
  transition: all 0.4s;
}
.fa_about_box .icons {
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 8px;
  background: #EEDEFF;
  transition: all 0.4s;
  position: absolute;
}
@media (max-width: 767px) {
  .fa_about_box .icons {
    position: relative;
  }
}
.fa_about_box .icons img {
  transition: all 0.4s;
}
.fa_about_box .fa_about_box_content {
  padding-left: 64px;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .fa_about_box .fa_about_box_content {
    padding-left: 0;
    padding-top: 24px;
  }
}
.fa_about_box .fa_about_box_content h2 {
  color: var(--ztc-text-text-24);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fa_about_box .fa_about_box_content h2 {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .fa_about_box .fa_about_box_content h2 {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
.fa_about_box .fa_about_box_content p {
  color: var(--ztc-text-text-25);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.fa_about_heading {
  padding: 0 0 0 70px;
}
@media (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .fa_about_heading {
    padding: 0;
    margin-top: 30px;
  }
}

/*============= ABOUT CSS AREA ENDS ===============*/
/*============= BRAND CSS AREA ===============*/
.brand_section {
  position: relative;
  z-index: 1;
  background: var(--ztc-bg-bg-3);
  overflow: hidden;
}

.brand_heading1 h2 {
  color: var(--ztc-text-text-1);
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
}

.brand_2_section {
  position: relative;
  z-index: 1;
  background: var(--ztc-bg-bg-4);
  overflow: hidden;
}

.brand_section_bu {
  position: relative;
  z-index: 1;
  background: var(--ztc-bg-bg-28);
  overflow: hidden;
}

/*============= BRAND CSS AREA ===============*/
/*============= PROJECTS CSS AREA ===============*/
.project_1_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #EFEFEF;
}
.project_1_section_area .cs_case_study_1_list {
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_1_section_area .cs_case_study_1_list {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .project_1_section_area .cs_case_study_1_list {
    flex-direction: column;
  }
}
.project_1_section_area .cs_case_study_1_list > .cs_case_study.cs_style_1 {
  flex: 1;
}
.project_1_section_area .cs_case_study_1_list .cs_case_study.cs_style_1 {
  min-height: 400px;
  position: relative;
  z-index: 1;
  min-width: 280px;
}
.project_1_section_area .cs_case_study_1_list .cs_case_study.cs_style_1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  border-radius: 4px;
  background: linear-gradient(180deg, rgba(6, 50, 50, 0.3) 0%, #063232 100%);
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .project_1_section_area .cs_case_study_1_list .cs_case_study.cs_style_1::after {
    opacity: 1;
    visibility: visible;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_1_section_area .cs_case_study_1_list .cs_case_study.cs_style_1::after {
    opacity: 1;
    visibility: visible;
  }
}
.project_1_section_area .cs_case_study_1_list .cs_case_study.cs_style_1 .cs_case_study_in {
  transition: all 0.2s ease;
  left: 80px;
  opacity: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_1_section_area .cs_case_study_1_list .cs_case_study.cs_style_1 .cs_case_study_in {
    left: 0;
    opacity: 1;
  }
}
.project_1_section_area .cs_case_study_1_list .cs_case_study.cs_style_1.active {
  flex: 3;
}
.project_1_section_area .cs_case_study_1_list .cs_case_study.cs_style_1.active .cs_case_study_in {
  opacity: 1;
  left: 0;
  transition: all 0.6s ease;
  transition-delay: 0.3s;
}
.project_1_section_area .cs_case_study_1_list .cs_case_study.cs_style_1.active .cs_case_study_icon {
  transform: scale(0) rotate(360deg);
  transition-delay: 0.1s;
}
.project_1_section_area .cs_case_study.cs_style_1 {
  height: 700px;
  display: flex;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
  transition: all 0.8s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .project_1_section_area .cs_case_study.cs_style_1 {
    height: 600px;
  }
}
.project_1_section_area .cs_case_study.cs_style_1 .cs_case_study_title a {
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 100% 3px;
}
.project_1_section_area .cs_case_study.cs_style_1 .cs_case_study_number {
  left: 70px;
  top: 70px;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_1_section_area .cs_case_study.cs_style_1 .cs_case_study_number {
    left: 30px;
    top: 40px;
  }
}
.project_1_section_area .cs_case_study.cs_style_1 .cs_case_study_category {
  margin-bottom: 15px;
}
.project_1_section_area .cs_case_study.cs_style_1 .cs_case_study_thumb {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.project_1_section_area .cs_case_study.cs_style_1 .cs_case_study_in {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 88px 72px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .project_1_section_area .cs_case_study.cs_style_1 .cs_case_study_in {
    padding: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_1_section_area .cs_case_study.cs_style_1 .cs_case_study_in {
    padding: 30px;
  }
}
.project_1_section_area .cs_case_study.cs_style_1 .cs_case_study_icon {
  left: 70px;
  bottom: 86px;
  z-index: 1;
  height: 55px;
  width: 55px;
  transition: all 0.8s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .project_1_section_area .cs_case_study.cs_style_1 .cs_case_study_icon {
    left: 40px;
    bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_1_section_area .cs_case_study.cs_style_1 .cs_case_study_icon {
    display: none;
  }
}
.project_1_section_area .cs_case_study_thumb {
  background-image: url(../img/all-images/projects/project_1_img1.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.project_1_section_area .cs_case_study_thumb.cs_case_study_thumb2 {
  background-image: url(../img/all-images/projects/project_1_img2.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.project_1_section_area .cs_case_study_thumb.cs_case_study_thumb3 {
  background-image: url(../img/all-images/projects/project_1_img3.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.project_1_section_area .cs_case_study.cs_style_1.cs_hover_active {
  margin: 0px 8px;
  border-radius: 5px;
  height: 475px;
  width: 270px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_1_section_area .cs_case_study.cs_style_1.cs_hover_active {
    margin: 0 0 24px 0;
  }
}
@media (max-width: 767px) {
  .project_1_section_area .cs_case_study.cs_style_1.cs_hover_active {
    margin: 0 0 24px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project_1_section_area .cs_case_study.cs_style_1.cs_hover_active {
    height: auto;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_1_section_area .cs_case_study.cs_style_1.cs_hover_active {
    height: auto;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .project_1_section_area .cs_case_study.cs_style_1.cs_hover_active {
    height: auto;
    width: 100%;
  }
}
.project_1_section_area .cs_case_study.cs_style_1.cs_hover_active.active::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
}
.project_1_section_area .cs_case_study.cs_style_1.cs_hover_active.active .content-area {
  left: 0;
  transition: all 0.8s;
  opacity: 1;
}
.project_1_section_area .content-area {
  position: absolute;
  z-index: 1;
  transition: all 0.8s;
  padding: 0 24px 24px 24px;
  bottom: 0;
  left: -100%;
  opacity: 0;
}
@media (max-width: 767px) {
  .project_1_section_area .content-area {
    left: 0;
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_1_section_area .content-area {
    left: 0;
    opacity: 1;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project_1_section_area .content-area .project_1_list {
    display: none;
  }
}
@media (max-width: 767px) {
  .project_1_section_area .content-area .project_1_list {
    display: none;
  }
}
.project_1_section_area .content-area .project_1_list li {
  display: inline-block;
  margin: 0 8px 0 0;
}
.project_1_section_area .content-area .project_1_list li:nth-last-child(1) {
  margin: 0;
}
.project_1_section_area .content-area .project_1_list li a {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  padding: 8px 12px;
  border: 1px solid var(--ztc-text-text-1);
  border-radius: 100px;
  transition: all 0.4s;
}
.project_1_section_area .content-area .project_1_list li a:hover {
  background: var(--ztc-text-text-1);
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
}
.project_1_section_area .content-area .project_title_text {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project_1_section_area .content-area .project_title_text {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .project_1_section_area .content-area .project_title_text {
    display: block;
  }
}
.project_1_section_area .content-area .project_title_text .title {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  text-transform: capitalize;
  transition: all 0.4s;
}
.project_1_section_area .content-area .project_title_text .title:hover {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  opacity: 80%;
}
.project_1_section_area .content-area .project_title_text .arrow {
  height: 46px;
  width: 46px;
  text-align: center;
  line-height: 46px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-1);
  display: inline-block;
  transition: all 0.4s;
  color: var(--ztc-text-text-2);
  transform: rotate(-45deg);
}
.project_1_section_area .content-area .project_title_text .arrow:hover {
  background: var(--ztc-bg-bg-3);
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
  transform: rotate(0);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project_1_section_area .content-area .project_title_text .arrow {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .project_1_section_area .content-area .project_title_text .arrow {
    margin-top: 16px;
  }
}
.project_1_section_area .content-area .project_pera {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}

.project_2_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #F2EEF7;
}
.project_2_section_area .cs_case_study_1_list {
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_2_section_area .cs_case_study_1_list {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .project_2_section_area .cs_case_study_1_list {
    flex-direction: column;
  }
}
.project_2_section_area .cs_case_study_1_list > .cs_case_study.cs_style_1 {
  flex: 1;
}
.project_2_section_area .cs_case_study_1_list .cs_case_study.cs_style_1 {
  min-height: 400px;
  position: relative;
  z-index: 1;
  min-width: 106px;
}
.project_2_section_area .cs_case_study_1_list .cs_case_study.cs_style_1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(113, 76, 160, 0.2) 0%, #714CA0 100%);
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .project_2_section_area .cs_case_study_1_list .cs_case_study.cs_style_1::after {
    opacity: 1;
    visibility: visible;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_2_section_area .cs_case_study_1_list .cs_case_study.cs_style_1::after {
    opacity: 1;
    visibility: visible;
  }
}
.project_2_section_area .cs_case_study_1_list .cs_case_study.cs_style_1::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: #ECE5F3;
  border-radius: 10px;
  left: 0;
  top: 0;
  z-index: 1;
  transition: all 0.4s;
  visibility: visible;
  opacity: 1;
}
@media (max-width: 767px) {
  .project_2_section_area .cs_case_study_1_list .cs_case_study.cs_style_1::before {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_2_section_area .cs_case_study_1_list .cs_case_study.cs_style_1::before {
    display: none;
  }
}
.project_2_section_area .cs_case_study_1_list .cs_case_study.cs_style_1 .cs_case_study_in {
  transition: all 0.2s ease;
  left: 80px;
  opacity: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_2_section_area .cs_case_study_1_list .cs_case_study.cs_style_1 .cs_case_study_in {
    left: 0;
    opacity: 1;
  }
}
.project_2_section_area .cs_case_study_1_list .cs_case_study.cs_style_1.active {
  flex: 3;
}
.project_2_section_area .cs_case_study_1_list .cs_case_study.cs_style_1.active .cs_case_study_in {
  opacity: 1;
  left: 0;
  transition: all 0.6s ease;
  transition-delay: 0.3s;
}
.project_2_section_area .cs_case_study_1_list .cs_case_study.cs_style_1.active .cs_case_study_icon {
  transform: scale(0) rotate(360deg);
  transition-delay: 0.1s;
}
.project_2_section_area .cs_case_study.cs_style_1 {
  height: 700px;
  display: flex;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
  transition: all 0.8s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .project_2_section_area .cs_case_study.cs_style_1 {
    height: 600px;
  }
}
.project_2_section_area .cs_case_study.cs_style_1 .cs_case_study_title a {
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 100% 3px;
}
.project_2_section_area .cs_case_study.cs_style_1 .cs_case_study_number {
  left: 70px;
  top: 70px;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_2_section_area .cs_case_study.cs_style_1 .cs_case_study_number {
    left: 30px;
    top: 40px;
  }
}
.project_2_section_area .cs_case_study.cs_style_1 .cs_case_study_category {
  margin-bottom: 15px;
}
.project_2_section_area .cs_case_study.cs_style_1 .cs_case_study_thumb {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.project_2_section_area .cs_case_study.cs_style_1 .cs_case_study_in {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 88px 72px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .project_2_section_area .cs_case_study.cs_style_1 .cs_case_study_in {
    padding: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_2_section_area .cs_case_study.cs_style_1 .cs_case_study_in {
    padding: 30px;
  }
}
.project_2_section_area .cs_case_study.cs_style_1 .cs_case_study_icon {
  left: 70px;
  bottom: 86px;
  z-index: 1;
  height: 55px;
  width: 55px;
  transition: all 0.8s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .project_2_section_area .cs_case_study.cs_style_1 .cs_case_study_icon {
    left: 40px;
    bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_2_section_area .cs_case_study.cs_style_1 .cs_case_study_icon {
    display: none;
  }
}
.project_2_section_area .cs_case_study_thumb {
  background-image: url(../img/all-images/projects/project_1_img1.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.project_2_section_area .cs_case_study_thumb.cs_case_study_thumb2 {
  background-image: url(../img/all-images/projects/project_1_img2.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.project_2_section_area .cs_case_study_thumb.cs_case_study_thumb3 {
  background-image: url(../img/all-images/projects/project_1_img3.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.project_2_section_area .cs_case_study_thumb.cs_case_study_thumb4 {
  background-image: url(../img/all-images/projects/project_1_img4.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.project_2_section_area .cs_case_study_thumb.cs_case_study_thumb5 {
  background-image: url(../img/all-images/projects/project_1_img5.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.project_2_section_area .cs_case_study.cs_style_1.cs_hover_active {
  margin: 0px 8px;
  border-radius: 12px;
  height: 475px;
  width: 106px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_2_section_area .cs_case_study.cs_style_1.cs_hover_active {
    margin: 0 0 24px 0;
  }
}
@media (max-width: 767px) {
  .project_2_section_area .cs_case_study.cs_style_1.cs_hover_active {
    margin: 0 0 24px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project_2_section_area .cs_case_study.cs_style_1.cs_hover_active {
    height: auto;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_2_section_area .cs_case_study.cs_style_1.cs_hover_active {
    height: auto;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .project_2_section_area .cs_case_study.cs_style_1.cs_hover_active {
    height: auto;
    width: 100%;
  }
}
.project_2_section_area .cs_case_study.cs_style_1.cs_hover_active.active::before {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
}
.project_2_section_area .cs_case_study.cs_style_1.cs_hover_active.active::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
}
.project_2_section_area .cs_case_study.cs_style_1.cs_hover_active.active .content-area {
  left: 0;
  transition: all 0.8s;
  opacity: 1;
}
.project_2_section_area .cs_case_study.cs_style_1.cs_hover_active.active .content-area2 {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  left: 0;
}
.project_2_section_area .content-area {
  position: absolute;
  z-index: 1;
  transition: all 0.8s;
  padding: 0 24px 24px 24px;
  bottom: 0;
  left: -100%;
  opacity: 0;
}
@media (max-width: 767px) {
  .project_2_section_area .content-area {
    left: 0;
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_2_section_area .content-area {
    left: 0;
    opacity: 1;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project_2_section_area .content-area .project_1_list {
    display: none;
  }
}
@media (max-width: 767px) {
  .project_2_section_area .content-area .project_1_list {
    display: none;
  }
}
.project_2_section_area .content-area .project_1_list li {
  display: inline-block;
  margin: 0 8px 0 0;
}
.project_2_section_area .content-area .project_1_list li:nth-last-child(1) {
  margin: 0;
}
.project_2_section_area .content-area .project_1_list li a {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  display: inline-block;
  padding: 8px 12px;
  border: 1px solid var(--ztc-text-text-1);
  border-radius: 100px;
  transition: all 0.4s;
}
.project_2_section_area .content-area .project_1_list li a:hover {
  background: var(--ztc-text-text-1);
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
}
.project_2_section_area .content-area .project_title_text {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project_2_section_area .content-area .project_title_text {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .project_2_section_area .content-area .project_title_text {
    display: block;
  }
}
.project_2_section_area .content-area .project_title_text .title {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  text-transform: capitalize;
  transition: all 0.4s;
}
.project_2_section_area .content-area .project_title_text .title:hover {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  opacity: 80%;
}
.project_2_section_area .content-area .project_title_text .arrow {
  height: 46px;
  width: 46px;
  text-align: center;
  line-height: 46px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-1);
  display: inline-block;
  transition: all 0.4s;
  color: var(--ztc-text-text-2);
  transform: rotate(-45deg);
}
.project_2_section_area .content-area .project_title_text .arrow:hover {
  background: var(--ztc-bg-bg-4);
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
  transform: rotate(0);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project_2_section_area .content-area .project_title_text .arrow {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .project_2_section_area .content-area .project_title_text .arrow {
    margin-top: 16px;
  }
}
.project_2_section_area .content-area .project_pera {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.project_2_section_area .content-area2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 214px;
  z-index: 2;
  width: 100%;
  transform: rotate(-90deg);
  left: -132px;
  width: 440px;
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .project_2_section_area .content-area2 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_2_section_area .content-area2 {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project_2_section_area .content-area2 {
    left: -160px;
  }
}
.project_2_section_area .content-area2 .title {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}
.project_2_section_area .content-area2 .arrow {
  height: 46px;
  width: 46px;
  text-align: center;
  line-height: 46px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-1);
  display: inline-block;
  transition: all 0.4s;
  color: var(--ztc-text-text-2);
  transform: rotate(45deg);
}
.project_2_section_area .content-area2 .arrow:hover {
  background: var(--ztc-bg-bg-4);
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
  transform: rotate(0);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project_2_section_area .content-area2 .arrow {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .project_2_section_area .content-area2 .arrow {
    margin-top: 16px;
  }
}

.bu_projects_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.bu_projects_boxcard {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: 30px;
}
.bu_projects_boxcard:hover .bu_content_projects {
  bottom: 30px;
  transition: all 0.6s;
}
.bu_projects_boxcard:hover .arrow {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
}
.bu_projects_boxcard:hover .img1::after {
  height: 100%;
  transition: all 0.4s;
}
.bu_projects_boxcard:hover .img1 img {
  transform: scale(1.2) rotate(-4deg);
  transition: all 0.5s;
}
.bu_projects_boxcard .img1 {
  position: relative;
  z-index: 1;
  border-radius: 12px;
}
.bu_projects_boxcard .img1::after {
  position: absolute;
  content: "";
  height: 0;
  width: 100%;
  left: 0;
  bottom: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(6, 50, 50, 0.3) 40%, #063232 99.75%);
  transition: all 0.4s;
}
.bu_projects_boxcard .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  transition: all 0.4s;
}
.bu_projects_boxcard .bu_content_projects {
  position: absolute;
  bottom: -70px;
  left: 30px;
  right: 30px;
  z-index: 1;
  transition: all 0.6s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bu_projects_boxcard .bu_content_projects {
    bottom: -90px;
  }
}
.bu_projects_boxcard .bu_content_projects .sub_title {
  color: var(--ztc-text-text-5);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 18px;
  display: inline-block;
}
.bu_projects_boxcard .bu_content_projects .title {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.bu_projects_boxcard .bu_content_projects .title:hover {
  color: var(--ztc-text-text-5);
  transition: all 0.4s;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bu_projects_boxcard .bu_content_projects .title {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 32px;
  }
}
.bu_projects_boxcard .bu_content_projects p {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.bu_projects_boxcard .arrow a {
  height: 46px;
  width: 46px;
  text-align: center;
  line-height: 46px;
  border-radius: 50%;
  display: inline-block;
  background: var(--ztc-bg-bg-1);
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
  transform: rotate(-45deg);
  position: absolute;
  top: 30px;
  right: 30px;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}
.bu_projects_boxcard .arrow a:hover {
  background: var(--ztc-bg-bg-3);
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
  transform: rotate(0);
}

.project_details_section {
  position: relative;
  z-index: 1;
}

.project_main_details_area {
  position: relative;
  z-index: 1;
  padding: 0 40px 0 0;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .project_main_details_area {
    padding: 0 0 0 0;
  }
}
.project_main_details_area .heading1 h3 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s40);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 40px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .project_main_details_area .heading1 h3 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: 40px;
  }
}
.project_main_details_area .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .project_main_details_area .img1 img {
    height: 100%;
  }
}
.project_main_details_area .border {
  background: rgba(18, 28, 39, 0.3);
  height: 1px;
  width: 100%;
  margin: 0 0 30px 0;
}
.project_main_details_area .service_list_area {
  border-radius: 12px;
  background: var(--ztc-bg-bg-27);
  padding: 24px;
}
.project_main_details_area .service_list_area h4 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
}
.project_main_details_area .service_list_area p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.project_main_details_area .service_list_area ul li {
  margin-top: 10px;
}
.project_main_details_area .service_list_area ul li svg {
  margin: 0 6px 0 0;
}
.project_main_details_area .service_list_area ul li {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .project_main_details_area .service_list_area ul li {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}
.project_main_details_area .service_list_area_2 ul li {
  margin-top: 16px;
}
.project_main_details_area .service_list_area_2 ul li svg {
  margin: 0 6px 0 0;
}
.project_main_details_area .service_list_area_2 ul li {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .project_main_details_area .service_list_area_2 ul li {
    font-size: var(--ztc-font-size-font-s14);
    line-height: 14px;
  }
}

/*============= PROJECTS CSS AREA ===============*/
/*============= CHOOSE CSS AREA ===============*/
.choose_2_section_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #ECE5F3;
}

.choose_2_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(18, 28, 39, 0.2);
  padding: 24px;
  margin-top: 30px;
  text-align: center;
  transition: all 0.4s;
}
.choose_2_boxarea:hover {
  background: var(--ztc-bg-bg-1);
  transition: all 0.4s;
  transform: translateY(-5px);
  border: 1px solid var(--ztc-bg-bg-1);
}
.choose_2_boxarea:hover img {
  transform: rotateY(-180deg);
  transition: all 0.4s;
}
.choose_2_boxarea span {
  color: var(--ztc-text-text-2);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
}
.choose_2_boxarea p {
  color: var(--ztc-text-text-3);
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px; /* 144.444% */
}
.choose_2_boxarea img {
  transition: all 0.4s;
}

.choose_images_section {
  position: relative;
  z-index: 1;
}

.choose_2_img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}

.choose_2_heading {
  padding: 0 50px 0 0;
}
@media (max-width: 767px) {
  .choose_2_heading {
    padding: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choose_2_heading {
    padding: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choose_2_heading {
    padding: 0;
    margin-bottom: 30px;
  }
}

.experiance_boxes {
  position: absolute;
  bottom: 0;
  right: 0;
  background: var(--ztc-bg-bg-4);
  padding: 60px 60px 60px 60px;
  border-radius: 12px 0 12px 0;
}
.experiance_boxes h3 {
  color: var(--ztc-text-text-1);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 52px;
  text-transform: capitalize;
}
.experiance_boxes p {
  color: var(--ztc-text-text-1);
  text-align: center;
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
}

/*============= CHOOSE CSS AREA ===============*/
/*============= PRICING CSS AREA ===============*/
.pricing_5_section_area {
  background: var(--ztc-bg-bg-11);
  position: relative;
  z-index: 1;
}

.pricing_5_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 30px;
  padding: 30px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
}
.pricing_5_boxarea:hover {
  background: var(--ztc-bg-bg-10);
  transition: all 0.4s;
  transform: translateY(-10px);
}
.pricing_5_boxarea span {
  color: var(--HOME-05-Paragraph-Color-5, #4C6966);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 18px;
  display: inline-block;
}
.pricing_5_boxarea h2 {
  color: var(--ztc-text-text-11);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  text-transform: capitalize;
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(0, 51, 45, 0.3);
}
@media (max-width: 767px) {
  .pricing_5_boxarea h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 40px;
  }
}
.pricing_5_boxarea h2 span {
  color: var(--ztc-text-text-12);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
}
.pricing_5_boxarea p {
  color: var(--ztc-text-text-12);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 18px;
}
.pricing_5_boxarea ul li {
  color: var(--ztc-text-text-12);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  margin-top: 16px;
}

.pricing_8_section_area {
  background: var(--ztc-bg-bg-19);
  position: relative;
  z-index: 1;
}

.pricing_8_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 30px;
  padding: 30px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
}
.pricing_8_boxarea:hover {
  transition: all 0.4s;
  transform: translateY(-10px);
}
.pricing_8_boxarea.active {
  background: var(--ztc-bg-bg-18);
  transition: all 0.4s;
}
.pricing_8_boxarea.active span {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.pricing_8_boxarea.active h2 {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.pricing_8_boxarea.active p {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 18px;
}
.pricing_8_boxarea.active ul li {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  margin-top: 16px;
}
.pricing_8_boxarea.active ul li svg {
  filter: brightness(0) invert(1);
}
.pricing_8_boxarea span {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 18px;
  display: inline-block;
  transition: all 0.4s;
}
.pricing_8_boxarea h2 {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  text-transform: capitalize;
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(7, 30, 26, 0.3);
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .pricing_8_boxarea h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 40px;
  }
}
.pricing_8_boxarea h2 span {
  color: var(--ztc-text-text-19);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
}
.pricing_8_boxarea p {
  color: var(--ztc-text-text-19);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 18px;
}
.pricing_8_boxarea ul li {
  color: var(--ztc-text-text-19);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  margin-top: 16px;
}
.pricing_8_boxarea .vl-btn14 {
  width: 100%;
  text-align: center;
}
.pricing_8_boxarea .vl-btn17 {
  width: 100%;
  text-align: center;
}

.pricing_9_section_area {
  background: var(--ztc-bg-bg-19);
  position: relative;
  z-index: 1;
}

.pricing_9_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 30px;
  padding: 30px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-1);
  border-radius: 12px;
}
.pricing_9_boxarea:hover {
  transition: all 0.4s;
  transform: translateY(-10px);
}
.pricing_9_boxarea.active {
  background: var(--ztc-bg-bg-18);
  transition: all 0.4s;
  overflow: hidden;
}
.pricing_9_boxarea.active .popular {
  position: absolute;
  top: -26px;
  right: -26px;
}
.pricing_9_boxarea.active span {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.pricing_9_boxarea.active h2 {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.pricing_9_boxarea.active p {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.pricing_9_boxarea.active h3 {
  color: var(--ztc-text-text-1);
}
.pricing_9_boxarea.active ul li {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  margin-top: 16px;
}
.pricing_9_boxarea.active ul li svg {
  filter: brightness(0) invert(1);
}
.pricing_9_boxarea span {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 18px;
  display: inline-block;
  transition: all 0.4s;
}
.pricing_9_boxarea h2 {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  text-transform: capitalize;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .pricing_9_boxarea h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 40px;
  }
}
.pricing_9_boxarea h2 span {
  color: var(--ztc-text-text-22);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
}
.pricing_9_boxarea p {
  color: var(--ztc-text-text-19);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(7, 30, 26, 0.3);
}
.pricing_9_boxarea h3 {
  color: var(--ztc-text-text-21);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}
.pricing_9_boxarea ul li {
  color: var(--ztc-text-text-22);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  margin-top: 16px;
}
.pricing_9_boxarea .vl-btn19 {
  width: 100%;
  text-align: center;
}
.pricing_9_boxarea .vl-btn20 {
  width: 100%;
  text-align: center;
}

.pricing_10_section_area {
  background: var(--ztc-bg-bg-25);
  position: relative;
  z-index: 1;
}

.pricing_10_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 30px;
  padding: 30px;
  transition: all 0.4s;
  border-radius: 12px;
  border: 1px solid rgba(0, 1, 18, 0.3);
}
.pricing_10_boxarea:hover {
  transition: all 0.4s;
  transform: translateY(-10px);
}
.pricing_10_boxarea.active {
  background: var(--ztc-bg-bg-24);
  transition: all 0.4s;
  overflow: hidden;
  border: none;
}
.pricing_10_boxarea.active span {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.pricing_10_boxarea.active h2 {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.pricing_10_boxarea.active p {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  opacity: 80%;
}
.pricing_10_boxarea.active h3 {
  color: var(--ztc-text-text-1);
}
.pricing_10_boxarea.active ul li {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  margin-top: 16px;
}
.pricing_10_boxarea.active ul li svg {
  filter: brightness(0) invert(1);
}
.pricing_10_boxarea span {
  color: var(--ztc-text-text-24);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  display: inline-block;
  transition: all 0.4s;
}
.pricing_10_boxarea h2 {
  color: var(--ztc-text-text-24);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  text-transform: capitalize;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .pricing_10_boxarea h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 40px;
  }
}
.pricing_10_boxarea h2 span {
  color: var(--ztc-text-text-25);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
}
.pricing_10_boxarea p {
  color: var(--ztc-text-text-25);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.pricing_10_boxarea h3 {
  color: var(--ztc-text-text-24);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}
.pricing_10_boxarea ul li {
  color: var(--ztc-text-text-25);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  margin-top: 16px;
}
.pricing_10_boxarea .vl-btn21 {
  width: 100%;
  text-align: center;
}
.pricing_10_boxarea .vl-btn22 {
  width: 100%;
  text-align: center;
}

.pricing_inner_section_area {
  position: relative;
  z-index: 1;
}

.pricing_inner_boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 30px;
  padding: 30px;
  transition: all 0.4s;
  border-radius: 12px;
  border: 1px solid rgba(18, 28, 39, 0.3);
}
.pricing_inner_boxarea:hover {
  transition: all 0.4s;
  transform: translateY(-10px);
}
.pricing_inner_boxarea.active {
  background: var(--ztc-bg-bg-3);
  transition: all 0.4s;
  overflow: hidden;
  border: none;
}
.pricing_inner_boxarea.active span {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.pricing_inner_boxarea.active h2 {
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
}
.pricing_inner_boxarea.active p {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  opacity: 80%;
}
.pricing_inner_boxarea.active h3 {
  color: var(--ztc-text-text-1);
}
.pricing_inner_boxarea.active ul li {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  margin-top: 16px;
}
.pricing_inner_boxarea.active ul li svg {
  filter: brightness(0) invert(1);
}
.pricing_inner_boxarea span {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  display: inline-block;
  transition: all 0.4s;
}
.pricing_inner_boxarea h2 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s52);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  text-transform: capitalize;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .pricing_inner_boxarea h2 {
    font-size: var(--ztc-font-size-font-s40);
    line-height: 40px;
  }
}
.pricing_inner_boxarea h2 span {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
}
.pricing_inner_boxarea p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.pricing_inner_boxarea h3 {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
}
.pricing_inner_boxarea ul li {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  margin-top: 16px;
}
.pricing_inner_boxarea .vl-btn1 {
  width: 100%;
  text-align: center;
}
.pricing_inner_boxarea .vl-btn24 {
  width: 100%;
  text-align: center;
}

.pricing_compare_plan_area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.table-container {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

table {
  width: 100%;
  min-width: 100%;
  border-collapse: collapse;
  text-align: left;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  table {
    max-width: 1000px;
    width: 1000px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
  }
}

th, td {
  padding: 24px 0;
  vertical-align: middle;
}

th {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  text-transform: capitalize;
  border-bottom: 1px solid rgba(6, 50, 50, 0.3);
}

tbody tr {
  border-bottom: 1px solid rgba(6, 50, 50, 0.3);
}

th:first-child, td:first-child {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  width: 22%;
  z-index: 10;
}

th:first-child {
  z-index: 11;
}

td {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  width: 26%;
}

/*============= PRICING CSS AREA ENDS===============*/
/*============= WE OFFER CSS AREA ===============*/
.counter_offer_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.country_offer_6_tabs_area {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .country_offer_6_tabs_area .we_offer_6_tabs {
    text-align: center;
  }
}
.country_offer_6_tabs_area .we_offer_6_tabs ul {
  justify-content: space-between;
  padding-bottom: 22px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 767px) {
  .country_offer_6_tabs_area .we_offer_6_tabs ul {
    display: block;
    text-align: center;
    width: 100%;
  }
}
.country_offer_6_tabs_area .we_offer_6_tabs ul li {
  display: block;
}
@media (max-width: 767px) {
  .country_offer_6_tabs_area .we_offer_6_tabs ul li {
    text-align: center;
    width: 100%;
  }
}
.country_offer_6_tabs_area .we_offer_6_tabs ul li button {
  background: none;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .country_offer_6_tabs_area .we_offer_6_tabs ul li button {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .country_offer_6_tabs_area .we_offer_6_tabs ul li button {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
}
.country_offer_6_tabs_area .we_offer_6_tabs ul li button::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 100%;
  bottom: -24px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-13);
  left: 0;
  visibility: hidden;
  opacity: 0;
}
.country_offer_6_tabs_area .we_offer_6_tabs ul li button.active {
  background: none;
}
.country_offer_6_tabs_area .we_offer_6_tabs ul li button.active::after {
  visibility: visible;
  opacity: 1;
}
.country_offer_6_tabs_area .we_offer_6_tabs ul li button .img_flag {
  display: block;
  text-align: center;
}
.country_offer_6_tabs_area .we_offer_6_tabs ul li button .img_flag img {
  height: 60px;
  width: 60px;
  text-align: center;
  border-radius: 50%;
}
.country_offer_6_tabs_area .we_offer_6_tabs ul li button .text {
  color: var(--ztc-text-text-1);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: block;
  padding-top: 16px;
}
.country_offer_6_tabs_area .tab-content {
  padding-top: 44px;
}
.country_offer_6_tabs_area .tab-content .tab-pane .country_img {
  margin-bottom: 30px;
}
.country_offer_6_tabs_area .tab-content .tab-pane .country_img img {
  height: 250px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.country_offer_6_tabs_area .tab-content .tab-pane .country_img_2 {
  margin-bottom: 30px;
}
.country_offer_6_tabs_area .tab-content .tab-pane .country_img_2 img {
  height: 530px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .country_offer_6_tabs_area .tab-content .tab-pane .country_img_2 img {
    height: 250px;
  }
}

/*============= WE OFFER CSS AREA ===============*/
/*============= SKILLS CSS AREA ===============*/
.accountant_skills_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--ztc-bg-bg-20);
}
.accountant_skills_section .btn_area1 {
  text-align: end;
}
@media (max-width: 767px) {
  .accountant_skills_section .btn_area1 {
    text-align: start;
    margin-top: 24px;
  }
}

.skills_card_body {
  position: relative;
  padding: 48px 24px 24px 24px;
  background: var(--ztc-bg-bg-19);
  border-radius: 12px;
  transition: all 0.4s;
}
.skills_card_body:hover {
  transform: translateY(-10px);
  transition: all 0.4s;
}
.skills_card_body:hover .icon-overlay {
  transform: rotateY(-180deg);
  transition: all 0.4s;
  background: var(--ztc-bg-bg-18);
  color: var(--ztc-text-text-1);
}
.skills_card_body .icon-overlay {
  display: inline-block;
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 8px;
  background: var(--ztc-bg-bg-1);
  transition: all 0.4s;
  position: absolute;
  top: -22px;
  left: 12px;
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  text-transform: capitalize;
}
.skills_card_body h3 a {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 32px;
  display: inline-block;
  transition: all 0.4s;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .skills_card_body h3 a {
    font-size: var(--ztc-font-size-font-s24);
    line-height: 30px;
  }
}
.skills_card_body h3 a:hover {
  color: var(--ztc-text-text-20);
  transition: all 0.4s;
}
.skills_card_body p {
  color: var(--ztc-text-text-19);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
}
.skills_card_body .learn-more {
  color: var(--ztc-text-text-18);
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}
.skills_card_body .learn-more:hover {
  color: var(--ztc-text-text-20);
  transition: all 0.4s;
}

@media (max-width: 767px) {
  .skills_images {
    margin-bottom: 50px;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skills_images {
    margin-bottom: 50px;
    margin-top: 30px;
  }
}
.skills_images img {
  height: 530px;
  border-radius: 12px;
}

/*============= SKILLS CSS AREA ===============*//*# sourceMappingURL=main.css.map */