@media screen and (max-width: 1500px) {
/*   .cbitem-data {
    max-height: 600px;
  } */
}

@media screen and (max-width: 1400px) {
  .explore-more-in .em-card-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .dts-right-bottom-top h2 {
    font-size: 38px;
  }
}

@media screen and (max-width: 1300px) {
  .contact-us-banner-in .blue-block-bg {
    height: 200px;
  }
  .contact-us-banner-in p {
    font-size: 16px;
    padding-top: 10px;
  }
}

@media screen and (max-width: 1200px) {
  .collab-with-upkrama-in .cwu-content {
    padding: 80px;
  }
  .proof-practice-sec-in .pps-image {
    height: 100%;
    aspect-ratio: 1/1.3;
  }
  .dts-right-bottom-top h2 {
    font-size: 32px;
  }
  .dts-right-bottom-bottom p {
    font-size: 16px;
  }
  .what-upkrama-in .custom-slider-nav {
    display: flex;
  }
  .cb-wrap {
    flex-direction: column;
  }
  .cb-wrap .cb-item {
    flex-direction: column;
  }
  .cb-item .cbitem-head {
    width: 100%;
    padding: 30px 30px 10px 30px;
  }
  .cb-item .cbitem-head p {
    writing-mode: inherit;
    transform: rotate(0);
  }
  .cbitem-data {
    width: 100%;
    height: 0;
    min-height: inherit;
  }
  .cb-item.active .cbitem-data {
    height: auto;
    /* min-height: 500px; */
  }
  .cbd-image {
    height: 500px;
  }
  .cb-item .cbitem-head::before {
    background-repeat: repeat;
  }
  .cb-item .cbitem-head::after {
    content: "";
    background-color: var(--black);
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: 1;
  }
  .cb-item .cbitem-head p {
    position: relative;
    z-index: 3;
  }
  .pro-in-banner-content .pro-in-logo {
    right: 40px;
  }
  .pro-in-banner-in .black-box {
    width: 146px;
  }
  .po-banner .black-box {
    width: 146px;
  }
  .po-banner-in .brand-logo-img {
    right: 40px;
  }
  .pbb-left {
    aspect-ratio: 1/1.5;
  }
  .pbb-right {
    gap: 20px;
    padding: 30px;
  }
  .up-contact-form {
    padding: 40px;
  }
  .cfs-left-info {
    padding: 40px;
  }
  .contact-form-section .heading p {
    font-size: 16px;
  }
  .that-elevates-in {
    flex-direction: column;
  }
  .that-elevates-in .right {
    width: 100%;
  }
  .that-elevates-in .left {
    width: 100%;
    margin-bottom: 15px;
  }
	.that-elevates-in .left p{
		max-width: 60ch;
	}
  .jobs-table td {
    min-width: unset;
    width: unset;
  }
  .join-the-minds-in .title {
    flex-direction: column;
    margin-bottom: 40px;
  }
  .join-the-minds-in .title > div {
    width: 100% !important;
  }
  .studio-banner-in .left {
    padding-left: 40px;
    padding-right: 20px;
  }
  .meaningful-togther-in .bottom {
    grid-template-columns: 1fr 1fr;
  }
  .process-led-by-in .accordion-title {
    font-size: 22px;
  }
  .process-led-by-in .accordion-icon {
    height: 26px;
    width: 26px;
  }
  .process-led-by-in .accordion-content p {
    font-size: 14px;
  }
  .regional-focus-in .rf-left-bottom h3 {
    font-size: 32px;
  }
  .regional-focus-in .rf-left-top h2 {
    font-size: 42px;
  }
  .list-view-projects .project-details p {
    font-size: 16px;
  }
  .list-content-inner .head h3 {
    font-size: 32px;
  }
  .list-view-projects .project-img {
    height: 300px;
  }
  .all-work-list-tab .list-tablinks {
    padding: 0px 30px;
  }
  .all-work-list-tab .list-tablinks h3 {
    font-size: 28px;
  }
}

@media screen and (max-width: 1100px) {
  .footer-nav ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .proof-practice-sec-in .brand-logo-img {
    width: 75px;
  }
  .pp-content-inner {
    padding: 30px;
  }
  .pp-counter p.text {
    font-size: 12px;
  }
  .key-info-details table {
    width: 90%;
  }
  .pi-drawing-in .bottom {
    gap: 80px;
  }
  .pi-concept-in {
    gap: 80px;
  }
}

@media screen and (max-width: 991px) {
	.address-info-right .sub-form form input {
	width: 50%;
	}
  .landing-banner-content {
    left: 20px;
  }
  .blogs-slider-card .bi-card-img {
    aspect-ratio: 1/1;
  }
  .footer-nav ul {
    grid-template-columns: repeat(4, 1fr);
  }
  footer .address-info-wrap {
    flex-direction: column;
    gap: 30px;
    padding: 0px;
  }
  footer .address-info-wrap > div {
    width: 100%;
  }
  footer .address-info-left {
    flex-direction: column;
    gap: 20px;
  }
  .address-info-right .sub-form .sub-input-email {
    width: 30%;
  }
  .collab-with-upkrama-in .cwu-content {
    padding: 40px;
    justify-content: center;
  }
  .collab-with-upkrama-in .cwu-content p {
    font-size: 20px;
  }
  .proof-practice-sec-in .brand-logo-img {
    width: 60px;
  }
  .pp-counter p.text {
    font-size: 10px;
  }
  .explore-more .container {
    padding-right: 0px;
  }
  .explore-more-in .em-card-wrapper {
    padding-right: 40px;
  }
  .dts-in {
    flex-direction: column;
  }
  .dts-in > div {
    width: 100%;
  }
  .dts-left-top {
    flex-direction: column;
  }
  .dts-left-top-left {
    width: 100%;
  }
  .dts-left-top-left > div {
    writing-mode: unset;
  }
  .dts-left-top-right {
    width: 100%;
  }
  .dts-main-right .yellow-block-bg {
    width: 90%;
    margin-left: auto;
  }
  .dts-main-right > div {
    padding: 30px;
  }
  .dts-right-bottom-bottom p {
    font-size: 14px;
  }
  .pi-banner-in .top,
  .pi-banner-in .middle,
  .pi-banner-in .bottom {
    gap: 20px;
  }
  .key-info-in {
    gap: 40px;
  }
  .key-info-details table {
    width: 100%;
  }
  .pi-drawing-in .bottom {
    gap: 60px;
  }
  .pi-concept-in {
    gap: 60px;
  }
  .cbitem-data {
    max-height: inherit;
    clip-path: inset(0 0 100% 0);
  }
  .cb-item .cbitem-head p {
    font-size: 28px;
  }
  .cbdcontent-in h2 {
    font-size: 32px;
  }
  .cbdcontent-in p {
    font-size: 16px;
  }
  .pro-in-banner-in .black-box {
    width: 105px;
    height: 124px;
  }
  .po-banner .black-box {
    width: 105px;
    height: 124px;
  }
  .all-work-grid-wrap {
    display: none;
  }
  .awg-mobile-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
	.awg-mobile-card > div{
		aspect-ratio: 1/1;
	}
  .grid-layout-icon {
    width: 30px;
  }
  .list-layout-icon {
    width: 37px;
  }
  .po-banner-in .brand-logo-img {
    right: 20px;
    width: 60%;
    bottom: 20px;
  }
  .pb-tabcontent-inner {
    flex-direction: column;
  }
  .pb-tabcontent-inner > div {
    width: 100% !important;
  }
  .people-behind-in .pb-top-wrap {
    flex-direction: column;
  }
  .people-behind-in .pb-top-wrap .left,
  .people-behind-in .pb-top-wrap .right {
    width: 100%;
  }
  .pb-box-wrap {
    grid-template-columns: 1fr;
  }
  .pbb-left {
    aspect-ratio: 1/1;
  }
  .people-behind .pb-tabs {
    flex-direction: row;
    gap: 30px;
    flex-wrap: wrap;
    row-gap: 10px;
  }
  .pb-box-wrap.black-box .pbb-right {
    width: 80%;
    margin: 0 auto;
    margin-top: -100px;
  }
  .contact-form-section-in {
    flex-direction: column-reverse;
  }
  .contact-form-section-in .cfs-left,
  .contact-form-section-in .cfs-right {
    width: 100%;
  }
  .contact-form-section-in .cfs-left {
    padding-top: 20px;
  }
  .contact-form-section .heading p {
    font-size: 14px;
  }
  .up-contact-form {
    padding: 40px;
  }
  .contact-form-section .for-mobile {
    display: block !important;
  }
  .contact-form-section .for-desktop {
    display: none !important;
  }
  .cfs-left-info {
    padding: 40px;
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .cfs-left-info .right {
    grid-row: 1;
  }
  .up-contact-form {
    gap: 50px;
  }
  .up-contact-form .moving-logo {
    width: 74px;
  }
  .contact-us-banner-in {
    flex-direction: column;
  }
  .contact-us-banner-in > div {
    width: 100% !important;
  }
  .contact-us-banner-in .right {
    padding: 0px;
    gap: 50px;
  }
  .contact-us-banner-in .right-bottom-left {
    gap: 100px;
  }
  .contact-us-banner-in p,
  .contact-us-banner-in .right-top {
    padding-left: 0px;
  }
  .contact-us-banner-in .left {
    aspect-ratio: 4/2;
    overflow: hidden;
    padding-bottom: 20px;
  }
  .pb-tabcontent-inner > div:nth-child(2n + 1) {
    order: 1;
  }

  .pb-tabcontent-inner > div:nth-child(2n + 2) {
    order: 2;
  }
  .pb-tabcontent-inner > div:nth-child(2n + 3) {
    order: 3;
  }

  .pb-tabcontent-inner > div:nth-child(2n + 4) {
    order: 4;
  }
  .pb-tabcontent-inner > div:nth-child(2n + 5) {
    order: 5;
  }
  .pb-tabcontent-inner > div:nth-child(2n + 6) {
    order: 6;
  }
  .pb-tabcontent-inner > div:nth-child(2n + 7) {
    order: 7;
  }
  .pb-tabcontent-inner > div:nth-child(2n + 8) {
    order: 8;
  }
  .pb-tabcontent-inner > div:nth-child(2n + 9) {
    order: 9;
  }
  .pb-tabcontent-inner > div:nth-child(2n + 10) {
    order: 10;
  }
  .studio-banner-in .left {
    padding-left: 20px;
    padding-right: 20px;
    gap: 40px;
  }
  .studio-banner-in {
    flex-direction: column;
  }
  .studio-banner-in > div {
    width: 100% !important;
  }
  .dbb-in {
    flex-direction: column;
  }
  .dbb-in > div {
    width: 100% !important;
  }
  .dbb-in .blue-box {
    display: none;
  }
  .dbb-in .blue-box {
    display: none;
  }
  .dbb-in .yellow-box {
    height: 28.5px;
  }
  .principles-guide-in {
    grid-template-columns: 1fr;
  }
  .principles-guide-in h2 {
    margin-bottom: 50px;
  }
  .principles-guide-in .below-boxes {
    flex-direction: column;
  }
  .meaningful-togther-in .bottom {
    grid-template-columns: 1fr;
  }
  .meaningful-togther-in .bottom .mb-right {
    grid-row: 1;
  }
  .meaningful-togther-in .mb-right {
    padding: 58px 20px 40px 20px;
  }
  .meaningful-togther-in .mb-right-right {
    padding: 0px;
  }
  .meaningful-togther-in .mt-left {
    padding-left: 20px;
  }
  .meaningful-togther-in .mt-right {
    height: 100px;
  }
  .principles-guide-in .bb-left,
  .principles-guide-in .bb-right {
    aspect-ratio: unset;
  }
  .principles-guide-in .yellow-box {
    width: 100%;
  }
  .principles-guide-in .yellow-box p {
    padding-top: 20px;
  }
  .principles-guide-in .bb-left p,
  .principles-guide-in .bb-right p {
    padding-top: 20px;
  }
  .principles-guide-in {
    padding: 0px;
  }
  .principles-guide-in h2 {
    max-width: 100%;
    padding-left: 20px;
  }
  .meaningful-togther-in .mb-right h2 {
    max-width: 100%;
  }
  .principles-guide-in h3 {
    font-size: 20px;
  }
  .principles-guide-in .left {
    gap: 0px;
  }
  .inside-studio .heading {
    flex-direction: column;
    align-items: start;
    gap: 20px;
  }
  .inside-studio .aw-tabs {
    margin-bottom: 0px;
  }
  .process-led-by-in .accordion-title {
    font-size: 26px;
  }
  .process-led-by-in .accordion-icon {
    height: 32px;
    width: 32px;
  }
  .process-led-by-in .accordion-content p {
    font-size: 16px;
  }
  .process-led-by-in {
    grid-template-columns: 1fr;
  }
  .process-led-by-in .right {
    display: none;
  }
  .regional-focus-in {
    grid-template-columns: 1fr;
  }

  .regional-focus-in .right-content-inner {
    grid-template-columns: 1fr;
  }
  .regional-focus-in .left {
    position: unset;
    z-index: unset;
  }
  .regional-focus-in .rf-left-bottom {
    height: 100%;
    padding: 40px 20px;
    justify-content: unset;
  }
  .regional-focus-in .rf-left-bottom h3 {
    font-size: 24px;
  }
  .regional-focus-in .left {
    height: 100%;
  }
  .regional-focus-in .rf-left-top h2 {
    font-size: 28px;
  }
  .regional-focus-in .rf-left-top {
    padding: 20px;
  }
  .regional-focus-in .right-content-inner {
    height: unset;
  }
  .regional-focus-in .right-content-inner .rci-left {
    padding: 20px;
    grid-row: 2;
  }
  .regional-focus-in .right-content-inner p {
    font-size: 16px;
  }
  .regional-focus-in .right-content-inner .rci-right img {
    height: 450px;
  }
  .regional-focus-in .right-content-inner.rf-card-1 {
    padding-top: 40px;
  }
  .regional-focus-in .right-content-inner.rf-card-2 {
    padding-bottom: 50px;
  }
  .all-work-list-mobile {
    display: block;
  }
  .all-work-list-wrap {
    display: none;
  }
  .grid-mobile {
    display: block;
  }
  .list-mobile {
    display: block;
  }
  .grid-desktop {
    display: none;
  }
  .list-desktop {
    display: none;
  }
	.dts-left-top-left > div{
		transform: unset;
	}
}

@media screen and (max-width: 767px) {
  .landing-ticker {
    margin: 50px 0px;
  }
  .primary-header {
    display: none;
  }
  .mobile-header {
    display: block;
  }
  .landing-ticker .bx-wrapper img {
    max-width: 120px;
    max-height: 35px;
  }
  .proof-practice-in {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .proof-practice-in .left {
    order: 2;
    padding: 0;
  }
  .footer-nav ul {
    grid-template-columns: 1fr 1fr;
  }
  .footer-nav li a {
    font-size: 14px;
  }
  .proof-practice-sec-in {
    flex-direction: column;
  }
  .proof-practice-sec-in .left {
    width: 100%;
  }
  .proof-practice-sec-in .right {
    width: 100%;
  }
  footer .copyright-info {
    flex-direction: column;
    gap: 10px;
	align-items: center;
  }
  .address-info-right .sub-form .sub-input-email {
    width: 100%;
  }
  .collab-with-upkrama-in .cwu-content {
    padding: 30px;
  }
  .collab-with-upkrama-in .cwu-content p {
    font-size: 16px;
  }
  .landing-blogs-slider .custom-slider-nav {
    display: none;
  }
  .primary-button-div.for-mobile {
    margin-top: 20px;
    justify-content: center;
  }
  .blogs-insights .container {
    padding-right: 0px;
  }
  footer .social-icon.for-mobile {
    justify-content: left;
  }
  .collab-with-upkrama .container {
    padding: 0;
  }
  .proof-practice-sec-in .pps-image {
    height: 100%;
    aspect-ratio: 1/1.1;
  }
  .proof-practice-sec-in .left {
    text-align: center;
  }
  .proof-practice-sec-in {
    row-gap: 40px;
  }
  .proof-practice-sec-in .left p {
    font-size: 16px;
  }
  .proof-practice-sec-in .brand-logo-img {
    width: 55px;
  }
  .pp-content-inner {
    padding: 18px 24px 20px 24px;
  }
  .what-upkrama {
    padding-top: 55px;
  }
  .what-upkrama-in .custom-slider-nav.for-mobile {
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 30px;
  }
  .wu-slider-card {
    padding: 48px 30px 25px 30px;
  }
  .landing-banner-content p {
    font-size: 14px;
    max-width: 30ch;
  }
  .lb-bottom-icon {
    width: 54px;
    right: 20px;
    bottom: 30px;
  }
  .landing-banner-content {
    bottom: 30px;
  }
  .explore-more-in .em-card-wrapper {
    padding-right: 20px;
  }
  .pi-banner-in .top,
  .pi-banner-in .middle,
  .pi-banner-in .bottom {
    gap: 15px;
  }
  .pi-banner-in {
    gap: 20px;
  }
  .pi-banner-content .center-text {
    width: 100%;
  }
  .pi-banner-content .brand-name {
    right: 20px;
    width: 65%;
  }
  .key-info-in {
    grid-template-columns: 1fr;
  }
  .key-info-in .right {
    grid-row: 1;
  }
  .pi-drawing-in .bottom {
    gap: 36px;
  }
  .pi-concept-in {
    gap: 36px;
  }
  .po-banner-in .bottom {
    flex-direction: column;
  }
  .po-banner-in .bottom .left,
  .po-banner-in .bottom .right {
    width: 100%;
  }
  .po-banner-in .top {
    height: 20%;
  }
  .po-banner-in .bottom {
    height: 80%;
  }
  .po-banner-in .bottom .left {
    height: 80%;
    background-color: #222222;
  }
  .po-banner-in .bottom .right {
    height: 20%;
  }
  .po-banner-in .bottom .right h1 {
    padding-left: 20px;
  }
  .behind-the-blue-in {
    gap: 5px;
  }
  .cb-item.active .cbitem-data {
    grid-template-columns: 1fr;
  }
  .cbdcontent-in {
    gap: 40px 30px;
  }
  .cbitem-data {
    max-height: inherit;
    clip-path: inset(0 0 100% 0);
  }
  .cbd-content {
    padding: 20px 20px 30px 20px;
  }
  .cb-item .cbitem-head p {
    font-size: 18px;
  }
  .cbdcontent-in p {
    font-size: 16px;
  }
  .cbdcontent-in h2 {
    font-size: 22px;
  }
  .blogs-slider-card .bi-card-content h3 {
    font-size: 14px;
  }
  .blogs-slider-card .bi-card-content a.learn-more-btn {
    padding-top: 20px;
    letter-spacing: 2px;
  }
  .cbd-image {
    height: 350px !important;
    max-height: unset;
  }
  .pro-in-banner-content .pro-in-logo {
    width: 60vw;
    right: 20px;
  }
  .pro-in-banner-in .black-box {
    width: 90px;
    height: 90px;
  }
  .po-banner .black-box {
    width: 90px;
    height: 90px;
  }
  .grid-layout-icon {
    width: 24px;
  }
  .list-layout-icon {
    width: 28px;
  }
  .awg-mobile-card {
    gap: 20px;
  }
  .all-work .aw-tabs {
    gap: 20px;
    row-gap: 10px;
    margin-bottom: 40px;
    padding-top: 20px;
  }
  .po-banner-in .bottom .left {
    overflow: hidden;
  }
  .po-banner-in .bottom .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(0.5);
    animation: bannerZoom 2s ease-out forwards;
  }
  @keyframes bannerZoom {
    to {
      transform: scale(1.1);
      /* end fitted */
    }
  }
  .all-work .aw-tabs .all-work-tablinks {
    font-size: 12px;
  }
  .flip-card-back p {
    font-size: 12px;
    max-width: 40ch;
  }
  .flip-card-back .pills-cta p {
    padding: 5px 10px;
  }
  .flip-card-back {
    gap: 15px;
    padding: 20px;
  }
  .people-behind .pb-tabs .pb-tablinks {
    font-size: 12px;
  }
  .pb-box-wrap.black-box .for-mobile {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding-bottom: 20px;
  }
  .pb-box-wrap.black-box .for-mobile h3 {
    color: var(--black);
    font-size: 18px;
  }
  .pb-box-wrap.black-box .for-mobile p {
    color: var(--black);
    font-size: 10px;
  }
  .pb-box-wrap.black-box .pbb-left {
    aspect-ratio: 3/2;
  }
  .pb-box-wrap.black-box .pbb-right {
    padding: 30px;
  }
  .pb-box-wrap.black-box .pbb-right > div {
    align-items: center !important;
  }
  .pb-box-wrap.black-box p {
    text-align: center;
    font-size: 14px;
    max-width: 32ch;
  }
  .pb-box-wrap p.eye-header {
    font-size: 10px;
    max-width: 100%;
    letter-spacing: 1px;
  }
  .pb-box-wrap p {
    font-size: 14px;
  }
  .pb-tabcontent-inner .pb-box-wrap h3 {
    font-size: 22px;
  }
  .pb-tabcontent-inner .pbb-right {
    gap: 40px;
    padding: 20px 15px;
  }
  .pbb-right > div {
    gap: 5px;
  }
  .people-behind-content {
    padding-top: 30px;
  }
  .up-contact-form .moving-logo {
    width: 54px;
  }
  .that-elevates-in .left {
    width: 100%;
  }
  .that-elevates .left-bottom-content {
    gap: 50px;
    padding: 30px;
  }
  .that-elevates-in .right {
    grid-template-columns: 1fr;
  }
  .up-contact-form {
    padding: 40px 30px;
  }
  .cfs-left-info {
    padding: 40px 30px;
  }
  .jobs-table td {
    font-size: 16px;
    padding: 20px 0px;
  }
  .join-the-minds-in .title p{
    font-size: 14px;
  }
  .jobs-table-wrapper .hover-preview {
    display: none;
  }
  .jobs-table thead th {
    font-size: 12px;
  }
  .contact-us-banner {
    padding-top: 100px;
  }
  .contact-us-banner-in .left {
    margin-bottom: 30px;
    aspect-ratio: 3/2;
    padding-bottom: 0;
  }
  .footer-nav ul {
    gap: 30px;
  }
  .jtm-blue-line p,
  .jtm-blue-line a {
    font-size: 12px;
  }
  .dbb-in .black-box {
    padding: 20px;
  }
  .oj-slider-wrap {
    padding: 0px 20px;
  }
  .meaningful-togther-in .mb-right-bottom-div {
    grid-template-columns: 1fr;
  }
  .meaningful-togther-in .mb-left-img {
    min-height: 500px;
  }

  .inside-studio-tabs {
    gap: 24px;
  }
  .geo-limit {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .geo-limit-in .moving-logo {
    display: none;
  }
  .geo-limit .heading {
    margin-bottom: 50px !important;
  }
  #usa {
    top: -15%;
    left: 0%;
  }
  #africa {
    top: -15%;
    left: 0%;
  }
  #dubai {
    top: -15%;
    left: 0%;
  }
  #india {
    top: -15%;
    left: 0%;
  }
  .our-journey .heading .text-content p {
    font-size: 16px;
  }
  .our-journey .oj-slider-card p {
    font-size: 16px;
  }
  .our-journey .heading .text-content {
    padding-bottom: 40px;
  }
  .pri-guide-content {
    padding: 40px 24px;
  }
  .process-led-by-in .accordion-title {
    font-size: 18px;
  }
  .process-led-by-in .accordion-icon {
    height: 24px;
    width: 24px;
  }
  .process-led-by-in .accordion-content p {
    font-size: 14px;
  }
  .process-led-by-in .accordion-item {
    padding: 20px 0px;
  }
  .list-view-projects .project-img {
    height: 320px;
  }
  .list-view-projects .project-info-pills div {
    padding: 10px 15px;
  }
  .list-view-projects .project-details p {
    font-size: 14px;
    margin-top: 0px;
  }
  .all-work-list-mobile .list-view-projects .social-icon {
    margin-top: 28px;
  }
  .list-view-projects .project-info-pills {
    margin-top: 28px;
  }
  .all-work-list-mobile .project-details {
    padding: 50px 20px;
  }
  .all-work-list-mobile .accordion-title.active {
    padding-bottom: 20px;
  }
  .po-banner-in .bottom .right {
    justify-content: left;
  }
  section.thankyou h1 {
    font-size: 48px;
  }
  section.error h1 {
    font-size: 112px;
  }
  .is-img-grid {
    gap: 10px;
  }

  .is-img-grid .right {
    gap: 10px;
  }
  .is-img-grid .right-bottom {
    gap: 10px;
  }
  .is-img-grid .right-bottom-left {
    gap: 10px;
  }
  .inside-studio-tabs {
    width: 100%;
  }
	.contact-form-section-in form{
		gap: 20px;
	}
	.up-contact-form{
		gap: 30px;
	}
	 .awg-mobile-card {
    grid-template-columns:  1fr;
    gap: 20px;
  }
	.awg-mobile-card > div{
		aspect-ratio: 5/3;
	}
	.people-behind-in .pb-top-wrap .right{
		display: none;
	}
}