@media (hover: hover) and (pointer: fine) {
  a:hover {
    text-decoration: none;
  }
  .image-anime:hover:after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
  }
  .header-btn1:hover {
    color: var(--ztc-text-text-1);
    transition: all 0.4s;
  }
  .header-btn1:hover::after {
    width: 100%;
    left: 0;
    top: 0;
    transition: all 0.4s;
    visibility: visible;
    opacity: 1;
  }
  .header-btn1:hover i {
    transform: rotate(0);
    transition: all 0.4s;
  }
  .header-btn2-h2:hover {
    color: var(--ztc-text-text-1);
    transition: all 0.4s;
  }
  .header-btn2-h2:hover::after {
    width: 100%;
    left: 0;
    top: 0;
    transition: all 0.4s;
    visibility: visible;
    opacity: 1;
  }
  .header-btn2-h2:hover i {
    transform: rotate(0);
    transition: all 0.4s;
  }
  .header-btn2-h3:hover {
    color: var(--ztc-text-text-1);
    transition: all 0.4s;
    transform: translateY(-5px);
  }
  .header-btn2-h3:hover::after {
    width: 100%;
    left: 0;
    top: 0;
    transition: all 0.4s;
    visibility: visible;
    opacity: 1;
  }
  .header-btn2-h3:hover i {
    transform: rotate(0);
    transition: all 0.4s;
  }
  .header-btn2-h4:hover {
    color: var(--ztc-text-text-1);
    transition: all 0.4s;
    transform: translateY(-5px);
  }
  .header-btn2-h4:hover::after {
    width: 100%;
    left: 0;
    top: 0;
    transition: all 0.4s;
    visibility: visible;
    opacity: 1;
  }
  .header-btn2-h4:hover i {
    transform: rotate(0);
    transition: all 0.4s;
  }
  .header-btn2-h5:hover {
    color: var(--ztc-text-text-1);
    transition: all 0.4s;
    transform: translateY(-5px);
  }
  .header-btn2-h5:hover::after {
    width: 100%;
    left: 0;
    top: 0;
    transition: all 0.4s;
    visibility: visible;
    opacity: 1;
  }
  .header-btn2-h5:hover i {
    transform: rotate(0);
    transition: all 0.4s;
  }
  .service1-section-area .service-boxarea:hover .img1::after {
    height: 100%;
    width: 100%;
    transition: all 0.4s;
  }
  .service1-section-area .service-boxarea:hover .img1 img {
    transform: scale(1.1) rotate(4deg);
    transition: all 0.4s;
  }
  .service1-section-area .service-boxarea:hover .content-area {
    height: 104px;
    transition: all 0.6s;
  }
  .service1-section-area .service-boxarea:not(.no-link):hover .content-area .readmore {
    bottom: 0;
    height: 30px;
    transition: all 0.6s;
    visibility: visible;
    opacity: 1;
  }
  .service1-section-area .service-boxarea:not(.no-link):hover .arrow {
          transition: all 0.8s;
          top: 95px;
      }
  .service1-section-area .service-boxarea:not(.no-link) .content-area .head:hover {
          color: var(--ztc-text-text-4);
          transition: all 0.4s;
      }
  .service1-section-area .service-boxarea:not(.no-link) .content-area .readmore:hover {
          color: var(--ztc-text-text-4);
          transition: all 0.4s;
      }
  .service2-section-area .service-boxarea:not(.no-link):hover .img1::after {
  			height: 100%;
  			width: 100%;
  			transition: all 0.4s;
  		}
  .service2-section-area .service-boxarea:not(.no-link):hover .img1 img {
  			transform: scale(1.1) rotate(4deg);
  			transition: all 0.4s;
  		}
  .service2-section-area .service-boxarea:not(.no-link):hover .content-area {
  			height: 104px;
  			transition: all 0.6s;
  			background-color: var(--ztc-bg-bg-5)!important;
  		}
  .service2-section-area .service-boxarea:not(.no-link):hover .content-area .head {
  				color: white !important;
  			}
  .service2-section-area .service-boxarea:not(.no-link):hover .content-area .readmore {
  				bottom: 0;
  				height: 30px;
  				transition: all 0.6s;
  				visibility: visible;
  				opacity: 1;
  				color: white !important;
  			}
  .service2-section-area .service-boxarea:not(.no-link):hover .arrow {
  			transition: all 0.8s;
  			top: 95px;
  		}
  .service2-section-area .service-boxarea .content-area .head:hover {
  					color: var(--ztc-text-text-5);
  					transition: all 0.4s;
  				}
  .service2-section-area .service-boxarea .content-area .readmore:hover {
  	color: var(--ztc-text-text-5);
  	transition: all 0.4s;
}
  .service3-section-area .service3-boxarea:hover .img1 .service-img7 {
  					transform: scale(1.1) rotate(4deg);
  					transition: all 0.4s;
  				}
  .service3-section-area .service3-boxarea:hover .img1 .elements2 {
  					bottom: 0;
  					transition: all 0.6s;
  				}
  .service3-section-area .service3-boxarea .content-area a:hover {
  							color: var(--ztc-text-text-6);
  							transition: all 0.4s;
  						}
  .service3-section-area .service3-boxarea .content-area a.readmore:hover {
  							color: var(--ztc-text-text-6);
  							transition: all 0.4s;
  						}
  .service4-section-area .service4-slider-area .service4-slider-box:hover .img1 img {
  						transform: scale(1.1) rotate(-4deg);
  						transition: all 0.4s;
  					}
  .service4-section-area .service4-slider-area .service4-slider-box:hover .img1::after {
  						visibility: visible;
  						opacity: 1;
  						transition: all 0.4s;
  					}
  .service4-section-area .service4-slider-area .service4-slider-box:hover .arrow {
  						bottom: 8px;
  						transition: all 0.6s;
  					}
  .service5-section-area .service5-slider-area .service5-slider-box:hover .heading {
  						visibility: hidden;
  						opacity: 0;
  					}
  .service5-section-area .service5-slider-area .service5-slider-box:hover .img1 img {
  						transform: scale(1.1) rotate(-4deg);
  						transition: all 0.4s;
  					}
  .service5-section-area .service5-slider-area .service5-slider-box:hover .img1::after {
  						visibility: visible;
  						opacity: 1;
  						transition: all 0.4s;
  						transform: scale(1);
  					}
  .service5-section-area .service5-slider-area .service5-slider-box:hover .arrow {
  						visibility: visible;
  						opacity: 1;
  						transition: all 0.6s;
  						transform: scale(1);
  					}
  .service-inner-area .service-widget-area .categories ul li a:hover {
  							background: var(--ztc-bg-bg-5);
  							transition: all 0.4s;
  							color: white;
  						}
  .service-inner-area .service-widget-area .download-area .btn-area1 .header-btn1.btn2:hover {
  							color: white;
  						}
  .hero-section-area .hero-tabs-area .hero-header .btn-area .header-btn2:hover {
  			color: var(--ztc-text-text-1);
  			transition: all 0.4s;
  			border: 1px solid var(--ztc-text-text-2);
  		}
  .hero-section-area .hero-tabs-area .hero-header .btn-area .header-btn2:hover::after {
  				width: 100%;
  				left: 0;
  				top: 0;
  				transition: all 0.4s;
  				visibility: visible;
  				opacity: 1;
  			}
  .hero-section-area .hero-tabs-area .hero-header .btn-area .header-btn2:hover i {
  				transform: rotate(0);
  				transition: all 0.4s;
  			}
  .header-carousel-slider-area .hero-area .header-area .div .header-btn2-h2:hover {
  			color: var(--ztc-text-text-2);
  		}
  .hero3-section-area .hero-header-area .btn-area1 .header-btn2-h3.btn2:hover {
  			border: 1px solid var(--ztc-text-text-2);
  			color: var(--ztc-text-text-1);
  		}
  .hero3-section-area .hero-header-area .btn-area1 .header-btn2-h3.btn2:hover span {
  				background: #fff;
  				color: var(--ztc-text-text-2);
  			}
  .hero5-section-area .hero5-header .header-btn2-h5.btn2:hover {
  				border: 1px solid var(--ztc-text-text-2);
  			}
  .hero5-section-area .hero5-header .header-btn2-h5.btn2:hover::after {
  					background: var(--ztc-bg-bg-8);
  				}
  .inner-hero-area .header-btn2-h2:not(.btn2):hover {
  		color:white!important;
  	}
  .inner-hero-area .header-btn2-h2.btn2:hover, .inner-hero-area .header-btn2-h2.btn2:hover i {
  			color: var(--ztc-text-text-2);
  		}
  .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-sidebar.mobile-sidebar2 .footer1-contact-info .social-links-mobile-menu ul li a:hover {
  							background: var(--ztc-text-text-5);
  							transition: all 0.4s ease-in-out;
  							transform: translateY(-3px);
  							color: var(--ztc-text-text-1);
  							border: 1px solid var(--ztc-text-text-5);
  						}
  .mobile-sidebar.mobile-sidebar3 .footer1-contact-info .social-links-mobile-menu ul li a:hover {
  							background: var(--ztc-text-text-6);
  							transition: all 0.4s ease-in-out;
  							transform: translateY(-3px);
  							color: var(--ztc-text-text-1);
  							border: 1px solid var(--ztc-text-text-6);
  						}
  .mobile-sidebar.mobile-sidebar4 .footer1-contact-info .social-links-mobile-menu ul li a:hover {
  							background: var(--ztc-text-text-7);
  							transition: all 0.4s ease-in-out;
  							transform: translateY(-3px);
  							color: var(--ztc-text-text-1);
  							border: 1px solid var(--ztc-text-text-7);
  						}
  .mobile-sidebar.mobile-sidebar5 .footer1-contact-info .social-links-mobile-menu ul li a:hover {
  							background: var(--ztc-text-text-8);
  							transition: all 0.4s ease-in-out;
  							transform: translateY(-3px);
  							color: var(--ztc-text-text-1);
  							border: 1px solid var(--ztc-text-text-8);
  						}
  .blog1-section-area .blog-boxarea:hover {
  					background: #FFF;
  					box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  					transition: all 0.4s;
  				}
  .blog1-section-area .blog-boxarea:hover .content-area {
  						background: #fff;
  						transition: all 0.4s;
  					}
  .blog1-section-area .blog-boxarea:hover .img1 img {
  						transform: scale(1.1) rotate(4deg);
  						transition: all 0.4s;
  					}
  .blog1-section-area .blog-boxarea .content-area .head:hover {
  							color: var(--ztc-text-text-4);
  							transition: all 0.4s;
  						}
  .blog1-section-area .blog-boxarea .content-area .readmore:hover {
  							color: var(--ztc-text-text-4);
  							transition: all 0.4s;
  						}
  .blog1-section-area .blog-boxarea .content-area .readmore:hover i {
  								transform: rotate(0);
  								transition: all 0.4s;
  							}
  .blog2-section-area .blog-boxarea:hover .img1 img {
  					transform: scale(1.1) rotate(4deg);
  					transition: all 0.4s;
  				}
  .blog2-section-area .blog-boxarea .content-area .head:hover {
  							color: var(--ztc-text-text-5);
  							transition: all 0.4s;
  						}
  .blog2-section-area .blog-boxarea .content-area .readmore:hover {
  							color: var(--ztc-text-text-5);
  							transition: all 0.4s;
  						}
  .blog2-section-area .blog-boxarea .content-area .readmore:hover i {
  								transform: rotate(0);
  								transition: all 0.4s;
  							}
  .blog3-section-area .blog-boxarea:hover .img1 img {
  					transform: scale(1.1) rotate(4deg);
  					transition: all 0.4s;
  				}
  .blog3-section-area .blog-boxarea:hover .content-area {
  					border-radius: 0px 0px 7px 7px;
  					background: #FFF;
  					box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  					transition: all 0.4s;
  				}
  .blog3-section-area .blog-boxarea .content-area .head:hover {
  							color: var(--ztc-text-text-6);
  							transition: all 0.4s;
  						}
  .blog3-section-area .blog-boxarea .content-area .readmore:hover {
  							color: var(--ztc-text-text-6);
  							transition: all 0.4s;
  						}
  .blog3-section-area .blog-boxarea .content-area .readmore:hover i {
  								transform: rotate(0);
  								transition: all 0.4s;
  							}
  .blog4-section-area .blog-boxarea:hover .img1 img {
  					transform: scale(1.1) rotate(4deg);
  					transition: all 0.4s;
  				}
  .blog4-section-area .blog-boxarea:hover .content-area {
  					border-radius: 0px 0px 7px 7px;
  					background: #FFF;
  					box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  					transition: all 0.4s;
  				}
  .blog4-section-area .blog-boxarea .content-area .head:hover {
  							color: var(--ztc-text-text-7);
  							transition: all 0.4s;
  						}
  .blog4-section-area .blog-boxarea .content-area .readmore:hover {
  							color: var(--ztc-text-text-7);
  							transition: all 0.4s;
  						}
  .blog4-section-area .blog-boxarea .content-area .readmore:hover i {
  								transform: rotate(0);
  								transition: all 0.4s;
  							}
  .blog5-section-area .blog5-boxarea:hover .img1 img {
  					transform: scale(1.1) rotate(4deg);
  					transition: all 0.4s;
  					border-radius: 4px;
  				}
  .blog5-section-area .blog5-boxarea .content-area .head:hover {
  							color: var(--ztc-text-text-8);
  							transition: all 0.4s;
  						}
  .blog5-section-area .blog5-boxarea .content-area .readmore:hover {
  							color: var(--ztc-text-text-8);
  							transition: all 0.4s;
  						}
  .blog5-section-area .blog5-boxarea .content-area .readmore:hover i {
  								transform: rotate(0);
  								transition: all 0.4s;
  							}
  .blog-inner-section-area .blog-boxarea:hover {
  					background: #FFF;
  					box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  					transition: all 0.4s;
  				}
  .blog-inner-section-area .blog-boxarea:hover .content-area {
  						background: #fff;
  						transition: all 0.4s;
  					}
  .blog-inner-section-area .blog-boxarea:hover .img1 img {
  						transform: scale(1.1) rotate(4deg);
  						transition: all 0.4s;
  					}
  .blog-inner-section-area .blog-boxarea .content-area .head:hover {
  							color: var(--ztc-text-text-4);
  							transition: all 0.4s;
  						}
  .blog-inner-section-area .blog-boxarea .content-area .readmore:hover {
  							color: var(--ztc-text-text-4);
  							transition: all 0.4s;
  						}
  .blog-inner-section-area .blog-boxarea .content-area .readmore:hover i {
  								transform: rotate(0);
  								transition: all 0.4s;
  							}
  .blog-inner-area .blog-widget-area .categories ul li a:hover {
  							background: var(--ztc-bg-bg-3);
  							transition: all 0.4s;
  							color: var(--ztc-text-text-2);
  						}
  .blog-inner-area .blog-widget-area .blog-posts-area .blog-posts .content a:hover {
  								color: var(--ztc-text-text-4);
  								transition: all 0.4s;
  							}
  .blog-inner-area .blog-widget-others .tag-social-area .tags ul li a:hover {
  			background: var(--ztc-bg-bg-3);
  			transition: all 0.4s;
  		}
  .blog-inner-area .blog-widget-others .tag-social-area .social ul li a:hover {
  					background: var(--ztc-bg-bg-3);
  					transition: all 0.4s;
  				}
  .blog-inner-area .blog-widget-others .comments-boxarea .comments-boxes .reply:hover {
  						color: var(--ztc-text-text-4);
  						transition: all 0.4s;
  					}
  .blog-inner-area .blog-widget-others .comments-boxarea2 .comments-boxes .reply:hover {
  					color: var(--ztc-text-text-4);
  					transition: all 0.4s;
  				}
  .footer1-section-area .footer-logo ul li a:hover {
  					background: var(--ztc-bg-bg-3);
  					transition: all 0.4s;
  					color: var(--ztc-bg-bg-2);
  				}
  .footer1-section-area .footer-content ul li a:hover {
  				color: var(--ztc-text-text-4);
  				transition: all 0.4s;
  				padding-left: 5px;
  			}
  .footer1-section-area .footer-content2 ul li a:hover {
  				color: var(--ztc-text-text-4);
  				transition: all 0.4s;
  				padding-left: 5px;
  			}
  .footer1-section-area .copyright-area ul li a:hover {
  				color: var(--ztc-text-text-4);
  				transition: all 0.4s;
  			}
  .footer2-section-area .footer-logo ul li a:hover {
  					background: var(--ztc-bg-bg-5);
  					transition: all 0.4s;
  					color: var(--ztc-bg-bg-1);
  					border: 1px solid var(--ztc-bg-bg-5);
  				}
  .footer2-section-area .footer-logo form button.header-btn2-h2:hover {
  					color: var(--ztc-text-text-5);
  				}
  .footer2-section-area .footer-content ul li a:hover {
  				color: var(--ztc-text-text-5);
  				transition: all 0.4s;
  				padding-left: 5px;
  			}
  .footer2-section-area .footer-content2 ul li a:hover {
  				color: var(--ztc-text-text-5);
  				transition: all 0.4s;
  				padding-left: 5px;
  			}
  .footer2-section-area .contact-form .icons-area .text a:hover {
  				color: var(--ztc-text-text-5);
  				transition: all 0.4s;
  			}
  .footer2-section-area .copyright-area ul li a:hover {
  				color: var(--ztc-text-text-5);
  				transition: all 0.4s;
  			}
  .footer3-section-area .footer-logo ul li a:hover {
  					background: var(--ztc-bg-bg-6);
  					transition: all 0.4s;
  					color: var(--ztc-bg-bg-1);
  				}
  .footer3-section-area .footer-content2 ul li a:hover {
  				color: var(--ztc-text-text-6);
  				transition: all 0.4s;
  				padding-left: 5px;
  			}
  .footer3-section-area .contact-form .icons-area .text a:hover {
  					color: var(--ztc-text-text-6);
  					transition: all 0.4s;
  				}
  .footer3-section-area .copyright-area ul li a:hover {
  				color: var(--ztc-text-text-4);
  				transition: all 0.4s;
  			}
  .footer4-section-area .footer-logo ul li a:hover {
  					background: var(--ztc-bg-bg-7);
  					transition: all 0.4s;
  					color: var(--ztc-bg-bg-1);
  					border: 1px solid var(--ztc-bg-bg-7);
  				}
  .footer4-section-area .footer-content ul li a:hover {
  				color: var(--ztc-text-text-7);
  				transition: all 0.4s;
  				padding-left: 5px;
  			}
  .footer4-section-area .footer-content2 ul li a:hover {
  				color: var(--ztc-text-text-7);
  				transition: all 0.4s;
  				padding-left: 5px;
  			}
  .footer4-section-area .contact-form .icons-area .text a:hover {
  					color: var(--ztc-text-text-7);
  					transition: all 0.4s;
  				}
  .footer4-section-area .copyright-area ul li a:hover {
  				color: var(--ztc-text-text-7);
  				transition: all 0.4s;
  			}
  .footer5-section-area .footer-logo ul li a:hover {
  					background: var(--ztc-bg-bg-8);
  					transition: all 0.4s;
  					color: var(--ztc-bg-bg-1);
  				}
  .footer5-section-area .footer-content ul li a:hover {
  				color: var(--ztc-text-text-8);
  				transition: all 0.4s;
  				padding-left: 5px;
  			}
  .footer5-section-area .footer-content2 ul li a:hover {
  				color: var(--ztc-text-text-8);
  				transition: all 0.4s;
  				padding-left: 5px;
  			}
  .footer5-section-area .contact-form .icons-area .text a:hover {
  					color: var(--ztc-text-text-8);
  					transition: all 0.4s;
  				}
  .footer5-section-area .copyright-area ul li a:hover {
  				color: var(--ztc-text-text-8);
  				transition: all 0.4s;
  			}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb:hover .img1::after {
  									transform: scale(1);
  									transition: all 0.4s;
  									visibility: visible;
  									opacity: 0.7;
  								}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb:hover .homemenu-btn {
  									top: 42%;
  									visibility: visible;
  									opacity: 1;
  									transition: all 0.6s;
  								}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li:hover .tp-submenu {
  								visibility: visible;
  								transition: all 0.5s ease-in-out;
  								opacity: 1;
  								z-index: 9;
  								top: 50px;
  								position: absolute;
  								transition: all 0.4s;
  							}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li:hover ul.dropdown-padding {
  								visibility: visible;
  								transition: all 0.5s ease-in-out;
  								opacity: 1;
  								z-index: 9;
  								top: 50px;
  								position: absolute;
  								transition: all 0.4s;
  							}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li:hover > a {
  								transition: all 0.4s;
  								color: var(--ztc-text-text-4) !important;
  							}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li.main-small-menu:hover > a {
  										transition: all 0.4s;
  										padding-left: 25px;
  										color: var(--ztc-text-text-4);
  									}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li.main-small-menu:hover > a::after {
  											background: var(--ztc-text-text-4);
  											transition: all 0.4s;
  											visibility: visible;
  											opacity: 1;
  											color: var(--ztc-text-text-4);
  										}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li a:hover {
  											padding-left: 25px;
  											color: var(--ztc-text-text-4);
  										}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li a:hover::after {
  												border-radius: 4px;
  												visibility: visible;
  												transition: all 0.4s;
  												opacity: 1;
  												left: 0;
  											}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li.menu-small:hover ul.small-menu {
  							visibility: visible;
  							opacity: 1;
  							transition: all 0.4s;
  							top: 10px;
  						}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb:hover .img1::after {
  									transform: scale(1);
  									transition: all 0.4s;
  									visibility: visible;
  									opacity: 0.4;
  								}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb:hover .homemenu-btn {
  									top: 37%;
  									visibility: visible;
  									opacity: 1;
  									transition: all 0.6s;
  								}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1:hover {
  											color: var(--ztc-text-text-1);
  											transition: all 0.4s;
  											transform: translateY(-5px);
  										}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1:hover::after {
  												width: 100%;
  												left: 0;
  												top: 0;
  												transition: all 0.4s;
  												visibility: visible;
  												opacity: 1;
  											}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li:hover .tp-submenu {
  								visibility: visible;
  								transition: all 0.5s ease-in-out;
  								opacity: 1;
  								z-index: 9;
  								position: absolute;
  								transition: all 0.4s;
  								transform: scale(1);
  								top: 201.3%;
  							}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li:hover ul.dropdown-padding {
  								visibility: visible;
  								transition: all 0.5s ease-in-out;
  								opacity: 1;
  								z-index: 9;
  								top: 50px;
  								position: absolute;
  								transition: all 0.4s;
  							}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li:hover .mega-menu-all {
  								opacity: 1;
  								visibility: visible;
  								transform: scale(1);
  							}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li:hover > a {
  								transition: all 0.4s;
  								color: var(--ztc-text-text-4) !important;
  							}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li.main-small-menu:hover > a {
  										transition: all 0.4s;
  										padding-left: 25px;
  										color: var(--ztc-text-text-4);
  									}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li.main-small-menu:hover > a::after {
  											background: var(--ztc-text-text-4);
  											transition: all 0.4s;
  											visibility: visible;
  											opacity: 1;
  											color: var(--ztc-text-text-4);
  										}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li a:hover {
  											padding-left: 25px;
  											color: var(--ztc-text-text-4);
  										}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li a:hover::after {
  												visibility: visible;
  												transition: all 0.4s;
  												opacity: 1;
  												left: 0;
  											}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .mega-menu-all ul li a:hover {
  											padding-left: 15px !important;
  											color: var(--ztc-text-text-4);
  										}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .mega-menu-all ul li a:hover::after {
  												visibility: visible;
  												transition: all 0.4s;
  												opacity: 1;
  												left: 0;
  											}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn1:hover {
  												color: var(--ztc-text-text-1);
  												transition: all 0.4s;
  											}
  .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn1:hover::after {
  													width: 100%;
  													left: 0;
  													top: 0;
  													transition: all 0.4s;
  													visibility: visible;
  													opacity: 1;
  												}
  .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li.menu-small:hover ul.small-menu {
  				visibility: visible;
  				opacity: 1;
  				transition: all 0.4s;
  				top: 10px;
  			}
  .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb:hover .img1::after {
  						transform: scale(1);
  						transition: all 0.4s;
  						visibility: visible;
  						opacity: 0.4;
  					}
  .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb:hover .homemenu-btn {
  						top: 37%;
  						visibility: visible;
  						opacity: 1;
  						transition: all 0.6s;
  					}
  .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h2:hover {
  								color: var(--ztc-text-text-1);
  								transition: all 0.4s;
  							}
  .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h2:hover::after {
  									width: 100%;
  									left: 0;
  									top: 0;
  									transition: all 0.4s;
  									visibility: visible;
  									opacity: 1;
  								}
  .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h2:hover i {
  									transform: rotate(0);
  									transition: all 0.4s;
  								}
  .homepage2-body .header-area.homepage2 .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%;
  				}
  .homepage2-body .header-area.homepage2 .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: 100%;
  					position: absolute;
  					transition: all 0.4s;
  				}
  .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li:hover .mega-menu-all {
  					opacity: 1;
  					visibility: visible;
  					transform: scale(1);
  				}
  .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li:hover > a {
  					transition: all 0.4s;
  					color: var(--ztc-text-text-5) !important;
  				}
  .homepage2-body .header-area.homepage2 .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-5);
  						}
  .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li ul.dropdown-padding li.main-small-menu:hover > a::after {
  								background: var(--ztc-text-text-5);
  								transition: all 0.4s;
  								visibility: visible;
  								opacity: 1;
  								color: var(--ztc-text-text-5);
  							}
  .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li ul.dropdown-padding li a:hover {
  								padding-left: 25px;
  								color: var(--ztc-text-text-5);
  							}
  .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li ul.dropdown-padding li a:hover::after {
  									visibility: visible;
  									transition: all 0.4s;
  									opacity: 1;
  									left: 0;
  								}
  .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li .mega-menu-all ul li a:hover {
  								padding-left: 15px !important;
  								color: var(--ztc-text-text-5);
  							}
  .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li .mega-menu-all ul li a:hover::after {
  									visibility: visible;
  									transition: all 0.4s;
  									opacity: 1;
  									left: 0;
  								}
  .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h2:hover {
  									color: var(--ztc-text-text-1);
  									transition: all 0.4s;
  								}
  .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h2:hover::after {
  										width: 100%;
  										left: 0;
  										top: 0;
  										transition: all 0.4s;
  										visibility: visible;
  										opacity: 1;
  									}
  .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h2:hover i {
  										transform: rotate(0);
  										transition: all 0.4s;
  									}
  .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li.menu-small:hover ul.small-menu {
  							visibility: visible;
  							opacity: 1;
  							transition: all 0.4s;
  							top: 10px;
  						}
  .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb:hover .img1::after {
  										transform: scale(1);
  										transition: all 0.4s;
  										visibility: visible;
  										opacity: 0.4;
  									}
  .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb:hover .homemenu-btn {
  										top: 37%;
  										visibility: visible;
  										opacity: 1;
  										transition: all 0.6s;
  									}
  .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h3:hover {
  												color: var(--ztc-text-text-1);
  												transition: all 0.4s;
  											}
  .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h3:hover::after {
  													width: 100%;
  													left: 0;
  													top: 0;
  													transition: all 0.4s;
  													visibility: visible;
  													opacity: 1;
  												}
  .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h3:hover i {
  													transform: rotate(0);
  													transition: all 0.4s;
  												}
  .homepage3-body .header-area.homepage3 .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%;
  							}
  .homepage3-body .header-area.homepage3 .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;
  							}
  .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li:hover .mega-menu-all {
  								opacity: 1;
  								visibility: visible;
  								transform: scale(1);
  							}
  .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li:hover > a {
  								transition: all 0.4s;
  								color: var(--ztc-text-text-6) !important;
  							}
  .homepage3-body .header-area.homepage3 .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-6);
  									}
  .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li ul.dropdown-padding li.main-small-menu:hover > a::after {
  											background: var(--ztc-text-text-6);
  											transition: all 0.4s;
  											visibility: visible;
  											opacity: 1;
  											color: var(--ztc-text-text-6);
  										}
  .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li ul.dropdown-padding li a:hover {
  											padding-left: 25px;
  											color: var(--ztc-text-text-6);
  										}
  .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li ul.dropdown-padding li a:hover::after {
  												visibility: visible;
  												transition: all 0.4s;
  												opacity: 1;
  												left: 0;
  											}
  .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li .mega-menu-all ul li a:hover {
  											padding-left: 15px !important;
  											color: var(--ztc-text-text-6);
  										}
  .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li .mega-menu-all ul li a:hover::after {
  												visibility: visible;
  												transition: all 0.4s;
  												opacity: 1;
  												left: 0;
  											}
  .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h3:hover {
  												color: var(--ztc-text-text-1);
  												transition: all 0.4s;
  											}
  .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h3:hover::after {
  													width: 100%;
  													left: 0;
  													top: 0;
  													transition: all 0.4s;
  													visibility: visible;
  													opacity: 1;
  												}
  .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h3:hover i {
  													transform: rotate(0);
  													transition: all 0.4s;
  												}
  .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li.menu-small:hover ul.small-menu {
  							visibility: visible;
  							opacity: 1;
  							transition: all 0.4s;
  							top: 10px;
  						}
  .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb:hover .img1::after {
  									transform: scale(1);
  									transition: all 0.4s;
  									visibility: visible;
  									opacity: 0.4;
  								}
  .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb:hover .homemenu-btn {
  									top: 37%;
  									visibility: visible;
  									opacity: 1;
  									transition: all 0.6s;
  								}
  .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h4:hover {
  											color: var(--ztc-text-text-1);
  											transition: all 0.4s;
  											transform: translateY(-5px);
  										}
  .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h4:hover::after {
  												width: 100%;
  												left: 0;
  												top: 0;
  												transition: all 0.4s;
  												visibility: visible;
  												opacity: 1;
  											}
  .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h4:hover i {
  												transform: rotate(0);
  												transition: all 0.4s;
  											}
  .homepage4-body .header-area.homepage4 .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%;
  							}
  .homepage4-body .header-area.homepage4 .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;
  							}
  .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li:hover .mega-menu-all {
  								opacity: 1;
  								visibility: visible;
  								transform: scale(1);
  							}
  .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li:hover > a {
  								transition: all 0.4s;
  								color: var(--ztc-text-text-7) !important;
  							}
  .homepage4-body .header-area.homepage4 .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-7);
  									}
  .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li ul.dropdown-padding li.main-small-menu:hover > a::after {
  											background: var(--ztc-text-text-7);
  											transition: all 0.4s;
  											visibility: visible;
  											opacity: 1;
  											color: var(--ztc-text-text-7);
  										}
  .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li ul.dropdown-padding li a:hover {
  											padding-left: 25px;
  											color: var(--ztc-text-text-7);
  										}
  .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li ul.dropdown-padding li a:hover::after {
  												visibility: visible;
  												transition: all 0.4s;
  												opacity: 1;
  												left: 0;
  											}
  .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li .mega-menu-all ul li a:hover {
  											padding-left: 15px !important;
  											color: var(--ztc-text-text-7);
  										}
  .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li .mega-menu-all ul li a:hover::after {
  												visibility: visible;
  												transition: all 0.4s;
  												opacity: 1;
  												left: 0;
  											}
  .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h4:hover {
  												color: var(--ztc-text-text-1);
  												transition: all 0.4s;
  												transform: translateY(-5px);
  											}
  .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h4:hover::after {
  													width: 100%;
  													left: 0;
  													top: 0;
  													transition: all 0.4s;
  													visibility: visible;
  													opacity: 1;
  												}
  .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h4:hover i {
  													transform: rotate(0);
  													transition: all 0.4s;
  												}
  .homepage5-body .header-area.homepage5 .header-elements .main-menu ul li.menu-small:hover ul.small-menu {
  						visibility: visible;
  						opacity: 1;
  						transition: all 0.4s;
  						top: 10px;
  					}
  .homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb:hover .img1::after {
  								transform: scale(1);
  								transition: all 0.4s;
  								visibility: visible;
  								opacity: 0.4;
  							}
  .homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb:hover .homemenu-btn {
  								top: 37%;
  								visibility: visible;
  								opacity: 1;
  								transition: all 0.6s;
  							}
  .homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h5:hover {
  										color: var(--ztc-text-text-1);
  										transition: all 0.4s;
  										transform: translateY(-5px);
  									}
  .homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h5:hover::after {
  											width: 100%;
  											left: 0;
  											top: 0;
  											transition: all 0.4s;
  											visibility: visible;
  											opacity: 1;
  										}
  .homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h5:hover i {
  											transform: rotate(0);
  											transition: all 0.4s;
  										}
  .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:hover .mega-menu-all {
  							opacity: 1;
  							visibility: visible;
  							transform: scale(1);
  						}
  .homepage5-body .header-area.homepage5 .header-elements .main-menu ul li:hover > a {
  							transition: all 0.4s;
  							color: var(--ztc-text-text-8) !important;
  						}
  .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-8);
  								}
  .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-8);
  										transition: all 0.4s;
  										visibility: visible;
  										opacity: 1;
  										color: var(--ztc-text-text-8);
  									}
  .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-8);
  									}
  .homepage5-body .header-area.homepage5 .header-elements .main-menu ul li ul.dropdown-padding li a:hover::after {
  											visibility: visible;
  											transition: all 0.4s;
  											opacity: 1;
  											left: 0;
  										}
  .homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .mega-menu-all ul li a:hover {
  										padding-left: 15px !important;
  										color: var(--ztc-text-text-8);
  									}
  .homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .mega-menu-all ul li a:hover::after {
  											visibility: visible;
  											transition: all 0.4s;
  											opacity: 1;
  											left: 0;
  										}
  .homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h5:hover {
  											color: var(--ztc-text-text-1);
  											transition: all 0.4s;
  											transform: translateY(-5px);
  										}
  .homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h5:hover::after {
  												width: 100%;
  												left: 0;
  												top: 0;
  												transition: all 0.4s;
  												visibility: visible;
  												opacity: 1;
  											}
  .homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h5:hover i {
  												transform: rotate(0);
  												transition: all 0.4s;
  											}
  .loading-container:hover .loading {
  			transition: all 0.5s ease-in-out;
  		}
  .progress-wrap:hover {
  				background: var(--ztc-text-text-5);
  				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:hover::after {
  				opacity: 0;
  			}
  .progress-wrap:hover::before {
  				opacity: 1;
  			}
  .history-section-area .history-details-boxarea .history-boxes a:hover {
  				color: var(--ztc-text-text-4);
  				transition: all 0.4s;
  			}
  .history-section-area .history-details-boxarea .history-boxes .readmore:hover {
  				color: var(--ztc-text-text-4);
  				transition: all 0.4s;
  			}
  .pagination-area ul li a:hover {
  							background: var(--ztc-text-text-4);
  							color: var(--ztc-text-text-2);
  							transition: all 0.4s;
  						}
  .pagination-area2 ul li a:hover {
  							background: var(--ztc-text-text-4);
  							color: var(--ztc-text-text-2);
  							transition: all 0.4s;
  						}
  .team1-section-area .team-boxarea:hover .img1::after {
  					visibility: visible;
  					opacity: 0.6;
  					transform: scale(1);
  					transition: all 0.4s;
  				}
  .team1-section-area .team-boxarea:hover .img1 img {
  					transform: scale(1.1) rotate(4deg);
  					transition: all 0.4s;
  				}
  .team1-section-area .team-boxarea:hover ul {
  					visibility: visible;
  					opacity: 1;
  					top: 50%;
  					transition: all 0.6s;
  				}
  .team1-section-area .team-boxarea .content a:hover {
  							color: var(--ztc-text-text-5);
  							transition: all 0.4s;
  						}
  .team1-section-area .team-boxarea ul li a:hover {
  								background: var(--ztc-bg-bg-5);
  								color: var(--ztc-text-text-1);
  								transition: all 0.4s;
  							}
  .team4-section-area .team-boxarea:hover .img1::after {
  					visibility: visible;
  					opacity: 0.6;
  					transform: scale(1);
  					transition: all 0.4s;
  				}
  .team4-section-area .team-boxarea:hover .img1 img {
  					transform: scale(1.1) rotate(4deg);
  					transition: all 0.4s;
  				}
  .team4-section-area .team-boxarea:hover ul {
  					visibility: visible;
  					opacity: 1;
  					top: 50%;
  					transition: all 0.6s;
  				}
  .team4-section-area .team-boxarea .content a:hover {
  							color: var(--ztc-text-text-7);
  							transition: all 0.4s;
  						}
  .team4-section-area .team-boxarea ul li a:hover {
  								background: var(--ztc-bg-bg-7);
  								color: var(--ztc-text-text-2);
  								transition: all 0.4s;
  							}
  .teaminner-section-area .team-boxarea:hover .img1::after {
  					visibility: visible;
  					opacity: 0.6;
  					transform: scale(1);
  					transition: all 0.4s;
  				}
  .teaminner-section-area .team-boxarea:hover .img1 img {
  					transform: scale(1.1) rotate(4deg);
  					transition: all 0.4s;
  				}
  .teaminner-section-area .team-boxarea:hover ul {
  					visibility: visible;
  					opacity: 1;
  					top: 50%;
  					transition: all 0.6s;
  				}
  .teaminner-section-area .team-boxarea .content a:hover {
  							color: var(--ztc-text-text-4);
  							transition: all 0.4s;
  						}
  .teaminner-section-area .team-boxarea ul li a:hover {
  								background: var(--ztc-text-text-4);
  								color: var(--ztc-text-text-2);
  								transition: all 0.4s;
  							}
  .team-single-section .team-single-boxarea .team-single-content .social-area ul li a:hover {
  					background: var(--ztc-bg-bg-3);
  					transition: all 0.4s;
  				}
  .faq-inner-area .service-widget-area .categories ul li a:hover {
  							background: var(--ztc-bg-bg-3);
  							transition: all 0.4s;
  							color: var(--ztc-text-text-2);
  						}
  .contact1-section-area .contact-header .contact-author-area .author-box:hover .icons {
  				background: var(--ztc-text-text-5);
  				transition: all 0.4s;
  			}
  .cta1-section-area .btn-area .header-btn2:hover {
  			color: var(--ztc-text-text-1);
  			transition: all 0.4s;
  			border: 1px solid var(--ztc-text-text-2);
  		}
  .cta1-section-area .btn-area .header-btn2:hover::after {
  				width: 100%;
  				left: 0;
  				top: 0;
  				transition: all 0.4s;
  				visibility: visible;
  				opacity: 1;
  			}
  .cta1-section-area .btn-area .header-btn2:hover i {
  				transform: rotate(0);
  				transition: all 0.4s;
  			}
  .cta2-section-area .cta-widget-bg .heading4 .btn-area a.header-btn2-h2:hover {
  				color: var(--ztc-text-text-1);
  			}
  .cta3-section-area .btn-area .header-btn2-h3.btn2:hover {
  			color: var(--ztc-text-text-1);
  			transition: all 0.4s;
  			border: 1px solid var(--ztc-text-text-6);
  		}
  .cta3-section-area .btn-area .header-btn2-h3.btn2:hover::after {
  				width: 100%;
  				left: 0;
  				top: 0;
  				transition: all 0.4s;
  				visibility: visible;
  				opacity: 1;
  			}
  .cta3-section-area .btn-area .header-btn2-h3.btn2:hover i {
  				transform: rotate(0);
  				transition: all 0.4s;
  			}
  .testimonial1-section-area .testimonial-sliders .testimonial-arrows button:hover {
  			background: var(--ztc-text-text-4);
  			color: var(--ztc-bg-bg-1);
  			transition: all 0.4s;
  			transform: translateY(-5px);
  		}
  .testimonial1-section-area .testimonial-sliders .testimonial-content-slider .testemonial-boxarea .author-content .content a:hover {
  						color: var(--ztc-text-text-4);
  						transition: all 0.4s;
  					}
  .testimonial2-section-area .testimonial-slider-area .owl-nav button:hover {
  				background: var(--ztc-bg-bg-5);
  				color: var(--ztc-text-text-1);
  				transition: all 0.4s;
  			}
  .testimonial3-section-area .testimonial-sliders2 .testimonial-arrows button:hover {
  			background: var(--ztc-text-text-6);
  			color: var(--ztc-bg-bg-1);
  			transition: all 0.4s;
  			transform: translateY(-5px);
  		}
  .testimonial3-section-area .testimonial-sliders2 .testimonial-content-slider .testemonial-boxarea .author-content .content a:hover {
  						color: var(--ztc-text-text-6);
  						transition: all 0.4s;
  					}
  .choose1-section-area .choose-images .others-area .widget-text:hover .icons {
  						background: var(--ztc-text-text-5);
  						transition: all 0.4s;
  					}
  .choose1-section-area .choose-images .others-area .widget-text:hover .icons img {
  							filter: brightness(0) invert(1);
  							transition: all 0.4s;
  						}
  .choose5-section-area .choose-images .others-area .widget-text:hover .icons {
  						background: var(--ztc-text-text-8);
  						transition: all 0.4s;
  					}
  .choose5-section-area .choose-images .others-area .widget-text:hover .icons img {
  							filter: brightness(0) invert(1);
  							transition: all 0.4s;
  						}
  .choose6-section-area .choose-images .others-area .widget-text:hover .icons {
  						background: var(--ztc-text-text-4);
  						transition: all 0.4s;
  					}
  .choose6-section-area .choose-images .others-area .widget-text:hover .icons img {
  							filter: brightness(0);
  							transition: all 0.4s;
  						}
  .works-section-area .step-by-step .step-area a:hover {
  							color: var(--ztc-text-text-4);
  						}
  .choose3-section-area .choose-pera-area .list-area:hover .icons {
  				background: var(--ztc-bg-bg-6);
  				transition: all 0.4s;
  				transform: rotateY(-180deg);
  			}
  .choose3-section-area .choose-pera-area .list-area:hover .icons img {
  					filter: brightness(0) invert(1);
  					transition: all 0.4s;
  				}
  .project1-section-area .swiper-slide .content-area a.readmore:hover {
  				color: var(--ztc-text-text-4);
  				transition: all 0.4s;
  			}
  .project2-section-area .project-boxarea:hover .img1::after {
  					transform: scale(1);
  					transition: all 0.4s;
  					visibility: visible;
  					opacity: 0.7;
  				}
  .project2-section-area .project-boxarea:hover .img1 img {
  					transform: scale(1.1) rotate(4deg);
  					transition: all 0.4s;
  				}
  .project2-section-area .project-boxarea:hover .content-area {
  					bottom: 20px;
  					transition: all 0.6s;
  				}
  .project3-section-area .swiper-slide .content-area a.readmore:hover {
  				color: var(--ztc-text-text-6);
  				transition: all 0.4s;
  			}
  .project4-section-area .project-boxarea:hover .img1::after {
  					transform: scale(1);
  					transition: all 0.4s;
  					visibility: visible;
  					opacity: 0.7;
  					border-radius: 4px;
  				}
  .project4-section-area .project-boxarea:hover .img1::before {
  					visibility: visible;
  					opacity: 1;
  					transition: all 0.4s;
  				}
  .project4-section-area .project-boxarea:hover .img1 img {
  					transform: scale(1.1) rotate(4deg);
  					transition: all 0.4s;
  					border-radius: 4px;
  				}
  .project4-section-area .project-boxarea:hover .content-area {
  					top: 20px;
  					transition: all 0.6s;
  				}
  .project4-section-area .project-boxarea:hover .arrow {
  					bottom: 8px;
  					transition: all 0.6s;
  				}
  .project5-section-area .project5-boxarea:hover .img1::after {
  					transform: scale(1);
  					transition: all 0.4s;
  					visibility: visible;
  					opacity: 0.7;
  				}
  .project5-section-area .project5-boxarea:hover .img1 img {
  					transform: scale(1.1) rotate(4deg);
  					transition: all 0.4s;
  				}
  .project5-section-area .project5-boxarea:hover .content-area {
  					bottom: 20px;
  					transition: all 0.6s;
  				}
  .project2-section-inner-area .project-boxarea:hover .img1::after {
  					transform: scale(1);
  					transition: all 0.4s;
  					visibility: visible;
  					opacity: 0.7;
  				}
  .project2-section-inner-area .project-boxarea:hover .img1 img {
  					transform: scale(1.1) rotate(4deg);
  					transition: all 0.4s;
  				}
  .project2-section-inner-area .project-boxarea:hover .content-area {
  					bottom: 20px;
  					transition: all 0.6s;
  				}
  .cost-calculator-area .cost-section-boxarea .select-area .nice-select ul li:hover {
  					background: var(--ztc-bg-bg-3);
  					color: var(--ztc-text-text-2);
  				}
  .cost-calculator-area .cost-section-boxarea .materials-area ul li a:hover {
  					background: var(--ztc-bg-bg-2);
  					transition: all 0.4s;
  					color: var(--ztc-text-text-1);
  				}
  .cost2-calculator-area .cost-section-boxarea .select-area .nice-select ul li:hover {
  					background: var(--ztc-bg-bg-5);
  					color: var(--ztc-text-text-1);
  				}
  .cost2-calculator-area .cost-section-boxarea .materials-area ul li a:hover {
  					background: var(--ztc-bg-bg-2);
  					transition: all 0.4s;
  					color: var(--ztc-text-text-1);
  				}
  .cost3-calculator-area .cost-section-boxarea .select-area .nice-select ul li:hover {
  					background: var(--ztc-bg-bg-6);
  					color: var(--ztc-text-text-2);
  				}
  .cost3-calculator-area .cost-section-boxarea .materials-area ul li a:hover {
  					background: var(--ztc-bg-bg-2);
  					transition: all 0.4s;
  					color: var(--ztc-text-text-1);
  				}
  .cost4-calculator-area .cost-section-boxarea .select-area .nice-select ul li:hover {
  					background: var(--ztc-bg-bg-7);
  					color: var(--ztc-text-text-2);
  				}
  .cost4-calculator-area .cost-section-boxarea .materials-area ul li a:hover {
  					background: var(--ztc-bg-bg-2);
  					transition: all 0.4s;
  					color: var(--ztc-text-text-1);
  				}
  .cost5-calculator-area .cost-section-boxarea .select-area .nice-select ul li:hover {
  					background: var(--ztc-text-text-8);
  					color: var(--ztc-text-text-1);
  				}
  .cost5-calculator-area .cost-section-boxarea .materials-area ul li a:hover {
  					background: var(--ztc-bg-bg-2);
  					transition: all 0.4s;
  					color: var(--ztc-text-text-1);
  				}
}

@media (pointer: coarse) {
    .header-btn1:hover,
    .header-btn1:active,
    .header-btn1:focus,
    .header-btn1:focus-visible {
        color: white;
        background: var(--ztc-bg-bg-5);
    }

	.header-btn2-h2:hover,
	.header-btn2-h2:active,
	.header-btn2-h2:focus,
	.header-btn2-h2:focus-visible {
		color: white;
	}

    .header-carousel-slider-area .hero-area .header-area .div .header-btn2-h2.btn2:hover,
    .header-carousel-slider-area .hero-area .header-area .div .header-btn2-h2.btn2:active,
    .header-carousel-slider-area .hero-area .header-area .div .header-btn2-h2.btn2:focus,
    .header-carousel-slider-area .hero-area .header-area .div .header-btn2-h2.btn2:focus-visible {
        color: white;
    }

    .cta2-section-area .cta-widget-bg .heading4 .btn-area a.header-btn2-h2:hover,
    .cta2-section-area .cta-widget-bg .heading4 .btn-area a.header-btn2-h2:active,
    .cta2-section-area .cta-widget-bg .heading4 .btn-area a.header-btn2-h2:focus,
    .cta2-section-area .cta-widget-bg .heading4 .btn-area a.header-btn2-h2:focus-visible {
        color: var(--ztc-text-text-5);
    }
}