/*===========Resposive Media==========================*/
@media (min-width: 1400px) {
  .container {
    max-width: 1280px;
  }

  body .max-w-4xl {
    max-width: 44rem;
  }
}

@media (max-width: 1199px) {
  h1 {
    font-size: 40px;
  }

  .blog-detail .hero-title {
    font-size: 40px !important;
  }

  h2 {
    font-size: 30px;
  }

  p {
    font-size: 15px;
    line-height: 24px;
  }

  section.brands-section.py-70.pt-0,
  section.ats-info-sec.pb-70,
  .py-70 {
    padding-top: 50px !important;
  }

  .sec-padding {
    margin-bottom: 50px;
  }

  header .nav-link {
    font-size: 14px;
  }

  .custom-dropdown-icon {
    max-width: 18px;
    margin-left: 0;
  }

  .resume-btn {
    padding: 12px 16px;
  }

  .hero-desc {
    font-size: 16px;
  }

  .hero-list li {
    font-size: 16px;
  }

  .resume-tp-btn {
    padding: 12px 16px;
  }

  img.beyond-img-way {
    min-height: auto;
  }

  .beyond__cards-secction img {
    right: 0;
    bottom: 0;
    display: none;
  }

  .beyond__link {
    font-size: 14px;
  }

  a.beyond__link img {
    max-width: 22px;
  }

  /* new */
  .resume-hero__stars {
    font-size: 0px;
  }

  .blog__featured-title {
    font-size: 20px;
  }

  .blog__featured-bottom img {
    max-width: 100px;
  }

  .blog__text {
    font-size: 16px;
  }

  .brand__text {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .brand__text br {
    display: none;
  }

  .brand__cta-title {
    font-size: 22px;
  }

  .brand__cta-text {
    font-size: 14px;
  }

  .beyond__avatars img {
    display: none;
  }

  .joinbox__visual {
    margin-top: 20px;
  }

  a.nav-link.sign-iin:after {
    display: none;
  }

  /*=================pricing-page-media===================*/
  .h-pricing-section {
    padding: 50px 0;
  }

  .pricing__list li {
    font-size: 14px;
  }

  .pricing__logo img {
    max-width: 60px;
  }

  .pricefaq__btn {
    font-size: 14px;
  }

  .pricefaq__footer p {
    font-size: 14px;
  }

  .margin-card {
    margin-top: 0;
  }

  .stats-card {
    padding: 16px 16px;
  }

  img.beyond-img-way.way-imgg {
    bottom: 0;
    right: 0;
  }

  .res-img-stack img {
    max-width: 355px;
    width: 100%;
  }

  .res-avatar img {
    max-width: 70px;
    height: 70px;
  }

  .add-margin {
    margin-top: 0;
  }

  .res-testimonial-content p {
    min-height: 90px;
  }

  .res-faq-left h2 {
    font-size: 40px;
    font-weight: 600;
  }

  .res-faq-left p {
    font-size: 13px;
  }

  .res-faq-accordion .accordion-item {
    padding: 0px;
  }

  /* about */
  .resume-right,
  .resume-left {
    width: 200px;
    height: 265px;
  }

  .resume-center {
    width: 300px;
    height: 387px;
  }

  .stat-number {
    font-size: 20px;
  }

  .mission-section .mission-text-col {
    border-radius: 20px 300px 300px 20px;
    padding: 70px 50px;
  }
  .feature-col .feature-visual img {
    height: 250px;
  }
  .mission-label {
    font-size: 20px;
    margin-bottom: 30px;
  }

  .mission-heading {
    font-size: 25px;
    max-width: 400px;
  }

  .mission-image-col {
    width: 270px;
    height: auto;
    margin-left: -10rem;
  }

  .feature-col p {
    font-size: 18px;
  }

  .feature-col {
    height: 100%;
  }

  .timeline .timeline-item {
    padding: 20px;
  }
  section#pricing-faq h2,
  .history-section h2 {
    font-size: 45px;
    margin-bottom: 25px;
  }

  .timeline-year {
    font-size: 25px;
    margin-bottom: 30px;
  }

  .timeline-text {
    font-size: 20px;
  }

  .team-card .team-text-col {
    padding: 30px 20px;
  }

  .team-bio {
    font-size: 20px;
    margin-bottom: 40px;
  }

  .team-member-name {
    font-size: 22px;
  }

  .team-member-role {
    font-size: 16px;
  }
  .brands-section .brand-box {
    gap: 50px;
  }
  .team-card .carousel-control-next,
  .team-card .carousel-control-prev {
    bottom: 37px;
  }
  .footer .container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .reviews .reviews__title {
    font-size: 35px;
  }

  .resume_builder_resources_heading h2 {
    font-size: 42px;
    margin-bottom: 30px;
  }

  .resume_builder_resources_wrap {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 30px;
  }

  .resume_builder_article_card.before_line::before {
    display: none;
  }

  .resume_success_story_heading h2 {
    font-size: 42px;
  }
}

@media (max-width: 991px) {
  h1 {
    font-size: 35px;
  }

  .blog-detail .hero-title {
    font-size: 35px !important;
  }

  h2 {
    font-size: 30px;
  }

  p {
    font-size: 14px;
  }

  section.brands-section.py-70.pt-0,
  section.ats-info-sec.pb-70,
  .py-70 {
    padding-top: 40px !important;
  }

  section.ats-info-sec.pb-70,
  .py-70 {
    padding-bottom: 40px !important;
  }
  section.features-section {
    border-radius: 40px;
    padding: 40px 0;
  }
  section.Contact-form-sec {
    border-radius: 40px;
  }

  .sec-padding {
    margin-bottom: 35px;
  }

  h1.hero-title span br {
    display: none;
  }

  .h-pricing-section h1.hero-title {
    text-align: center;
  }

  .res-pro-tabs {
    justify-content: space-between;
  }

  .res-content h2 {
    font-size: 26px;
  }

  .res-nav {
    position: static;
    text-align: center;
    margin-top: 20px;
  }

  header .home-menu {
    display: none;
    background: #fff;
    padding: 12px 0 8px;
  }

  header .home-menu.is-open {
    display: block;
  }

  header .navbar-nav {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 2px;
    margin: 0;
  }

  header .navbar-nav .nav-link {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  header .navbar .d-lg-flex {
    gap: 12px;
  }

  .resume-tabs {
    flex-direction: row;
    overflow-x: auto;
    gap: 10px;
    padding-bottom: 10px;
  }

  .img-back {
    left: 190px;
    z-index: 1;
  }

  .resume-tabs::-webkit-scrollbar {
    height: 4px;
  }

  .resume-tabs::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
  }

  .resume-tab {
    min-width: 260px;
    flex: 0 0 auto;
  }

  .tab-text p {
    display: none;
  }

  .resume-tabs {
    flex-wrap: nowrap;
    /* 🔥 important */
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
  }

  /* SNAP EFFECT (like slider feel) */
  .resume-tab {
    min-width: 85%;
    flex: 0 0 auto;
    scroll-snap-align: start;
    max-width: 88%;
  }

  .resume-tabs {
    scroll-snap-type: x mandatory;
  }

  /* hide ugly scrollbar */
  .resume-tabs::-webkit-scrollbar {
    display: none;
  }

  .pricefaq__box {
    margin-top: 20px;
    max-width: 100%;
  }

  img.beyond-img-way.way-imgg {
    bottom: -53px;
    right: -24px;
  }

  .beyond .col-lg-8 {
    width: 50%;
  }

  .res-faq-left {
    margin-bottom: 30px;
    text-align: center;
  }

  .res-faq-left h2 {
    font-size: 28px;
  }

  .res-review-content {
    margin-top: 30px;
    padding: 25px;
  }

  .res-review-content h2 {
    font-size: 24px;
  }

  .stats-tittle-iconn::before {
    height: 40px;
    top: 0px;
    max-width: 54px;
    left: 0;
  }

  .res-img-stack img {
    max-width: 400px;
    margin-top: 30px;
    position: relative;
    left: 0;
  }

  .res-avatar img {
    width: 120px;
    height: 120px;
  }

  section.rct-sec.sec-padding .col-lg-6:nth-child(3) {
    margin-top: 25px;
  }

  section.rct-sec.sec-padding .col-lg-6:nth-child(2) {
    margin-top: 25px;
  }

  /* blog-detail */
  .blog-detail .hero-row {
    flex-direction: column-reverse;
  }

  .blog-detail .meta-row {
    margin: 30px 0 0px;
  }

  .blog-detail .sidebar-categories h3 {
    font-size: 22px;
  }

  /* cover-letter */
  .generate-letter .text_box {
    padding: 20px;
  }

  .generate-letter .generate-btn {
    font-size: 16px;
    padding: 15px;
  }

  .generate-letter .text_box p {
    font-size: 16px;
  }

  .generate-letter .text_box h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .cover-detail .finding-title {
    margin-bottom: 20px;
  }

  .cover-detail .finding {
    margin-bottom: 30px;
  }

  .ats_slider-title {
    font-size: 30px;
    margin-bottom: 15px;
  }

  .ats_slider-wrapper .owl-nav {
    position: static;
    display: flex;
    justify-content: center;
    margin-top: 15px;
  }

  .ats_slider-wrapper .owl-nav button {
    position: static;
    transform: none;
    margin: 0 8px;
  }

  main.min-h-screen.bg-app.px-4.py-6 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* new */
  h5.offcanvas-title img {
    max-width: 90px !important;
  }

  .position-relative:has(
    button.d-flex.align-items-center.justify-content-center.overflow-hidden.rounded-circle.border.border-slate-200.bg-slate-900.text-white.shadow-sm
  ) {
    position: absolute !important;
    top: 6px;
    right: 60px;
  }

  .btn-close,
  .btn-close {
    border: 2px solid #000 !important;
  }

  .offcanvas-body {
    background: #282b8f !important;
  }

  .offcanvas-body .navbar-nav .nav-link {
    color: #fff !important;
  }

  .offcanvas-body .resume-btn {
    background-color: #000 !important;
  }

  header .navbar-nav .nav-link:hover,
  header .navbar-nav .nav-link:focus-visible {
    color: #fff !important;
  }

  .content-layout .sidebar {
    order: 0;
  }
.blog-detail .hero-title,
  .hero-section h1.hero-title {
    font-size: 40px;
  }

  .stats-tittle-iconn {
    font-size: 45px;
  }

  section.rct-sec.sec-padding
    .mb-5.d-flex.justify-content-center.align-items-center.gap-3.flex-wrap {
    grid-template-columns: 1fr;
  }

  section.rct-sec.sec-padding p {
    font-size: 16px;
  }

  section.rct-sec.sec-padding .col-lg-6 .col-lg-6 {
    width: 50%;
  }

  .stats-card {
    min-height: auto;
  }

  .resume-adv-sec h2.text-center.text-white {
    font-size: 45px;
    margin-bottom: 30px !important;
  }

  .resume-box {
    padding: 50px 30px;
  }

  .tab-text .succced_box {
    padding: 20px;
  }

  .tab-text .succced_box {
    min-height: auto;
  }

  .resume-box .tab-text span {
    font-size: 14px;
    line-height: 130%;
  }

  .resume-box .tab-text h5 {
    font-size: 20px;
  }

  section#templates h2.templates__title,
  .resume-hero__content h2,
  .hero-heading h1,
  section.blog-sec h2,
  section.beyond h2.text-center,
  .creativity-heading,
  .resume-adv-sec h2.text-center.text-white {
    font-size: 45px;
  }

  section#templates p.templates__sub.mb-5 {
    font-size: 13px;
  }

  .templates .owl-nav .owl-prev {
    top: -5rem;
    right: 4rem;
  }

  .templates .owl-nav .owl-next {
    right: 1rem;
    top: -5rem;
  }

  .res-pro-sec {
    border-radius: 40px;
  }

  .brand_icons {
    margin-top: -30px;
  }

  h3.brand_header {
    font-size: 25px;
  }

  .hired-sec .hired_wrap {
    border-radius: 40px;
    padding: 40px;
  }

  .hired-sec .data-box.text-center h2 {
    font-size: 45px;
  }

  .hired-sec .data-box.text-center {
    margin-top: 30px;
  }

  .resume_builder_resources_heading h2 {
    font-size: 36px;
  }

  .resume_success_story_sec {
    border-radius: 40px;
  }

  .resume_success_story_top {
    margin-bottom: 40px;
  }

  .resume_success_story_text p {
    color: var(--resume-white-color);
    font-size: 16px;
    line-height: 22px;
  }

  .resume_success_story_heading h2 {
    font-size: 36px;
    margin-bottom: 20px;
  }

  .resume_success_story_text p {
    margin-bottom: 15px;
  }

  .beyond__cards-secction img {
    max-width: 200px;
  }

  .resume_success_story_slider {
    padding: 0 40px;
  }

  .footer__heading {
    font-size: 16px;
  }

  .resume-footer-p {
    color: #fff;
    font-size: 17px;
  }

  .res-faq-sec h2.mb-4 {
    font-size: 45px;
  }

  .footer__top.row.gy-4 .col-lg-2.col-md-6 {
    width: 25%;
    order: 2;
  }

  .footer__top.row.gy-4 .col-lg-4.col-md-12.text-center.footer__center-col {
    order: 1;
  }
  section.Contact-form-sec {
    margin-bottom: 40px;
  }
  .showcase-banner {
    padding: 40px 0 0;
    border-radius: 40px;
  }
  section.py-2.text-center.pricing_logos_section,
  section.py-70:has(.stats-row) {
    border-radius: 0 0 40px 40px;
    margin-top: -40px;
    padding-top: 80px !important;
    margin-bottom: 50px !important;
  }
  h1.max-w-xl.text-\[38px\].font-semibold.leading-\[1\.15\].text-\[\#111827\].sm\:text-\[46px\] {
    font-size: 45px;
  }
  section#pricing-plans {
    padding: 40px 0;
    border-radius: 40px;
  }
  section#pricing-faq {
    padding-top: 40;
    padding-bottom: 40px;
  }
  .b_v_p_section {
    padding: 40px 0;
    border-radius: 40px;
  }
  section#templates .templates__card img {
    height: 570px;
  }
  .cover-hero h1 {
    font-size: 45px;
  }
  .blog-detail .hero-title,
  .hero-section h1.hero-title {
    font-size: 36px;
  }
  .hero-desc {
    font-size: 14px;
  }
  .hero-list li {
    font-size: 14px;
  }
  .stats-tittle-iconn {
    font-size: 32px;
  }
  section.rct-sec.sec-padding
    .mb-5.d-flex.justify-content-center.align-items-center.gap-3.flex-wrap
    p {
    font-size: 14px;
  }
  .stats-card h5 {
    font-size: 20px;
  }
  section.rct-sec.sec-padding p {
    font-size: 14px;
  }
  section.rct-sec.sec-padding .col-lg-6:nth-child(2) {
    margin-top: 0px;
  }
  .tab-text h5 {
    font-size: 18px;
  }
  .resume-tab {
    min-width: 100%;
    max-width: 100%;
  }
  section#templates h2.templates__title,
  .resume-hero__content h2,
  .hero-heading h1,
  section.blog-sec h2,
  section.beyond h2.text-center,
  .creativity-heading,
  .resume-adv-sec h2.text-center.text-white {
    font-size: 36px;
  }
  .templates .templates__slider .owl-nav button {
    font-size: 24px;
    margin-top: 20px;
  }
  .res-tab-btn {
    padding: 0px 5px 10px;
    font-size: 20px;
  }
  .resume_success_story_nav button {
    width: 40px;
    height: 40px;
  }
  .resume_success_story_nav button img {
    max-width: 8px;
  }
  header a.navbar-brand img {
    width: 150px !important;
    height: 45px !important;
  }
  section.rct-sec.sec-padding .col-lg-6:nth-child(2) {
    margin-top: 20px;
  }
  .res-faq-sec h2.mb-4 {
    font-size: 32px;
  }
  .privacy-content h2 {
    font-size: 30px;
  }
  .privacy-content h1 {
    font-size: 45px;
  }
  .privacy-content h3 {
    font-size: 20px;
  }
  section.privacy_box {
    padding: 30px 0 30px;
  }
  .blog-detail .hero-title,
  .hero-section h1.hero-title {
    font-size: 36px;
  }
  .hero-desc {
    font-size: 14px;
  }
  .hero-list li {
    font-size: 14px;
  }
  .stats-tittle-iconn {
    font-size: 32px;
  }
  section.rct-sec.sec-padding
    .mb-5.d-flex.justify-content-center.align-items-center.gap-3.flex-wrap
    p {
    font-size: 14px;
  }
  .stats-card h5 {
    font-size: 20px;
  }
  section.rct-sec.sec-padding p {
    font-size: 14px;
  }
  section.rct-sec.sec-padding .col-lg-6:nth-child(2) {
    margin-top: 0px;
  }
  .tab-text h5 {
    font-size: 18px;
  }
  .resume-tab {
    min-width: 100%;
    max-width: 100%;
  }
  section#templates h2.templates__title,
  .resume-hero__content h2,
  .hero-heading h1,
  section.blog-sec h2,
  section.beyond h2.text-center,
  .creativity-heading,
  .resume-adv-sec h2.text-center.text-white {
    font-size: 36px;
  }
  .templates .templates__slider .owl-nav button {
    font-size: 24px;
    margin-top: 20px;
  }
  .res-tab-btn {
    padding: 0px 5px 10px;
    font-size: 20px;
  }
  .resume_success_story_nav button {
    width: 40px;
    height: 40px;
  }
  .resume_success_story_nav button img {
    max-width: 8px;
  }
  .act_templae_btn.text-center.mb-5.gap-4.d-lg-flex.justify-content-center.d-block {
    display: flex;
  }
  section.ats_category-sec.py-70.ats_bg {
    margin-top: -100px;
    padding-top: 90px !important;
  }
  section.ats_slider-sec.py-70.b_v_p_section.mb-lg-5.mb-3 {
    margin-top: 20px;
  }
  .b_v_p_section .nav-pills .nav-link.tabs-button.active:before {
    bottom: 0px;
  }
  .blog-card h5 {
    font-size: 18px !important;
  }
  .team-section h2 {
    font-size: 36px;
    margin-bottom: 20px;
  }
  .team-bio {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .auth-description {
    font-size: 18px;
    font-weight: 500;
}
.auth-box {
    padding: 30px;
    border-radius: 30px;
}
}

/*===========pricing-page-media================*/

@media (max-width: 767px) {
  h1 {
    font-size: 30px;
  }

  .blog-detail .hero-title {
    font-size: 30px !important;
  }

  h2 {
    font-size: 25px;
  }

  section.brands-section.py-70.pt-0,
  section.ats-info-sec.pb-70,
  .py-70 {
    padding-top: 25px;
  }

  .sec-padding {
    margin-bottom: 25px;
  }

  .hero-content {
    padding: 0px 0 20px;
  }

  .hero-list li {
    font-size: 12px;
  }

  ul.hero-list li img {
    max-width: 16px;
  }

  .hero-desc {
    font-size: 14px;
    margin-top: 10px;
  }

  .resume-btn {
    display: block;
    width: 100%;
    text-align: center;
  }

  .resume-tp-btn {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 10px;
  }

  h2.stats-title {
    font-size: 28px;
  }

  .mb-5 {
    margin-bottom: 2rem !important;
  }

  .resume-box .col-md-6:nth-child(2) {
    margin-top: 30px;
  }

  .tab-text-img {
    position: absolute;
    left: 0;
    top: 0;
  }

  .brand__item {
    max-width: 120px;
  }

  .brand__cta-title {
    font-size: 17px;
  }

  .brand__cta-text {
    font-size: 13px;
    line-height: 18px;
    margin-top: 10px;
  }

  .templates .owl-nav .owl-prev {
    left: 20px;
  }

  .templates .owl-nav .owl-next {
    right: 20px;
  }

  a.beyond__link img {
    display: none;
  }

  .blog__featured-title {
    font-size: 16px;
  }

  .footer__bottom-top {
    margin-top: 20px;
    gap: 20px;
  }

  .resume-footer-p {
    text-align: left;
  }

  .footer__bottom {
    text-align: center;
    flex-direction: column;
  }

  .footer__social {
    margin-left: 0;
    justify-content: flex-start;
  }

  .footer__bottom-copy {
    text-align: center;
  }

  .pricing__card {
    padding: 20px;
  }

  .res-img-stack {
    min-height: 180px;
  }

  .banner-section {
    padding: 35px 15px;
  }

  .res-revies-content {
    padding: 40px 20px;
  }

  .joinbox__wrap {
    padding: 30px 15px;
  }

  /* about */

  .blog-sec .nav-pills {
    flex-wrap: wrap !important;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

  .blog-sec .nav-pills::-webkit-scrollbar {
    display: none;
  }

  .blog-sec .nav-pills .nav-link {
    flex: 0 0 auto;
  }

  /* blog-detail */
  .blog-detail .content-layout {
    display: flex;
    flex-direction: column-reverse;
  }

  .blog-detail .hero-illustration {
    width: 100%;
  }

  .blog-detail .breadcrumb {
    padding: 0px 0px 10px;
  }

  .blog-detail .meta-row .meta-item:nth-child(2) {
    font-size: 16px;
  }

  .blog-detail .hero-row {
    margin-bottom: 30px;
  }

  .blog-detail .sidebar-categories {
    background-color: #fff;
    max-height: 200px;
    overflow: auto;
    margin-top: 17px;
  }

  .blog-detail .sidebar {
    width: 100%;
  }

  .resume-btn {
    width: 100%;
    margin: auto;
  }

  /* about-us */
  section.ats-info-sec.pb-70,
  section.hero-heading.py-70 {
    padding-bottom: 25px;
  }

  .resume-center {
    width: 150px;
    height: 198px;
  }

  .resume-right,
  .resume-left {
    width: 110px;
    height: 150px;
  }

  .stats-row {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .stat-item {
    align-items: center;
  }

  .mission-section .mission-text-col {
    border-radius: 20px 20px 0 0px;
    padding: 40px 32px;
  }

  .mission-label {
    margin-bottom: 20px;
  }

  .mission-heading {
    font-size: 22px;
  }

  .mission-image-col {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-top: -15px;
  }
  .brands-section .brand-box {
    flex-wrap: wrap;
  }
  .creativity-section .creativity-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 40px;
  }

  section.ats-info-sec.pb-70,
  section.creativity-section.py-70 {
    padding-bottom: 30px;
  }

  section.features-section .col-md-6 {
    margin-bottom: 20px;
  }

  .timeline {
    gap: 20px;
    grid-template-columns: 1fr;
  }
  section#pricing-faq h2,
  .history-section h2 {
    font-size: 30px;
  }

  .timeline-year {
    font-size: 22px;
    margin-bottom: 25px;
  }

  .timeline-text {
    font-size: 18px;
  }

  .team-card {
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }

  .team-bio {
    font-size: 18px;
  }

  .reviews .reviews__title {
    font-size: 28px;
  }

  section.ats-info-sec.pb-70,
  .brands-section.py-70 {
    padding-bottom: 40px;
  }

  /* cover-letter */
  .cover-hero h1 {
    margin-top: 0px;
  }

  section.ats-info-sec.pb-70,
  .py-70 {
    padding-bottom: 30px;
  }

  .cover-detail .sidebar-categories {
    margin-bottom: 0px;
  }

  .resume-detail aside.sidebar {
    position: static;
  }

  .resume_category ul {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .resume_category {
    margin-bottom: 40px;
  }

  .resume_h2 {
    margin-bottom: 20px;
  }

  .brand .resume-btn,
  .hero-content .resume-btn {
    width: 100%;
  }

  .templates__btn {
    padding: 10px 10px;
  }

  .res-review-content {
    padding: 0px;
  }

  .res-rating .rating-text {
    font-size: 18px;
  }

  .res-rating {
    gap: 4px;
    flex-direction: column;
  }

  .beyond .col-lg-8 {
    width: 100%;
  }

  .Contact-form-sec .contact-form-box {
    padding: 16px;
  }

  header
    .flex.flex-col.gap-4.border-b.border-slate-100.px-5.py-4
    .flex.flex-wrap.items-center.justify-end.gap-2 {
    justify-content: center;
  }

  section .grid .p-4 {
    padding: 1rem !important;
  }

  .rounded-\[28px\].border.bg-white.p-5.shadow-sm.transition.border-slate-200 {
    padding: 15px !important;
  }

  button .grid .grid-cols-\[180px_1fr\],
  button .grid .grid-cols-\[165px_1fr\] {
    grid-template-columns: 1fr;
  }

  h5.offcanvas-title img {
    max-width: 90px !important;
  }

  section.rounded-xl.border {
    padding: 15px !important;
  }

  .relative.p-6.text-center {
    padding: 15px !important;
  }

  p.text-\[42px\] {
    font-size: 25px;
  }

  .feature-col p {
    font-size: 16px;
  }

  .team-bio {
    font-size: 16px;
  }

  .team-section h2 {
    font-size: 45px;
    margin-bottom: 30px;
  }

  .blog-detail .hero-title,
  .blog-sec h2 {
    font-size: clamp(30px, 4vw, 56px);
  }

  .creativity-section .owl-item {
    opacity: 1;
  }

  .rounded-\[28px\].border.border-slate-200.bg-white.p-5.shadow-sm {
    padding: 20px !important;
  }

  .grid
    button
    .relative.overflow-hidden.rounded-\[18px\].border.border-slate-200.bg-slate-100.rounded-\[24px\] {
    height: 380px !important;
  }

  .fixed.bottom-4.left-4.right-4 textarea.w-full.resize-none {
    padding: 6px !important;
    font-size: 13px !important;
  }

  .fixed.bottom-4.left-4.right-4
    .bg-\[linear-gradient\(145deg\,\#2d3191_0\%\,\#3a40aa_100\%\)\] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .fixed.bottom-4.left-4.right-4
    .flex.h-full.flex-col.gap-3.overflow-y-auto.px-4.py-3\.5 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .fixed.bottom-4.left-4.right-4
    .shrink-0.border-t.border-slate-200.bg-white.p-3 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .fixed.bottom-4.left-4.right-4
    .rounded-\[24px\].border.border-slate-200.bg-white.px-5.py-4.text-base.leading-7.text-slate-500.shadow-sm
    p,
  .fixed.bottom-4.left-4.right-4
    .rounded-\[24px\].px-5.py-4.text-\[16px\].leading-7.shadow-sm.border.border-slate-200.bg-white.text-slate-700
    p {
    font-size: 12px;
  }

  .fixed.bottom-4.left-4.right-4
    .rounded-\[24px\].px-5.py-4.text-\[16px\].leading-7.shadow-sm.bg-\[\#2d3191\].text-white
    p,
  .fixed.bottom-4.left-4.right-4
    .rounded-\[24px\].px-5.py-4.text-\[16px\].leading-7.shadow-sm.bg-\[\#2d3191\].text-white,
  .fixed.bottom-4.left-4.right-4
    .rounded-\[24px\].border.border-slate-200.bg-white.px-5.py-4.text-base.leading-7.text-slate-500.shadow-sm,
  .fixed.bottom-4.left-4.right-4
    .rounded-\[24px\].px-5.py-4.text-\[16px\].leading-7.shadow-sm.border.border-slate-200.bg-white.text-slate-700 {
    font-size: 12px !important;
  }

  .fixed.bottom-4.left-4.right-4
    .mt-3.rounded-\[18px\].border.border-white\/20
    select {
    height: 32px;
    padding: 5px 12px !important;
  }

  .fixed.bottom-4.left-4.right-4
    .shrink-0.border-t.border-slate-200.bg-white.p-3 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .fixed.bottom-4.left-4.right-4 button.rounded-full {
    padding: 0px 7px !important;
    height: 30px;
    font-size: 11px;
  }

  .shrink-0.border-t.border-slate-200.bg-white.p-3
    .flex.items-center.justify-end.gap-3.border-t.border-slate-100.px-2.pt-2 {
    gap: 10px !important;
  }

  /* new */
  .hero-btns {
    gap: 10px;
  }

  .fixed.bottom-4.left-4.right-4
    .mt-3.rounded-\[18px\].border.border-white\/20
    select {
    padding-right: 30px !important;
    font-size: 11px !important;
  }

  .mb-4.rounded-2xl.border.border-slate-200.bg-white.p-2.shadow-sm
    .flex.flex-wrap.gap-2 {
    flex-wrap: nowrap !important;
    width: 100%;
    overflow: auto;
    justify-content: center;
  }

  .max-w-7xl {
    padding-left: 0px;
    padding-right: 0px;
  }

  .mb-4.rounded-2xl.border.border-slate-200.bg-white.p-2.shadow-sm
    .flex.flex-wrap.gap-2
    button.rounded-xl {
    padding: 8px 9px !important;
    font-size: 13px;
  }

  header nav.flex.flex-wrap.gap-2.px-4.py-3 {
    padding: 0 !important;
    flex-wrap: nowrap !important;
    overflow: auto;
  }

  header nav.flex.flex-wrap.gap-2.px-4.py-3 a.rounded-full {
    white-space: nowrap;
    border-radius: 6px !important;
    padding: 9px 15px !important;
  }

  .p-5 {
    padding: 20px !important;
  }

  .p-4 {
    padding: 15px !important;
  }

  .fixed.inset-0
    .w-full.max-w-4xl.rounded-2xl.border
    .mt-5.flex.flex-wrap.justify-end.gap-2 {
    flex-wrap: nowrap !important;
  }

  .fixed.inset-0 .w-full.max-w-4xl.rounded-2xl.border button.w-full.rounded-xl {
    padding-left: 13px !important;
    padding-right: 13px !important;
  }

  .fixed.inset-0 .w-full.max-w-4xl.rounded-2xl.border {
    height: 580px;
  }

  .grid
    .relative.overflow-hidden.rounded-\[18px\].border.border-slate-200.bg-slate-100.rounded-\[24px\] {
    height: 400px !important;
  }

  header .flex.flex-col.gap-4.border-b.border-slate-100.px-5.py-4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  header.relative.mb-6.border.bg-white.shadow-sm
    a.inline-flex.items-center.rounded-xl.border.border-transparent.p-1.transition.hover\:border-slate-200.hover\:bg-slate-50
    .block.font-display.text-lg {
    font-weight: 600;
    font-size: 16px;
  }

  header
    .flex.flex-col.gap-4.border-b.border-slate-100.px-5.py-4
    .flex.flex-wrap.items-center.justify-end.gap-2 {
    flex-wrap: nowrap !important;
  }

  header
    .flex.flex-col.gap-4.border-b.border-slate-100.px-5.py-4
    .flex.flex-wrap.items-center.justify-end.gap-2
    select {
    max-width: 146px;
    border-radius: 6px;
    padding-left: 10px !important;
    padding-right: 25px !important;
  }

  .rounded-3xl,
  rounded-xl,
  .rounded-2xl {
    border-radius: 6px !important;
  }

  section.mt-6.rounded-3xl.border.border-slate-200.bg-white.p-5.shadow-sm
    .min-w-\[140px\],
  section.mt-6.rounded-3xl.border.border-slate-200.bg-white.p-5.shadow-sm
    .min-w-\[160px\],
  section.mt-6.rounded-3xl.border.border-slate-200.bg-white.p-5.shadow-sm
    .min-w-\[200px\],
  section.mt-6.rounded-3xl.border.border-slate-200.bg-white.p-5.shadow-sm
    .min-w-\[180px\] {
    min-width: 100%;
  }

  section#pricing-plans button {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .px-6 {
    padding-left: 0.7rem !important;
    padding-right: 0.7rem !important;
  }

  .py-4 {
    padding-top: 0.7rem !important;
    padding-bottom: 0.7rem !important;
  }

  .mx-auto.flex.max-w-6xl .min-w-\[84px\] {
    min-width: 60px;
  }

  .offcanvas-body .position-absolute.end-0.top-100.z-3.pt-2 {
    right: -56px !important;
    width: 300px !important;
  }

  .templates .owl-nav button {
    display: none;
  }

  .brands-section .brand-box img {
    max-width: 110px;
  }

  section.ats-info-sec.pb-70,
  .brands-section.py-70 {
    padding-bottom: 30px;
  }

  section.brands-section.py-70.pt-0,
  section.ats-info-sec.pb-70,
  .py-70 {
    padding-top: 30px !important;
  }

  section.grid article .mt-4.grid.gap-2.sm\:grid-cols-2 {
    grid-template-columns: 1fr 1fr;
  }

  header
    .flex.flex-col.gap-4.border-b.border-slate-100.px-5.py-4
    .flex.flex-wrap.items-center.justify-end.gap-2 {
    justify-content: space-between;
  }

  header.relative.mb-6.border.bg-white.shadow-sm
    a.inline-flex.items-center.rounded-xl.border.border-transparent.p-1.transition.hover\:border-slate-200.hover\:bg-slate-50
    span.mt-1.block.text-sm.text-slate-600 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    text-transform: capitalize !important;
  }

  .blog-detail .author-line {
    gap: 5px;
    font-size: 17px;
  }

  .blog-detail .meta-row {
    gap: 10px;
  }

  .resource-detail-content p,
  .resource-detail-content li {
    line-height: 1.3;
  }

  .blog-sec h2 {
    font-size: clamp(32px, 4vw, 56px) !important;
  }

  .blog-detail .sidebar-categories {
    margin-top: 0;
    position: relative;
  }

  .blog-detail .sidebar {
    top: 75px;
    position: sticky;
  }

  .blog-detail .sidebar-categories h3 {
    position: absolute;
    background-color: #fff;
    width: 100%;
    padding-left: 15px;
    left: 0;
    top: 1px;
    padding-top: 10px;
  }

  .blog-detail .sidebar-categories {
    padding: 15px;
    padding-top: 35px;
  }

  .footer__heading {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .fixed.bottom-4.left-4.right-4
    .rounded-2xl.border.border-slate-200.bg-white.p-1\.5.shadow-sm {
    max-width: 88px;
  }

  .fixed.bottom-4.left-4.right-4
    .flex.flex-col.overflow-hidden
    .rounded-\[22px\].border.border-indigo-200.bg-white.p-2.shadow-sm
    .px-4.pb-2 {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  img.beyond-img-way,
  img.beyond-img-way.way-imgg {
    display: none;
  }

  .resume-box {
    padding: 20px;
  }

  p.templates__sub.mb-5 {
    margin-bottom: 0 !important;
  }

  section.hero-section.sec-padding .col-lg-5,
  section.hero-section.sec-padding .col-lg-7 {
    width: 100%;
  }
.blog-detail .hero-title,
  .hero-section h1.hero-title {
    font-size: 30px;
  }

  .banner-section {
    padding: 0px 0px;
  }

  header .navbar {
    margin-bottom: 0;
  }

  section.rct-sec.sec-padding .col-lg-6 .col-lg-6 {
    width: 100%;
  }

  .stats-card h5 {
    font-size: 25px;
  }

  section.rct-sec.sec-padding {
    background-color: #282b8f;
    border-radius: 25px;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .resume-adv-sec h2.text-center.text-white {
    font-size: 30px;
    margin-bottom: 10px !important;
  }

  .tab-text h5 {
    font-size: 18px;
  }

  .resume-tabs {
    grid-template-columns: 1fr;
    padding: 0px 0;
    border-bottom: 0px solid #000;
    margin-bottom: 10px;
  }

  .resume-tab {
    padding: 5px 0;
  }

  section#templates h2.templates__title,
  .resume-hero__content h2,
  .hero-heading h1,
  section.beyond h2.text-center,
  .creativity-heading,
  section.blog-sec h2,
  .resume-adv-sec h2.text-center.text-white {
    font-size: 30px;
  }

  .beyond__card a.beyond__link {
    bottom: 10px;
  }

  section#templates {
    border-radius: 30px;
  }

  .ankit-class {
    grid-template-columns: 1fr;
  }
  .team-section h2 {
    font-size: 30px;
  }
  .tab-text .succed_box {
    min-height: auto;
  }

  .res-tab-btn {
    padding: 0px 5px 10px;
    font-size: 19px;
  }

  .brand_icons {
    display: none;
  }

  section.brand {
    padding-bottom: 40px;
  }

  h3.brand_header {
    margin-bottom: 30px;
    font-size: 22px;
  }

  .hired-sec .hired_wrap {
    border-radius: 25px;
    padding: 40px 15px;
  }

  .hired-sec .data-box.text-center h2 {
    font-size: 32px;
  }

  .hired-sec .data-box.text-center p {
    margin: 15px 0 30px;
  }

  .hired-sec .data-box.text-center a {
    padding: 11px 15px;
  }

  .hired-sec {
    margin-bottom: 40px;
  }

  .resume_builder_resources_heading h2 {
    font-size: 32px;
    margin-bottom: 40px;
  }

  .resume_builder_resources_wrap {
    grid-template-columns: 1fr;
  }

  .resume_success_story_sec {
    border-radius: 30px;
  }

  .resume_success_story_heading h2 {
    font-size: 32px;
  }

  .resume_success_story_slider {
    padding: 0 20px;
  }

  .resume_success_story_card {
    min-height: auto;
    padding: 28px 18px;
  }

  .resume_success_story_card p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
  }

  .resume_success_story_card h4 {
    font-size: 14px;
  }

  .resume_success_story_nav button {
    width: 38px;
    height: 38px;
  }

  .resume_success_story_nav button img {
    max-width: 8px;
  }

  .resume_success_story_text p {
    font-size: 14px;
    line-height: 22px;
  }

  .resume_success_story_heading h2 {
    font-size: 28px;
    line-height: 1.3;
  }

  .resume_success_story_slider {
    padding: 0 15px;
  }

  .resume_builder_resources_heading h2 {
    font-size: 28px;
    line-height: 1.3;
  }

  .resume_builder_article_img img {
    height: auto;
  }

  .resume_builder_article_content h3 {
    font-size: 17px;
  }

  .resume_builder_article_meta span {
    font-size: 12px;
  }

  .footer .container {
    padding-top: 0;
    padding-bottom: 25px;
  }

  section.rct-sec.sec-padding
    .mb-5.d-flex.justify-content-center.align-items-center.gap-3.flex-wrap
    p {
    font-size: 15px;
  }
  section.features-section,
  section.Contact-form-sec {
    border-radius: 20px;
  }

  .footer__top.row.gy-4 .col-lg-2.col-md-6 {
    width: 50%;
  }

  .footer__brand {
    text-align: left;
  }
  section.Contact-form-sec {
    margin-bottom: 50px;
  }
  .showcase-banner {
    border-radius: 20px;
  }
  .feature-col .feature-visual img {
    height: auto;
  }
  section.py-2.text-center.pricing_logos_section,
  section.py-70:has(.stats-row) {
    border-radius: 0 0 40px 40px;
    margin-top: -20px;
    padding-top: 40px !important;
    margin-bottom: 50px !important;
  }
  h1.max-w-xl.text-\[38px\].font-semibold.leading-\[1\.15\].text-\[\#111827\].sm\:text-\[46px\] {
    font-size: 30px;
  }
  section.bg-\[\#f7f9ff\].py-10.sm\:py-12.lg\:py-14 {
    padding: 0;
  }
  section#pricing-plans {
    padding: 40px 0;
    border-radius: 20px;
  }
  section.py-2.text-center.pricing_logos_section {
    border-radius: 0 0 20px 20px;
    margin-top: -20px;
    padding-top: 40px !important;
    margin-bottom: 0px !important;
    padding-bottom: 40px !important;
  }
  .b_v_p_section {
    padding: 40px 0;
    border-radius: 20px;
    margin-top: 30px;
  }
  .hero-section {
    padding-top: 0;
  }
  section#templates .templates__card img {
    height: auto;
  }
  .cover-hero h1 {
    font-size: 30px;
  }
  section.privacy_box {
    padding: 0px 0 30px;
  }
  .privacy-content h2 {
    font-size: 25px;
  }
  .privacy-content h1 {
    font-size: 32px;
  }
  .privacy-content h3 {
    font-size: 18px;
  }
  header a.navbar-brand img {
    width: 150px !important;
    height: 45px !important;
  }
  section.rct-sec.sec-padding .col-lg-6:nth-child(2) {
    margin-top: 20px;
  }
  .res-faq-sec h2.mb-4 {
    font-size: 32px;
  }
  .ats_category-sec h5 {
    font-size: 24px;
  }
  .ats_category-sec h2 {
    font-size: 28px;
  }
  .blog-sec .nav-pills {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .b_v_p_section ul {
    gap: 12px !important;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .Contact-form-sec .contact-input {
    min-height: 30px;
  }
  .fixed.bottom-4.left-4.right-4 button.rounded-full {
    font-size: 9px;
  }
  h5.offcanvas-title img {
    max-width: 100px !important;
    width: 100% !important;
  }
  header .navbar-nav .nav-link,
  header .nav-link {
    color: #fff;
  }

  button.w-full.rounded-xl.px-4.py-2.text-sm.font-semibold.transition {
    color: #fff !important;
  }
  section#templates p.templates__sub.mb-5 {
    text-align: left;
  }
  .auth-description {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
}
.auth-top-heading {
    margin-bottom: 20px;
}
.auth-back {
    margin-bottom: 10px !important;
}
.auth-box {
    padding: 20px 25px;
    border-radius: 20px;
}
}