@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
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; }


.img_left { background:#FFF;  float:left;  margin:5px 30px 10px 0; padding:3px; border:1px solid #CCC; -webkit-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04);  -moz-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04);}

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

@keyframes animation-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); } }
:root { --ztc-text-text-1:#fff; --ztc-text-text-2:#061D19; --ztc-text-text-3:#333535; --ztc-text-text-4:#6E9419; --ztc-text-text-5:#0C3A30; --ztc-text-text-6:#9EDD05; --ztc-text-text-7:#50514E; --ztc-text-text-8:#032530; --ztc-text-text-9:#F4D445; --ztc-text-text-10:#484F51; --ztc-text-text-11:#100235; --ztc-text-text-12:#3D3D42; --ztc-text-text-13:#2E0797; --ztc-text-text-14:#043173; --ztc-text-text-15:#5A5B5B; --ztc-text-text-16:#de3e04; --ztc-bg-bg-1:#fff; --ztc-bg-bg-2:#061D19; --ztc-bg-bg-3:#6E9419; --ztc-bg-bg-4:#0C3A30; --ztc-bg-bg-5:#9EDD05; --ztc-bg-bg-6:#032530; --ztc-bg-bg-7:#F4D445; --ztc-bg-bg-8:#100235; --ztc-bg-bg-9:var(--04-home-page-maincolors, linear-gradient(90deg, #2E0797 0%, #726EFC 100%)); --ztc-bg-bg-10:#043173; --ztc-bg-bg-11:#de3e04; --ztc-border-border-1:#E5E7EB; --ztc-border-border-2:#dfdcdc; --ztc-font-size-font-s10:10px; --ztc-font-size-font-s12:12px; --ztc-font-size-font-s14:14px; --ztc-font-size-font-s16:16px; --ztc-font-size-font-s18:18px; --ztc-font-size-font-s20:20px; --ztc-font-size-font-s22:22px; --ztc-font-size-font-s24:24px; --ztc-font-size-font-s26:26px; --ztc-font-size-font-s28:28px; --ztc-font-size-font-s30:30px; --ztc-font-size-font-s32:32px; --ztc-font-size-font-s34:34px; --ztc-font-size-font-s36:36px; --ztc-font-size-font-s38:38px; --ztc-font-size-font-s40:40px; --ztc-font-size-font-s42:42px; --ztc-font-size-font-s44:44px; --ztc-font-size-font-s46:46px; --ztc-font-size-font-s48:48px; --ztc-font-size-font-s50:50px; --ztc-font-size-font-s52:52px; --ztc-font-size-font-s54:54px; --ztc-font-size-font-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-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-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:'Outfit', serif; --ztc-family-font2:'Outfit', sans-serif; }

/*
============================
Name: Finazze - Business & Finance  HTML Templete
Version:1.0.0
Description:Finazze - Business & Finance  HTML Templete
Author:Unifato
Author URI:https://themeforest.net/user/unifato/portfolio
Location:
============================
*/
/*============= HEDAER CSS AREA ===============*/
/*============= HERO CSS AREA ===============*/
/*============= MOBILE-MENU CSS AREA ===============*/
/*============= ABOUT CSS AREA ===============*/
/*============= SERVICE CSS AREA ===============*/
/*============= WORK CSS AREA ===============*/
/*============= TESTIMONIAL CSS AREA ===============*/
/*============= BLOG CSS AREA ===============*/
/*============= CONTACT CSS AREA ===============*/
/*============= PROJECT CSS AREA ===============*/
/*============= TEAM CSS AREA ===============*/
/*============= FAQ CSS AREA ===============*/
/*============= CASE CSS AREA ===============*/
/*============= CTA CSS AREA ===============*/
/*============= OTHERS CSS AREA ===============*/
/*============= FOOTER CSS AREA ===============*/
/*============= COMMON CSS AREA ===============*/
.heading1 h5 { border-radius:8px; background:rgba(110, 148, 25, 0.1); display:inline-block; color:var(--ztc-text-text-4); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:16px; text-transform:uppercase; padding:10px 14px; }
.heading1 h2 { 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-semibold); line-height:54px; display:inline-block; transition:all 0.4s; }
@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-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--regular); line-height:24px; }

.heading2 h5 { border-radius:8px; background:rgba(12, 58, 48, 0.1); color:var(--ztc-text-text-5); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:18px; padding:8px 10px; display:inline-block; }
.heading2 h2 { color:var(--ztc-text-text-5); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s44); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:54px; display:inline-block; transition:all 0.4s; }
@media (max-width:767px) { .heading2 h2 { font-size:var(--ztc-font-size-font-s32); line-height:40px; } }
.heading2 p { color:var(--ztc-text-text-7); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--regular); line-height:24px; }

.heading3 h5 { border-radius:8px; background:rgba(3, 37, 48, 0.1); color:var(--ztc-text-text-8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:16px; padding:8px 10px; display:inline-block; text-transform:uppercase; }
.heading3 h2 { color:var(--ztc-text-text-8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s44); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:54px; display:inline-block; transition:all 0.4s; }
@media (max-width:767px) { .heading3 h2 { font-size:var(--ztc-font-size-font-s32); line-height:40px; } }
.heading3 p { color:var(--ztc-text-text-10); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--regular); line-height:24px; }

.heading4 h5 { background:linear-gradient(90deg, #2E0797 0%, #726EFC 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:var(--ztc-text-text-8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:16px; padding:8px 10px; display:inline-block; text-transform:uppercase; position:relative; z-index:1; padding:10px 14px; }
.heading4 h5::after { position:absolute; content:""; height:100%; width:100%; left:0; top:0; border-radius:80px; background:rgba(114, 110, 252, 0.1); transition:all 0.4s; }
.heading4 h2 { color:var(--ztc-text-text-11); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s44); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:54px; display:inline-block; transition:all 0.4s; }
@media (max-width:767px) { .heading4 h2 { font-size:var(--ztc-font-size-font-s32); line-height:40px; } }
.heading4 p { color:var(--ztc-text-text-12); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--regular); line-height:24px; }

.heading5 h5 { border-radius:8px; background:rgba(251, 133, 0, 0.1); color:var(--ztc-text-text-16); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:16px; padding:8px 10px; display:inline-block; text-transform:uppercase; }
.heading5 h2 { color:var(--ztc-text-text-14); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s44); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:54px; display:inline-block; transition:all 0.4s; }
@media (max-width:767px) { .heading5 h2 { font-size:var(--ztc-font-size-font-s32); line-height:40px; } }
.heading5 p { color:var(--ztc-text-text-15); font-family:var(--ztc-family-font1); font-size:17px; font-style:normal; font-weight:var(--regular); line-height:1.7em; text-align:justify;  }

.vl-btn1 { position:relative; display:inline-block; padding:18px 24px; border-radius:8px; color:var(--ztc-text-text-1); background:var(--ztc-bg-bg-3); z-index:1; font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); line-height:16px; font-weight:var(--ztc-weight-semibold); transition:all 0.4s; text-transform:uppercase; z-index:1; }
.vl-btn1:hover { color:var(--ztc-text-text-1); transition:all 0.4s; }
.vl-btn1:hover::after { visibility:visible; opacity:1; transition:all 0.4s; width:100%; left:0; }
.vl-btn1:hover::before { background:var(--ztc-bg-bg-1); opacity:10%; transition:all 0.4s; }
.vl-btn1::after { position:absolute; content:""; height:100%; width:10px; background:var(--ztc-bg-bg-2); transition:all 0.4s; top:0; left:50%; border-radius:8px; z-index:-2; visibility:hidden; opacity:0; }
.vl-btn1::before { position:absolute; content:""; height:36px; width:36px; display:inline-block; transition:all 0.4s; background:#7C9F37; border-radius:50%; left:10px; top:8px; z-index:-1; }

.vl-btn2 { color:var(--ztc-text-text-5); font-family:var(--ztc-family-font1); 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; border-radius:8px; padding:16px 20px; position:relative; right:0; top:0; z-index:1; background:var(--ztc-bg-bg-5); border:none; outline:none; }
.vl-btn2:hover { transform:translateY(-5px); transition:all 0.4s; color:var(--ztc-text-text-1); }
.vl-btn2:hover::after { left:0; top:0; transition:all 0.4s; visibility:visible; opacity:1; width:100%; }
.vl-btn2 i { padding-left:4px; }
.vl-btn2::after { position:absolute; content:""; height:100%; width:10px; left:50%; transition:all 0.4s; color:var(--ztc-text-text-1); background:var(--ztc-bg-bg-4); top:0; z-index:-2; border-radius:8px; visibility:hidden; opacity:0; }

.vl-btn3 { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); font-style:normal;
  line-height:18px; display:inline-block; transition:all 0.4s; border-radius:8px; padding:18px 32px; position:relative; z-index:1; background:#de3e04; text-transform:uppercase; }
@media (max-width:767px) { .vl-btn3 { padding:16px; } }
.vl-btn3:hover { transform:translateY(-5px); transition:all 0.4s; color:var(--ztc-text-text-1); }
.vl-btn3:hover::after { left:0; top:0; transition:all 0.4s; visibility:visible; opacity:1; width:100%; }
.vl-btn3::after { position:absolute; content:""; height:100%; width:10px; left:50%; transition:all 0.4s; color:var(--ztc-text-text-1); background:var(--ztc-bg-bg-11); top:0; z-index:-2; border-radius:8px; visibility:hidden; opacity:0; }

.vl-btn4 { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:16px; text-transform:uppercase; display:inline-block; transition:all 0.4s; padding:8px 8px 8px 20px; position:relative; z-index:1; }
.vl-btn4 span { color:#2E0797; }
.vl-btn4:hover { color:var(--ztc-text-text-1); transition:all 0.4s; }
.vl-btn4:hover::before { visibility:visible; opacity:1; left:0; width:100%; transition:all 0.4s; }
.vl-btn4:hover span { color:#2E0797; transition:all 0.4s; transform:rotate(0); }
.vl-btn4::after { position:absolute; content:""; height:100%; width:100%; left:0; top:0; background:var(--04-home-page-maincolors, linear-gradient(90deg, #2E0797 0%, #726EFC 100%)); border-radius:100px; transition:all 0.4s; z-index:-2; }
.vl-btn4::before { position:absolute; content:""; height:100%; width:10px; left:50%; top:0; transition:all 0.4s; border-radius:90px; background:var(--04-home-page-maincolors, linear-gradient(90deg, #726EFC 0%, #2E0797 100%)); z-index:-1; visibility:hidden; opacity:0; }
.vl-btn4 span { height:36px; width:36px; text-align:center; line-height:36px; display:inline-block; transition:all 0.4s; border-radius:50%; position:relative; z-index:1; transform:rotate(-45deg); margin-left:4px; }
.vl-btn4 span::after { position:absolute; content:""; height:100%; width:100%; left:0; top:0; background:#EDEBF9; z-index:-1; border-radius:50%; }

.vl-btn5:hover .arrow { margin-left:4px; transition:all 0.4s; transform:rotate(0); }
.vl-btn5 .text { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:20px; display:inline-block; transition:all 0.4s; text-transform:uppercase; padding:20px 26px; border-radius:70px; background:var(--ztc-bg-bg-11); }
.vl-btn5 .arrow { height:60px; width:60px; text-align:center; line-height:60px; border-radius:50%; transition:all 0.4s; background:var(--ztc-bg-bg-11); color:var(--ztc-text-text-1); transform:rotate(-45deg); display:inline-block; font-size:var(--ztc-font-size-font-s24); }

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

.bg1 { background:#EDF2F7; }

.pagination-area { position:relative; z-index:1; text-align:center; overflow:hidden; }
.pagination-area ul { justify-content:center; }
.pagination-area ul li { margin:0 14px 0 0; }
.pagination-area ul li:last-child(1) { margin:0; }
.pagination-area ul li a { color:var(--ztc-text-text-4); text-align:center; font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); display:inline-block; transition:all 0.4s; height:50px; width:50px; text-align:center; line-height:50px; border:none; border-radius:8px; margin:0; padding:0; border-radius:8px; background:var(--3-home-page-graycolors, #EDF2F7); }
.pagination-area ul li a:hover { background:var(--ztc-bg-bg-3); color:var(--ztc-text-text-1); transition:all 0.4s; }

.sp1 { padding:100px 0 100px; }

.sp2 { padding:40px 0 50px; }


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

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

@media (max-width:767px) { body, html { overflow-x:hidden !important; } }
@media only screen and (min-width:768px) and (max-width:991px) { body, html { overflow-x:hidden !important; } }


.logo { }
.c_name { font-family:'Outfit', sans-serif; color:#043173; margin-top:0; margin-bottom:0; font-size:24px; font-weight:500;  }
.c_name a { color:#043173; }
.c_location {font-family:'Outfit', sans-serif; color:#000; font-size:15px; font-weight:400;}

@media only screen and ( max-width:768px) {
.logo { width:50%; margin:0px auto; text-align:center; }
.align-items-center	{ text-align:center; margin-top:10px; }
}

/*============= ABOUT CSS AREA ===============*/
.about1-section-area { position:relative; z-index:1; overflow:hidden; }
.about1-section-area .about-images-area { position:relative; z-index:1; padding:0 50px 0 0; }
@media (max-width:767px) { .about1-section-area .about-images-area { padding:0; margin-bottom:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .about1-section-area .about-images-area { padding:0; margin-bottom:30px; } }
.about1-section-area .about-images-area .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; }
.about1-section-area .about-images-area .elements6 { position:absolute; bottom:30px; left:-165px; }
@media (max-width:767px) { .about1-section-area .about-images-area .elements6 { display:none; } }
.about1-section-area .about-heading .pera-box { background:#EDF2F7; position:relative; z-index:1; border-radius:8px; padding:20px; transition:all 0.4s; }
.about1-section-area .about-heading .pera-box:hover { transform:translateY(-5px); transition:all 0.4s; }
.about1-section-area .about-heading .pera-box:hover .icons { transform:rotateY(-180deg); transition:all 0.4s; }
.about1-section-area .about-heading .pera-box .icons { height:60px; width:60px; text-align:center; line-height:60px; border-radius:8px; display:inline-block; transition:all 0.4s; background:var(--ztc-bg-bg-3); position:absolute; transition:all 0.4s; }
.about1-section-area .about-heading .pera-box .text { padding-left:80px; }
.about1-section-area .about-heading .pera-box .text a { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:20px; display:inline-block; transition:all 0.4s; }

.about2-section-area { position:relative; z-index:1; overflow:hidden; }
.about2-section-area .about-heading { padding:0 90px 0 0; }
@media (max-width:767px) { .about2-section-area .about-heading { padding:0; margin-bottom:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .about2-section-area .about-heading { padding:0; margin-bottom:30px; } }
.about2-section-area .about-heading .about-boxarea { border-radius:8px; background:var(--01-home-page-gray-colors, #F3F9F5); position:relative; z-index:1; padding:28px 24px; transition:all 0.4s; }
.about2-section-area .about-heading .about-boxarea:hover { transform:translateY(-5px); transition:all 0.4s; }
.about2-section-area .about-heading .about-boxarea:hover .icons { transform:rotateY(-180deg); transition:all 0.4s; }
.about2-section-area .about-heading .about-boxarea .icons { height:80px; width:80px; text-align:center; line-height:80px; display:inline-block; transition:all 0.4s; background:var(--ztc-bg-bg-5); border-radius:50%; position:absolute; }
@media (max-width:767px) { .about2-section-area .about-heading .about-boxarea .icons { position:relative; } }
@media only screen and (min-width:768px) and (max-width:991px) { .about2-section-area .about-heading .about-boxarea .icons { position:relative; } }
.about2-section-area .about-heading .about-boxarea .text { padding-left:100px; }
@media (max-width:767px) { .about2-section-area .about-heading .about-boxarea .text { padding:0; margin-top:20px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .about2-section-area .about-heading .about-boxarea .text { padding:0; margin-top:20px; } }
.about2-section-area .about-heading .about-boxarea .text a { color:var(--ztc-text-text-5); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:20px; display:inline-block; transition:all 0.4s; }
.about2-section-area .images-area { position:relative; z-index:1; }
.about2-section-area .images-area .elements11 { position:absolute; top:-30px; left:-30px; }
.about2-section-area .images-area .elements10 { position:absolute; bottom:-30px; left:-30px; }
.about2-section-area .images-area .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; }
.about2-section-area .btn-area1 .vl-btn2 { color:var(--ztc-text-text-5); font-family:var(--ztc-family-font1); 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; border-radius:8px; padding:16px 20px; position:relative; right:0; top:0; z-index:1; background:var(--ztc-bg-bg-5); border:none; outline:none; }
.about2-section-area .btn-area1 .vl-btn2:hover { transform:translateY(-5px); transition:all 0.4s; color:var(--ztc-text-text-1); }
.about2-section-area .btn-area1 .vl-btn2:hover::after { left:0; top:0; transition:all 0.4s; visibility:visible; opacity:1; width:100%; }
.about2-section-area .btn-area1 .vl-btn2 i { padding-left:4px; }
.about2-section-area .btn-area1 .vl-btn2::after { position:absolute; content:""; height:100%; width:10px; left:50%; transition:all 0.4s; color:var(--ztc-text-text-1); background:var(--ztc-bg-bg-4); top:0; z-index:-2; border-radius:8px; visibility:hidden; opacity:0; }

.about3-section-area { position:relative; z-index:1; overflow:hidden; }
.about3-section-area .about-images-area { position:relative; z-index:1; }
.about3-section-area .about-images-area .elements18 { position:absolute; left:130px; top:40px; }
@media (max-width:767px) { .about3-section-area .about-images-area .elements18 { display:none; } }
.about3-section-area .about-images-area .img1 img { width:370px; height:570px; -o-object-fit:cover;  object-fit:cover; border-radius:200px; }
@media (max-width:767px) { .about3-section-area .about-images-area .img1 img { width:100%; height:100%; } }
.about3-section-area .about-images-area .img2 { position:absolute; bottom:-30px; background:var(--ztc-bg-bg-1); padding:10px; border-radius:300px; z-index:2; left:60px; }
@media (max-width:767px) { .about3-section-area .about-images-area .img2 { position:relative; left:0; bottom:0; } }
.about3-section-area .about-images-area .img2 img { width:270px; height:410px; -o-object-fit:cover;  object-fit:cover; border-radius:200px; }
@media (max-width:767px) { .about3-section-area .about-images-area .img2 img { width:100%; height:100%; } }
.about3-section-area .heading3 { padding:0 0 0 50px; }
@media (max-width:767px) { .about3-section-area .heading3 { padding:0; margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .about3-section-area .heading3 { padding:0; margin-top:50px; } }
.about3-section-area .heading3 ul li { color:var(--ztc-text-text-10); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:16px; margin-top:16px; }
.about3-section-area .heading3 ul li img { margin:0 6px 0 0; }

.about4-section-area { position:relative; z-index:1; overflow:hidden; }
.about4-section-area .about-images { position:relative; z-index:1; }
.about4-section-area .about-images .elements33 { position:absolute; right:-30px; top:-30px; z-index:-1; }
.about4-section-area .about-images .elements34 { position:absolute; left:-100px; z-index:1; }
.about4-section-area .about-images .elements35 { position:absolute; bottom:40px; right:-50px; z-index:1; }
.about4-section-area .about-images .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; }
.about4-section-area .about-heading { padding:0 100px 0 0; }
@media (max-width:767px) { .about4-section-area .about-heading { padding:0; margin-top:40px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .about4-section-area .about-heading { padding:0; margin-top:40px; } }
.about4-section-area .about-heading .about-boxarea { border-radius:8px; border:1px solid rgba(16, 2, 53, 0.05); position:relative; z-index:1; padding:28px 24px; transition:all 0.4s; }
.about4-section-area .about-heading .about-boxarea:hover { transform:translateY(-5px); transition:all 0.4s; }
.about4-section-area .about-heading .about-boxarea:hover .icons { transform:rotateY(-180deg); transition:all 0.4s; }
.about4-section-area .about-heading .about-boxarea .icons { height:80px; width:80px; text-align:center; line-height:80px; display:inline-block; transition:all 0.4s; background:#EFF1FF; border-radius:50%; position:absolute; }
@media (max-width:767px) { .about4-section-area .about-heading .about-boxarea .icons { position:relative; } }
@media only screen and (min-width:768px) and (max-width:991px) { .about4-section-area .about-heading .about-boxarea .icons { position:relative; } }
.about4-section-area .about-heading .about-boxarea .text { padding-left:100px; }
@media (max-width:767px) { .about4-section-area .about-heading .about-boxarea .text { padding:0; margin-top:20px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .about4-section-area .about-heading .about-boxarea .text { padding:0; margin-top:20px; } }
.about4-section-area .about-heading .about-boxarea .text a { color:var(--ztc-text-text-11); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:20px; display:inline-block; transition:all 0.4s; }

.about5-section-area { position:relative; z-index:1; overflow:hidden; }
.about5-section-area .img1:nth-child(2) { position:relative; left:100px; }

.about5-section-area .b_text { font-family:var(--ztc-family-font1); font-size:17px; text-align:justify; line-height:1.7em; color:#333;}
@media (max-width:767px) { .about5-section-area .img1:nth-child(2) { left:0; margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .about5-section-area .img1:nth-child(2) { left:0; margin-top:60px; } }
.about5-section-area .img1 img { height:100%; width:400px !important; max-width:400px !important; -o-object-fit:cover;  object-fit:cover; border-radius:8px; }
@media (max-width:767px) { .about5-section-area .img1 img { width:100%; height:100%; -o-object-fit:cover;    object-fit:cover; } }
@media only screen and (min-width:768px) and (max-width:991px) { .about5-section-area .img1 img { width:100% !important; height:100% !important; -o-object-fit:cover;    object-fit:cover; } }
.about5-section-area .about-header { background:var(--ztc-bg-bg-1); position:relative; z-index:2; color:#de3e04; margin-top:40px; margin-bottom:40px; }
@media (max-width:767px) { .about5-section-area .about-header { margin-top:40px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .about5-section-area .about-header { margin-top:40px; } }
.about5-section-area .counter-box { display:flex; align-items:center; justify-content:end; }
.about5-section-area .counter-box .boxarea:nth-child(1) { margin:0 36px 0 0; }
.about5-section-area .counter-box .boxarea h3 { color:var(--ztc-text-text-14); 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-semibold); line-height:32px; }
.about5-section-area .counter-box .boxarea p { color:var(--ztc-text-text-15); text-align:center; font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:18px; }

.aboutinner-section-area { position:relative; z-index:1; overflow:hidden; }
.aboutinner-section-area .about-images-area { position:relative; z-index:1; }
.aboutinner-section-area .about-images-area .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; }
@media (max-width:767px) { .aboutinner-section-area .about-images-area .img2 { margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .aboutinner-section-area .about-images-area .img2 { margin-top:30px; } }
.aboutinner-section-area .about-images-area .img2 img { height:440px; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; }
.aboutinner-section-area .about-images-area .elements6 { position:absolute; bottom:30px; left:-165px; }
@media (max-width:767px) { .aboutinner-section-area .about-images-area .elements6 { display:none; } }
.aboutinner-section-area .about-heading { padding:0 50px 0 0; }
@media (max-width:767px) { .aboutinner-section-area .about-heading { padding:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .aboutinner-section-area .about-heading { padding:0; } }
.aboutinner-section-area .about-heading .pera-box { background:#EDF2F7; position:relative; z-index:1; border-radius:8px; padding:20px; transition:all 0.4s; }
.aboutinner-section-area .about-heading .pera-box:hover { transform:translateY(-5px); transition:all 0.4s; }
.aboutinner-section-area .about-heading .pera-box:hover .icons { transform:rotateY(-180deg); transition:all 0.4s; }
.aboutinner-section-area .about-heading .pera-box .icons { height:60px; width:60px; text-align:center; line-height:60px; border-radius:8px; display:inline-block; transition:all 0.4s; background:var(--ztc-bg-bg-3); position:absolute; transition:all 0.4s; }
.aboutinner-section-area .about-heading .pera-box .text { padding-left:80px; }
.aboutinner-section-area .about-heading .pera-box .text a { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:20px; display:inline-block; transition:all 0.4s; }

.aboutinner2-section-area { position:relative; z-index:1; overflow:hidden; background:#EDF2F7; }
.aboutinner2-section-area .about-images-area { position:relative; z-index:1; }
.aboutinner2-section-area .about-images-area .elements18 { position:absolute; left:130px; top:40px; }
@media (max-width:767px) { .aboutinner2-section-area .about-images-area .elements18 { display:none; } }
.aboutinner2-section-area .about-images-area .img1 img { width:370px; height:570px; -o-object-fit:cover;  object-fit:cover; border-radius:200px; }
@media (max-width:767px) { .aboutinner2-section-area .about-images-area .img1 img { width:100%; height:100%; } }
.aboutinner2-section-area .about-images-area .img2 { position:absolute; bottom:-30px; background:var(--ztc-bg-bg-1); padding:10px; border-radius:300px; z-index:2; left:60px; }
@media (max-width:767px) { .aboutinner2-section-area .about-images-area .img2 { position:relative; left:0; bottom:0; } }
.aboutinner2-section-area .about-images-area .img2 img { width:270px; height:410px; -o-object-fit:cover;  object-fit:cover; border-radius:200px; }
@media (max-width:767px) { .aboutinner2-section-area .about-images-area .img2 img { width:100%; height:100%; } }
.aboutinner2-section-area .heading1 { padding:0 0 0 50px; }
@media (max-width:767px) { .aboutinner2-section-area .heading1 { padding:0; margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .aboutinner2-section-area .heading1 { padding:0; margin-top:50px; } }
.aboutinner2-section-area .heading1 .counter-boxarea { text-align:center; margin-top:32px; position:relative; }
.aboutinner2-section-area .heading1 .counter-boxarea h3 { 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-semibold); line-height:32px; }

/*============= ABOUT CSS AREA ENDS ===============*/
/*============= SERVICE CSS AREA ===============*/
.service1-section-area { position:relative; z-index:1; overflow:hidden; }
.service1-section-area .service-single-slider { position:relative; z-index:1; }
.service1-section-area .service-single-slider .owl-nav { position:absolute; right:0; top:-120px; }
@media (max-width:767px) { .service1-section-area .service-single-slider .owl-nav { position:relative; z-index:1; text-align:center; margin-top:30px; top:0; left:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .service1-section-area .service-single-slider .owl-nav { position:relative; z-index:1; text-align:center; margin-top:30px; top:0; left:0; } }
.service1-section-area .service-single-slider .owl-nav button { height:50px; width:50px; text-align:center; line-height:50px; display:inline-block; transition:all 0.4s; border-radius:8px; background:rgba(110, 148, 25, 0.3); color:var(--ztc-text-text-4); font-size:var(--ztc-font-size-font-s20); }
.service1-section-area .service-single-slider .owl-nav button:hover { background:var(--ztc-bg-bg-3); color:var(--ztc-text-text-1); transition:all 0.4s; }
.service1-section-area .service-single-slider .owl-nav button.owl-prev { margin:0 16px 0 0; }
.service1-section-area .service-single-slider .service-boxarea { position:relative; z-index:1; border-radius:8px; overflow:hidden; text-align:center; background:var(--ztc-bg-bg-1); padding:20px 20px 32px 20px; }
.service1-section-area .service-single-slider .service-boxarea:hover .img1 img { transform:scale(1.1) rotate(-4deg); transition:all 0.4s; }
.service1-section-area .service-single-slider .service-boxarea:hover .img1::after { transform:scale(1); transition:all 0.4s; visibility:visible; opacity:70%; transition:all 0.4s; }
.service1-section-area .service-single-slider .service-boxarea:hover .img1 .arrow a { visibility:visible; opacity:1; transition:all 0.6s; transform:scale(1); rotate:-45deg; }
.service1-section-area .service-single-slider .service-boxarea:hover .content-area .icons { background:var(--ztc-bg-bg-3); transition:all 0.4s; }
.service1-section-area .service-single-slider .service-boxarea:hover .content-area .icons img { filter:brightness(0) invert(1); transition:all 0.4s; }
.service1-section-area .service-single-slider .service-boxarea .img1 { position:relative; z-index:1; overflow:hidden; transition:all 0.4s; border-radius:8px; }
.service1-section-area .service-single-slider .service-boxarea .img1::after { position:absolute; content:""; height:100%; width:100%; left:0; top:0; background:var(--ztc-bg-bg-2); transition:all 0.4s; border-radius:8px; opacity:0; visibility:hidden; transform:scale(0.7); }
.service1-section-area .service-single-slider .service-boxarea .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; transition:all 0.4s; }
.service1-section-area .service-single-slider .service-boxarea .img1 .arrow a { 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); display:inline-block; transition:all 0.4s; transform:rotate(-45deg); font-size:var(--ztc-font-size-font-s20); position:absolute; left:50%; top:50%; margin-left:-24px; margin-top:-24px; transform:scale(0.7); visibility:hidden; opacity:0; transition:all 0.6s; z-index:2; }
.service1-section-area .service-single-slider .service-boxarea .content-area .icons { height:90px; width:90px; text-align:center; line-height:90px; display:inline-block; transition:all 0.4s; border-radius:50%; background:#EDF2F7; position:relative; z-index:2; margin-top:-90px; }
.service1-section-area .service-single-slider .service-boxarea .content-area .icons img { transition:all 0.4s; height:40px; width:40px; display:inline-block; }
.service1-section-area .service-single-slider .service-boxarea .content-area a { color:var(--ztc-text-text-2); text-align:center; font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s22); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:22px; display:block; transition:all 0.4s; }
.service1-section-area .service-single-slider .service-boxarea .content-area a:hover { color:var(--ztc-text-text-4); transition:all 0.4s; }

.service2-section-area { position:relative; z-index:1; background:#F3F9F5; overflow:hidden; }
.service2-section-area .service2-slider-area { position:relative; z-index:1; }
.service2-section-area .service2-slider-area.owl-carousel .owl-stage-outer { overflow:inherit; }
.service2-section-area .service2-slider-area .service2-boxarea { position:relative; z-index:1; text-align:center; background:var(--ztc-bg-bg-1); border-radius:8px; padding:24px; }
.service2-section-area .service2-slider-area .service2-boxarea:hover .icons { transform:rotateY(-180deg); transition:all 0.4s; background:var(--ztc-bg-bg-5); }
.service2-section-area .service2-slider-area .service2-boxarea .icons { height:80px; width:80px; text-align:center; line-height:80px; display:inline-block; transition:all 0.4s; background:#F5FCE6; border-radius:50%; }
@media (max-width:767px) { .service2-section-area .service2-slider-area .service2-boxarea .icons { position:relative; } }
@media only screen and (min-width:768px) and (max-width:991px) { .service2-section-area .service2-slider-area .service2-boxarea .icons { position:relative; } }
.service2-section-area .service2-slider-area .service2-boxarea .icons img { height:36px; width:36px; text-align:center; line-height:36px; display:inline-block; }
.service2-section-area .service2-slider-area .service2-boxarea .text a { color:var(--ztc-text-text-5); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:20px; display:inline-block; transition:all 0.4s; }
.service2-section-area .service2-slider-area .service2-boxarea .text a:hover { color:var(--ztc-text-text-6); transition:all 0.4s; }
.service2-section-area .service2-slider-area .service2-boxarea .text a.readmore { color:var(--ztc-text-text-5); font-family:var(--ztc-family-font1); 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; }
.service2-section-area .service2-slider-area .service2-boxarea .text a.readmore i { margin-left:4px; }
.service2-section-area .service2-slider-area .service2-boxarea .text a.readmore:hover { color:var(--ztc-text-text-6); transition:all 0.4s; }

.service3-section-area { position:relative; z-index:1; overflow:hidden; }
.service3-section-area .service3-single-boxarea { position:relative; z-index:1; transition:all 0.4s; background:var(--ztc-bg-bg-1); border-radius:8px; padding:32px; overflow:hidden; margin-bottom:30px; }
.service3-section-area .service3-single-boxarea:hover { transform:translateY(-5px); transition:all 0.4s; }
.service3-section-area .service3-single-boxarea:hover::after { left:0; transition:all 0.4s; width:100%; visibility:visible; opacity:1; }
.service3-section-area .service3-single-boxarea:hover .icons { background:var(--ztc-bg-bg-7); transition:all 0.4s; transform:rotateY(-180deg); }
.service3-section-area .service3-single-boxarea:hover .icons img { filter:brightness(0); transition:all 0.4s; }
.service3-section-area .service3-single-boxarea:hover .content a { color:var(--ztc-text-text-1); transition:all 0.4s; }
.service3-section-area .service3-single-boxarea:hover .content p { color:var(--ztc-text-text-1); opacity:80%; transition:all 0.4s; }
.service3-section-area .service3-single-boxarea:hover .content a.readmore { color:var(--ztc-text-text-1); transition:all 0.4s; }
.service3-section-area .service3-single-boxarea::after { position:absolute; content:""; height:100%; width:10px; left:50%; top:0; transition:all 0.4s; background:var(--ztc-bg-bg-6); visibility:hidden; opacity:0; border-radius:8px; z-index:-1; }
.service3-section-area .service3-single-boxarea .icons { height:70px; width:70px; text-align:center; line-height:70px; border-radius:4px; transition:all 0.4s; background:var(--ztc-bg-bg-6); display:inline-block; }
.service3-section-area .service3-single-boxarea .icons img { transition:all 0.4s; }
.service3-section-area .service3-single-boxarea .content a { color:var(--ztc-text-text-8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s22); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:22px; display:inline-block; transition:all 0.4s; }
.service3-section-area .service3-single-boxarea .content a:hover { color:var(--ztc-text-text-9); transition:all 0.4s; }
@media only screen and (min-width:768px) and (max-width:991px) { .service3-section-area .service3-single-boxarea .content a { line-height:26px; } }
@media (max-width:767px) { .service3-section-area .service3-single-boxarea .content a { line-height:26px; } }
.service3-section-area .service3-single-boxarea .content p { color:var(--ztc-text-text-10); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:24px; transition:all 0.4s; }
.service3-section-area .service3-single-boxarea .content a.readmore { color:var(--ztc-text-text-8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); font-style:normal; font-weight:var(--ztc-weight-bold); line-height:18px; display:inline-block; transition:all 0.4s; }
.service3-section-area .service3-single-boxarea .content a.readmore i { margin-left:4px; transform:rotate(-45deg); transition:all 0.4s; }
.service3-section-area .service3-single-boxarea .content a.readmore:hover { color:var(--ztc-text-text-9); transition:all 0.4s; }
.service3-section-area .service3-single-boxarea .content a.readmore:hover i { transform:rotate(0); }

.service4-section-area { position:relative; z-index:1; background:#EFF1FF; overflow:hidden; }
.service4-section-area .service-images { position:relative; z-index:1; }
@media (max-width:767px) { .service4-section-area .service-images { margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .service4-section-area .service-images { margin-top:30px; } }
.service4-section-area .service-images .elements32 { position:absolute; right:-150px; top:50%; margin-top:-157px; z-index:1; }
@media (max-width:767px) { .service4-section-area .service-images .elements32 { display:none; } }
.service4-section-area .service-images .elements33 { position:absolute; left:-30px; top:-30px; z-index:-1; }
.service4-section-area .service-images .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; }
.service4-section-area .service-all-boxarea-area { position:relative; z-index:1; padding-top:48px; border-top:1px solid rgba(16, 2, 53, 0.05); }
.service4-section-area .service-all-boxarea-area .service-boxarea { position:relative; z-index:1; margin-bottom:30px; }
.service4-section-area .service-all-boxarea-area .service-boxarea:hover .icons { transform:rotateY(-180deg); transition:all 0.4s; background:var(--ztc-bg-bg-9); }
.service4-section-area .service-all-boxarea-area .service-boxarea:hover .icons img { filter:brightness(0) invert(1); transition:all 0.4s; }
.service4-section-area .service-all-boxarea-area .service-boxarea .icons { height:70px; width:70px; text-align:center; line-height:70px; border-radius:50%; display:inline-block; transition:all 0.4s; background:#DFDEF9; }
.service4-section-area .service-all-boxarea-area .service-boxarea .icons img { transition:all 0.4s; }
.service4-section-area .service-all-boxarea-area .service-boxarea a { 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-semibold); line-height:24px; display:inline-block; transition:all 0.4s; text-transform:capitalize; }
.service4-section-area .service-all-boxarea-area .service-boxarea a:hover { color:var(--ztc-text-text-13); transition:all 0.4s; }
.service4-section-area .service-all-boxarea-area .service-boxarea p { color:var(--ztc-text-text-12); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:26px; }
.service4-section-area .service-all-boxarea-area .service-boxarea a.readmore { color:var(--ztc-text-text-11); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:26px; display:inline-block; transition:all 0.4s; text-transform:capitalize; }
.service4-section-area .service-all-boxarea-area .service-boxarea a.readmore:hover { color:var(--ztc-text-text-13); transition:all 0.4s; }
.service4-section-area .service-all-boxarea-area .service-boxarea a.readmore:hover i { transform:rotate(0); transition:all 0.4s; }
.service4-section-area .service-all-boxarea-area .service-boxarea a.readmore i { margin-left:4px; transform:rotate(-45deg); transition:all 0.4s; }

.service5-section-area { text-align:center; position:relative; z-index:1; overflow:hidden; background:#F4F3EF; }
.service5-section-area .service-single-slider { position:relative; z-index:1; }
.service5-section-area .service-single-slider .owl-nav { position:absolute; right:0; top:-120px; }



@media (max-width:767px) { .service5-section-area .service-single-slider .owl-nav { position:relative; z-index:1; text-align:center; margin-top:30px; top:0; left:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .service5-section-area .service-single-slider .owl-nav { position:relative; z-index:1; text-align:center; margin-top:30px; top:0; left:0; } }
.service5-section-area .service-single-slider .owl-nav button { height:50px; width:50px; text-align:center; line-height:50px; display:inline-block; transition:all 0.4s; border-radius:8px; background:rgba(251, 133, 0, 0.1); color:var(--ztc-text-text-4); font-size:var(--ztc-font-size-font-s20); color:var(--ztc-text-text-16); }
.service5-section-area .service-single-slider .owl-nav button:hover { background:var(--ztc-bg-bg-11); color:var(--ztc-text-text-1); transition:all 0.4s; }
.service5-section-area .service-single-slider .owl-nav button.owl-prev { margin:0 16px 0 0; }
.service5-section-area .service-single-slider .service-boxarea { position:relative; z-index:1; border-radius:8px; overflow:hidden; text-align:center; background:var(--ztc-bg-bg-1); padding:20px 20px 32px 20px; }
.service5-section-area .service-single-slider .service-boxarea:hover .img1 img { transform:scale(1.1) rotate(-4deg); transition:all 0.4s; }
.service5-section-area .service-single-slider .service-boxarea:hover .img1::after { transform:scale(1); transition:all 0.4s; visibility:visible; opacity:70%; transition:all 0.4s; }
.service5-section-area .service-single-slider .service-boxarea:hover .img1 .arrow a { visibility:visible; opacity:1; transition:all 0.6s; transform:scale(1); rotate:-45deg; }
.service5-section-area .service-single-slider .service-boxarea:hover .content-area .icons { background:var(--ztc-bg-bg-11); transition:all 0.4s; }
.service5-section-area .service-single-slider .service-boxarea:hover .content-area .icons img { filter:brightness(0) invert(1); transition:all 0.4s; }
.service5-section-area .service-single-slider .service-boxarea:hover .service-other-box { bottom:0; transition:all 0.6s; }
.service5-section-area .service-single-slider .service-boxarea .img1 { position:relative; z-index:1; overflow:hidden; transition:all 0.4s; border-radius:8px; }
.service5-section-area .service-single-slider .service-boxarea .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; transition:all 0.4s; }
.service5-section-area .service-single-slider .service-boxarea .img1 .arrow a { height:48px; width:48px; text-align:center; line-height:48px; border-radius:50%; background:#F4F3EF; color:var(--ztc-text-text-1); display:inline-block; transition:all 0.4s; transform:rotate(-45deg); font-size:var(--ztc-font-size-font-s20); position:absolute; left:50%; top:50%; margin-left:-24px; margin-top:-24px; transform:scale(0.7); visibility:hidden; opacity:0; transition:all 0.6s; z-index:2; }
.service5-section-area .service-single-slider .service-boxarea .content-area .icons { height:90px; width:90px; text-align:center; line-height:90px; display:inline-block; transition:all 0.4s; border-radius:50%; background:#EDF2F7; position:relative; z-index:2; margin-top:-90px; }
.service5-section-area .service-single-slider .service-boxarea .content-area .icons img { transition:all 0.4s; height:40px; width:40px; display:inline-block; }
.service5-section-area .service-single-slider .service-boxarea .content-area  { color:var(--ztc-text-text-14); text-align:center; font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s22); font-style:normal; line-height:22px; display:block; transition:all 0.4s; margin-bottom:10px; }


.service5-section-area .service-single-slider .service-boxarea .content-area a { color:var(--ztc-text-text-14); display:block; transition:all 0.4s; margin-bottom:10px; }


.service5-section-area .service-single-slider .service-boxarea .content-area a:hover { transition:all 0.4s; }


.service5-section-area a.btn-common { background:#de3e04; color:#FFF !important; border-radius:24px; font-size:16px; font-weight:400; margin-top:15px; display:block;}


.service5-section-area .service-single-slider .service-boxarea .service-other-box { text-align:center; padding:80px 30px; border-radius:8px; position:absolute; bottom:-100%; width:100%; height:100%; left:0; margin:0 auto; vertical-align:middle; z-index:2; transition:all 0.6s; }
.service5-section-area .service-single-slider .service-boxarea .service-other-box::after { position:absolute; content:""; height:100%; width:100%; background:var(--ztc-bg-bg-10); transition:all 0.4s; opacity:70%; left:0; top:0; z-index:-1; border-radius:8px; }
@media (max-width:767px) { .service5-section-area .service-single-slider .service-boxarea .service-other-box { padding:50 30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .service5-section-area .service-single-slider .service-boxarea .service-other-box { padding:50px 30px; } }
.service5-section-area .service-single-slider .service-boxarea .service-other-box .icons { height:90px; width:90px; text-align:center; line-height:90px; display:inline-block; transition:all 0.4s; border-radius:50%; background:var(--ztc-bg-bg-11); position:relative; z-index:2; }
.service5-section-area .service-single-slider .service-boxarea .service-other-box .icons img { transition:all 0.4s; height:40px; width:40px; display:inline-block; filter:brightness(0) invert(1); }
.service5-section-area .service-single-slider .service-boxarea .service-other-box a { color:var(--ztc-text-text-1); text-align:center; font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s22); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:22px; display:block; transition:all 0.4s; }
.service5-section-area .service-single-slider .service-boxarea .service-other-box a:hover { color:var(--ztc-text-text-16); transition:all 0.4s; }
.service5-section-area .service-single-slider .service-boxarea .service-other-box p { color:var(--ztc-text-text-1); text-align:center; font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:24px; }
.service5-section-area .service-single-slider .service-boxarea .service-other-box a.learnmore { color:var(--ztc-text-text-1); text-align:center; font-family:var(--ztc-family-font1); 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; }
.service5-section-area .service-single-slider .service-boxarea .service-other-box a.learnmore:hover { color:var(--ztc-text-text-16); transition:all 0.4s; }
.service5-section-area .service-single-slider .service-boxarea .service-other-box a.learnmore i { margin-left:4px; transform:rotate(-45deg); }

.service-inner-section-area { position:relative; z-index:1; overflow:hidden; }
.service-inner-section-area .service3-single-boxarea { position:relative; z-index:1; transition:all 0.4s; background:#EDF2F7; border-radius:8px; padding:32px; overflow:hidden; margin-bottom:30px; }
.service-inner-section-area .service3-single-boxarea:hover { transform:translateY(-5px); transition:all 0.4s; }
.service-inner-section-area .service3-single-boxarea:hover::after { left:0; transition:all 0.4s; width:100%; visibility:visible; opacity:1; }
.service-inner-section-area .service3-single-boxarea:hover .icons { background:var(--ztc-bg-bg-1); transition:all 0.4s; transform:rotateY(-180deg); }
.service-inner-section-area .service3-single-boxarea:hover .content a { color:var(--ztc-text-text-1); transition:all 0.4s; }
.service-inner-section-area .service3-single-boxarea:hover .content p { color:var(--ztc-text-text-1); opacity:80%; transition:all 0.4s; }
.service-inner-section-area .service3-single-boxarea:hover .content a.readmore { color:var(--ztc-text-text-1); transition:all 0.4s; }
.service-inner-section-area .service3-single-boxarea::after { position:absolute; content:""; height:100%; width:10px; left:50%; top:0; transition:all 0.4s; background:var(--ztc-bg-bg-2); visibility:hidden; opacity:0; border-radius:8px; z-index:-1; }
.service-inner-section-area .service3-single-boxarea .icons { height:70px; width:70px; text-align:center; line-height:70px; border-radius:4px; transition:all 0.4s; background:rgba(110, 148, 25, 0.1); display:inline-block; }
.service-inner-section-area .service3-single-boxarea .icons img { transition:all 0.4s; }
.service-inner-section-area .service3-single-boxarea .content a { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s22); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:22px; display:inline-block; transition:all 0.4s; }
.service-inner-section-area .service3-single-boxarea .content a:hover { color:var(--ztc-text-text-4); transition:all 0.4s; }
@media only screen and (min-width:768px) and (max-width:991px) { .service-inner-section-area .service3-single-boxarea .content a { line-height:26px; } }
@media (max-width:767px) { .service-inner-section-area .service3-single-boxarea .content a { line-height:26px; } }
.service-inner-section-area .service3-single-boxarea .content p { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); 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-inner-section-area .service3-single-boxarea .content a.readmore { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); font-style:normal; font-weight:var(--ztc-weight-bold); line-height:18px; display:inline-block; transition:all 0.4s; }
.service-inner-section-area .service3-single-boxarea .content a.readmore i { margin-left:4px; transform:rotate(-45deg); transition:all 0.4s; }
.service-inner-section-area .service3-single-boxarea .content a.readmore:hover { color:var(--ztc-text-text-4); transition:all 0.4s; }
.service-inner-section-area .service3-single-boxarea .content a.readmore:hover i { transform:rotate(0); }
.service-details-siderbars-area { position:relative; z-index:1; }
.service-details-siderbars-area .service-side-widget { position:sticky; top:120px; transition:all 0.4s; }
.service-details-siderbars-area .service-side-widget h3 { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:20px; }
.service-details-siderbars-area .service-side-widget .search-area { border-radius:8px; background:var(--3-home-page-graycolors, #EDF2F7); padding:24px 20px; }
.service-details-siderbars-area .service-side-widget .search-area form { position:relative; z-index:1; }
.service-details-siderbars-area .service-side-widget .search-area form input { width:100%; color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; border-radius:8px; background:rgba(110, 148, 25, 0.1); padding:16px; }
.service-details-siderbars-area .service-side-widget .search-area form input::-moz-placeholder { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; opacity:70%; }
.service-details-siderbars-area .service-side-widget .search-area form input::placeholder { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; opacity:70%; }
.service-details-siderbars-area .service-side-widget .search-area form button { border:none; outline:none; height:52px; width:52px; text-align:center; line-height:48px; border-radius:0 8px 8px 0; background:var(--ztc-bg-bg-3); transition:all 0.4s; position:absolute; right:0; top:0; }
.service-details-siderbars-area .service-side-widget .categories-area { border-radius:8px; background:var(--3-home-page-graycolors, #EDF2F7); padding:24px 20px; }
.service-details-siderbars-area .service-side-widget .categories-area ul li a { display:flex; align-items:center; justify-content:space-between; color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:18px; border-radius:8px; background:var(--ztc-bg-bg-1); padding:20px 20px; transition:all 0.4s; margin-top:20px; }
.service-details-siderbars-area .service-side-widget .categories-area ul li a:hover { background:var(--ztc-bg-bg-3); transition:all 0.4s; color:var(--ztc-text-text-1); }
.service-details-siderbars-area .service-side-widget .categories-area ul li a:hover span { transform:rotate(90deg); transition:all 0.4s; background:#7FA135; color:var(--ztc-text-text-1); }
.service-details-siderbars-area .service-side-widget .categories-area ul li a span { height:32px; width:32px; text-align:center; line-height:32px; border-radius:50%; color:var(--ztc-text-text-2); background:#EEF2E3; transition:all 0.4s; }
.service-details-siderbars-area .service-side-widget .help-area { border-radius:8px; background:var(--3-home-page-graycolors, #EDF2F7); padding:24px 20px; }
.service-details-siderbars-area .service-side-widget .help-area h3 { line-height:28px; }
.service-details-siderbars-area .service-side-widget .help-area .btn-area1 a { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-bold); line-height:16px; border-radius:8px; background:var(--ztc-bg-bg-3); padding:10px 16px; display:inline-block; transition:all 0.4s; }
.service-details-siderbars-area .service-side-widget .help-area .btn-area1 a:hover { background:var(--ztc-bg-bg-2); transition:all 0.4s; }
.service-details-siderbars-area .service-side-widget .help-area .btn-area1 a span { height:32px; width:32px; text-align:center; line-height:32px; border-radius:50%; background:rgba(255, 255, 255, 0.1); display:inline-block; transition:all 0.4s; margin:0 4px 0 0; }
.service-details-siderbars-area .service-side-widget .social-area { border-radius:8px; background:var(--3-home-page-graycolors, #EDF2F7); padding:24px 20px; }
.service-details-siderbars-area .service-side-widget .social-area ul li { display:inline-block; margin:0 6px 0 0; }
.service-details-siderbars-area .service-side-widget .social-area ul li:last-child { margin:0; }
.service-details-siderbars-area .service-side-widget .social-area ul li a { height:40px; width:40px; text-align:center; line-height:40px; border-radius:50%; background:var(--ztc-bg-bg-1); transition:all 0.4s; color:var(--ztc-text-text-2); display:inline-block; font-size:var(--ztc-font-size-font-s20); }
.service-details-siderbars-area .service-side-widget .social-area ul li a:hover { background:var(--ztc-bg-bg-3); color:var(--ztc-text-text-1); transition:all 0.4s; }
.service-details-siderbars-area .service-main-detailsarea { position:relative; z-index:1; }
.service-details-siderbars-area .service-main-detailsarea.leftpadding { padding:0 0 0 40px; }
@media (max-width:767px) { .service-details-siderbars-area .service-main-detailsarea.leftpadding { padding:0; margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .service-details-siderbars-area .service-main-detailsarea.leftpadding { padding:0; margin-top:30px; } }
.service-details-siderbars-area .service-main-detailsarea.rightpadding { padding:0 40px 0 0; }
@media (max-width:767px) { .service-details-siderbars-area .service-main-detailsarea.rightpadding { padding:0; margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .service-details-siderbars-area .service-main-detailsarea.rightpadding { padding:0; margin-top:30px; } }
.service-details-siderbars-area .service-main-detailsarea 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-semibold); line-height:32px; }
.service-details-siderbars-area .service-main-detailsarea p { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:26px; }
.service-details-siderbars-area .service-main-detailsarea .img1 { position:relative; z-index:1; }
.service-details-siderbars-area .service-main-detailsarea .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; }
.service-details-siderbars-area .service-main-detailsarea .img1 .play a { height:40px; width:40px; text-align:center; line-height:38px; background:var(--ztc-bg-bg-1); border-radius:50%; display:inline-block; transition:all 0.4s; color:var(--ztc-text-text-4); position:absolute; top:50%; left:50%; margin-left:-20px; margin-top:-20px; }
.service-details-siderbars-area .service-main-detailsarea .list-area ul li { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:16px; margin-top:16px; }
.service-details-siderbars-area .service-main-detailsarea .list-area ul li:nth-child(1) { margin:0; }
.service-details-siderbars-area .service-main-detailsarea .list-area ul li img { margin:0 4px 0 0; }
.service-details-siderbars-area .service-main-detailsarea .service-details-box { position:relative; z-index:1; background:#EDF2F7; padding:24px 20px; margin-top:30px; border-radius:8px; transition:all 0.4s; }
.service-details-siderbars-area .service-main-detailsarea .service-details-box:hover { background:var(--ztc-bg-bg-3); transition:all 0.4s; }
.service-details-siderbars-area .service-main-detailsarea .service-details-box:hover .icons { background:var(--ztc-bg-bg-1); transition:all 0.4s; }
.service-details-siderbars-area .service-main-detailsarea .service-details-box:hover .text a { color:var(--ztc-text-text-1); transition:all 0.4s; }
.service-details-siderbars-area .service-main-detailsarea .service-details-box:hover .text p { color:var(--ztc-text-text-1); transition:all 0.4s; }
.service-details-siderbars-area .service-main-detailsarea .service-details-box .icons { height:50px; width:50px; text-align:center; line-height:50px; border-radius:4px; transition:all 0.4s; display:inline-block; background:rgba(110, 148, 25, 0.1); position:absolute; }
.service-details-siderbars-area .service-main-detailsarea .service-details-box .text { padding-left:70px; }
.service-details-siderbars-area .service-main-detailsarea .service-details-box .text a { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); 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; }
.service-details-siderbars-area .service-main-detailsarea .service-details-box .text p { transition:all 0.4s; }

/*============= SERVICE CSS AREA ENDS===============*/
/*============= HERO CSS AREA ===============*/
.hero1-section-area { position:relative; z-index:1; overflow:hidden; padding:120px 0 0; }
@media (max-width:767px) { .hero1-section-area { padding:150px 0 0 0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .hero1-section-area { padding:150px 0 0 0; } }
@media only screen and (min-width:1400px) and (max-width:1599px) { .hero1-section-area { padding:80px 0 0 0; } }
.hero1-section-area .heading-area h5 { border-radius:6px; background:rgba(6, 29, 25, 0.1); padding:10px 14px; display:inline-block; transition:all 0.4s; color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:20px; text-transform:uppercase; }
@media (max-width:767px) { .hero1-section-area .heading-area h5 { font-size:var(--ztc-font-size-font-s12); line-height:16px; } }
.hero1-section-area .heading-area h1 { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s64); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:70px; display:inline-block; transition:all 0.4s; }
@media (max-width:767px) { .hero1-section-area .heading-area h1 { font-size:var(--ztc-font-size-font-s32); line-height:40px; } }
.hero1-section-area .heading-area p { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:28px; }
.hero1-section-area .heading-area .btn-area1 .vl-btn1.btn2 { margin-left:16px; background:none; color:var(--ztc-text-text-4); border:1px solid var(--ztc-text-text-4); padding:16px 24px; }
@media (max-width:767px) { .hero1-section-area .heading-area .btn-area1 .vl-btn1.btn2 { margin-left:0; margin-top:20px; } }
.hero1-section-area .heading-area .btn-area1 .vl-btn1.btn2:hover { color:var(--ztc-text-text-1); transition:all 0.4s; border:1px solid var(--ztc-text-text-2); }
.hero1-section-area .heading-area .btn-area1 .vl-btn1.btn2:hover::before { background:var(--ztc-bg-bg-1); opacity:10%; }
.hero1-section-area .heading-area .btn-area1 .vl-btn1.btn2::before { background:var(--ztc-bg-bg-3); opacity:10%; }
.hero1-section-area .hero-images-area { position:relative; z-index:1; left:100px; }
@media (max-width:767px) { .hero1-section-area .hero-images-area { left:0; margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .hero1-section-area .hero-images-area { left:0; margin-top:30px; } }
@media only screen and (min-width:1600px) and (max-width:1700px) { .hero1-section-area .hero-images-area { left:0; } }
@media only screen and (min-width:1400px) and (max-width:1599px) { .hero1-section-area .hero-images-area { left:0; } }
.hero1-section-area .hero-images-area .img1 img { height:100%; width:100%; -o-object-fit:contain;  object-fit:contain; }
.hero1-section-area .hero-images-area .elements1 { position:absolute; position:absolute; left:-50px; top:100px; }
.hero1-section-area .hero-images-area .elements2 { position:absolute; right:0; top:200px; }
.hero1-section-area .hero-images-area .elements3 { position:absolute; top:55%; left:-50px; }
@media (max-width:767px) { .hero1-section-area .hero-images-area .elements3 { display:none; } }
.hero1-section-area .hero-images-area .elements4 { position:absolute; bottom:50px; right:-100px; }
@media (max-width:767px) { .hero1-section-area .hero-images-area .elements4 { display:none; } }
.hero1-section-area .hero-images-area .elements5 { position:absolute; bottom:-20px; z-index:-1; }

.hero2-section-area { position:relative; z-index:1; padding:260px 0 100px 0; overflow:hidden; }
@media (max-width:767px) { .hero2-section-area { padding:170px 0 100px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .hero2-section-area { padding:180px 0 100px; } }
.hero2-section-area .hero2-heading h5 { font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); line-height:18px; border-radius:4px; display:inline-block; transition:all 0.4s; border-radius:8px; color:var(--ztc-text-text-1); font-weight:var(--ztc-weight-regular); background:rgba(255, 255, 255, 0.15); padding:8px 10px; }
.hero2-section-area .hero2-heading h2 { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s64); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:74px; display:inline-block; transition:all 0.4s; }
@media (max-width:767px) { .hero2-section-area .hero2-heading h2 { font-size:var(--ztc-font-size-font-s32); line-height:40px; } }
.hero2-section-area .others-content .auhtor-content { display:flex; align-items:center; border-radius:8px; background:#244E45; padding:16px; }
.hero2-section-area .others-content .auhtor-content img { width:130px; height:40px; }
.hero2-section-area .others-content .auhtor-content .text { padding-left:12px; }
.hero2-section-area .others-content .auhtor-content .text h4 { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s28); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:28px; }
.hero2-section-area .others-content .auhtor-content .text p { color:rgba(255, 255, 255, 0.8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:16px; }
.hero2-section-area .others-content p { color:rgba(255, 255, 255, 0.8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:26px; }
.hero2-section-area .others-content .btn-area1 .vl-hero-btn { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); 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; border-radius:8px; padding:16px 20px; position:relative; z-index:1; background:var(--ztc-bg-bg-5); }
.hero2-section-area .others-content .btn-area1 .vl-hero-btn:hover { transform:translateY(-5px); transition:all 0.4s; }
.hero2-section-area .others-content .btn-area1 .vl-hero-btn:hover::after { left:0; top:0; transition:all 0.4s; visibility:visible; opacity:1; width:100%; }
.hero2-section-area .others-content .btn-area1 .vl-hero-btn i { padding-left:4px; }
.hero2-section-area .others-content .btn-area1 .vl-hero-btn::after { position:absolute; content:""; height:100%; width:10px; left:50%; transition:all 0.4s; color:var(--ztc-text-text-5); background:var(--ztc-bg-bg-1); top:0; z-index:-2; border-radius:8px; visibility:hidden; opacity:0; }
.hero2-section-area .hero-video-img { position:relative; }
.hero2-section-area .hero-video-img .elements8 { position:absolute; bottom:-50px; left:-50px; }
@media (max-width:767px) { .hero2-section-area .hero-video-img .elements8 { z-index:-1; } }
.hero2-section-area .hero-video-img .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; }
.hero2-section-area .hero-video-img .play-btn { position:absolute; top:50%; left:50%; margin-left:-30px; margin-top:-30px; }
.hero2-section-area .hero-video-img .play-btn a { height:60px; width:60px; text-align:center; line-height:60px; display:inline-block; transition:all 0.4s; color:var(--ztc-text-text-5); background:var(--ztc-bg-bg-5); transition:all 0.4s; border-radius:50%; font-size:var(--ztc-font-size-font-s20); position:relative; z-index:1; }
.hero2-section-area .hero-video-img .play-btn a::after { position:absolute; content:""; height:100%; width:100%; left:30px; top:30px; transition:all 0.4s; background:var(--ztc-bg-bg-5); opacity:40%; border-radius:50%; z-index:-1; animation:pulse-border 1500ms ease-out infinite; }
.hero2-section-area .hero-imges-content { position:relative; z-index:1; }
.hero2-section-area .hero-imges-content .elements9 { position:absolute; top:-50px; right:-50px; }
@media (max-width:767px) { .hero2-section-area .hero-imges-content .elements9 { z-index:-1; } }
.hero2-section-area .hero-imges-content .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; }
@media (max-width:767px) { .hero2-section-area .hero-imges-content .img1 img { height:250px; } }
.hero2-section-area .hero-content-area { border-radius:8px; background:#244E45; padding:24px; transition:all 0.4s; }
.hero2-section-area .hero-content-area:hover { transform:translateY(-5px); transition:all 0.4s; }
.hero2-section-area .hero-content-area:hover .icons { transform:rotateY(-180deg); transition:all 0.4s; }
.hero2-section-area .hero-content-area:hover .arrow { transform:rotate(0); transition:all 0.4s; }
.hero2-section-area .hero-content-area .icons { 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-5); transition:all 0.4s; }
.hero2-section-area .hero-content-area .main-content { display:flex; align-items:center; justify-content:space-between; }
.hero2-section-area .hero-content-area .main-content .text a { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s22); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:22px; display:inline-block; transition:all 0.4s; }
.hero2-section-area .hero-content-area .main-content .text p { color:rgba(255, 255, 255, 0.8); font-family:var(--ztc-family-font1); 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; }
.hero2-section-area .hero-content-area .main-content .arrow a { height:50px; width:50px; text-align:center; line-height:50px; border-radius:50%; transition:all 0.4s; background:var(--ztc-bg-bg-5); color:var(--ztc-text-text-5); transition:all 0.4s; display:inline-block; font-size:var(--ztc-font-size-font-s20); transform:rotate(-45deg); }
.hero2-section-area .counter-box { border-radius:8px; background:#244E45; padding:40px; transition:all 0.4s; text-align:center; }
.hero2-section-area .counter-box h3 { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s60); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:60px; }
@media (max-width:767px) { .hero2-section-area .counter-box h3 { font-size:var(--ztc-font-size-font-s32); line-height:40px; } }
.hero2-section-area .counter-box p { color:rgba(255, 255, 255, 0.8); font-family:var(--ztc-family-font1); 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; }

.hero3-section-area { position:relative; z-index:1; overflow:hidden; padding:200px 0 0 0; }
.hero3-section-area .hero3-heading h5 { font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); line-height:18px; border-radius:4px; display:inline-block; transition:all 0.4s; border-radius:8px; color:var(--ztc-text-text-1); font-weight:var(--ztc-weight-medium); background:rgba(255, 255, 255, 0.15); padding:8px 10px; text-transform:uppercase; }
@media (max-width:767px) { .hero3-section-area .hero3-heading h5 { font-size:var(--ztc-font-size-font-s14); } }
.hero3-section-area .hero3-heading h2 { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s56); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:64px; display:inline-block; transition:all 0.4s; }
@media (max-width:767px) { .hero3-section-area .hero3-heading h2 { font-size:var(--ztc-font-size-font-s32); line-height:40px; } }
.hero3-section-area .others-content p { color:rgba(255, 255, 255, 0.8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:26px; }
.hero3-section-area .others-content .btn-area1 .vl-hero-btn { color:var(--ztc-text-text-8); font-family:var(--ztc-family-font1); 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; border-radius:8px; padding:18px 32px; position:relative; z-index:1; background:var(--ztc-bg-bg-7); text-transform:uppercase; }
@media (max-width:767px) { .hero3-section-area .others-content .btn-area1 .vl-hero-btn { padding:16px; } }
.hero3-section-area .others-content .btn-area1 .vl-hero-btn:hover { transform:translateY(-5px); transition:all 0.4s; }
.hero3-section-area .others-content .btn-area1 .vl-hero-btn:hover::after { left:0; top:0; transition:all 0.4s; visibility:visible; opacity:1; width:100%; }
.hero3-section-area .others-content .btn-area1 .vl-hero-btn::after { position:absolute; content:""; height:100%; width:10px; left:50%; transition:all 0.4s; color:var(--ztc-text-text-8); background:var(--ztc-bg-bg-1); top:0; z-index:-2; border-radius:8px; visibility:hidden; opacity:0; }
.hero3-section-area .images { position:relative; z-index:1; }
.hero3-section-area .images .elements15 { position:absolute; right:-30px; top:-115px; z-index:-1; }
@media (max-width:767px) { .hero3-section-area .images .elements15 { display:none; } }
@media only screen and (min-width:768px) and (max-width:991px) { .hero3-section-area .images .elements15 { display:none; } }
.hero3-section-area .images .elements16 { position:absolute; left:-90px; top:0; z-index:-1; }
@media (max-width:767px) { .hero3-section-area .images .elements16 { display:none; } }
@media only screen and (min-width:768px) and (max-width:991px) { .hero3-section-area .images .elements16 { display:none; } }
.hero3-section-area .images .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; }

.hero4-section-area { position:relative; z-index:1; overflow:hidden; padding:200px 0 100px 0; background:linear-gradient(90deg, #2E0797 0%, #726EFC 100%); }
.hero4-section-area .hero4-heading h5 { font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); line-height:18px; border-radius:4px; display:inline-block; transition:all 0.4s; color:var(--ztc-text-text-1); font-weight:var(--ztc-weight-medium); border-radius:100px; background:rgba(255, 255, 255, 0.1); padding:10px 14px; text-transform:uppercase; }
@media (max-width:767px) { .hero4-section-area .hero4-heading h5 { font-size:var(--ztc-font-size-font-s14); } }
.hero4-section-area .hero4-heading h2 { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s64); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:70px; display:inline-block; transition:all 0.4s; }
@media (max-width:767px) { .hero4-section-area .hero4-heading h2 { font-size:var(--ztc-font-size-font-s32); line-height:40px; } }
.hero4-section-area .hero4-heading p { color:rgba(255, 255, 255, 0.8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:28px; }
.hero4-section-area .hero4-heading ul li { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:20px; display:inline-block; }
.hero4-section-area .hero4-heading ul li img { margin:-5px 4px 0 0; }
.hero4-section-area .hero4-heading ul li i { margin:0 8px; color:#FAC80F; }
.hero4-section-area .hero4-heading ul li:nth-child(1) { margin:0 32px 0 0; }
.hero4-section-area .hero4-heading .btn-area1 .vl-btn4 { color:#2E0797; font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:16px; text-transform:uppercase; display:inline-block; transition:all 0.4s; padding:8px 8px 8px 20px; position:relative; }
.hero4-section-area .hero4-heading .btn-area1 .vl-btn4:hover { color:var(--ztc-text-text-1); transition:all 0.4s; }
.hero4-section-area .hero4-heading .btn-area1 .vl-btn4:hover::before { visibility:visible; opacity:1; left:0; width:100%; transition:all 0.4s; }
.hero4-section-area .hero4-heading .btn-area1 .vl-btn4:hover span { color:#2E0797; transition:all 0.4s; transform:rotate(0); }
.hero4-section-area .hero4-heading .btn-area1 .vl-btn4::after { position:absolute; content:""; height:100%; width:100%; left:0; top:0; background:var(--ztc-bg-bg-1); border-radius:100px; transition:all 0.4s; z-index:-2; }
.hero4-section-area .hero4-heading .btn-area1 .vl-btn4::before { position:absolute; content:""; height:100%; width:10px; left:50%; top:0; transition:all 0.4s; border-radius:90px; background:var(--04-home-page-maincolors, linear-gradient(90deg, #726EFC 0%, #2E0797 100%)); z-index:-1; visibility:hidden; opacity:0; }
.hero4-section-area .hero4-heading .btn-area1 .vl-btn4 span { height:36px; width:36px; text-align:center; line-height:36px; display:inline-block; transition:all 0.4s; border-radius:50%; position:relative; z-index:1; transform:rotate(-45deg); margin-left:4px; }
.hero4-section-area .hero4-heading .btn-area1 .vl-btn4 span::after { position:absolute; content:""; height:100%; width:100%; left:0; top:0; background:#EDEBF9; z-index:-1; border-radius:50%; }
.hero4-section-area .hero4-heading .btn-area1 .vl-btn4.btn2 { background:none; border:1px solid var(--ztc-text-text-1); border-radius:100px; color:var(--ztc-text-text-1); margin-left:16px; }
@media (max-width:767px) { .hero4-section-area .hero4-heading .btn-area1 .vl-btn4.btn2 { margin-left:0; margin-top:20px; } }
.hero4-section-area .hero4-heading .btn-area1 .vl-btn4.btn2 span { color:#2E0797; }
.hero4-section-area .hero4-heading .btn-area1 .vl-btn4.btn2::after { display:none; }
.hero4-section-area .images-area { position:relative; z-index:1; }
.hero4-section-area .images-area .elements23 { position:absolute; right:-40px; top:-40px; z-index:-1; }
.hero4-section-area .images-area .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; }
.hero4-section-area .images-area .img2 { margin-top:24px; }
.hero4-section-area .images-area .img2 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; }
.hero4-section-area .images-area .img2 .elements22 { width:115px; height:75px; -o-object-fit:contain;  object-fit:contain; }

.hero5-slider-section { position:relative; z-index:1; }
.hero5-slider-section .slick-slide.slick-current.slick-active h5 { transition:transform 1400ms ease, opacity 1400ms ease; transform:translateX(0px); opacity:1; }
.hero5-slider-section .slick-slide.slick-current.slick-active h1 { transition:transform 1600ms ease, opacity 1600ms ease; transform:translateX(0px); opacity:1; }
.hero5-slider-section .slick-slide.slick-current.slick-active p { transition:transform 1700ms ease, opacity 1700ms ease; transform:translateX(0px); opacity:0.9 !important; }
.hero5-slider-section .slick-slide.slick-current.slick-active .btn-area1 { transition:transform 1800ms ease, opacity 1800ms ease; transform:translateX(0px); opacity:1; }
.hero5-slider-section .hero5-section-area { position:relative; z-index:1; overflow:hidden; padding:170px 0 85px; }
.hero5-slider-section .hero5-section-area .bg6 { position:absolute; width:100%; height:100%; -o-object-fit:cover;  object-fit:cover; z-index:-1; top:0; }
.hero5-slider-section .hero5-section-area .hero5-heading { padding:0 70px 0 0; position:relative; z-index:1; overflow:hidden; }
@media (max-width:767px) { .hero5-slider-section .hero5-section-area .hero5-heading { padding:0; margin-bottom:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .hero5-slider-section .hero5-section-area .hero5-heading { padding:0; margin-bottom:30px; } }
.hero5-slider-section .hero5-section-area .hero5-heading h5 { font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); line-height:18px; border-radius:4px; display:inline-block; transition:all 0.4s; color:var(--ztc-text-text-1); font-weight:var(--ztc-weight-bold); border-radius:8px; background:rgba(255, 255, 255, 0.1); -webkit-backdrop-filter:blur(10px);       backdrop-filter:blur(10px); padding:10px 14px; text-transform:uppercase; transform:translateX(-600px); opacity:0; position:relative; overflow:hidden; }
@media (max-width:767px) { .hero5-slider-section .hero5-section-area .hero5-heading h5 { font-size:var(--ztc-font-size-font-s14); } }
.hero5-slider-section .hero5-section-area .hero5-heading h1 { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s56); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:64px; display:inline-block; transition:all 0.4s; overflow:hidden; transition:transform 1400ms ease, opacity 1400ms ease; transform:translateX(-800px); position:relative; opacity:0; }
@media (max-width:767px) { .hero5-slider-section .hero5-section-area .hero5-heading h1 { font-size:var(--ztc-font-size-font-s32); line-height:40px; } }
.hero5-slider-section .hero5-section-area .hero5-heading p { color:rgba(255, 255, 255, 0.8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:26px; transition:transform 1400ms ease, opacity 1400ms ease; transform:translateX(-900px); position:relative; opacity:0 !important; }
.hero5-slider-section .hero5-section-area .hero5-heading .btn-area1 { transition:transform 1400ms ease, opacity 1400ms ease; transform:translateX(-1000px); position:relative; opacity:0; }
.hero5-slider-section .hero5-section-area .hero5-heading .btn-area1 a.vl-btn5:hover .arrow { margin-left:4px; transition:all 0.4s; transform:rotate(0); }
.hero5-slider-section .hero5-section-area .hero5-heading .btn-area1 a.vl-btn5 .text { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:20px; display:inline-block; transition:all 0.4s; text-transform:uppercase; padding:20px 26px; border-radius:70px; background:var(--ztc-bg-bg-11); }
.hero5-slider-section .hero5-section-area .hero5-heading .btn-area1 a.vl-btn5 .arrow { height:60px; width:60px; text-align:center; line-height:60px; border-radius:50%; transition:all 0.4s; background:var(--ztc-bg-bg-11); color:var(--ztc-text-text-1); transform:rotate(-45deg); display:inline-block; font-size:var(--ztc-font-size-font-s24); }
.hero5-slider-section .hero5-section-area .header-contact-boxarea { border-radius:8px; background:var(--ztc-bg-bg-1); -webkit-backdrop-filter:blur(0px); backdrop-filter:blur(0px); position:relative; z-index:1; padding:32px; }
@media (max-width:767px) { .hero5-slider-section .hero5-section-area .header-contact-boxarea { margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .hero5-slider-section .hero5-section-area .header-contact-boxarea { margin-top:30px; } }

.callback { }
.callback .input-area input { width:100%; outline:none; background:var(--ztc-bg-bg-1); color:var(--ztc-text-text-14); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:16px; padding:18px 16px; border-radius:8px; border-radius:8px; border:1px solid rgba(13, 14, 31, 0.1); background:var(--ztc-bg-bg-1); -webkit-backdrop-filter:blur(0px); backdrop-filter:blur(0px); height:auto; position:relative; display:inline-block; margin-bottom:20px; }
.callback .input-area input::-moz-placeholder { color:var(--ztc-text-text-15); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.callback .input-area input::placeholder { color:var(--ztc-text-text-15); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.callback .input-area textarea { width:100%; outline:none; background:var(--ztc-bg-bg-1); color:var(--ztc-text-text-14); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:16px; padding:18px 16px; border-radius:8px; height:130px; border-radius:8px; border:1px solid rgba(13, 14, 31, 0.1); background:var(--ztc-bg-bg-1); -webkit-backdrop-filter:blur(0px); backdrop-filter:blur(0px); margin-bottom:20px; }
.callback .input-area textarea::-moz-placeholder { color:var(--ztc-text-text-15); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.callback .input-area textarea::placeholder { color:var(--ztc-text-text-15);  font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px;}
.callback .input-area .nice-select { width:100%; outline:none; background:var(--ztc-bg-bg-1); color:var(--ztc-text-text-12); font-family:var(--ztc-family-font1); 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; height:auto; outline:none;  border:none; border:1px solid rgba(13, 14, 31, 0.1); margin-bottom:20px;}
.callback .input-area .nice-select::after { height:7px; width:7px; -o-object-fit:cover; object-fit:cover;}
.callback .input-area .nice-select ul { width:100%;}
.callback .input-area .nice-select::-moz-placeholder { color:var(--ztc-text-text-12); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular);line-height:16px;}
.callback .input-area .nice-select::placeholder { color:var(--ztc-text-text-12); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal;font-weight:var(--ztc-weight-regular); line-height:16px;}
.callback .input-area button {  border:none; outline:none; background:none; margin-top:24px;}
.callback .input-area .code {float:left; width:60%; outline:none; background:var(--ztc-bg-bg-1); color:var(--ztc-text-text-14); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:16px; padding:18px 16px; border-radius:8px; border-radius:8px; border:1px solid rgba(13, 14, 31, 0.1);
background:var(--ztc-bg-bg-1); -webkit-backdrop-filter:blur(0px); backdrop-filter:blur(0px); height:auto; position:relative; display:inline-block; margin-bottom:20px ;margin-right:15px;}
.callback .captcha {background:#fafafa; border-radius:7px; padding:20px 16px;  border:1px solid #cdcdcd; margin-bottom:20px;}

.testimonial-arrows { position:absolute; z-index:2; bottom:100px; right:30px; }
@media only screen and (min-width:1600px) and (max-width:1700px) { .testimonial-arrows { bottom:0; } }
@media only screen and (min-width:1400px) and (max-width:1599px) { .testimonial-arrows { top:60%; right:10px; } }
@media (max-width:767px) { .testimonial-arrows { bottom:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .testimonial-arrows { bottom:50px; } }
.testimonial-arrows button { height:56px; width:56px; text-align:center; line-height:56px; border-radius:50%; border:none; background:rgba(255, 255, 255, 0.2); -webkit-backdrop-filter:blur(2px);       backdrop-filter:blur(2px); transition:all 0.4s; color:var(--ztc-text-text-1); font-size:var(--ztc-font-size-font-s20); }
.testimonial-arrows button:hover { background:var(--ztc-bg-bg-11); transition:all 0.4s; }
.testimonial-arrows .testimonial-next-arrow { margin-top:12px; }

.inner-pages-section-area { position:relative; z-index:1; overflow:hidden; padding:160px 0 80px; }
.inner-pages-section-area .inner-header { position:relative; z-index:1; }
.inner-pages-section-area .inner-header h2 { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s60); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:66px; text-transform:capitalize; }
@media (max-width:767px) { .inner-pages-section-area .inner-header h2 { font-size:var(--ztc-font-size-font-s40); line-height:50px; } }
.inner-pages-section-area .inner-header a { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:20px; }
.inner-pages-section-area .inner-header a i { margin:0 4px; }
.inner-pages-section-area .inner-header a span { display:inline-block; font-weight:var(--ztc-weight-semibold); color:var(--ztc-text-text-2); }

/*============= 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); }
.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; }
.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); }
.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; }
.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-6); 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); }
.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; }
.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-10); padding:6px; border-radius:4px; color:var(--ztc-text-text-10); }
.homepage4-body .vl-header-action-item button { border:none; outline:none; background:none; transition:all 0.4s; color:var(--ztc-text-text-10); font-size:var(--ztc-font-size-font-s20); }
.homepage4-body .vl-offcanvas { position:fixed; background:var(--ztc-bg-bg-9); 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); }
.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; }
.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-14); padding:6px; border-radius:4px; color:var(--ztc-text-text-14); }
.homepage5-body .vl-header-action-item button { border:none; outline:none; background:none; transition:all 0.4s; color:var(--ztc-text-text-14); font-size:var(--ztc-font-size-font-s20); }
.homepage5-body .vl-offcanvas { position:fixed; background:var(--ztc-bg-bg-10); 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) { .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); }
.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; }
.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; }

/*============= MOBILE MENU CSS AREA ===============*/
/*============= BLOG CSS AREA ===============*/
.vl-blog-1-area { position:relative; z-index:1; overflow:hidden; }
.vl-blog-1-area .vl-blog-1-item { position:relative; z-index:1; border-radius:4px; transition:all 0.4s; margin-bottom:30px; }
.vl-blog-1-area .vl-blog-1-item:hover .vl-blog-1-thumb img { transform:scale(1.1) rotate(4deg); transition:all 0.4s; filter:grayscale(1); }
.vl-blog-1-area .vl-blog-1-item .vl-blog-1-thumb { overflow:hidden; transition:all 0.4s; position:relative; border-radius:8px; }
.vl-blog-1-area .vl-blog-1-item .vl-blog-1-thumb img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; transition:all 0.4s; border-radius:8px; }
.vl-blog-1-area .vl-blog-1-item .vl-blog-1-content { position:relative; z-index:2; border-radius:8px; background:var(--ztc-text-text-1); box-shadow:0px 4px 48px 0px rgba(0, 0, 0, 0.09); padding:24px; margin-left:30px; margin-right:30px; margin-top:-100px; }
@media (max-width:767px) { .vl-blog-1-area .vl-blog-1-item .vl-blog-1-content { margin-left:0; margin-right:0; margin-top:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .vl-blog-1-area .vl-blog-1-item .vl-blog-1-content { margin-left:0; margin-right:0; margin-top:0; } }
.vl-blog-1-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li { display:inline-block; }
.vl-blog-1-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); 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; }
@media (max-width:767px) { .vl-blog-1-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a { font-size:var(--ztc-font-size-font-s16); } }
@media only screen and (min-width:768px) and (max-width:991px) { .vl-blog-1-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a { font-size:var(--ztc-font-size-font-s16); } }
.vl-blog-1-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a svg { height:22px; width:22px; -o-object-fit:contain;  object-fit:contain; margin:-5px 4px 0 0; }
.vl-blog-1-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a span { margin:0 8px; display:inline-block; transition:all 0.4s; opacity:10%; }
@media (max-width:767px) { .vl-blog-1-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a span { margin:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .vl-blog-1-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a span { margin:0; } }
.vl-blog-1-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-title 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-semibold); line-height:30px; display:inline-block; transition:all 0.4s; }
.vl-blog-1-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-title a:hover { color:var(--ztc-text-text-4); transition:all 0.4s; }
.vl-blog-1-area .vl-blog-1-item .vl-blog-1-content p { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:26px; display:inline-block; }
.vl-blog-1-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-icon a { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); 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; }
.vl-blog-1-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-icon a i { margin-left:4px; transform:rotate(-45deg); transition:all 0.4s; }
.vl-blog-1-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-icon a:hover { color:var(--ztc-text-text-4); transition:all 0.4s; }
.vl-blog-1-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-icon a:hover i { transform:rotate(0); transition:all 0.4s; }

.vl-blog-2-area { position:relative; z-index:1; overflow:hidden; }
.vl-blog-2-area .vl-blog-1-item { position:relative; z-index:1; border-radius:4px; transition:all 0.4s; margin-bottom:30px; border-radius:8px; background:var(--01-home-page-gray-colors, #F3F9F5); }
.vl-blog-2-area .vl-blog-1-item:hover .vl-blog-1-thumb img { transform:scale(1.1) rotate(4deg); transition:all 0.4s; filter:grayscale(1); }
.vl-blog-2-area .vl-blog-1-item .vl-blog-1-thumb { overflow:hidden; transition:all 0.4s; position:relative; border-radius:8px 8px 0 0; }
.vl-blog-2-area .vl-blog-1-item .vl-blog-1-thumb img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; transition:all 0.4s; border-radius:8px 8px 0 0; }
.vl-blog-2-area .vl-blog-1-item .vl-blog-1-content { position:relative; z-index:2; padding:24px; }
@media (max-width:767px) { .vl-blog-2-area .vl-blog-1-item .vl-blog-1-content { margin-left:0; margin-right:0; margin-top:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .vl-blog-2-area .vl-blog-1-item .vl-blog-1-content { margin-left:0; margin-right:0; margin-top:0; } }
.vl-blog-2-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li { display:inline-block; }
.vl-blog-2-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a { color:var(--ztc-text-text-7); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:18px; display:inline-block; transition:all 0.4s; }
@media (max-width:767px) { .vl-blog-2-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a { font-size:var(--ztc-font-size-font-s16); } }
@media only screen and (min-width:768px) and (max-width:991px) { .vl-blog-2-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a { font-size:var(--ztc-font-size-font-s16); } }
.vl-blog-2-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a svg { height:22px; width:22px; -o-object-fit:contain;  object-fit:contain; margin:-5px 4px 0 0; }
.vl-blog-2-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a span { margin:0 8px; display:inline-block; transition:all 0.4s; opacity:10%; }
@media (max-width:767px) { .vl-blog-2-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a span { margin:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .vl-blog-2-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a span { margin:0; } }
.vl-blog-2-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-title a { color:var(--ztc-text-text-5); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:26px; display:inline-block; transition:all 0.4s; }
.vl-blog-2-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-title a:hover { color:var(--ztc-text-text-6); transition:all 0.4s; }
.vl-blog-2-area .vl-blog-1-item .vl-blog-1-content p { color:var(--ztc-text-text-7); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:26px; display:inline-block; }
.vl-blog-2-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-icon a { color:var(--ztc-text-text-5); font-family:var(--ztc-family-font1); 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; }
.vl-blog-2-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-icon a i { margin-left:4px; transition:all 0.4s; }
.vl-blog-2-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-icon a:hover { color:var(--ztc-text-text-6); transition:all 0.4s; }
.vl-blog-2-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-icon a:hover i { transform:rotate(0); transition:all 0.4s; }

.vl-blog-3-area { position:relative; z-index:1; overflow:hidden; }
.vl-blog-3-area .vl-blog-1-item { position:relative; z-index:1; border-radius:4px; transition:all 0.4s; margin-bottom:30px; }
.vl-blog-3-area .vl-blog-1-item:hover .vl-blog-1-thumb img { transform:scale(1.1) rotate(4deg); transition:all 0.4s; filter:grayscale(1); }
.vl-blog-3-area .vl-blog-1-item .vl-blog-1-thumb { overflow:hidden; transition:all 0.4s; position:relative; border-radius:8px; }
.vl-blog-3-area .vl-blog-1-item .vl-blog-1-thumb img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; transition:all 0.4s; border-radius:8px; }
.vl-blog-3-area .vl-blog-1-item .vl-blog-1-content { position:absolute; z-index:2; border-radius:8px; background:var(--ztc-text-text-1); box-shadow:0px 4px 48px 0px rgba(0, 0, 0, 0.09); padding:32px; bottom:32px; left:32px; right:32px; }
.vl-blog-3-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li { display:inline-block; }
.vl-blog-3-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a { color:var(--ztc-text-text-10); font-family:var(--ztc-family-font1); 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; }
@media (max-width:767px) { .vl-blog-3-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a { font-size:var(--ztc-font-size-font-s16); } }
@media only screen and (min-width:768px) and (max-width:991px) { .vl-blog-3-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a { font-size:var(--ztc-font-size-font-s16); } }
.vl-blog-3-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a svg { height:22px; width:22px; -o-object-fit:contain;  object-fit:contain; margin:-5px 4px 0 0; }
.vl-blog-3-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a span { margin:0 8px; display:inline-block; transition:all 0.4s; opacity:10%; }
@media (max-width:767px) { .vl-blog-3-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a span { margin:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .vl-blog-3-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a span { margin:0; } }
.vl-blog-3-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-title a { color:var(--ztc-text-text-8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s24); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:30px; display:inline-block; transition:all 0.4s; }
.vl-blog-3-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-title a:hover { color:var(--ztc-text-text-9); transition:all 0.4s; }
.vl-blog-3-area .vl-blog-1-item .vl-blog-1-content p { color:var(--ztc-text-text-10); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:26px; display:inline-block; }
.vl-blog-3-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-icon a { height:60px; width:60px; text-align:center; line-height:60px; display:inline-block; line-height:60px; border-radius:50%; transition:all 0.4s; background:var(--ztc-text-text-8); position:absolute; right:-15px; top:-15px; }
.vl-blog-3-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-icon a svg { transition:all 0.4s; }
.vl-blog-3-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-icon a:hover { background:var(--ztc-text-text-9); transition:all 0.4s; }
.vl-blog-3-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-icon a:hover svg { filter:brightness(0); transition:all 0.4s; }

.vl-blog-4-area { position:relative; z-index:1; overflow:hidden; }
.vl-blog-4-area .vl-blog-1-item { position:relative; z-index:1; border-radius:4px; transition:all 0.4s; margin-bottom:30px; }
.vl-blog-4-area .vl-blog-1-item:hover .vl-blog-1-thumb img { transform:scale(1.1) rotate(4deg); transition:all 0.4s; filter:grayscale(1); }
.vl-blog-4-area .vl-blog-1-item .vl-blog-1-thumb { overflow:hidden; transition:all 0.4s; position:relative; border-radius:8px; }
.vl-blog-4-area .vl-blog-1-item .vl-blog-1-thumb img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; transition:all 0.4s; border-radius:8px; }
.vl-blog-4-area .vl-blog-1-item .vl-blog-1-content { position:relative; z-index:2; border-radius:8px; background:#EFF1FF; padding:32px; margin:-80px 25px 0 25px; }
.vl-blog-4-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li { display:inline-block; }
.vl-blog-4-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a { color:var(--ztc-text-text-12); font-family:var(--ztc-family-font1); 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; }
@media (max-width:767px) { .vl-blog-4-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a { font-size:var(--ztc-font-size-font-s16); } }
@media only screen and (min-width:768px) and (max-width:991px) { .vl-blog-4-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a { font-size:var(--ztc-font-size-font-s16); } }
.vl-blog-4-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a svg { height:22px; width:22px; -o-object-fit:contain;  object-fit:contain; margin:-5px 4px 0 0; }
.vl-blog-4-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a span { margin:0 8px; display:inline-block; transition:all 0.4s; opacity:10%; }
@media (max-width:767px) { .vl-blog-4-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a span { margin:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .vl-blog-4-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a span { margin:0; } }
.vl-blog-4-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-title a { 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-semibold); line-height:30px; display:inline-block; transition:all 0.4s; }
.vl-blog-4-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-title a:hover { color:var(--ztc-text-text-13); transition:all 0.4s; }
.vl-blog-4-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-icon a { height:60px; width:60px; text-align:center; line-height:60px; display:inline-block; line-height:60px; border-radius:50%; transition:all 0.4s; background:var(--ztc-text-text-11); position:absolute; right:-15px; top:-15px; }
.vl-blog-4-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-icon a svg { transition:all 0.4s; }
.vl-blog-4-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-icon a:hover { background:var(--ztc-text-text-13); transition:all 0.4s; }
.vl-blog-4-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-icon a:hover svg { filter:brightness(0) invert(1); transition:all 0.4s; }

.vl-blog-5-area { position:relative; z-index:1; overflow:hidden; }
.vl-blog-5-area .vl-blog-1-item { position:relative; z-index:1; border-radius:4px; transition:all 0.4s; margin-bottom:30px; background:#F4F3EF; }
.vl-blog-5-area .vl-blog-1-item:hover .vl-blog-1-thumb img { transform:scale(1.1) rotate(4deg); transition:all 0.4s; filter:grayscale(1); }
.vl-blog-5-area .vl-blog-1-item .vl-blog-1-thumb { overflow:hidden; transition:all 0.4s; position:relative; border-radius:0 0 8px 8px; }
.vl-blog-5-area .vl-blog-1-item .vl-blog-1-thumb .vl-blog-1-icon a { height:60px; width:60px; text-align:center; line-height:60px; display:inline-block; line-height:60px; border-radius:50%; transition:all 0.4s; background:var(--ztc-text-text-16); position:absolute; right:20px; bottom:30px; z-index:2; }
.vl-blog-5-area .vl-blog-1-item .vl-blog-1-thumb .vl-blog-1-icon a svg { transition:all 0.4s; }
.vl-blog-5-area .vl-blog-1-item .vl-blog-1-thumb .vl-blog-1-icon a:hover { background:var(--ztc-text-text-14); transition:all 0.4s; }
.vl-blog-5-area .vl-blog-1-item .vl-blog-1-thumb .vl-blog-1-icon a:hover svg { filter:brightness(0) invert(1); transition:all 0.4s; }
.vl-blog-5-area .vl-blog-1-item .vl-blog-1-thumb img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; transition:all 0.4s; border-radius:0 0 8px 8px; }
.vl-blog-5-area .vl-blog-1-item .vl-blog-1-content { position:relative; z-index:2; border-radius:8px; padding:32px; }
.vl-blog-5-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li { display:inline-block; }
.vl-blog-5-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a { color:var(--ztc-text-text-15); font-family:var(--ztc-family-font1); 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; }
@media (max-width:767px) { .vl-blog-5-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a { font-size:var(--ztc-font-size-font-s16); } }
@media only screen and (min-width:768px) and (max-width:991px) { .vl-blog-5-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a { font-size:var(--ztc-font-size-font-s16); } }
.vl-blog-5-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a svg { height:22px; width:22px; -o-object-fit:contain;  object-fit:contain; margin:-5px 4px 0 0; }
.vl-blog-5-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a span { margin:0 8px; display:inline-block; transition:all 0.4s; opacity:10%; }
@media (max-width:767px) { .vl-blog-5-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a span { margin:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .vl-blog-5-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a span { margin:0; } }
.vl-blog-5-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-title a { color:var(--ztc-text-text-14); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s24); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:30px; display:inline-block; transition:all 0.4s; }
.vl-blog-5-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-title a:hover { color:var(--ztc-text-text-16); transition:all 0.4s; }

.blog-details-siderbars-area { position:relative; z-index:1; }
.blog-details-siderbars-area .blog-side-widget { position:sticky; top:120px; transition:all 0.4s; }
.blog-details-siderbars-area .blog-side-widget h3 { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:20px; }
.blog-details-siderbars-area .blog-side-widget .search-area { border-radius:8px; background:var(--3-home-page-graycolors, #EDF2F7); padding:24px 20px; }
.blog-details-siderbars-area .blog-side-widget .search-area form { position:relative; z-index:1; }
.blog-details-siderbars-area .blog-side-widget .search-area form input { width:100%; color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; border-radius:8px; background:rgba(110, 148, 25, 0.1); padding:16px; }
.blog-details-siderbars-area .blog-side-widget .search-area form input::-moz-placeholder { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; opacity:70%; }
.blog-details-siderbars-area .blog-side-widget .search-area form input::placeholder { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; opacity:70%; }
.blog-details-siderbars-area .blog-side-widget .search-area form button { border:none; outline:none; height:52px; width:52px; text-align:center; line-height:48px; border-radius:0 8px 8px 0; background:var(--ztc-bg-bg-3); transition:all 0.4s; position:absolute; right:0; top:0; }
.blog-details-siderbars-area .blog-side-widget .categories-area { border-radius:8px; background:var(--3-home-page-graycolors, #EDF2F7); padding:24px 20px; }
.blog-details-siderbars-area .blog-side-widget .categories-area ul li a { display:flex; align-items:center; justify-content:space-between; color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:18px; border-radius:8px; background:var(--ztc-bg-bg-1); padding:20px 20px; transition:all 0.4s; margin-top:20px; }
.blog-details-siderbars-area .blog-side-widget .categories-area ul li a:hover { background:var(--ztc-bg-bg-3); transition:all 0.4s; color:var(--ztc-text-text-1); }
.blog-details-siderbars-area .blog-side-widget .categories-area ul li a:hover span { transform:rotate(90deg); transition:all 0.4s; background:#7FA135; color:var(--ztc-text-text-1); }
.blog-details-siderbars-area .blog-side-widget .categories-area ul li a span { height:32px; width:32px; text-align:center; line-height:32px; border-radius:50%; color:var(--ztc-text-text-2); background:#EEF2E3; transition:all 0.4s; }
.blog-details-siderbars-area .blog-side-widget .recent-posts-area { border-radius:8px; background:var(--3-home-page-graycolors, #EDF2F7); padding:24px 20px; position:relative; }
@media (max-width:767px) { .blog-details-siderbars-area .blog-side-widget .recent-posts-area { text-align:center; } }
.blog-details-siderbars-area .blog-side-widget .recent-posts-area .recent-posts { position:relative; }
@media (max-width:767px) { .blog-details-siderbars-area .blog-side-widget .recent-posts-area .recent-posts { text-align:center; } }
.blog-details-siderbars-area .blog-side-widget .recent-posts-area .recent-posts .img1 { position:absolute; }
@media (max-width:767px) { .blog-details-siderbars-area .blog-side-widget .recent-posts-area .recent-posts .img1 { position:relative; } }
.blog-details-siderbars-area .blog-side-widget .recent-posts-area .recent-posts .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:4px; }
@media (max-width:767px) { .blog-details-siderbars-area .blog-side-widget .recent-posts-area .recent-posts .img1 img { height:100px; width:100px; -o-object-fit:cover;    object-fit:cover; } }
.blog-details-siderbars-area .blog-side-widget .recent-posts-area .recent-posts .content { padding-left:120px; }
@media (max-width:767px) { .blog-details-siderbars-area .blog-side-widget .recent-posts-area .recent-posts .content { padding-left:0; margin-top:16px; } }
.blog-details-siderbars-area .blog-side-widget .recent-posts-area .recent-posts .content ul li a { color:var(--ztc-text-text-3); font-family:var(---ztc-family-font1); 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-details-siderbars-area .blog-side-widget .recent-posts-area .recent-posts .content ul li a img { margin:-5px 4px 0 0; transition:all 0.4s; }
.blog-details-siderbars-area .blog-side-widget .recent-posts-area .recent-posts .content h4 a { color:var(--ztc-text-text-2); font-family:var(---ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:26px; display:inline-block; transition:all 0.4s; }
.blog-details-siderbars-area .blog-side-widget .recent-posts-area .recent-posts .content h4 a:hover { color:var(--ztc-text-text-4); transition:all 0.4s; }
.blog-details-siderbars-area .blog-side-widget .author-area { border-radius:8px; background:var(--3-home-page-graycolors, #EDF2F7); padding:24px 20px; position:relative; }
.blog-details-siderbars-area .blog-side-widget .author-area ul li { display:inline-block; }
.blog-details-siderbars-area .blog-side-widget .author-area ul li a { display:inline-block; }
.blog-details-siderbars-area .blog-side-widget .author-area ul li a img { height:70px; width:70px; -o-object-fit:cover;  object-fit:cover; border-radius:50%; margin:0 6px 0 0; }
.blog-details-siderbars-area .blog-side-widget .author-area ul li a img:nth-child(4) { margin:0; }
.blog-details-siderbars-area .blog-side-widget .popular-tags { border-radius:8px; background:var(--3-home-page-graycolors, #EDF2F7); padding:24px 20px; }
.blog-details-siderbars-area .blog-side-widget .popular-tags ul li { display:inline-block; }
.blog-details-siderbars-area .blog-side-widget .popular-tags ul li a { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); 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; }
.blog-details-siderbars-area .blog-side-widget .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-details-siderbars-area .blog-side-widget .help-area { border-radius:8px; background:var(--3-home-page-graycolors, #EDF2F7); padding:24px 20px; }
.blog-details-siderbars-area .blog-side-widget .help-area h3 { line-height:28px; }
.blog-details-siderbars-area .blog-side-widget .help-area .btn-area1 a { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-bold); line-height:16px; border-radius:8px; background:var(--ztc-bg-bg-3); padding:10px 16px; display:inline-block; transition:all 0.4s; }
.blog-details-siderbars-area .blog-side-widget .help-area .btn-area1 a:hover { background:var(--ztc-bg-bg-2); transition:all 0.4s; }
.blog-details-siderbars-area .blog-side-widget .help-area .btn-area1 a span { height:32px; width:32px; text-align:center; line-height:32px; border-radius:50%; background:rgba(255, 255, 255, 0.1); display:inline-block; transition:all 0.4s; margin:0 4px 0 0; }
.blog-details-siderbars-area .blog-side-widget .social-area { border-radius:8px; background:var(--3-home-page-graycolors, #EDF2F7); padding:24px 20px; }
.blog-details-siderbars-area .blog-side-widget .social-area ul li { display:inline-block; margin:0 6px 0 0; }
.blog-details-siderbars-area .blog-side-widget .social-area ul li:last-child { margin:0; }
.blog-details-siderbars-area .blog-side-widget .social-area ul li a { height:40px; width:40px; text-align:center; line-height:40px; border-radius:50%; background:var(--ztc-bg-bg-1); transition:all 0.4s; color:var(--ztc-text-text-2); display:inline-block; font-size:var(--ztc-font-size-font-s20); }
.blog-details-siderbars-area .blog-side-widget .social-area ul li a:hover { background:var(--ztc-bg-bg-3); color:var(--ztc-text-text-1); transition:all 0.4s; }
.blog-details-siderbars-area .blog-side-widget .project-contact { border-radius:8px; background:var(--3-home-page-graycolors, #EDF2F7); padding:24px 20px; }
.blog-details-siderbars-area .blog-side-widget .project-contact .input-area { margin-top:16px; }
.blog-details-siderbars-area .blog-side-widget .project-contact .input-area input { width:100%; color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; background:var(--ztc-bg-bg-1); border-radius:8px; padding:18px 16px; }
.blog-details-siderbars-area .blog-side-widget .project-contact .input-area input::-moz-placeholder { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.blog-details-siderbars-area .blog-side-widget .project-contact .input-area input::placeholder { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.blog-details-siderbars-area .blog-side-widget .project-contact .input-area textarea { width:100%; color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; background:var(--ztc-bg-bg-1); border-radius:8px; padding:18px 16px; height:120px; }
.blog-details-siderbars-area .blog-side-widget .project-contact .input-area textarea::-moz-placeholder { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.blog-details-siderbars-area .blog-side-widget .project-contact .input-area textarea::placeholder { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.blog-details-siderbars-area .blog-side-widget .project-contact .input-area button { border:none; outline:none; }
.blog-details-siderbars-area .blog-main-detailsarea { position:relative; z-index:1; }
.blog-details-siderbars-area .blog-main-detailsarea.leftpadding { padding:0 0 0 40px; }
@media (max-width:767px) { .blog-details-siderbars-area .blog-main-detailsarea.leftpadding { padding:0; margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .blog-details-siderbars-area .blog-main-detailsarea.leftpadding { padding:0; margin-top:30px; } }
.blog-details-siderbars-area .blog-main-detailsarea.rightpadding { padding:0 40px 0 0; }
@media (max-width:767px) { .blog-details-siderbars-area .blog-main-detailsarea.rightpadding { padding:0; margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .blog-details-siderbars-area .blog-main-detailsarea.rightpadding { padding:0; margin-top:30px; } }
.blog-details-siderbars-area .blog-main-detailsarea 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-semibold); line-height:44px; }
.blog-details-siderbars-area .blog-main-detailsarea p { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:26px; }
.blog-details-siderbars-area .blog-main-detailsarea .img1 { position:relative; z-index:1; }
.blog-details-siderbars-area .blog-main-detailsarea .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; }
.blog-details-siderbars-area .blog-main-detailsarea .img1 .play a { height:40px; width:40px; text-align:center; line-height:38px; background:var(--ztc-bg-bg-1); border-radius:50%; display:inline-block; transition:all 0.4s; color:var(--ztc-text-text-4); position:absolute; top:50%; left:50%; margin-left:-20px; margin-top:-20px; }
.blog-details-siderbars-area .blog-main-detailsarea .list-author li { display:inline-block; }
.blog-details-siderbars-area .blog-main-detailsarea .list-author li:nth-child(1) img { height:40px; width:40px; -o-object-fit:cover;  object-fit:cover; border-radius:50%; }
@media (max-width:767px) { .blog-details-siderbars-area .blog-main-detailsarea .list-author li:nth-child(3) { margin-top:10px; } }
.blog-details-siderbars-area .blog-main-detailsarea .list-author li:nth-child(1) a { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); 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; padding:10px; border-radius:4px; }
.blog-details-siderbars-area .blog-main-detailsarea .list-author li a { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; display:inline-block; }
.blog-details-siderbars-area .blog-main-detailsarea .list-author li a img { height:18px; width:18px; -o-object-fit:contain;  object-fit:contain; margin:-5px 4px 0 0; }
.blog-details-siderbars-area .blog-main-detailsarea .list-author li a span { color:#9BA5A3; display:inline-block; margin:0 8px; }
.blog-details-siderbars-area .blog-main-detailsarea .list-area2 { padding-top:16px; border-top:1px solid #CDD2D1; }
.blog-details-siderbars-area .blog-main-detailsarea .list-area2 ul li { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:16px; margin-top:16px; }
.blog-details-siderbars-area .blog-main-detailsarea .list-area2 ul li img { margin:-4px 8px 0 0; }
.blog-details-siderbars-area .blog-main-detailsarea .list-area ul li { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:16px; margin-top:16px; }
.blog-details-siderbars-area .blog-main-detailsarea .list-area ul li img { margin:-4px 8px 0 0; }
.blog-details-siderbars-area .blog-main-detailsarea .service-details-box { position:relative; z-index:1; background:#EDF2F7; padding:24px; margin-top:30px; border-radius:8px; transition:all 0.4s; }
.blog-details-siderbars-area .blog-main-detailsarea .service-details-box h4 { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:20px; }
.blog-details-siderbars-area .blog-main-detailsarea .service-details-box p { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:28px; }
.blog-details-siderbars-area .blog-main-detailsarea .images { position:relative; z-index:1; }
.blog-details-siderbars-area .blog-main-detailsarea .images .img1::after { position:absolute; content:""; height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; background:var(--ztc-bg-bg-2); transition:all 0.4s; opacity:70%; top:0; left:0; transform:rotate(0); border-radius:8px; }
.blog-details-siderbars-area .blog-main-detailsarea .images .play { position:absolute; left:50%; top:50%; margin-left:-40px; margin-top:-40px; z-index:2; }
.blog-details-siderbars-area .blog-main-detailsarea .images .play a { height:80px; width:80px; text-align:center; line-height:80px; border-radius:50%; display:inline-block; transition:all 0.4s; background:var(--ztc-bg-bg-3); color:var(--ztc-text-text-1); font-size:var(--ztc-font-size-font-s32); position:relative; }
.blog-details-siderbars-area .blog-main-detailsarea .images .play a::after { position:absolute; content:""; height:100%; width:100%; left:40px; top:40px; background:var(--ztc-bg-bg-3); transition:all 0.4s; z-index:-1; border-radius:50%; animation:pulse-border 1500ms ease-out infinite; opacity:40%; display:inline-block; }
.blog-details-siderbars-area .blog-main-detailsarea .tags-social { display:flex; align-items:center; justify-content:space-between; padding-top:32px; border-top:1px solid #E6E6EB; }
@media (max-width:767px) { .blog-details-siderbars-area .blog-main-detailsarea .tags-social { display:inline-block; } }
@media (max-width:767px) { .blog-details-siderbars-area .blog-main-detailsarea .tags-social .tags { margin-bottom:16px; } }
.blog-details-siderbars-area .blog-main-detailsarea .tags-social .tags ul li { display:inline-block; }
.blog-details-siderbars-area .blog-main-detailsarea .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-semibold); line-height:24px; margin:0 16px 0 0; }
.blog-details-siderbars-area .blog-main-detailsarea .tags-social .tags ul li a { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:16px; text-transform:capitalize; display:inline-block; transition:all 0.4s; border-radius:4px; border:1px solid var(--ztc-text-text-3); padding:8px 12px; margin:0 8px 0 0; border-radius:8px; }
.blog-details-siderbars-area .blog-main-detailsarea .tags-social .tags ul li a:hover { background:var(--ztc-bg-bg-3); color:var(--ztc-text-text-1); transition:all 0.4s; border:1px solid var(--ztc-text-text-4); }
.blog-details-siderbars-area .blog-main-detailsarea .tags-social .social ul li { display:inline-block; }
.blog-details-siderbars-area .blog-main-detailsarea .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-semibold); line-height:24px; margin:0 16px 0 0; }
.blog-details-siderbars-area .blog-main-detailsarea .tags-social .social ul li a { height:44px; width:44px; text-align:center; line-height:44px; border-radius:50%; transition:all 0.4s; background:#F1F4E8; 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; }
.blog-details-siderbars-area .blog-main-detailsarea .tags-social .social ul li a:hover { background:var(--ztc-bg-bg-3); transition:all 0.4s; color:var(--ztc-text-text-1); }
.blog-details-siderbars-area .blog-main-detailsarea .comments-boxarea { position:relative; z-index:1; background:#EDF2F7; border-radius:4px; padding:24px; }
.blog-details-siderbars-area .blog-main-detailsarea .comments-boxarea.box2 { margin:0 0 0 30px; }
@media (max-width:767px) { .blog-details-siderbars-area .blog-main-detailsarea .comments-boxarea.box2 { margin:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .blog-details-siderbars-area .blog-main-detailsarea .comments-boxarea.box2 { margin:0; } }
.blog-details-siderbars-area .blog-main-detailsarea .comments-boxarea .comments-boxes { display:flex; align-items:center; justify-content:space-between; }
@media (max-width:767px) { .blog-details-siderbars-area .blog-main-detailsarea .comments-boxarea .comments-boxes { display:inline-block; } }
.blog-details-siderbars-area .blog-main-detailsarea .comments-boxarea .comments-boxes .comments-auhtor-box { display:flex; align-items:center; }
.blog-details-siderbars-area .blog-main-detailsarea .comments-boxarea .comments-boxes .comments-auhtor-box .img3 img { height:80px; width:80px; border-radius:50%; -o-object-fit:cover;  object-fit:cover; }
.blog-details-siderbars-area .blog-main-detailsarea .comments-boxarea .comments-boxes .comments-auhtor-box .content { padding-left:18px; }
.blog-details-siderbars-area .blog-main-detailsarea .comments-boxarea .comments-boxes .comments-auhtor-box .content .date { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; /* 100% */ display:inline-block; }
.blog-details-siderbars-area .blog-main-detailsarea .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-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:20px; display:block; transition:all 0.4s; padding-bottom:16px; }
.blog-details-siderbars-area .blog-main-detailsarea .comments-boxarea .comments-boxes .reply { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); 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) { .blog-details-siderbars-area .blog-main-detailsarea .comments-boxarea .comments-boxes .reply { margin-top:12px; } }
.blog-details-siderbars-area .blog-main-detailsarea .comments-boxarea .comments-boxes .reply i { margin:0 2px 0 0; }
.blog-details-siderbars-area .blog-main-detailsarea .contact-boxarea { border-radius:8px; background:var(--Gray-Color, #EDF2F7); padding:32px; }
.blog-details-siderbars-area .blog-main-detailsarea .contact-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-semibold); line-height:24px; }
.blog-details-siderbars-area .blog-main-detailsarea .contact-boxarea .input-area { margin-top:16px; }
.blog-details-siderbars-area .blog-main-detailsarea .contact-boxarea .input-area input { width:100%; color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:16px; padding:20px 16px; background:var(--ztc-bg-bg-1); border-radius:8px; border:1px solid rgba(6, 29, 25, 0.1); }
.blog-details-siderbars-area .blog-main-detailsarea .contact-boxarea .input-area input::-moz-placeholder { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; opacity:70%; }
.blog-details-siderbars-area .blog-main-detailsarea .contact-boxarea .input-area input::placeholder { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; opacity:70%; }
.blog-details-siderbars-area .blog-main-detailsarea .contact-boxarea .input-area textarea { width:100%; color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); 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-1); height:140px; border-radius:8px; border:1px solid rgba(6, 29, 25, 0.1); }
.blog-details-siderbars-area .blog-main-detailsarea .contact-boxarea .input-area textarea::-moz-placeholder { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; opacity:70%; }
.blog-details-siderbars-area .blog-main-detailsarea .contact-boxarea .input-area textarea::placeholder { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; opacity:70%; }
.blog-details-siderbars-area .blog-main-detailsarea .contact-boxarea .input-area button { border:none; outline:none; text-align:center; }

/*============= BLOG CSS AREA ENDS ===============*/
/*============= FOOTER CSS AREA ===============*/
.vl-footer1-section-area { background:#EDF2F7; position:relative; z-index:1; overflow:hidden; }
.vl-footer1-section-area .footer-logo1 img { height:36px; width:164px; -o-object-fit:cover;  object-fit:cover; text-align:start; }
.vl-footer1-section-area .footer-logo1 p { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font2); font-size:var(--ztc-font-size-font-s18); font-weight:var(--ztc-weight-regular); font-style:normal; line-height:28px; }
.vl-footer1-section-area .footer-logo1 ul li { display:inline-block; }
.vl-footer1-section-area .footer-logo1 ul li a { border-radius:165px; background:var(--ztc-bg-bg-1); display:inline-block; transition:all 0.4s; height:36px; width:36px; text-align:center; line-height:36px; color:var(--ztc-text-text-2); border-radius:50%; margin:0 8px 0 0; }
.vl-footer1-section-area .footer-logo1 ul li a:hover { background:var(--ztc-bg-bg-3); transition:all 0.4s; color:var(--ztc-text-text-1); }
.vl-footer1-section-area .vl-footer-widget.first-padding { padding-left:70px; }
@media (max-width:767px) { .vl-footer1-section-area .vl-footer-widget.first-padding { padding-left:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .vl-footer1-section-area .vl-footer-widget.first-padding { padding-left:0; } }
.vl-footer1-section-area .vl-footer-widget 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-semibold); line-height:24px; letter-spacing:-0.48px; }
.vl-footer1-section-area .vl-footer-widget 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-medium); line-height:16px; display:inline-block; transition:all 0.4s; padding-top:24px; }
.vl-footer1-section-area .vl-footer-widget ul li a img { margin:0 8px 0 0; }
.vl-footer1-section-area .vl-footer-widget ul li a:hover { color:var(--ztc-text-text-4); transition:all 0.4s; }
.vl-footer1-section-area .vl-footer-widget .footer-img { position:relative; z-index:1; overflow:hidden; margin-top:20px; }
.vl-footer1-section-area .vl-footer-widget .footer-img:hover .icons { top:50%; transition:all 0.6s; }
.vl-footer1-section-area .vl-footer-widget .footer-img img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:4px; }
.vl-footer1-section-area .vl-footer-widget .footer-img .icons { position:absolute; left:50%; margin-left:-13px; top:-70px; margin-top:-13px; transition:all 0.6s; }
.vl-footer1-section-area .vl-footer-widget .footer-img .icons a { height:26px; width:26px; display:inline-block; transition:all 0.4s; border-radius:4px; background:var(--ztc-bg-bg-3); text-align:center; line-height:26px; font-size:var(--ztc-font-size-font-s16); color:var(--ztc-text-text-1); }
.vl-footer1-section-area .vl-copyright-area 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:18px; padding:24px 0 32px; border-top:1px solid #CAD2D6; text-align:left; }

.vl-footer2-section-area { background:var(--ztc-bg-bg-4); position:relative; z-index:1; padding:200px 0 0 0; overflow:hidden; }
.vl-footer2-section-area .footer-logo1 img { height:36px; width:164px; -o-object-fit:cover;  object-fit:cover; text-align:start; }
.vl-footer2-section-area .footer-logo1 p { color:rgba(255, 255, 255, 0.8); font-family:var(--ztc-family-font2); font-size:var(--ztc-font-size-font-s18); font-weight:var(--ztc-weight-regular); font-style:normal; line-height:28px; }
.vl-footer2-section-area .footer-logo1 ul li { display:inline-block; }
.vl-footer2-section-area .footer-logo1 ul li a { border-radius:165px; background:var(--ztc-bg-bg-1); display:inline-block; transition:all 0.4s; height:36px; width:36px; text-align:center; line-height:36px; color:var(--ztc-text-text-2); border-radius:50%; margin:0 8px 0 0; }
.vl-footer2-section-area .footer-logo1 ul li a:hover { background:var(--ztc-bg-bg-5); transition:all 0.4s; color:var(--ztc-text-text-5); }
.vl-footer2-section-area .vl-footer-widget.first-padding { padding-left:70px; }
@media (max-width:767px) { .vl-footer2-section-area .vl-footer-widget.first-padding { padding-left:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .vl-footer2-section-area .vl-footer-widget.first-padding { padding-left:0; } }
.vl-footer2-section-area .vl-footer-widget h3 { 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-semibold); line-height:24px; letter-spacing:-0.48px; }
.vl-footer2-section-area .vl-footer-widget 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-footer2-section-area .vl-footer-widget ul li a img { margin:0 8px 0 0; filter:brightness(0) invert(1); }
.vl-footer2-section-area .vl-footer-widget ul li a:hover { color:var(--ztc-text-text-6); transition:all 0.4s; }
.vl-footer2-section-area .vl-copyright-area { float:left; display:flex; align-items:center; justify-content:space-between; padding:24px 0 32px; border-top:1px solid #244E45; }
@media (max-width:767px) { .vl-footer2-section-area .vl-copyright-area { display:inline-block; } .vl-footer2-section-area .vl-copyright-area ul { margin-top:16px; } }
.vl-footer2-section-area .vl-copyright-area ul li { display:inline-block; }
.vl-footer2-section-area .vl-copyright-area ul li a { color:rgba(255, 255, 255, 0.8); 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; padding:24px 0 32px; }
.vl-footer2-section-area .vl-copyright-area ul li a span { display:inline-block; transition:all 0.4s; color:rgba(255, 255, 255, 0.8); margin:0 16px; }
.vl-footer2-section-area .vl-copyright-area p { color:rgba(255, 255, 255, 0.8); 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; }

.vl-footer3-section-area { background:#F2F2F2; position:relative; z-index:1; padding:275px 0 0 0; overflow:hidden; }
.vl-footer3-section-area .footer-logo1 img { height:36px; width:164px; -o-object-fit:cover;  object-fit:cover; text-align:start; }
.vl-footer3-section-area .footer-logo1 p { color:var(--ztc-text-text-10); font-family:var(--ztc-family-font2); font-size:var(--ztc-font-size-font-s18); font-weight:var(--ztc-weight-regular); font-style:normal; line-height:28px; }
.vl-footer3-section-area .footer-logo1 ul li { display:inline-block; }
.vl-footer3-section-area .footer-logo1 ul li a { border-radius:165px; background:var(--ztc-bg-bg-1); display:inline-block; transition:all 0.4s; height:36px; width:36px; text-align:center; line-height:36px; color:var(--ztc-text-text-8); border-radius:50%; margin:0 8px 0 0; }
.vl-footer3-section-area .footer-logo1 ul li a:hover { background:var(--ztc-bg-bg-7); transition:all 0.4s; color:var(--ztc-text-text-8); }
.vl-footer3-section-area .vl-footer-widget.first-padding { padding-left:70px; }
@media (max-width:767px) { .vl-footer3-section-area .vl-footer-widget.first-padding { padding-left:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .vl-footer3-section-area .vl-footer-widget.first-padding { padding-left:0; } }
.vl-footer3-section-area .vl-footer-widget h3 { color:var(--ztc-text-text-8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s24); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:24px; letter-spacing:-0.48px; }
.vl-footer3-section-area .vl-footer-widget ul li a { color:var(--ztc-text-text-10); font-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-footer3-section-area .vl-footer-widget ul li a img { margin:0 8px 0 0; filter:brightness(0) invert(1); }
.vl-footer3-section-area .vl-footer-widget ul li a:hover { color:var(--ztc-text-text-9); transition:all 0.4s; }
.vl-footer3-section-area .vl-footer-widget form { position:relative; z-index:1; }
.vl-footer3-section-area .vl-footer-widget form input { width:100%; color:var(--ztc-text-text-10); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; background:var(--ztc-bg-bg-1); border-radius:8px; border:1px solid rgba(3, 37, 48, 0.1); padding:18px 16px; }
.vl-footer3-section-area .vl-footer-widget form button { border:none; outline:none; width:100%; color:var(--ztc-text-text-8); font-family:var(--ztc-family-font1); 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; border-radius:8px; padding:18px 32px; position:relative; z-index:1; background:var(--ztc-bg-bg-7); text-transform:uppercase; }
@media (max-width:767px) { .vl-footer3-section-area .vl-footer-widget form button { padding:16px; } }
.vl-footer3-section-area .vl-footer-widget form button:hover { transform:translateY(-5px); transition:all 0.4s; }
.vl-footer3-section-area .vl-footer-widget form button:hover::after { left:0; top:0; transition:all 0.4s; visibility:visible; opacity:1; width:100%; }
.vl-footer3-section-area .vl-footer-widget form button::after { position:absolute; content:""; height:100%; width:10px; left:50%; transition:all 0.4s; color:var(--ztc-text-text-8); background:var(--ztc-bg-bg-1); top:0; z-index:-2; border-radius:8px; visibility:hidden; opacity:0; }
.vl-footer3-section-area .vl-copyright-area { display:flex; align-items:center; justify-content:space-between; padding:24px 0 32px; border-top:1px solid #DADDDF; }
@media (max-width:767px) { .vl-footer3-section-area .vl-copyright-area { display:inline-block; } .vl-footer3-section-area .vl-copyright-area ul { margin-top:16px; } }
.vl-footer3-section-area .vl-copyright-area ul li { display:inline-block; }
.vl-footer3-section-area .vl-copyright-area ul li a { color:var(--ztc-text-text-10); 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; padding:24px 0 32px; }
.vl-footer3-section-area .vl-copyright-area ul li a span { display:inline-block; transition:all 0.4s; color:var(--ztc-text-text-10); margin:0 16px; opacity:20%; }
.vl-footer3-section-area .vl-copyright-area p { color:var(--ztc-text-text-10); 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; }

.vl-footer4-section-area { background:#EFF1FF; position:relative; z-index:1; overflow:hidden; }
.vl-footer4-section-area .footer-logo1 img { height:36px; width:164px; -o-object-fit:cover;  object-fit:cover; text-align:start; filter:brightness(0); }
.vl-footer4-section-area .footer-logo1 p { color:var(--ztc-text-text-12); font-family:var(--ztc-family-font2); font-size:var(--ztc-font-size-font-s18); font-weight:var(--ztc-weight-regular); font-style:normal; line-height:28px; opacity:80%; }
.vl-footer4-section-area .footer-logo1 ul li { display:inline-block; }
.vl-footer4-section-area .footer-logo1 ul li a { border-radius:165px; background:var(--ztc-bg-bg-1); display:inline-block; transition:all 0.4s; height:36px; width:36px; text-align:center; line-height:36px; color:var(--ztc-text-text-11); border-radius:50%; margin:0 8px 0 0; }
.vl-footer4-section-area .footer-logo1 ul li a:hover { background:var(--ztc-bg-bg-9); transition:all 0.4s; color:var(--ztc-text-text-1); }
.vl-footer4-section-area .vl-footer-widget.first-padding { padding-left:70px; }
@media (max-width:767px) { .vl-footer4-section-area .vl-footer-widget.first-padding { padding-left:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .vl-footer4-section-area .vl-footer-widget.first-padding { padding-left:0; } }
.vl-footer4-section-area .vl-footer-widget h3 { 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-semibold); line-height:24px; letter-spacing:-0.48px; }
.vl-footer4-section-area .vl-footer-widget 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-medium); line-height:16px; display:inline-block; transition:all 0.4s; padding-top:24px; }
.vl-footer4-section-area .vl-footer-widget ul li a img { margin:0 8px 0 0; }
.vl-footer4-section-area .vl-footer-widget ul li a:hover { color:var(--ztc-text-text-13); transition:all 0.4s; }
.vl-footer4-section-area .vl-footer-widget .footer-img { position:relative; z-index:1; overflow:hidden; margin-top:20px; }
.vl-footer4-section-area .vl-footer-widget .footer-img:hover .icons { top:50%; transition:all 0.6s; }
.vl-footer4-section-area .vl-footer-widget .footer-img img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:4px; }
.vl-footer4-section-area .vl-footer-widget .footer-img .icons { position:absolute; left:50%; margin-left:-13px; top:-70px; margin-top:-13px; transition:all 0.6s; }
.vl-footer4-section-area .vl-footer-widget .footer-img .icons a { height:26px; width:26px; display:inline-block; transition:all 0.4s; border-radius:4px; background:var(--ztc-bg-bg-9); text-align:center; line-height:26px; font-size:var(--ztc-font-size-font-s16); color:var(--ztc-text-text-1); }
.vl-footer4-section-area .vl-copyright-area p { color:var(--ztc-text-text-11); 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; padding:24px 0 32px; border-top:1px solid #CAD2D6; }

.vl-footer5-section-area { margin-top:50px; background:#000; position:relative; z-index:1; padding:50px 0 0 0; overflow:hidden; }
.vl-footer5-section-area .footer-logo1 img { height:36px;
 /* width:164px;*/ -o-object-fit:cover;  object-fit:cover; text-align:start; }
.vl-footer5-section-area .footer-logo1 p { color:var(--ztc-text-text-15); font-family:var(--ztc-family-font2); font-size:var(--ztc-font-size-font-s18); font-weight:var(--ztc-weight-regular); font-style:normal; line-height:28px; }
.vl-footer5-section-area .footer-logo1 ul li { display:inline-block; }
.vl-footer5-section-area .footer-logo1 ul li a { border-radius:165px; background:rgba(251, 133, 0, 0.1); display:inline-block; transition:all 0.4s; height:36px; width:36px; text-align:center; line-height:36px; color:var(--ztc-text-text-16); border-radius:50%; margin:0 8px 0 0; }
.vl-footer5-section-area .footer-logo1 ul li a:hover { background:var(--ztc-bg-bg-11); transition:all 0.4s; color:var(--ztc-text-text-1); }
/*.vl-footer5-section-area .vl-footer-widget.first-padding { padding-left:70px; }*/
@media (max-width:767px) { .vl-footer5-section-area .vl-footer-widget.first-padding { padding-left:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .vl-footer5-section-area .vl-footer-widget.first-padding { padding-left:0; } }
.vl-footer5-section-area .vl-footer-widget h3 { color:#de3e04; font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s24); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:24px; letter-spacing:-0.48px; }
.vl-footer5-section-area .vl-footer-widget ul li a { /*color:var(--ztc-text-text-15);*/ font-family:var(--ztc-family-font2); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:22px;
/*  display:inline-block;*/ transition:all 0.4s; padding-top:24px; }
.vl-footer5-section-area .vl-footer-widget ul li a img { margin:0 8px 0 0; filter:brightness(0); }
.vl-footer5-section-area .vl-footer-widget ul li a:hover { color:var(--ztc-text-text-16); transition:all 0.4s; }
.vl-footer5-section-area .vl-copyright-area { /*display:flex;*/ align-items:left; float:left; justify-content:space-between; padding:24px 0 32px; border-top:1px solid #DDDCDA; }
@media (max-width:767px) { .vl-footer5-section-area .vl-copyright-area { /*display:inline-block;*/ } .vl-footer5-section-area .vl-copyright-area ul { margin-top:16px; float:none !important; } }
.vl-footer5-section-area .vl-copyright-area ul li { display:inline-block; }
.vl-footer5-section-area .vl-copyright-area ul li a { color:var(--ztc-text-text-15); 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; padding:24px 0 32px; }
.vl-footer5-section-area .vl-copyright-area ul li a span { display:inline-block; transition:all 0.4s; color:var(--ztc-text-text-15); margin:0 16px; opacity:20%; }
.vl-footer5-section-area .vl-copyright-area p { color:#ABABAB; 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; }

/*============= FOOTER CSS AREA ===============*/
/*============= HEADER CSS AREA ===============*/
/*============= HEADER CSS AREA ENDS ===============*/
/*============= HEADER CSS AREA ENDS ===============*/
.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); } }
@media only screen and (min-width:768px) and (max-width:991px) { .homepage1-body .vl-transparent-header { background:var(--ztc-bg-bg-1); } }
.homepage1-body .vl-transparent-header .vl-logo img { width:164px; height:50px; -o-object-fit:contain;  object-fit:contain; }
.homepage1-body .vl-transparent-header .vl-hero-btn .head-btn { display:flex; align-items:center; justify-content:end; }
.homepage1-body .vl-transparent-header .vl-hero-btn .head-btn .search-icon a { position:relative; z-index:1; }
.homepage1-body .vl-transparent-header .vl-hero-btn .head-btn .search-icon a img { margin:0 36px 0 0; }
.homepage1-body .vl-transparent-header .vl-hero-btn .head-btn .search-icon a::after { position:absolute; content:""; height:28px; width:2px; right:20px; background:#DADFE4; }
.homepage1-body .vl-transparent-header .vl-hero-btn .head-btn .vl-btn-wrap { display:flex; align-items:center; }
.homepage1-body .vl-transparent-header .vl-hero-btn .head-btn .vl-btn-wrap span.icons { height:50px; width:50px; text-align:center; line-height:50px; display:inline-block; transition:all 0.4s; background:var(--ztc-bg-bg-3); border-radius:50%; }
.homepage1-body .vl-transparent-header .vl-hero-btn .head-btn .vl-btn-wrap span.text { padding-left:10px; }
.homepage1-body .vl-transparent-header .vl-hero-btn .head-btn .vl-btn-wrap span.text span { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:16px; /* 100% */ display:block; transition:all 0.4s; opacity:80%; text-align:start; padding-bottom:8px; }
.homepage1-body .vl-transparent-header .vl-hero-btn .head-btn .vl-btn-wrap span.text a { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:20px; display:inline-block; transition:all 0.4s; }
.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-2); background:none; opacity:70%; }
.homepage1-body .vl-main-menu ul > li > a { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); 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:-265px; top:100px; width:1300px; background:#fff; padding: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; }
@media only screen and (min-width:992px) and (max-width:1199px) { .homepage1-body .vl-mega-menu { left:-162px; width:929px; } }
@media 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); } }
.homepage1-body .vl-home-thumb { position:relative; z-index:1; }
.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:-43px; margin-left:-70px; }
@media (max-width:767px) { .homepage1-body .vl-home-thumb .btn-area1 { margin-top:-50px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .homepage1-body .vl-home-thumb .btn-area1 { margin-top:-43px; } }
.homepage1-body .vl-home-thumb .btn-area1 .vl-btn1 { position:relative; display:inline-block; padding:18px 24px; border-radius:8px; color:var(--ztc-text-text-1) !important; background:var(--ztc-bg-bg-3); z-index:1; font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); line-height:16px; font-weight:var(--ztc-weight-semibold); transition:all 0.4s; z-index:1; text-transform:uppercase; }
.homepage1-body .vl-home-thumb .btn-area1 .vl-btn1:hover { color:var(--ztc-text-text-2); transition:all 0.4s; }
.homepage1-body .vl-home-thumb .btn-area1 .vl-btn1:hover::after { visibility:visible; opacity:1; transition:all 0.4s; width:100%; left:0; }
.homepage1-body .vl-home-thumb .btn-area1 .vl-btn1:hover::before { background:var(--ztc-bg-bg-1); opacity:10%; transition:all 0.4s; }
.homepage1-body .vl-home-thumb .btn-area1 .vl-btn1::after { position:absolute; content:""; height:100%; width:10px; background:var(--ztc-bg-bg-2); transition:all 0.4s; top:0; left:50%; border-radius:8px; z-index:-2; visibility:hidden; opacity:0; }
.homepage1-body .vl-home-thumb .btn-area1 .vl-btn1::before { position:absolute; content:""; height:36px; width:36px; display:inline-block; transition:all 0.4s; background:#7C9F37; border-radius:50%; left:10px; top:8px; z-index:-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-font1); }
.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; }

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

.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 { padding:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .homepage2-body .vl-transparent-header { padding:0; } }
.homepage2-body .vl-transparent-header .vl-logo img { width:164px; height:50px; -o-object-fit:contain;  object-fit:contain; }
.homepage2-body .vl-transparent-header .fix-header { max-width:1300px; }
.homepage2-body .vl-transparent-header .row-bg { border-radius:8px; border:1px solid rgba(255, 255, 255, 0.1); background:rgba(255, 255, 255, 0.1); -webkit-backdrop-filter:blur(5px);       backdrop-filter:blur(5px); padding:16px 10px; }
@media (max-width:767px) { .homepage2-body .vl-transparent-header .row-bg { border-radius:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .homepage2-body .vl-transparent-header .row-bg { border-radius:0; } }
.homepage2-body .vl-transparent-header .vl-hero-btn .menu-btn2 { color:var(--ztc-text-text-5); font-family:var(--ztc-family-font1); 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; border-radius:8px; padding:16px 20px; position:relative; z-index:1; background:var(--ztc-bg-bg-1); }
.homepage2-body .vl-transparent-header .vl-hero-btn .menu-btn2:hover { transform:translateY(-5px); transition:all 0.4s; }
.homepage2-body .vl-transparent-header .vl-hero-btn .menu-btn2:hover::after { left:0; top:0; transition:all 0.4s; visibility:visible; opacity:1; width:100%; }
.homepage2-body .vl-transparent-header .vl-hero-btn .menu-btn2 i { padding-left:4px; }
.homepage2-body .vl-transparent-header .vl-hero-btn .menu-btn2::after { position:absolute; content:""; height:100%; width:10px; left:50%; transition:all 0.4s; color:var(--ztc-text-text-5); background:var(--ztc-bg-bg-5); top:0; z-index:-2; border-radius:8px; visibility:hidden; opacity:0; }
.homepage2-body .vl-transparent-header .header-top-area { visibility:visible; opacity:1; transition:all 0.4s; }
.homepage2-body .vl-transparent-header .header-top-area .header-list-area { display:flex; align-items:center; justify-content:space-between; transition:all 0.4s; }
@media (max-width:767px) { .homepage2-body .vl-transparent-header .header-top-area .header-list-area { display:none; } }
@media only screen and (min-width:768px) and (max-width:991px) { .homepage2-body .vl-transparent-header .header-top-area .header-list-area { display:none; } }
.homepage2-body .vl-transparent-header .header-top-area .header-list-area .info li { display:inline-block; }
.homepage2-body .vl-transparent-header .header-top-area .header-list-area .info li span { display:inline-block; color:var(--ztc-text-text-1); opacity:30%; margin:0 20px; }
.homepage2-body .vl-transparent-header .header-top-area .header-list-area .info li a { color:var(--ztc-text-text-1); text-align:center; font-family:var(--ztc-family-font1); 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; }
.homepage2-body .vl-transparent-header .header-top-area .header-list-area .info li a img { height:16px; width:16px; -o-object-fit:contain;  object-fit:contain; margin:0 6px 0 0; }
.homepage2-body .vl-transparent-header .header-top-area .header-list-area .social li { display:inline-block; transition:all 0.4s; }
.homepage2-body .vl-transparent-header .header-top-area .header-list-area .social li a { display:inline-block; transition:all 0.4s; font-size:var(--ztc-font-size-font-s18); color:var(--ztc-text-text-1); margin:0 8px 0 0; }
.homepage2-body .vl-transparent-header .header-top-area .header-list-area .social li a:nth-child(4) { margin:0; }
.homepage2-body .vl-transparent-header .header-top-area .header-list-area .social li a:hover { color:var(--ztc-text-text-6); transition:all 0.4s; }
.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-1); background:none; opacity:70%; }
.homepage2-body .vl-main-menu ul > li > a { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); 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); }
.homepage2-body .vl-main-menu ul > li:hover a { color:var(--ztc-text-text-6); }
.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-5); 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-5); 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-regular); }
.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-5); 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-6); }
.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-6); }
.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:-270px; top:100px; width:1300px; background:#fff; padding: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; }
@media only screen and (min-width:992px) and (max-width:1199px) { .homepage2-body .vl-mega-menu { left:-162px; width:929px; } }
@media 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); } }
.homepage2-body .vl-home-thumb { position:relative; z-index:1; }
.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:-43px; margin-left:-70px; }
@media (max-width:767px) { .homepage2-body .vl-home-thumb .btn-area1 { margin-top:-50px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .homepage2-body .vl-home-thumb .btn-area1 { margin-top:-43px; } }
.homepage2-body .vl-home-thumb .btn-area1 .vl-btn1 { position:relative; display:inline-block; padding:18px 24px; border-radius:8px; color:var(--ztc-text-text-1) !important; background:var(--ztc-bg-bg-4); z-index:1; font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); line-height:18px; font-weight:var(--ztc-weight-semibold); transition:all 0.4s; z-index:1; text-transform:capitalize; }
.homepage2-body .vl-home-thumb .btn-area1 .vl-btn1 i { padding-left:4px; }
.homepage2-body .vl-home-thumb .btn-area1 .vl-btn1:hover { color:var(--ztc-text-text-5) !important; transition:all 0.4s; }
.homepage2-body .vl-home-thumb .btn-area1 .vl-btn1:hover::after { visibility:visible; opacity:1; transition:all 0.4s; width:100%; left:0; }
.homepage2-body .vl-home-thumb .btn-area1 .vl-btn1::after { position:absolute; content:""; height:100%; width:10px; background:var(--ztc-bg-bg-5); transition:all 0.4s; top:0; left:50%; border-radius:8px; z-index:-2; visibility:hidden; opacity:0; }
.homepage2-body .vl-home-thumb .btn-area1 .vl-btn1::before { display:none; }
.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-5) !important; transition:all 0.4s; display:block; padding-top:16px; text-align:center; font-family:var(--ztc-family-font1); }
.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:var(--ztc-bg-bg-4); padding:0; }
.homepage2-body .header-sticky .fix-header { max-width:auto; }
.homepage2-body .header-sticky .row-bg { padding:16px 0; background:none; border:none; }
.homepage2-body .header-sticky .header-top-area { visibility:hidden; opacity:0; transition:all 0.4s; height:0; }
.homepage2-body .header-sticky .space20 { display:none !important; }
@keyframes vlfadeInDown { 0% { opacity:0; transform:translateY(-100%); } 100% { opacity:1; transform:translateY(0); } }
.homepage2-body .vlfadeInDown { animation:vlfadeInDown 1s ease-out forwards; }

.homepage3-body .vl-transparent-header { position:absolute; top:0; left:0; right:0; z-index:99; padding:16px 0; }
@media (max-width:767px) { .homepage3-body .vl-transparent-header { padding:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .homepage3-body .vl-transparent-header { padding:0; } }
.homepage3-body .vl-transparent-header .vl-logo img { width:164px; height:50px; -o-object-fit:contain;  object-fit:contain; }
.homepage3-body .vl-transparent-header .fix-header { max-width:1300px; }
.homepage3-body .vl-transparent-header .row-bg { border-radius:8px; border:1px solid rgba(255, 255, 255, 0.1); background:rgba(255, 255, 255, 0.1); box-shadow:0px 4px 30px 0px rgba(0, 0, 0, 0.09); padding:16px 10px; }
@media (max-width:767px) { .homepage3-body .vl-transparent-header .row-bg { border-radius:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .homepage3-body .vl-transparent-header .row-bg { border-radius:0; } }
.homepage3-body .vl-transparent-header .vl-hero-btn .head-btn { display:flex; align-items:center; justify-content:end; }
.homepage3-body .vl-transparent-header .vl-hero-btn .head-btn .search-icon a { position:relative; z-index:1; }
.homepage3-body .vl-transparent-header .vl-hero-btn .head-btn .search-icon a img { margin:0 36px 0 0; filter:brightness(0) invert(1); }
.homepage3-body .vl-transparent-header .vl-hero-btn .head-btn .search-icon a::after { position:absolute; content:""; height:28px; width:2px; right:20px; background:#DADFE4; opacity:10%; }
.homepage3-body .vl-transparent-header .vl-hero-btn .head-btn ul li { display:inline-block; transition:all 0.4s; }
.homepage3-body .vl-transparent-header .vl-hero-btn .head-btn ul li a { background:rgba(255, 255, 255, 0.1); height:40px; width:40px; text-align:center; line-height:40px; display:inline-block; transition:all 0.4s; color:var(--ztc-text-text-1); border-radius:50%; }
.homepage3-body .vl-transparent-header .vl-hero-btn .head-btn ul li a:hover { background:var(--ztc-bg-bg-7); color:var(--ztc-text-text-8); transition:all 0.4s; }
.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; opacity:70%; }
.homepage3-body .vl-main-menu ul > li > a { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); 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); }
.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; border:1px solid rgba(255, 255, 255, 0.1); background:var(--ztc-bg-bg-6); box-shadow:0px 4px 30px 0px rgba(0, 0, 0, 0.09); padding:12px 20px 24px; opacity:0; visibility:hidden; 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-7); 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-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-regular); }
.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-7); 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:-270px; top:100px; width:1300px; border:1px solid rgba(255, 255, 255, 0.1); background:var(--ztc-bg-bg-6); box-shadow:0px 4px 30px 0px rgba(0, 0, 0, 0.09); padding:25px; opacity:0; visibility:hidden; transition:0.3s; top:201.3%; transform:scale(1, 0); transform-origin:top; border-radius:4px; }
@media only screen and (min-width:992px) and (max-width:1199px) { .homepage3-body .vl-mega-menu { left:-162px; width:929px; } }
@media 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); } }
.homepage3-body .vl-home-thumb { position:relative; z-index:1; }
.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-8); 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:-43px; margin-left:-70px; }
@media (max-width:767px) { .homepage3-body .vl-home-thumb .btn-area1 { margin-top:-50px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .homepage3-body .vl-home-thumb .btn-area1 { margin-top:-43px; } }
.homepage3-body .vl-home-thumb .btn-area1 .vl-btn1 { position:relative; display:inline-block; padding:18px 24px; border-radius:8px; color:var(--ztc-text-text-8) !important; background:var(--ztc-bg-bg-7); z-index:1; font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); line-height:18px; font-weight:var(--ztc-weight-semibold); transition:all 0.4s; z-index:1; text-transform:uppercase; }
.homepage3-body .vl-home-thumb .btn-area1 .vl-btn1 i { padding-left:4px; }
.homepage3-body .vl-home-thumb .btn-area1 .vl-btn1:hover { color:var(--ztc-text-text-8) !important; transition:all 0.4s; }
.homepage3-body .vl-home-thumb .btn-area1 .vl-btn1:hover::after { visibility:visible; opacity:1; transition:all 0.4s; width:100%; left:0; }
.homepage3-body .vl-home-thumb .btn-area1 .vl-btn1::after { position:absolute; content:""; height:100%; width:10px; background:var(--ztc-bg-bg-1); transition:all 0.4s; top:0; left:50%; border-radius:8px; z-index:-2; visibility:hidden; opacity:0; }
.homepage3-body .vl-home-thumb .btn-area1 .vl-btn1::before { display:none; }
.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-1) !important; transition:all 0.4s; display:block; padding-top:16px; font-family:var(--ztc-family-font1); text-align:center; }
.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-6); padding:0; }
.homepage3-body .header-sticky .fix-header { max-width:auto; }
.homepage3-body .header-sticky .row-bg { padding:16px 0; background:none; border:none; }
@keyframes vlfadeInDown { 0% { opacity:0; transform:translateY(-100%); } 100% { opacity:1; transform:translateY(0); } }
.homepage3-body .vlfadeInDown { animation:vlfadeInDown 1s ease-out forwards; }

.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 { padding:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .homepage4-body .vl-transparent-header { padding:0; } }
.homepage4-body .vl-transparent-header .vl-logo img { width:164px; height:50px; -o-object-fit:contain;  object-fit:contain; filter:brightness(0); }
.homepage4-body .vl-transparent-header .fix-header { max-width:1300px; }
.homepage4-body .vl-transparent-header .row-bg { border-radius:158px; background:var(--ztc-bg-bg-1); padding:16px 10px; transition:all 0.4s; }
@media (max-width:767px) { .homepage4-body .vl-transparent-header .row-bg { border-radius:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .homepage4-body .vl-transparent-header .row-bg { border-radius:0; } }
.homepage4-body .vl-transparent-header .vl-hero-btn .vl-btn4 { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:16px; text-transform:uppercase; display:inline-block; transition:all 0.4s; padding:8px 8px 8px 20px; position:relative; z-index:1; }
.homepage4-body .vl-transparent-header .vl-hero-btn .vl-btn4 span { color:#2E0797; }
.homepage4-body .vl-transparent-header .vl-hero-btn .vl-btn4:hover { color:var(--ztc-text-text-1); transition:all 0.4s; }
.homepage4-body .vl-transparent-header .vl-hero-btn .vl-btn4:hover::before { visibility:visible; opacity:1; left:0; width:100%; transition:all 0.4s; }
.homepage4-body .vl-transparent-header .vl-hero-btn .vl-btn4:hover span { color:#2E0797; transition:all 0.4s; transform:rotate(0); }
.homepage4-body .vl-transparent-header .vl-hero-btn .vl-btn4::after { position:absolute; content:""; height:100%; width:100%; left:0; top:0; background:var(--04-home-page-maincolors, linear-gradient(90deg, #2E0797 0%, #726EFC 100%)); border-radius:100px; transition:all 0.4s; z-index:-2; }
.homepage4-body .vl-transparent-header .vl-hero-btn .vl-btn4::before { position:absolute; content:""; height:100%; width:10px; left:50%; top:0; transition:all 0.4s; border-radius:90px; background:var(--04-home-page-maincolors, linear-gradient(90deg, #726EFC 0%, #2E0797 100%)); z-index:-1; visibility:hidden; opacity:0; }
.homepage4-body .vl-transparent-header .vl-hero-btn .vl-btn4 span { height:36px; width:36px; text-align:center; line-height:36px; display:inline-block; transition:all 0.4s; border-radius:50%; position:relative; z-index:1; transform:rotate(-45deg); margin-left:4px; }
.homepage4-body .vl-transparent-header .vl-hero-btn .vl-btn4 span::after { position:absolute; content:""; height:100%; width:100%; left:0; top:0; background:#EDEBF9; z-index:-1; border-radius:50%; }
.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-13); background:none; opacity:70%; }
.homepage4-body .vl-main-menu ul > li > a { color:var(--ztc-text-text-11); font-family:var(--ztc-family-font1); 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-13); }
.homepage4-body .vl-main-menu ul > li .sub-menu { position:absolute; top:201%; width:220px; left:0; border:1px solid rgba(255, 255, 255, 0.1); background:var(--ztc-bg-bg-1); box-shadow:0px 4px 30px 0px rgba(0, 0, 0, 0.09); padding:12px 20px 24px; opacity:0; visibility:hidden; 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:4px; left:0; width:100%; background:var(--ztc-bg-bg-9); top:-2px; }
.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-11); 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-regular); }
.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-9); 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-13); }
.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-13); }
.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:-322px; top:100px; width:1300px; border:1px solid rgba(255, 255, 255, 0.1); background:var(--ztc-bg-bg-1); box-shadow:0px 4px 30px 0px rgba(0, 0, 0, 0.09); padding:25px; opacity:0; visibility:hidden; transition:0.3s; top:201.3%; transform:scale(1, 0); transform-origin:top; border-radius:4px; }
@media only screen and (min-width:992px) and (max-width:1199px) { .homepage4-body .vl-mega-menu { left:-162px; width:929px; } }
@media 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); } }
.homepage4-body .vl-home-thumb { position:relative; z-index:1; }
.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-11); 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:-43px; margin-left:-81px; }
@media (max-width:767px) { .homepage4-body .vl-home-thumb .btn-area1 { margin-top:-50px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .homepage4-body .vl-home-thumb .btn-area1 { margin-top:-43px; } }
.homepage4-body .vl-home-thumb .btn-area1 .vl-btn4 { color:var(--ztc-text-text-1) !important; font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:16px; text-transform:uppercase; display:inline-block; transition:all 0.4s; padding:8px 8px 8px 20px; position:relative; z-index:1; }
.homepage4-body .vl-home-thumb .btn-area1 .vl-btn4 span { color:#2E0797; }
.homepage4-body .vl-home-thumb .btn-area1 .vl-btn4:hover { color:var(--ztc-text-text-1) !important; transition:all 0.4s; }
.homepage4-body .vl-home-thumb .btn-area1 .vl-btn4:hover::before { visibility:visible; opacity:1; left:0; width:100%; transition:all 0.4s; }
.homepage4-body .vl-home-thumb .btn-area1 .vl-btn4:hover span { color:#2E0797; transition:all 0.4s; transform:rotate(0); }
.homepage4-body .vl-home-thumb .btn-area1 .vl-btn4::after { position:absolute; content:""; height:100%; width:100%; left:0; top:0; background:var(--04-home-page-maincolors, linear-gradient(90deg, #2E0797 0%, #726EFC 100%)); border-radius:100px; transition:all 0.4s; z-index:-2; }
.homepage4-body .vl-home-thumb .btn-area1 .vl-btn4::before { position:absolute; content:""; height:100%; width:10px; left:50%; top:0; transition:all 0.4s; border-radius:90px; background:var(--04-home-page-maincolors, linear-gradient(90deg, #726EFC 0%, #2E0797 100%)); z-index:-1; visibility:hidden; opacity:0; }
.homepage4-body .vl-home-thumb .btn-area1 .vl-btn4 span { height:36px; width:36px; text-align:center; line-height:36px; display:inline-block; transition:all 0.4s; border-radius:50%; position:relative; z-index:1; transform:rotate(-45deg); margin-left:4px; }
.homepage4-body .vl-home-thumb .btn-area1 .vl-btn4 span::after { position:absolute; content:""; height:100%; width:100%; left:0; top:0; background:#EDEBF9; z-index:-1; border-radius:50%; }
.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-11) !important; transition:all 0.4s; display:block; padding-top:16px; font-family:var(--ztc-family-font1); text-align:center; }
.homepage4-body .vl-home-thumb a:hover { color:var(--ztc-text-text-13) !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:var(--ztc-bg-bg-1); padding:0; border-bottom:1px solid #dfe1e2; }
.homepage4-body .header-sticky .fix-header { max-width:auto; }
.homepage4-body .header-sticky .row-bg { padding:16px 0; background:none; border:none; }
@keyframes vlfadeInDown { 0% { opacity:0; transform:translateY(-100%); } 100% { opacity:1; transform:translateY(0); } }
.homepage4-body .vlfadeInDown { animation:vlfadeInDown 1s ease-out forwards; }

.homepage5-body .vl-transparent-header { position:absolute; top:0; left:0; right:0; z-index:99; padding:16px 0; background:var(--ztc-bg-bg-1); }
.homepage5-body .vl-transparent-header .vl-logo img { width:164px; height:50px; -o-object-fit:contain;  object-fit:contain; filter:brightness(0); }
.homepage5-body .vl-transparent-header .vl-hero-btn .head-btn { display:flex; align-items:center; justify-content:end; }
.homepage5-body .vl-transparent-header .vl-hero-btn .head-btn .search-icon a { position:relative; z-index:1; }
.homepage5-body .vl-transparent-header .vl-hero-btn .head-btn .search-icon a img { margin:0 36px 0 0; filter:brightness(0); }
.homepage5-body .vl-transparent-header .vl-hero-btn .head-btn .search-icon a::after { position:absolute; content:""; height:28px; width:2px; right:20px; background:var(--ztc-bg-bg-10); opacity:10%; }
.homepage5-body .vl-transparent-header .vl-hero-btn .head-btn ul li { display:inline-block; transition:all 0.4s; }
.homepage5-body .vl-transparent-header .vl-hero-btn .head-btn ul li a { background:rgba(13, 14, 31, 0.1); height:40px; width:40px; text-align:center; line-height:40px; display:inline-block; transition:all 0.4s; color:var(--ztc-text-text-14); border-radius:50%; }
.homepage5-body .vl-transparent-header .vl-hero-btn .head-btn ul li a:hover { background:var(--ztc-bg-bg-11); color:var(--ztc-text-text-1); transition:all 0.4s; }
.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-16); background:none; opacity:70%; }
.homepage5-body .vl-main-menu ul > li > a { color:var(--ztc-text-text-14); font-family:var(--ztc-family-font1); 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-16); }
.homepage5-body .vl-main-menu ul > li .sub-menu { position:absolute; top:201%; width:220px; left:0; border:1px solid rgba(255, 255, 255, 0.1); background:var(--ztc-bg-bg-1); box-shadow:0px 4px 30px 0px rgba(0, 0, 0, 0.09); padding:12px 20px 24px; opacity:0; visibility:hidden; 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-11); 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-14); 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-regular); }
.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-11); 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-16); }
.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-16); }
.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:-270px; top:100px; width:1300px; border:1px solid rgba(255, 255, 255, 0.1); background:var(--ztc-bg-bg-1); box-shadow:0px 4px 30px 0px rgba(0, 0, 0, 0.09); padding:25px; opacity:0; visibility:hidden; transition:0.3s; top:201.3%; transform:scale(1, 0); transform-origin:top; border-radius:4px; }
@media only screen and (min-width:992px) and (max-width:1199px) { .homepage5-body .vl-mega-menu { left:-162px; width:929px; } }
@media 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); } }
.homepage5-body .vl-home-thumb { position:relative; z-index:1; }
.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-14); 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:-43px; margin-left:-70px; }
@media (max-width:767px) { .homepage5-body .vl-home-thumb .btn-area1 { margin-top:-50px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .homepage5-body .vl-home-thumb .btn-area1 { margin-top:-43px; } }
.homepage5-body .vl-home-thumb .btn-area1 .vl-btn1 { position:relative; display:inline-block; padding:18px 24px; border-radius:70px; color:var(--ztc-text-text-1) !important; background:var(--ztc-bg-bg-11); z-index:1; font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); line-height:18px; font-weight:var(--ztc-weight-semibold); transition:all 0.4s; z-index:1; text-transform:uppercase; }
.homepage5-body .vl-home-thumb .btn-area1 .vl-btn1 i { padding-left:4px; }
.homepage5-body .vl-home-thumb .btn-area1 .vl-btn1:hover { color:var(--ztc-text-text-14) !important; transition:all 0.4s; }
.homepage5-body .vl-home-thumb .btn-area1 .vl-btn1:hover::after { visibility:visible; opacity:1; transition:all 0.4s; width:100%; left:0; }
.homepage5-body .vl-home-thumb .btn-area1 .vl-btn1::after { position:absolute; content:""; height:100%; width:10px; background:var(--ztc-bg-bg-1); transition:all 0.4s; top:0; left:50%; border-radius:70px; z-index:-2; visibility:hidden; opacity:0; }
.homepage5-body .vl-home-thumb .btn-area1 .vl-btn1::before { display:none; }
.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-14) !important; transition:all 0.4s; display:block; padding-top:16px; font-family:var(--ztc-family-font1); text-align:center; }
.homepage5-body .vl-home-thumb a:hover { color:var(--ztc-text-text-16) !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:var(--ztc-bg-bg-1); border-bottom:1px solid #dfe1e2; }
@keyframes vlfadeInDown { 0% { opacity:0; transform:translateY(-100%); } 100% { opacity:1; transform:translateY(0); } }
.homepage5-body .vlfadeInDown { animation:vlfadeInDown 1s ease-out forwards; }

/*============= HEADER CSS AREA ENDS ===============*/
/*============= WORK CSS AREA ===============*/
.work-section-area { position:relative; z-index:1; overflow:hidden; }
.work-section-area .work-single-boxarea { position:relative; z-index:1; text-align:center; margin-bottom:30px; }
.work-section-area .work-single-boxarea:hover .icons .elements14 { 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); }
.work-section-area .work-single-boxarea:hover .icons .icon { transform:rotateY(-180deg); transition:all 0.4s; }
.work-section-area .work-single-boxarea .elements12 { position:absolute; right:-115px; top:25px; }
@media (max-width:767px) { .work-section-area .work-single-boxarea .elements12 { display:none; } }
@media only screen and (min-width:768px) and (max-width:991px) { .work-section-area .work-single-boxarea .elements12 { display:block; } }
.work-section-area .work-single-boxarea .elements13 { position:absolute; right:-115px; top:25px; }
@media (max-width:767px) { .work-section-area .work-single-boxarea .elements13 { display:none; } }
@media only screen and (min-width:768px) and (max-width:991px) { .work-section-area .work-single-boxarea .elements13 { display:none; } }
.work-section-area .work-single-boxarea .icons { position:relative; z-index:1; display:inline-block; }
.work-section-area .work-single-boxarea .icons .elements14 { position:absolute; width:110px; height:110px; max-width:110px; max-height:110px; left:-15px; top:-15px; }
.work-section-area .work-single-boxarea .icons .icon { height:80px; width:80px; text-align:center; line-height:80px; display:inline-block; transition:all 0.4s; background:var(--ztc-bg-bg-5); border-radius:50%; margin:0 auto; }
.work-section-area .work-single-boxarea .conten-area { text-align:center; }
.work-section-area .work-single-boxarea .conten-area a { color:var(--ztc-text-text-5); 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-semibold); line-height:24px; display:inline-block; transition:all 0.4s; }
.work-section-area .work-single-boxarea .conten-area a:hover { color:var(--ztc-text-text-6); transition:all 0.4s; }
.work-section-area .work-single-boxarea .conten-area p { color:var(--ztc-text-text-7); text-align:center; font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:26px; transition:all 0.4s; }

.work5-section-area { position:relative; z-index:1; overflow:hidden; }
.work5-section-area .work-single-boxarea { position:relative; z-index:1; text-align:center; margin-bottom:30px; }
.work5-section-area .work-single-boxarea:hover .icons .elements14 { 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); }
.work5-section-area .work-single-boxarea:hover .icons .icon { transform:rotateY(-180deg); transition:all 0.4s; }
.work5-section-area .work-single-boxarea .elements12 { position:absolute; right:-115px; top:25px; }
@media (max-width:767px) { .work5-section-area .work-single-boxarea .elements12 { display:none; } }
@media only screen and (min-width:768px) and (max-width:991px) { .work5-section-area .work-single-boxarea .elements12 { display:block; } }
.work5-section-area .work-single-boxarea .elements13 { position:absolute; right:-115px; top:25px; }
@media (max-width:767px) { .work5-section-area .work-single-boxarea .elements13 { display:none; } }
@media only screen and (min-width:768px) and (max-width:991px) { .work5-section-area .work-single-boxarea .elements13 { display:none; } }
.work5-section-area .work-single-boxarea .icons { position:relative; z-index:1; display:inline-block; }
.work5-section-area .work-single-boxarea .icons .elements14 { position:absolute; width:110px; height:110px; max-width:110px; max-height:110px; left:-15px; top:-15px; }
.work5-section-area .work-single-boxarea .icons .icon { height:80px; width:80px; text-align:center; line-height:80px; display:inline-block; transition:all 0.4s; background:var(--ztc-bg-bg-11); border-radius:50%; margin:0 auto; }
.work5-section-area .work-single-boxarea .conten-area { text-align:center; }
.work5-section-area .work-single-boxarea .conten-area a { color:var(--ztc-text-text-14); 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-semibold); line-height:24px; display:inline-block; transition:all 0.4s; }
.work5-section-area .work-single-boxarea .conten-area a:hover { color:var(--ztc-text-text-16); transition:all 0.4s; }
.work5-section-area .work-single-boxarea .conten-area p { color:var(--ztc-text-text-15); text-align:center; font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:26px; transition:all 0.4s; }

/*============= WORK CSS AREA ===============*/
/*============= OTHERS CSS AREA STARTS ===============*/
.preloader { position:fixed; background:var(--ztc-bg-bg-2); left:0; top:0; z-index:9999; width:100%; height:100%; }
.preloader .loader { width:70px; padding:8px; aspect-ratio:1; border-radius:50%; background:var(--ztc-bg-bg-1); --_m:conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box; -webkit-mask:var(--_m); mask:var(--_m); -webkit-mask-composite:source-out; mask-composite:subtract; animation:l3 1s infinite linear; position:absolute; left:50%; top:50%; margin-left:-35px; margin-top:-35px; height:70px; }
@keyframes l3 { to { transform:rotate(1turn); } }

.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 ===============*/
/*============= MISSION-VISSION CSS AREA STARTS ===============*/
.others-vission-area { position:relative; z-index:1; overflow:hidden; }
.others-vission-area .mission-vission-area ul { justify-content:center; }
.others-vission-area .mission-vission-area ul li button { background:#EDF2F7; position:relative; z-index:1; border-radius:8px; padding:40px 95px; width:100%; text-align:center; width:370px; margin:0 30px 0 0; }
@media (max-width:767px) { .others-vission-area .mission-vission-area ul li button { width:100%; margin-bottom:30px; padding:40px 85px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .others-vission-area .mission-vission-area ul li button { padding:32px; display:inline-block; margin-bottom:20px; } }
.others-vission-area .mission-vission-area ul li button:nth-child(3) { margin:0; }
.others-vission-area .mission-vission-area ul li button.active { background:var(--ztc-bg-bg-3); }
.others-vission-area .mission-vission-area ul li button.active .text { color:var(--ztc-text-text-1); transition:all 0.4s; }
.others-vission-area .mission-vission-area ul li button .icon { height:80px; width:80px; text-align:center; line-height:80px; display:inline-block; transition:all 0.4s; background:var(--ztc-bg-bg-1); border-radius:50%; }
.others-vission-area .mission-vission-area ul li button .text { 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:600; line-height:32px; display:block; transition:all 0.4s; padding-top:32px; }
.others-vission-area .mission-vission-area .tab-content .tab-pane { position:relative; z-index:1; top:100px; transition:all 0.4s; }
.others-vission-area .mission-vission-area .tab-content .tab-pane.fade.show.active { top:0; transition:all 0.4s; }
.others-vission-area .mission-vission-area .tab-content .tab-pane .heading1 { padding:0 80px 0 0; }
@media (max-width:767px) { .others-vission-area .mission-vission-area .tab-content .tab-pane .heading1 { padding:0; margin-bottom:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .others-vission-area .mission-vission-area .tab-content .tab-pane .heading1 { padding:0; margin-bottom:30px; } }
.others-vission-area .mission-vission-area .tab-content .tab-pane .heading1 ul li { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:500; line-height:16px; margin-top:16px; }
.others-vission-area .mission-vission-area .tab-content .tab-pane .heading1 ul li img { margin:0 4px 0 0; }
.others-vission-area .mission-vission-area .tab-content .tab-pane .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; }

/*============= MISSION-VISSION CSS AREA ENDS ===============*/
/*============= BRAND CSS AREA STARTS ===============*/
.brand1-section-area { position:relative; z-index:1; background:#EFF1FF; overflow:hidden; }
.brand1-section-area .heading4 { position:relative; z-index:1; }
.brand1-section-area .heading4 h4 { color:var(--ztc-text-text-11); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:600; line-height:20px; position:relative; z-index:1; }
.brand1-section-area .heading4 h4::after { position:absolute; content:""; height:1px; width:430px; left:0; top:10px; transition:all 0.4s; background:var(--ztc-bg-bg-8); opacity:20%; }
@media (max-width:767px) { .brand1-section-area .heading4 h4::after { display:none; } }
@media only screen and (min-width:768px) and (max-width:991px) { .brand1-section-area .heading4 h4::after { display:none; } }
.brand1-section-area .heading4 h4::before { position:absolute; content:""; height:1px; width:430px; right:0; top:10px; transition:all 0.4s; background:var(--ztc-bg-bg-8); opacity:20%; }
@media (max-width:767px) { .brand1-section-area .heading4 h4::before { display:none; } }
@media only screen and (min-width:768px) and (max-width:991px) { .brand1-section-area .heading4 h4::before { display:none; } }
.brand1-section-area .brand-box { position:relative; z-index:1; background:var(--ztc-bg-bg-1); padding:32px; text-align:center; border-radius:8px; transition:all 0.4s; margin-bottom:30px; }
.brand1-section-area .brand-box:hover { transform:translateY(-5px); transition:all 0.4s; }
.brand1-section-area .brand-box img { width:170px; height:50px; -o-object-fit:contain;  object-fit:contain; }

/*============= BRAND CSS AREA ENDS ===============*/
/*============= HEADER SEARCH CSS AREA STARTS ===============*/
.header-search-container form input { outline:none; border:none; background:none; font-family:var(--ztc-family-font1); 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-1); 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.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-4); }

.header-search-form-wrapper .search-form input[type=search]::-moz-placeholder { color:#a4a4a4; opacity:1; }

.header-search-form-wrapper .search-form input[type=search]::placeholder { color:#a4a4a4; opacity:1; }

.header-search-form-wrapper .search-form input[type=search]:-ms-input-placeholder { color:#a4a4a4; }

.header-search-form-wrapper .search-form input[type=search]::-ms-input-placeholder { color:#a4a4a4; }

.header-search-form-wrapper .search-submit { position:absolute; height:50px; width:50px; bottom:0; right:0; background-color:transparent; color:#9F9F9F; font-size:24px; border:none; color:#2B495A; }

.header-search-form-wrapper .tx-search-close { background:rgba(204, 204, 204, 0.2705882353); 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; }

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

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

/*============= HEADER SEARCH CSS AREA ENDS ===============*/
/*============= ERROR CSS AREA ENDS ===============*/
.error-section-area { position:relative; z-index:1; overflow:hidden; }
.error-section-area .imgages-content-area { position:relative; z-index:1; }
.error-section-area .imgages-content-area .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; }

/*============= ERROR CSS AREA ENDS ===============*/
/*============= TEAM CSS AREA ===============*/
.team1-section-area { position:relative; z-index:1; overflow:hidden; }
.team1-section-area .team-boxarea { position:relative; z-index:1; overflow:hidden; margin-bottom:30px; }
.team1-section-area .team-boxarea:hover .img1 img { transform:scale(1.1) rotate(4deg); transition:all 0.4s; filter:grayscale(1); }
.team1-section-area .team-boxarea:hover .img1 ul { left:20px; transition:all 0.6s; }
.team1-section-area .team-boxarea .img1 { position:relative; z-index:1; overflow:hidden; border-radius:8px; }
.team1-section-area .team-boxarea .img1 ul { position:absolute; bottom:50px; left:-100px; transition:all 0.6s; }
.team1-section-area .team-boxarea .img1 ul li a { height:32px; width:32px; text-align:center; line-height:32px; display:inline-block; transition:all 0.4s; background:var(--ztc-bg-bg-1); color:var(--ztc-text-text-2); border-radius:8px; margin-bottom:8px; }
.team1-section-area .team-boxarea .img1 ul li a:hover { background:var(--ztc-bg-bg-3); color:var(--ztc-text-text-1); transition:all 0.4s; }
.team1-section-area .team-boxarea .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; transition:all 0.4s; }
.team1-section-area .team-boxarea .content-area 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-semibold); line-height:24px; display:inline-block; transition:all 0.4s; }
.team1-section-area .team-boxarea .content-area a:hover { color:var(--ztc-text-text-4); transition:all 0.4s; }
.team1-section-area .team-boxarea .content-area p { color:var(--ztc-text-text-3); text-align:center; font-family:var(--ztc-family-font1); 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; }

/*============= TEAM CSS AREA STARTS ===============*/
/*============= FAQ CSS AREA ===============*/
.faq1-section-area { position:relative; z-index:1; background:#F3F9F5; overflow:hidden; }
.faq1-section-area .accordion-area { position:relative; z-index:1; }
.faq1-section-area .accordion-area .accordion .accordion-item { padding:0; border-radius:8px; background:var(--ztc-bg-bg-5); border:none; }
.faq1-section-area .accordion-area .accordion .accordion-item button { color:var(--ztc-text-text-5); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:20px; box-shadow:none; padding:24px; border:1px solid rgba(12, 58, 48, 0.1); background:var(--ztc-bg-bg-1); border-radius:6px; }
@media (max-width:767px) { .faq1-section-area .accordion-area .accordion .accordion-item button { line-height:26px; } }
.faq1-section-area .accordion-area .accordion .accordion-item button::after { filter:brightness(0); }
.faq1-section-area .accordion-area .accordion .accordion-item button:not(.collapsed) { background:none; transition:all 0.4s; border:none; }
.faq1-section-area .accordion-area .accordion .accordion-item .accordion-body { padding:0 24px 24px 24px; }
.faq1-section-area .accordion-area .accordion .accordion-item .accordion-body p { color:var(--ztc-text-text-7); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:26px; }

.faq5-section-area { position:relative; z-index:1; background:#F4F3EF; overflow:hidden; }
.faq5-section-area .accordion-area { position:relative; z-index:1; }
.faq5-section-area .accordion-area .accordion .accordion-item { padding:0; border-radius:8px; background:var(--ztc-bg-bg-11); border:none; }
.faq5-section-area .accordion-area .accordion .accordion-item button { color:var(--ztc-text-text-14); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:20px; box-shadow:none; padding:24px; border:1px solid rgba(12, 58, 48, 0.1); background:var(--ztc-bg-bg-1); border-radius:6px; }
@media (max-width:767px) { .faq5-section-area .accordion-area .accordion .accordion-item button { line-height:26px; } }
.faq5-section-area .accordion-area .accordion .accordion-item button::after { filter:brightness(0); }
.faq5-section-area .accordion-area .accordion .accordion-item button:not(.collapsed) { background:none; transition:all 0.4s; border:none; color:var(--ztc-text-text-1); }
.faq5-section-area .accordion-area .accordion .accordion-item button:not(.collapsed)::after { filter:brightness(0) invert(1); }
.faq5-section-area .accordion-area .accordion .accordion-item .accordion-body { padding:0 24px 24px 24px; }
.faq5-section-area .accordion-area .accordion .accordion-item .accordion-body p { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:26px; opacity:80%; }

.faq-pricing-section-area { position:relative; z-index:1; overflow:hidden; }
.faq-pricing-section-area .accordion-area-pricing { position:relative; z-index:1; }
.faq-pricing-section-area .accordion-area-pricing .accordion .accordion-item { padding:0; border-radius:8px; background:var(--ztc-bg-bg-3); border:none; }
.faq-pricing-section-area .accordion-area-pricing .accordion .accordion-item button { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:20px; box-shadow:none; padding:24px; border:1px solid rgba(12, 58, 48, 0.1); background:var(--ztc-bg-bg-1); border-radius:6px; }
@media (max-width:767px) { .faq-pricing-section-area .accordion-area-pricing .accordion .accordion-item button { line-height:26px; } }
.faq-pricing-section-area .accordion-area-pricing .accordion .accordion-item button::after { filter:brightness(0); }
.faq-pricing-section-area .accordion-area-pricing .accordion .accordion-item button:not(.collapsed) { background:none; transition:all 0.4s; border:none; color:var(--ztc-text-text-1); padding:24px 24px 18px 24px; }
.faq-pricing-section-area .accordion-area-pricing .accordion .accordion-item button:not(.collapsed)::after { filter:brightness(0) invert(1); }
.faq-pricing-section-area .accordion-area-pricing .accordion .accordion-item .accordion-body { padding:0 24px 24px 24px; }
.faq-pricing-section-area .accordion-area-pricing .accordion .accordion-item .accordion-body p { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:26px; opacity:90%; }

.faq-inner-section-area { position:relative; z-index:1; overflow:hidden; }
.faq-inner-section-area .faq-widget-area ul { display:inline-block; border-radius:8px; border:1px solid rgba(6, 29, 25, 0.1); padding:16px 24px; text-align:center; margin:0 auto; }
@media (max-width:767px) { .faq-inner-section-area .faq-widget-area ul { padding:16px; } }
.faq-inner-section-area .faq-widget-area ul li { display:inline-block; margin:0 16px 0 0; }
@media (max-width:767px) { .faq-inner-section-area .faq-widget-area ul li { margin:0; } }
.faq-inner-section-area .faq-widget-area ul li:nth-child(3) { margin:0; }
.faq-inner-section-area .faq-widget-area ul li button { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); 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; border-radius:8px; background:rgba(110, 148, 25, 0.1); padding:12px 24px; }
.faq-inner-section-area .faq-widget-area ul li button.active { background:var(--ztc-bg-bg-3); color:var(--ztc-text-text-1); }
.faq-inner-section-area .faq-widget-area .faq-section-area .accordion .accordion-item { padding:0; border-radius:8px; background:var(--ztc-bg-bg-3); border:none; }
.faq-inner-section-area .faq-widget-area .faq-section-area .accordion .accordion-item button { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:20px; box-shadow:none; padding:24px; border:1px solid rgba(12, 58, 48, 0.1); background:var(--ztc-bg-bg-1); border-radius:6px; }
@media (max-width:767px) { .faq-inner-section-area .faq-widget-area .faq-section-area .accordion .accordion-item button { line-height:26px; } }
.faq-inner-section-area .faq-widget-area .faq-section-area .accordion .accordion-item button::after { filter:brightness(0); }
.faq-inner-section-area .faq-widget-area .faq-section-area .accordion .accordion-item button:not(.collapsed) { background:none; transition:all 0.4s; border:none; color:var(--ztc-text-text-1); padding:24px 24px 18px 24px; }
.faq-inner-section-area .faq-widget-area .faq-section-area .accordion .accordion-item button:not(.collapsed)::after { filter:brightness(0) invert(1); }
.faq-inner-section-area .faq-widget-area .faq-section-area .accordion .accordion-item .accordion-body { padding:0 24px 24px 24px; }
.faq-inner-section-area .faq-widget-area .faq-section-area .accordion .accordion-item .accordion-body p { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:26px; opacity:90%; text-align:start; }

/*============= FAQ CSS AREA ===============*/
/*============= CONTACT CSS AREA ===============*/
.contact2-section-area { position:relative; z-index:1; overflow:hidden; background:#F2F2F2; }
.contact2-section-area .contact-heading { position:relative; z-index:1; }
.contact2-section-area .contact-heading .contact-author-boxarea { position:relative; z-index:1; background:var(--ztc-bg-bg-1); transition:all 0.4s; padding:20px 24px; border-radius:8px; margin-top:20px; }
.contact2-section-area .contact-heading .contact-author-boxarea:hover { background:var(--ztc-bg-bg-7); transition:all 0.4s; transform:translateY(-5px); }
.contact2-section-area .contact-heading .contact-author-boxarea:hover .icons { background:var(--ztc-bg-bg-6); transition:all 0.4s; }
.contact2-section-area .contact-heading .contact-author-boxarea:hover .icons img { filter:brightness(0) invert(1); transition:all 0.4s; }
.contact2-section-area .contact-heading .contact-author-boxarea .icons { height:60px; width:60px; text-align:center; line-height:60px; border-radius:8px; display:inline-block; background:var(--ztc-bg-bg-7); position:absolute; transition:all 0.4s; }
.contact2-section-area .contact-heading .contact-author-boxarea .icons img { transition:all 0.4s; }
.contact2-section-area .contact-heading .contact-author-boxarea .text { padding-left:80px; }
.contact2-section-area .contact-heading .contact-author-boxarea .text h6 { color:var(--ztc-text-text-8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:20px; }
.contact2-section-area .contact-heading .contact-author-boxarea .text a { color:var(--ztc-text-text-10); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:26px; /* 162.5% */ }
.contact2-section-area .contact-main-boxarea { border-radius:8px; background:rgba(3, 3, 11, 0.1); -webkit-backdrop-filter:blur(0px);       backdrop-filter:blur(0px); position:relative; z-index:1; padding:32px; }
@media (max-width:767px) { .contact2-section-area .contact-main-boxarea { margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .contact2-section-area .contact-main-boxarea { margin-top:30px; } }
.contact2-section-area .contact-main-boxarea h4 { color:var(--ztc-text-text-8); 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:uppercase; }
.contact2-section-area .contact-main-boxarea .input-area { margin-top:20px; }
.contact2-section-area .contact-main-boxarea .input-area input { width:100%; outline:none; background:var(--ztc-bg-bg-1); color:var(--ztc-text-text-8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:16px; padding:18px 16px; border-radius:8px; }
.contact2-section-area .contact-main-boxarea .input-area input::-moz-placeholder { color:var(--ztc-text-text-10); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.contact2-section-area .contact-main-boxarea .input-area input::placeholder { color:var(--ztc-text-text-10); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.contact2-section-area .contact-main-boxarea .input-area textarea { width:100%; outline:none; background:var(--ztc-bg-bg-1); color:var(--ztc-text-text-8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:16px; padding:18px 16px; border-radius:8px; height:140px; }
.contact2-section-area .contact-main-boxarea .input-area textarea::-moz-placeholder { color:var(--ztc-text-text-10); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.contact2-section-area .contact-main-boxarea .input-area textarea::placeholder { color:var(--ztc-text-text-10); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.contact2-section-area .contact-main-boxarea .input-area .nice-select { width:100%; outline:none; background:var(--ztc-bg-bg-1); color:var(--ztc-text-text-10); font-family:var(--ztc-family-font1); 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; height:auto; outline:none; border:none; }
.contact2-section-area .contact-main-boxarea .input-area .nice-select::after { height:7px; width:7px; -o-object-fit:cover;  object-fit:cover; }
.contact2-section-area .contact-main-boxarea .input-area .nice-select ul { width:100%; }
.contact2-section-area .contact-main-boxarea .input-area .nice-select::-moz-placeholder { color:var(--ztc-text-text-10); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.contact2-section-area .contact-main-boxarea .input-area .nice-select::placeholder { color:var(--ztc-text-text-10); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.contact2-section-area .contact-main-boxarea .input-area button { border:none; outline:none; }

.contact4-section-area { position:relative; z-index:1; overflow:hidden; }
.contact4-section-area .contact-header { position:relative; z-index:1; }
.contact4-section-area .contact-header .contact-boxarea { padding-top:32px; border-top:1px solid rgba(16, 2, 53, 0.05); position:relative; z-index:1; }
.contact4-section-area .contact-header .contact-boxarea::after { position:absolute; content:""; height:100%; width:1px; transition:all 0.4s; background:rgba(16, 2, 53, 0.05); top:0; left:38%; }
@media (max-width:767px) { .contact4-section-area .contact-header .contact-boxarea::after { display:none; } }
.contact4-section-area .contact-header .contact-boxarea .cta-author-area { position:relative; z-index:1; border-radius:8px; transition:all 0.4s; border-radius:8px; }
@media (max-width:767px) { .contact4-section-area .contact-header .contact-boxarea .cta-author-area { margin-top:30px; } }
.contact4-section-area .contact-header .contact-boxarea .cta-author-area .icons { height:60px; width:60px; display:inline-block; transition:all 0.4s; background:#EFF1FF; transition:all 0.4s; border-radius:50%; text-align:center; line-height:60px; }
.contact4-section-area .contact-header .contact-boxarea .cta-author-area .text p { color:var(--ztc-text-text-12); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.contact4-section-area .contact-header .contact-boxarea .cta-author-area .text a { 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-semibold); line-height:24px; display:inline-block; transition:all 0.4s; }
.contact4-section-area .contact-header .contact-boxarea .cta-author-area .text a:hover { color:var(--ztc-text-text-13); transition:all 0.4s; }
.contact4-section-area .contact-main-boxarea { border-radius:8px; background:#EFF1FF; -webkit-backdrop-filter:blur(0px);       backdrop-filter:blur(0px); position:relative; z-index:1; padding:32px; }
@media (max-width:767px) { .contact4-section-area .contact-main-boxarea { margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .contact4-section-area .contact-main-boxarea { margin-top:30px; } }
.contact4-section-area .contact-main-boxarea h4 { 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-semibold); line-height:32px; text-transform:uppercase; }
.contact4-section-area .contact-main-boxarea .input-area { margin-top:20px; }
.contact4-section-area .contact-main-boxarea .input-area input { width:100%; outline:none; background:var(--ztc-bg-bg-1); color:var(--ztc-text-text-11); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:16px; padding:18px 16px; border-radius:8px; }
.contact4-section-area .contact-main-boxarea .input-area input::-moz-placeholder { color:var(--ztc-text-text-12); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.contact4-section-area .contact-main-boxarea .input-area input::placeholder { color:var(--ztc-text-text-12); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.contact4-section-area .contact-main-boxarea .input-area textarea { width:100%; outline:none; background:var(--ztc-bg-bg-1); color:var(--ztc-text-text-11); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:16px; padding:18px 16px; border-radius:8px; height:140px; }
.contact4-section-area .contact-main-boxarea .input-area textarea::-moz-placeholder { color:var(--ztc-text-text-12); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.contact4-section-area .contact-main-boxarea .input-area textarea::placeholder { color:var(--ztc-text-text-12); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.contact4-section-area .contact-main-boxarea .input-area .nice-select { width:100%; outline:none; background:var(--ztc-bg-bg-1); color:var(--ztc-text-text-12); font-family:var(--ztc-family-font1); 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; height:auto; outline:none; border:none; }
.contact4-section-area .contact-main-boxarea .input-area .nice-select::after { height:7px; width:7px; -o-object-fit:cover;  object-fit:cover; }
.contact4-section-area .contact-main-boxarea .input-area .nice-select ul { width:100%; }
.contact4-section-area .contact-main-boxarea .input-area .nice-select::-moz-placeholder { color:var(--ztc-text-text-12); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.contact4-section-area .contact-main-boxarea .input-area .nice-select::placeholder { color:var(--ztc-text-text-12); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.contact4-section-area .contact-main-boxarea .input-area button { border:none; outline:none; }

.contact-inner-area { position:relative; z-index:1; overflow:hidden; }
.contact-inner-area .maps-area iframe { height:654px; width:100%; }
.contact-inner-area .contact-header-area { padding:0 0 0 50px; }
@media (max-width:767px) { .contact-inner-area .contact-header-area { padding:0; margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .contact-inner-area .contact-header-area { padding:0; margin-top:30px; } }
.contact-inner-area .contact-header-area .input-area { margin-top:16px; }
.contact-inner-area .contact-header-area .input-area input { width:100%; border-radius:8px; border:1px solid rgba(6, 29, 25, 0.1); background:var(--ztc-bg-bg-1); color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; padding:16px; }
.contact-inner-area .contact-header-area .input-area input::-moz-placeholder { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; opacity:70%; }
.contact-inner-area .contact-header-area .input-area input::placeholder { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; opacity:70%; }
.contact-inner-area .contact-header-area .input-area textarea { width:100%; border-radius:8px; border:1px solid rgba(6, 29, 25, 0.1); background:var(--ztc-bg-bg-1); color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; padding:16px; height:120px; }
.contact-inner-area .contact-header-area .input-area textarea::-moz-placeholder { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; opacity:70%; }
.contact-inner-area .contact-header-area .input-area textarea::placeholder { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; opacity:70%; }
.contact-inner-area .contact-header-area .input-area button { border:none; outline:none; }
.contact-inner-area .contact-bottom-box { position:relative; z-index:1; background:#EDF2F7; padding:32px; border-radius:8px; transition:all 0.4s; margin-bottom:30px; }
.contact-inner-area .contact-bottom-box:hover { transform:translateY(-5px); transition:all 0.4s; }
.contact-inner-area .contact-bottom-box:hover .contact-box .icons { background:var(--ztc-bg-bg-3); transition:all 0.4s; transform:rotateY(-180deg); }
.contact-inner-area .contact-bottom-box .contact-box { display:flex; align-items:center; }
.contact-inner-area .contact-bottom-box .contact-box .icons { height:80px; width:80px; text-align:center; line-height:80px; display:inline-block; transition:all 0.4s; border-radius:8px; background:var(--ztc-bg-bg-2); }
.contact-inner-area .contact-bottom-box .contact-box .text { padding-left:24px; }
.contact-inner-area .contact-bottom-box .contact-box .text span { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:26px; display:block; }
.contact-inner-area .contact-bottom-box .contact-box .text h4 { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s22); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:26px; display:inline-block; padding-top:16px; }
.contact-inner-area .contact-bottom-box .call { padding-top:32px; border-top:1px solid var(--ztc-text-text-1); }
.contact-inner-area .contact-bottom-box .call a { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:26px; display:block; transition:all 0.4s; }
.contact-inner-area .contact-bottom-box .call a:hover { color:var(--ztc-text-text-4); transition:all 0.4s; }

/*============= CONTACT CSS AREA ENDS===============*/
/*============= CTA CSS AREA ===============*/
.cta1-section-area { position:relative; z-index:1; background:var(--ztc-bg-bg-3); }
.cta1-section-area .cta-header 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-semibold); line-height:54px; display:inline-block; transition:all 0.4s; }
@media (max-width:767px) { .cta1-section-area .cta-header h2 { font-size:var(--ztc-font-size-font-s32); line-height:40px; } }
.cta1-section-area .cta-header .btn-area1 .vl-btn1 { background:var(--ztc-bg-bg-1); color:var(--ztc-text-text-4); }
.cta1-section-area .cta-header .btn-area1 .vl-btn1:hover { color:var(--ztc-text-text-1); }
.cta1-section-area .cta-header .btn-area1 .vl-btn1::before { background:var(--ztc-text-text-4); opacity:10%; }
.cta1-section-area .cta-header .btn-area1 .vl-btn1.btn2 { border:1px solid var(--ztc-text-text-1); margin-left:16px; background:transparent; color:var(--ztc-text-text-1); }
@media (max-width:767px) { .cta1-section-area .cta-header .btn-area1 .vl-btn1.btn2 { margin-left:0; margin-top:20px; } }
.cta1-section-area .cta-header .btn-area1 .vl-btn1.btn2::before { background:var(--ztc-bg-bg-1); opacity:10%; }
.cta1-section-area .cta-header .btn-area1 .vl-btn1.btn2:hover { border:1px solid var(--ztc-text-text-2); }
.cta1-section-area .img1 img { width:50%; height:100%; -o-object-fit:cover;  object-fit:cover; position:absolute; right:0; top:0; }
@media (max-width:767px) { .cta1-section-area .img1 img { position:relative; width:100%; top:40px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .cta1-section-area .img1 img { position:relative; width:100%; top:40px; } }

.cta2-section-area { position:relative; z-index:2; }
.cta2-section-area .cta-bg-area { background:var(--ztc-bg-bg-5); border-radius:8px; padding:70px 60px; z-index:2; position:relative; margin-bottom:-125px; }
@media (max-width:767px) { .cta2-section-area .cta-bg-area { padding:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .cta2-section-area .cta-bg-area { padding:30px; } }
@media (max-width:767px) { .cta2-section-area .cta-bg-area .cta-form-area { margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .cta2-section-area .cta-bg-area .cta-form-area { margin-top:30px; } }
.cta2-section-area .cta-bg-area .cta-form-area form { position:relative; z-index:1; }
.cta2-section-area .cta-bg-area .cta-form-area form input { width:100%; color:var(--ztc-text-text-7); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; background:var(--ztc-bg-bg-1); border-radius:8px; padding:24px 16px; }
.cta2-section-area .cta-bg-area .cta-form-area form input::-moz-placeholder { color:var(--ztc-text-text-5); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.cta2-section-area .cta-bg-area .cta-form-area form input::placeholder { color:var(--ztc-text-text-5); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.cta2-section-area .cta-bg-area .cta-form-area form button { color:var(--ztc-text-text-6); font-family:var(--ztc-family-font1); 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; border-radius:8px; padding:16px 20px; position:absolute; right:8px; top:8px; z-index:1; background:var(--ztc-bg-bg-4); border:none; outline:none; }
.cta2-section-area .cta-bg-area .cta-form-area form button:hover { transform:translateY(-5px); transition:all 0.4s; color:var(--ztc-text-text-5); }
.cta2-section-area .cta-bg-area .cta-form-area form button:hover::after { left:0; top:0; transition:all 0.4s; visibility:visible; opacity:1; width:100%; }
.cta2-section-area .cta-bg-area .cta-form-area form button i { padding-left:4px; }
.cta2-section-area .cta-bg-area .cta-form-area form button::after { position:absolute; content:""; height:100%; width:10px; left:50%; transition:all 0.4s; color:var(--ztc-text-text-5); background:var(--ztc-bg-bg-5); top:0; z-index:-2; border-radius:8px; visibility:hidden; opacity:0; }

.cta3-section-area { position:relative; z-index:2; }
.cta3-section-area .cta-bg-area { background:var(--ztc-bg-bg-5); border-radius:8px; padding:70px 60px; z-index:2; position:relative; margin-bottom:-200px; overflow:hidden; }
@media (max-width:767px) { .cta3-section-area .cta-bg-area { padding:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .cta3-section-area .cta-bg-area { padding:30px; } }
.cta3-section-area .cta-bg-area .heading2 { position:relative; }
.cta3-section-area .cta-bg-area .heading2 h2 { color:var(--ztc-text-text-1); }
.cta3-section-area .cta-bg-area .heading2 .elements17 { position:absolute; right:-200px; }
@media only screen and (min-width:768px) and (max-width:991px) { .cta3-section-area .cta-bg-area .heading2 .elements17 { bottom:-300px; left:0; } }
@media (max-width:767px) { .cta3-section-area .cta-bg-area .heading2 .elements17 { bottom:-350px; left:0; } }
.cta3-section-area .cta-bg-area .cta-author-area { position:relative; z-index:1; background:#1C3B45; transition:all 0.4s; padding:24px; border-radius:8px; display:flex; align-items:center; margin-top:32px; }
.cta3-section-area .cta-bg-area .cta-author-area .icons { height:60px; width:60px; display:inline-block; transition:all 0.4s; background:var(--ztc-bg-bg-1); transition:all 0.4s; border-radius:50%; text-align:center; line-height:60px; }
.cta3-section-area .cta-bg-area .cta-author-area .text { padding-left:16px; }
.cta3-section-area .cta-bg-area .cta-author-area .text p { color:rgba(255, 255, 255, 0.8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.cta3-section-area .cta-bg-area .cta-author-area .text a { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:20px; display:inline-block; transition:all 0.4s; }
.cta3-section-area .cta-bg-area .cta-author-area .text a:hover { color:var(--ztc-bg-bg-7); transition:all 0.4s; }
.cta3-section-area .cta-bg-area .cta-images-area { position:relative; z-index:2; }
.cta3-section-area .cta-bg-area .cta-images-area .img1 { position:absolute; right:0; z-index:2; top:-150px; }
@media only screen and (min-width:768px) and (max-width:991px) { .cta3-section-area .cta-bg-area .cta-images-area .img1 { position:relative; top:100px; } }
@media (max-width:767px) { .cta3-section-area .cta-bg-area .cta-images-area .img1 { position:relative; top:50px; } }
.cta3-section-area .cta-bg-area .cta-images-area .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; }

.cta4-section-area { position:relative; z-index:1; overflow:hidden; }
.cta4-section-area .cta-header h5 { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:18px; text-transform:uppercase; display:block; }
@media (max-width:767px) { .cta4-section-area .cta-header h5 { font-size:var(--ztc-font-size-font-s16); } }
.cta4-section-area .cta-header h5 img { margin:-7px 4px 0 0; }
.cta4-section-area .cta-header 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-semibold); line-height:54px; display:inline-block; transition:all 0.4s; }
@media (max-width:767px) { .cta4-section-area .cta-header h2 { font-size:var(--ztc-font-size-font-s32); line-height:40px; } }
.cta4-section-area .cta-header .btn-area1 .vl-btn1 { background:var(--ztc-bg-bg-1); color:var(--ztc-text-text-4); }
.cta4-section-area .cta-header .btn-area1 .vl-btn1:hover { color:var(--ztc-text-text-1); }
.cta4-section-area .cta-header .btn-area1 .vl-btn1::before { background:var(--ztc-text-text-4); opacity:10%; }
.cta4-section-area .cta-header .btn-area1 .vl-btn1.btn2 { border:1px solid var(--ztc-text-text-1); margin-left:16px; background:transparent; color:var(--ztc-text-text-1); }
@media (max-width:767px) { .cta4-section-area .cta-header .btn-area1 .vl-btn1.btn2 { margin-left:0; margin-top:20px; } }
.cta4-section-area .cta-header .btn-area1 .vl-btn1.btn2::before { background:var(--ztc-bg-bg-1); opacity:10%; }
.cta4-section-area .cta-header .btn-area1 .vl-btn1.btn2:hover { border:1px solid var(--ztc-text-text-2); }
.cta4-section-area .cta-author-area { position:relative; z-index:1; border-radius:8px; border:1px solid rgba(255, 255, 255, 0.1); background:rgba(255, 255, 255, 0.1); -webkit-backdrop-filter:blur(20px);       backdrop-filter:blur(20px); transition:all 0.4s; padding:24px; border-radius:8px; display:flex; align-items:center; margin-top:32px; }
.cta4-section-area .cta-author-area .icons { height:60px; width:60px; display:inline-block; transition:all 0.4s; background:var(--ztc-bg-bg-1); transition:all 0.4s; border-radius:50%; text-align:center; line-height:60px; }
.cta4-section-area .cta-author-area .text { padding-left:16px; }
.cta4-section-area .cta-author-area .text p { color:rgba(255, 255, 255, 0.8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.cta4-section-area .cta-author-area .text a { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:20px; display:inline-block; transition:all 0.4s; }
.cta4-section-area .cta-author-area .text a:hover { color:var(--ztc-text-text-1); transition:all 0.4s; opacity:80%; }

.cta5-section-area { position:relative; z-index:2; }
.cta5-section-area .cta-bg-area { background:var(--ztc-bg-bg-11); border-radius:8px; padding:70px 60px; z-index:2; position:relative; margin-bottom:-200px; overflow:hidden; }
@media (max-width:767px) { .cta5-section-area .cta-bg-area { padding:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .cta5-section-area .cta-bg-area { padding:30px; } }
.cta5-section-area .cta-bg-area .heading2 { position:relative; }
.cta5-section-area .cta-bg-area .heading2 h2 { color:var(--ztc-text-text-1); }
.cta5-section-area .cta-bg-area .heading2 .elements17 { position:absolute; right:-200px; }
@media only screen and (min-width:768px) and (max-width:991px) { .cta5-section-area .cta-bg-area .heading2 .elements17 { bottom:-300px; left:0; } }
@media (max-width:767px) { .cta5-section-area .cta-bg-area .heading2 .elements17 { bottom:-350px; left:0; } }
.cta5-section-area .cta-bg-area .cta-author-area { position:relative; z-index:1; background:rgba(255, 255, 255, 0.2); transition:all 0.4s; padding:24px; border-radius:8px; display:flex; align-items:center; margin-top:32px; }
.cta5-section-area .cta-bg-area .cta-author-area .icons { height:60px; width:60px; display:inline-block; transition:all 0.4s; background:var(--ztc-bg-bg-1); transition:all 0.4s; border-radius:50%; text-align:center; line-height:60px; }
.cta5-section-area .cta-bg-area .cta-author-area .text { padding-left:16px; }
.cta5-section-area .cta-bg-area .cta-author-area .text p { color:rgba(255, 255, 255, 0.8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.cta5-section-area .cta-bg-area .cta-author-area .text a { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:20px; display:inline-block; transition:all 0.4s; }
.cta5-section-area .cta-bg-area .cta-images-area { position:relative; z-index:2; }
.cta5-section-area .cta-bg-area .cta-images-area .img1 { position:absolute; right:0; z-index:2; top:-150px; }
@media only screen and (min-width:768px) and (max-width:991px) { .cta5-section-area .cta-bg-area .cta-images-area .img1 { position:relative; top:100px; } }
@media (max-width:767px) { .cta5-section-area .cta-bg-area .cta-images-area .img1 { position:relative; top:50px; } }
.cta5-section-area .cta-bg-area .cta-images-area .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; }

/*============= CTA CSS AREA ENDS===============*/

/*============= TESTIMONIAL CSS AREA ===============*/
.testimonial2-section-area { position:relative; z-index:1; overflow:hidden; margin:100px 0 50px 0; }
.testimonial2-section-area .testimonial2-slider-area { position:relative; z-index:1; }
.testimonial2-section-area .testimonial2-slider-area .owl-dots { text-align:center; margin-top:32px; }
.testimonial2-section-area .testimonial2-slider-area .owl-dots button { height:16px; width:16px; display:inline-block; transition:all 0.4s; border-radius:50%; background:rgba(158, 221, 5, 0.2); margin:0 16px 0 0; position:relative; z-index:1; }
.testimonial2-section-area .testimonial2-slider-area .owl-dots button.active { background:#de3e04; transition:all 0.4s; }
.testimonial2-section-area .testimonial2-slider-area .owl-dots button.active::after { visibility:visible; opacity:1; }
.testimonial2-section-area .testimonial2-slider-area .owl-dots button::after { position:absolute; content:""; height:24px; width:24px; border-radius:50%; display:inline-block; transition:all 0.4s; border:2px solid #de3e04; top:-4px; left:-4px; visibility:hidden; opacity:0; }
.testimonial2-section-area .testimonial2-slider-area .testimonial2-boxarea { border-radius:8px; background:var(--01-home-page-gray-colors, #F3F9F5); position:relative; z-index:1; padding:32px 24px; min-height:400px; }
.testimonial2-section-area .testimonial2-slider-area .testimonial2-boxarea ul li { display:inline-block; color:#de3e04; }
.testimonial2-section-area .testimonial2-slider-area .testimonial2-boxarea p { color:var(--ztc-text-text-7); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:26px; padding-bottom:20px; border-bottom:1px solid rgba(12, 58, 48, 0.1); }
.testimonial2-section-area .testimonial2-slider-area .testimonial2-boxarea .author-images-area { display:flex; align-items:center; justify-content:space-between; }
.testimonial2-section-area .testimonial2-slider-area .testimonial2-boxarea .author-images-area .images { display:flex; align-items:center; }
.testimonial2-section-area .testimonial2-slider-area .testimonial2-boxarea .author-images-area .images .img1 img { -o-object-fit:cover;  object-fit:cover; }
.testimonial2-section-area .testimonial2-slider-area .testimonial2-boxarea .author-images-area .images .text { padding-left:20px; }
.testimonial2-section-area .testimonial2-slider-area .testimonial2-boxarea .author-images-area .images .text a { color:#333; font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:20px; display:inline-block; transition:all 0.4s; }
.testimonial2-section-area .testimonial2-slider-area .testimonial2-boxarea .author-images-area .images .text p { color:var(--ztc-text-text-7); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; padding:0; border:none; }
.testimonial2-section-area .testimonial2-slider-area .testimonial2-boxarea .author-images-area .quoto svg { height:50px; width:50px; -o-object-fit:contain;  object-fit:contain; }
/*============= TESTIMONIAL CSS AREA ENDS ===============*/

/*review css start*/
.review { font-family:'Outfit', sans-serif; margin:0px auto; text-align:center; }
.review .form-group { margin-bottom:20px; text-align:left; }
.review .form-control { font-size:16px; }
.review .btn-default { float:left; padding:6px 30px; margin-top:5px; background:#043173; color:#FFF; border-color:#0E1842; }

.review .bot_but_r a { display:inline-block; background:#de3e04; font-size:16px; font-weight:400; color:#FFF; line-height:1.6em; text-transform:uppercase; border:1px solid #D13A04; padding:5px 20px; border-radius:3px; margin-bottom:30px; }
.review .bot_but_r a:hover {color:#FFF; text-decoration:none;}
/*review css start*/


/*============= CASE STUDY CSS AREA ENDS ===============*/
.history1-scetion-area { position:relative; z-index:1; overflow:hidden; }
.history1-scetion-area .boredr::after { position:absolute; content:""; height:2px; left:0; width:100%; top:60%; background:var(--ztc-bg-bg-3); transition:all 0.4s; }
@media (max-width:767px) { .history1-scetion-area .boredr::after { top:53.5%; } }
@media only screen and (min-width:768px) and (max-width:991px) { .history1-scetion-area .boredr::after { top:50.5%; } }
.history1-scetion-area .history-single-slider { position:relative; z-index:1; }
.history1-scetion-area .history-single-slider .owl-nav { position:absolute; right:0; top:-120px; }
@media (max-width:767px) { .history1-scetion-area .history-single-slider .owl-nav { position:relative; z-index:1; text-align:center; margin-top:30px; top:0; left:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .history1-scetion-area .history-single-slider .owl-nav { position:relative; z-index:1; text-align:center; margin-top:30px; top:0; left:0; } }
.history1-scetion-area .history-single-slider .owl-nav button { height:50px; width:50px; text-align:center; line-height:50px; display:inline-block; transition:all 0.4s; border-radius:8px; background:rgba(110, 148, 25, 0.3); color:var(--ztc-text-text-4); font-size:var(--ztc-font-size-font-s20); }
.history1-scetion-area .history-single-slider .owl-nav button:hover { background:var(--ztc-bg-bg-3); color:var(--ztc-text-text-1); transition:all 0.4s; }
.history1-scetion-area .history-single-slider .owl-nav button.owl-prev { margin:0 16px 0 0; }
.history1-scetion-area .history-single-slider .history-boxarea { position:relative; z-index:1; }
.history1-scetion-area .history-single-slider .history-boxarea h2 { 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-semibold); line-height:44px; }
.history1-scetion-area .history-single-slider .history-boxarea span { height:30px; width:30px; display:inline-block; border-radius:50%; background:var(--ztc-bg-bg-3); }
.history1-scetion-area .history-single-slider .history-boxarea a { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s22); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:22px; display:inline-block; transition:all 0.4s; }
.history1-scetion-area .history-single-slider .history-boxarea a:hover { color:var(--ztc-text-text-4); transition:all 0.4s; }
.history1-scetion-area .history-single-slider .history-boxarea p { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:24px; display:inline-block; }

/*============= CASE STUDY CSS AREA ENDS ===============*/
/*============= PROJECT CSS AREA ===============*/
.project1-section { position:relative; z-index:1; overflow:hidden; }
.project1-section .project-single-boxarea { position:relative; z-index:2; }
.project1-section .project-single-boxarea .slick-dots { position:absolute; top:0; left:-100px; }
@media (max-width:767px) { .project1-section .project-single-boxarea .slick-dots { position:relative; left:0; text-align:center; margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .project1-section .project-single-boxarea .slick-dots { position:relative; left:0; text-align:center; margin-top:30px; } }
@media (max-width:767px) { .project1-section .project-single-boxarea .slick-dots li { display:inline-block; text-align:center; } }
@media only screen and (min-width:768px) and (max-width:991px) { .project1-section .project-single-boxarea .slick-dots li { display:inline-block; text-align:center; } }
.project1-section .project-single-boxarea .slick-dots li.slick-active button { background:var(--ztc-bg-bg-3); color:var(--ztc-text-text-1); transition:all 0.4s; }
.project1-section .project-single-boxarea .slick-dots li button { height:50px; width:50px; text-align:center; line-height:60px; border-radius:8px; background:rgba(110, 148, 25, 0.1); color:var(--ztc-text-text-4); transition:all 0.4s; border:none; outline:none; color:var(--ztc-text-text-4); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:20px; margin-bottom:10px; }
@media (max-width:767px) { .project1-section .project-single-boxarea .slick-dots li button { margin:0 6px 0 0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .project1-section .project-single-boxarea .slick-dots li button { margin:0 12px 0 0; } }
.project1-section .project-single-boxarea .slick-dots li button:hover { background:var(--ztc-bg-bg-3); color:var(--ztc-text-text-1); transition:all 0.4s; }
.project1-section .project-single-boxarea .project-boxarea { border-radius:8px; background:var(--ztc-bg-bg-1); box-shadow:0px 0px 40px 0px rgba(0, 0, 0, 0.09); padding:48px; border:1px solid rgba(0, 0, 0, 0.09); }
@media (max-width:767px) { .project1-section .project-single-boxarea .project-boxarea { padding:24px; } }
.project1-section .project-single-boxarea .project-boxarea h2 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-semibold); line-height:32px; display:inline-block; transition:all 0.4s; }
.project1-section .project-single-boxarea .project-boxarea a { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); font-style:normal; font-weight:var(--ztc-weight-bold); line-height:18px; display:inline-block; transition:all 0.4s; }
.project1-section .project-single-boxarea .project-boxarea a:hover { color:var(--ztc-text-text-4); transition:all 0.4s; }
.project1-section .project-single-boxarea .project-boxarea a i { margin-left:4px; transform:rotate(-45deg); }
.project1-section .all-images .images-area { position:relative; z-index:1; }
.project1-section .all-images .images-area .img1 { max-width:700px; position:relative; left:-100px; z-index:-1; }
@media (max-width:767px) { .project1-section .all-images .images-area .img1 { max-width:100%; left:0; margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .project1-section .all-images .images-area .img1 { max-width:100%; left:0; margin-top:30px; } }
.project1-section .all-images .images-area .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; }
.project1-section .all-images .images-area .elements7 { position:absolute; bottom:30px; right:-60px; }

.project2-section-area { position:relative; z-index:1; background:var(--ztc-bg-bg-4); overflow:hidden; }
.project2-section-area .heading2 h5 { color:var(--ztc-text-text-1); border-radius:4px; background:rgba(255, 255, 255, 0.1); }
.project2-section-area .heading2 h2 { color:var(--ztc-text-text-1); }
.project2-section-area .project-single-boxarea2 { position:relative; z-index:1; transition:all 0.4s; overflow:hidden; margin-bottom:30px; }
.project2-section-area .project-single-boxarea2:hover .img1 img { transform:scale(1.1) rotate(4deg); transition:all 0.4s; }
.project2-section-area .project-single-boxarea2:hover .arrow a { background:var(--ztc-bg-bg-5); transition:all 0.4s; border:1px solid var(--ztc-text-text-6); }
.project2-section-area .project-single-boxarea2:hover .arrow a svg { filter:brightness(0); transition:all 0.4s; }
.project2-section-area .project-single-boxarea2.box2 { margin-top:-80px; }
@media (max-width:767px) { .project2-section-area .project-single-boxarea2.box2 { margin-top:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .project2-section-area .project-single-boxarea2.box2 { margin-top:0; } }
.project2-section-area .project-single-boxarea2.box3 { margin-top:-80px; }
@media (max-width:767px) { .project2-section-area .project-single-boxarea2.box3 { margin-top:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .project2-section-area .project-single-boxarea2.box3 { margin-top:0; } }
.project2-section-area .project-single-boxarea2 .img1 { overflow:hidden; transition:all 0.4s; position:relative; border-radius:8px; }
.project2-section-area .project-single-boxarea2 .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; transition:all 0.4s; }
@media (max-width:767px) { .project2-section-area .project-single-boxarea2 .img1 img { height:350px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .project2-section-area .project-single-boxarea2 .img1 img { height:350px; } }
.project2-section-area .project-single-boxarea2 .content-area { display:flex; align-items:center; justify-content:space-between; }
.project2-section-area .project-single-boxarea2 .content-area .text { padding:0 90px 0 0; }
@media (max-width:767px) { .project2-section-area .project-single-boxarea2 .content-area .text { padding:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .project2-section-area .project-single-boxarea2 .content-area .text { padding:0; } }
.project2-section-area .project-single-boxarea2 .content-area .text a:nth-child(1) { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:18px; display:inline-block; transition:all 0.4s; border-radius:4px; background:rgba(255, 255, 255, 0.1); padding:8px 6px; }
.project2-section-area .project-single-boxarea2 .content-area .text a:nth-child(3) { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s22); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:28px; display:inline-block; transition:all 0.4s; }
.project2-section-area .project-single-boxarea2 .content-area .text a:nth-child(3):hover { color:var(--ztc-bg-bg-5); transition:all 0.4s; }
.project2-section-area .project-single-boxarea2 .content-area .arrow a { height:50px; width:50px; text-align:center; line-height:44px; display:inline-block; transition:all 0.4s; border:1px solid var(--ztc-text-text-1); font-size:var(--ztc-font-size-font-s20); color:var(--ztc-text-text-1); border-radius:50%; }
.project2-section-area .project-single-boxarea2 .content-area .arrow a:hover { background:var(--ztc-bg-bg-5); transition:all 0.4s; border:1px solid var(--ztc-text-text-6); }
.project2-section-area .project-single-boxarea2 .content-area .arrow a:hover svg { filter:brightness(0); transition:all 0.4s; }
.project2-section-area .project-single-boxarea2 .content-area .arrow a svg { height:30px; width:30px; display:inline-block; text-align:center; transition:all 0.4s; }

.project3-section-area { position:relative; z-index:1; overflow:hidden; }
.project3-section-area .project-singlebox-slider { position:relative; z-index:1; }
.project3-section-area .project-singlebox-slider .owl-nav { position:absolute; top:-130px; right:0; }
@media (max-width:767px) { .project3-section-area .project-singlebox-slider .owl-nav { position:relative; z-index:1; margin-top:30px; text-align:center; top:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .project3-section-area .project-singlebox-slider .owl-nav { position:relative; z-index:1; margin-top:30px; text-align:center; top:0; } }
.project3-section-area .project-singlebox-slider .owl-nav button { height:60px; width:60px; text-align:center; line-height:60px; border-radius:8px; transition:all 0.4s; display:inline-block; border-radius:8px; background:rgba(244, 212, 69, 0.1); font-size:var(--ztc-font-size-font-s20); }
.project3-section-area .project-singlebox-slider .owl-nav button.owl-prev { margin:0 16px 0 0; }
.project3-section-area .project-singlebox-slider .owl-nav button:hover { background:var(--ztc-bg-bg-7); transition:all 0.4s; }
.project3-section-area .project-singlebox-slider .project-single-boxarea3 { position:relative; z-index:1; }
.project3-section-area .project-singlebox-slider .project-single-boxarea3:hover .img1 img { transform:scale(1.1) rotate(4deg); transition:all 0.4s; }
.project3-section-area .project-singlebox-slider .project-single-boxarea3 .img1 { position:relative; z-index:1; overflow:hidden; transition:all 0.4s; border-radius:8px; }
.project3-section-area .project-singlebox-slider .project-single-boxarea3 .img1::after { position:absolute; content:""; height:100%; width:100%; left:0; transition:all 0.4s; border-radius:383px; background:var(--02-home-page-textcolors, #032530); filter:blur(92.1593704224px); bottom:-214px; left:0; }
.project3-section-area .project-singlebox-slider .project-single-boxarea3 .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; transition:all 0.4s; }
.project3-section-area .project-singlebox-slider .project-single-boxarea3 .content-area { position:absolute; bottom:24px; left:24px; right:24px; z-index:2; }
.project3-section-area .project-singlebox-slider .project-single-boxarea3 .content-area .arrow { height:50px; width:50px; text-align:center; line-height:50px; border-radius:50%; transition:all 0.4s; background:var(--ztc-bg-bg-1); display:inline-block; }
.project3-section-area .project-singlebox-slider .project-single-boxarea3 .content-area .arrow:hover { background:var(--ztc-bg-bg-7); transition:all 0.4s; }
.project3-section-area .project-singlebox-slider .project-single-boxarea3 .content-area p { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); 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; }
.project3-section-area .project-singlebox-slider .project-single-boxarea3 .content-area a { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s22); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:22px; display:inline-block; transition:all 0.4s; }
.project3-section-area .project-singlebox-slider .project-single-boxarea3 .content-area a:hover { color:var(--ztc-text-text-9); transition:all 0.4s; }

.project4-section-area { position:relative; z-index:1; overflow:hidden; }
.project4-section-area .project4-main-slider { position:relative; z-index:1; }
.project4-section-area .project4-main-slider .owl-nav { position:absolute; top:-140px; right:0; }
@media (max-width:767px) { .project4-section-area .project4-main-slider .owl-nav { position:relative; top:0; left:0; text-align:center; margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .project4-section-area .project4-main-slider .owl-nav { position:relative; top:0; left:0; text-align:center; margin-top:30px; } }
.project4-section-area .project4-main-slider .owl-nav button { height:60px; width:60px; text-align:center; line-height:60px; border-radius:8px; display:inline-block; transition:all 0.4s; background:#E3E2FE; font-size:var(--ztc-font-size-font-s22); color:var(--ztc-text-text-13); }
.project4-section-area .project4-main-slider .owl-nav button.owl-prev { margin:0 16px 0 0; }
.project4-section-area .project4-main-slider .owl-nav button:hover { background:var(--ztc-bg-bg-9); transition:all 0.4s; color:var(--ztc-text-text-1); }
.project4-section-area .project4-main-slider .owl-item.active.center .img1::after { visibility:visible; opacity:70%; transform:scale(1); transition:all 0.4s; }
.project4-section-area .project4-main-slider .owl-item.active.center .content-area { visibility:visible; opacity:1; transition:all 0.6s; top:50%; }
.project4-section-area .project4-main-slider .project-box-slider { position:relative; z-index:1; }
.project4-section-area .project4-main-slider .project-box-slider:hover .img1::after { visibility:visible; opacity:70%; transform:scale(1); transition:all 0.4s; }
.project4-section-area .project4-main-slider .project-box-slider:hover .content-area { visibility:visible; opacity:1; transition:all 0.6s; top:50%; }
.project4-section-area .project4-main-slider .project-box-slider .img1 { position:relative; z-index:1; border-radius:8px; }
.project4-section-area .project4-main-slider .project-box-slider .img1::after { position:absolute; content:""; height:100%; width:100%; left:0; top:0; background:var(--ztc-bg-bg-8); border-radius:8px; opacity:0; transform:scale(0.7); transition:all 0.4s; visibility:hidden; }
.project4-section-area .project4-main-slider .project-box-slider .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; }
.project4-section-area .project4-main-slider .project-box-slider .content-area { text-align:center; position:absolute; left:50%; top:30%; z-index:2; margin-left:-87px; margin-top:-63px; transition:all 0.6s; visibility:hidden; opacity:0; }
.project4-section-area .project4-main-slider .project-box-slider .content-area .arrow a { height:48px; width:48px; text-align:center; line-height:48px; border-radius:50%; background:var(--ztc-bg-bg-9); color:var(--ztc-text-text-1); transition:all 0.4s; display:inline-block; transform:rotate(-45deg); }
.project4-section-area .project4-main-slider .project-box-slider .content-area h5 { color:var(--ztc-text-text-1); text-align:center; font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.project4-section-area .project4-main-slider .project-box-slider .content-area a { color:var(--ztc-text-text-1); text-align:center; font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s22); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:22px; display:inline-block; transition:all 0.4s; }

.project5-section-area { position:relative; z-index:1; overflow:hidden; background:var(--ztc-bg-bg-10); }
.project5-section-area .heading5 h5 { color:var(--ztc-text-text-1); border-radius:8px; background:rgba(255, 255, 255, 0.1); }
.project5-section-area .heading5 h2 { color:var(--ztc-text-text-1); }
.project5-section-area .project5-singlebox-slider { position:relative; z-index:1; }
@media (max-width:767px) { .project5-section-area .project5-singlebox-slider .owl-nav { text-align:center; margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .project5-section-area .project5-singlebox-slider .owl-nav { text-align:center; margin-top:30px; } }
.project5-section-area .project5-singlebox-slider .owl-nav button { height:60px; width:60px; text-align:center; line-height:60px; border-radius:8px; transition:all 0.4s; display:inline-block; border-radius:8px; background:rgba(255, 255, 255, 0.1); font-size:var(--ztc-font-size-font-s20); color:var(--ztc-text-text-1); }
.project5-section-area .project5-singlebox-slider .owl-nav button.owl-prev { position:absolute; left:-90px; top:50%; margin-top:-30px; }
@media (max-width:767px) { .project5-section-area .project5-singlebox-slider .owl-nav button.owl-prev { position:relative; left:0; top:0; margin:0 16px 0 0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .project5-section-area .project5-singlebox-slider .owl-nav button.owl-prev { position:relative; left:0; top:0; margin:0 16px 0 0; } }
@media only screen and (min-width:1400px) and (max-width:1599px) { .project5-section-area .project5-singlebox-slider .owl-nav button.owl-prev { left:-65px; } }
.project5-section-area .project5-singlebox-slider .owl-nav button.owl-next { position:absolute; right:-90px; top:50%; margin-top:-30px; }
@media (max-width:767px) { .project5-section-area .project5-singlebox-slider .owl-nav button.owl-next { position:relative; right:0; top:0; margin:0 0 0 0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .project5-section-area .project5-singlebox-slider .owl-nav button.owl-next { position:relative; right:0; top:0; margin:0 0 0 0; } }
@media only screen and (min-width:1400px) and (max-width:1599px) { .project5-section-area .project5-singlebox-slider .owl-nav button.owl-next { right:-65px; } }
.project5-section-area .project5-singlebox-slider .owl-nav button:hover { background:var(--ztc-bg-bg-11); transition:all 0.4s; }
.project5-section-area .project5-singlebox-slider .project-single-boxarea3 { position:relative; z-index:1; }
.project5-section-area .project5-singlebox-slider .project-single-boxarea3:hover .img1 img { transform:scale(1.1) rotate(4deg); transition:all 0.4s; }
.project5-section-area .project5-singlebox-slider .project-single-boxarea3 .img1 { position:relative; z-index:1; overflow:hidden; transition:all 0.4s; border-radius:8px; }
.project5-section-area .project5-singlebox-slider .project-single-boxarea3 .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; transition:all 0.4s; }
.project5-section-area .project5-singlebox-slider .project-single-boxarea3 .content-area { position:absolute; bottom:24px; left:24px; right:24px; z-index:2; display:flex; align-items:center; justify-content:space-between; background:var(--ztc-bg-bg-1); padding:20px; border-radius:8px; }
.project5-section-area .project5-singlebox-slider .project-single-boxarea3 .content-area .arrow { height:50px; width:50px; text-align:center; line-height:45px; border-radius:50%; transition:all 0.4s; border-radius:150px; background:rgba(251, 133, 0, 0.1); display:inline-block; }
.project5-section-area .project5-singlebox-slider .project-single-boxarea3 .content-area .arrow svg { transition:all 0.4s; }
.project5-section-area .project5-singlebox-slider .project-single-boxarea3 .content-area .arrow:hover { background:var(--ztc-bg-bg-11); transition:all 0.4s; }
.project5-section-area .project5-singlebox-slider .project-single-boxarea3 .content-area .arrow:hover svg { filter:brightness(0) invert(1); transition:all 0.4s; }
.project5-section-area .project5-singlebox-slider .project-single-boxarea3 .content-area p { color:var(--ztc-text-text-15); font-family:var(--ztc-family-font1); 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; }
.project5-section-area .project5-singlebox-slider .project-single-boxarea3 .content-area a { color:var(--ztc-text-text-14); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s22); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:22px; display:inline-block; transition:all 0.4s; }
.project5-section-area .project5-singlebox-slider .project-single-boxarea3 .content-area a:hover { color:var(--ztc-text-text-16); transition:all 0.4s; }

.project-inner-section-area { position:relative; z-index:1; overflow:hidden; }
.project-inner-section-area .heading2 h5 { color:var(--ztc-text-text-1); border-radius:4px; background:rgba(255, 255, 255, 0.1); }
.project-inner-section-area .heading2 h2 { color:var(--ztc-text-text-1); }
.project-inner-section-area .project-single-boxarea2 { position:relative; z-index:1; transition:all 0.4s; overflow:hidden; margin-bottom:30px; }
.project-inner-section-area .project-single-boxarea2:hover .img1 img { transform:scale(1.1) rotate(4deg); transition:all 0.4s; filter:grayscale(1); }
.project-inner-section-area .project-single-boxarea2:hover .arrow a { background:var(--ztc-bg-bg-5); transition:all 0.4s; border:1px solid var(--ztc-text-text-6); }
.project-inner-section-area .project-single-boxarea2:hover .arrow a svg { filter:brightness(0); transition:all 0.4s; }
.project-inner-section-area .project-single-boxarea2.box2 { margin-top:-80px; }
@media (max-width:767px) { .project-inner-section-area .project-single-boxarea2.box2 { margin-top:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .project-inner-section-area .project-single-boxarea2.box2 { margin-top:0; } }
.project-inner-section-area .project-single-boxarea2.box3 { margin-top:-80px; }
@media (max-width:767px) { .project-inner-section-area .project-single-boxarea2.box3 { margin-top:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .project-inner-section-area .project-single-boxarea2.box3 { margin-top:0; } }
.project-inner-section-area .project-single-boxarea2.box4 { margin-top:-178px; }
@media (max-width:767px) { .project-inner-section-area .project-single-boxarea2.box4 { margin-top:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .project-inner-section-area .project-single-boxarea2.box4 { margin-top:0; } }
.project-inner-section-area .project-single-boxarea2 .img1 { overflow:hidden; transition:all 0.4s; position:relative; border-radius:8px; }
.project-inner-section-area .project-single-boxarea2 .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; transition:all 0.4s; }
@media (max-width:767px) { .project-inner-section-area .project-single-boxarea2 .img1 img { height:350px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .project-inner-section-area .project-single-boxarea2 .img1 img { height:350px; } }
.project-inner-section-area .project-single-boxarea2 .content-area { display:flex; align-items:center; justify-content:space-between; }
.project-inner-section-area .project-single-boxarea2 .content-area .text { padding:0 90px 0 0; }
@media (max-width:767px) { .project-inner-section-area .project-single-boxarea2 .content-area .text { padding:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .project-inner-section-area .project-single-boxarea2 .content-area .text { padding:0; } }
.project-inner-section-area .project-single-boxarea2 .content-area .text a:nth-child(1) { color:var(--ztc-text-text-4); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s18); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:18px; display:inline-block; transition:all 0.4s; border-radius:4px; background:rgba(110, 148, 25, 0.1); padding:8px 6px; }
.project-inner-section-area .project-single-boxarea2 .content-area .text a:nth-child(3) { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s22); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:28px; display:inline-block; transition:all 0.4s; }
.project-inner-section-area .project-single-boxarea2 .content-area .text a:nth-child(3):hover { color:var(--ztc-bg-bg-3); transition:all 0.4s; }
.project-inner-section-area .project-single-boxarea2 .content-area .arrow a { height:50px; width:50px; text-align:center; line-height:44px; display:inline-block; transition:all 0.4s; border:1px solid var(--ztc-text-text-1); font-size:var(--ztc-font-size-font-s20); color:var(--ztc-text-text-1); border-radius:50%; background:rgba(110, 148, 25, 0.1); }
.project-inner-section-area .project-single-boxarea2 .content-area .arrow a:hover { background:var(--ztc-bg-bg-3); transition:all 0.4s; border:1px solid var(--ztc-text-text-4); }
.project-inner-section-area .project-single-boxarea2 .content-area .arrow a:hover svg { filter:brightness(0) invert(1); transition:all 0.4s; }
.project-inner-section-area .project-single-boxarea2 .content-area .arrow a svg { height:30px; width:30px; display:inline-block; text-align:center; transition:all 0.4s; }

.project-details-siderbars-area { position:relative; z-index:1; }
.project-details-siderbars-area .project-side-widget { position:sticky; top:120px; transition:all 0.4s; }
.project-details-siderbars-area .project-side-widget h3 { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:20px; }
.project-details-siderbars-area .project-side-widget .search-area { border-radius:8px; background:var(--3-home-page-graycolors, #EDF2F7); padding:24px 20px; }
.project-details-siderbars-area .project-side-widget .search-area form { position:relative; z-index:1; }
.project-details-siderbars-area .project-side-widget .search-area form input { width:100%; color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; border-radius:8px; background:rgba(110, 148, 25, 0.1); padding:16px; }
.project-details-siderbars-area .project-side-widget .search-area form input::-moz-placeholder { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; opacity:70%; }
.project-details-siderbars-area .project-side-widget .search-area form input::placeholder { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; opacity:70%; }
.project-details-siderbars-area .project-side-widget .search-area form button { border:none; outline:none; height:52px; width:52px; text-align:center; line-height:48px; border-radius:0 8px 8px 0; background:var(--ztc-bg-bg-3); transition:all 0.4s; position:absolute; right:0; top:0; }
.project-details-siderbars-area .project-side-widget .popular-tags { border-radius:8px; background:var(--3-home-page-graycolors, #EDF2F7); padding:24px 20px; }
.project-details-siderbars-area .project-side-widget .popular-tags ul li { display:inline-block; }
.project-details-siderbars-area .project-side-widget .popular-tags ul li a { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); 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; }
.project-details-siderbars-area .project-side-widget .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; }
.project-details-siderbars-area .project-side-widget .help-area { border-radius:8px; background:var(--3-home-page-graycolors, #EDF2F7); padding:24px 20px; }
.project-details-siderbars-area .project-side-widget .help-area h3 { line-height:28px; }
.project-details-siderbars-area .project-side-widget .help-area .btn-area1 a { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-bold); line-height:16px; border-radius:8px; background:var(--ztc-bg-bg-3); padding:10px 16px; display:inline-block; transition:all 0.4s; }
.project-details-siderbars-area .project-side-widget .help-area .btn-area1 a:hover { background:var(--ztc-bg-bg-2); transition:all 0.4s; }
.project-details-siderbars-area .project-side-widget .help-area .btn-area1 a span { height:32px; width:32px; text-align:center; line-height:32px; border-radius:50%; background:rgba(255, 255, 255, 0.1); display:inline-block; transition:all 0.4s; margin:0 4px 0 0; }
.project-details-siderbars-area .project-side-widget .social-area { border-radius:8px; background:var(--3-home-page-graycolors, #EDF2F7); padding:24px 20px; }
.project-details-siderbars-area .project-side-widget .social-area ul li { display:inline-block; margin:0 6px 0 0; }
.project-details-siderbars-area .project-side-widget .social-area ul li:last-child { margin:0; }
.project-details-siderbars-area .project-side-widget .social-area ul li a { height:40px; width:40px; text-align:center; line-height:40px; border-radius:50%; background:var(--ztc-bg-bg-1); transition:all 0.4s; color:var(--ztc-text-text-2); display:inline-block; font-size:var(--ztc-font-size-font-s20); }
.project-details-siderbars-area .project-side-widget .social-area ul li a:hover { background:var(--ztc-bg-bg-3); color:var(--ztc-text-text-1); transition:all 0.4s; }
.project-details-siderbars-area .project-side-widget .project-contact { border-radius:8px; background:var(--3-home-page-graycolors, #EDF2F7); padding:24px 20px; }
.project-details-siderbars-area .project-side-widget .project-contact .input-area { margin-top:16px; }
.project-details-siderbars-area .project-side-widget .project-contact .input-area input { width:100%; color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; background:var(--ztc-bg-bg-1); border-radius:8px; padding:18px 16px; }
.project-details-siderbars-area .project-side-widget .project-contact .input-area input::-moz-placeholder { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.project-details-siderbars-area .project-side-widget .project-contact .input-area input::placeholder { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.project-details-siderbars-area .project-side-widget .project-contact .input-area textarea { width:100%; color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; background:var(--ztc-bg-bg-1); border-radius:8px; padding:18px 16px; height:120px; }
.project-details-siderbars-area .project-side-widget .project-contact .input-area textarea::-moz-placeholder { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.project-details-siderbars-area .project-side-widget .project-contact .input-area textarea::placeholder { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; }
.project-details-siderbars-area .project-side-widget .project-contact .input-area button { border:none; outline:none; }
.project-details-siderbars-area .service-main-detailsarea { position:relative; z-index:1; }
.project-details-siderbars-area .service-main-detailsarea.leftpadding { padding:0 0 0 40px; }
@media (max-width:767px) { .project-details-siderbars-area .service-main-detailsarea.leftpadding { padding:0; margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .project-details-siderbars-area .service-main-detailsarea.leftpadding { padding:0; margin-top:30px; } }
.project-details-siderbars-area .service-main-detailsarea.rightpadding { padding:0 40px 0 0; }
@media (max-width:767px) { .project-details-siderbars-area .service-main-detailsarea.rightpadding { padding:0; margin-top:30px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .project-details-siderbars-area .service-main-detailsarea.rightpadding { padding:0; margin-top:30px; } }
.project-details-siderbars-area .service-main-detailsarea 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-semibold); line-height:32px; }
.project-details-siderbars-area .service-main-detailsarea p { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:26px; }
.project-details-siderbars-area .service-main-detailsarea .img1 { position:relative; z-index:1; }
.project-details-siderbars-area .service-main-detailsarea .img1 img { height:100%; width:100%; -o-object-fit:cover;  object-fit:cover; border-radius:8px; }
.project-details-siderbars-area .service-main-detailsarea .img1 .play a { height:40px; width:40px; text-align:center; line-height:38px; background:var(--ztc-bg-bg-1); border-radius:50%; display:inline-block; transition:all 0.4s; color:var(--ztc-text-text-4); position:absolute; top:50%; left:50%; margin-left:-20px; margin-top:-20px; }
.project-details-siderbars-area .service-main-detailsarea .list-area2 { padding-top:16px; border-top:1px solid #CDD2D1; }
.project-details-siderbars-area .service-main-detailsarea .list-area2 ul li { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:16px; margin-top:16px; }
.project-details-siderbars-area .service-main-detailsarea .list-area2 ul li img { margin:-4px 8px 0 0; }
.project-details-siderbars-area .service-main-detailsarea .list-area ul li { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:16px; margin-top:16px; }
.project-details-siderbars-area .service-main-detailsarea .list-area ul li img { margin:-4px 8px 0 0; }
.project-details-siderbars-area .service-main-detailsarea .service-details-box { position:relative; z-index:1; background:#EDF2F7; padding:20px 32px; margin-top:30px; border-radius:8px; transition:all 0.4s; }
.project-details-siderbars-area .service-main-detailsarea .service-details-box::after { position:absolute; content:""; height:100%; width:10px; left:0; top:0; background:var(--ztc-bg-bg-3); }
.project-details-siderbars-area .service-main-detailsarea .service-details-box p { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:28px; }
.project-details-siderbars-area .service-main-detailsarea .divided-area { margin-top:30px; }
.project-details-siderbars-area .service-main-detailsarea .divided-area h5 { color:var(--ztc-text-text-2); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:20px; }

/*============= PROJECT CSS AREA ===============*/
/*============= PRICING CSS AREA ===============*/
.pricing-section-area { position:relative; z-index:1; overflow:hidden; }
.pricing-section-area .heading3 h5 { color:var(--ztc-text-text-9); border-radius:5px; background:rgba(255, 255, 255, 0.1); }
.pricing-section-area .heading3 h2 { color:var(--ztc-text-text-1); }
.pricing-section-area .toggle-inner input { position:absolute; left:0; width:100%; height:100%; margin:0; border-radius:25px; right:0; z-index:1; opacity:0; cursor:pointer; }
.pricing-section-area .custom-toggle { position:absolute; height:20px; width:20px; background-color:var(--ztc-text-text-9); top:5px; left:35px; border-radius:50%; transition:300ms all; }
.pricing-section-area .toggle-inner .t-month,
.pricing-section-area .toggle-inner .t-year { position:absolute; left:-75px; top:2px; transition:300ms all; }
.pricing-section-area .toggle-inner .t-year { left:unset; left:73px; opacity:0.5; }
.pricing-section-area .active > .toggle-inner .t-month { opacity:0.5; }
.pricing-section-area .active > .toggle-inner .t-year { opacity:1; }
.pricing-section-area .toggle-inner input:checked + span { left:5px; }
.pricing-section-area .toggle-inner { width:60px; margin:0 auto; height:30px; border-radius:25px; position:relative; background:#334834; left:-20px; }
.pricing-section-area .t-year h4 { min-width:200px; }
.pricing-section-area .t-year { text-align:left; }
.pricing-section-area .plan-toggle-wrap { margin-top:50px; margin-bottom:32px; }
.pricing-section-area .plan-toggle-wrap h4 { font-size:var(--ztc-font-size-font-s16); font-weight:var(--ztc-weight-medium); color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); margin-bottom:0; }
.pricing-section-area .single-pricing-area { margin-bottom:30px; background:#1C3B45; border-radius:4px; padding:30px; transition:all 0.4s; }
.pricing-section-area .single-pricing-area:hover { transform:translateY(-5px); transition:all 0.4s; }
.pricing-section-area .single-pricing-area .pricing-box h3 { font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s24); font-weight:var(--ztc-weight-semibold); color:var(--ztc-text-text-1); line-height:var(--ztc-font-size-font-s24); }
.pricing-section-area .single-pricing-area .pricing-box p { font-family:var(--ztc-family-font1); font-size:var(--ztc-text-text-1); line-height:var(--ztc-font-size-font-s26); font-size:var(--ztc-font-size-font-s16); color:var(--ztc-text-text-1); font-weight:var(--ztc-weight-regular); opacity:80%; }
.pricing-section-area .single-pricing-area .pricing-box h2 { color:var(--ztc-text-text-8); -webkit-text-stroke-width:1; -webkit-text-stroke-color:var(--02-home-page-textcolors, #032530); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s48); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:120px; height:120px; width:120px; display:inline-block; border-radius:50%; background:var(--ztc-text-text-9); transition:all 0.4s; text-align:center; position:relative; }
.pricing-section-area .single-pricing-area .pricing-box h2 span { color:rgba(255, 255, 255, 0.8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:20px; display:inline-block; position:absolute; left:140px; top:55px; width:110px; }
.pricing-section-area .single-pricing-area .pricing-box h2 .elements19 { position:absolute; height:140px; width:140px; max-height:140px; max-width:140px; left:-10px; top:-10px; }
.pricing-section-area .single-pricing-area .pricing-box .btn-area1 .vl-btn3 { width:100%; text-align:center; }
.pricing-section-area .single-pricing-area .pricing-box ul li { color:rgba(255, 255, 255, 0.8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s16); font-style:normal; font-weight:var(--ztc-weight-regular); line-height:16px; margin-top:16px; }
.pricing-section-area .single-pricing-area .pricing-box ul li img { margin:0 8px 0 0; }
.pricing-section-area .single-pricing-area.active { background:var(--ztc-text-text-9); transition:all 0.4s; }
.pricing-section-area .single-pricing-area.active h3 { color:var(--ztc-text-text-8); }
.pricing-section-area .single-pricing-area.active p { color:var(--ztc-text-text-10); }
.pricing-section-area .single-pricing-area.active h2 { background:var(--ztc-bg-bg-6); color:var(--ztc-text-text-1); }
.pricing-section-area .single-pricing-area.active h2 img { filter:brightness(0); }
.pricing-section-area .single-pricing-area.active h2 span { color:var(--ztc-text-text-8); }
.pricing-section-area .single-pricing-area.active ul li { color:var(--ztc-text-text-8); }
.pricing-section-area .single-pricing-area.active .btn-area1 .vl-btn3 { background:var(--ztc-bg-bg-6); color:var(--ztc-text-text-1); transition:all 0.4s; }

.pricing-inner-section-area { position:relative; z-index:1; overflow:hidden; }
.pricing-inner-section-area .heading3 h5 { color:var(--ztc-text-text-4); border-radius:5px; background:rgba(255, 255, 255, 0.1); }
.pricing-inner-section-area .heading3 h2 { color:var(--ztc-text-text-1); }
.pricing-inner-section-area .toggle-inner input { position:absolute; left:0; width:100%; height:100%; margin:0; border-radius:25px; right:0; z-index:1; opacity:0; cursor:pointer; }
.pricing-inner-section-area .custom-toggle { position:absolute; height:20px; width:20px; background-color:var(--ztc-text-text-4); top:5px; left:35px; border-radius:50%; transition:300ms all; }
.pricing-inner-section-area .toggle-inner .t-month,
.pricing-inner-section-area .toggle-inner .t-year { position:absolute; left:-75px; top:2px; transition:300ms all; }
.pricing-inner-section-area .toggle-inner .t-year { left:unset; left:73px; opacity:0.5; }
.pricing-inner-section-area .active > .toggle-inner .t-month { opacity:0.5; }
.pricing-inner-section-area .active > .toggle-inner .t-year { opacity:1; }
.pricing-inner-section-area .toggle-inner input:checked + span { left:5px; }
.pricing-inner-section-area .toggle-inner { width:60px; margin:0 auto; height:30px; border-radius:25px; position:relative; background:#334834; left:-20px; }
.pricing-inner-section-area .t-year h4 { min-width:200px; }
.pricing-inner-section-area .t-year { text-align:left; }
.pricing-inner-section-area .plan-toggle-wrap { margin-top:50px; margin-bottom:32px; }
.pricing-inner-section-area .plan-toggle-wrap h4 { font-size:var(--ztc-font-size-font-s16); font-weight:var(--ztc-weight-medium); color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); margin-bottom:0; }
.pricing-inner-section-area .single-pricing-area { margin-bottom:30px; background:var(--ztc-bg-bg-2); border-radius:8px; padding:30px; transition:all 0.4s; }
.pricing-inner-section-area .single-pricing-area:hover { transform:translateY(-5px); transition:all 0.4s; }
.pricing-inner-section-area .single-pricing-area .pricing-box h3 { font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s24); font-weight:var(--ztc-weight-semibold); color:var(--ztc-text-text-1); line-height:var(--ztc-font-size-font-s24); }
.pricing-inner-section-area .single-pricing-area .pricing-box p { font-family:var(--ztc-family-font1); font-size:var(--ztc-text-text-1); line-height:var(--ztc-font-size-font-s26); font-size:var(--ztc-font-size-font-s16); color:var(--ztc-text-text-1); font-weight:var(--ztc-weight-regular); opacity:80%; }
.pricing-inner-section-area .single-pricing-area .pricing-box h2 { font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s48); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:120px; height:120px; width:120px; display:inline-block; border-radius:50%; background:var(--ztc-text-text-4); transition:all 0.4s; text-align:center; position:relative; color:var(--ztc-text-text-1); }
.pricing-inner-section-area .single-pricing-area .pricing-box h2 span { color:rgba(255, 255, 255, 0.8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:20px; display:inline-block; position:absolute; left:140px; top:55px; width:110px; }
.pricing-inner-section-area .single-pricing-area .pricing-box h2 .elements19 { position:absolute; height:140px; width:140px; max-height:140px; max-width:140px; left:-10px; top:-10px; }
.pricing-inner-section-area .single-pricing-area .pricing-box .btn-area1 .vl-btn1 { width:100%; text-align:center; }
.pricing-inner-section-area .single-pricing-area .pricing-box .btn-area1 .vl-btn1:hover { color:var(--ztc-text-text-2); }
.pricing-inner-section-area .single-pricing-area .pricing-box .btn-area1 .vl-btn1::before { display:none; }
.pricing-inner-section-area .single-pricing-area .pricing-box .btn-area1 .vl-btn1::after { background:var(--ztc-bg-bg-1); transition:all 0.4s; }
.pricing-inner-section-area .single-pricing-area .pricing-box ul li { color:rgba(255, 255, 255, 0.8); font-family:var(--ztc-family-font1); 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-section-area .single-pricing-area .pricing-box ul li img { margin:0 8px 0 0; }
.pricing-inner-section-area .single-pricing-area.active { background:var(--ztc-text-text-4); transition:all 0.4s; }
.pricing-inner-section-area .single-pricing-area.active h3 { color:var(--ztc-text-text-1); }
.pricing-inner-section-area .single-pricing-area.active p { color:var(--ztc-text-text-1); }
.pricing-inner-section-area .single-pricing-area.active h2 { background:var(--ztc-bg-bg-1); color:var(--ztc-text-text-4); }
.pricing-inner-section-area .single-pricing-area.active h2 span { color:var(--ztc-text-text-1); }
.pricing-inner-section-area .single-pricing-area.active ul li { color:var(--ztc-text-text-1); }
.pricing-inner-section-area .single-pricing-area.active .btn-area1 .vl-btn1 { background:var(--ztc-bg-bg-2); color:var(--ztc-text-text-1); transition:all 0.4s; }

.compare-pricing-section { position:relative; z-index:1; overflow:hidden; background:var(--3-home-page-graycolors, #EDF2F7); }
.compare-pricing-section .pricing-section { width:100%; border-radius:10px; overflow:hidden; }
.compare-pricing-section .pricing-header { display:flex; text-align:center; align-items:center; vertical-align:middle; }
@media (max-width:767px) { .compare-pricing-section .pricing-header { display:block; width:100%; } }
@media only screen and (min-width:768px) and (max-width:991px) { .compare-pricing-section .pricing-header { display:inline-block; width:100%; } }
.compare-pricing-section .pricing-header div { flex:1; }
.compare-pricing-section .pricing-header .logo { background-color:var(--ztc-bg-bg-1); text-align:center; vertical-align:middle; align-items:center; margin:0 auto; padding:70px 40px; }
.compare-pricing-section .pricing-header .logo img { height:36px; width:165px; -o-object-fit:contain;  object-fit:contain; }
.compare-pricing-section .pricing-header .starter { background-color:var(--ztc-bg-bg-2); text-align:center; vertical-align:middle; align-items:center; margin:0 auto; padding:40px; }
.compare-pricing-section .pricing-header .growth { background-color:var(--ztc-bg-bg-3); text-align:center; vertical-align:middle; align-items:center; margin:0 auto; padding:40px; }
.compare-pricing-section .pricing-header .enterprise { background-color:var(--ztc-bg-bg-2); text-align:center; vertical-align:middle; align-items:center; margin:0 auto; padding:40px; }
.compare-pricing-section .pricing-header .package-title { 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-semibold); line-height:24px; padding:0; }
.compare-pricing-section .pricing-header .price { color:var(--ztc-text-text-1); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s48); font-style:normal; font-weight:var(--ztc-weight-semibold); line-height:48px; padding-top:24px; }
.compare-pricing-section .pricing-header .price span { color:rgba(255, 255, 255, 0.8); font-family:var(--ztc-family-font1); font-size:var(--ztc-font-size-font-s20); font-style:normal; font-weight:var(--ztc-weight-medium); line-height:20px; display:inline-block; }
.compare-pricing-section .pricing-table { display:flex; flex-direction:column; }
@media (max-width:767px) { .compare-pricing-section .pricing-table { display:inline-block; width:100%; } }
@media only screen and (min-width:768px) and (max-width:991px) { .compare-pricing-section .pricing-table { display:block; width:100%; text-align:center; } }
.compare-pricing-section .pricing-table span { color:var(--ztc-text-text-3); font-family:var(--ztc-family-font1); 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) { .compare-pricing-section .pricing-table span { display:block; text-align:center; padding-top:16px; } }
.compare-pricing-section .pricing-table span:nth-child(2) { padding-left:100px; }
@media (max-width:767px) { .compare-pricing-section .pricing-table span:nth-child(2) { padding:16px 0 0 20px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .compare-pricing-section .pricing-table span:nth-child(2) { padding:16px 0 0 20px; } }
.compare-pricing-section .pricing-table span:nth-child(3) { padding-left:100px; }
@media (max-width:767px) { .compare-pricing-section .pricing-table span:nth-child(3) { padding:16px 0 0 20px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .compare-pricing-section .pricing-table span:nth-child(3) { padding:16px 0 0 20px; } }
.compare-pricing-section .pricing-table span:nth-child(4) { padding-left:100px; }
@media (max-width:767px) { .compare-pricing-section .pricing-table span:nth-child(4) { padding:16px 0 0 20px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .compare-pricing-section .pricing-table span:nth-child(4) { padding:16px 0 0 20px; } }
.compare-pricing-section .pricing-table span img { margin:0 4px 0 0; }
.compare-pricing-section .row { display:flex; justify-content:space-between; align-items:center; padding:32px 64px; }
@media (max-width:767px) { .compare-pricing-section .row { padding:16px 0; display:block; text-align:center; margin:0 auto; } }
@media only screen and (min-width:768px) and (max-width:991px) { .compare-pricing-section .row { padding:16px 0; display:block; text-align:center; margin:0 auto; } }
.compare-pricing-section .row:nth-child(2) { background:var(--ztc-bg-bg-1); }
.compare-pricing-section .row:nth-child(4) { background:var(--ztc-bg-bg-1); }
.compare-pricing-section .row:nth-child(6) { background:var(--ztc-bg-bg-1); padding:24px; }
@media (max-width:767px) { .compare-pricing-section .row:nth-child(6) span:nth-child(1) { padding:0; } }
@media only screen and (min-width:768px) and (max-width:991px) { .compare-pricing-section .row:nth-child(6) span:nth-child(1) { padding:0; } }
.compare-pricing-section .row:nth-child(6) span a { width:auto; display:inline-block !important; margin:0; }
@media (max-width:767px) { .compare-pricing-section .row:nth-child(6) span a { text-align:center; } .compare-pricing-section .row:nth-child(6) span a.vl-btn1.btn2 { visibility:hidden; opacity:0; height:0; display:none !important; } }
@media only screen and (min-width:768px) and (max-width:991px) { 
.compare-pricing-section .row:nth-child(6) span a { text-align:center; } 
.compare-pricing-section .row:nth-child(6) span a.vl-btn1.btn2 { visibility:hidden; opacity:0; height:0; display:none !important; } }
.compare-pricing-section .row span { flex:1; text-align:start; }

/*bottom contact form*/
.callback_main { margin-top:100px; }
.callback_main_web { margin-top:50px; }
.get-in-touch { margin:0px auto; text-align:center; }
.get-in-touch h2 { background:#de3e04; border-radius:6px 6px 0px 0px; padding:10px 20px; font-family:'Outfit', sans-serif; color:#FFF; font-size:28px; font-weight:500; display:inline-block; }
.inner-box { border:#de3e04 1px solid; padding:20px; overflow:hidden; }
.bottom_contact h4 { font-family:'Outfit', sans-serif; color:#043173; margin-bottom:10px; font-size:26px; font-weight:500; }
.bottom_contact .location { font-family:'Outfit', sans-serif; color:#000; font-size:18px; font-weight:400; }
.bottom_contact .call-but { font-size:16px; font-weight:400; margin-top:15px; }
.bottom_contact .call-but a { background:#de3e04; color:#FFF !important; padding:8px 20px; border-radius:24px; font-size:16px; font-weight:400; margin-top:10px; display:inline-block; text-decoration:none; }
.bottom_contact .call-but a:hover { background:#de3e04; color:#FFF !important; }
/*bottom contact form end*/

/*related keywords css start*/
.related_keywords { margin-bottom:30px;  margin-top:20px; }
.related_keywords h2 { background:#F1F1F1; font-family:'Outfit', serif; padding:15px 10px; font-size:20px; color:#21327C; font-weight:500; border-radius:10px 10px 0px 0px;  }
.related_keywords i { margin-right:5px; }
.related_keywords .categories-list { padding:15px; overflow:hidden; } 
.related_keywords .categories-list ul { margin:0px; padding:0px; list-style-type:none; overflow:hidden; }
.related_keywords .categories-list li { float:left; font-family:'Outfit', sans-serif; font-size:14px; color:#515151; font-weight:400; position:relative; display:block; padding:0px 5px; line-height:14px; margin-top:5px; margin-bottom:5px; }
.related_keywords .categories-list li a { color:#ABABAB; text-decoration:none; }
.related_keywords .categories-list li a:hover { text-decoration:underline; color:#de3e04; }

.related_keywords .categories-list li:after { content:""; position:absolute; width:1px; height:100%; background:#515151; top:0; right:0; }
.related_keywords .categories-list li:last-child { padding-right:0; }
.related_keywords .categories-list li:last-child:after { display:none; }
.related_keywords .categories-list li i { display:none; float:left; font-size:20px; margin-right:10px; margin-top:3px; color:#515151; }
/*related keywords css end*/

/*onload popup css start*/
#enquirypopup .modal-dialog { width:550px; padding:0px; position:relative; margin-top:120px; z-index:99999; }
#enquirypopup .modal-content { border-radius:0px; }
#enquirypopup .modal-body { padding:0px; }
#enquirypopup .modal-body h2 { background:#043173; font-family:'Outfit', sans-serif; font-weight:400; font-size:24px; color:#FFF; margin-bottom:10px; margin-top:0px; text-align:center; padding:15px; line-height:1.8em; }
#enquirypopup .modal-body h2 span { font-size:28px; font-weight:600; color:#FFF; }
#enquirypopup .modal-body h2 span a { color:#FFF; }
#enquirypopup .modal-body h2 span a:hover { color:#FFF; }
#enquirypopup .modal-body h2 p { font-family:'Outfit', sans-serif; font-weight:400; font-size:18px; color:#FFF; }

#enquirypopup .popup_from { padding-bottom:12px; overflow:hidden; }
#enquirypopup .popup_from .popup_from_inner { padding:10px 50px; overflow:hidden; }
#enquirypopup .popup_from .popup_from_inner .form-group { margin:12px 0px; font-family:'Outfit', sans-serif; color:#000; }
#enquirypopup .popup_from .popup_from_inner .form-control { font-size:16px; border-color:#DBDBDB; padding:0 10px; height:45px; box-shadow:none; }
#enquirypopup .popup_from .popup_from_inner .form-group input { border-radius:0px; }

#enquirypopup .popup_from .popup_from_inner .form-group input.code { float:left; width:72%; border-radius:none; margin-right:15px; }
#enquirypopup .popup_from .popup_from_inner .captcha { padding:14px; background:#FAFAFA; border-radius:3px; border:#dbdbdb 1px solid; }

#enquirypopup .popup_from .popup_from_inner p { font-family:'Outfit', sans-serif; font-weight:400; font-size:14px; color:#9F9F9F; text-align:left; margin-bottom:20px; }
#enquirypopup .popup_from .popup_from_inner p i { color:#043173; margin-right:5px; }

#enquirypopup .popup_from .popup_from_inner .submit { margin:0px auto; text-align:center; font-family:'Outfit', sans-serif; font-size:20px; color:#FFF; font-weight:600; padding:12px 100px; background:#de3e04; cursor:pointer; outline:none; border:none; box-shadow:none; display:block; margin-bottom:10px; }
#enquirypopup .popup_from .popup_from_inner .submit:hover { background:#043173; color:#FFF; outline:none; border-radius:none; }
#enquirypopup .popup_from .popup_from_inner .submit i { margin-right:5px; }

#enquirypopup .popup_from .logo_right img { float:right; margin-right:15px; }

#enquirypopup .close { float:right; font-family:'Outfit', sans-serif; font-size:40px; font-weight:normal; color:#FFF; text-shadow:none; filter:alpha(opacity=20); opacity:1; margin-right:5px; }

#enquirypopup .skip { float:left; top:0px; right:0px; font-family:'Outfit', sans-serif; font-size:16px; font-weight:normal; color:#525252; text-shadow:none; filter:alpha(opacity=20); opacity:1; margin-left:8px; margin-top:-15px; }
.modal { --bs-modal-width:550px;}
/*onload popup css end*/

/*verify form css start*/
.verify_form { background:#0E33A2; border:1px dashed #90ABFD; padding:20px; overflow:hidden; position:relative; border-top:4px solid #90ABFD; -webkit-transition:350ms ease all; transition:350ms ease all;}
.verify_form h2 { font-family:'Outfit', Helvetica, Arial, sans-serif;  font-weight:600; font-size:18px; color:#FFF; text-transform:uppercase; margin-bottom:20px; text-align:center; }
.verify_form .form-group { margin:10px 0 10px 0; font-family:'Outfit', Helvetica, Arial, sans-serif;  }
.verify_form .form-control { font-family:'Outfit', Helvetica, Arial, sans-serif;  border-color:#dbdbdb; padding:10px; height:50px; background-color:#FFF; border-width:1px; box-shadow:none; position:relative; z-index:0; }
.verify_form .form-group input.code { float:left; width:62%; border-radius:none; margin-right:5px; }
.verify_form .captcha { padding:10px; background:#fafafa; border-radius:3px; border:#dbdbdb 1px solid; }
.verify_form input[type=text]:focus { box-shadow:0px 0px 5px #ff9c00 !important; border:1px solid #ff9c00 !important; outline:none; }
.verify_form textarea:focus { box-shadow:0px 0px 5px #ff9c00 !important; border:1px solid #ff9c00 !important; outline:none; }
.verify_form .submit { width:100%; background:#FF0707; position:relative; font-family:'Outfit', Helvetica, Arial, sans-serif;  color:#FFF; border-radius:2px; border:0; 
padding:12px 0; font-size:16px; font-weight:600; text-transform:uppercase; overflow:hidden; -webkit-transition:350ms ease all; transition:350ms ease all; margin-top:8px; }
.verify_form .submit a { color:#FFF; text-decoration:none; }
.verify_form .submit a:hover { color:#FFF; text-decoration:none;  }
.submit:hover { color:#FFF; text-decoration:none; }
/*verify css end*/

/*banner css start*/
.mb { margin-top:5px; margin-bottom:5px; }
.banner { margin:0px auto; text-align:center; }
/*banner css end*/

/*web banner css start*/
.web-banner { background:#2f3644; background-size:cover; color:#FFF; overflow:hidden; padding:90px 0px; position:relative; margin:0px 0 0px !important; font-family:'Roboto', sans-serif; text-align:center; }
.web-banner:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(54, 59, 77, 0.88); }
.web-banner .breadcrumb-wrapper .product-title { font-size:30px; line-height:38px; font-weight:700; letter-spacing:1px; color:#FFF; position:relative; z-index:999;  text-align:center; }
.web-banner .breadcrumb-wrapper .breadcrumb { font-size:16px; color:#de3e04; border-radius:0px; background:transparent; padding:5px 0px;  position:relative; z-index:999;  align-items: center; display:block !important; }
.web-banner .breadcrumb-wrapper .breadcrumb li { display:inline-block; }
.web-banner .breadcrumb-wrapper .breadcrumb li a { color:#FFF; padding-right:5px;  position:relative; z-index:999; }
/*web banner css end*/

/*whatsapp css start*/
.whatsapp_main { position:fixed; width:55px; height:55px; bottom:150px; right:30px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:32px; transition: 0.3s; box-shadow:2px 2px 3px #999; z-index:100; }
.whatsapp_main i { line-height:55px;}
.whatsapp_main:hover { transform: scale(1.1); color:#000F50; }
/*whatsapp css end*/


@media only screen and (max-width:1600px) {
#enquirypopup .close { display:none; } }

@media only screen and ( max-width:768px) {
	
.img_left { width: 100%;  float: none; }

.inner-box { border:#de3e04 1px solid; padding:20px; margin:0 10px; overflow:hidden; }

/*onload popup css start*/ 
#enquirypopup .modal-dialog { width:90%; margin:0px auto; margin-top:150px; }
#enquirypopup .modal-body h2 { padding:15px; font-size:20px; line-height:1.5em; }
#enquirypopup .modal-body h2 span { font-size:24px; font-weight:600; }
#enquirypopup .modal-body h2 p { font-weight:400; font-size:16px; }

#enquirypopup .popup_from .popup_from_inner { padding:10px 20px; overflow:hidden; }
#enquirypopup .popup_from .popup_from_inner .submit { font-size:20px; color:#FFF; font-weight:600; padding:12px 50px; }
#enquirypopup .popup_from .logo_right img { display:none; }
#enquirypopup .close { display:block; }
#enquirypopup .skip { display:none; }
/*onload popup css end*/


.related_keywords .categories-list li::after { display:none;}
.related_keywords .categories-list li a { border-bottom:1px solid #000000; line-height:1.5em;  }
.related_keywords .categories-list li  { width:100%;}
.related_keywords .categories-list li i { display:inline;}

.about5-section-area .about-header { text-align:left;}

.callback { margin-top:40px; }
.header-contact-boxarea h3 { font-size:20px;}

.vl-footer5-section-area .vl-copyright-area { float:none;}
.vl-copyright-area p img{ width:60%; margin:0px auto;}

.vl-hero-btn { margin-top:10px; margin-bottom:10px;}

}