@media screen and (max-width: 1601px) {
  .index-wrap-2 {
    margin-top: -15%;
  }
  .wrap-1-girl {
    right: -2%;
  }
  .index-wrap-3-item {
    height: 468px;
  }
  .index-wrap-3-section-2-img {
    height: 695px;
    border-radius: 60px;
  }
  .usp-img-1 {
    right: -167px;
    top: 14px;
  }
  .book-cover-wrap-1-img {
    right: 6%;
    bottom: 5%;
  }
  .portfolio-wrap-2 {
    margin-top: -16%;
  }
  .contact-wrap-1-img {
    right: 6%;
    bottom: 1%;
    max-width: 38%;
  }
}

@media screen and (max-width: 1537px) {
  .index-wrap-3-item {
    height: 448px;
  }
  h2 {
    font-size: 60px;
  }
  .index-wrap-3-section-2-content h2 {
    line-height: 65px;
  }
  .service-wrap-3-main-item h3 {
    font-size: 35px;
  }
  .service-wrap-3-main-item-parah {
    padding: 0px 0px 0px;
  }
  .service-wrap-3-main-item {
    padding: 25px;
  }
  .service-wrap-5-main-item h3 {
    font-size: 30px;
  }
  .service-wrap-5-main-item h4 {
    font-size: 18px;
    padding: 0px 0px 0px;
  }
  .service-wrap-5-main-item .p-custom {
    padding-bottom: 5px;
  }
  .service-wrap-5-main-inner-item p {
    font-size: 11px;
  }
  .ghostwriting-wrap-1-img {
    right: 3%;
    bottom: 10%;
  }
}

@media screen and (max-width: 1441px) {
  .index-wrap-3-item {
    height: 418px;
  }
  h2 {
    font-size: 50px;
  }
  .index-wrap-3-section-2-content h2 {
    line-height: 55px;
  }
  .index-wrap-2 h2 {
    line-height: 54px;
  }
  .index-wrap-3-section-2-content .p-head {
    padding: 13px 0px 13px;
  }
  .btn .span-1,
  button .span-1 {
    font-size: 14px;
    padding: 13px 30px;
    border-radius: 12px;
  }
  .btn .span-2,
  button .span-2 {
    width: 50px;
    height: 50px;
    font-size: 20px;
    border-radius: 12px;
  }
  .index-wrap-3-section-2-numbers li h4 {
    font-size: 50px;
  }
  .index-wrap-3-section-2-numbers li h4 span {
    font-size: 55px;
  }
  .index-wrap-3-section-2-numbers li p {
    font-size: 14px;
  }
  .index-wrap-3-section-2-img {
    height: 560px;
    border-radius: 50px;
  }
  .index-wrap-6-review .index-wrap-6 {
    margin-top: -14%;
  }
  .about-wrap-2 {
    clip-path: ellipse(162% 100% at 50% 110%);
    margin-top: -13%;
  }
  .index-wrap-4 {
    margin-top: -9%;
  }
  .service-wrap-5-main-item h2 {
    font-size: 50px;
  }
  .service-wrap-5-main-item h3 {
    font-size: 25px;
  }
  .service-wrap-5-main-item h4 {
    font-size: 16px;
  }
  .service-wrap-5-main-item .p-custom {
    padding-bottom: 0px;
  }
  .service-wrap-5-main-inner-item h6 {
    font-size: 14px;
    padding: 3px 0px 1px;
  }
  .service-wrap-5-main-inner-item p {
    font-size: 10px;
  }
  .megamenu-inner .megamenu-main-ul li .megamenu-main-ul-a {
    font-size: 40px;
  }
  .book-cover-wrap-1-img {
    right: 2%;
    bottom: 5%;
  }
  .portfolio-wrap-2 {
    margin-top: -18%;
    clip-path: ellipse(180% 100% at 50% 110%);
  }
}

@media screen and (max-width: 1367px) {
  .marquee-banner span {
    font-size: 13px;
  }
  .marquee-banner {
    width: 150px;
  }
  .index-wrap-1-span {
    padding: 5px 7px;
  }
  .index-wrap-1 h1 {
    font-size: 55px;
    line-height: 60px;
    padding: 16px 0px 11px 0px;
  }
  .index-wrap-1 p {
    width: 75%;
    padding-bottom: 9px;
  }
  p {
    font-size: 14px;
  }
  .btn .span-1,
  button .span-1 {
    font-size: 14px;
    padding: 12px 26px;
    border-radius: 12px;
  }
  .btn .span-2,
  button .span-2 {
    width: 46px;
    height: 46px;
    font-size: 18px;
    border-radius: 11px;
  }
  .marquee-item {
    width: 170px;
    margin: 15px 0px;
  }
  .marquee-inner-banner-main {
    width: 550px;
  }
  .index-wrap-1 {
    padding: 130px 0px 175px;
  }
  .index-wrap-2 {
    clip-path: ellipse(145% 100% at 50% 110%);
    margin-top: -18%;
  }
  .wrap-1-girl {
    right: -9%;
    max-width: 41%;
  }
  .wrap-1-fur {
    max-width: 11%;
  }
  .banner-shade {
    max-width: 61%;
  }
  .index-wrap-3-item {
    height: 364px;
  }
  .index-wrap-3-item .index-wrap-3-item-content h3 {
    font-size: 20px;
    padding-bottom: 28px;
  }
  .index-wrap-3-item:hover .index-wrap-3-item-content h3 {
    padding-bottom: 15px;
  }
  .index-wrap-3-item .index-wrap-3-item-content-parah {
    height: 65px;
  }
  .index-wrap-3-item .index-wrap-3-item-content {
    transform: translateY(98px);
  }
  .index-wrap-2-form-box {
    padding: 120px 85px 50px 85px;
  }
  .marquee-cta span {
    font-size: 85px;
  }
  .index-wrap-3-section-3-item {
    height: 510px;
    border-radius: 35px;
  }
  .index-wrap-3-section-3 h2 {
    font-size: 30px;
  }
  .index-wrap-3-section-3-content {
    height: 180px;
    margin-bottom: 30px;
  }
  .index-wrap-3-section-3 {
    padding: 0px 0px 155px;
  }
  .index-wrap-4 {
    margin-top: -12%;
  }
  .index-wrap-4-item h3 {
    font-size: 18px;
    padding-bottom: 0px;
  }
  .index-wrap-4-item .index-wrap-4-item-parah {
    font-size: 13px;
    line-height: 20px;
    height: 83px;
  }
  .index-wrap-4-img-item-img {
    max-width: 75%;
  }
  .usp-img-2 {
    right: -83px;
    top: 10px;
    max-width: 40%;
  }
  .usp-img-3 {
    right: -80px;
    top: 1px;
    max-width: 37%;
  }
  .wrap-4-text-img {
    top: 25%;
    max-width: 38%;
  }
  .marquee-cta-2 span {
    font-size: 60px;
  }
  .index-wrap-5 {
    padding: 100px 0px 195px;
  }
  .portfolio-item {
    background-size: 122%;
  }
  .portfolio-item:hover {
    background-size: 135%;
  }
  .index-wrap-5 .tabs li,
  .portfolio-wrap-2 .tabs li {
    padding: 14px 22px;
    border-radius: 10px;
    font-size: 14px;
  }
  .index-wrap-6-review .index-wrap-6 {
    margin-top: -17%;
    clip-path: ellipse(144% 100% at 50% 110%);
    padding: 190px 0px 300px;
  }
  .index-wrap-6 h2 {
    font-size: 45px;
  }
  .review-item .review-item-content p {
    font-size: 15px;
    line-height: 22.5px;
  }
  .review-item .user-profile {
    width: 42px;
    height: 42px;
  }
  .review-item .user-name h6 {
    font-size: 13px;
  }
  .review-item .user-name p {
    font-size: 11px;
  }
  .review-item .review-item-content {
    margin: 15px 0px 20px;
    height: 130px;
  }
  .footer-list-item h4 {
    font-size: 20px;
    padding-bottom: 6px;
  }
  .footer-list-item ul li a {
    font-size: 12px;
  }
  .footer-list-item ul {
    margin-top: 10px;
    line-height: 25px;
  }
  .copyright-div a {
    font-size: 14px;
  }
  .usp-img-1 {
    right: -148px;
    top: 12px;
    max-width: 53%;
  }
  .about-wrap-1 h1 {
    font-size: 45px;
    line-height: 50px;
    padding: 16px 0px 13px 0px;
  }
  .about-wrap-1 {
    padding: 100px 0px 225px;
  }
  .about-wrap-2 {
    padding: 220px 0px 32px;
    clip-path: ellipse(165% 100% at 50% 110%);
    margin-top: -12%;
  }
  .character-4 {
    max-width: 25%;
  }
  .character-1 {
    bottom: 167px;
    max-width: 20%;
  }
  .character-3 {
    bottom: 166px;
    max-width: 16%;
  }
  .character-2 {
    left: 22%;
    bottom: 205px;
    max-width: 16%;
  }
  .about-wrap-1-text {
    top: 49%;
    max-width: 82%;
  }
  .about-wrap-2 h4 {
    font-size: 20px;
  }
  .about-wrap-2 h2 {
    font-size: 40px;
    line-height: 45px;
  }
  .index-wrap-3-section-2-numbers {
    padding-top: 27px;
  }
  h4 {
    font-size: 25px;
  }
  .about-wrap-3-item h3 {
    font-size: 22px;
    padding-bottom: 0px;
  }
  .about-wrap-3-item p {
    line-height: 20px;
  }
  .about-wrap-3-item .about-wrap-3-item-content {
    height: 115px;
    margin-top: 16px;
  }
  .about-wrap-4 {
    padding: 192px 0px 30px;
    margin-top: -29%;
  }
  .about-wrap-4-item h4 {
    font-size: 20px;
  }
  .about-wrap-4-item p {
    font-size: 13px;
    height: 60px;
    overflow-y: scroll;
  }
  .about-wrap-4-item-one {
    margin-bottom: 40px;
  }
  .about-wrap-4-section-2-content h2 {
    font-size: 45px;
  }
  .about-wrap-4-section-2-content .p-head {
    padding: 0px 0px 5px;
  }
  .about-wrap-4-section-2 {
    border-radius: 50px;
    padding: 50px 30px 50px 58px;
  }
  .about-wrap-5 h2 {
    font-size: 45px;
    line-height: 50px;
  }
  .accordion-list li h3 {
    font-size: 17px;
  }
  .about-wrap-5 {
    padding: 44px 0px 20px;
  }
  .service-wrap-1 h1 {
    font-size: 50px;
    line-height: 50px;
    padding: 12px 0px 5px;
  }
  .service-wrap-1 {
    padding: 123px 0px 140px;
  }
  .service-wrap-1-shape {
    bottom: 31%;
    max-width: 42%;
  }
  .book-marketing-wrap-1-img {
    right: 52px;
    max-width: 42%;
  }
  .service-wrap-3-main-item-img {
    width: 470px;
    height: 380px;
  }
  .service-wrap-3-main-item h3 {
    font-size: 28px;
  }
  .service-wrap-3-main-item {
    height: 520px;
    border-radius: 60px;
  }
  .service-wrap-3 {
    padding-top: 40px;
  }
  .service-wrap-5-main-item h3 {
    font-size: 20px;
  }
  .service-wrap-5-main-item h4 {
    font-size: 15px;
  }
  .service-wrap-5-main-item-book {
    max-width: 80%;
  }
  .service-wrap-5-main-item {
    padding: 50px 50px 65px;
  }
  .megamenu-inner .megamenu-main-ul li .megamenu-main-ul-a {
    font-size: 30px;
  }
  .megamenu-inner .megamenu-main-ul {
    gap: 85px;
    padding-bottom: 177px;
  }
  .megamenu-inner .megamenu-main-ul li .megamenu-main-ul-a::before {
    right: -44px;
  }
  .megamenu-inner-ul li a {
    font-size: 16px;
  }
  .megamenu-inner-ul {
    line-height: 30px;
  }
  .megamenu-inner-ul {
    width: 300px;
    border-bottom: 3px solid #ffffff;
    padding: 15px;
    border-radius: 12px;
  }
  .ghostwriting-wrap-1-img {
    right: 4%;
    bottom: 1%;
    max-width: 41%;
  }
  .book-cover-wrap-1-img {
    right: 5%;
    bottom: 5%;
    max-width: 41%;
  }
  .service-wrap-5-main-item h2 {
    font-size: 35px;
  }
  .portfolio-wrap-2 {
    margin-top: -19%;
    clip-path: ellipse(199% 100% at 50% 110%);
  }
  .book-publishing-wrap-1-img {
    right: 7%;
    bottom: 18%;
    max-width: 37%;
  }
  .contact-wrap-2 {
    padding: 280px 0px 100px;
    margin-top: -12%;
    clip-path: ellipse(147% 100% at 50% 110%);
  }
}

@media screen and (max-width: 1281px) {
}

@media screen and (max-width: 1180px) {
  .index-wrap-1 h1 {
    font-size: 45px;
    line-height: 49px;
    padding: 11px 0px 4px 0px;
  }
  .btn .span-1,
  button .span-1 {
    font-size: 12px;
  }
  .index-wrap-3-item {
    background-size: 113% !important;
  }
  h2 {
    font-size: 40px;
  }
  .index-wrap-3-section-2-content h2 {
    line-height: 46px;
  }
  p {
    font-size: 12px;
  }
  .index-wrap-3-section-2-numbers {
    gap: 30px;
    padding-top: 18px;
  }
  .index-wrap-3-section-2-numbers li h4 {
    font-size: 35px;
  }
  .index-wrap-3-section-2-numbers li h4 span {
    font-size: 38px;
  }
  .index-wrap-3-section-2-numbers li p {
    font-size: 12px;
  }
  .index-wrap-3-section-2-img {
    height: 470px;
    border-radius: 50px;
  }
  .index-wrap-4-item h3 {
    font-size: 15px;
  }
  .index-wrap-4-item .index-wrap-4-item-parah {
    font-size: 11px;
    line-height: 18px;
    height: 69px;
  }
  .usp-img-1 {
    right: -123px;
    top: 9px;
    max-width: 52%;
  }
  .usp-img-2 {
    right: -56px;
    top: 10px;
    max-width: 33%;
  }
  .usp-img-3 {
    right: -71px;
    top: 7px;
  }
  .usp-img-4 {
    left: -140px;
    top: 8px;
    max-width: 60%;
  }
  .usp-img-5 {
    top: 9px;
  }
  .portfolio-item {
    height: 285px;
  }
  .review-item {
    padding: 24px 17px 18px 22px;
    border-radius: 32px;
  }
  .review-item .review-item-content p {
    font-size: 13px;
    line-height: 20.5px;
  }
  .review-item .user-name h6 {
    font-size: 11px;
  }
  .review-item .user-name p {
    font-size: 9px;
  }
  .review-item .review-item-content {
    margin: 12px 0px 12px;
    height: 103px;
  }
  .index-wrap-6-review .index-wrap-6 {
    padding: 146px 0px 170px;
  }
  .footer-cta h2 {
    font-size: 60px;
  }
  .footer-cta button {
    width: 170px;
    height: 170px;
  }
  .footer-cta {
    border-radius: 43px;
    padding: 40px 48px 52px;
  }
  .service-wrap-2-img {
    height: 580px;
  }
  .service-wrap-3-main-item ul li {
    font-size: 14px;
  }
  .service-wrap-4-phone {
    top: 23%;
    max-width: 21%;
  }
  .service-wrap-4-cta {
    left: 8%;
    max-width: 21%;
  }
  .service-wrap-4 {
    padding: 108px 0px 153px;
  }
  .index-wrap-4 {
    padding: 168px 0px 60px;
  }
  .service-wrap-5-main-item h2 {
    font-size: 35px;
  }
  .footer-list-item h4 {
    font-size: 16px;
    padding-bottom: 6px;
  }
  .service-wrap-1 h1 {
    font-size: 48px;
  }
}

@media screen and (max-width: 1024px) {
  .index-wrap-3-item {
    height: 315px;
  }
  h2 {
    font-size: 35px;
  }
  .index-wrap-3-section-2-content h2 {
    line-height: 40px;
  }
  .btn .span-1,
  button .span-1 {
    font-size: 10px;
    padding: 8px 17px;
    border-radius: 7px;
  }
  .btn .span-2,
  button .span-2 {
    width: 35px;
    height: 35px;
    font-size: 13px;
    border-radius: 8px;
  }
  .about-wrap-4-section-2-content h2 {
    font-size: 35px;
  }
  .service-wrap-3-main-item-img {
    width: 100%;
    height: 365px;
  }
}

@media screen and (max-width: 995px) {
  .index-wrap-1 h1 {
    font-size: 30px;
    line-height: 34px;
    padding: 11px 0px 4px 0px;
  }
  .index-wrap-1 p {
    width: 80%;
    padding-bottom: 0px;
  }
  p {
    font-size: 11px;
  }
  .marquee-item {
    width: 120px;
    margin: 10px 0px;
  }
  .marquee-inner-banner-main {
    width: 385px;
  }
  .index-wrap-2 {
    clip-path: ellipse(200% 100% at 50% 110%);
    margin-top: -18%;
    padding-top: 175px;
  }
  .index-wrap-1 {
    padding: 114px 0px 105px;
  }
  .wrap-2-award-ul li img {
    width: 200px;
  }
  .wrap-2-award-ul {
    padding: 9px 15px;
    top: 39px;
  }
  .wrap-1-girl {
    right: -19%;
    max-width: 43%;
    bottom: 10px;
  }
  h2 {
    font-size: 30px;
  }
  .index-wrap-2 h2 {
    line-height: 35px;
  }
  .forem-click-btn p {
    font-size: 25px;
  }
  .index-wrap-2-form-box {
    padding: 96px 45px 22px 45px;
  }
  .index-wrap-3-item {
    height: 235px;
    border-radius: 21px;
    padding: 0px 21px 18px;
  }
  .index-wrap-3-item .index-wrap-3-item-content h3 {
    font-size: 15px;
    padding-bottom: 28px;
  }
  .index-wrap-3-item:hover .index-wrap-3-item-content h3 {
    padding-bottom: 8px;
  }
  .index-wrap-3-item-content p {
    font-size: 10px;
  }
  .index-wrap-3::before {
    height: 94.5%;
  }
  .marquee-cta span {
    font-size: 45px;
  }
  .index-wrap-3-section-3-item {
    height: 390px;
    border-radius: 30px;
  }
  .index-wrap-3-section-3 h2 {
    font-size: 20px;
  }
  .index-wrap-3-section-3 p {
    line-height: 18px;
  }
  .index-wrap-3-section-3-content {
    height: 125px;
    margin-bottom: 20px;
  }
  .index-wrap-4 {
    margin-top: -30%;
    clip-path: ellipse(236% 100% at 50% 110%);
  }
  .index-wrap-4-item h3 {
    font-size: 12px;
  }
  .index-wrap-4-item .index-wrap-4-item-parah {
    font-size: 10px;
    line-height: 14px;
    height: 50px;
  }
  .index-wrap-4 {
    margin-top: -19%;
    clip-path: ellipse(236% 100% at 50% 110%);
    padding: 140px 0px 64px;
  }
  .marquee-cta-2 span {
    font-size: 35px;
  }
  .index-wrap-5 {
    padding: 80px 0px 144px;
  }
  .index-wrap-5 .tabs,
  .portfolio-wrap-2 .tabs {
    gap: 19px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .index-wrap-5 .tabs li,
  .portfolio-wrap-2 .tabs li {
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 11px;
  }
  .portfolio-item {
    height: 205px;
    border-radius: 17px;
    background-size: 120%;
  }
  .portfolio-item img {
    width: 105px;
  }
  .index-wrap-6-review .index-wrap-6 {
    margin-top: -21%;
    clip-path: ellipse(184% 100% at 50% 110%);
    padding: 146px 0px 170px;
  }
  .footer-cta-custom-margin {
    margin-top: 0px;
  }
  .footer-cta h2 {
    font-size: 40px;
  }
  .about-wrap-4 {
    padding: 50px 0px 30px;
    margin-top: 0%;
  }
  .character-4 {
    max-width: 28%;
  }
  .character-3 {
    bottom: 166px;
    max-width: 20%;
  }
  .character-2 {
    left: 22%;
    bottom: 205px;
    max-width: 20%;
  }
  .character-1 {
    bottom: 167px;
    max-width: 23%;
  }
  .about-wrap-1 {
    padding: 90px 0px 200px;
  }
  .about-wrap-2 {
    padding: 149px 0px 32px;
    clip-path: ellipse(240% 100% at 50% 105%);
    margin-top: -13%;
  }
  .about-wrap-3 {
    padding: 80px 0px 70px;
  }
  .about-wrap-4-item h4 {
    font-size: 15px;
  }
  .about-wrap-4-item p {
    font-size: 12px;
    height: 56px;
  }
  .about-wrap-4-section-2-content h2 {
    font-size: 25px;
  }
  .about-wrap-4-section-2-content {
    width: 100%;
  }
  .about-wrap-4-section-2-content .p-head {
    padding: 0px 0px 0px;
  }
  .about-wrap-5 h2 {
    font-size: 35px;
    line-height: 39px;
  }
  .service-wrap-1 h1 {
    font-size: 40px;
    line-height: 47px;
    padding: 12px 0px 5px;
  }
  .service-wrap-3-main-item h3 {
    font-size: 20px;
  }
  .service-wrap-3-main-item ul li {
    font-size: 12px;
  }
  .service-wrap-3-main-item {
    height: 435px;
    border-radius: 45px;
  }
  .megamenu-inner .megamenu-main-ul {
    display: block;
  }
  .header-mobile-container {
    padding-top: 80px;
  }
  .portfolio-wrap-2-award-ul {
    top: 84px;
  }
  .portfolio-wrap-2 {
    padding: 195px 0px 100px;
  }
}

@media screen and (max-width: 821px) {
}

@media screen and (max-width: 768px) {
  .about-wrap-4-section-2 {
    border-radius: 43px;
    padding: 35px 20px 35px 30px;
  }
}

@media screen and (max-width: 576px) {
  .index-wrap-2 {
    clip-path: unset;
    margin-top: unset;
    padding-top: 33px;
    padding-bottom: 22px;
  }
  h2 {
    font-size: 25px;
  }
  .index-wrap-2 h2 {
    line-height: 30px;
  }
  .index-wrap-3 {
    margin-top: 0%;
    padding: 40px 0px 0px;
  }
  .index-wrap-1 p {
    width: 100%;
  }
  .index-wrap-3::before {
    height: 100%;
  }
  .index-wrap-3-section-2 {
    margin: 50px 18px 20px;
    border-radius: 35px;
    padding: 24px 28px 35px 28px;
  }
  .index-wrap-3-section-2-content h2 {
    line-height: 31px;
  }
  .index-wrap-3-section-3 p {
    line-height: 16px;
  }
  .index-wrap-4 {
    margin-top: 0%;
    clip-path: unset;
    padding: 40px 0px 30px;
  }
  .index-wrap-3-section-2-img {
    height: 400px;
    border-radius: 40px;
  }
  .index-wrap-3-section-3 {
    padding: 0px 0px 50px;
  }
  .index-wrap-6-review .index-wrap-6 {
    margin-top: 0%;
    clip-path: unset;
    padding: 50px 0px 95px;
  }
  .index-footer-margin footer {
    margin-top: 0%;
  }
  .index-wrap-5 {
    padding: 80px 0px 86px;
  }
  .index-wrap-6 h2 {
    font-size: 25px;
  }
  .about-wrap-1 h1 {
    font-size: 35px;
    line-height: 39px;
  }
  .about-wrap-1 {
    padding: 90px 0px 65px;
  }
  .about-wrap-2 {
    padding: 40px 0px 15px;
    clip-path: unset;
    margin-top: 0%;
  }
  .about-wrap-1-bubble {
    bottom: -54px;
  }
  .about-wrap-2 h4 {
    font-size: 16px;
  }
  .about-wrap-2 h2 {
    font-size: 30px;
    line-height: 35px;
  }
  .about-wrap-4-section-2 {
    margin: 20px 22px 20px;
  }
  .about-wrap-4-section-2-img {
    width: 100%;
  }
  .about-wrap-5 {
    padding: 20px 0px 0px;
  }
  .about-wrap-5 h2 {
    font-size: 25px;
    line-height: 30px;
  }
  .service-wrap-1 h1 {
    font-size: 30px;
    line-height: 33px;
    padding: 12px 0px 5px;
  }
  .service-wrap-1 {
    padding: 123px 0px 60px;
  }
  .service-wrap-3-main-item {
    height: auto;
    border-radius: 45px;
  }
  .service-wrap-4-phone {
    display: none;
  }
  .service-wrap-4-cta {
    display: none;
  }
  .service-wrap-4 {
    padding: 50px 0px 50px;
  }
  .service-wrap-5-main-item h2 {
    font-size: 22px;
    padding-bottom: 20px;
  }
  .service-wrap-5-main-item {
    padding: 35px 35px 40px;
    border-radius: 43px;
  }
  .service-wrap-5 {
    padding: 37px 0px 40px;
  }
  .header-mobile-container .header-mobile-ul-1 li a {
    font-size: 20px;
  }
  .mega-menu-icon-main img {
    border-radius: 14px;
  }
  .service-wrap-2-img {
    height: 470px;
  }
  .portfolio-wrap-2 {
    margin-top: 0%;
    clip-path: unset;
    padding: 35px 0px 35px;
  }
  .contact-wrap-2 {
    padding: 50px 0px 30px;
    margin-top: 0%;
    clip-path: unset;
  }
  .contact-wrap-2 h2 {
    font-size: 40px;
}
}

@media screen and (max-width: 391px) {
  .index-wrap-1 {
    padding: 114px 0px 65px;
  }
  .index-wrap-3-item {
    height: 217px;
  }
  .btn .span-2,
  button .span-2 {
    width: 30px;
    height: 30px;
    font-size: 11px;
    border-radius: 6px;
  }
  .btn .span-1,
  button .span-1 {
    font-size: 10px;
    padding: 5px 12px;
    border-radius: 7px;
  }
  .index-wrap-3-section-2-numbers li h4 {
    font-size: 22px;
  }
  .index-wrap-3-section-2-numbers li h4 span {
    font-size: 25px;
  }
  .index-wrap-3-section-2-numbers li p {
    font-size: 10px;
  }
  .index-wrap-3-section-2-img {
    height: 355px;
    border-radius: 35px;
  }
  .about-wrap-1 h1 {
    font-size: 30px;
    line-height: 33px;
  }
  .about-wrap-2 h4 {
    font-size: 14px;
  }
  .about-wrap-2 h2 {
    font-size: 25px;
    line-height: 30px;
  }
  h4 {
    font-size: 20px;
  }
  h2 {
    font-size: 20px;
  }
  .about-wrap-3-item h3 {
    font-size: 18px;
  }
  .about-wrap-4-section-2-content h2 {
    font-size: 20px;
  }
  .about-wrap-5 {
    padding: 0px 0px 0px;
  }
  .accordion-list li h3 {
    font-size: 15px;
  }
  .accordion-list li {
    border-radius: 15px;
    padding: 20px 20px 19px;
    margin-bottom: 17px;
  }
}