@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap");
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp1 {
    padding: 50px 0 50px;
  }
  .sp2 {
    padding: 50px 0 20px;
  }
  .sp4 {
    padding: 40px 0 40px;
  }
  .sp5 {
    padding: 30px 0 30px;
  }
  .sp6 {
    padding: 60px 0 60px;
  }
  .sp7 {
    padding: 60px 0 30px;
  }
  .sp8 {
    padding: 50px 0 0;
  }
  .sp9 {
    padding: 60px 0 0;
  }
  .sp10 {
    padding: 0 0 50px;
  }
  .service4-section-area .service4-header {
    margin-bottom: 30px;
  }
  .service4-section-area .service-auhtor-boxes-area .bg-images .img1 {
    top: 30%;
  }
  .service4-section-area .service-auhtor-boxes-area .bg-images .icons {
    top: 42%;
  }
  .service-inner-header .service-images {
    margin-bottom: 30px;
  }
  .service-inner-header .service-textarea {
    margin-bottom: 50px;
  }
  .service-inner2-section-area .service-images {
    left: 0;
    margin-bottom: 30px;
  }
  .service-inner2-section-area .service-content {
    margin-bottom: 50px;
  }
  .hero5-section-area {
    background-image: url(../images/header-mobile.jpg);
  }
  .hero5-section-area .header-content-area {
    padding: 0;
    margin-bottom: 30px;
    margin-top: 0;
    text-align: center;
  }
  .hero5-section-area .hero-images-area {
    left: 30px;
  }
  .hero5-section-area .hero-images-area .auhtor-images .img1 .lite-icons2 {
    right: 0;
  }
  .footer5-section-area .footer-logo-area1 {
    padding: 0;
    margin-top: 30px;
  }
  .footer5-section-area .footer-logo-area2 {
    padding: 0;
    margin-top: 30px;
  }
  .footer5-section-area .footer-logo-area3 {
    padding: 0;
    margin-top: 30px;
  }
  .team5-section-area .team-header {
    margin-bottom: 30px;
  }
  .team-inner-section-area .team-boxarea {
    margin-bottom: 30px;
  }
  .team-inner-section-area .team-header {
    padding: 0;
    margin-bottom: 30px;
  }
  .cta-section-area {
    padding: 0;
  }
  .slider-section-area .sldier-head p {
    text-align: center;
    margin-bottom: 30px;
  }
  .testimonial2-section-area .testimonial-header {
    margin-bottom: 30px;
  }
  .testimonial4-section-area .testimonia4-header {
    margin-bottom: 30px;
  }
  .testimonial4-section-area .testimonial4-slider-area .owl-nav {
    text-align: center;
    margin-top: 30px;
  }
  .testimonial4-section-area .testimonial4-slider-area .owl-nav .owl-next {
    right: 0;
    top: 0;
    position: relative;
  }
  .testimonial4-section-area .testimonial4-slider-area .owl-nav .owl-prev {
    left: 0;
    top: 0;
    position: relative;
    margin: 0 6px 0 0;
  }
  .testimonial4-section-area .testimonial4-slider-area1 .owl-nav {
    text-align: center;
    margin-top: 30px;
  }
  .testimonial4-section-area .testimonial4-slider-area1 .owl-nav .owl-next {
    right: 0;
    top: 0;
    position: relative;
  }
  .testimonial4-section-area .testimonial4-slider-area1 .owl-nav .owl-prev {
    left: 0;
    top: 0;
    position: relative;
    margin: 0 6px 0 0;
  }
  .slider5-section-area {
    padding: 40px 0;
  }
  .slider5-section-area .slider-all-boxarea .slider-boxarea {
    margin-bottom: 20px;
  }
  .testimonial5-section-area .testimonial-header-area {
    margin-bottom: 30px;
  }
  .testimonial5-section-area .testimonial-arrows {
    display: flex;
    justify-content: center;
    margin-top: 30px;
  }
  .testimonial5-section-area .testimonial-arrows > div {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    text-align: center;
  }
  .testimonial5-section-area .testimonial-arrows .testimonial-next-arrow {
    right: -6px;
  }
  .case-inner-section-area .tabs-area ul {
    margin-bottom: 30px;
  }
  .case-single-section-area .case-auhtor-area .case-single-hedaer {
    margin-bottom: 30px;
  }
  .case-lista-area .case-list {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .service-inner2-section-area .service-images {
    left: 0;
  }
}
@media (max-width: 767px) {
  .heading9 h1 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: var(--ztc-font-size-font-s40);
  }
  .heading10 h2 span img {
    display: none;
  }
  .heading10 h2 {
    font-size: var(--ztc-font-size-font-s32);
    line-height: var(--ztc-font-size-font-s40);
  }
  .sp1 {
    padding: 50px 0 50px;
  }
  .sp2 {
    padding: 50px 0 20px;
  }
  .sp4 {
    padding: 40px 0 40px;
  }
  .sp5 {
    padding: 30px 0 30px;
  }
  .sp6 {
    padding: 60px 0 60px;
  }
  .sp7 {
    padding: 60px 0 30px;
  }
  .sp8 {
    padding: 50px 0 0;
  }
  .sp9 {
    padding: 60px 0 0;
  }
  .sp10 {
    padding: 0 0 50px;
  }
  .service4-section-area .service4-header {
    margin-bottom: 30px;
  }
  .service4-section-area .service-auhtor-boxes-area .bg-images .img1 {
    top: 38%;
  }
  .service4-section-area .service-auhtor-boxes-area .bg-images .icons {
    top: 41.75%;
  }
  .service4-section-area .service-auhtor-boxes-area .service-box-area {
    margin-bottom: 30px;
  }
  .service-inner-header .service-images {
    margin-bottom: 30px;
  }
  .service-inner-header .service-textarea {
    margin-bottom: 50px;
  }
  .service-inner2-section-area .service-images {
    left: 0;
    margin-bottom: 30px;
  }
  .service-inner2-section-area .service-content {
    margin-bottom: 50px;
  }
  .hero5-section-area {
    background-image: url(../images/header-mobile.jpg);
    background-position: 10% 50%;
  }
  .hero5-section-area .header-content-area {
    padding: 0;
    margin-bottom: 30px;
    margin-top: 0;
    text-align: center;
  }
  .hero5-section-area .header-content-area .btn-area1 .header-btn10 {
    margin-left: 0;
  }
  .hero5-section-area .hero-images-area {
    left: 0;
  }
  .hero5-section-area .hero-images-area .auhtor-images .img1 .author-img1 {
    display: none;
  }
  .hero5-section-area .hero-images-area .auhtor-images .img1 .sound-icons3 {
    left: -20px;
    top: 0;
  }
  .hero5-section-area .hero-images-area .auhtor-images .img1 .lite-icons2 {
    right: -20px;
    top: 0;
  }
  .footer5-section-area {
    padding: 40px 0 0 0;
  }
  .footer5-section-area .footer-logo-area1 {
    padding: 0;
    margin-top: 30px;
  }
  .footer5-section-area .footer-logo-area2 {
    padding: 0;
    margin-top: 30px;
  }
  .footer5-section-area .footer-logo-area3 {
    padding: 0;
    margin-top: 30px;
  }
  .footer5-section-area .copyright-area {
    display: inline-block;
    text-align: center;
  }
  .footer5-section-area .copyright-area ul {
    margin-top: 20px;
  }
  .team5-section-area .team-header {
    margin-bottom: 30px;
  }
  .team-inner-section-area .team-boxarea {
    margin-bottom: 30px;
  }
  .team-inner-section-area .team-header {
    padding: 0;
    margin-bottom: 30px;
  }
  .cta-section-area {
    padding: 0;
  }
  .cta5-section-area .cta-header-area .btn-area1 .header-btn10 {
    margin-left: 0;
  }
  .slider-section-area .sldier-head p {
    text-align: center;
    margin-bottom: 30px;
  }
  .testimonial2-section-area .testimonial-header {
    margin-bottom: 30px;
  }
  .testimonial4-section-area .testimonia4-header {
    margin-bottom: 30px;
  }
  .testimonial4-section-area .testimonial4-slider-area .owl-nav {
    text-align: center;
    margin-top: 30px;
  }
  .testimonial4-section-area .testimonial4-slider-area .owl-nav .owl-next {
    right: 0;
    top: 0;
    position: relative;
  }
  .testimonial4-section-area .testimonial4-slider-area .owl-nav .owl-prev {
    left: 0;
    top: 0;
    position: relative;
    margin: 0 6px 0 0;
  }
  .testimonial4-section-area .testimonial4-slider-area1 .owl-nav {
    text-align: center;
    margin-top: 30px;
  }
  .testimonial4-section-area .testimonial4-slider-area1 .owl-nav .owl-next {
    right: 0;
    top: 0;
    position: relative;
  }
  .testimonial4-section-area .testimonial4-slider-area1 .owl-nav .owl-prev {
    left: 0;
    top: 0;
    position: relative;
    margin: 0 6px 0 0;
  }
  .slider5-section-area {
    padding: 40px 0;
  }
  .slider5-section-area .slider-all-boxarea .slider-boxarea {
    margin-bottom: 20px;
  }
  .slider5-section-area .slider-all-boxarea2 .slider-boxarea {
    margin-top: 20px;
  }
  .testimonial5-section-area .testimonial-header-area {
    margin-bottom: 30px;
  }
  .testimonial5-section-area .single-testimonial h5 {
    font-size: 18px;
    line-height: 28px;
  }
  .testimonial5-section-area .author a {
    font-size: var(--ztc-font-size-font-s18);
    line-height: var(--ztc-font-size-font-s28);
  }
  .testimonial5-section-area .author p {
    font-size: 14px;
  }
  .testimonial5-section-area .testimonial-nav {
    padding-left: 0;
  }
  .testimonial5-section-area .testimonial-arrows {
    display: flex;
    justify-content: center;
    margin-top: 30px;
  }
  .testimonial5-section-area .testimonial-arrows > div {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    text-align: center;
  }
  .testimonial5-section-area .testimonial-arrows .testimonial-next-arrow {
    right: -6px;
  }
  .case5-section-area .case-widget-area .hidden-img {
    display: none;
  }
  .case5-section-area .case-widget-area .hidden-img.img2 {
    display: none;
  }
  .case5-section-area .case-widget-area .hidden-img.img3 {
    display: none;
  }
  .case-inner-section-area .tabs-area ul {
    margin-bottom: 30px;
  }
  .case-inner-section-area .tabs-area ul li button {
    margin-bottom: 10px;
  }
  .case-single-section-area .case-auhtor-area .case-single-hedaer {
    margin-bottom: 30px;
  }
  .case-lista-area .case-list {
    padding: 0;
    margin-top: 30px;
  }
}
@media (max-width: 576px) {
  .service4-section-area .service-auhtor-boxes-area .bg-images {
    display: none;
  }
}
@media (max-width: 415px) {
  .heading9 h5 {
    font-family: var(--ztc-family-font1);
    font-size: var(--ztc-font-size-font-s32);
    line-height: var(--ztc-font-size-font-s36);
  }
  .heading10 h2 {
    font-size: var(--ztc-font-size-font-s28);
    line-height: var(--ztc-font-size-font-s32);
  }
}