/* Desktop (991px - above) */
@media (min-width: 991px) {
  html {
    font-size: 0.694vw;
  }

  .container {
    max-width: 127.7rem;
  }

  /* ========== treatments_content ========== */
  .treatments_content {
    height: 100%;
    display: grid;
    align-content: space-between;
    padding-bottom: 0;
  }

  /* mega_menu_active */
  .mega_menu_active .mega_menu {
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  .menu_link.active .menu_link_icon {
    transform: rotate(180deg) translateY(-0.25rem);
  }

  /* mega_menu_close */
  .mega_menu_close {
    display: none;
  }
}

/* Tablet / Desktop (992px - 1400px) */
@media (min-width: 992px) and (max-width: 1400px) {
  .experience-1 {
    width: 24rem;
  }

  .experience-2 {
    width: 30rem;
  }

  .experience-3 {
    width: 27rem;
  }

  .experience-4 {
    width: 30rem;
  }
}

/* Small Tablet / Large Mobile (768px - 991px) */
@media (max-width: 991px) {
  html {
    font-size: 62.5%;
  }

  h5 {
    font-size: 2rem !important;
  }

  .header_left {
    justify-content: space-between !important;
    width: 100%;
  }

  .hader-logo {
    z-index: 1020;
    width: 100%;
  }

  .container {
    padding: 0 3.4rem;
  }

  .manu-container {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .hader-logo img {
    width: 25rem;
  }

  .header-area {
    height: 8rem;
  }

  .header-button .button {
    height: 7rem;
    font-size: 2.5rem;
    padding: 0 3rem;
    line-height: 3rem;
  }

  .responsive-menu ul {
    padding-bottom: 5rem;
  }

  .hero-bg {
    width: 97%;
    padding-bottom: 5rem;
  }

  .page-number-section-area {
    padding-bottom: 2rem;
  }

  .hero-shape-1 {
    left: 1rem;
  }

  .hero-shape-2 {
    right: 1rem;
  }

  .contact-details-wrapper {
    padding-left: 0;
  }

  .transform-shape-1 {
    left: -2rem;
  }

  .transform-shape-2 {
    right: -2rem;
  }

  .transform-shape .transform-shape-1,
  .transform-shape .transform-shape-2 {
    bottom: 0;
  }

  .transform-area {
    padding-top: 5rem;
    padding-bottom: 8rem;
  }

  .form-area {
    padding: 3.2rem 3rem;
  }

  .shape-img.chagegg .hero-shape-1,
  .shape-img.chagegg .hero-shape-2 {
    margin-bottom: -2rem;
  }

  .section-top-2 h2 {
    font-size: 3.5rem;
    line-height: 4.5rem;
  }

  .section-top-2 h2 br {
    display: none;
  }

  .row.gxgy {
    --bs-gutter-x: 1.5rem;
  }

  .technologies-img img {
    width: 100%;
  }

  .technologies-area .row.align-items-end.pb_85 {
    padding-bottom: 5rem;
  }

  .technologies-content p {
    font-size: 1.4rem;
  }

  .technologies-content h5 {
    font-weight: 600;
    font-size: 2rem;
  }

  .row.gxgy {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 4rem;
  }

  .contact-speak-content {
    text-align: center;
    padding: 5rem 2rem;
  }

  .sm-flex-content {
    display: flex;
    gap: 2rem;
  }

  .packages-area.graybg .row.align-items-end.pb_85 {
    padding-bottom: 5rem;
  }

  .testimonials-box img {
    height: 100%;
  }

  .section-top-img img {
    width: 100%;
  }

  .treatments-area .row {
    align-items: center;
  }

  .treatments-area .section-top.section-top-2 p {
    margin-bottom: 1.5rem;
  }

  .section-top-img {
    float: none;
  }

  .treatments-2-content .section-top.pr_65 {
    padding-right: 3rem;
  }

  .treatments-2-content .section-top.pl_65 {
    padding-left: 3rem;
  }

  .treatments-2-content .section-top h2 {
    font-size: 3rem;
  }

  .treatments-2-content .section-top p {
    font-size: 1.4rem;
  }

  .shape-img-2 {
    left: 0.9rem;
    top: -6rem;
  }

  .button {
    height: 5rem;
  }

  .benefits-content {
    width: 100%;
  }

  .row.csgxgy {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 3rem;
  }

  .experience-client-img {
    width: 100%;
    height: 44rem;
  }

  .experience-1 {
    width: 29rem;
  }

  .experience-2 {
    width: 35rem;
  }

  .experience-3 {
    width: 31rem;
  }

  .experience-4 {
    width: 35rem;
  }

  .about-mission-vission-area .section-top.section-top-2 {
    padding-left: 0;
  }

  .foster-content p {
    font-size: 1.5rem;
  }

  .row.gx_50 {
    --bs-gutter-x: 2rem;
  }

  .foster-area .section-top.section-top-2 {
    padding: 0;
  }

  .home-hero-shape-1,
  .home-hero-shape-2 {
    top: 30rem;
    width: 18rem;
  }

  .home-hero-content h2 {
    font-size: 3.5rem;
    padding-bottom: 1.5rem;
  }

  .home-hero-content p {
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }

  .home-hero-bg {
    width: 97%;
    padding-top: 12rem;
  }

  .home-hero-verifyed span {
    font-size: 1.4rem;
  }

  .home-hero-verifyed {
    gap: 1.5rem;
  }

  .counter-fact-content h1 {
    font-size: 4.5rem;
  }

  .counter-fact-item-border {
    padding: 0 2rem;
  }

  .expert-doctors-area .row.gx-80 {
    --bs-gutter-x: 3rem;
  }

  .expert-doctors-img img {
    width: 13rem;
  }

  .expert-doctors-content h5 {
    font-size: 2rem;
  }

  .expert-doctors-content p {
    font-size: 1.4rem;
  }

  .expert-doctors-shape img {
    width: 7rem;
  }

  .expert-doctors-shape.expert-doctors-shape-2 {
    right: -3rem;
    top: 40%;
    transform: translateY(-60%);
  }

  .expert-doctors-shape {
    right: -5rem;
    top: 40%;
    transform: translateY(-60%);
  }

  .expert-doctors-shape.expert-doctors-shape-3 {
    right: -4rem;
    top: 43%;
    transform: translateY(-50%);
  }

  .core-values-area .row {
    align-items: flex-start !important;
  }

  .core-values-img img {
    width: 100%;
  }

  .pricing-table thead tr th {
    font-size: 1.6rem;
  }

  .pricing-table > tbody tr td {
    font-size: 1.8rem;
    width: 54%;
  }

  .treatment-box h5 {
    font-size: 1.8rem !important;
  }

  .certified-band-top-logo img {
    width: 11rem;
  }

  .certified-band-bottom-logo img {
    width: 21rem;
  }

  .certified-band-area .section-top p {
    font-size: 1.4rem;
  }

  .certified-band-bottom-logo {
    margin-bottom: 0;
    gap: 1.5rem;
  }

  .kerala-sub-content h6 {
    font-size: 1.6rem;
  }

  .kerala-sub-content p {
    font-size: 1.4rem;
  }

  .kerala-sub-wrapper {
    gap: 2rem;
  }

  .kerala-sub-items br {
    display: none;
  }

  .kerala-sub-items {
    width: 100%;
  }

  .holiday-wrapper h2 br {
    display: none;
  }

  .holiday-wrapper h2 {
    font-size: 3.3rem;
    padding-bottom: 1.5rem;
  }

  .holiday-sub-content ul li {
    font-size: 1.6rem;
    line-height: 1;
  }

  .holiday-sub-content ul {
    line-height: 0;
  }

  .holiday-content {
    padding-bottom: 1.5rem;
  }

  .holiday-sub-content h5 {
    padding-bottom: 0;
  }

  .holiday-area .row {
    align-items: center !important;
  }

  .after-care-content {
    padding-top: 2rem;
  }

  .after-care-content br {
    display: none;
  }

  .after-care-wrapper .title {
    font-size: 3.5rem;
  }

  .after-care-left {
    margin-bottom: 1rem;
  }

  .after-care-left p {
    font-size: 1.5rem;
  }

  .after-care-content p {
    font-size: 1.5rem;
  }

  .after-care-area .row {
    align-items: center;
  }

  .video-card.p-relative img {
    height: auto;
  }

  .video-card video {
    height: auto !important;
  }

  .holiday-wrapper .button {
    font-size: 1.6rem;
  }

  .counter-fact {
    flex-wrap: wrap;
    justify-content: flex-start !important;
    width: 100%;
  }

  .counter-fact-item {
    width: 50%;
    margin-bottom: 2rem;
  }

  .counter-fact-item:nth-child(3),
  .counter-fact-item:nth-child(4) {
    margin-bottom: 0;
  }

  .counter-fact-item:nth-child(2) {
    border: none;
  }

  .home-section-buttom span {
    font-size: 1.3rem;
  }

  /* iti__selected-dial-code */
  .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
    margin: 0 1rem 0 1.6rem;
    font-size: 1.2rem;
    width: 3rem;
  }

  /* dental_box */
  .dental_box.active {
    max-width: 100%;
  }

  .dental_box {
    max-width: 100%;
  }

  .dental_box > img {
    height: 35rem;
  }

  /* ================= mega_menu =================== */
  .menu_tab {
    display: flex;
    align-items: center;
    text-align: left;
    width: 20rem;
    border: 0.1rem solid #f1f1f1;
    border-radius: 0.5rem;
  }

  .menu_tab .arrow_down {
    transform: rotate(-90deg);
    margin-left: 1rem;
  }

  .mega_menu .nav_tabs {
    width: 100%;
    padding-top: 7rem;
    padding-bottom: 0.8rem;
  }

  .menu_icon {
    width: 5rem;
    margin-right: 0.5rem;
  }

  .menu_tab p {
    font-size: 1.6rem;
    letter-spacing: -0.08em;
    white-space: nowrap;
  }

  .arrow_down {
    width: 2.5rem;
    margin-left: auto;
  }

  .menu_tab p br {
    display: none;
  }

  .menu_tab_content ul {
    grid-template-columns: 1fr;
    font-size: 1.8rem;
    gap: 1.8rem;
    line-height: 1.2;
  }

  .menu_tab_content:before {
    display: none;
  }

  .menu_tab_content {
    padding-top: 4rem;
    margin-top: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  /* ========== Menu =========== */
  .main-menu li a {
    height: auto;
    justify-content: space-between;
  }

  .menu_link_icon {
    width: 3rem;
    transform: rotate(-90deg);
  }

  /* ================= mega_menu =================== */

  .mega_menu {
    transform: scale(1) translateY(0);
    left: auto;
    right: -100%;
    top: 0;
    height: 100%;
    padding: 2rem 0;
  }

  .mobile_sm_active.mega_menu {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0) scale(1);
    right: 0;
  }

  .mega_menu .container {
    padding: 0 1.5rem;
  }

  .menu_tab_content ul {
    grid-template-columns: 1fr;
    font-size: 1.8rem;
    gap: 2rem;
    line-height: 1.25;
  }

  .menu_tab_content {
    padding-left: 2rem;
    padding-top: 2rem;
  }

  .menu_tab {
    width: auto;
  }

  .menu_icon {
    width: 5rem;
  }

  .nav_tabs button.active {
    background: #f1f1f1;
  }

  .nav_tabs button {
    padding-right: 0.5rem;
    border-radius: 0.5rem;
  }

  .menu_tab p {
    font-size: 1.65rem;
  }

  .mega_menu_close {
    width: 4rem;
    padding: 1.2rem;
    background: #f1f1f1;
    border-radius: 0.6rem;
    margin-left: auto;
    position: absolute;
    right: 2rem;
    top: 2rem;
    z-index: 9999;
  }

  .mega_menu_close:active {
    background: #ebdbdb;
  }

  /* ============= dental_boxes ============= */
  .dental_boxes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }

  .dental_values_top {
    flex-direction: column;
    align-items: center !important;
    text-align: center;
    gap: 2rem;
    padding-bottom: 4rem;
  }

  .dental_values_top h2 {
    line-height: 3.5rem !important;
  }

  .pricing-bottom-content p {
    width: 100%;
  }

  /* ============ manu-container ============ */
  .manu-container {
    height: 100%;
    display: grid;
    align-content: space-between;
    gap: 2rem;
  }

  .header-button .button {
    width: 100%;
  }

  .header-button {
    padding-bottom: 2rem;
  }

  .nav_tabs .swiper-slide {
    width: fit-content;
  }

  /* ================ swiper ============= */
  .swiper-button:after {
    font-size: 1.4rem;
    font-weight: 700;
    color: #ffffff;
  }

  .swiper-button {
    width: 3.2rem;
    text-align: center;
    display: flex;
    height: 3.2rem;
    align-items: center;
    justify-content: center;
    border-radius: 10rem;
    background: #000000;
    box-shadow: 0 0.25rem 1rem 0.1rem rgba(0, 0, 0, 0.25);
    margin-top: 0;
    transform: translateY(-50%);
  }
}

/* Mobile (0px - 767px) */
@media (max-width: 767px) {
  html {
    font-size: 50%;
  }

  .container {
    padding: 0 2.5rem;
  }

  .manu-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .contact-details-items {
    display: inline-block !important;
    text-align: center;
    width: 100%;
  }

  .icon {
    margin: 0 auto;
  }

  .contact-details-wrapper {
    text-align: center;
    padding-top: 5rem;
    display: flex;
  }

  .transform-shape-1 {
    left: -5rem;
  }

  .transform-shape-2 {
    right: -5rem;
  }

  .sm-flex-content {
    display: flex;
    gap: 2rem;
  }

  .footer_link.footer_link_2 .sub a {
    font-size: 1.4rem;
  }

  .button {
    font-size: 1.5rem;
    height: 4rem;
    padding: 0 2.5rem;
  }

  .header-button .button {
    height: 5rem;
    font-size: 1.5rem;
    padding: 0 2.5rem;
    line-height: 2.5rem;
  }

  .gray-btn {
    font-size: 1.5rem;
    height: 4rem;
    padding: 0 2.5rem;
  }

  .footer_link.footer_link_2 {
    width: 50%;
  }

  .section-top-2 h2 {
    font-size: 4rem;
    margin-bottom: 2rem;
  }

  .section-top-2 h2 br {
    display: block;
  }

  .contact-speak-blue-bg {
    padding: 2rem;
  }

  .contact-speak-input-content input {
    padding: 1.2rem;
  }

  .contact-speak-from {
    padding: 2rem;
  }

  .contact-speak-content {
    padding: 2rem 2rem;
  }

  .contact-speak-input-content {
    margin-bottom: 1rem;
  }

  .contact-speak-area {
    padding-bottom: 6rem;
  }

  .footer-area {
    padding-bottom: 0;
  }

  .testimonials-review-box {
    height: auto;
  }

  .testimonials-author-box {
    height: auto;
  }

  .shape-img-2 {
    left: auto;
    top: 0;
    transform: scaleX(-1);
  }

  .treatments-2-content .section-top {
    padding: 0 !important;
    margin-bottom: 3rem;
  }

  .row.gx_50 {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 4rem;
  }

  .home-section-buttom img {
    margin-right: 0.5rem;
  }

  .home-section-buttom {
    padding: 0 2rem;
    height: 4rem;
  }

  .home-hero-content h2 {
    font-size: 2.8rem !important;
    line-height: 3.2rem !important;
  }

  .home-hero-content p {
    font-size: 1.6rem;
    line-height: 2rem;
  }

  .home-hero-shape-1 {
    left: 0;
  }

  .home-hero-shape-2 {
    right: 0;
  }

  .home-hero-content .hero_button.button {
    margin-bottom: 10rem;
  }

  .home-hero-verifyed span {
    width: 100%;
  }

  .home-hero-bg {
    padding-bottom: 24rem;
    padding-top: 7rem;
  }

  .counter-fact-item {
    margin: 0;
    border: none;
    margin-bottom: 2rem !important;
    text-align: left;
  }

  .counter-fact-content {
    display: inline-block !important;
  }

  .counter-fact-content h1 {
    margin-right: 0;
  }

  .home-hero-verifyed {
    flex-wrap: wrap;
    justify-content: flex-start !important;
    margin-bottom: 3rem;
  }

  .home-hero-verifyed span {
    width: 48%;
    font-size: 1.6rem;
  }

  .home-hero-shape-1,
  .home-hero-shape-2 {
    top: 25rem;
    width: 21.3rem;
  }

  .patients-youtube-video .row {
    --bs-gutter-y: 3rem;
  }

  .expert-doctors-area .mt_100 {
    margin-top: 0 !important;
  }

  .expert-doctors-area .row {
    --bs-gutter-y: 3rem;
  }

  .expert-doctors-img img {
    width: 20rem;
  }

  .expert-doctors-shape {
    display: none;
  }

  .holiday-wrapper h2 {
    text-align: center;
  }

  .holiday-sub-content ul {
    line-height: inherit;
  }

  .holiday-sub-content ul li {
    font-size: 1.8rem;
    line-height: 150%;
  }

  .holiday-content {
    padding-bottom: 2.5rem;
  }

  .holiday-wrapper .button {
    width: 100%;
  }

  .pricing-table-area {
    padding-top: 0;
  }

  .section-top h2 br {
    display: none;
  }

  .certified-band-top-logo img {
    width: 100%;
  }

  .certified-band-bottom-logo img {
    width: 100%;
  }

  .certified-band-bottom-logo {
    margin-bottom: 1.5rem;
  }

  .certified-band-area .section-top p {
    font-size: 1.6rem;
  }

  .kerala-sub-wrapper {
    flex-wrap: wrap;
    justify-content: flex-start !important;
  }

  .kerala-sub-items {
    width: 47%;
    margin: 0 auto;
    text-align: center;
  }

  .kerala-sub-img {
    margin: 0 auto;
    margin-bottom: 1rem;
  }

  .pricing-table td,
  .pricing-table th {
    height: 6rem;
    vertical-align: middle;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 1.3rem;
    text-overflow: ellipsis;
  }

  .pricing-table.table {
    max-width: 100%;
    white-space: nowrap;
    display: block;
    width: 100%;
    overflow: auto;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
  }

  .pricing-table.table::-webkit-scrollbar {
    scrollbar-width: 0;
    display: none;
  }

  .pricing-table.table tbody,
  .pricing-table.table thead {
    position: relative;
  }
}

/* Mobile (0px - 767px) */
@media (max-width: 575px) {
  html {
    font-size: 2.32vw;
  }

  /* .responsive-menu {
        width: 90%;
    } */

  .manu-container {
    padding: 0 2rem;
    padding-right: 2rem;
  }

  .header-button .button {
    height: 5rem;
    font-size: 2rem;
    width: 100%;
  }

  .hader-logo img {
    width: 22rem;
  }

  .header-area {
    height: 8rem;
  }

  .hero-bg {
    padding: 3rem 0 8rem;
  }

  .page-number-section-area {
    padding-bottom: 3rem;
    padding-left: 3rem;
  }

  .hero-shape-1,
  .hero-shape-2 {
    width: 11rem;
  }

  h2 {
    font-size: 3rem !important;
    line-height: 4rem !important;
  }

  br {
    display: none !important;
  }

  .section-top h2 {
    text-align: center;
  }

  .section-top p {
    text-align: center;
  }

  .section-buttom {
    margin-left: auto;
    margin-right: auto;
  }

  .contact-details-wrapper {
    display: inline-block;
  }

  .transform-shape {
    display: none;
  }

  .transform-content br {
    display: none !important;
  }

  .transform-area {
    padding: 3rem 0;
  }

  .contact-area {
    padding: 4.5rem 0;
  }

  .accordion-button {
    padding: 3rem 2rem;
  }

  .accordion-button p,
  .accordion-button span {
    margin-right: 1rem;
    line-height: 2.9rem;
  }

  .accordion-button::after {
    width: 2.7rem;
    height: 2.7rem;
    background-size: 2.7rem;
  }

  .accordion-button:not(.collapsed)::after {
    width: 2rem;
    height: 2rem;
    background-size: 2rem;
  }

  .accordion-button:not(.collapsed) {
    padding-bottom: 1.4rem;
  }

  .accordion-body {
    padding: 0 4.5rem;
    padding-bottom: 3rem;
  }

  .footer_link.footer_link_2 .sub a {
    font-size: 1.2rem;
  }

  .footer-content {
    text-align: center;
  }

  .footer-content p.pb_50 {
    padding-bottom: 3rem;
  }

  .footer-bottom-button {
    display: inline-block !important;
    width: 100%;
  }

  .f-b-b {
    width: 100%;
    justify-content: center;
    margin-bottom: 2rem;
  }

  .f-b-b:last-child {
    margin-bottom: 0;
  }

  .row.gxgy-55 {
    --bs-gutter-y: 2rem;
  }

  .packages-box {
    text-align: center;
  }

  .testimonials-box-color-bg {
    padding: 2rem;
  }

  .testimonials-box-contemt {
    padding: 2rem;
  }

  .testimonials-box-contemt h5 {
    font-size: 2rem;
  }

  .testimonials-box-contemt a {
    font-size: 1.4rem;
  }

  .testimonials-area.graybg {
    padding: 3rem 0;
  }

  .testimonials-area .row.align-items-end.pb_85 {
    padding-bottom: 5rem;
  }

  .testimonials-box-color-content p {
    font-size: 1.4rem;
  }

  .testimonials-author-area {
    padding: 4rem 0;
  }

  .author-big-img-content a {
    font-size: 2rem;
  }

  .author-big-img-content span {
    font-size: 1.4rem;
  }

  .author-big-img-content {
    padding: 2rem;
  }

  .testimonials-author-box-body {
    padding: 2rem;
  }

  .testimonials-review-box {
    padding: 2rem;
  }

  .mb_24 {
    margin-bottom: 1.6rem;
  }

  .testimonials-custom-box-img .big-im {
    height: auto;
  }

  .treatments-shape-img {
    display: none;
  }

  .treatments-area .button {
    margin: 0 auto;
  }

  .stories-content {
    gap: 5rem;
  }

  .stories-content h2 {
    font-size: 2.4rem !important;
  }

  .foster-box {
    text-align: center;
  }

  .home-hero-verifyed {
    flex-wrap: wrap;
    justify-content: flex-start !important;
    margin-bottom: 3rem;
  }

  .home-hero-shape-1,
  .home-hero-shape-2 {
    width: 15rem;
    top: 37rem;
  }

  .home-hero-verifyed span {
    width: 100%;
  }

  .home-hero-content .hero_button.button {
    margin-bottom: 13rem;
  }

  .kerala-dental-button {
    display: inline-block !important;
  }

  .kerala-dental-button p {
    font-size: 1.4rem;
  }

  .kerala-dental {
    display: inline-block !important;
  }

  .kerala-dental-button.as-bottom-button {
    height: 8.2rem;
  }

  .before-after-youtube {
    width: 4rem;
    height: 4rem;
  }

  .before-after-youtube img {
    width: 2rem;
  }

  .before-after-content {
    padding: 1rem;
  }

  .before-after-content h5 {
    font-size: 1.6rem !important;
  }

  .after-care-area {
    padding-top: 5rem;
  }

  .after-care-left img {
    width: 8%;
  }

  .after-care-content p {
    width: 92%;
  }

  /* ============= dental_boxes ============= */
  .dental_boxes {
    grid-template-columns: 1fr;
  }

  .dental_box {
    max-width: 100%;
  }

  .dental_box.active {
    max-width: 100%;
  }

  /* ============= footer-bottom-button ============= */
  .footer-bottom-button {
    display: flex !important;
    gap: 1rem !important;
  }

  .footer-bottom-button button {
    margin: 0;
    padding: 0 2rem;
    height: 3.2rem;
    font-size: 1.2rem;
    width: fit-content;
  }

  .f-b-b img {
    width: 1.8rem;
    margin-left: 1rem;
  }

  .footer-bottom-button-area {
    padding: 1.35rem 0;
  }

  /* table */
  .pricing-table.table {
    width: calc(100% + 5rem);
    max-width: calc(100% + 5rem);
    transform: translateX(-2.5rem);
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  /* ======== manu-container ========= */
  .manu-container {
    padding-bottom: 2rem;
    padding-right: 2rem;
  }
}