@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap");
a,
a:hover {
text-decoration: none;
}
ul {
padding: 0;
margin: 0;
}
ul li {
list-style: none;
}
h2,
p {
margin-bottom: 0;
}
p {
text-align: justify;
} .blog-details-main h2,
.blog-details-main h1,
.blog-details-main h3,
.blog-details-main h4,
.blog-details-main h5,
.blog-details-main h6 {
font-size: var(--ztc-font-size-font-s30);
font-weight: 500; font-family: var(--ztc-family-font2); margin-top: 15px;
margin-bottom: 15px;
padding-bottom: 12px;
}
h1.heading.text-anime-style-2.blog-details-main-heading {
line-height: 82px;
}
.blog-details-main a {
color: var(--ztc-bg-bg-17);
text-decoration: underline;
font-weight: 500;
}
.blog-details-main .tags-area ul {
margin-bottom: 16px;
}
.blog-details-main .tags-area ul li a {
text-decoration: none;
}
.blog-details-main h2,
.blog-details-main h1,
.blog-details-main h3,
.blog-details-main h4,
.blog-details-main h5,
.blog-details-main h6 {
font-size: var(--ztc-font-size-font-s24);
font-weight: 500; font-family: var(--ztc-family-font1); margin-top: 15px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid;
line-height: 1.5;
}
.blog-details-main p {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s18);
line-height: var(--ztc-font-size-font-s26);
font-weight: var(--ztc-weight-regular);
color: var(--ztc-text-text-3);
text-align: justify;
padding-bottom: 10px;
}
.blog-details-heading h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 0;
}
input,
textarea {
background: none;
border: none;
outline: none;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
font-family: var(--ztc-family-font2);
font-style: italic;
}
.para {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s18);
line-height: var(--ztc-font-size-font-s26);
font-weight: var(--ztc-weight-regular);
text-align: justify;
padding-bottom: 10px;
}
img {
max-width: 100%;
max-height: 100%;
}
.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;
}
.space10 {
height: 10px;
}
.space16 {
height: 16px;
}
.space24 {
height: 24px;
}
.space30 {
height: 30px;
}
.space50 {
height: 50px;
}
@keyframes fade-in-down {
0% {
transform: translate3d(0, -50px, 0);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes pulse-border {
0% {
transform: translateX(0) translateY(0) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(0) translateY(0) translateZ(0) scale(1.5);
opacity: 1;
}
}
.pulse-border {
position: relative;
animation-name: pulse-border;
animation-duration: 1500ms;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes pulse-border1 {
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-border1 {
position: relative;
animation-name: pulse-border1;
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: #090B0E;
--ztc-text-text-3: #3D4C5E;
--ztc-text-text-4: #4E2FDA;
--ztc-text-text-5: #FB3189;
--ztc-text-text-6: #FF0A54;
--ztc-text-text-7: #FFE7EE;
--ztc-text-text-8: #F6F8F9;
--ztc-text-text-9: #FEE0ED;
--ztc-text-text-10: #F6F8F9;
--ztc-text-text-11: #DDFA63; --ztc-text-text-12: #0A2828;
--ztc-text-text-13: #2E00FF;
--ztc-text-text-14: #FF6610;
--ztc-text-text-15: #0D47A1;
--ztc-text-text-16: #1B6CFC;
--ztc-text-text-17: #6455E1;
--ztc-text-text-18: #081120;
--ztc-bg-bg-1: #4E2FDA;
--ztc-bg-bg-2: #EDE9F8;
--ztc-bg-bg-3: #C8BFF4;
--ztc-bg-bg-4: #EDEAFB;
--ztc-bg-bg-5: #FEBFDA;
--ztc-bg-bg-6: #CAC6FD;
--ztc-bg-bg-7: #FFE8A4;
--ztc-bg-bg-8: #D4FFD6;
--ztc-bg-bg-9: #E2E0F2;
--ztc-bg-bg-10: #FB3189;
--ztc-bg-bg-11: #DDFA63;
--ztc-bg-bg-12: #4E3A7A;
--ztc-bg-bg-13: #FFEAF3;
--ztc-bg-bg-14: #FFF5F9;
--ztc-bg-bg-15: #F6F8F9;
--ztc-bg-bg-16: #FFF6F9;
--ztc-bg-bg-17: #385723;
--ztc-bg-bg-18: #104041;
--ztc-bg-bg-19: rgba(173, 255, 28, 0.1);
--ztc-bg-bg-20: rgba(10, 40, 40, 0.1);
--ztc-bg-bg-21: #FFE8A4;
--ztc-bg-bg-22: #CAC6FD;
--ztc-bg-bg-23: #D4FFD6;
--ztc-bg-bg-24: #0D47A1;
--ztc-bg-bg-25: #FF6610;
--ztc-bg-bg-26: #1B6CFC;
--ztc-bg-bg-27: #FCCC8A;
--ztc-bg-bg-28: #6455E1;
--ztc-bg-bg-29: #e62f36;
--ztc-bg-bg-30: rgb(247 249 242);
--ztc-bg-bg-31: #E2F1E7;
--theme-color1: #c6d936;
--theme-color2: #1a4137;
--contrast-color: #ffffff;
--ztc-border-border-1: #E5E7EB;
--ztc-border-border-2: #dfdcdc;
--ztc-border-border-3: #ffff;
--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: 'Figtree', sans-serif;
--ztc-family-font2: "Instrument Serif", serif;
}
.heading1 h5 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-4);
border-radius: 8px;
transition: all 0.4s;
padding: 6px 10px;
position: relative;
z-index: 1;
display: inline-block;
margin-bottom: 16px;
}
em {
font-family: var(--ztc-family-font2);
font-weight: 300;
background-color: #DDFA63;
padding: 0px 8px;
}
.heading9 h1 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s60);
line-height: var(--ztc-font-size-font-s75);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-10);
margin-bottom: 16px;
}
.heading9 h1 span,
.heading9 .hero_heading span {
color: var(--ztc-text-text-6);
font-family: var(--ztc-family-font2);
font-weight: 300;
background-color: #DDFA63;
padding: 0px 8px;
}
@media (max-width: 767px) {
.heading9 h1 {
font-size: var(--ztc-font-size-font-s32);
line-height: var(--ztc-font-size-font-s40);
}
}
.heading10 h2 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s44);
line-height: var(--ztc-font-size-font-s52);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-2);
margin-bottom: 16px;
}
.heading10 h2 span {
color: var(--ztc-text-text-6);
display: inline-block;
position: relative;
}
@media (max-width: 767px) {
.heading10 h2 {
font-size: var(--ztc-font-size-font-s32);
line-height: var(--ztc-font-size-font-s40);
}
}
.heading10 p {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s26);
font-weight: var(--ztc-weight-regular);
color: var(--ztc-text-text-3);
}
.heading24 h5::after {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0;
top: 0;
transition: all 0.4s;
background: var(--ztc-bg-bg-20);
border-radius: 8px;
}
.heading24 h5 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-12);
border-radius: 8px;
transition: all 0.4s;
padding: 6px 10px;
position: relative;
z-index: 1;
display: inline-block;
margin-bottom: 16px;
}
.heading24 .e-heading-flex h1::after {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0;
top: 0;
transition: all 0.4s;
background: var(--ztc-bg-bg-20);
border-radius: 8px;
}
.heading24 .e-heading-flex h1{
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-12);
border-radius: 8px;
transition: all 0.4s;
padding: 6px 10px;
position: relative;
z-index: 1;
display: inline-block;
margin-bottom: 16px;
}
.heading24 .e-heading-flex h5 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s44);
line-height: var(--ztc-font-size-font-s52);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-19);
margin-bottom: 16px;
}
.heading24 .e-heading-flex h5::after{display: none;}
.heading24 h2,
h1,
h3,
h4 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s44);
line-height: var(--ztc-font-size-font-s52);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-19);
margin-bottom: 16px;
}
.heading24 h4 {
font-size: var(--ztc-font-size-font-s50);
font-weight: 500;
line-height: 57px;
font-family: var(--ztc-family-font2); }
.heading24 p {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s18);
line-height: var(--ztc-font-size-font-s26);
font-weight: var(--ztc-weight-regular);
color: var(--ztc-text-text-3); padding-bottom: 10px;
}
@media (max-width: 767px) {
.heading24 .e-heading-flex h1{
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16)!important;
line-height: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-12);
border-radius: 8px;
transition: all 0.4s;
padding: 6px 10px;
position: relative;
z-index: 1;
display: inline-block;
margin-bottom: 16px;
}
.heading24 h2 {
font-size: var(--ztc-font-size-font-s30);
}
.heading24 h4 {
font-size: var(--ztc-font-size-font-s24);
line-height: 34px;
}
.bottom-content p {
text-align: justify !important;
}
}
.bottom-content {
display: flex;
flex-direction: column;
padding: 30px 0;
padding-top: 0;
}
.header-btn9 {
display: inline-block;
font-size: var(--ztc-font-size-font-s18);
font-family: var(--ztc-family-font1);
color: var(--ztc-text-text-1);
padding: 16px;
font-weight: var(--ztc-weight-bold);
transition: all 0.4s;
line-height: var(--ztc-font-size-font-s18);
background: var(--ztc-bg-bg-17);
border-radius: 4px;
text-transform: capitalize;
position: relative;
z-index: 1;
}
.header-area.homepage5.sticky .header-btn9 {
border-color: var(--ztc-border-border-1);
border: solid 2px;
padding: 13px;
}
.header-btn9::after {
position: absolute;
content: "";
height: 100%;
left: 50%;
top: 0;
width: 1px;
transition: all 0.4s;
z-index: -1;
background-color: var(--ztc-text-text-1);
border-radius: 4px;
visibility: hidden;
opacity: 0;
}
.header-btn9 i {
margin-left: 4px;
transform: rotate(-45deg);
transition: 0.5s all ease-in-out;
-webkit-transition: 0.5s all ease-in-out;
-moz-transition: 0.5s all ease-in-out;
-ms-transition: 0.5s all ease-in-out;
-o-transition: 0.5s all ease-in-out;
}
.header-btn9:hover i {
transform: rotate(1deg);
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-ms-transform: rotate(1deg);
-o-transform: rotate(1deg);
}
.header-btn9:hover {
color: var(--ztc-bg-bg-17);
transition: all 0.4s;
transform: translateY(-5px);
}
.header-btn9:hover::after {
visibility: visible;
opacity: 1;
left: 0;
top: 0;
width: 100%;
transition: all 0.4s;
}
.header-btn20 {
display: inline-block;
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s18);
line-height: var(--ztc-font-size-font-s18);
font-weight: var(--ztc-weight-bold);
color: #000000;
padding: 18px 24px;
transition: all 0.4s;
border-radius: 4px;
position: relative;
background: #DDFA63;
z-index: 1;
}
.header-btn20::after {
position: absolute;
content: "";
height: 100%;
width: 10px;
left: 50%;
top: 0;
transition: all 0.4s;
background: #000000;
border-radius: 4px;
z-index: -1;
visibility: hidden;
opacity: 0;
}
.header-btn20:hover {
color: var(--ztc-text-text-1);
transition: all 0.4s;
}
.header-btn20:hover::after {
visibility: visible;
opacity: 1;
transition: all 0.4s;
left: 0;
width: 100%;
}
.header-btn20 i {
margin-left: 4px;
}
.bg-white {
background: var(--ztc-text-text-1) !important;
}
.bg2 {
background: var(--ztc-bg-bg-4);
}
.bg3 {
background: #F6F8FA !important;
}
.sp1 {
padding: 60px 0 60px;
}
@media (max-width: 767px) {
.sp1 {
padding: 30px 0 30px;
}
}
@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;
}
}
.sp6 {
padding: 60px 0 60px;
}
@media (max-width: 767px) {
.sp6 {
padding: 30px 0 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sp6 {
padding: 60px 0 60px;
}
}
.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 only screen and (min-width: 1200px) {
.index_hero {
height: 95lvh;
}
.index_hero .about-inner-header .heading {
font-size: 11lvh !important;
}
}
@media only screen and (max-width: 1400px) {
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li a {
padding: 0 10px !important;
}
}
@media only screen and (max-width: 1300px) {
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li a {
padding: 0 4px !important;
}
}
.sub-sl {
font-style: italic;
color: #DDFA63;
font-size: 1.8lvh;
}
.sub-sl {
font-style: italic;
color: #DDFA63;
font-size: 1.8lvh;
position: absolute;
width: fit-content;
right: 7% !important;
bottom: -3%;
}
@media only screen and (min-width: 320px) and (max-width: 767.99px) {
.sub-sl {
position: absolute;
width: fit-content;
left: 0% !important;
top: 100% !important;
}
} .hero5-section-area {
position: relative;
z-index: 1; padding: 230px 0 145px;
overflow: hidden;
}
@media (max-width: 767.99px) {
.hero5-section-area {
padding: 140px 0 40px;
}
}
.hero5-section-area.image-shadow::after {
z-index: -2;
}
.hero5-section-area .header-content-area {
padding: 0 80px 0 0;
margin-top: -40px;
}
.hero5-section-area .header-content-area .sub-heading {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s18) !important;
line-height: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium); position: relative;
z-index: 1;
display: inline-block;
margin-bottom: 16px;
border-radius: 8px;
transition: 0.4s;
padding: 6px 10px;
background: var(--ztc-bg-bg-11);
}
.mask-color {
-webkit-mask-image: linear-gradient(180deg, transparent 0, #000 15%, #000 95%, transparent 100%);
mask-image: linear-gradient(180deg, transparent 0, #000 15%, #000 95%, transparent 100%);
}
@media (max-width: 767px) {
.hero5-section-area .header-content-area {
padding: 0;
margin-bottom: 30px;
margin-top: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero5-section-area .header-content-area {
padding: 0;
margin-bottom: 30px;
margin-top: 0;
}
}
.hero5-section-area .header-content-area .btn-area1 .header-btn9 {
margin-top: 32px;
}
.hero5-section-area .header-content-area .btn-area1 .header-btn10 {
margin-top: 32px;
margin-left: 20px;
}
@media (max-width: 767px) {
.hero5-section-area .header-content-area .btn-area1 .header-btn10 {
margin-left: 0;
}
} .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;
}
.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;
}
.about-header-area {
position: relative;
z-index: 1;
padding: 160px 0 80px;
display: flex;
justify-content: center;
align-items: center;
background-image: url(//www.zetaio.com.au/assets/img/img2/web_hero.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.image-shadow2::after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #05530780;  z-index: -1; opacity: 0.7;
}
.image-shadow::after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%; background-color: #0000008f;
}
.about-header-area .about-inner-header {
position: relative;
z-index: 10;
}
.about-header-area .about-inner-header h1 {
color: var(--ztc-text-text-2);
transition: all 0.4s;
}
.about-inner-header a {
background-color: #0000006b;
padding: 10px; }
.about-header-area .about-inner-header a i {
margin: 0 8px;
}
.about-header-area .about-inner-header a span {
display: inline-block;
font-weight: 400;
letter-spacing: 1px;
}
.about-header-area .about-inner-header .sub-heading {
font-size: var(--ztc-font-size-font-s18);
color: #fff;
text-transform: uppercase;
}
.about-header-area .about-inner-header .heading {
font-size: 80px;
font-family: var(--ztc-family-font2);
color: #ffff; padding: 5px 0;
font-weight: 500;
line-height: 70px;
display: block;
}
@media only screen and (max-width: 600px) {
.about-inner-header a {
line-height: 42px;
}
.fs-5 {
line-height: 30px;
}
.service-content-section .About {
flex-direction: column-reverse;
}
.about-header-area .about-inner-header .heading {
font-size: 25px !important;
line-height: 34px !important;
margin-bottom: 10px !important
}
.about-header-area .about-inner-header a {
font-size: 14px;
}
.service-content-section .bottom-content {
padding-top: 0 !important;
}
.value-box .value-content p {
text-align: justify;
}
.heading24 p {
text-align: justify;
}
.Whyp {
padding: 0;
}
.about-header-area { z-index: 1;
padding: 20px; margin-top: 88px;
display: flex;
justify-content: center;
align-items: center;
background-image: url(//www.zetaio.com.au/assets/img/img2/web_hero.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
} .service-content-section .img {
padding-left: 3rem;
}
.service-content-section .img img {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
@media (max-width: 767px) {
.service-content-section .img {
padding-left: 0 !important;
margin-bottom: 30px;
}
.service-content-section .about-all-images-area {
padding-left: 0;
}
}
.service-block-two {
height: 100%;
}
.service-block-two .inner-box {}
.service-block-two .inner-box {
padding: 60px 10px;
padding-top: 50px;
background-color: var(--theme-color-white);
border-right: 1px solid #d9d9d9;
text-align: center;
position: relative;
z-index: 1;
height: 100%;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.service-block-two .inner-box .icon {
width: 134px;
height: 134px;
line-height: 134px;
text-align: center;
border-radius: 50%;
background-color: var(--theme-color1);
margin: 0 auto;
margin-bottom: 20px;
position: relative;
z-index: 1;
}
.service-block-two .inner-box .icon::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-color: var(--ztc-bg-bg-20);
content: "";
border-radius: 50%;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-transform: scale(0);
transform: scale(0);
}
.service-block-two .inner-box .icon svg,
.service-block-two .inner-box .icon i {
width: 70px;
-webkit-transition: all 900ms ease;
transition: all 900ms ease;
}
.service-block-two .inner-box .icon svg path,
.service-block-two .inner-box .icon i path {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.service-block-two .inner-box .content-box .title {
margin-bottom: 0;
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s26);
line-height: var(--ztc-font-size-font-s52);
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-19);
}
.service-block-two .inner-box .content-box .title em {
font-weight: var(--ztc-weight-medium);
}
.service-block-two .inner-box .content-box .text {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s18);
line-height: var(--ztc-font-size-font-s26);
font-weight: var(--ztc-weight-regular);
color: var(--ztc-text-text-3);
text-align: center;
padding-bottom: 10px;
}
.service-block-two .inner-box .content-box .btn-two-rounded {
min-width: 174px;
margin-top: 30px;
background-color: var(--theme-color-white);
border: 1px solid rgba(32, 33, 36, 0.102);
color: var(--headings-color);
}
.service-block-two .inner-box .block-bg {
position: absolute;
bottom: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
width: 310px;
}
.service-block-two .inner-box .block-bg img {
width: 100%;
opacity: 0.3;
} .service-block-two .inner-box:hover .icon i,
.service-block-two .inner-box:hover .icon svg {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.service-block-two .inner-box:hover .icon i path,
.service-block-two .inner-box:hover .icon svg path {
fill: var(--theme-color-white);
}
.service-block-two .inner-box:hover .icon::after {
-webkit-transform: scale(1);
transform: scale(1);
}
.service-block-two .inner-box:hover .text {
color: var(--headings-color);
}
.service-block-two .inner-box:hover .btn-two-rounded {
background-color: var(--headings-color);
color: var(--theme-color-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
@media (max-width: 991.98px) {
.service-block-two .inner-box {
border: none;
padding: 25px 15px;
}
}
.outer-box {
border: solid 2px #090b0e;
border-radius: 10px;
}  .mobile-header.mobile-haeder1 {
background: var(--ztc-text-text-1);
position: fixed;
}
.mobile-sidebar.mobile-sidebar1 {
background: var(--ztc-text-text-1);
overflow-y: scroll;
}
.mobile-sidebar.mobile-sidebar1 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li a {
font-weight: var(--ztc-weight-medium);
}
.mobile-sidebar.mobile-sidebar1 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li ul li a li a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium) !important;
line-height: var(--ztc-font-size-font-s16);
color: var(--ztc-text-text-2);
display: inline-block;
}
.mobile-sidebar.mobile-sidebar1 .mobile-nav.mobile-nav1 .header-btn1 {
margin-top: 20px;
margin-bottom: 30px;
width: 100%;
text-align: center;
}
.mobile-sidebar.mobile-sidebar1 .mobile-nav.mobile-nav1 h3 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
line-height: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-2);
margin-bottom: 20px;
}
.mobile-sidebar.mobile-sidebar1 .footer1-contact-info .contact-info-single {
display: flex;
margin-bottom: 16px;
}
.mobile-sidebar.mobile-sidebar1 .footer1-contact-info .contact-info-single .contact-info-text a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-2);
line-height: var(--ztc-font-size-font-s24);
margin-left: 6px;
display: inline-block;
}
.mobile-sidebar.mobile-sidebar1 .footer1-contact-info .social-links-mobile-menu {
margin-bottom: 50px;
}
.mobile-sidebar.mobile-sidebar1 .footer1-contact-info .social-links-mobile-menu ul li {
display: inline-block;
line-height: 30px;
}
.mobile-sidebar.mobile-sidebar1 .footer1-contact-info .social-links-mobile-menu ul li a {
height: 40px;
width: 40px;
display: inline-block;
text-align: center;
background: var(--ztc-text-text-1);
border: 1px solid var(--ztc-text-text-4);
border-radius: 50%;
padding: 0;
line-height: 42px;
transition: all 0.4s ease-in-out;
color: var(--ztc-text-text-4);
}
.mobile-sidebar.mobile-sidebar1 .footer1-contact-info .social-links-mobile-menu ul li a:hover {
background: var(--ztc-text-text-4);
transition: all 0.4s ease-in-out;
transform: translateY(-3px);
color: var(--ztc-text-text-1);
border: 1px solid var(--ztc-text-text-4);
}
.mobile-header.mobile-haeder2 {
background: var(--ztc-text-text-5);
position: fixed;
}
.mobile-header.mobile-haeder2 .mobile-nav-icon {
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar2 {
background: var(--ztc-text-text-5);
overflow-y: scroll;
}
.mobile-sidebar.mobile-sidebar2 .menu-close {
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar2 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 span.submenu-button:before {
background: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar2 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 span.submenu-button::after {
background: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar2 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li a {
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar2 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li ul li a li a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium) !important;
line-height: var(--ztc-font-size-font-s16);
color: var(--ztc-text-text-1) !important;
display: inline-block;
}
.mobile-sidebar.mobile-sidebar2 .mobile-nav.mobile-nav1 .header-btn3 {
margin-top: 20px;
margin-bottom: 30px;
width: 100%;
text-align: center;
}
.mobile-sidebar.mobile-sidebar2 .mobile-nav.mobile-nav1 h3 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
line-height: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-1);
margin-bottom: 20px;
}
.mobile-sidebar.mobile-sidebar2 .footer1-contact-info .contact-info-single {
display: flex;
margin-bottom: 16px;
}
.mobile-sidebar.mobile-sidebar2 .footer1-contact-info .contact-info-single i {
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar2 .footer1-contact-info .contact-info-single .contact-info-text a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-1);
line-height: var(--ztc-font-size-font-s24);
margin-left: 6px;
display: inline-block;
}
.mobile-sidebar.mobile-sidebar2 .footer1-contact-info .social-links-mobile-menu {
margin-bottom: 50px;
}
.mobile-sidebar.mobile-sidebar2 .footer1-contact-info .social-links-mobile-menu ul li {
display: inline-block;
line-height: 30px;
}
.mobile-sidebar.mobile-sidebar2 .footer1-contact-info .social-links-mobile-menu ul li a {
height: 40px;
width: 40px;
display: inline-block;
text-align: center;
background: var(--ztc-text-text-5);
border: 1px solid var(--ztc-text-text-2);
border-radius: 50%;
padding: 0;
line-height: 42px;
transition: all 0.4s ease-in-out;
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar2 .footer1-contact-info .social-links-mobile-menu ul li a:hover {
background: var(--ztc-text-text-2);
transition: all 0.4s ease-in-out;
transform: translateY(-3px);
color: var(--ztc-text-text-1);
border: 1px solid var(--ztc-text-text-2);
}
.mobile-header.mobile-haeder4 {
background: var(--ztc-text-text-6);
position: fixed;
}
.mobile-header.mobile-haeder4 .mobile-nav-icon {
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar4 {
background: var(--ztc-text-text-6);
overflow-y: scroll;
}
.mobile-sidebar.mobile-sidebar4 .menu-close {
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar4 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 span.submenu-button:before {
background: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar4 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 span.submenu-button::after {
background: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar4 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li a {
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar4 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li ul li a li a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium) !important;
line-height: var(--ztc-font-size-font-s16);
color: var(--ztc-text-text-1) !important;
display: inline-block;
}
.mobile-sidebar.mobile-sidebar4 .mobile-nav.mobile-nav1 .header-btn6 {
margin-top: 20px;
margin-bottom: 30px;
width: 100%;
text-align: center;
border-top: 1px solid var(--ztc-text-text-1);
border-bottom: 1px solid var(--ztc-text-text-1);
color: var(--ztc-text-text-1);
text-transform: uppercase;
}
.mobile-sidebar.mobile-sidebar4 .mobile-nav.mobile-nav1 .header-btn6:hover {
color: var(--ztc-text-text-1);
transition: all 0.4s;
}
.mobile-sidebar.mobile-sidebar4 .mobile-nav.mobile-nav1 .header-btn12 {
margin-top: 20px;
margin-bottom: 30px;
width: 100%;
text-align: center;
color: var(--ztc-text-text-1);
text-transform: uppercase;
}
.mobile-sidebar.mobile-sidebar4 .mobile-nav.mobile-nav1 .header-btn12:hover {
color: var(--ztc-text-text-1);
transition: all 0.4s;
background: var(--ztc-text-text-2);
}
.mobile-sidebar.mobile-sidebar4 .mobile-nav.mobile-nav1 h3 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
line-height: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-1);
margin-bottom: 20px;
}
.mobile-sidebar.mobile-sidebar4 .footer1-contact-info .contact-info-single {
display: flex;
margin-bottom: 16px;
}
.mobile-sidebar.mobile-sidebar4 .footer1-contact-info .contact-info-single i {
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar4 .footer1-contact-info .contact-info-single .contact-info-text a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-1);
line-height: var(--ztc-font-size-font-s24);
margin-left: 6px;
display: inline-block;
}
.mobile-sidebar.mobile-sidebar4 .footer1-contact-info .social-links-mobile-menu {
margin-bottom: 50px;
}
.mobile-sidebar.mobile-sidebar4 .footer1-contact-info .social-links-mobile-menu ul li {
display: inline-block;
line-height: 30px;
}
.mobile-sidebar.mobile-sidebar4 .footer1-contact-info .social-links-mobile-menu ul li a {
height: 40px;
width: 40px;
display: inline-block;
text-align: center;
background: var(--ztc-text-text-6);
border: 1px solid var(--ztc-text-text-1);
border-radius: 50%;
padding: 0;
line-height: 42px;
transition: all 0.4s ease-in-out;
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar4 .footer1-contact-info .social-links-mobile-menu ul li a:hover {
background: var(--ztc-text-text-1);
transition: all 0.4s ease-in-out;
transform: translateY(-3px);
color: var(--ztc-text-text-6);
border: 1px solid var(--ztc-text-text-1);
}
.mobile-header.mobile-haeder5 {
background: var(--ztc-bg-bg-17);
position: fixed;
}
.mobile-header.mobile-haeder5 .mobile-nav-icon {
color: var(--ztc-text-text-1);
}
.mobile-header.mobile-haeder5 .mobile-logo img {
width: 140px;
height: 54px;
-o-object-fit: cover;
object-fit: cover;
filter: brightness(30.5);
}
.mobile-sidebar.mobile-sidebar5 {
background: var(--ztc-bg-bg-17);
overflow-y: scroll;
}
.mobile-sidebar.mobile-sidebar5 .logosicon-area .logos img {
width: 140px;
height: 54px;
-o-object-fit: cover;
object-fit: cover;
filter: brightness(30.5);
-webkit-filter: brightness(30.5);
}
.mobile-sidebar.mobile-sidebar5 .menu-close {
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar5 .mobile-nav li {
border-bottom: solid 1px;
border-color: #f3f3f338;
}
.mobile-sidebar.mobile-sidebar5 .mobile-nav .mobile-sidebar.mobile-sidebar5 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 span.submenu-button:after,
span.submenu-button:before {
background: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar5 .mobile-nav .mobile-sidebar.mobile-sidebar5 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 span.submenu-button:before {
background: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar5 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 span.submenu-button::after {
background: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar5 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li a {
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar5 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li ul li a li a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium) !important;
line-height: var(--ztc-font-size-font-s16);
color: var(--ztc-text-text-1) !important;
display: inline-block;
}
.mobile-sidebar.mobile-sidebar5 .mobile-nav.mobile-nav1 .header-btn9 {
margin-top: 20px;
margin-bottom: 30px;
width: 100%;
text-align: center;
}
.mobile-sidebar.mobile-sidebar5 .mobile-nav.mobile-nav1 h3 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24) !important;
line-height: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-1);
margin-bottom: 20px;
}
.mobile-sidebar.mobile-sidebar5 .footer1-contact-info .contact-info-single {
display: flex;
margin-bottom: 16px;
}
.mobile-sidebar.mobile-sidebar5 .footer1-contact-info .contact-info-single i {
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar5 .footer1-contact-info .contact-info-single .contact-info-text a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-1);
line-height: var(--ztc-font-size-font-s24);
margin-left: 6px;
display: inline-block;
}
.mobile-sidebar.mobile-sidebar5 .footer1-contact-info .social-links-mobile-menu {
margin-bottom: 50px;
}
.mobile-sidebar.mobile-sidebar5 .footer1-contact-info .social-links-mobile-menu ul li {
display: inline-block;
line-height: 30px;
}
.mobile-sidebar.mobile-sidebar5 .footer1-contact-info .social-links-mobile-menu ul li a {
height: 40px;
width: 40px;
display: inline-block;
text-align: center;
background: var(--ztc-bg-bg-23);
border: 1px solid var(--ztc-text-text-1);
border-radius: 50%;
padding: 0;
line-height: 42px;
transition: all 0.4s ease-in-out;
color: var(--ztc-text-text-12);
}
.mobile-sidebar.mobile-sidebar5 .footer1-contact-info .social-links-mobile-menu ul li a:hover {
background: var(--ztc-bg-bg-17);
transition: all 0.4s ease-in-out;
transform: translateY(-3px);
color: var(--ztc-text-text-12);
border: 1px solid var(--ztc-bg-bg-17);
}
.mobile-header.mobile-haeder7 {
background: var(--ztc-text-text-15);
position: fixed;
}
.mobile-header.mobile-haeder7 .mobile-nav-icon {
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar7 {
background: var(--ztc-text-text-15);
overflow-y: scroll;
}
.mobile-sidebar.mobile-sidebar7 .menu-close {
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar7 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 span.submenu-button:before {
background: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar7 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 span.submenu-button::after {
background: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar7 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li a {
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar7 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li ul li a li a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium) !important;
line-height: var(--ztc-font-size-font-s16);
color: var(--ztc-text-text-1) !important;
display: inline-block;
}
.mobile-sidebar.mobile-sidebar7 .mobile-nav.mobile-nav1 .header-btn13 {
margin-top: 20px;
margin-bottom: 30px;
width: 100%;
text-align: center;
color: var(--ztc-text-text-15);
background: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar7 .mobile-nav.mobile-nav1 .header-btn13:hover {
color: var(--ztc-text-text-1);
transition: all 0.4s;
background: var(--ztc-text-text-2);
}
.mobile-sidebar.mobile-sidebar7 .mobile-nav.mobile-nav1 .header-btn12 {
margin-top: 20px;
margin-bottom: 30px;
width: 100%;
text-align: center;
color: var(--ztc-text-text-1);
text-transform: uppercase;
}
.mobile-sidebar.mobile-sidebar7 .mobile-nav.mobile-nav1 .header-btn12:hover {
color: var(--ztc-text-text-1);
transition: all 0.4s;
background: var(--ztc-text-text-2);
}
.mobile-sidebar.mobile-sidebar7 .mobile-nav.mobile-nav1 h3 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
line-height: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-1);
margin-bottom: 20px;
}
.mobile-sidebar.mobile-sidebar7 .footer1-contact-info .contact-info-single {
display: flex;
margin-bottom: 16px;
}
.mobile-sidebar.mobile-sidebar7 .footer1-contact-info .contact-info-single i {
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar7 .footer1-contact-info .contact-info-single .contact-info-text a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-1);
line-height: var(--ztc-font-size-font-s24);
margin-left: 6px;
display: inline-block;
}
.mobile-sidebar.mobile-sidebar7 .footer1-contact-info .social-links-mobile-menu {
margin-bottom: 50px;
}
.mobile-sidebar.mobile-sidebar7 .footer1-contact-info .social-links-mobile-menu ul li {
display: inline-block;
line-height: 30px;
}
.mobile-sidebar.mobile-sidebar7 .footer1-contact-info .social-links-mobile-menu ul li a {
height: 40px;
width: 40px;
display: inline-block;
text-align: center;
background: var(--ztc-text-text-6);
border: 1px solid var(--ztc-text-text-1);
border-radius: 50%;
padding: 0;
line-height: 42px;
transition: all 0.4s ease-in-out;
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar7 .footer1-contact-info .social-links-mobile-menu ul li a:hover {
background: var(--ztc-text-text-1);
transition: all 0.4s ease-in-out;
transform: translateY(-3px);
color: var(--ztc-text-text-6);
border: 1px solid var(--ztc-text-text-1);
}
.mobile-header.mobile-haeder8 {
background: var(--ztc-text-text-1);
position: fixed;
}
.mobile-header.mobile-haeder8 .mobile-logo img {
width: 140px;
height: 40px;
-o-object-fit: cover;
object-fit: cover;
}
.mobile-sidebar.mobile-sidebar8 {
background: var(--ztc-text-text-1);
overflow-y: scroll;
}
.mobile-sidebar.mobile-sidebar8 .logos img {
width: 140px;
height: 40px;
-o-object-fit: cover;
object-fit: cover;
}
.mobile-sidebar.mobile-sidebar8 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li a {
font-weight: var(--ztc-weight-medium);
}
.mobile-sidebar.mobile-sidebar8 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li ul li a li a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium) !important;
line-height: var(--ztc-font-size-font-s16);
color: var(--ztc-text-text-2);
display: inline-block;
}
.mobile-sidebar.mobile-sidebar8 .mobile-nav.mobile-nav1 .header-btn15 {
margin-top: 20px;
margin-bottom: 30px;
width: 100%;
text-align: center;
}
.mobile-sidebar.mobile-sidebar8 .mobile-nav.mobile-nav1 h3 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
line-height: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-2);
margin-bottom: 20px;
}
.mobile-sidebar.mobile-sidebar8 .footer1-contact-info .contact-info-single {
display: flex;
margin-bottom: 16px;
}
.mobile-sidebar.mobile-sidebar8 .footer1-contact-info .contact-info-single .contact-info-text a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-2);
line-height: var(--ztc-font-size-font-s24);
margin-left: 6px;
display: inline-block;
}
.mobile-sidebar.mobile-sidebar8 .footer1-contact-info .social-links-mobile-menu {
margin-bottom: 50px;
}
.mobile-sidebar.mobile-sidebar8 .footer1-contact-info .social-links-mobile-menu ul li {
display: inline-block;
line-height: 30px;
}
.mobile-sidebar.mobile-sidebar8 .footer1-contact-info .social-links-mobile-menu ul li a {
height: 40px;
width: 40px;
display: inline-block;
text-align: center;
background: var(--ztc-text-text-1);
border: 1px solid var(--ztc-text-text-16);
border-radius: 50%;
padding: 0;
line-height: 42px;
transition: all 0.4s ease-in-out;
color: var(--ztc-text-text-16);
}
.mobile-sidebar.mobile-sidebar8 .footer1-contact-info .social-links-mobile-menu ul li a:hover {
background: var(--ztc-text-text-16);
transition: all 0.4s ease-in-out;
transform: translateY(-3px);
color: var(--ztc-text-text-1);
border: 1px solid var(--ztc-text-text-16);
}
.mobile-header.mobile-haeder9 {
background: var(--ztc-text-text-1);
position: fixed;
}
.mobile-header.mobile-haeder9 .mobile-logo img {
width: 140px;
height: 40px;
-o-object-fit: cover;
object-fit: cover;
}
.mobile-sidebar.mobile-sidebar9 {
background: var(--ztc-text-text-1);
overflow-y: scroll;
}
.mobile-sidebar.mobile-sidebar9 .logos img {
width: 140px;
height: 40px;
-o-object-fit: cover;
object-fit: cover;
}
.mobile-sidebar.mobile-sidebar9 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li a {
font-weight: var(--ztc-weight-medium);
}
.mobile-sidebar.mobile-sidebar9 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li ul li a li a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium) !important;
line-height: var(--ztc-font-size-font-s16);
color: var(--ztc-text-text-2);
display: inline-block;
}
.mobile-sidebar.mobile-sidebar9 .mobile-nav.mobile-nav1 .header-btn16 {
margin-top: 20px;
margin-bottom: 30px;
width: 100%;
text-align: center;
}
.mobile-sidebar.mobile-sidebar9 .mobile-nav.mobile-nav1 h3 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
line-height: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-2);
margin-bottom: 20px;
}
.mobile-sidebar.mobile-sidebar9 .footer1-contact-info .contact-info-single {
display: flex;
margin-bottom: 16px;
}
.mobile-sidebar.mobile-sidebar9 .footer1-contact-info .contact-info-single .contact-info-text a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-2);
line-height: var(--ztc-font-size-font-s24);
margin-left: 6px;
display: inline-block;
}
.mobile-sidebar.mobile-sidebar9 .footer1-contact-info .social-links-mobile-menu {
margin-bottom: 50px;
}
.mobile-sidebar.mobile-sidebar9 .footer1-contact-info .social-links-mobile-menu ul li {
display: inline-block;
line-height: 30px;
}
.mobile-sidebar.mobile-sidebar9 .footer1-contact-info .social-links-mobile-menu ul li a {
height: 40px;
width: 40px;
display: inline-block;
text-align: center;
background: var(--ztc-text-text-1);
border: 1px solid var(--ztc-text-text-17);
border-radius: 50%;
padding: 0;
line-height: 42px;
transition: all 0.4s ease-in-out;
color: var(--ztc-text-text-17);
}
.mobile-sidebar.mobile-sidebar9 .footer1-contact-info .social-links-mobile-menu ul li a:hover {
background: var(--ztc-text-text-17);
transition: all 0.4s ease-in-out;
transform: translateY(-3px);
color: var(--ztc-text-text-1);
border: 1px solid var(--ztc-text-text-17);
}
.mobile-header.mobile-haeder10 {
background: var(--ztc-text-text-1);
position: fixed;
}
.mobile-header.mobile-haeder10 .mobile-logo img {
width: 140px;
height: 40px;
-o-object-fit: cover;
object-fit: cover;
}
.mobile-sidebar.mobile-sidebar10 {
background: var(--ztc-text-text-1);
overflow-y: scroll;
}
.mobile-sidebar.mobile-sidebar10 .logos img {
width: 140px;
height: 40px;
-o-object-fit: cover;
object-fit: cover;
}
.mobile-sidebar.mobile-sidebar10 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li a {
font-weight: var(--ztc-weight-medium);
}
.mobile-sidebar.mobile-sidebar10 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li ul li a li a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium) !important;
line-height: var(--ztc-font-size-font-s16);
color: var(--ztc-text-text-2);
display: inline-block;
}
.mobile-sidebar.mobile-sidebar10 .mobile-nav.mobile-nav1 .header-btn17 {
margin-top: 20px;
margin-bottom: 30px;
width: 100%;
text-align: center;
}
.mobile-sidebar.mobile-sidebar10 .mobile-nav.mobile-nav1 h3 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
line-height: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-2);
margin-bottom: 20px;
}
.mobile-sidebar.mobile-sidebar10 .footer1-contact-info .contact-info-single {
display: flex;
margin-bottom: 16px;
}
.mobile-sidebar.mobile-sidebar10 .footer1-contact-info .contact-info-single .contact-info-text a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-2);
line-height: var(--ztc-font-size-font-s24);
margin-left: 6px;
display: inline-block;
}
.mobile-sidebar.mobile-sidebar10 .footer1-contact-info .social-links-mobile-menu {
margin-bottom: 50px;
}
.mobile-sidebar.mobile-sidebar10 .footer1-contact-info .social-links-mobile-menu ul li {
display: inline-block;
line-height: 30px;
}
.mobile-sidebar.mobile-sidebar10 .footer1-contact-info .social-links-mobile-menu ul li a {
height: 40px;
width: 40px;
display: inline-block;
text-align: center;
background: var(--ztc-text-text-1);
border: 1px solid var(--ztc-text-text-14);
border-radius: 50%;
padding: 0;
line-height: 42px;
transition: all 0.4s ease-in-out;
color: var(--ztc-text-text-14);
}
.mobile-sidebar.mobile-sidebar10 .footer1-contact-info .social-links-mobile-menu ul li a:hover {
background: var(--ztc-text-text-14);
transition: all 0.4s ease-in-out;
transform: translateY(-3px);
color: var(--ztc-text-text-1);
border: 1px solid var(--ztc-text-text-14);
}
.mobile-header.mobile-haeder11 {
background: var(--ztc-text-text-1);
position: fixed;
}
.mobile-header.mobile-haeder11 .mobile-logo img {
width: 140px;
height: 40px;
-o-object-fit: cover;
object-fit: cover;
}
.mobile-sidebar.mobile-sidebar11 {
background: var(--ztc-text-text-1);
overflow-y: scroll;
}
.mobile-sidebar.mobile-sidebar11 .logos img {
width: 140px;
height: 40px;
-o-object-fit: cover;
object-fit: cover;
}
.mobile-sidebar.mobile-sidebar11 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li a {
font-weight: var(--ztc-weight-medium);
}
.mobile-sidebar.mobile-sidebar11 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li ul li a li a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium) !important;
line-height: var(--ztc-font-size-font-s16);
color: var(--ztc-text-text-2);
display: inline-block;
}
.mobile-sidebar.mobile-sidebar11 .mobile-nav.mobile-nav1 .header-btn18 {
margin-top: 20px;
margin-bottom: 30px;
width: 100%;
text-align: center;
background: #081120;
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar11 .mobile-nav.mobile-nav1 h3 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
line-height: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-2);
margin-bottom: 20px;
}
.mobile-sidebar.mobile-sidebar11 .footer1-contact-info .contact-info-single {
display: flex;
margin-bottom: 16px;
}
.mobile-sidebar.mobile-sidebar11 .footer1-contact-info .contact-info-single .contact-info-text a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-2);
line-height: var(--ztc-font-size-font-s24);
margin-left: 6px;
display: inline-block;
}
.mobile-sidebar.mobile-sidebar11 .footer1-contact-info .social-links-mobile-menu {
margin-bottom: 50px;
}
.mobile-sidebar.mobile-sidebar11 .footer1-contact-info .social-links-mobile-menu ul li {
display: inline-block;
line-height: 30px;
}
.mobile-sidebar.mobile-sidebar11 .footer1-contact-info .social-links-mobile-menu ul li a {
height: 40px;
width: 40px;
display: inline-block;
text-align: center;
background: var(--ztc-text-text-1);
border: 1px solid #0F25A3;
border-radius: 50%;
padding: 0;
line-height: 42px;
transition: all 0.4s ease-in-out;
color: #0F25A3;
}
.mobile-sidebar.mobile-sidebar11 .footer1-contact-info .social-links-mobile-menu ul li a:hover {
background: #0F25A3;
transition: all 0.4s ease-in-out;
transform: translateY(-3px);
color: var(--ztc-text-text-1);
border: 1px solid var(--ztc-text-text-1);
}
.mobile-header.mobile-haeder12 {
background: var(--ztc-text-text-1);
position: fixed;
}
.mobile-header.mobile-haeder12 .mobile-logo img {
width: 140px;
height: 40px;
-o-object-fit: cover;
object-fit: cover;
}
.mobile-sidebar.mobile-sidebar12 {
background: var(--ztc-text-text-1);
overflow-y: scroll;
}
.mobile-sidebar.mobile-sidebar12 .logos img {
width: 140px;
height: 40px;
-o-object-fit: cover;
object-fit: cover;
}
.mobile-sidebar.mobile-sidebar12 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li a {
font-weight: var(--ztc-weight-medium);
color: #055346;
}
.mobile-sidebar.mobile-sidebar12 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li ul li a li a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium) !important;
line-height: var(--ztc-font-size-font-s16);
color: #055346;
display: inline-block;
}
.mobile-sidebar.mobile-sidebar12 .mobile-nav.mobile-nav1 .header-btn20 {
margin-top: 20px;
margin-bottom: 30px;
width: 100%;
text-align: center;
color: #055346;
}
.mobile-sidebar.mobile-sidebar12 .mobile-nav.mobile-nav1 h3 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
line-height: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
color: #055346;
margin-bottom: 20px;
}
.mobile-sidebar.mobile-sidebar12 .footer1-contact-info .contact-info-single {
display: flex;
margin-bottom: 16px;
}
.mobile-sidebar.mobile-sidebar12 .footer1-contact-info .contact-info-single i {
color: #055346;
}
.mobile-sidebar.mobile-sidebar12 .footer1-contact-info .contact-info-single .contact-info-text a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium);
color: #055346;
line-height: var(--ztc-font-size-font-s24);
margin-left: 6px;
display: inline-block;
}
.mobile-sidebar.mobile-sidebar12 .footer1-contact-info .contact-info-single .contact-info-text a i {
color: #055346;
}
.mobile-sidebar.mobile-sidebar12 .footer1-contact-info .social-links-mobile-menu {
margin-bottom: 50px;
}
.mobile-sidebar.mobile-sidebar12 .footer1-contact-info .social-links-mobile-menu ul li {
display: inline-block;
line-height: 30px;
}
.mobile-sidebar.mobile-sidebar12 .footer1-contact-info .social-links-mobile-menu ul li a {
height: 40px;
width: 40px;
display: inline-block;
text-align: center;
background: var(--ztc-text-text-1);
border: 1px solid #055346;
border-radius: 50%;
padding: 0;
line-height: 42px;
transition: all 0.4s ease-in-out;
color: #055346;
}
.mobile-sidebar.mobile-sidebar12 .footer1-contact-info .social-links-mobile-menu ul li a:hover {
background: #055346;
transition: all 0.4s ease-in-out;
transform: translateY(-3px);
color: var(--ztc-text-text-1);
border: 1px solid #055346;
}
.mobile-header.mobile-haeder13 {
background: var(--ztc-text-text-1);
position: fixed;
}
.mobile-header.mobile-haeder13 .mobile-logo img {
width: 140px;
height: 40px;
-o-object-fit: cover;
object-fit: cover;
}
.mobile-sidebar.mobile-sidebar13 {
background: var(--ztc-text-text-1);
overflow-y: scroll;
}
.mobile-sidebar.mobile-sidebar13 .logos img {
width: 140px;
height: 40px;
-o-object-fit: cover;
object-fit: cover;
}
.mobile-sidebar.mobile-sidebar13 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li a {
font-weight: var(--ztc-weight-medium);
}
.mobile-sidebar.mobile-sidebar13 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li ul li a li a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium) !important;
line-height: var(--ztc-font-size-font-s16);
color: var(--ztc-text-text-2);
display: inline-block;
}
.mobile-sidebar.mobile-sidebar13 .mobile-nav.mobile-nav1 .header-btn21 {
margin-top: 20px;
margin-bottom: 30px;
width: 100%;
text-align: center;
}
.mobile-sidebar.mobile-sidebar13 .mobile-nav.mobile-nav1 h3 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
line-height: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-2);
margin-bottom: 20px;
}
.mobile-sidebar.mobile-sidebar13 .footer1-contact-info .contact-info-single {
display: flex;
margin-bottom: 16px;
}
.mobile-sidebar.mobile-sidebar13 .footer1-contact-info .contact-info-single .contact-info-text a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-2);
line-height: var(--ztc-font-size-font-s24);
margin-left: 6px;
display: inline-block;
}
.mobile-sidebar.mobile-sidebar13 .footer1-contact-info .social-links-mobile-menu {
margin-bottom: 50px;
}
.mobile-sidebar.mobile-sidebar13 .footer1-contact-info .social-links-mobile-menu ul li {
display: inline-block;
line-height: 30px;
}
.mobile-sidebar.mobile-sidebar13 .footer1-contact-info .social-links-mobile-menu ul li a {
height: 40px;
width: 40px;
display: inline-block;
text-align: center;
background: var(--ztc-text-text-1);
border: 1px solid #FD2F39;
border-radius: 50%;
padding: 0;
line-height: 42px;
transition: all 0.4s ease-in-out;
color: #FD2F39;
}
.mobile-sidebar.mobile-sidebar13 .footer1-contact-info .social-links-mobile-menu ul li a:hover {
background: #FD2F39;
transition: all 0.4s ease-in-out;
transform: translateY(-3px);
color: var(--ztc-text-text-1);
border: 1px solid #FD2F39;
}
.mobile-header.mobile-haeder14 {
background: #4D44C5;
position: fixed;
}
.mobile-header.mobile-haeder14 .mobile-nav-icon {
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar14 {
background: #4D44C5;
overflow-y: scroll;
}
.mobile-sidebar.mobile-sidebar14 .menu-close {
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar14 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 span.submenu-button:before {
background: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar14 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 span.submenu-button::after {
background: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar14 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li a {
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar14 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li ul li a li a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium) !important;
line-height: var(--ztc-font-size-font-s16);
color: var(--ztc-text-text-1) !important;
display: inline-block;
}
.mobile-sidebar.mobile-sidebar14 .mobile-nav.mobile-nav1 .header-btn22 {
margin-top: 20px;
margin-bottom: 30px;
width: 100%;
text-align: center;
background: #fff;
color: #040306;
}
.mobile-sidebar.mobile-sidebar14 .mobile-nav.mobile-nav1 h3 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
line-height: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-1);
margin-bottom: 20px;
}
.mobile-sidebar.mobile-sidebar14 .footer1-contact-info .contact-info-single {
display: flex;
margin-bottom: 16px;
}
.mobile-sidebar.mobile-sidebar14 .footer1-contact-info .contact-info-single i {
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar14 .footer1-contact-info .contact-info-single .contact-info-text a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-1);
line-height: var(--ztc-font-size-font-s24);
margin-left: 6px;
display: inline-block;
}
.mobile-sidebar.mobile-sidebar14 .footer1-contact-info .social-links-mobile-menu {
margin-bottom: 50px;
}
.mobile-sidebar.mobile-sidebar14 .footer1-contact-info .social-links-mobile-menu ul li {
display: inline-block;
line-height: 30px;
}
.mobile-sidebar.mobile-sidebar14 .footer1-contact-info .social-links-mobile-menu ul li a {
height: 40px;
width: 40px;
display: inline-block;
text-align: center;
background: #4D44C5;
border: 1px solid var(--ztc-text-text-1);
border-radius: 50%;
padding: 0;
line-height: 42px;
transition: all 0.4s ease-in-out;
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar14 .footer1-contact-info .social-links-mobile-menu ul li a:hover {
background: #040306;
transition: all 0.4s ease-in-out;
transform: translateY(-3px);
color: var(--ztc-text-text-11);
border: 1px solid #040306;
}
.mobile-header.mobile-haeder15 {
background: #1C64F2;
position: fixed;
}
.mobile-header.mobile-haeder15 .mobile-nav-icon {
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar15 {
background: #1C64F2;
overflow-y: scroll;
}
.mobile-sidebar.mobile-sidebar15 .menu-close {
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar15 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 span.submenu-button:before {
background: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar15 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 span.submenu-button::after {
background: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar15 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li a {
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar15 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li ul li a li a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium) !important;
line-height: var(--ztc-font-size-font-s16);
color: var(--ztc-text-text-1) !important;
display: inline-block;
}
.mobile-sidebar.mobile-sidebar15 .mobile-nav.mobile-nav1 .header-btn25 {
margin-top: 20px;
margin-bottom: 30px;
width: 100%;
text-align: center;
background: #fff;
color: #040306;
}
.mobile-sidebar.mobile-sidebar15 .mobile-nav.mobile-nav1 h3 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
line-height: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-1);
margin-bottom: 20px;
}
.mobile-sidebar.mobile-sidebar15 .footer1-contact-info .contact-info-single {
display: flex;
margin-bottom: 16px;
}
.mobile-sidebar.mobile-sidebar15 .footer1-contact-info .contact-info-single i {
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar15 .footer1-contact-info .contact-info-single .contact-info-text a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-1);
line-height: var(--ztc-font-size-font-s24);
margin-left: 6px;
display: inline-block;
}
.mobile-sidebar.mobile-sidebar15 .footer1-contact-info .social-links-mobile-menu {
margin-bottom: 50px;
}
.mobile-sidebar.mobile-sidebar15 .footer1-contact-info .social-links-mobile-menu ul li {
display: inline-block;
line-height: 30px;
}
.mobile-sidebar.mobile-sidebar15 .footer1-contact-info .social-links-mobile-menu ul li a {
height: 40px;
width: 40px;
display: inline-block;
text-align: center;
background: #1C64F2;
border: 1px solid var(--ztc-text-text-1);
border-radius: 50%;
padding: 0;
line-height: 42px;
transition: all 0.4s ease-in-out;
color: var(--ztc-text-text-1);
}
.mobile-sidebar.mobile-sidebar15 .footer1-contact-info .social-links-mobile-menu ul li a:hover {
background: #040306;
transition: all 0.4s ease-in-out;
transform: translateY(-3px);
color: var(--ztc-text-text-11);
border: 1px solid #040306;
}  .footer5-section-area {
position: relative;
z-index: 1;
padding: 80px 0 0 0;
}
@media (max-width: 767px) {
.footer5-section-area {
padding: 40px 0 0 0;
}
}
.footer5-section-area .footer-logo-area {
padding: 0 30px 0 0;
}
.footer5-section-area .footer-logo-area img {
margin-bottom: 16px;
}
.footer5-section-area .footer-logo-area p {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s26);
font-weight: var(--ztc-weight-regular);
color: var(--ztc-text-text-3);
}
.footer5-section-area .footer-logo-area ul {
margin-top: 24px;
}
.footer5-section-area .footer-logo-area ul li {
display: inline-block;
}
.footer5-section-area .footer-logo-area ul li a {
height: 40px;
width: 40px;
display: inline-block;
border-radius: 50%;
background: #F8F9FA;
text-align: center;
line-height: 40px;
margin: 0 6px 0 0;
transition: all 0.4s;
color: var(--ztc-text-text-5);
}
.footer5-section-area .footer-logo-area ul li a:hover {
background: var(--ztc-text-text-11);
transition: all 0.4s;
transform: translateY(-5px);
}
.footer5-section-area .footer-logo-area ul li a img {
margin-bottom: 0;
transition: all 0.4s;
}
.footer5-section-area .footer-logo-area1 {
padding-left: 60px;
}
@media (max-width: 767px) {
.footer5-section-area .footer-logo-area1 {
padding: 0;
margin-top: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer5-section-area .footer-logo-area1 {
padding: 0;
margin-top: 30px;
}
}
.footer5-section-area .footer-logo-area1 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-2);
line-height: var(--ztc-font-size-font-s24);
}
.footer5-section-area .footer-logo-area1 ul li a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-regular);
color: var(--ztc-text-text-3);
display: inline-block;
margin-top: 20px;
transition: all 0.4s;
}
.footer5-section-area .footer-logo-area1 ul li a:hover {
color: var(--ztc-text-text-11);
padding-left: 5px;
transition: all 0.4s;
}
.footer5-section-area .footer-logo-area1 form {
margin-top: 32px;
background: #FFF4F9;
display: inline-block;
padding: 16px;
border-radius: 50px;
position: relative;
width: 340px;
height: 48px;
line-height: 16px;
}
.footer5-section-area .footer-logo-area1 form input {
width: 100%;
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
color: var(--ztc-text-text-2);
font-weight: var(--ztc-weight-medium);
}
.footer5-section-area .footer-logo-area1 form button {
border: none;
outline: none;
position: absolute;
right: 0;
top: 0;
}
.footer5-section-area .footer-logo-area2 {
padding-left: 60px;
}
@media (max-width: 767px) {
.footer5-section-area .footer-logo-area2 {
padding: 0;
margin-top: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer5-section-area .footer-logo-area2 {
padding: 0;
margin-top: 30px;
}
}
.footer5-section-area .footer-logo-area2 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-2);
line-height: var(--ztc-font-size-font-s24);
}
.footer5-section-area .footer-logo-area2 ul li a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s26);
font-weight: var(--ztc-weight-regular);
color: var(--ztc-text-text-3);
display: flex;
align-items: flex-start;
margin-top: 20px;
}
.footer5-section-area .footer-logo-area2 ul li a:hover span {
color: var(--ztc-text-text-11);
transition: all 0.4s;
}
.footer5-section-area .footer-logo-area2 ul li a img {
margin: 0 8px 0 0;
}
.footer5-section-area .footer-logo-area2 ul li a span {
transition: all 0.4s;
}
@media (max-width: 767px) {
.footer5-section-area .footer-logo-area3 {
padding: 0;
margin-top: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer5-section-area .footer-logo-area3 {
padding: 0;
margin-top: 30px;
}
}
.footer5-section-area .footer-logo-area3 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-2);
line-height: var(--ztc-font-size-font-s24);
}
.footer5-section-area .footer-logo-area3 ul li a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-regular);
color: var(--ztc-text-text-3);
display: inline-block;
margin-top: 20px;
}
.footer5-section-area .footer-logo-area3 form {
margin-top: 32px;
background: #F2F4F4;
display: inline-block;
padding: 16px;
border-radius: 4px;
position: relative;
width: 340px;
height: 52px;
line-height: 16px;
}
.footer5-section-area .footer-logo-area3 form input {
width: 100%;
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
color: var(--ztc-text-text-2);
font-weight: var(--ztc-weight-medium);
}
.footer5-section-area .footer-logo-area3 form input::-moz-placeholder {
font-weight: var(--ztc-weight-regular);
font-family: var(--ztc-family-font1);
line-height: var(--ztc-font-size-font-s16);
color: var(--ztc-text-text-3);
opacity: 80%;
}
.footer5-section-area .footer-logo-area3 form input::placeholder {
font-weight: var(--ztc-weight-regular);
font-family: var(--ztc-family-font1);
line-height: var(--ztc-font-size-font-s16);
color: var(--ztc-text-text-3);
opacity: 80%;
}
.footer5-section-area .footer-logo-area3 form button {
border: none;
outline: none;
position: absolute;
right: 0;
top: 0;
}
.footer5-section-area .copyright-area {
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 0 24px 0;
border-top: 1px solid #E5E7EB;
width: 100%;
}
@media (max-width: 767px) {
.footer5-section-area .copyright-area {
display: inline-block;
text-align: center;
}
}
.footer5-section-area .copyright-area p {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-regular);
color: var(--ztc-text-text-2);
opacity: 70%;
}
@media (max-width: 767px) {
.footer5-section-area .copyright-area ul {
margin-top: 20px;
}
}
.footer5-section-area .copyright-area ul li {
display: inline-block;
}
.footer5-section-area .copyright-area ul li a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
display: inline-block;
line-height: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-2);
transition: all 0.4s;
opacity: 70%;
margin: 0 32px 0 0;
} .footer-bg {
background-image: url(//www.zetaio.com.au/assets/img/img2/footer-bg.avif);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
padding: 60px 100px 0;
}
.footer-bg::after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%; background-color: #385723bd; z-index: 5;
}
.container-wrapper {
position: relative;
z-index: 10;
}
.footer5-section-area .footer-title {
font-size: 30px;
font-weight: 500;
color: white;
margin-bottom: 20px;
position: relative;
}
.footer5-section-area .footer-title::after {
content: '';
width: 100%;
height: 1px;
background: var(--ztc-bg-bg-4);
bottom: -5px;
left: 0;
position: absolute;
z-index: 1;
opacity: 0.8;
}
.footer5-section-area .footer-subtitle {
font-size: 25px;
font-weight: 400;
color: white;
margin-bottom: 15px;
}
@media only screen and (min-width: 1300px) and (max-width:1368px) {
.footer5-section-area .footer-subtitle {
font-size: 19px;
font-weight: 400;
color: white;
margin-bottom: 15px;
line-height: 19px;
}
}
.footer5-section-area .footer-link-list {
display: flex;
flex-direction: column;
gap: 8px;
}
.footer5-section-area .footer-link-list li a {
color: var(--ztc-text-text-1);
font-size: var(--ztc-font-size-font-s18);
position: relative;
}
.footer5-section-area .footer-link-list li a:hover {
color: var(--ztc-text-text-11);
}
.footer5-section-area .footer-link-list li:hover a:after {
opacity: 1;
transform: translate(-22px, -21px);
-webkit-transform: translate(-22px, -21px);
-moz-transform: translate(-22px, -21px);
-ms-transform: translate(-22px, -21px);
-o-transform: translate(-22px, -21px);
}
.footer5-section-area .footer-link-list li a:after {
position: absolute;
right: -50px;
content: "\f061";
font-family: "FontAwesome";
opacity: 0;
transition: 0.6s;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-ms-transition: 0.6s;
-o-transition: 0.6s;
font-style: normal;
transform: translate(-35px, -21px);
rotate: -51deg;
font-size: 16px;
-webkit-transform: translate(-35px, -21px);
-moz-transform: translate(-35px, -21px);
-ms-transform: translate(-35px, -21px);
-o-transform: translate(-35px, -21px);
}
.footer-social-link ul {
display: flex;
justify-content: start;
align-items: center;
gap: 10px;
margin-top: 20px;
}
.footer-social-link ul li a i {
color: white;
border: 1px solid white;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
@media(max-width: 991px) {
.footer5-section-area .footer-title {
margin-top: 10px;
}
.footer5-section-area .footer-subtitle {
margin-top: 5px;
}
}
@media(max-width: 767px) {
.footer-bg {
padding: 10px;
}
}  .homepage1-body,
html {
overflow-x: hidden !important;
}  .header-area.homepage1.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
transform: translate3d(0, 0, 0);
z-index: 111;
animation-name: fade-in-down;
animation-duration: 1s;
animation-fill-mode: forwards;
background: var(--ztc-text-text-1);
transition: all 0.4s;
}
.btn-area {
display: flex;
align-items: center;
}
.btn-area .search-icon a {
right: 19px;
position: relative;
font-size: var(--ztc-font-size-font-s20);
color: var(--ztc-bg-bg-1);
}   .homepage5-body {
overflow-x: hidden;
background-color: var(--ztc-bg-bg-30);
}
.homepage5-body .header-area.homepage5 {
position: absolute;
width: 100%;
z-index: 9;
padding: 16px 0; background: linear-gradient(179deg, #000000, #00000003, #00000000);
}  .homepage5-body .header-area.homepage5 .header-elements {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
transition: all 0.4s;
}
.homepage5-body .header-area.homepage5 .header-elements .all-images-menu {
display: flex;
align-items: center;
}
.homepage5-body .header-area.homepage5 .header-elements .main-menu {
position: relative;
} .homepage5-body .header-area.homepage5 .header-elements .main-menu ul li {
display: inline-block;
position: relative;
}
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li:hover .tp-submenu {
visibility: visible;
transition: all 0.5s ease-in-out;
opacity: 1;
z-index: 9;
position: absolute;
transition: all 0.4s;
transform: scale(1);
top: 201.3%;
}
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li:hover ul.dropdown-padding {
visibility: visible;
transition: all 0.5s ease-in-out;
opacity: 1;
z-index: 9;
top: 50px;
position: absolute;
transition: all 0.4s;
}
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s18);
font-weight: var(--ztc-weight-medium);
color: var(--ztc-text-text-1);
display: inline-block;
transition: all 0.4s;
padding: 0 20px;
}
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li:hover>a {
transition: all 0.4s;
color: var(--ztc-text-text-11) !important;
}
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .tp-submenu {
visibility: hidden;
opacity: 0;
box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
position: absolute;
background: var(--ztc-text-text-1);
z-index: 1;
transition: all 0.4s;
border-radius: 5px; padding: 33px 15px 18px 15px;
left: 0px;
width: 400px; overflow: hidden; display: block;
top: 201.3%;
transform: scale(1, 0);
transform-origin: top;
}
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li ul.dropdown-padding {
visibility: hidden;
opacity: 0;
box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
position: absolute;
background: var(--ztc-text-text-1);
top: 100px;
width: 225px;
z-index: 1;
transition: all 0.4s;
border-radius: 5px;
padding: 15px;
}
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li ul.dropdown-padding li.main-small-menu {
position: relative;
}
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li ul.dropdown-padding li.main-small-menu:hover>a {
transition: all 0.4s;
padding-left: 25px;
color: var(--ztc-text-text-11);
}
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li ul.dropdown-padding li.main-small-menu:hover>a::after {
background: var(--ztc-text-text-11);
transition: all 0.4s;
visibility: visible;
opacity: 1;
color: var(--ztc-text-text-11);
}
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li ul.dropdown-padding li {
display: block;
}
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li ul.dropdown-padding li a {
font-family: var(--ztc-family-font1);
font-weight: var(--ztc-weight-medium);
transition: all 0.4s;
padding: 8px;
display: block;
position: relative;
z-index: 1;
border-radius: 4px;
color: var(--ztc-text-text-2);
}
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li ul.dropdown-padding li a::after {
position: absolute;
content: "";
height: 25px;
width: 3px;
transition: all 0.4s;
z-index: -1;
left: -10px;
top: 20%;
border-radius: 4px;
display: inline-block;
visibility: hidden;
opacity: 0;
background: var(--ztc-text-text-11);
}
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li ul.dropdown-padding li a:hover {
padding-left: 25px;
color: var(--ztc-text-text-11);
}
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li ul.dropdown-padding li a:hover::after {
border-radius: 4px;
visibility: visible;
transition: all 0.4s;
opacity: 1;
left: 0;
}
.homepage5-body .header-area.homepage5 .header-elements .site-logo img {
width: 138px;
}
.header-area.homepage5.sticky .site-logo img {
filter: brightness(30.0);
-webkit-filter: brightness(30.0);
}
@media (max-width:1267px) {
.homepage5-body .header-area.homepage5 .header-btn9 {
font-size: 16px;
padding: 10px 8px;
}
.homepage5-body .header-area.homepage5 .cq {
margin: 9px;
padding: 12px;
}
.homepage5-body .header-area.homepage5 .mx-lg-5 {
margin: 0.3rem !important;
}
}
.header-area.homepage5.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
transform: translate3d(0, 0, 0);
z-index: 111;
animation-name: fade-in-down;
animation-duration: 1s;
animation-fill-mode: forwards;
background: var(--ztc-bg-bg-17);
transition: all 0.4s;
box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
}
.header-area.homepage5.sticky .header-elements .main-menu ul li a {
color: var(--ztc-text-text-1);
}
.header-area.homepage7.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
transform: translate3d(0, 0, 0);
z-index: 111;
animation-name: fade-in-down;
animation-duration: 1s;
animation-fill-mode: forwards;
background: var(--ztc-text-text-1);
transition: all 0.4s;
box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
}
html {
overflow-x: hidden !important;
} .header-area.homepage8.sticky .header-elements {
padding: 0;
}
.btn-area {
display: flex;
align-items: center;
} .megamenu-column .service-title {
font-size: 20px;
font-weight: 500;
background-color: var(--ztc-bg-bg-17);
display: inline;
padding: 12px 15px;
border-radius: 10px;
color: var(--ztc-text-text-1)
}
.megamenu-column .service-list {
margin-top: 30px;
display: flex;
flex-direction: column;
row-gap: 15px;
}
.megamenu-column .service-list li {
display: flex !important;
justify-content: space-between !important;
align-items: end;
border-bottom: 1px solid #ccc8c8;
padding-bottom: 10px;
}
.megamenu-column .service-list li a {
padding: 0 !important;
}
.megamenu-column .service-list li .service-icon {
font-size: 22px;
}
.megamenu-column .service-list .service-heading {
font-size: 18px;
color: #000000;
}
.megamenu-column .service-list .service-heading:hover {
color: var(--ztc-bg-bg-17);
}
.megamenu-column .service-list li p {
font-size: 16px;
color: gray;
display: none;
}   .preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999999999;
background-color: var(--ztc-text-text-1);
display: flex;
align-items: center;
justify-content: center;
}
.preloader4 { background: #273b1af5;
}
.loading-container,
.loading {
height: 288px;
position: relative;
width: 288px;
border-radius: 100%; }
.loading-container {
margin: 40px auto;
}
.loading {
border: 1px solid transparent;
border-color: transparent var(--ztc-text-text-4) transparent var(--ztc-text-text-4);
animation: rotate-loading 1.5s linear 0s infinite normal;
transform-origin: 50% 50%;
-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
}
.preloader4 .loading {
border-color: transparent var(--ztc-text-text-11) transparent var(--ztc-text-text-11) !important;
border: 1px solid transparent;
animation: rotate-loading 1.5s linear 0s infinite normal;
transform-origin: 50% 50%;
}
.loading-container:hover .loading,
.loading-container .loading {
transition: all 0.5s ease-in-out;
}
#loading-icon {
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -93%);
height: auto;
width: 66%;
}
@keyframes rotate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}  .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(255, 255, 255, 0.1);
z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transition: all 200ms linear;
}
.progress-wrap:hover {
background: var(--ztc-text-text-2);
transform: translateY(-5px);
box-shadow: 0 0 15px 0 var(--ztc-text-text-16);
transition: all 0.4s ease-in-out;
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;
}
.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;
}
.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);
}   .choose-section-area {
position: relative;
z-index: 1;
background: var(--ztc-text-text-30);
}
.choose-section-area .accordian-tabs-area {
padding: 0 100px 0 0;
}
.faq-section .accordian-tabs-area {
padding: 0;
}
@media (max-width: 767px) {
.choose-section-area .accordian-tabs-area {
padding: 0;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.choose-section-area .accordian-tabs-area {
padding: 0;
margin-bottom: 30px;
}
h1.heading.text-anime-style-2.blog-details-main-heading {
line-height: 40px;
}
}
.choose-section-area .accordian-tabs-area .accordion .accordion-item {
background: var(--ztc-text-text-30);
border-radius: 7px;
border: 1px solid #E0E4E8;
}
.choose-section-area .accordian-tabs-area .accordion .accordion-item .accordion-header button {
box-shadow: none;
background: #f7f9f2; transition: all 0.4s;
border-radius: 0px;
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: 24px;
border: solid 1px;
border-color: var(--ztc-bg-bg-30);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.choose-section-area .accordian-tabs-area .accordion .accordion-item .accordion-header button::after {
content: "\2b";
font-family: FontAwesome;
background-image: none;
transform: none;
height: 25px;
width: 18px;
font-size: 18px;
}
.choose-section-area .accordian-tabs-area .accordion .accordion-item .accordion-header button:not(.collapsed) {
background: none;
transition: all 0.4s;
color: var(--ztc-text-text-2);
}
.choose-section-area .accordian-tabs-area .accordion .accordion-item .accordion-header button:not(.collapsed)::after {
transform: rotate(-45deg);
}
.choose-section-area .accordian-tabs-area .accordion .accordion-item .accordion-body {
padding: 0 30px 0 24px;
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;
opacity: 0.8;
}
.choose-section-area .accordian-tabs-area .accordion .accordion-item .accordion-body.body2 {
padding: 0 30px 24px 24px !important;
}  .error-section-area .heading2 img {
height: 100%;
width: 100%;
border-radius: 4px;
}      .contact1-section-area {
position: relative;
z-index: 1;
}
.contact1-section-area .contact-header-area {
position: relative;
z-index: 1;
margin-bottom: 60px;
}
@media (max-width: 767px) {
.contact1-section-area .contact-header-area {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact1-section-area .contact-header-area {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
h1.heading.text-anime-style-2.blog-details-main-heading {
line-height: 50px;
}
}
.contact1-section-area .contact-info-area {
background: var(--ztc-text-text-2);
border-radius: 8px;
padding: 40px 40px;
position: relative;
}
.contact1-section-area .contact-info-area h3 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
line-height: var(--ztc-font-size-font-s24);
color: var(--ztc-text-text-1);
font-weight: var(--ztc-weight-semibold);
margin-bottom: 20px;
}
.contact1-section-area .contact-info-area p {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s26);
font-weight: var(--ztc-weight-regular);
color: var(--ztc-text-text-1);
opacity: 80%;
padding-bottom: 32px;
border-bottom: 1px solid #222326;
}
.contact1-section-area .contact-auhtor-box {
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.contact1-section-area .contact-auhtor-box {
display: inline-block;
}
}
.contact1-section-area .contact-auhtor-box:hover .icons {
background: var(--ztc-text-text-3);
transition: all 0.4s;
}
.contact1-section-area .contact-auhtor-box .icons {
height: 60px;
width: 60px;
display: inline-block;
border-radius: 50%;
text-align: center;
background: var(--ztc-bg-bg-17);
line-height: 58px;
margin: 0 24px 0 0;
transition: all 0.4s;
}
@media (max-width: 767px) {
.contact1-section-area .contact-auhtor-box .icons {
margin: 0 0 24px 0;
}
}
.contact1-section-area .contact-auhtor-box .content h4 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s20) !important;
line-height: var(--ztc-font-size-font-s20);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-1);
transition: all 0.4s;
margin-bottom: 16px;
}
.contact1-section-area .contact-auhtor-box .content a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s26);
font-weight: var(--ztc-weight-regular);
color: var(--ztc-text-text-1);
opacity: 80%;
display: inline-block;
transition: all 0.4s;
}
.contact1-section-area .contact-boxarea {
background: var(--ztc-text-text-1);
border-radius: 8px;
padding: 32px;
margin: 0 0 0 50px;
}
@media (max-width: 767px) {
.contact1-section-area .contact-boxarea {
margin: 30px 0 0 0;
}
.contact1-section-area .contact-auhtor-box .content h4 {
font-size: var(--ztc-font-size-font-s20) !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact1-section-area .contact-boxarea {
margin: 30px 0 0 0;
}
}
.contact1-section-area .contact-boxarea h3 {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
line-height: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-2);
margin-bottom: 16px;
}
.contact1-section-area .contact-boxarea p {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s26);
font-weight: var(--ztc-weight-regular);
color: var(--ztc-text-text-3);
}
.contact1-section-area .contact-boxarea .input-area input {
width: 100%;
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-2);
padding: 16px;
border: 1px solid #E6E6E6;
border-radius: 8px;
margin-top: 24px;
} .contact1-section-area .contact-boxarea .input-area input::-moz-placeholder {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
color: #4F5C6A;
font-weight: var(--ztc-weight-regular);
}
.contact1-section-area .contact-boxarea .input-area input::placeholder {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
color: #4F5C6A;
font-weight: var(--ztc-weight-regular);
}
.contact1-section-area .contact-boxarea .input-area .nice-select {
width: 100%;
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-2);
border: 1px solid #E6E6E6;
border-radius: 8px;
margin-top: 24px;
height: 54px;
line-height: 52px;
color: #4F5C6A;
font-weight: var(--ztc-weight-regular);
}
.contact1-section-area .contact-boxarea .input-area .nice-select::-moz-placeholder {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
color: var(--ztc-text-text-3);
opacity: 80%;
font-weight: var(--ztc-weight-regular);
}
.contact1-section-area .contact-boxarea .input-area .nice-select::placeholder {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
color: var(--ztc-text-text-3);
opacity: 80%;
font-weight: var(--ztc-weight-regular);
}
.contact1-section-area .contact-boxarea .input-area .nice-select .list {
width: 100%;
}
.contact1-section-area .contact-boxarea .input-area textarea {
width: 100%;
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-2);
padding: 16px;
border: 1px solid #E6E6E6;
border-radius: 8px;
margin-top: 24px;
height: 120px;
}
.contact1-section-area .contact-boxarea .input-area textarea::-moz-placeholder {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
color: #4F5C6A;
font-weight: var(--ztc-weight-regular);
}
.contact1-section-area .contact-boxarea .input-area textarea::placeholder {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
color: #4F5C6A;
font-weight: var(--ztc-weight-regular);
}
.contact1-section-area .contact-boxarea .input-area button {
border: none;
outline: none;
margin-top: 24px;
}  .cta5-section-area {
position: relative;
z-index: 1;
}
.cta5-section-area .cta-header-area h2 {
color: var(--ztc-text-text-10);
}
.cta5-section-area .cta-header-area p {
color: var(--ztc-text-text-10); font-size: var(--ztc-font-size-font-s20);
}
.cta5-section-area .cta-header-area .btn-area1 .header-btn9 {
margin-top: 32px;
background: #DDFA63;
color: #000000;
}
.cta5-section-area .cta-header-area .btn-area1 .header-btn10 {
margin-top: 32px;
margin-left: 20px;
}
@media (max-width: 767px) {
.cta5-section-area .cta-header-area .btn-area1 .header-btn9 {
margin-bottom: 10px;
}
.cta5-section-area .cta-header-area .btn-area1 .header-btn10 {
margin-left: 0;
}
.cta-shadow {
padding: 23px 20px !important;
}
.cta-shadow::before {
position: absolute;
content: '';
width: 100% !important;
background: linear-gradient(89deg, #005669, #0a45795c) !important;
}
}
.cta-shadow {
position: relative;
padding: 60px 40px;
background-position: top !important;
} .cta-shadow::before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 70%;
height: 100%;
background: linear-gradient(89deg, #005669, #ffffff00);
z-index: 5;
border-radius: 15px;
}  .case8-section-area {
position: relative;
}
.case8-section-area .case-study-sliderarea {
position: relative;
}
.case8-section-area .case-study-sliderarea .owl-dots {
margin-top: 32px;
text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.case8-section-area .case-study-sliderarea .owl-dots {
text-align: center;
}
}
@media (max-width: 767px) {
.case8-section-area .case-study-sliderarea .owl-dots {
text-align: center;
}
}
.case8-section-area .case-study-sliderarea .owl-dots button {
height: 10px;
width: 10px;
display: inline-block;
transition: all 0.4s;
background: #08594b47;
border-radius: 50%;
position: relative;
z-index: 1;
margin: 0 16px 0 0;
}
.case8-section-area .case-study-sliderarea .owl-dots button::after {
position: absolute;
content: "";
height: 24px;
width: 24px;
display: inline-block;
border: 1px solid var(--ztc-bg-bg-18);
border-radius: 50%;
transition: all 0.4s;
top: -7px;
left: -7px;
visibility: hidden;
opacity: 0;
}
.case8-section-area .case-study-sliderarea .owl-dots button.active {
background: var(--ztc-bg-bg-18);
}
.case8-section-area .case-study-sliderarea .owl-dots button.active::after {
visibility: visible;
opacity: 1;
transition: all 0.4s;
}
.case8-section-area .case-study-sliderarea .author-case-area {
position: relative;
z-index: 1;
border-radius: 15px;
overflow: hidden;
transition: all 0.9s ease-in-out;
}
.case8-section-area .case-study-sliderarea .author-case-area:hover .content-area {
bottom: 0;
transition: all 0.6s;
}
.case8-section-area .case-study-sliderarea .author-case-area .img1 img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all 0.4s;
}
.case8-section-area .case-study-sliderarea .author-case-area:hover .img1 img {
transform: scale(1.1) !important;
transition: all 0.4s;
-webkit-transform: scale(1.1) !important;
-moz-transform: scale(1.1) !important;
-ms-transform: scale(1.1) !important;
-o-transform: scale(1.1) !important;
}
.case8-section-area .case-study-sliderarea .author-case-area .content-area {   position: absolute;
bottom: 0;
width: 100%;
padding: 24px 16px;
transition: all 0.6s;
background-color: var(--ztc-bg-bg-9);
}
.case8-section-area .case-study-sliderarea .author-case-area .content-area .content a {
color: var(--ztc-text-text-18);
font-family: var(--ztc-family-font2);
font-size: var(--ztc-font-size-font-s36);
font-style: italic;
font-weight: var(--ztc-weight-medium);
line-height: 30px;
transition: all 0.4s;
display: inline-block;
}
@media (max-width:1367px) {
.case8-section-area .case-study-sliderarea .author-case-area .content-area .content a {
font-size: 32px;
}
}
@media (max-width:1267px) {
.case8-section-area .case-study-sliderarea .author-case-area .content-area .content a {
font-size: 28px;
}
}
.case8-section-area .case-study-sliderarea .author-case-area .content-area .content p {
color: var(--ztc-text-text-18);
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;       }
.case8-section-area .case-study-sliderarea .author-case-area .content-area .content .--block-height {
height: 0;
opacity: 0;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.case8-section-area .case-study-sliderarea .author-case-area:hover .content-area .content .--block-height {
height: auto;
opacity: 1;
transition: all 0.9s ease-in-out;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
} .case8-section-area .case-study-sliderarea .content-area .content .--block-height p { padding-top: 10px;
}  .case8-section-area .case-study-sliderarea .author-case-area .content-area .arrow a {
height: 36px;
width: 36px;
display: inline-block;
transition: all 0.4s;
background: var(--ztc-bg-bg-26);
border-radius: 50%;
text-align: center;
line-height: 36px;
color: var(--ztc-text-text-1);
transform: rotate(-45deg);
}  .choose15-section-area {
background: var(--ztc-bg-bg-17);
}
.choose15-section-area .tabs-area { box-shadow: none;
background: #f7f9f2;
display: flex;
gap: 26px;
padding: 9px;
align-items: center;
border-radius: 5px;
border: solid 1px #fff;
margin-bottom: 10px;
}
.choose15-section-area .tabs-area .icon-area {
display: flex;
justify-content: center;
align-items: center; padding: 6px;
border-radius: 100px;
}
.choose15-section-area .tabs-area .icon-area img {
width: 20px;
filter: invert(1);
-webkit-filter: invert(1);
}
.choose15-section-area .img {
margin-right: 3rem;
}
.choose15-section-area .tabs-area .icon-area i {
font-size: var(--ztc-font-size-font-s30);
color: #673AB7;
}
.choose15-section-area .tabs-area .tab-content h4 {
font-size: var(--ztc-font-size-font-s18);
font-weight: var(--ztc-weight-semibold); font-family: var(--ztc-family-font1);
text-transform: capitalize;
margin-bottom: 0;
color: var(--ztc-text-text-2);  }
@media only screen and (max-width: 600px) {
.choose15-section-area .img {
margin-right: 0;
}
}  .services-research_section {}
.services-research_section .author-case-area {
position: relative;
overflow: hidden;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
max-height: 45vh;
}
.services-research_section .content-area {
left: 0;
position: absolute;
top: 0;
right: 0;
text-align: center;
background: linear-gradient(179deg, #CDDC39, transparent);
height: 50%;
}
.services-research_section .content-area .content {
margin-top: 16px;
}
.services-research_section .e-commercewebsitearea .author-case-area {
max-height: 100% !important;
}
.services-research_section .e-commercewebsitearea .content-area {
background: linear-gradient(179deg, #8BC34A, transparent);
}
.services-research_section .e-commercewebsitearea .content-area h2 {
padding: 20px;
font-size: 32px;
}
.services-research_section .e-commercewebsitearea .author-case-area p {
position: absolute;
bottom: 10px;
padding: 13px;
color: #fff;
background: linear-gradient(178deg, #3a5726, transparent);
transform: translateY(60px);
-webkit-transform: translateY(60px);
-moz-transform: translateY(60px);
-ms-transform: translateY(60px);
-o-transform: translateY(60px);
transition: 0.5s all ease-in-out;
-webkit-transition: 1s all ease-in-out;
-moz-transition: 1s all ease-in-out;
-ms-transition: 1s all ease-in-out;
-o-transition: 1s all ease-in-out;
opacity: 0;
}
.services-research_section .e-commercewebsitearea .author-case-area:hover p {
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
opacity: 1;
}
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
} .agent-craft {}
.agent-craft a .icon-box {
padding-right: 10px;
font-size: var(--ztc-font-size-font-s24);
}
.agent-craft a .bottom-content .title {
font-size: var(--ztc-font-size-font-s24);
line-height: var(--ztc-specing-height30); color: var(--ztc-text-text-12);
text-transform: capitalize;
}
.agent-craft a .description {
margin-top: 12px;
color: #5c6368;
}
.agent-craft a {
background-color: transparent;
border: inherit;
margin-bottom: 18px;
}
.agent-craft a .icon-box i {
color: var(--ztc-bg-bg-17);
}
.agent-craft .bottom-content {
padding: 0 !important;
}
.features a {
margin-bottom: 0;
padding-bottom: 0;
}
.features a .icon-box i {}
.features a .bottom-content .title {
font-size: var(--ztc-font-size-font-s18);
line-height: inherit;
} .author-case-area .content-area .content .read-more a {
font-size: 21px !important;
}
.service-content-section .img2 {
margin-right: 3rem;
overflow: hidden;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.Why_us_list {
padding-top: 15px;
}
.Why_us_list li { padding-left: 10px;
padding-bottom: 20px;
}
.Why_us_list li::marker {
content: '\f192';
font-family: 'Font Awesome 6 Pro';
position: absolute;
font-size: 18px;
font-weight: 400;
color: var(--ztc-bg-bg-18);
} .cta_belt {
margin-top: 50px; padding: 23px 14px;
border-radius: 80px; border: solid 1px #697e11;
}
@media only screen and (max-width: 991px) {
.cta_belt {
border-radius: 10px;
margin: 0 10px;
}
.service-content-section .img2 {
margin-right: 0rem;
}
.cta_belt .heading3 h2 {
font-size: 30px;
margin-bottom: 26px;
}
}
.cta_belt .heading3 h2 {
font-family: var(--ztc-family-font2);
font-weight: 500;
font-size: 38px;
}
.color_box {}
.color_box h4 {
font-size: var(--ztc-font-size-font-s24);
font-family: 'Figtree';
padding: 0 6px;
;
}
.work13-section-area .project13-boxrea .content-area {
padding: 20px 10px;
transition: all 0.6s;
z-index: 1;
position: relative;
}
.work13-section-area .project13-boxrea .content-area { padding: 20px 10px; transition: all 0.6s;
z-index: 1; position: relative;
}
.work13-section-area .project13-boxrea {
position: relative;
z-index: 1;
margin-bottom: 30px;
border-radius: 4px;
overflow: hidden;
transition: 0.4s;
}
.work13-section-area .project13-boxrea .content-area:after {
position: absolute;
width: 0%;
height: 90%;
content: '';
left: 0;
top: 3px;
background: linear-gradient(45deg, #64af30, transparent);
z-index: -2;
transition: 1s all ease;
}
.work13-section-area .project13-boxrea:hover .content-area:after {
width: 100%;
}
.work13-section-area .project13-boxrea .content-area a {
color: #fff;
font-family: var(--ztc-family-font2);
font-size: 40px;
font-style: italic;
font-weight: 500;
line-height: 28px;
display: inline-block;
transition: all 0.4s;
text-transform: capitalize;
position: relative;
}
.work13-section-area .project13-boxrea .content-area span {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s18);
line-height: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium);  background-clip: text;
-webkit-background-clip: text; border-radius: 8px;
transition: all 0.4s;
position: relative;
display: inline-block;
padding: 8px 12px;
color: #fff;
}
.work13-section-area .project13-boxrea .content-area a::after {
position: absolute;
right: -50px;
content: "\f061";
font-family: "FontAwesome";
opacity: 0;
transition: 0.6s;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-ms-transition: 0.6s;
-o-transition: 0.6s;
font-style: normal;
transform: translate(-42px, -23px);
rotate: -51deg;
font-size: 26px;
-webkit-transform: translate(-42px, -23px);
-moz-transform: translate(-42px, -23px);
-ms-transform: translate(-42px, -23px);
-o-transform: translate(-42px, -23px);
}
.work13-section-area .project13-boxrea:hover .content-area a::after {
opacity: 1;
transform: translate(0px);
-webkit-transform: translate(0px);
-moz-transform: translate(0px);
-ms-transform: translate(0px);
-o-transform: translate(0px);
}
.process h4 {
color: #385723;
}
.process .ranking {
border: 2px solid #3857231c;
}
.expert-services h4 {
color: #385723;
}
.expert-serviecs .ranking {
border: 2px solid #3857231c;
}
.cq {
margin: 10px;
padding: 15px;
font-weight: var(--ztc-weight-medium);
}
.blog1-scetion-area {
position: relative;
z-index: 1;
background-color: #3857231a;
}
.blog1-scetion-area .blog-hedaer-area {
margin-bottom: 60px;
position: relative;
z-index: 1;
}
@media (max-width: 575.98px) {
.blog1-scetion-area .blog-hedaer-area {
margin-bottom: 30px;
}
}
@media (max-width: 991.98px) {
.blog1-scetion-area .blog-hedaer-area {
margin-bottom: 30px;
}
}
.blog1-scetion-area .blog-author-boxarea {
background: var(--ztc-text-text-1);
position: relative;
z-index: 1;
border-radius: 4px;
}
.blog1-scetion-area .blog-author-boxarea:hover .img1::after {
height: 100%;
transition: all 0.4s;
}
.blog1-scetion-area .blog-author-boxarea:hover .img1 img {
transform: scale(1.1) rotate(-4deg);
transition: all 0.4s;
}
.blog1-scetion-area .blog-author-boxarea .img1 {
border-radius: 5px 5px 0 0;
position: relative;
overflow: hidden;
z-index: 1;
}
.blog1-scetion-area .blog-author-boxarea .img1::after {
position: absolute;
content: "";
height: 0;
width: 100%;
left: 0;
top: 0;
transition: all 0.4s;
background: var(--ztc-bg-bg-17);
border-radius: 5px 5px 0 0;
opacity: 0.7;
}
.blog1-scetion-area .blog-author-boxarea .img1 img {
height: 100%;
width: 100%;
border-radius: 5px 5px 0 0;
transition: all 0.4s;
}
.blog1-scetion-area .blog-author-boxarea .content-area {
padding: 24px;
}
.blog1-scetion-area .blog-author-boxarea .content-area .tags-area ul {
margin-bottom: 16px;
}
.blog1-scetion-area .blog-author-boxarea .content-area .tags-area ul li {
display: inline-block;
margin: 0 16px 0 0;
}
.blog1-scetion-area .blog-author-boxarea .content-area .tags-area ul li a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-regular);
display: inline-block;
transition: all 0.4s;
color: var(--ztc-text-text-3);
margin-bottom: 0;
}
.blog1-scetion-area .blog-author-boxarea .content-area .tags-area ul li a img {
margin: -2px 6px 0 0;
}
.blog1-scetion-area .blog-author-boxarea .content-area a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s20);
line-height: var(--ztc-font-size-font-s26);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-2);
transition: all 0.4s;
display: inline-block;
margin-bottom: 12px;
}
.blog1-scetion-area .blog-author-boxarea .content-area a:hover {
color: #385723;
transition: all 0.4s;
}
.blog1-scetion-area .blog-author-boxarea .content-area p {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s26);
font-weight: var(--ztc-weight-regular);
color: var(--ztc-text-text-3);
margin-bottom: 16px;
}
.blog1-scetion-area .blog-author-boxarea .content-area a.readmore {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-bold);
color: var(--ztc-text-text-2);
display: inline-block;
transition: all 0.4s;
margin-bottom: 0;
}
.blog1-scetion-area .blog-author-boxarea .content-area a.readmore:hover {
color: #385723;
transition: all 0.4s;
}
.blog1-scetion-area .blog-author-boxarea .content-area a.readmore i {
transform: rotate(-45deg);
} .blog2-section-area .blog-header-area {
margin-bottom: 60px;
}
@media (max-width: 575.98px) {
.blog2-section-area .blog-header-area {
margin-bottom: 30px;
}
}
@media (max-width: 991.98px) {
.blog2-section-area .blog-header-area {
margin-bottom: 30px;
}
}
.blog2-section-area .blog2-author-boxarea {
position: relative;
z-index: 1;
overflow: hidden;
margin-bottom: 30px;
}
.blog2-section-area .blog2-author-boxarea:hover .img1 {
border-radius: 8px;
transition: all 0.4s;
}
.blog2-section-area .blog2-author-boxarea:hover .img1 img {
transform: scale(1.1) rotate(-4deg);
transition: all 0.4s;
border-radius: 8px;
}
.blog2-section-area .blog2-author-boxarea .img1 {
overflow: hidden;
position: relative;
transition: all 0.4s;
}
.blog2-section-area .blog2-author-boxarea .img1 img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 8px;
transition: all 0.4s;
}
.blog2-section-area .blog-content {
background: var(--ztc-text-text-1);
transition: all 0.4s;
border-radius: 8px;
padding: 24px 20px;
position: relative;
margin: -110px 30px 0;
z-index: 2;
}
.blog2-section-area .blog-content .date {
display: block;
font-weight: var(--ztc-weight-regular);
color: var(--ztc-text-text-3);
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
transition: all 0.4s;
margin-bottom: 18px;
}
.blog2-section-area .blog-content .date img {
margin: -3px 6px 0 0;
}
.blog2-section-area .blog-content .head {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
line-height: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-2);
display: inline-block;
transition: all 0.4s;
margin-bottom: 16px;
}
.blog2-section-area .blog-content .head:hover {
color: var(--ztc-text-text-5);
transition: all 0.4s;
}
.blog2-section-area .blog-content p {
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s26);
font-family: var(--ztc-family-font1);
font-weight: var(--ztc-weight-regular);
color: var(--ztc-text-text-3);
transition: all 0.4s;
}
.blog2-section-area .blog-content .readmore {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s18);
line-height: var(--ztc-font-size-font-s18);
font-weight: var(--ztc-weight-bold);
transition: all 0.4s;
color: var(--ztc-text-text-2);
display: inline-block;
margin-top: 24px;
}
.blog2-section-area .blog-content .readmore:hover {
color: var(--ztc-text-text-5);
transition: all 0.4s;
}
.blog2-section-area .blog-content .readmore:hover i {
transform: rotate(-45deg);
transition: all 0.4s;
}
.blog2-section-area .blog-content .readmore i {
margin-left: 4px;
transition: all 0.4s;
}
.blog-auhtor-section-area .blog-sidebar-area {
position: sticky;
top: 100px;
}
@media (max-width: 575.98px) {
.blog-auhtor-section-area .blog-sidebar-area {
margin-bottom: 30px;
}
}
@media (max-width: 991.98px) {
.blog-auhtor-section-area .blog-sidebar-area {
margin-bottom: 30px;
}
} .blog-auhtor-section-area .blog-sidebar-area .search-area {
background: rgb(203 225 109);
border-radius: 7px;
padding: 20px 24px;
position: relative;
}
.blog-auhtor-section-area .blog-sidebar-area .search-area h3 {
color: var(--ztc-text-text-2);
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
line-height: 24px;
}
.blog-auhtor-section-area .blog-sidebar-area .search-area form {
border-radius: 54px;
background: var(--Colors-White-Dark, #F6F8F9);
position: relative;
height: 54px;
padding: 16px;
margin-top: 24px;
}
.blog-auhtor-section-area .blog-sidebar-area .search-area form input {
width: 100%;
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
color: var(--ztc-text-text-2);
font-weight: var(--ztc-weight-medium);
}
.blog-auhtor-section-area .blog-sidebar-area .search-area form input::placeholder {
color: var(--ztc-text-text-3);
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-regular);
line-height: 16px;
}
.blog-auhtor-section-area .blog-sidebar-area .search-area form button {
border: none;
outline: none;
background: none;
position: absolute;
right: 16px;
} .blog-auhtor-section-area .blog-sidebar-area .categories-area {
background: rgb(203 225 109);
border-radius: 7px;
padding: 20px 24px;
position: relative;
}
.blog-auhtor-section-area .blog-sidebar-area .categories-area h3 {
color: var(--ztc-text-text-2);
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
line-height: 24px;
margin-bottom: 8px;
}
.blog-auhtor-section-area .blog-sidebar-area .categories-area ul li a {
color: var(--ztc-text-text-3);
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-semibold);
line-height: 16px;
display: inline-block;
width: 100%;
border-radius: 54px;
background: var(--Colors-White-Dark, #F6F8F9);
padding: 19px 16px;
transition: all .4s;
margin-top: 16px;
}
.blog-auhtor-section-area .blog-sidebar-area .categories-area ul li a:hover {
background: var(--ztc-bg-bg-17);
color: var(--ztc-text-text-10);
transform: translateY(-5px);
} .blog-auhtor-section-area .blog-sidebar-area .posts-area {
background: rgb(203 225 109);
border-radius: 7px;
padding: 20px 24px;
position: relative;
}
.blog-auhtor-section-area .blog-sidebar-area .posts-area h3 {
color: var(--ztc-text-text-2);
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
line-height: 24px;
margin-bottom: 8px;
}
.blog-auhtor-section-area .blog-sidebar-area .posts-area .post-auhtor-area {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 24px;
}
@media (max-width: 991.98px) {
.blog-auhtor-section-area .blog-sidebar-area .posts-area .post-auhtor-area {
justify-content: inherit;
}
} .blog-auhtor-section-area .blog-sidebar-area .posts-area .post-auhtor-area .img1 img {
height: auto;
max-width: 78px;
border-radius: 4px;
object-fit: cover;
}
@media (max-width: 991.98px) {
.blog-auhtor-section-area .blog-sidebar-area .posts-area .post-auhtor-area .img1 img {
height: 100%;
width: 100%;
object-fit: cover;
}
}
.blog-auhtor-section-area .blog-sidebar-area .posts-area .post-auhtor-area .content {
margin-left: 20px;
}
.blog-auhtor-section-area .blog-sidebar-area .posts-area .post-auhtor-area .content .date {
color: var(--ztc-text-text-3);
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-medium);
line-height: 16px;
display: block;
margin-bottom: 12px;
}
.blog-auhtor-section-area .blog-sidebar-area .posts-area .post-auhtor-area .content .date img {
margin: 0 6px 0 0;
}
.blog-auhtor-section-area .blog-sidebar-area .posts-area .post-auhtor-area .content .head {
color: var(--ztc-text-text-2);
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-semibold);
line-height: 26px;
transition: all .4s;
}
.blog-auhtor-section-area .blog-sidebar-area .posts-area .post-auhtor-area .content .head:hover {
color: var(--ztc-text-text-12);
}
.blog-auhtor-section-area .blog-sidebar-area .posts-area .post-auhtor-area.box2 {
position: relative;
left: -10px;
}
@media (max-width: 991.98px) {
.blog-auhtor-section-area .blog-sidebar-area .posts-area .post-auhtor-area.box2 {
left: 0;
}
}
.blog-auhtor-section-area .blog-sidebar-area .tags-area {
background: rgb(203 225 109);
border-radius: 7px;
padding: 20px 24px;
position: relative;
}
.blog-auhtor-section-area .blog-sidebar-area .tags-area h3 {
color: var(--ztc-text-text-2);
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
line-height: 24px;
margin-bottom: 8px;
}
.blog-auhtor-section-area .blog-sidebar-area .tags-area ul li {
display: inline-block;
}
.blog-auhtor-section-area .blog-sidebar-area .tags-area ul li a {
color: var(--ztc-text-text-3);
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-semibold);
line-height: 16px;
display: inline-block;
border-radius: 40px;
background: var(--Colors-White-Dark, #F6F8F9);
padding: 12px 16px;
transition: all .4s;
margin: 16px 16px 0 0;
}
.blog-auhtor-section-area .blog-sidebar-area .tags-area ul li a:hover {
background: var(--ztc-bg-bg-17);
color: var(--ztc-text-text-10);
transform: translateY(-3px);
}
.blog-auhtor-section-area .blog-sidebar-area .others-area {
background: rgb(203 225 109);
border-radius: 7px;
padding: 20px 24px;
position: relative;
}
.blog-auhtor-section-area .blog-sidebar-area .others-area h3 {
color: var(--ztc-text-text-2);
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
line-height: 30px;
margin-bottom: 8px;
}
.blog-auhtor-sidebar-area .check1 i {
color: #385723;
font-size: 18px;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .img1 img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 8px;
} .blog-auhtor-section-area .blog-auhtor-sidebar-area .pera1 {
padding-bottom: 50px;
border-bottom: 1px solid #A3ADBB;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .social-tags {
display: flex;
align-items: center;
justify-content: space-between;
padding: 50px 0;
border-bottom: 1px solid #A3ADBB;
} @media (max-width: 575.98px) {
.blog-auhtor-section-area .blog-auhtor-sidebar-area .social-tags {
display: inline-block;
}
}
@media (max-width: 991.98px) {
.blog-auhtor-section-area .blog-auhtor-sidebar-area .social-tags {
display: inline-block;
}
} .blog-auhtor-section-area .blog-auhtor-sidebar-area .social-tags .tags {
display: flex;
align-items: center;
}
@media (max-width: 575.98px) {
.blog-auhtor-section-area .blog-auhtor-sidebar-area .social-tags .tags {
margin-bottom: 20px;
}
}
@media (max-width: 991.98px) {
.blog-auhtor-section-area .blog-auhtor-sidebar-area .social-tags .tags {
margin-bottom: 20px;
}
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .social-tags .tags h4,
.blog-auhtor-section-area .blog-auhtor-sidebar-area .social-tags .social h4 {
color: var(--ztc-text-text-2);
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
line-height: 24px;
margin: 0 20px 0 0;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .social-tags .tags ul li a,
.blog-auhtor-section-area .blog-auhtor-sidebar-area .social-tags .social ul li a {
display: inline-block;
color: var(--ztc-text-text-2);
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-semibold);
line-height: 16px;
transition: all .4s;
border-radius: 20px;
background: rgba(78, 47, 218, 0.10);
padding: 12px 16px;
margin: 0 10px 0 0;
}
@media (max-width: 575.98px) {
.blog-auhtor-section-area .blog-auhtor-sidebar-area .social-tags .tags ul li a {
margin: 10px 0 0 0 !important;
}
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .social-tags .tags ul li a:hover,
.blog-auhtor-section-area .blog-auhtor-sidebar-area .social-tags .social ul li a:hover {
background: var(--ztc-text-text-4);
color: var(--ztc-text-text-1);
transform: translateY(-3px);
} .blog-auhtor-section-area .blog-auhtor-sidebar-area .social-tags .social ul li a {
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
border-radius: 50%;
background: #DBE2F0;
margin: 0 10px 0 0;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .social-tags .social ul li a img {
transition: all .4s;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .social-tags .social ul li a:hover img {
filter: brightness(0) invert(1);
} .blog-auhtor-section-area .blog-auhtor-sidebar-area .tags-area ul li {
display: inline-block;
margin: 0 16px 0 0;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .tags-area ul li a {
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
line-height: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-regular);
color: var(--ztc-text-text-3);
transition: all .4s;
display: inline-block;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .tags-area ul li a img {
margin: -2px 6px 0 0;
} .blog-auhtor-section-area .blog-auhtor-sidebar-area .right-area {
position: relative;
margin-top: 24px;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .right-area .check1 {
position: absolute;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .right-area .content {
padding-left: 30px;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .right-area .content p span {
color: var(--ztc-text-text-2);
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-semibold);
line-height: 26px;
} .blog-auhtor-section-area .blog-auhtor-sidebar-area .pera-box {
border-radius: 7px;
background: rgb(221 250 99 / 24%);
padding: 40px 92px;
text-align: center;
}
@media (max-width: 575.98px) {
.blog-auhtor-section-area .blog-auhtor-sidebar-area .pera-box {
padding: 20px;
}
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .pera-box p {
color: var(--Neutral-700, rgba(18, 37, 48, 0.70));
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s22);
font-weight: var(--ztc-weight-regular);
line-height: 32px;
text-align: center;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .pera-box a {
display: inline-block;
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
border-radius: 50%;
background: #D8D6F1;
margin: 0 auto;
} .blog-auhtor-section-area .blog-auhtor-sidebar-area .comments-boxarea {
border-radius: 7px;
background: rgba(78, 47, 218, 0.05);
padding: 24px;
position: relative;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .comments-boxarea .comments-boxes {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 575.98px) {
.blog-auhtor-section-area .blog-auhtor-sidebar-area .comments-boxarea .comments-boxes .comments-auhtor-box {
display: inline-block;
}
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .comments-boxarea .comments-boxes .comments-auhtor-box .content {
margin-left: 16px;
}
@media (max-width: 575.98px) {
.blog-auhtor-section-area .blog-auhtor-sidebar-area .comments-boxarea .comments-boxes .comments-auhtor-box .content {
margin-left: 0;
margin-top: 20px;
}
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .comments-boxarea .comments-boxes .comments-auhtor-box .content .name {
color: var(--ztc-text-text-2);
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
line-height: 24px;
margin-bottom: 10px;
transition: all .4s;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .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-weight: var(--ztc-weight-regular);
line-height: 16px;
display: block;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .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-weight: var(--ztc-weight-semibold);
line-height: 16px;
transition: all .4s;
display: inline-block;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .comments-boxarea .comments-boxes .reply:hover {
color: var(--ztc-text-text-4);
} .blog-auhtor-section-area .blog-auhtor-sidebar-area .comments-boxarea.box2 {
margin-left: 70px;
}
@media (max-width: 575.98px) {
.blog-auhtor-section-area .blog-auhtor-sidebar-area .comments-boxarea.box2 {
margin-left: 0;
}
} .blog-auhtor-section-area .blog-auhtor-sidebar-area .contact-form-area {
border-radius: 7px;
background: rgb(237 237 237);
padding: 32px;
position: relative;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .contact-form-area h4 {
color: var(--ztc-text-text-2);
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s24);
font-weight: var(--ztc-weight-semibold);
line-height: 24px;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .contact-form-area .input-area input,
.blog-auhtor-section-area .blog-auhtor-sidebar-area .contact-form-area .input-area textarea {
width: 100%;
background: rgb(255, 255, 255);
padding: 20px 16px;
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
color: var(--ztc-text-text-2);
font-weight: var(--ztc-weight-semibold);
margin-top: 20px;
border-radius: 4px;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .contact-form-area .input-area input {
height: 56px;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .contact-form-area .input-area textarea {
height: 140px;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .contact-form-area .input-area input::placeholder,
.blog-auhtor-section-area .blog-auhtor-sidebar-area .contact-form-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-weight: var(--ztc-weight-regular);
line-height: 16px;
}
.blog-auhtor-section-area .blog-auhtor-sidebar-area .contact-form-area .input-area button {
border: none;
outline: none;
} .bcm-section {
background: #f0f3e7;
margin-bottom: 40px; }
@media screen and (min-width:992px) {
.bcm-section { border-radius: 20px;
border: solid 1px #0002;
} }
@media screen and (max-width:768px) {
.bcm-section .service-content-section .heading24 h2,
h1,
h3,
h4 {
font-size: var(--ztc-font-size-font-s32) !important;
}
.bcm-section .service-content-section .heading24 .bottom-content {
padding: 0px !important;
}
em {
line-height: 50px;
} }
.bcm-section .inner-bcm {}
@media only screen and (min-width: 993px) and (max-width: 1199px) {
.service-content-section .heading24 h2,
h1,
h3,
h4 {
font-size: var(--ztc-font-size-font-s36) !important;
}
}  .privacy-section {}
.privacy-section h2 {
font-size: 30px;
font-family: 'Figtree';
}
.privacy-section h4 {
font-size: 25px;
font-weight: 500;
margin: 3px 0;
font-family: 'Figtree';
} .service2-section-area .value-box {
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: 1px solid #E1E3E8;
padding: 20px;
border-radius: 10px;
}
.service2-section-area .value-box .value-content h3 {
font-family: var(--ztc-family-font1); font-style: normal;
font-weight: 600;
line-height: 125%;
display: inline-block;
transition: all 0.4s;
margin-top: 15px;
}
.service2-section-area .value-box .value-content p {}
.service2-section-area .value-box:hover {
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.wev-block .inner-box {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
border-radius: 20px;
background-color: var(--ztc-bg-bg-30);
border: solid 2px #fff3;
border-style: dashed;
padding: 20px;
margin-bottom: 10px;
}
.wev-block .inner-box:hover {
background-color: transparent;
}
.wev-block .inner-box:hover .heading24 h4 {
color: #fff;
} .wev-block .heading24 h2,
.wev-block .bottom-content {
padding: 0;
}
.wev-block img {
width: 57%;
display: flex;
margin-left: auto;
}
.wev-block .inner-box:hover .heading24 h2 {
color: #fff !important;
}
.wev-block .inner-box:hover .heading24 .bottom-content p {
color: #fff !important;
}
.list-group-disc li {
list-style: disc;
}
.nx {
padding: 32px 23px 0;
border: solid 1px #0002;
border-radius: 10px;
height: 100%;
}
.service_block.style_3 {
z-index: 1;
padding: 30px;
overflow: hidden;
position: relative; border-radius: 20px; border: 1px solid var(--bs-secondary);
height: 100%;
}
.service_block.style_3 .shape_circle {
left: -57px;
right: 0;
top: -20%;
z-index: -1;
position: absolute;
display: none;
}
.service_block .service_icon {
width: 200px;
height: 200px;
margin-bottom: 32px;
align-items: center;
display: inline-flex;
justify-content: center;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center center;
}
.service_icon {
width: auto;
height: 70%;
}
.service-item.style-3 {
margin-bottom: 20px;
padding: 40px 60px 40px 30px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-content-wrap .service-icon {
transition: all 0.6s ease-in-out;
}
.service-content-wrap .service-icon i {
color: var(--tj-color-theme-primary);
} .service-content-wrap .service-content .desc {
max-width: 360px;
width: 100%;
margin-bottom: 0;
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s18);
line-height: var(--ztc-font-size-font-s26);
font-weight: var(--ztc-weight-regular);
color: var(--ztc-text-text-3); padding-bottom: 10px;
}
.service-content-wrap {
flex-wrap: wrap;
z-index: 2;
} .service-item .title {
font-size: var(--ztc-font-size-font-s22) !important;
margin-bottom: 11px;
-webkit-transition: none;
line-height: 1;
margin-top: 11px;
}
.service-item .service-icon {
font-size: 70px;
width: 80px;
height: 80px;
background: linear-gradient(-45deg, rgba(30, 138, 138, 0.3) 0%, rgba(30, 138, 138, 0) 50%, rgba(30, 138, 138, 0.3) 100%);
border-radius: 50%;
border: 1px solid rgba(30, 138, 138, 0.15);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.service-wrapper .service-item { padding: 11px 14px 17px; position: relative;
border-radius: 12px;
border: solid 2px #000;
}
.service-content-wrap .service-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.service-content-wrap .service-title .service-icon {
-webkit-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.service-item.style-3:hover {
background-color: var(--theme-color2);
border-color: #fff;
}
.service-item.style-3:hover .desc,
.service-item.style-3:hover .title {
color: var(--ztc-text-text-1);
}
.service-item.style-3:hover .service-icon svg {
filter: drop-shadow(2px 4px 6px black) brightness(10.5) invert(1);
}
.servbx_offer_1 {
border: solid 2px #000;
padding: 27px;
border-radius: 10px;
}
.servbx_offer_1 img {
width: 50%;
}
.smo-platform-card-area {
background: var(--ztc-bg-bg-18);
}
.smo-platform-card-area .smo-platform-card-box {
display: flex;
flex-direction: column;
gap: 1rem;
margin-bottom: 10px;
}
.smo-platform-card-area .smo-platform-card-box .platform-icon {
display: flex;
align-items: center;
justify-content: center;
width: 70px;
height: 70px;
border-radius: 8px;
background: var(--ztc-bg-bg-15);
margin-bottom: 16px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
}
.smo-platform-card-area .smo-platform-card-box .platform-icon i {
font-size: var(--ztc-font-size-font-s36);
color: var(--ztc-text-text-12);
}
.smo-platform-card-area .smo-platform-card-box .content {
display: flex;
flex-direction: column;
gap: 6px;
}
.smo-platform-card-area .smo-platform-card-box .content p {
text-align: start;
}
.smo-platform-card-area .smo-platform-card-box .content-area span {
font-size: var(--ztc-font-size-font-s32);
font-weight: var(--ztc-weight-regular);
font-family: var(--ztc-family-font1);
color: var(--bs-body-bg);
}
.banner-slider {
height: 600px;
}
.banner-slider .swiper-slide img {
width: 100%;
height: 500px;
object-fit: cover;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
position: relative;
z-index: 1;
}
.banner-slider .swiper-slide {
position: relative;
z-index: 1;
}
.banner-slider .swiper-slide::before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #00000038;
z-index: 1;
border-radius: 12px;
}
.service15-boxarea {
position: relative;
z-index: 1;
border-radius: 8px;
background: #fff;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
padding: 15px;
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
}
.service15-boxarea .icons {
height: 60px;
width: 60px;  transition: all 0.4s;
display: inline-block;
background: var(--ztc-bg-bg-8);
border-radius: 8px;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
}
.service15-boxarea .heading24 h6 {
font-size: 18px;
padding-bottom: 5px;
}
.service15-boxarea .heading24 p {
font-size: 17px;
line-height: 25px;
font-weight: var(--ztc-weight-regular);
color: var(--ztc-text-text-3);
padding-bottom: 0;
}
.service15-boxarea a {
color: var(--Text-Color, #090B0E);
font-family: var(--ztc-family-font1);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 125%;
display: inline-block;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.service15-boxarea:hover a {
color: #fff;
}
.service15-boxarea:hover h6 {
color: #fff;
}
.service15-boxarea p {
color: var(--gray-500, var(--gray-500, #6B7280));
font-family: var(--ztc-family-font1);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
transition: all 0.4s;
text-align: start;
}
.service15-boxarea:hover .icons {
background: #fff;
transition: all 0.4s;
transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
}
.service15-boxarea:hover::after {
left: 0;
transition: all 0.4s;
width: 100%;
visibility: visible;
opacity: 1;
}
.service15-boxarea:hover p {
color: #fff;
transition: all 0.4s;
opacity: 80%;
}
.service15-boxarea h3 {
line-height: 26px;
font-size: 24px;
}
.service15-boxarea:hover h3 {
color: #fff;
}
.service15-boxarea::after {
position: absolute;
z-index: -1;
transition: all 0.4s;
content: "";
height: 100%;
left: 50%;
visibility: hidden;
opacity: 0;
top: 0;
border-radius: 8px;
background: #165b5d;
width: 10px;
}
@media (max-width: 991px) {
.banner-slider {
height: auto;
width: 100% !important;
}
.banner-slider .swiper-slide {
width: 100% !important;
height: auto;
}
.swiper-vertical>.swiper-wrapper {
flex-direction: initial !important
}
.mask-color {
-webkit-mask-image: inherit !important;
}
.service15-boxarea h3 {
line-height: 26px;
font-size: 24px !important;
}
} .service7-section-area .all-service-box {
position: relative;
border-top: 1px solid #E7EDF6;
border-bottom: 1px solid #10404145;
transition: all 0.4s;
}
.service7-section-area .all-service-box .service-main-boxarea {
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 0;
position: relative;
transition: all 0.4s;
overflow: hidden;
z-index: 1;
background: transparent;
}
.service7-section-area .all-service-box .service-main-boxarea::before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 0;
width: 100%;
transition: all 0.4s;
z-index: -1;
}
.service7-section-area .all-service-box .service-main-boxarea .service-images {
display: flex;
align-items: center; }
.service7-section-area .all-service-box .service-main-boxarea .service-images .img1 {
width: 220px;
height: 80px;
}
.service7-section-area .all-service-box .service-main-boxarea .service-images .text {
padding-left: 24px;
}
.service7-section-area .all-service-box .service-main-boxarea .service-images .heading24 h4 {
font-size: var(--ztc-font-size-font-s28);
}
@media (max-width: 575px) {
.service7-section-area .all-service-box .service-main-boxarea .service-images .heading24 h4 {
font-size: var(--ztc-font-size-font-s30) !important;
}
}
.service7-section-area .all-service-box .service-main-boxarea .pera.box5 {
padding-left: 70px;
}
.service7-section-area .all-service-box .service-main-boxarea .pera {
max-width: 660px;
}
.service7-section-area .all-service-box .service-main-boxarea:hover::before {
height: 100%;
background: var(--ztc-bg-bg-19);
transition: all 0.4s;
bottom: 0;
}
.service7-section-area .all-service-box:hover .service-main-boxarea {
padding: 24px;
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
.service7-section-area .all-service-box .service-main-boxarea {
display: inline-block;
}
}
@media (max-width: 991px) {
.service7-section-area .all-service-box {}
}
@media (max-width: 768px) {
.service7-section-area .all-service-box .service-main-boxarea {
display: inline-block;
}
.service7-section-area .all-service-box .service-main-boxarea .service-images {
display: inline-block;
}
.service7-section-area .all-service-box .service-main-boxarea .service-images .img1 {
width: 100%;
height: 100%;
}
.service7-section-area .all-service-box .service-main-boxarea .service-images .img1 img {
width: 20%;
}
.service7-section-area .all-service-box .service-main-boxarea .service-images .text {
padding-left: 0;
padding-top: 20px;
}
.service7-section-area .all-service-box .service-main-boxarea .pera.box5 {
padding-left: 0;
}
} @media (min-width:1200px) {
.ppc .author-case-area .content-area .content a {
font-size: var(--ztc-font-size-font-s24) !important;
}
.ppc .author-case-area .content-area .content .read-more a {
font-size: var(--ztc-font-size-font-s20) !important;
}
}
.icon-box-wrap {
border: 2px solid var(--ztc-text-text-2);
padding: 26px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
height: 100%;
}
.icon-box-wrap .icon-box-content h4 {
margin: 10px 0;
background-color: var(--ztc-bg-bg-17);
display: inline-block;
padding: 0 5px;
font-weight: 600;
}
.icon-box-wrap .icon-box-content p {
font-size: 18px;
font-family: var(--ztc-family-font1);
} .key-benefits {}
.key-benefits .service-item {
border: 2px solid var(--ztc-text-text-2);
background-color: var(--ztc-bg-bg-15);
border-radius: 10px;
}
.key-benefits .service-item.style-6 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
overflow: hidden;
height: 300px;
padding: 30px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-item.style-6 .desc {
text-align: start;
}
.service-item.style-6 .service-icon {
width: 90px;
height: 90px;
margin: 0 auto;
background: linear-gradient(-45deg, rgb(0 0 0) 0%, rgb(0 6 6 / 80%) 50%, rgb(0 0 0) 100%);
}  .service-detail-section {
padding: 60px 0;
background-color: #022104;
position: relative;
}
.list-details {
display: flex;
flex-wrap: wrap;
column-gap: 52px;
align-items: center;
padding: 0;
}
.list-details li {
color: #ddfa63;
font-size: 18px;
font-weight: 500;
list-style: disc;
}
.list-details li:first-child {
list-style: none;
position: relative;
z-index: 1;
}
.list-details li:first-child img {
width: 40px;
transform: translate(11px, 11px);
margin-bottom: 18px;
height: 40px;
}
.list-details li:first-child::after {
position: absolute; background-color: #fff;
content: '';
width: 60px;
height: 60px;
top: 0;
left: 0;
z-index: -1;
border-radius: 100px;
}
.title-detail {
font-size: 30px;
line-height: 48px;
color: rgb(255 255 255);
margin-bottom: 0;
font-family: var(--ztc-family-font1);
font-weight: var(--ztc-weight-bold);
}
.content-detail {
font-size: 1.28rem;
font-style: normal;
font-weight: 500;
line-height: 31px;
text-transform: capitalize;
color: rgb(255 255 255);
}
hr {
color: rgb(255 255 255) !important;
}
.list-left {
padding-top: 10px;
padding-left: 20px;
}
.list-left.list-detail {}
.list-left .list-detail li {
list-style: disc;
color: #ddfa63;
margin: 6px 0;
font-size: 18px;
font-weight: 600;
}
.bg-text {
position: absolute;
right: 65%;
color: #ffffff;
transform: rotate(-90deg);
bottom: 44%;
font-size: 8rem;
width: max-content;
letter-spacing: 11px;
text-transform: uppercase;
font-family: var(--ztc-family-font1);  font-weight: var(--ztc-weight-bold);
}
.review_sec {}
.review_sec h6 {
font-weight: var(--ztc-weight-bold);
}
.review_sec p {
font-size: var(--ztc-font-size-font-s30);
margin-bottom: 20px;
font-style: italic;
}
@media (max-width: 767px) {
.hero5-section-new {
padding: 120px 0 26px !important;
}
.title-detail {
font-size: 25px !important;
}
.list-left .list-detail li {
font-size: 15px !important;
}
}   .modal-content {
padding: 20px;
background: #f7f9f2 !important;
}
.modal-content .modal-header .btn-close {
position: absolute;
right: 12px;
top: 13px;
}
.modal-content .modal-header .modal-title {
margin-bottom: 0;
}
.modal-content .modal-header {
border-bottom: 0;
}
.modal-content p {}
.modal-body .form-control,
.modal-body .form-select {
font-size: 14px;
padding: 10px 15px;
box-shadow: none;
border-radius: 20px;
color: #212529;
background-color: var(--contrast-color);
border-color: var(--ztc-bg-bg-17);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.form-control:focus,
.form-select:focus {
border-color: var(--header-background-color) !important;
box-shadow: inherit !important;
}
@media (min-width: 1200px) {
.modal-dialog {
max-width: 750px !important;
background-color: #000;
background-color: #000;
top: 14%;
border-radius: 10px;
}
}  ._why_partner_ {}
._why_partner_ .why_partner_box {
background: var(--ztc-text-text-1);
box-shadow: 0 18px 2px -9px #00000017;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
._why_partner_ .why_partner_box .icon {
transform: translateY(-50%);
left: -2.5rem;
background: var(--bs-success);
transition: all 0.3s ease;
transform-style: preserve-3d;
transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-webkit-transition: all 1.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
._why_partner_ .why_partner_box .icon img {
width: 42px;
height: 42px;
filter: invert(1);
}
.why_partner_1:hover .icon {
background: var(--ztc-bg-bg-18);
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
}
.why_partner_1:hover .bottom-content,
.why_partner_1:hover .bottom-content p {
color: #fff;
}
.why_partner_1::before {
content: '';
width: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
height: 100%;
background: #022104;
transition: all 1s ease;
}
.why_partner_1:hover::before {
width: 100%;
border-radius: 10px;
}
.why_c .why_partner_1::before {
background: #104041 !important;
margin: inherit !important;
left: inherit;
}
@media screen and (min-width:768px) {
.why_c .why_partner_box .icon {
position: absolute;
width: fit-content;
}
}
.why_c .why_partner_box .icon {
width: fit-content;
}  .mobile-footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: var(--ztc-bg-bg-11);
display: flex;
justify-content: space-around;
align-items: center;
padding: 10px 0;
z-index: 999;
}
.mobile-footer a {
color: var(--ztc-text-text-2);
text-decoration: none;
font-size: 18px;
text-align: center;
display: flex;
align-items: center;
gap: 10px;
}
.mobile-footer a i {
font-size: 22px;
}
@media(min-width: 768px) {
.mobile-footer {
display: none;
}
} .overlap_section .service-wrapper .single-service { background-color: #D2E8D9;
position: relative;
z-index: 1;
position: sticky;
top: 80px;
overflow: hidden;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
@media (max-width: 1399px) {
.overlap_section .service-wrapper .single-service { }
}
@media (max-width: 1199px) {
.overlap_section .service-wrapper .single-service { }
}
@media (max-width: 767px) {
.overlap_section .service-wrapper .single-service { }
}
@media (max-width: 576px) {
.overlap_section .service-wrapper .single-service { }
}
.overlap_section .service-wrapper .single-service .service-content {
padding: 24px 16px;
}
.overlap_section .service-wrapper .single-service .service-content .h2 {
color: var(--ztc-text-text-18);
font-family: var(--ztc-family-font2);
font-size: var(--ztc-font-size-font-s36);
font-style: italic;
font-weight: var(--ztc-weight-medium);
line-height: 30px;
transition: all 0.4s;
display: inline-block;
}
@media (max-width: 1199px) {
.overlap_section .service-wrapper .single-service .service-content h2 {
font-size: 33px;
margin-bottom: 35px;
}
}
@media (max-width: 767px) {
.overlap_section .service-wrapper .single-service .service-content .h2 {
font-size: 30px;
margin-bottom: 30px;
}
}
@media (max-width: 576px) {
.overlap_section .service-wrapper .single-service .service-content .h2 {
font-size: 32px;
margin-bottom: 15px;
}
} .overlap_section .service-wrapper .single-service .service-img img {
width: 100%;
}
.overlap_section .service-wrapper .single-service:nth-child(2) {
background-color: #EAEAEA;
top: 200px;
}   .overlap_section .service-wrapper .single-service:nth-child(3) {
background-color: #E2E1FF;
top: 320px;
}  .overlap_section .service-wrapper .single-service:nth-child(4) {
background-color: #F2F1CE;
top: 500px;
}
.overlap_section .service-wrapper .single-service:nth-child(5) {
background-color: #F2F1CE;
top: 600px;
}
.overlap_section .service-wrapper .single-service:nth-child(6) {
background-color: #F2F1CE;
top: 700px;
}
.overlap_section .service-wrapper .single-service:nth-child(7) {
background-color: #F2F1CE;
top: 800px;
} .work-study .portfolio-card2.two .portfolio-content {
padding-left: 35px;
}
.work-study .portfolio-card2 .portfolio-img {
position: relative;
overflow: hidden;
border-radius: 20px;
}
@media (max-width: 576px) {
.work-study .portfolio-card2 .portfolio-img {
border-radius: 15px;
}
}
.work-study .portfolio-card2 .portfolio-img img {
border-radius: 20px;
max-height: 370px;
min-height: 370px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all 0.5s ease-out;
}
@media (min-width: 992px) and (max-width: 1199px) {
.work-study .portfolio-card2 .portfolio-img img {
max-height: 360px;
min-height: 360px;
}
}
@media (max-width: 991px) {
.work-study .portfolio-card2 .portfolio-img img {
max-height: 340px;
min-height: 340px;
}
}
@media (max-width: 576px) {
.work-study .portfolio-card2 .portfolio-img img {
border-radius: 15px;
}
}
.work-study .portfolio-card2 .portfolio-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
content: "";
z-index: 1;
}
.work-study .portfolio-card2 .portfolio-content {
margin-top: -67px;
position: absolute;
z-index: 1;
} .work-study .portfolio-card2 .portfolio-content h4 {
margin-bottom: 0;
}
.work-study .portfolio-card2 .portfolio-content h4 a {
font-family: var(--ztc-family-font2);
font-size: 28px;
font-weight: 400;
line-height: 1.2;
transition: 0.5s;
font-style: italic;
color: #000;
padding: 0px 11px;
background: var(--ztc-bg-bg-11);
border-radius: 10px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.work-study .portfolio-card2 .portfolio-content h4 a {
font-size: 24px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.work-study .portfolio-card2 .portfolio-content h4 a {
font-size: 24px;
}
}
@media (max-width: 991px) {
.work-study .portfolio-card2 .portfolio-content h4 a {
font-size: 26px;
}
}
.work-study .portfolio-card2 .portfolio-content h4 a:hover {
color: var(--primary-color4);
}
.work-study .portfolio-card2:hover .portfolio-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.work-study .portfolio-card2:hover .portfolio-img img {
transform: scale(1.1);
}
.work-study .portfolio-card2.two .portfolio-content {
padding-left: 35px;
}
@media (max-width: 1199px) {
.work-study .portfolio-card2.two .portfolio-content {
padding-left: 30px;
}
}
@media (max-width: 576px) {
.work-study .portfolio-card2.two .portfolio-content {
padding-left: 20px;
}
}
.work-study .portfolio-card2.two .portfolio-content h4 a:hover {
color: var(--primary-color3);
}
.work-study .portfolio-card2.three .portfolio-content {
text-align: center;
}
.work-study .portfolio-card2.three .portfolio-content h4 a:hover {
color: var(--primary-color3);
}