@media (max-width: 576px) {
  .desktop_view {
    display: none;
  }
  .left_content_para p {
    padding-left: 8px !important;
  }
  .gapping_section {
    padding: 30px 0;
  }
  .director_desk {
    background-image: radial-gradient(
      circle at top right,
      #077acc -13%,
      rgba(6, 6, 6, 0) 24%
    );
  }
  .about_director h6 {
    font-size: 18px;
  }
  .director_desk .success_message {
    color: #fff;
    font-size: 18px;
  }

  .section8 .accordion-button::after {
    /* margin-left: 18px; */
  }

  .section8 .accordion-button:not(.collapsed)::after {
    margin-left: 18px;
  }

  .mobile_view {
    display: block;
  }

  .director_name_line {
    width: 100%;
    margin-left: -56px;
  }
  .client-review {
    height: auto !important;
  }
  .bottom_section h3 {
    font-size: 16px;
  }
  #section2 h2,
  #section3 h2,
  .section4 h2,
  .section5 h2,
  .section6 h2,
  .section7 h2,
  .section8 h2,
  .section9 h2,
  .director_desk h2 {
    font-size: 32px;
    margin-bottom: 36px;
  }
  .bottom_section button {
    /* padding: 16px 16px !important; */
    font-weight: 900;
    font-size: 16px;
    padding: 12px 32px !important;
  }

  .top_section .top_content_area h1 {
    /* font-size : 2.4rem; */
    font-size: 2.3rem;
    padding: 0px 10px;
  }

  .top_section .top_content_area p {
    font-size: 1rem;
    padding: 12px;
    width: 100%;
  }

  .top_section .top_content_area {
    padding: 180px 0 20px 0;
  }

  .top_section .top_content_area img {
    width: 12%;
    height: 36px;
  }

  .arrowIcon {
    height: 20px !important;
    width: 10% !important;
  }

  .particle-container {
    min-height: 440px !important;
  }

  .compareContent p {
    font-size: 16px;
  }

  .btn1 {
    font-size: 20px !important;
    padding: 12px 20px !important;
    width: 85%;
  }

  #section2 {
    background-image: radial-gradient(
        circle at left center,
        #077acc -12%,
        rgba(6, 6, 6, 0) 30%
      ),
      radial-gradient(
        circle at bottom right,
        #077acc -10%,
        rgba(6, 6, 6, 0) 23%
      );
    padding: 8em 0 4em 0;
  }

  .servicesCard .card1 {
    margin-bottom: 40px;
    padding: 28px;
  }

  .servicesCard .card2 {
    padding: 28px;
  }

  .serviceHeading h3 {
    padding-top: 18px;
    font-size: 24px;
    font-weight: 600;
  }

  .digital_section2 .digital-marketing h5 {
    font-size: 24px;
    font-family: FutoSans-Regular !important;
  }

  #section3 {
    padding-top: 4em;
  }

  #section3 img {
    height: 240px;
    margin-bottom: 2em;
  }

  .section4 {
    background-image: radial-gradient(
      circle at top left,
      #077acc -12%,
      rgba(6, 6, 6, 0) 19%
    );
  }

  .section4 h3 {
    font-size: 24px;
    text-align: left;
    margin-top: 16px;
  }

  .section4 p {
    font-size: 16px;
    text-align: left;
    line-height: 24px;
    margin-bottom: 0px;
  }

  .section4 .bits-ourProcessEven {
    border-radius: 8px;
  }

  .section4 .bits-ourProcessOdd {
    text-align: left;
    border-radius: 8px;
  }

  .section5 {
    background-image: radial-gradient(
      circle at right,
      #077acc -10%,
      rgba(6, 6, 6, 0) 30%
    );
  }

  .section5 .owl-carousel .active img {
    filter: grayscale(0%) !important;
  }

  .section4,
  .section5,
  .section6,
  .section7,
  .section8,
  .section9,
  .director_desk {
    padding: 3em 0;
  }

  .compareContent li {
    font-size: 16px;
  }

  .compareContent li {
    line-height: 40px;
  }

  .section6 {
    background-image: radial-gradient(circle at bottom right, #077acc -7%, rgba(6, 6, 6, 0) 27%);
}

  .headTopic h5 {
    font-size: 24px;
  }

  .our-agency {
    margin-top: 2em !important;
  }

  .section7 {
    background-image: radial-gradient(
        circle at top right,
        #077acc -4%,
        rgba(6, 6, 6, 0) 15%
      ),
      radial-gradient(circle at left center, #077acc -7%, rgba(6, 6, 6, 0) 18%);
  }

  .section8 {
    background-image: radial-gradient(
        circle at top left,
        #077acc -19%,
        rgba(6, 6, 6, 0) 50%
      ),
      radial-gradient(
        circle at bottom right,
        #077acc -12%,
        rgba(6, 6, 6, 0) 34%
      );
  }

  .headingone #faqHeading {
    margin-bottom: 18px;
  }

  .section9 {
    display: none;
  }

  .footer .footer-about-company img {
    width: 60%;
  }

  .footer .footer-center {
    text-align: center !important;
  }

  .performance-section1 {
    padding: 3em 0;
    background-image: radial-gradient(
        circle at top right,
        #077acc -12%,
        rgba(6, 6, 6, 0) 24%
      ),
      radial-gradient(circle at top left, #077acc -12%, rgba(6, 6, 6, 0) 24%);
  }

  .performance-section1 .top_content_area {
    width: 100%;
    padding: 150px 0 0 0;
  }

  .performance-section1 .top_content_area h6 {
    font-size: 14px;
  }

  .performance-section1 .top_content_area p {
    padding: 20px 0;
  }

  .performance-section1 .top_content_area h2 {
    font-size: 40px;
  }

  .performance-section3 h2,
  .digital_section4 h2,
  .digital_section2 h2,
  .director_desk h2 {
    font-size: 32px;
    margin-bottom: 36px;
    font-family: FutoSans-Medium !important;
  }
  .company_about_us:nth-child(even) h2 {
    font-size: 32px;
    margin: 36px 0;
}

  .performanceImg {
    padding-top: 2em;
    /* height: 270px; */
    justify-content: center;
  }

  .digiImg img {
    filter: drop-shadow(0px 0px 170px #007acc);
    height: 260px;
  }

  .digital_section2 {
    /* padding: 28em 0 4em 0; */
    padding: 16em 0 4em 0;
    background-image: radial-gradient(
        circle at right,
        #077acc -10%,
        rgba(6, 6, 6, 0) 16%
      ),
      radial-gradient(circle at bottom right, #077acc -9%, rgba(6, 6, 6, 0) 11%);
    z-index: 999;
  }

  .background-section {
    overflow: visible;
  }

  .digital_section2 .digital-marketing ol li {
    font-size: 14px;
  }

  .digital_section2 .digital-marketing ul li {
    font-size: 15px;
  }

  .digital_section2 .digital-marketing ul li::before,
  .performanceList ul li::before {
    height: 20px;
    width: 20px;
    margin-right: 7px;
  }

  .digital_section2 .digital-marketing img {
    margin-bottom: 24px;
  }

  .performance-section3 {
    background-image: radial-gradient(
        circle at top right,
        #077acc -20%,
        rgba(6, 6, 6, 0) 22%
      ),
      radial-gradient(circle at bottom left, #077acc -10%, rgba(6, 6, 6, 0) 19%);
  }

  .performance-section3 .caseStudiesCard .cardROI {
    padding: 16px;
  }

  .performance-section3 .caseStudiesCard .cardROI h6 {
    font-size: 30px;
  }

  .performance-section3 .caseStudiesCard .caseStudyButton a {
    font-size: 14px;
  }

  .performance-section3 .caseStudiesCard h3 {
    font-size: 28px;
    width: 100%;
  }

  .digital_section4 {
    background-image: radial-gradient(
        circle at top left,
        #077acc -16%,
        rgba(6, 6, 6, 0) 35%
      ),
      radial-gradient(
        circle at bottom right,
        #077acc -12%,
        rgba(6, 6, 6, 0) 25%
      );
  }

  .digital_section4 .other-services {
    padding: 40px;
    height: auto;
  }

  .digital_section4 .other-services:nth-child(odd) {
    margin: 0 0 40px 0;
  }

  .compareContent p {
    margin-left: 0px;
  }

  .performance-section1 .top_content_area h6 {
    font-size: 12px;
  }

  .modal.show .modal-dialog {
    margin: 1rem;
  }

  .modal-heading h1 {
    font-size: 30px !important;
  }

  .btn-close {
    width: 10px;
    height: 10px;
  }

  .modal-header {
    padding: 12px 6px;
  }

  .modal-body {
    padding: 0 0 1rem 0;
  }

  .modal-body input {
    padding: 12px 8px;
  }

  textarea {
    width: 200px;
    /* smaller width on small screens */
    height: 100px;
    /* smaller height on small screens */
  }

  input[type="date"] {
    display: block;
    /* Ensure it is not set to display: none */
    width: 100%;
    /* Example styling */
  }

  .nav-item .dropdown-menu {
    margin-top: 0;
  }

  .arrowIcon {
    width: 6% !important;
    height: 24px !important;
  }

  .about_director img {
    margin-top: 8px;
    width: 8%;
  }

  .director_desk_content {
    padding-top: 20px;
  }

  .footer_new .footer-center {
    text-align: center !important;
  }

  .footer_new .contact_details p {
    font-size: 17px;
  }

  .footer_new img {
    width: 8%;
  }
  #performance-marketing-particle-container {
    min-height: 890px !important;
  }
  #influencer-marketing-particle-container {
    min-height: 600px !important;
  }
  #digital-marketing-particle-container {
    min-height: 780px !important;
  }
  .footer-about-company img {
    width: 54% !important;
  }
  .footer_new .contact_details img {
    width: 11%;
  }
  .footer_new {
    padding: 3em 0;
  }
  .order1 {
    order: 1;
    margin-bottom: 32px;
  }
  .order2 {
    order: 2;
  }
  .orderCase1 {
    order: 1;
    margin-top: 32px;
  }
  .orderCase2 {
    order: 2;
  }
  .sectionGap {
    margin-top: 16px !important;
  }

  .about_order2 {
    order: 2;
  }
  .about_order1 {
    order: 1;
  }
  .company_about_us .about_us_card {
    margin-top: 0rem;
  }
  .company_about_us .about_us_card .growth-image {
    padding-top: 0rem;
  }
  .company_about_us .about_us_card .growth-image {
    margin-left: 1em;
    padding-top: 1em;
  }
  .company_about_us .about_us_card img {
    width: 34%;
  }
  .company_about_us .about_us_card .growth-text {
    text-align: end;
  }
  .company_about_us .about_us_card {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 36px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 36px;
    padding: 12px;
  }
  .company_about_us .about_us_para p {
    text-align: center;
    width: 80%;
    margin: 0 auto;
    padding-top: 16px;
  }
  .company_about_us .about_us_card h5 {
    font-size: 24px;
  }
  .company_about_us .about_us_card span {
    font-size: 28px;
  }
  .company_about_us {
    padding: 4em 0;
    background-image: radial-gradient(
        circle at top left,
        #077acc -15%,
        rgba(6, 6, 6, 0) 26%
      ),
      radial-gradient(
        circle at bottom right,
        #077acc -18%,
        rgba(6, 6, 6, 0) 32%
      );
  }
  .company_about_us .accreditions .accreditionCard h4 {
    font-size: 32px;
    margin-bottom: 1em;
  }
  .footerAccred img {
    width: 14% !important;
}
.reviewer-name {
  padding-top: 26px;
}
}

@media (max-width: 425px) {
  #section2 h2,
  #section3 h2,
  .section4 h2,
  .section5 h2,
  .section6 h2,
  .section7 h2,
  .section8 h2,
  .director_desk h2 {
    font-size: 32px;
    margin-bottom: 32px;
  }
  .company_about_us:nth-child(even) h2 {
    font-size: 32px;
    margin: 32px 0;
}
  #section2 {
    padding-bottom: 3em;
  }
  #section3,
  .section4,
  .section5,
  .section6,
  .section7,
  .section8,
  .director_desk {
    padding: 3em 0 !important;
  }
  .director_name_line {
    width: 130%;
    margin-left: -40px;
  }
  #case-study-particle-container {
    min-height: 500px !important;
  }
  .top_section .top_content_area img {
    width: 14%;
    height: 32px;
  }
  .servicesCard .card2 {
    margin: 0;
  }
  #section3 h3 {
    font-size: 28px;
  }
  .arrowIcon {
    width: 9% !important;
    height: 26px !important;
  }
  .particle-container {
    min-height: 490px !important;
  }
  .company_about_us .about_us_card img {
    width: 54%;
  }
  .company_about_us {
    padding: 3em 0;
    background-image: radial-gradient(
        circle at top left,
        #077acc -14%,
        rgba(6, 6, 6, 0) 25%
      ),
      radial-gradient(
        circle at bottom right,
        #077acc -16%,
        rgba(6, 6, 6, 0) 27%
      );
  }
  .director_desk {
    background-image: radial-gradient(circle at top right, #077acc -13%, rgba(6, 6, 6, 0) 21%);
}
  #section2 {
    background-image: radial-gradient(
        circle at left center,
        #077acc -12%,
        rgba(6, 6, 6, 0) 30%
      ),
      radial-gradient(circle at bottom right, #077acc -9%, rgba(6, 6, 6, 0) 20%);
  }
  .company_about_us .about_us_container {
    padding: 16px;
  }
  .company_about_us .about_us_card .growth-image {
    padding-top: 0.68em;
    text-align: left;
  }
  .company_about_us .accreditions .accreditionCard img {
    width: 100%;
  }
  .reviewer-name {
    padding-top: 12px;
}
}
@media (max-width: 405px) {
  #performance-marketing-particle-container {
    min-height: 900px !important;
  }
  #influencer-marketing-particle-container {
    min-height: 600px !important;
  }
  #digital-marketing-particle-container {
    min-height: 880px !important;
  }
  .company_about_us .about_us_card .growth-image {
    padding-top: 1em;
  }
}
@media (max-width: 375px) {
  .bottom_section button {
    font-size: 14px;
  }

  .director_name_line {
    margin-left: -32px;
  }

  .about_director h5 {
    font-size: 21px;
  }

  .btn1 {
    width: 78%;
  }

  .top_section .top_content_area h1 {
    font-size: 2.2rem;
  }

  .section7 {
    background-image: radial-gradient(
        circle at top right,
        #077acc -4%,
        rgba(6, 6, 6, 0) 15%
      ),
      radial-gradient(circle at left center, #077acc -7%, rgba(6, 6, 6, 0) 18%);
  }

  #performance-marketing-particle-container {
    min-height: 1010px !important;
  }
  .performance-section3 h2,
  .digital_section4 h2,
  .digital_section2 h2 {
    font-size: 28px !important;
  }
  .reviewer-name {
    padding-top: 8px;
}
}

@media (max-width: 380px) {
  .bottom_section button {
    padding: 12px 24px !important;
  }
  .company_about_us .about_us_card span {
    font-size: 24px;
  }
  .company_about_us .about_us_card h5 {
    font-size: 20px;
  }
  .company_about_us .about_us_card img {
    width: 44%;
  }
  .company_about_us .accreditions .accreditionCard h4 {
    font-size: 28px;
    margin-bottom: 1em;
  }
}
@media (max-width: 375px) {
  #section2 {
    background-image: radial-gradient(
        circle at left center,
        #077acc -12%,
        rgba(6, 6, 6, 0) 30%
      ),
      radial-gradient(circle at bottom right, #077acc -8%, rgba(6, 6, 6, 0) 19%);
  }
  .btn1 {
    font-size: 18px !important;
    padding: 12px 16px !important;
  }
  .footer_new span {
    padding-left: 6px;
  }
  #section2 h2,
  #section3 h2,
  .section4 h2,
  .section5 h2,
  .section6 h2,
  .section7 h2,
  .section8 h2,
  .director_desk h2 {
    font-size: 28px;
    margin-bottom: 28px;
  }
  .company_about_us:nth-child(even) h2 {
    font-size: 28px;
    margin: 28px 0;
}
}
@media (max-width: 363px) {
  .section6 {
    background-image: radial-gradient(
      circle at bottom right,
      #077acc -9%,
      rgba(6, 6, 6, 0) 34%
    );
  }
  .company_about_us .about_us_card img {
    width: 48%;
  }
}