@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap");
:root {
  --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-10: #F6F8F9;
  --ztc-text-text-11: #ADFF1C;
  --ztc-text-text-12: #0A2828;
  --ztc-text-text-13: #2E00FF;
  --ztc-bg-bg-1: #4E2FDA;
  --ztc-bg-bg-2: #EDE9F8;
  --ztc-bg-bg-4: #EDEAFB;
  --ztc-bg-bg-8: #cfef96;
  --ztc-bg-bg-13: #FFEAF3;
  --ztc-bg-bg-15: #F6F8F9;
  --ztc-bg-bg-17: #ADFF1C;
  --ztc-bg-bg-18: #104041;
  --ztc-bg-bg-19: rgba(173, 255, 28, 0.5);
  --ztc-bg-bg-22: rgba(0, 16, 42, 0.65);
}

/*============= COMMON CSS AREA ENDS===============*/
.heading10 h2,
.heading10 h3,
.header-btn9,
.header-btn9:hover,
.about-header-area .about-inner-header h1,
.about-header-area .about-inner-header a,
.service4-section-area .service-auhtor-boxes-area .service-box-area .content-area a,
.service4-section-area .service-auhtor-boxes-area .service-box-area .content-area p,
.service4-section-area .service-auhtor-boxes-area .service-box-area .content-area .readmore,
.footer5-section-area .footer-logo-area1 h3,
.footer5-section-area .footer-logo-area2 h3,
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn9,
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn9:hover,
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .tp-submenu .homemenu-content a,
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li ul.dropdown-padding li a,
.progress-wrap::after,
.team5-section-area .team5-author-boxarea .content-area a,
.team-inner-section-area .team-boxarea .content a,
.slider-section-area .sldier-head p,
.testimonial2-section-area .testimonial2-owl-carousel-area.owl-carousel .owl-item.active .testimonial-author-box .pera,
.testimonial2-section-area .testimonial2-owl-carousel-area.owl-carousel .owl-item.active .testimonial-author-box .content-area .images-content .content a,
.testimonial2-section-area .testimonial2-owl-carousel-area.owl-carousel .owl-item.active .testimonial-author-box .content-area .images-content .content p,
.testimonial2-section-area .testimonial2-owl-carousel-area .testimonial-author-box p.pera,
.testimonial2-section-area .testimonial2-owl-carousel-area .testimonial-author-box .content-area .images-content .content a,
.testimonial2-section-area .testimonial2-owl-carousel-area .testimonial-author-box .content-area .images-content .content p,
.testimonial4-section-area .testimonial4-slider-area .testimonial-boxarea .auhtor-logo .text a,
.testimonial4-section-area .testimonial4-slider-area1 .testimonial-boxarea .auhtor-logo .text a,
.case5-section-area .case-widget-area .content-area span,
.case5-section-area .case-widget-area .content-area .main-content a,
.case5-section-area .case-widget-area .content-area .main-content p,
.case-inner-section-area .tabs-content-area .tab-content .tabs-contents .content-area .link-area .head,
.case-single-section-area .case-auhtor-area .case-single-hedaer .case-others-area ul li span,
.case-lista-area .case-list ul li,
.cta-section-area.others-cta ul li a,
.case5-section-area .case-widget-area .arrow-btn a,
.case-inner-section-area .tabs-content-area .tab-content .tabs-contents .content-area .arrow a,
.case-inner-section-area .pagination-area ul li a {
  color: var(--ztc-text-text-2);
}
.heading10 p,
.footer5-section-area .footer-logo-area p,
.footer5-section-area .footer-logo-area1 ul li a,
.team5-section-area .team5-author-boxarea .content-area p,
.team-inner-section-area .team-boxarea .content p,
.testimonial4-section-area .testimonial4-slider-area .testimonial-boxarea p,
.testimonial4-section-area .testimonial4-slider-area1 .testimonial-boxarea p,
.case-inner-section-area .tabs-area ul li button,
.case-inner-section-area .tabs-content-area .tab-content .tabs-contents .content-area .link-area .tags,
.case-single-section-area .case-auhtor-area .case-single-hedaer .case-others-area ul li {
  color: var(--ztc-text-text-3);
}
.cta-section-area .cta-header-area .btn-area a,
.cta-section-area .cta-header-area .btn-area a:hover span,
.case-inner-section-area .tabs-content-area .tab-content .tabs-contents .content-area .link-area .head:hover {
  color: var(--ztc-text-text-4);
}
.footer5-section-area .footer-logo-area ul li a,
.team-inner-section-area .team-boxarea ul li a {
  color: var(--ztc-text-text-5);
}
.heading9 h1 span,
.testimonial4-section-area .testimonial4-slider-area .owl-nav button,
.testimonial4-section-area .testimonial4-slider-area1 .owl-nav button {
  color: var(--ztc-text-text-6);
}
.service4-section-area .service-auhtor-boxes-area .service-box-area .icons-area .number h4 {
  color: var(--ztc-text-text-7);
}
.heading9 h1,
.heading9 p,
.cta5-section-area .cta-header-area h2 {
  color: var(--ztc-text-text-10);
}
.footer5-section-area .footer-logo-area1 ul li a:hover,
.footer5-section-area .footer-logo-area2 ul li a:hover span,
.homepage5-body .header-area.homepage5 nav#navbar-example2 ul li a.nav-link.active,
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li:hover > a,
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li ul.dropdown-padding li.main-small-menu:hover > a,
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li ul.dropdown-padding li.main-small-menu:hover > a::after,
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li ul.dropdown-padding li a:hover,
.team5-section-area .team5-author-boxarea .team-sociala-area .icons .plus,
.team5-section-area .team5-author-boxarea .team-sociala-area .icons .minus {
  color: var(--ztc-text-text-11);
}
.heading10 h5,
.case5-section-area .case-widget-area:hover .arrow-btn a,
.case5-section-area .case-widget-area .arrow-btn a:hover {
  color: var(--ztc-text-text-12);
}
.heading9 h5,
.hero5-section-area .header-content-area h2 {
  color: var(--ztc-bg-bg-17);
}
.testimonial2-section-area .testimonial2-owl-carousel-area .testimonial-author-box ul li,
.testimonial4-section-area .testimonial4-slider-area .testimonial-boxarea .auhtor-logo .text ul li,
.testimonial4-section-area .testimonial4-slider-area1 .testimonial-boxarea .auhtor-logo .text ul li {
  color: #FFBA00;
}
/*============= SERVICE CSS AREA ===============*/
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .img1::after,
.progress-wrap:hover ,
.team5-section-area .team5-author-boxarea .team-sociala-area .icons .plus,
.team5-section-area .team5-author-boxarea .team-sociala-area .icons .minus,
.cta-section-area.others-cta ul li a:hover,
.testimonial2-section-area .testimonial2-owl-carousel-area .owl-dots button.active {
  background: var(--ztc-text-text-2);
}
.team-inner-section-area .team-boxarea ul,
.cta-section-area,
.cta-section-area .cta-header-area,
.cta-section-area .cta-header-area .btn-area a span,
.slider-section-area.slider-inner,
.case-inner-section-area .tabs-area ul li button.active,
.case-inner-section-area .tabs-content-area .tab-content .tabs-contents .content-area .arrow a:hover,
.case-inner-section-area .pagination-area ul li a.active,
.case-inner-section-area .pagination-area ul li a:hover {
  background: var(--ztc-text-text-4);
}
.testimonial4-section-area .testimonial4-slider-area1 .owl-nav button:hover {
  background: var(--ztc-text-text-6);
}
.testimonial4-section-area .testimonial4-slider-area .owl-nav button,
.testimonial4-section-area .testimonial4-slider-area1 .owl-nav button {
  background: var(--ztc-text-text-7);
}
.footer5-section-area .footer-logo-area ul li a:hover,
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li ul.dropdown-padding li.main-small-menu:hover > a::after,
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li ul.dropdown-padding li a::after,
.team5-section-area .team5-author-boxarea .team-sociala-area .icons,
.team5-section-area .team5-author-boxarea .team-sociala-area .social-icons ul,
.case5-section-area .case-widget-area:hover .arrow-btn a,
.case5-section-area .case-widget-area .arrow-btn a:hover {
  background: var(--ztc-text-text-11);
}
.cta-section-area .cta-header-area .btn-area a:hover {
  background: var(--ztc-text-text-13);
}
.bg2,
.slider-section-area,
.case-inner-section-area .tabs-area ul li button,
.case-inner-section-area .tabs-content-area .tab-content .tabs-contents .content-area .arrow a,
.case-inner-section-area .pagination-area ul li a,
.testimonial4-section-area.bg2 {
  background: var(--ztc-bg-bg-4);
}
.testimonial2-section-area .testimonial2-owl-carousel-area.owl-carousel .owl-item.active {
  background: var(--ztc-bg-bg-10);
}
.service4-section-area .service-auhtor-boxes-area .service-box-area .icons-area .icons {
  background: var(--ztc-bg-bg-13);
}
.service4-section-area,
.testimonial2-section-area .testimonial2-owl-carousel-area .testimonial-author-box,
.testimonial4-section-area,
.case5-section-area {
  background: var(--ztc-bg-bg-15);
}
.header-btn9,
.bg3,
.service4-section-area .service-auhtor-boxes-area .service-box-area::after,
.testimonial2-section-area .testimonial2-owl-carousel-area .testimonial-author-box:hover,
.testimonial2-section-area .testimonial2-owl-carousel-area .owl-dots button,
.testimonial2-section-area .testimonial2-owl-carousel-area .owl-dots button::after {
  background: var(--ztc-bg-bg-17);
}
.bg4,
.service4-section-area .service-auhtor-boxes-area .service-box-area:hover .icons-area .icons,
.mobile-header.mobile-haeder5,
.header-area.homepage5.sticky,
.testimonial2-section-area .testimonial2-owl-carousel-area .testimonial-author-box:hover ul li,
.testimonial2-section-area .testimonial2-owl-carousel-area .testimonial-author-box ul li,
.testimonial4-section-area .testimonial4-slider-area1 .testimonial-boxarea,
.cta5-section-area,
.testimonial2-section-area {
  background: var(--ztc-bg-bg-18);
}
.heading10 h5::after {
  background: var(--ztc-bg-bg-19);
}
.heading9 h5 {
  background: var(--ztc-bg-bg-22);
}
/*============= HERO CSS AREA ===============*/
.heading10 span {
  color: var(--ztc-text-text-11);
}
/*============= FOOTER CSS AREA ===============*/
.footer5-section-area {
  background-color: #010f2a;
}
.footer5-section-area .footer-logo-area ul li a {
  background: #F8F9FA;
}
.team-inner-section-area .team-boxarea ul li a {
  background: #6044DE;
}
.testimonial2-section-area .testimonial2-owl-carousel-area.owl-carousel .owl-item.active .testimonial-author-box ul li {
  background: #00102a;
}
.footer5-section-area .copyright-area,
.homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .img1 img {
  border-color: #E5E7EB;
}
.btn-area .search-icon a {
  color: var(--ztc-bg-bg-1);
}
.progress-wrap:hover {
  box-shadow: 0 0 15px 0 var(--ztc-text-text-16);
}
.progress-wrap svg.progress-circle path {
  stroke: var(--ztc-text-text-2);
}
.case5-section-area .case-widget-area {
  border-bottom-color: #CED4DA;
}
.case5-section-area .case-widget-area .arrow-btn a {
  border-color: var(--ztc-text-text-2);
}
.case5-section-area .case-widget-area .arrow-btn a:hover {
  border-color: var(--ztc-text-text-11);
}
.hero5-section-area {
  position: relative;
  z-index: 1;
  padding: 150px 0 0;
  overflow: hidden;
  background-image: url(../images/header-desktop.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
@media (max-width: 767px) {
.hero5-section-area {
    background-image: url(../images/header-mobile.jpg);
    background-position: 10% 50%;
  }
}