/* style 2 responsive code */
@media (max-width: 1272px) {
  .text-page-grid {
    display: block;
  }

  .text-page-title {
    position: unset;
    margin-bottom: 50px;
  }

  .text-page-content {
    padding-left: 0%;
  }
}

@media (min-width: 840px) AND (max-width: 1272px) {
  .container {
    max-width: 840px;
  }

  /* hero section */
  .home-wrapper .hero-clip {
    padding-bottom: 430px;
  }

  .home-wrapper .hero-clip .hero-section .hero-benner-box .hero-headding {
    line-height: 65px;
    font-size: 45px;
  }

  .home-wrapper .hero-clip .hero-section .hero-benner-box .hero-button-box {
    margin-top: 56px;
  }

  .home-wrapper .hero-clip .hero-section .hero-overlay-circule {
    top: 0;
  }

  .home-wrapper .hero-clip .gradient-overlay {
    /* clip-path: polygon(0 0, 100% 0, 100% 68%, 39.6% 100%, 0 58.5%); */
    clip-path: polygon(0 0,
        100% 0,
        100% calc(100% - 485px),
        39.6% 100%,
        0 calc(100% - 640px));
  }

  /* not a hro section */
  .none-herowrapper-wrapper {
    margin-top: -260px;
  }

  /* weo we are */
  .who-we-are-wrapper {
    padding-bottom: 125px;
  }

  .who-we-are-wrapper .who-we-are {
    flex-direction: column;
    align-items: flex-start;
    gap: 72px;
  }

  .cube-apttern {
    width: 405px;
    height: 501px;
  }

  .who-we-are-wrapper .who-we-are .who-are-we-detailes {
    width: 100%;
  }


  .background-line {
    top: 490px;
    left: 166px;
    background: linear-gradient(180deg, #D6CEC7 0%, rgba(249, 249, 249, 0.133333) 2.69%, #F9F9F9 91.89%, #D6CEC7 100%);

  }

  .still-curious-wrapper {
    margin-bottom: 80px;
  }

  /* show case */
  .case-studies-card .case-studies-overlay {
    padding: 25px;
  }

  /* footer */
  .footer-wrapper .top-header-children {
    margin: 0 0 0 auto;
    max-width: 600px;
  }

  .footer-wrapper .top-header-children .image-gallery {
    width: 100%;
  }

  .footer-wrapper .top-header-children .footer-top-header-text {
    font-size: 51px;
  }

  .onepeger-top-footer-heading {
    font-size: 33px !important;
  }

  .footer-wrapper .top-header-children .footer-top-sub-header-text.onepeger-top-footer-heading {
    line-height: 140px;
  }

  .footer-wrapper .top-header-children .footer-top-sub-header-text {
    font-size: 15px;
    margin-top: 25px;
  }

  .top-header-button {
    max-width: 600px;
    margin: 0 0 0 auto;
  }

  .bottom-footer {
    margin-top: -410px;
  }

  /* .garain-layer-box .stairs-layer {
    transform: translate(calc(-50% - 507px), calc(-50% + 264px));
  } */

  .garain-layer-box .stairs-layer {
    transform: translate(calc(-50% - 615px), calc(-50% + 539px));
  }

  .garain-layer-box .button-toggle-modes {
    transform: translate(calc(-50% - 265px), calc(-50% - 35px));
  }

  .bottom-footer .footer-links-wrapper .footer-links-box.left {
    padding-left: 0%;
  }

  /* aour work case study list */
  .our-work-container .what-we-work-wrapper .what-we-work-tags .what-we-work-taggs {
    column-gap: 10px;
  }

  .full-screen .case-studies-card .case-studies-card-main {
    padding: 33.17px 33.17px 31.79px 33.17px;
  }

  .full-screen .case-studies-card .case-studies-card-main {
    flex-direction: column;
  }

  .full-screen .case-studies-card .case-studies-card-main .case-studies-card-webimage,
  .full-screen .case-studies-card .case-studies-card-side-details {
    width: 100%;
  }

  .full-screen .case-studies-card .case-studies-card-side-details .case-studies-overlay-button-box {
    margin-top: 20px;
  }

  /* single case studies */

  .case-studay-hero-details {
    flex-direction: column;
  }

  .case-studay-hero-details .case-studay-hero-details-inner {
    gap: 50px;
    margin-bottom: 30px;
  }

  .case-studay-hero-details .case-studay-hero-details-inner .case-studay-details-box {
    max-width: 300px;
  }

  .two-section-container {
    gap: 40px;
    flex-direction: column;
  }

  .two-section-container .two-section-heading-box,
  .two-section-container .two-section-details {
    width: 100%;
  }

  /* blog post list page */
  .hero-section-blogs .hero-heading {
    margin-left: 0;
    font-size: 58px;
  }

  .blog-lis-slate .single-blog-card .single-blog-card-image-box {
    max-height: 400px;
  }

  /*  .hero-section-blogs .blogs-type-buttons {
    transform: translateY(73px) matrix(0.98, 0.21, 0, 1, 0, 0);
  } */

  .get-layer-hero-blog {
    transform: translate(calc(-50% - 230px), calc(-50% + 159px));
  }

  .get-layer-hero-blog-1 {
    transform: translate(calc(-50% - 462px), calc(-50% + 336px));
  }

  /* abobut us our team */
  /* .our-team-container .our-team-tabs-box .our-team-tab-content .our-team-tab-content-details-box .team-member-box .owl-item {
    max-width: 31%;
  } */

  .team-member-box .team-member:nth-child(3n+2) .team-member-hover {
    left: 201px;
  }

  /* what we do about us */
  .what-we-do-accordion .accordion-container .ac .ac-chiled {
    max-width: 50% !important;
  }

  .what-we-do-accordion .accordion-container .ac .accordion-ac-video-box {
    width: 50%;
  }

  .what-we-do-accordion .accordion-container .ac .ac-chiled .ac-header .ac-trigger {
    font-size: 20px !important;
  }

  /* our location about use */
  .our-location-main-box {
    overflow: hidden;
  }

  .our-location-main-box .our-location-main-box-inner {
    flex-wrap: wrap;
  }

  .our-location-main-box .our-location-main-box-inner .our-location-box {
    width: calc(50% - 12px);
  }

  /* .our-location-background .our-location-world {
    top: 50%;
    transform: translate(-50%, -50%);
  } */

  .our-location-container .our-location-box-heading-box .our-location-box-heading {
    font-size: 67px;
  }

  /* one pager */
  .still-curious-contact-form-and-meet-container {
    align-items: center;
    justify-content: center;
  }

  .one-pager .still-curious-wrapper .still-curious-sub-details {
    height: auto;
  }

  .one-pager .still-curious-wrapper {
    margin-bottom: 20px;
  }
}

@media (min-width: 840px) {
  .case-studay-single-content-container .case-study-single-heading-box .our-work-heading {
    font-size: 5.5vw;
  }
}

@media (max-width: 840px) {
  .header-bar {
    padding: 30px;
  }

  /* hero section */
  .home-wrapper .hero-clip {
    padding-bottom: 355px;
  }

  .home-wrapper .hero-clip .hero-section .hero-benner-box .hero-headding {
    line-height: 45px;
    font-size: 35px;
  }

  .home-wrapper .hero-clip .hero-section .hero-benner-box .hero-headding .animation-heading-wrapper {
    height: 50px;
  }

  .home-wrapper .hero-clip .hero-section .hero-benner-box .hero-button-box {
    margin-top: 56px;
  }

  .home-wrapper .hero-clip .hero-section .hero-overlay-circule {
    top: 2vh;
  }

  .home-wrapper .hero-clip .hero-section .hero-overlay-circule .hero-overlay-imge {
    width: 600px;
  }

  .home-wrapper .hero-clip .gradient-overlay {
    /* clip-path: polygon(0 0, 100% 0, 100% 68.5%, 43.45% 100%, 0 51.5%); */
    clip-path: polygon(0 0,
        100% 0,
        100% calc(100% - 445px),
        43.45% 100%,
        0 calc(100% - 680px));
  }

  /* not a hro section */
  .none-herowrapper-wrapper {
    margin-top: -220px;
  }

  /* .background-line-underlay {
    display: none;
  } */


  /* weo we are */
  .who-we-are-wrapper {
    padding-bottom: 125px;
  }

  .who-we-are-wrapper .who-we-are {
    flex-direction: column;
    align-items: flex-start;
    gap: 72px;
  }

  .cube-apttern {
    width: 100%;
    height: 400px;
  }

  .cube-apttern .cube-image {
    width: 300px;
    position: absolute;
    left: calc(50% - 125px);
    transform: translateX(-50%);
  }


  .who-we-are-wrapper .who-we-are .who-are-we-detailes {
    width: 100%;
  }

  .who-we-are-wrapper .who-we-are .who-are-we-detailes .we-we-are-heading {
    text-align: center;
    justify-content: center;
    margin-right: 0%;
  }

  /*  .who-we-are-wrapper .who-we-are .who-are-we-detailes .who-we-are-discription {
    text-align: center;
  } */

  .who-we-are-wrapper .who-we-are .who-are-we-detailes .who-we-are-button {
    margin-left: auto;
    margin-right: auto;
  }

  .background-line {
    top: 392px;
    left: calc(50% - 165px);
    width: 4px;
    transform: translateX(-50%);
    background: linear-gradient(180deg, #D6CEC7 0%, rgba(249, 249, 249, 0.133333) 2.69%, #F9F9F9 91.89%, #D6CEC7 100%);
  }

  /* case studies */
  .case-studies-cards-box {
    column-count: 1;
  }

  /* testimonial */
  .testimonials .testimonials-carousel-wrapper .testimonial-carousel .item {
    height: fit-content;
    width: 450px;
  }

  .testimonials .testimonial-card .testimonial-card-inner .testimonial-card-footer .testimonial-footer-details .compney-name {
    font-size: 16px;
  }

  .testimonials .testimonial-card .testimonial-card-inner .testimonial-card-body,
  .testimonials .testimonials-carousel-wrapper .testimonial-carousel .item .testimonial-card .testimonial-card-inner {
    gap: 18px;
  }

  .testimonials .testimonial-card .testimonial-card-inner .testimonial-card-body .testimonial-icon {
    width: 60px;
    height: 60px;
  }

  .testimonials .testimonial-card .testimonial-card-inner .testimonial-card-body .testimonial-icon svg {
    width: 40px;
  }

  /*  .testimonials .testimonial-card .testimonial-card-inner .testimonial-card-body .testimonial-comments .testimonial-comments-text {
    margin-bottom: 18px;
  } */

  .testimonials .testimonial-card .testimonial-card-inner .testimonial-card-footer .testimonial-footer-icon .testimonial-footer-icon-img {
    width: 60px;
    height: 60px;
  }

  .testimonials .testimonial-card .testimonial-card-inner .testimonial-card-footer .testimonial-footer-details .person-name {
    margin-bottom: 3px;
  }

  /* still curious */
  .still-curious-sub-details .still-curious-sun-circle {
    width: 500px;
    height: 500px;
    top: 2%;
  }

  .still-curious-wrapper .still-curious-heading-box .still-curious-heading {
    font-size: 40px;
    line-height: 72px;
  }

  /* .still-curious-sub-details .bottom-blur {
    top: 37%;
  } */

  .case-studies-card .case-studies-overlay {
    position: relative;
    opacity: 1;
    visibility: visible;
    padding: 12px 0 0;
    border-radius: unset;
    background: unset;
  }

  .case-studies-card .case-studies-overlay .case-studies-overlay-image-box {
    display: none;
  }

  .case-studies-card .case-studies-overlay .case-studies-overlay-heading-box .case-studies-overlay-heading {
    color: var(--monochormeb-800);
  }

  .case-studies-card .case-studies-overlay .case-studies-overlay-heading-box .case-studies-proparties .case-studies-propart-text {
    background: rgba(42, 42, 42, 0.2);
    color: var(--monochorme-black);
  }

  .case-studies-card .case-studies-overlay .case-studies-overlay-button-box {
    margin-top: 12px;
  }

  .case-studies-card .case-studies-overlay .case-studies-overlay-button-box a {
    background-color: unset;
    border: unset;
    padding: 4px;
  }

  /* footer */
  .footer-wrapper .top-header-children {
    max-width: 400px;
    margin: unset;
    position: relative;
    left: calc(50% + 75px);
    transform: translateX(-50%) matrix(0.98, 0.22, 0.02, 1, 0, 0);
  }

  .footer-wrapper .top-header-children .image-gallery {
    width: 100%;
  }

  .footer-wrapper .top-header-children .image-gallery {
    gap: 10px;
  }

  .image-box .image-box-inner {
    gap: 10px;
  }

  .image-box .image-box-inner .collaction-rock-paper-scissors {
    gap: 10px;
  }

  .image-box .image-box-inner .collaction-rock-paper-scissors .collaction-image {
    width: calc(33.33% - 6.66px);
  }

  .footer-wrapper .top-header-children .footer-top-header-text {
    margin-top: 15px;
    font-size: 34px;
    line-height: 50px;
  }

  .onepeger-top-footer-heading {
    font-size: 22px !important;
  }

  h2.onepeger-top-footer-heading {
    line-height: 70px !important;
  }

  .footer-wrapper .top-header-children .footer-top-sub-header-text.onepeger-top-footer-heading {
    line-height: 70px;
    margin-bottom: 100px;
  }

  .footer-wrapper .top-header-children .footer-top-sub-header-text {
    margin-top: 35px;
  }

  .top-header-button {
    max-width: 400px;
    margin: unset;
    position: relative;
    left: calc(50% + 75px);
    transform: translateX(-50%);
  }


  /* .garain-layer-box .stairs-layer {
    width: 450px;
    position: absolute;
    top: calc(50% - 514px);
    left: calc(50% - 823px);
    transform: translate(50%, 50%);
  } */

  .garain-layer-box .stairs-layer {
    width: 635px;
    position: absolute;
    top: calc(50% - 756px);
    left: calc(50% - 1088px);
    transform: translate(50%, 50%);
  }

  .garain-layer-box .button-toggle-modes {
    top: calc(50% - 124px);
    left: calc(50% - 210px);
    transform: translate(50%, 50%);
  }

  .one-peger-footer-edits .garain-layer-box .stairs-layer {
    top: calc(50% - 703px);
  }

  .one-peger-footer-edits .garain-layer-box .button-toggle-modes {
    top: calc(50% - 71px);
  }

  .garain-layer-box .button-toggle-modes span svg {
    width: 35px;
    height: auto;
  }

  .top-header-button .footer-button {
    margin-left: 5px;
  }

  .bottom-footer {
    margin-top: -440px;
  }

  .bottom-footer .footer-links-wrapper {
    flex-direction: column;
    gap: 100px;
    margin-bottom: 200px;
  }

  .bottom-footer .footer-links-wrapper .footer-links-box {
    width: 100%;
  }

  .bottom-footer .footer-links-wrapper .footer-links-box.left {
    padding-left: 0;
  }

  .bottom-footer .footer-clip {
    padding-top: 650px;
  }

  .bottom-footer .footer-clip .footer-gradient-overlay .inner-footer-image-background .footer-background-image {
    height: 100%;
  }

  .footer-bottom-info {
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
  }

  .footer-bottom-info .footer-bottom-rights p {
    display: flex;
    flex-direction: column;
  }

  .footer-bottom-link ul {
    flex-direction: column;
    align-items: flex-start;
  }

  /* our work case study list */
  .what-we-work-case-studies {
    column-count: 1;
  }

  .our-work-container .what-we-work-wrapper .what-we-work-tags {
    flex-direction: column;
    margin-top: 100px;
  }

  .our-work-container .what-we-work-wrapper .what-we-work-tags .what-we-work-taggs {
    justify-content: center;
  }

  .full-screen .case-studies-card .case-studies-card-main {
    padding: 33.17px 33.17px 31.79px 33.17px;
  }

  .full-screen .case-studies-card .case-studies-card-main {
    flex-direction: column;
  }

  .full-screen .case-studies-card .case-studies-card-main .case-studies-card-webimage,
  .full-screen .case-studies-card .case-studies-card-side-details {
    width: 100%;
  }

  .full-screen .case-studies-card .case-studies-card-side-details .case-studies-overlay-button-box {
    margin-top: 20px;
  }

  .full-screen .case-studies-card:hover .case-studies-card-side-details .case-studies-overlay-heading-box .case-studies-overlay-heading {
    color: var(--monochorme-600);
  }

  /* single case studies */
  .case-studay-hero-details {
    flex-direction: column;
  }

  .case-studay-hero-details .case-studay-hero-details-inner {
    gap: 50px;
    margin-bottom: 30px;
  }

  .case-studay-hero-details .case-studay-hero-details-inner .case-studay-details-box {
    max-width: 250px;
  }

  .two-section-container {
    gap: 40px;
    flex-direction: column;
  }

  .two-section-container .two-section-heading-box,
  .two-section-container .two-section-details {
    width: 100%;
  }

  .more-case-studies-box {
    column-count: 1;
  }

  /* blog post list page */
  .blog-lis-slate {
    column-count: 1;
  }

  .blogs-hero-clip {
    height: 500px;
    /* margin-bottom: 100px; */
  }

  .blogs-hero-clip .hero-slanted-box {
    transform: translateX(-30%) matrix(0.98, 0.22, 0.02, 1, 0, 0);
    clip-path: unset;
  }

  .more-articles-container .more-articles-box .blog-lis-slate .single-blog-card {
    width: 100%;
  }

  .get-layer-hero-blog {
    width: 450px;
    position: absolute;
    top: calc(50% - 170px);
    left: calc(50% - 638px);
    transform: translate(50%, 50%);
  }

  .get-layer-hero-blog-1 {
    width: 835px;
    position: absolute;
    top: calc(50% - 376px);
    left: calc(50% - 1210px);
    transform: translate(50%, 50%);
  }

  .hero-section-blogs .blogs-type-buttons {
    margin-right: 15px;
    /* top: calc(50% + 252px);
    left: calc(50% + 95px);
    transform: translate(-50%, -50%) matrix(0.98, 0.22, 0.02, 1, 0, 0); */
  }

  .blogs-hero-clip .hero-section-blogs {
    position: unset;
  }

  .hero-section-blogs .hero-heading {
    margin-left: 0%;
    text-align: center;

  }

  .blog-lis-slate .single-blog-card {
    width: 100%;
  }

  .hero-slanted-box {
    opacity: 1 !important;
  }

  /*about hero section */
  .background-glob-wrappe .background-glob-image {
    overflow: visible;
  }

  .about-us-wrapper .hero-section-about-us-container .hero-section-about-us {
    height: 1300px;
  }

  .hero-section-about-us-container-parent {
    height: 1200px;
  }

  .about-us-wrapper .hero-section-about-us-container {
    height: 600px;
  }

  /* how we started  */
  .how-we-started-container {
    margin-top: -600px;
    min-height: unset;
    /*  height: 1500px; */
  }

  .how-we-started-container .hero-clip .gradient-overlay {
    top: 287px;
    /*  height: calc(100% - 287px); */
  }

  .how-we-started-container .hero-clip .gradient-overlay {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 445px), 43.45% 100%, 0 calc(100% - 680px));
  }

  /* team member */
  .our-team-container .our-team-tabs-box .our-team-tab-content .our-team-tab-content-details-box .team-member-box .owl-item {
    width: calc(50% - 12px);
    max-width: unset;
    flex: unset;
    flex-direction: column;
  }

  .our-team-container .our-team-tabs-box .our-team-tab-content .our-team-tab-content-details-box .team-member-box .owl-item:nth-child(3n+1) {
    align-items: center;
    justify-content: center;
  }

  .our-team-container .our-team-tabs-box .our-team-tab-content .our-team-tab-content-details-box .team-member-box .owl-item:nth-child(3n+2) {
    align-items: center;
  }

  .our-team-container .our-team-tabs-box .our-team-tab-content .our-team-tab-content-details-box .team-member-box .owl-item:nth-child(3n) {
    align-items: center;
    justify-content: center;
  }

  .our-team-container .our-team-tabs-box .our-team-tab-content .our-team-tab-content-details-box .team-member-box .owl-item.active-first,
  .our-team-container .our-team-tabs-box .our-team-tab-content .our-team-tab-content-details-box .team-member-box .owl-item.active-second,
  .our-team-container .our-team-tabs-box .our-team-tab-content .our-team-tab-content-details-box .team-member-box .owl-item.active-third {
    justify-content: center !important;
  }


  .team-member-hover {
    position: unset;
    opacity: 1;
    transform: matrix(0.98, 0.22, 0.02, 1, 0, 0) !important;
    margin: 20px auto 0;
  }

  .team-member-box:hover .team-member {
    opacity: 1;
  }

  .team-member-hover .member-actual-image,
  .team-member-hover::before,
  .team-member-hover .team-member-hover-text .member-name {
    display: none !important;
  }

  .team-member-hover .team-member-hover-text {
    padding: 11px 2px;
  }

  .team-member-hover .team-member-hover-text .member-designation,
  .team-member-hover .team-member-hover-text .member-small-text {
    text-align: center;
  }

  /* what we do */
  .what-we-do-accordion .accordion-container .ac {
    position: relative;
  }

  .what-we-do-accordion .accordion-container .ac .ac-chiled {
    max-width: unset !important;
    width: 100%;
  }

  .what-we-do-accordion .accordion-container .ac .ac-chiled .ac-panel {
    width: 50%;
  }

  .what-we-do-accordion .accordion-container .ac .accordion-ac-video-box {
    width: 50%;
    height: 100%;
  }

  /* our location about use */
  .our-location-main-box {
    overflow: hidden;
  }

  .our-location-main-box .our-location-main-box-inner {
    flex-wrap: wrap;
  }

  .our-location-main-box .our-location-main-box-inner .our-location-box {
    width: calc(50% - 12px);
  }

  /* .our-location-background .our-location-world {
    top: 50%;
    transform: translate(-50%, -50%);
  } */

  .our-location-container .our-location-box-heading-box .our-location-box-heading {
    font-size: 45px;
  }

  /* timeline section */
  .paragraph-large {
    font-size: 18px;
  }

  .padding-vertical-xlarge {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .timeline_item {
    grid-template-columns: 64px 1fr;
    width: 100%;
  }

  .timeline_left {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 24px;
  }

  .timeline_centre {
    justify-content: flex-start;
    grid-area: 1 / 1 / 3 / 2;
  }

  .timeline_right {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  .timeline_date-text {
    /* margin-bottom: 24px; */
    font-size: 36px;
  }

  .timeline_text {
    font-size: 20px;
  }

  .timeline_progress {
    left: 12px;
    transform: none;
  }

  .timeline_progress-bar {
    left: 0;
    transform: none;
  }

  .margin-bottom-xlarge {
    margin-bottom: 48px;
  }

  .timeline-intro h1 {
    font-size: 40px;
  }

  .timeline-intro p {
    font-size: 18px;
  }

  /* one pager */
  .still-curious-contact-form-and-meet-container {
    align-items: center;
    justify-content: center;
  }

  .one-pager .still-curious-wrapper .still-curious-sub-details {
    height: auto;
  }

  .one-pager .still-curious-wrapper {
    margin-bottom: 20px;
  }

  .what-we-do-accordion .accordion-container .ac .accordion-ac-video-box {
    z-index: 1;
  }

  .one-pager .testimonials-wrapper .testimonials-heading-box .testimonials-ratting-clutch-box .testimonials-ratting {
    font-size: 35px;
    line-height: 52px;
  }

  .testimonials-more-info-box {
    height: 80px;
    min-width: 300px;
  }

  .one-pager .testimonials-wrapper .testimonials-heading-box .testimonials-ratting-clutch-box .testimonials-clutch-logo {
    width: 165px;
    border-radius: unset;
  }

  .testimonials-more-info-box p {
    font-size: 20px;
  }

  .still-curious-contact-form-and-meet-container .still-curious-meet-container,
  .still-curious-contact-form-and-meet-container .still-curious-contact-form-container {
    width: 100%;
  }

  .still-curious-contact-form-and-meet-container .still-curious-contact-form-container .get-in-touch-form {
    flex-wrap: wrap;
  }
}

@media (max-width: 600px) {
  .testimonials .testimonials-carousel-wrapper .testimonial-carousel .item {
    width: calc(100% - 30px);
    height: auto;
  }
}

@media (max-width: 567px) {

  /* header */
  .header-wrapper {
    height: 50px;
  }

  .header-bar {
    padding: 10px;
  }

  .headeer-logo-conter .header-icon {
    height: 20px;
  }

  /*hero section */
  .home-wrapper .hero-clip {
    padding-top: 121px;
    padding-bottom: 240px;
  }

  .home-wrapper .hero-clip .hero-section .hero-benner-box .hero-headding {
    font-size: 22px;
    line-height: 30px;
  }

  .home-wrapper .hero-clip .hero-section .hero-benner-box .hero-headding .animation-heading-wrapper {
    height: 35px;
  }

  .home-wrapper .hero-clip .gradient-overlay {
    width: 600px;
    /* transform: translateX(-62%); */
    /* clip-path: polygon(0 0, 100% 0, 100% 86.8%, 51.8% 100%, 0 71%); */
    clip-path: polygon(0 0,
        100% 0,
        100% calc(100% - 131px),
        37% 100%,
        0 calc(100% - 157px))
  }

  .home-wrapper .hero-clip .gradient-overlay .inner-image-background .gradient-image {
    width: auto;
    height: calc(100% + 17px);
    left: 0;
    top: 0;
    object-fit: cover;
  }

  .home-wrapper .hero-clip .hero-section .hero-benner-box {
    height: auto;
    padding-top: 26px;
    padding-bottom: 53px;
  }

  .home-wrapper .hero-clip .hero-section .hero-overlay-circule {
    top: 0;
  }

  .home-wrapper .hero-clip .hero-section .hero-overlay-circule .hero-overlay-imge {
    width: 350px;
    height: 355px;
  }

  .home-wrapper .hero-clip .hero-section .hero-brand-slider {
    margin-top: 46px;
    padding-bottom: 0;
  }

  .home-wrapper .hero-clip .hero-section .hero-brand-slider .hero-brand-tital {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 16px;
  }

  .home-wrapper .hero-clip .hero-section .hero-brand-slider .hero-logo-partner-slider-parent {
    height: 25px;
    margin-top: 20px;
  }

  .home-wrapper .hero-clip .hero-section .hero-brand-slider .hero-logo-partner-slider {
    height: 100%;
    gap: unset;
  }

  .home-wrapper .hero-clip .hero-section .hero-brand-slider .hero-logo-partner-slider .item {
    height: 100%;
    margin-right: 8px;
  }

  .home-wrapper .hero-clip .hero-section .hero-brand-slider .hero-logo-partner-slider .item .slider-icons {
    height: 100%;
  }

  /* none hero section */
  .none-herowrapper-wrapper {
    margin-top: -100px;
  }

  /* who we are */
  .who-we-are-wrapper .who-we-are {
    gap: 72.5px;
  }

  .cube-apttern {
    height: 204.5px;
    margin: 0%;
  }

  .cube-apttern .cube-image {
    width: 172px;
    left: calc(50% - 67px);
  }

  .who-we-are-wrapper {
    padding-bottom: 140px;
  }

  .who-we-are-wrapper .who-we-are .who-are-we-detailes .we-we-are-heading {
    /*  height: 40px; */
    margin-bottom: 16px;
  }

  .who-we-are-wrapper .who-we-are .who-are-we-detailes .who-we-are-button {
    margin-top: 20px;
  }

  .background-line {
    top: 200px;
    left: calc(50% - 97px);
    width: 2px;
    z-index: 1;
    background: linear-gradient(180deg, #D6CEC7 0%, rgba(249, 249, 249, 0.133333) 2.69%, #F9F9F9 91.89%, #D6CEC7 100%);
  }

  /* case studies */
  .case-studies-wrapper {
    padding-bottom: 140px;
  }

  .case-studies-wrapper .case-studies .case-studies-heading {
    height: 40px;
  }

  .case-studies-wrapper .case-studies .case-studies-cards-wrapper {
    padding-top: 16px;
  }

  .case-studies-card .case-studies-text {
    text-align: center;
    margin: 0%;
  }

  .case-studies-card.just-text-box .just-for-pc {
    display: none;
  }

  .case-studies-card.just-for-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .case-studies-card.just-text-box {
    margin-bottom: 40px;
  }

  .case-studies-card .case-studies-card-main {
    padding: 13.5px 18px 18px;
    border-width: 0.5px;
  }

  .case-studies-card .case-studies-overlay .case-studies-overlay-heading-box .case-studies-proparties .case-studies-propart-text {
    font-size: 12px;
    line-height: 16px;
  }

  .case-studies-card .case-studies-overlay .case-studies-overlay-heading-box .case-studies-proparties {
    gap: 8px;
  }

  /* testimonial */
  .testimonials-wrapper {
    padding-bottom: 140px;
  }

  .testimonials-wrapper .testimonials-heading-box .testimonials-heading {
    margin-bottom: 16px;
  }

  .testimonials-wrapper .testimonials-heading-box .testimonials-sub-heading {
    margin-bottom: 20px;
  }

  .testimonials-wrapper .testimonials .owl-nav {
    width: calc(100% - 32px);
    display: flex;
    justify-content: center;
  }

  .testimonials .testimonials-carousel-wrapper .testimonial-carousel .item .testimonial-card {
    padding: 16px;
  }

  .testimonials .testimonial-card .testimonial-card-inner .testimonial-card-footer .testimonial-footer-details .compney-name {
    font-size: 14px;
  }

  .testimonials .testimonial-card .testimonial-card-inner .testimonial-card-body .testimonial-icon {
    width: 32px;
    height: 32px;
  }

  .testimonials .testimonial-card .testimonial-card-inner .testimonial-card-body .testimonial-icon svg {
    width: 24px;
  }

  .testimonials .testimonial-card .testimonial-card-inner .testimonial-card-body,
  .testimonials .testimonials-carousel-wrapper .testimonial-carousel .item .testimonial-card .testimonial-card-inner {
    gap: 16px;
  }

  /* .testimonials .testimonial-card .testimonial-card-inner .testimonial-card-body .testimonial-comments .testimonial-comments-text {
    margin-bottom: 16px;
    -webkit-line-clamp: unset;
  } */
  /* .testimonials .testimonial-card .testimonial-card-inner .testimonial-card-body .testimonial-comments .testimonial-comments-text.clamped {
    height: 60px;
  } */

  .testimonials .testimonial-card .testimonial-card-inner .testimonial-card-footer .testimonial-footer-icon .testimonial-footer-icon-img {
    width: 48px;
    height: 48px;
  }

  .testimonials-wrapper .overlay-background-circle {
    display: none;
  }

  .testimonials-wrapper .testimonials-heading-box .testimonials-ratting-clutch-box .testimonials-ratting {
    font-size: 20px;
  }

  .testimonials-wrapper .testimonials-heading-box .testimonials-ratting-clutch-box svg {
    height: 16px;
    width: auto;
  }

  .testimonials-wrapper .testimonials-heading-box .testimonials-ratting-clutch-box .testimonials-clutch-logo {
    height: 50px;
  }

  /* question accordion */
  .questions-wrapper .questions-accordion .accordion-container .ac .ac-chiled .ac-header .ac-trigger {
    font-size: 20px !important;
    line-height: 24px !important;
  }

  .questions-wrapper .questions-accordion .accordion-container .ac .ac-chiled .ac-panel .ac-text {
    font-size: 16px !important;
    line-height: 20px !important;
  }

  /* still curious */
  .still-curious-wrapper {
    padding-bottom: 140px;
    margin-bottom: 0%;
  }

  .still-curious-wrapper .still-curious-heading-box {
    margin-bottom: 60px;
  }

  .still-curious-sub-details .still-curious-sun-circle {
    width: 259.5px;
    height: 260.5px;
    top: 0%;
  }

  .still-curious-wrapper .still-curious-heading-box .still-curious-heading {
    font-size: 23px;
    line-height: 40px;
  }

  .still-curious-sub-details .still-curious-top-heading-box {
    padding: 44.5px 0 22px;
    width: 100%;
    justify-content: center;
  }

  .still-curious-sub-details .still-curious-top-heading-box .still-curious-top-heading-box-inner .still-curious-top-heading {
    margin-bottom: 8px;
  }

  .still-curious-wrapper .still-curious-sub-details {
    height: auto;
  }

  .still-curious-sub-details .bottom-blur {
    /* top: 24.5%; */
    backdrop-filter: blur(15px);
    height: 350px;
  }

  .still-curious-contact-information {
    padding-top: 35px;
  }

  .still-curious-contact-information-inner .who-we-are-button-box .who-we-are-button {
    margin: 0 auto 32px;
  }

  .still-curious-contact-information {
    height: auto;
  }

  .still-curious-sun-bottomlay-tir,
  .still-curious-sun-bottomlay {
    display: none;
  }

  /* footer */
  .bottom-footer {
    margin-top: -450px;
  }

  .footer-wrapper .top-header-children {
    max-width: 235px;
  }

  .footer-wrapper .top-header-children .footer-top-header-text {
    font-size: 20px;
  }

  .footer-wrapper .top-header-children .footer-top-sub-header-text {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
  }

  h2.onepeger-top-footer-heading {
    line-height: 50px !important;
  }

  .footer-wrapper .top-header-children .footer-top-sub-header-text.onepeger-top-footer-heading {
    font-weight: 800;
    margin-bottom: 121px;
  }

  /* .garain-layer-box .stairs-layer {
    width: 288px;
    top: calc(50% - 340px);
    left: calc(50% - 512px);
  } */

  .garain-layer-box .stairs-layer {
    width: 500px;
    top: calc(50% - 621px);
    left: calc(50% - 821px);
  }

  .garain-layer-box .button-toggle-modes {
    top: calc(50% - 126px);
    left: calc(50% - 138px);
    transform: translate(50%, 50%);
  }

  .one-peger-footer-edits .garain-layer-box .stairs-layer {
    top: calc(50% - 546px);
  }

  .one-peger-footer-edits .garain-layer-box .button-toggle-modes {
    top: calc(50% - 68px);
  }

  .footer-wrapper .top-header-children {
    left: calc(50% + 50px);
  }

  .image-box .image-box-inner .image-box-inner-image,
  .image-box .image-box-inner .collaction-rock-paper-scissors .collaction-image {
    border-width: 2px;

  }

  .image-box .image-box-inner {
    gap: 5px;
  }

  .image-box .image-box-inner .collaction-rock-paper-scissors {
    gap: 7px;
  }

  .image-box .image-box-inner .collaction-rock-paper-scissors .collaction-image {
    width: calc(33.33% - 4.67px);
  }

  .footer-wrapper .top-header-children .image-gallery {
    gap: 7px;
  }

  .top-header-button {
    max-width: 235px;
    left: calc(50% + 50px);
  }

  .top-header-button .footer-button {
    margin-left: 0%;
  }

  .bottom-footer .footer-clip {
    padding-top: 505px;
  }

  .bottom-footer .footer-links-wrapper .footer-links-box .footer-logo-container {
    margin-bottom: 40px;
  }

  .bottom-footer .footer-links-wrapper {
    gap: 90px;
    margin-bottom: 165px;
  }

  .bottom-footer .footer-clip {
    padding-bottom: 20px;
  }

  .bottom-footer .footer-logo-wrapper {
    margin-bottom: 100px;
  }

  .bottom-footer .footer-logo-wrapper .footer-logo-container img {
    width: 100%;
  }

  /* our work case study list */
  .our-work-container .our-work-heading-box .our-work-heading {
    margin-bottom: 12px;
  }

  .our-work-container .what-we-work-wrapper .what-we-work-tags .what-we-work-taggs {
    gap: 10px;
  }

  .our-work-container .what-we-work-wrapper .what-we-work-tags {
    margin-top: 30px;
    gap: 20px;
  }

  .what-we-work-case-studies .case-studies-card:first-child {
    margin-top: 0%;
  }

  .background-bellow-circule-1,
  .background-bellow-circule-2 {
    display: none;
  }

  .full-screen .case-studies-card .case-studies-card-main {
    padding: 15px;
    border-radius: 15px;
  }

  .full-screen .case-studies-card .case-studies-card-side-details .case-studies-overlay-heading-box .case-studies-proparties {
    gap: 8px;
  }

  .full-screen .case-studies-card .case-studies-card-side-details .case-studies-overlay-heading-box .case-studies-proparties .case-studies-propart-text {
    font-size: 12px;
    line-height: 16px;
  }

  .full-screen .case-studies-card .case-studies-card-side-details .case-studies-overlay-button-box .secondary-CTA {
    background-color: unset;
    border: unset;
    padding: 4px;
    color: var(--monochorme-black);
  }

  /* single case studies */
  .feature-set-image-container .feature-set-image {
    margin-bottom: -5px;
  }

  .case-studay-single-content-wrapper {
    padding-top: 110px;
  }

  .case-studay-single-content-container .case-study-single-heading-box .our-work-sub-heading {
    margin-bottom: 50px;
  }

  .case-studay-single-hero-box .case-studay-single-hero-image-box {
    border-radius: 15px;
  }

  .case-studay-hero-details {
    align-items: center;
  }

  .case-studay-hero-details .case-studay-hero-details-inner {
    column-gap: 15px;
    row-gap: 25px;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
  }

  .case-studay-hero-details .case-studay-hero-details-inner .case-studay-details-box {
    max-width: unset;
  }

  .feature-set-image-container {
    border-radius: 15px;
  }

  .states-container {
    gap: 10px;
  }

  .states-container .states-box {
    padding: 20px 16px;
  }

  .more-case-studies-heading-box {
    flex-direction: column;
    align-items: center;
  }

  .more-case-studies-heading-box .more-case-studies-heading {
    margin-bottom: 20px;
  }

  .more-case-studies-heading-box .more-case-studies-CTA {
    max-width: fit-content;
  }

  .background-bellow-circule-single-1,
  .background-bellow-circule-single-2,
  .background-bellow-circule-single-3,
  .background-bellow-circule-single-4 {
    display: none;
  }

  /* blog post list page */
  .get-layer-hero-blog {
    width: 288px;
    top: calc(50% - 64px);
    left: calc(50% - 406px);
  }

  .get-layer-hero-blog-1 {
    width: 600px;
    top: calc(50% - 257px);
    left: calc(50% - 866px);
  }

  /* .hero-section-blogs .blogs-type-buttons {
    top: calc(50% + 247px);
    left: calc(50% + 55px);
  } */

  .hero-section-blogs .blogs-type-buttons .blogs-button {
    font-size: 12px;
    padding: 5px 10px;
    height: 33px;
    border-width: 2px;
  }

  .hero-section-blogs .blogs-type-buttons .blogs-button.active {
    height: 28px;
  }

  /* blog post single page */
  .blog-content-box .blog-hero-image-box .blog-hero-image,
  .image-blog .image-blog-box .image-block-image {
    margin-bottom: -5px;
  }

  .blog-detail-wrapper .blog-details-hero .blog-details-hero-breadCrump {
    flex-wrap: wrap;
  }

  .blog-content-box .blog-content-container .blog-text-Wysiwyg ul,
  .blog-content-box .blog-content-container .blog-text-Wysiwyg ol {
    font-size: 14px;
    line-height: 24px;
  }

  .blog-content-box .blog-content-container .blog-text-Wysiwyg ul li,
  .blog-content-box .blog-content-container .blog-text-Wysiwyg ol li {
    margin-bottom: 10px;
  }

  .blog-quotes {
    font-size: 22px;
    line-height: 28px;
  }

  .blog-lis-slate .single-blog-card .single-blog-card-image-box {
    max-height: 300px;
  }

  /* about us hero section */
  .about-us-wrapper .hero-section-about-us-container .hero-section-about-us {
    height: 800px;
  }

  .about-us-wrapper .hero-section-about-us .hero-about-us-content {
    margin-top: 100px;
  }

  .about-us-wrapper .hero-section-about-us .hero-about-us-content .hero-about-us-heading {
    margin-bottom: 7px;
  }

  .hero-section-about-us-container-parent {
    height: 1000px;
  }

  .about-us-wrapper .hero-section-about-us-container {
    height: 500px;
  }

  .how-we-started-container {
    margin-top: -500px;
  }

  .background-glob-wrappe .background-glob-image {
    object-fit: contain;
  }

  .how-we-started-container .hero-clip .gradient-overlay {
    top: 255px;
    /* height: calc(100% - 255px); */
    width: 600px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 131px), 37% 100%, 0 calc(100% - 157px));
  }

  .how-we-started-container {
    padding-bottom: 150px;
  }

  /* our team */
  .our-team-container .our-team-tabs-box .our-team-tab-buttons {
    gap: 10px;
  }

  .our-team-container .our-team-tabs-box .our-team-tab-content .our-team-tab-content-details-box .team-member-box .owl-item {
    width: 100%;
  }

  /* what we do */
  .what-we-do-accordion .accordion-container .ac .ac-chiled .ac-header .ac-trigger {
    font-size: 16px !important;
  }

  .what-we-do-accordion .accordion-container .ac .ac-chiled .ac-panel {
    width: 100%;
  }

  .what-we-do-accordion .accordion-container .ac .accordion-ac-video-box {
    position: relative;
    width: 100%;
    display: none;
  }

  .what-we-do-accordion .accordion-container .ac.is-active .accordion-ac-video-box {
    display: block;
    overflow: hidden;
  }

  .what-we-do-accordion .accordion-container .ac .accordion-ac-video-box video {
    transform: scale(1);
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    background-color: transparent !important;
    display: block;
  }

  /* our location */
  .our-location-background {
    display: none;
  }

  .our-location-main-box .our-location-main-box-inner .our-location-box {
    width: 100%;
  }

  .our-location-container .our-location-box-heading-box .our-location-box-heading {
    font-size: 24px;
  }

  /* till curious about */
  .still-curious-wrapper.about {
    margin-bottom: 100px;
  }


  /* timeline secion about us */
  .timeline_left {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  /* one pager */
  /*  .testimonials-more-info-box {
    min-width: 220px;
  }
  .one-pager .testimonials-wrapper .testimonials-heading-box .testimonials-ratting-clutch-box .testimonials-clutch-logo{
    width: 194px;
  } */
  .book_a_call_cta {
    font-size: 12px;
    min-width: 100px;
  }

  #header-icon-light-mode {
    display: flex;
    align-items: center;
  }

  .onepeger-header .headeer-logo-conter .header-icon {
    height: 17px;
  }
}

/* @media (max-width: 389px) {
  .hero-section-blogs .blogs-type-buttons {
    top: calc(50% + 243px);
    left: calc(50% + 42px);
  }
}
 */
@media (min-width: 440px) AND (max-width: 567px) {
  .home-wrapper .hero-clip .gradient-overlay {
    width: 750px;
    /* clip-path: polygon(0 0, 100% 0, 100% 83.8%, 53.8% 100%, 0 61%); */
    clip-path: polygon(0 0,
        100% 0,
        100% calc(100% - 154px),
        39.5% 100%,
        0 calc(100% - 211px));
  }
}

@media (min-width: 1272px) AND (max-height: 776px) {
  .home-wrapper .hero-clip .hero-section .hero-overlay-circule {
    top: -5vh;
  }
}

@media (max-width: 350px) {
  .still-curious-contact-information-inner .reach-us-here .reach-us-here-details {
    flex-wrap: wrap;
  }

  .still-curious-contact-information-inner .reach-us-here .reach-us-here-details .reach-us-here-details-contact {
    font-size: 13px;
  }
}