@media screen and (min-width: 1200px) {
    .price-card-sec .row [class*="col-"] {
        margin-top: 15px;
    }
    .price-card-sec .row [class*="col-"]:has(.featured) {
        margin-top: 0;
    }
}
@media screen and (min-width: 992px) {
    .mobile-only {
        display: none !important;
    }
    .about-content {
        -webkit-padding-end: 40px;
        padding-inline-end: 40px;
    }
    .stat-card .stat-card-content p {
        font-size: 20px;
    }
}
@media screen and (min-width: 768px) {
    .new-request-sec .info-alert {
        display: none;
    }

  .date-picker select {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    appearance: menulist !important;
    background: #f8f6f3 !important;
    background-image: none !important;
    min-height: 44px;
    font-size: 16px;
    pointer-events: auto !important;
    z-index: 99999 !important;
    position: relative !important;
  }

}
@media screen and (max-width: 1199px) {
    :root {
        --h1: normal 600 60px/1.1 var(--font-family);
        --h2: normal 600 38px/1.4 var(--font-family);
        --h3: normal 600 30px/1.4 var(--font-family);
        --h4: normal 600 24px/1.4 var(--font-family);
        --h5: normal 600 22px/1.4 var(--font-family);
    }
    .pt {
        padding-top: 7%;
    }
    .pb {
        padding-bottom: 70px;
    }
    .section-title {
        margin: 0 0 40px;
    }
    .site-header .nav-col {
        gap: 20px;
    }
    .site-header .nav-links {
        gap: 12px;
    }
    .logo-col {
        max-width: 130px;
    }
    .nav-links a {
        font-size: 14px;
    }
    .hero-banner-section {
        padding: 100px 0 220px;
    }
    /* about  sec css */
    .about-section .feature-card {
        padding: 15px 15px 40px;
    }
    .feature-card h4 {
        font-size: 18px;
    }
    .about-section .features-grid {
        margin: -130px 0 70px;
    }
    .about-section .feature-icon {
        height: 75px;
        width: 75px;
    }
    .about-section .feature-icon svg {
        width: 35px;
        height: 35px;
    }
    /* price-card-sec */
    .price-card-sec {
        padding: 70px 0;
    }
    .footer-links {
        gap: 15px;
        margin-bottom: 15px;
    }
    .footer-text p {
        margin-bottom: 15px;
    }
    .footer-logo {
        max-width: 200px;
    }
    /* login page css  */
    .form-container-wrp {
        max-width: 500px;
    }
    .form-container {
        padding: 80px 50px 40px 50px;
    }
    .verify-page .form-container,
    .verify-number-page .form-container {
        padding: 100px 50px 56px 50px;
    }
    /* profile page */
    .user-profile-sec .menu-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    /* payment-billing  page css  */
    .bill-card .price {
        font-size: 20px;
        padding: 15px 10px;
    }
    .notification-inner,
    .paybill-col {
        padding: 15px;
    }
    .bill-card .price svg {
        width: 20px;
        height: 20px;
    }
    .paybill-head h2 {
        padding: 0 0 15px;
        margin: 0 0 15px;
    }
    .paybill-head h2,
    .bill-card .paybill-wrp h3 {
        font-size: 18px;
    }
    .paybill-content-top {
        margin: 0 0 15px;
    }
    .percentage-col .common-card .price {
        font-size: 20px;
    }
    .percentage-col .common-card .price svg {
        height: 20px;
        width: 20px;
    }
    .percentage-col .common-card h3,
    .percentage-col .common-card i {
        font-size: 18px;
    }
    .percentage-col .common-card {
        padding: 15px;
    }
    /* distribution css  */
    .percentage-col>.row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    /* business-sec css  */
    .business-sec .share-number {
        max-width: 90px;
    }
    .business-sec .company-headquarters {
        max-width: 260px;
    }
}
@media screen and (max-width: 991px) {
    :root {
        --h1: normal 600 50px/1.1 var(--font-family);
        --h2: normal 600 34px/1.4 var(--font-family);
        --h3: normal 600 28px/1.4 var(--font-family);
    }
    .pt,
    .page-pt {
        padding-top: 40px;
    }
    .pb,
    .page-pb {
        padding-bottom: 40px;
    }
    /* swiper-slider-css */
    .arrow-wrapper {
        gap: 10px;
    }
    .desk-only {
        display: none !important;
    }
    /* language dropdown */
    .lang-btn {
        font-size: 18px;
    }
    .lang-btn .arrow {
        font-size: 16px;
    }
    .mobile-menu-bar .btn-secondary {
        background-color: var(--primary-color);
        color: var(--white);
        margin: 5px 0 0;
    }
    .verify-page,
    .verify-number-page {
        min-height: calc(100vh - 75px);
    }
    .section-title,
    .form-container-wrp .section-title {
        margin: 0 0 20px;
    }
    .btn {
        font-size: 14px;
    }
    /* hero-banner-sec */
    .subtitle {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .hero-banner-section .banner-inner .btn {
        font-size: 14px;
        padding: 10px 15px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }
    /* about-sec css */
    .about-section .features-grid {
        grid-template-columns: repeat(6, 1fr);
    }
    .about-section .features-grid .feature-card:nth-child(1),
    .about-section .features-grid .feature-card:nth-child(2),
    .about-section .features-grid .feature-card:nth-child(3) {
        -ms-grid-column-span: 2;
        grid-column: span 2;
    }
    .about-section .features-grid .feature-card:nth-child(4),
    .about-section .features-grid .feature-card:nth-child(5) {
        -ms-grid-column-span: 3;
        grid-column: span 3;
    }
    .about-content h2 {
        margin: 0 0 15px;
    }
    .about-stats {
        padding: 15px;
        max-width: 150px;
    }
    .about-stats .about-number {
        font-size: 30px;
    }
    /* services-section-sec css */
    .services-section .row {
        margin: 0 -10px;
    }
    .services-section .row [class*="col-"] {
        padding: 0 10px;
    }
    /* price-card sec css */
    .price-card-sec {
        padding: 40px 0;
    }
    .pricing-card h3,
    .add-member-sec .member-col-wrp h2,
    .percentage-col {
        margin: 0 0 15px;
    }
    .pricing-card {
        padding: 15px;
    }
    .price-card-wrp .section-title,
    .services-section .section-title {
        margin: 0 auto 20px;
    }
    .price-card-wrp {
        padding: 20px 15px 15px;
    }
    /* stat-card css */
    .stat-card {
        padding: 15px;
    }
    .stats-content-wrp {
        gap: 40px;
    }
    .stats-sec {
        padding: 40px 0;
    }
    /* partner sec css */
    .partner-card {
        padding: 15px;
    }
    .partner-arrow i {
        font-size: 20px;
    }
    .price-cards-swiper {
        padding-top: 22px;
    }
    /* footer css */
    .footer-content-wrp {
        gap: 20px;
    }
    .footer-links {
        gap: 13px;
        font-size: 14px;
    }
    /* login page css */
    .form-container-wrp {
        margin: 0 auto;
    }
    /* customer-form-sec css */
    .customer-form-sec .customer-col,
    .customer-form-sec .customer-form-inner,
    .survey-col {
        padding: 15px;
    }
    input[type="checkbox"],
    input[type="radio"] {
        height: 14px;
        width: 14px;
    }
    /* request page css  */
    .request-label svg {
        width: 26px;
        height: 26px;
    }
    .user-profile-sec .menu-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .accordion-content .checkbox-label .request-label,
    .add-member-sec .member-col-wrp,
    .common-card {
        padding: 15px;
    }
    /* add-member-sec page */
    .add-member-sec .member-form-card h6 {
        font-size: 16px;
    }
    /* contact page css */
    .contact-info h2,
    .contact-form h2,
    .package-info h2,
    .contact-form h3 {
        margin: 0 0 15px;
    }
    /* package page css */
    .other-package-wrp .card,
    .other-package-wrp {
        gap: 15px;
    }
    .common-card i {
        font-size: 20px;
    }
    .other-card p {
        text-align: center;
    }
    /* modal css */
    .file-upload-area {
        padding: 15px;
    }
    .modal-body {
        padding: 0 24px 24px;
    }
    .add-member-modal .info-notice {
        margin: 0 0 20px;
    }
    .file-upload-area {
        margin: 0 0 15px;
    }
    /* user profile css */
    .user-profile-sec .user-profile-sec .row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    /* document page css  */
    .user-data-header {
        margin: 0 0 16px;
    }
    .user-data-filters,
    .user-profile-sec .profile-info-btn {
        gap: 15px;
    }
    .user-data-filters .row {
        margin: 0 -7px;
        row-gap: 15px;
    }
    .user-data-filters .row [class*="col-"] {
        padding: 0 7px;
    }
    .user-profile-sec .user-profile-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
    }
    .user-profile-sec .user-profile-inner .user-profile {
        max-width: 100%;
    }
    .add-estate-sec .card {
        padding: 15px;
        gap: 15px;
        margin: 0 0 15px;
    }
    .add-estate-sec .empty-state-icon svg {
        height: 50px;
        width: 50px;
    }
    /* distribution  css  */
    .reason-detail {
        max-width: 360px;
    }
    .percentage-detail {
        max-width: 145px;
    }
    /* legal page css */
    .legal-sec .company-name,
    .legal-sec .website-url {
        max-width: 190px;
    }
    /* wills-sec css  */
    .wills-sec .recommended-name {
        max-width: 160px;
    }
    .wills-sec .recommended {
        max-width: 100px;
    }
    /* business-sec css   */
    .business-sec .company-headquarters {
        max-width: 150px;
    }
    .business-sec .company-name {
        max-width: 120px;
    }
    /* visual page */
    .visual-content-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .visual-content-inner .client-details,
    .visual-content-inner .time-section {
        max-width: 100%;
    }
    .visual-content-inner .client-detail-inner {
        padding: 0 24px;
    }
    .visual-content-header,
    .visual-content-inner .calendar-wrp {
        padding: 24px;
    }
    .visual-content-inner .client-logo {
        padding: 24px 24px 35px 24px;
    }
    .visual-content-inner .time-section {
        padding: 0 24px 24px;
    }
    .visual-content-inner .timezone-wrp {
        padding: 0;
    }
    .visual-sec h3 {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    :root {
        --h1: normal 600 40px/1.1 var(--font-family);
        --h2: normal 600 28px/1.4 var(--font-family);
        --h3: normal 600 24px/1.4 var(--font-family);
        --h4: normal 600 22px/1.4 var(--font-family);
        --h5: normal 600 20px/1.4 var(--font-family);
        --h6: normal 600 14px/1.4 var(--font-family);
        --common-text: normal 500 14px/1.4 var(--font-family);
    }
    .form-control,
    input:not([type="submit"]),
    input:not([type="checkbox"]),
    input:not([type="button"]),
    input:not([type="radio"]),
    select,
    textarea {
        padding: 10px;
    }
    .verify-page,
    .verify-number-page {
        min-height: calc(100vh - 67px);
    }
    .form-group {
        margin: 0 0 15px;
    }
    /* hero-banner-sec */
    .hero-banner-section {
        padding-bottom: 180px;
    }
    /* about sec css */
    .about-section {
        padding-top: 40px;
    }
    .about-section .features-grid {
        margin: -150px 0 40px;
    }
    .about-content p {
        font-size: 14px;
    }
    .about-content p:not(:last-of-type) {
        margin: 0 0 10px;
    }
    /* services-section css */
    .services-section .service-card {
        padding: 15px;
        gap: 15px;
    }
    .services-section .service-icon svg {
        height: 48px;
        width: 48px;
    }
    .services-section .service-card h3 {
        font-size: 18px;
    }
    /* pricing-card sec */
    .price-card-wrp .section-title p,
    .services-section .section-title p {
        font-size: 14px;
    }
    .pricing-card .stars {
        max-width: 220px;
        margin: 0 auto 10px;
    }
    .pricing-card .price {
        font-size: 28px;
        gap: 5px;
    }
    .pricing-card .card-subtitle,
    .pricing-card .desc {
        font-size: 20px;
    }
    .pricing-card .price svg {
        height: 20px;
        width: 20px;
    }
    .pricing-card .card-subtitle,
    .add-estate-sec h2 {
        margin: 0 0 15px;
    }
    .pricing-card .card-footer {
        margin: 15px 0 0;
    }
    /* stat sec css */
    .stats-content-wrp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }
    .stats-sec .stat-icon svg {
        height: 50px;
        width: 50px;
    }
    .stats-sec .stat-number {
        font: var(--h3);
    }
    .stat-card {
        gap: 15px;
    }
    /* partners-logo-sec css */
    .partners-logo-sec .partner-img {
        padding-top: 40%;
    }
    /* faq sec css */
    .faq-content {
        padding: 0 15px 15px 15px;
    }
    .faq-title {
        padding: 15px;
    }
    .faq-icon {
        width: 25px;
        height: 25px;
    }
    .faq-wrapper {
        margin: 0 auto 30px;
    }
    .faq-item {
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }
    /* footer-css */
    .footer-content-wrp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        text-align: center;
    }
    .footer-links {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .footer-logo-col {
        gap: 15px;
    }
    .footer-logo-col .btn {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
        padding: 10px 25px;
    }
    .footer-text h3 {
        margin: 0 0 15px;
    }
    .footer-logo {
        max-width: 150px;
    }
    /* login page */
    .form-container {
        padding: 80px 15px 40px 15px;
    }
    .form-container-wrp .checkbox {
        padding: 16px 0px;
    }
    .form-btn {
        padding: 14px 16px;
    }
    .login-page {
        padding-top: 38px;
    }
    .register-page {
        padding-top: 30px;
    }
    /* success page */
    .success-message-wrapper .success-icon svg {
        width: 85px;
        height: 85px;
    }
    .success-message-wrapper {
        padding: 40px 24px;
        margin: 0 0 15px;
    }
    .success-message-wrapper p {
        font-size: 16px;
    }
    /* verify page css  */
    .verify-page .form-container-wrp .section-title,
    .verify-page .form-container-wrp .form-group,
    .verify-number-page .form-container-wrp .section-title {
        margin: 0 0 20px;
    }
    /* verify number page css  */
    .verify-number-col {
        margin: 0 auto 20px;
        padding: 15px;
    }
    .verify-page .form-container,
    .verify-number-page .form-container {
        padding: 120px 15px 40px 15px;
    }
    .verify-banner-img img {
        -o-object-position: 30% 46%;
        object-position: 30% 46%;
    }
    .verify-page .section-title h2,
    .verify-number-page .section-title h2 {
        font-size: 16px;
    }
    /* customer-form-sec css */
    .customer-form-sec .customer-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        gap: 24px;
    }
    .info-alert svg {
        height: 18px;
        width: 18px;
    }
    .customer-form-sec .customer-col,
    .survey-sec .survey-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        gap: 16px;
    }
    .customer-form-sec .customer-col h3 {
        font-size: 14px;
    }
    .customer-col-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .customer-col-inner .text-col {
        width: 100%;
    }
    /* privacy page css */
    .policy-page h3 {
        margin: 0 0 10px;
        font: var(--h5);
    }
    .policy-page h2 {
        margin: 0px 0px 15px
    }
    .policy-list {
        font-size: 14px;
    }
    .policy-list li {
        margin-bottom: 8px;
    }
    .policy-card {
        padding: 15px;
    }
    .policy-card:not(:last-of-type) {
        margin: 0 0 20px;
    }
    /* request page css  */
    .accordion-col {
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }
    .accordion-head {
        padding: 15px;
    }
    .accordion-content {
        padding: 0 15px 15px 15px;
    }
    .accordion-icon {
        width: 22px;
        height: 22px;
    }
    .request-label h4 {
        font-size: 16px;
    }
    .accordion-col:not(:first-of-type),
    .request-btn-wrp,
    .member-btn-wrp {
        margin: 20px 0 0;
    }
    .accordion-content .row [class*="col-"] {
        padding: 0 7px;
    }
    .accordion-content .row {
        margin: 0 -7px;
        row-gap: 15px;
    }
    .request-btn-inner,
    .member-btn-inner {
        gap: 10px;
    }
    .request-tab li::before,
    .member-tab li::before {
        top: 3px;
    }
    .request-tab li p,
    .member-tab li p {
        width: 25px;
        height: 25px;
    }
    .request-tab,
    .member-tab {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }
    /* member-col-wrp page */
    .member-col-wrp .row,
    .add-member-sec .member-title-col,
    .add-member-sec .member-card:not(:last-of-type) {
        margin-bottom: 15px;
    }
    .member-actions button svg,
    .attachment-actions button svg {
        height: 18px;
        width: 18px;
    }
    /* contact page css */
    .contact-info,
    .contact-form {
        padding: 15px;
    }
    .contact-item:not(:last-of-type) {
        margin: 0 0 20px;
    }
    /* package page css */
    .package-sec .feature-list {
        padding: 15px;
    }
    .package-info p {
        font-size: 14px;
        margin: 0 0 10px;
    }
    .other-package-wrp h3 {
        text-align: center;
    }
    .other-package-wrp .other-card {
        gap: 16px;
    }
    .other-package-wrp h2 {
        font-size: 16px;
    }
    .common-card h3 {
        text-align: start;
        margin: 0 0 10px;
    }
    .card .stars svg {
        max-width: 220px;
    }
    .package-info {
        padding: 15px;
    }
    .package-info .package-info-btn .btn {
        width: 100%;
    }
    /* user profile css */
    .user-profile-sec .user-info-cards .row {
        row-gap: 15px;
        margin: 0 -7px;
    }
    .user-profile-sec .user-card .user-details span:not(:last-of-type) {
        margin: 0 0 10px;
    }
    .user-profile-sec .user-profile,
    .user-profile-sec .personal-info {
        padding: 15px;
    }
    .user-profile-sec .menu-card {
        padding: 15px;
    }
    .user-profile-sec .menu-card svg {
        height: 40px;
        width: 40px;
    }
    .user-profile-sec .user-card .user-details span {
        font-size: 16px;
    }
    .user-profile-sec .menu-grid {
        gap: 15px;
    }
    .user-profile-sec .user-info-cards .row [class*="col-"] {
        padding: 0 7px;
    }
    .user-setting-modal .modal-body-inner .action-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    /* notification page css  */
    .notification-inner .notification-wrp p {
        font-size: 16px;
    }
    .notification-inner {
        padding: 15px;
    }
    /* payment-billing page css  */
    .bill-card .price {
        font-size: 24px;
    }
    /* document page css  */
    .user-data-filters {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 15px;
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
    }
    .user-data-filters .row {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
    }
    .pagination-wrp li a {
        padding: 13px 20px;
    }
    .card {
        padding: 15px;
    }
    /* estate-details-sec */
    .estate-details-sec .real-estate-price .price,
    .estate-details-sec .movable-card-inner .price {
        font-size: 18px;
    }
    .estate-details-sec .estate-value {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
    .estate-details-sec .estate-value .price-wrp {
        text-align: center;
    }
    .estate-details-sec .estate-value .price {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    /* distribution css  */
    .reason-detail {
        max-width: 270px;
    }
    .percentage-detail {
        max-width: 84px;
    }
    /* business sec css  */
    .business-sec .user-data-head-wrp,
    .legal-sec .user-data-head-wrp {
        display: none;
    }
    .business-sec .user-data-row {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        gap: 8px;
    }
    .legal-sec .user-data-row {
        gap: 8px;
    }
    .business-col-inner,
    .user-data-row.legal-col-wrp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
    }
    .business-sec .company-name,
    .business-sec .company-headquarters,
    .business-sec .share-number,
    .legal-sec .company-name,
    .legal-sec .website-url {
        max-width: 100%;
    }
    /* wills-sec css  */
    .wills-sec .recommended-name {
        max-width: 90px;
    }
    .wills-sec .recommended {
        max-width: 70px;
    }
}
@media screen and (max-width: 575px) {
    .search-btn,
    .common-banner .common-banner-bg1,
    .user-profile-head p {
        display: none;
    }
    .common-banner .common-banner-bg2 {
        display: block;
    }
    .common-banner li.active {
        color: var(--white);
    }
    .icon-col .lang-dropdown span {
        font-size: 14px;
    }
    .icon-col span svg {
        height: 20px;
        width: 20px;
    }
    .user-info-head h4 {
        font-size: 14px;
        width: 100px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    .site-header .icon-col {
        gap: 10px;
    }
    .hero-banner-section .banner-inner h2 {
        font-size: 22px;
    }
    /* about-sec css */
    .about-img-wrp .about-img {
        padding-top: 62%;
    }
    .about-stats .about-number {
        font-size: 26px;
        margin: 0 0 5px;
    }
    .about-content .btn {
        width: 100%;
    }
    .about-stats {
        max-width: 120px;
    }
    .about-section .features-grid {
        grid-template-columns: repeat(2, 2fr);
    }
    .feature-card h4 {
        font-size: 16px;
    }
    .about-section .features-grid .feature-card {
        -ms-grid-column-span: 1 !important;
        grid-column: span 1 !important;
    }
    .about-section .features-grid .feature-card:last-of-type {
        -ms-grid-column-span: 2 !important;
        grid-column: span 2 !important;
    }
    .services-section .service-card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }
    .services-section .row {
        row-gap: 10px;
    }
    .services-section .row:not(:last-of-type) {
        margin-bottom: 10px;
    }
    /* price-card css */
    .pricing-card .desc {
        font-size: 14px;
    }
    .price-cards-swiper {
        padding-top: 0;
    }
    .pricing-card.featured {
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
    }
    .price-arrow {
        margin: 15px 0 0;
    }
    .pricing-card .btn {
        width: 100%;
    }
    /* footer css */
    .footer-logo {
        max-width: 300px;
        width: 100%;
    }
    .site-footer .social-links a {
        font-size: 18px;
    }
    .footer-logo-col .btn {
        width: 100%;
    }
    /* login page */
    .form-logo {
        max-width: 200px;
    }
    .form-footer {
        padding: 24px;
    }
    /* customer-form-sec */
    .customer-form-sec .submit-btn {
        width: 100%;
    }
    /* request page css  */
    .request-tab-col,
    .member-tab-col {
        overflow-x: auto;
    }
    .request-btn-wrp .request-btn-inner:nth-child(1) {
        width: 100%;
        gap: 16px;
    }
    .request-btn-wrp .request-btn-inner:nth-child(1) .btn {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .request-btn-wrp .request-btn-inner:nth-child(2) .btn,
    .request-btn-wrp .request-btn-inner:nth-child(2) {
        width: 100%;
    }
    .request-btn-wrp .request-btn-inner:nth-child(2) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .request-tab li,
    .member-tab li,
    .request-tab li:first-of-type,
    .member-tab li:first-of-type {
        text-align: center;
        white-space: nowrap;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        min-width: 120px;
    }
    .new-request-sec .accordion-content .row:not(:last-child) {
        margin-bottom: 15px;
    }
    .new-request-sec .accordion-content .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    /* add member page */
    .member-details-wrp .member-details {
        gap: 10px 20px;
    }
    .member-details span:last-of-type::after {
        display: none;
    }
    .add-member-sec .member-col-wrp h2 {
        font-size: 18px;
    }
    .member-details-wrp h4 {
        font-size: 16px;
    }
    /* contact page css */
    .contact-info p {
        margin: 0 0 15px;
    }
    .contact-icon svg {
        height: 45px;
        width: 45px;
    }
    .contact-form .form-actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .modal-header h3 {
        font-size: 18px;
    }
    .customer-col .result-question {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .customer-form-sec .customer-col:not(:last-of-type),
    .survey-sec .survey-col:not(:last-of-type) {
        margin: 0 0 16px;
    }
    /* add member popup */
    .add-member-modal .verify-row,
    .add-user-data-modal .verify-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .add-member-modal .verify-row .row,
    .add-user-data-modal .verify-row .row {
        width: 100%;
        margin: 0;
    }
    .add-member-modal .verify-row .row [class*="col-"],
    .add-user-data-modal .verify-row .row [class*="col-"] {
        padding: 0;
    }
    .add-member-sec .member-btn-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: 100%;
    }
    .add-member-sec .member-actions {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .add-member-sec .member-btn-wrp .btn {
        width: 100%;
    }
    /* user-setting-popup */
    .user-profile-sec .user-profile .btn {
        width: 100%;
    }
    .user-profile-sec .menu-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .user-profile-sec .menu-card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 15px;
    }
    .user-profile-sec .menu-card-inner {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .user-profile-sec .menu-card-inner p {
        font-size: 16px;
    }
    .user-setting-modal .modal-body-inner .setting-group:nth-child(2) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }
    .user-setting-modal .modal-body-inner .setting-group:nth-child(2) .radio-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
    }
    .user-profile-sec .profile-info-btn,
    .reset-password-modal .modal-btn-wrp,
    .estate-modal-btn .modal-btn-wrp,
    .document-modal-btn .modal-btn-wrp,
    .wills-modal-btn .modal-btn-wrp,
    .business-modal-btn .modal-btn-wrp,
    .user-setting-modal .modal-btn-wrp,
    .add-member-modal .modal-btn-wrp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
    .reset-password-modal .reset-modal-btn,
    .estate-modal-btn,
    .document-modal-btn,
    .wills-modal-btn,
    .business-modal-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
        width: 100%;
    }
    .verify-number-btn-wrp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    /* document page */
    .user-data-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .user-data-label {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .user-data-wrp {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .user-data-filters,
    .add-document-btn .add-document-desktop,
    .common-banner .common-banner-bg1,
    .user-list-btn .user-list-desktop {
        display: none;
    }
    .add-document-btn .add-document-mobile,
    .user-filter-btn,
    .common-banner .common-banner-bg2,
    .user-list-btn .user-list-mobile,
    .user-list-filter-btn {
        display: block;
    }
    .pagination-wrp {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .percentage-col>.row,
    .percentage-col .row.row-gap-3 {
        row-gap: 8px;
    }
    .user-data-row.distribution-wrp {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        gap: 8px;
    }
    .reason-detail,
    .percentage-detail {
        max-width: 100%;
        text-align: start;
    }
    .user-data-head-wrp {
        display: none;
    }
    .distribution-wrp .user-data-title {
        margin: 0 0 8px;
    }
    /* will sec css  */
    .will-col-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: start;
        gap: 8px;
    }
    .user-data-row.will-col-wrp {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        gap: 8px;
    }
    .wills-sec .recommended-name,
    .wills-sec .recommended {
        max-width: 100%;
    }
    /* business-sec css  */
    .business-sec .user-data-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .add-business-mobile {
        display: block;
    }
    .add-business-desktop,
    .lang-label {
        display: none;
    }
    /* estate-page */
    .estate-head-col {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .estate-details-sec .movable-title h4 {
        font-size: 16px;
    }
    .estate-head-col .head-btn .btn,
    .estate-head-col .head-btn,
    .verify-btn {
        width: 100%;
    }
}
@media screen and (max-width: 420px) {
    .user-info-head {
        display: none;
    }
    .user-profile-dropdown {
        width: 150px;
        left: 0;
    }
    [dir="ltr"] .user-profile-dropdown {
        right: 0;
        left: auto;
    }
}
@media screen and (max-width: 375px) {

    .btn-icon svg{
        width: 20px;
        height: 20px;
    }
    .radio-group {
        gap: 15px;
    }
    .user-profile-head .user-image-head {
        height: 35px;
        width: 35px;
    }
    /* user-list-sec page css */
    .user-list-sec .user-data-row .user-profile img {
        height: 40px;
        width: 40px;
    }
    .user-profile-dropdown li {
        gap: 10px;
    }
    .footer-logo {
        max-width: 150px;
    }
    .about-section .features-grid {
        margin: -130px 0 40px;
    }
    /* log in page css  */
    .form-container .section-title h2 {
        font-size: 18px;
    }
    .form-logo {
        max-width: 200px;
    }
    .form-footer {
        padding: 15px;
    }
    .form-container {
        padding: 50px 15px 20px 15px;
    }
    .accordion-col h3,
    .request-label h4 {
        font-size: 18px;
    }
    .user-setting-modal .modal-body-inner .setting-group:nth-child(1) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }
    .notification-inner .notification-time-content {
        font-size: 14px;
    }
    .paybill-logo {
        max-width: 140px;
    }
    .estate-value .price {
        font-size: 28px;
        gap: 5px;
    }
    .estate-value .price svg {
        height: 20px;
        width: 20px;
    }
    /* package page css */
    .package-info-price .price,
    .common-card .price {
        font-size: 24px;
    }
    .package-info-price .price svg,
    .common-card .price svg {
        height: 20px;
        width: 20px;
    }
    .package-info-price {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 15px;
    }
    /* document page  */
    .pagination-wrp li a {
        padding: 7px 14px;
    }
    .pagination-wrapper {
        margin: 18px 0 0;
    }
    .row-gap-3 {
        row-gap: 15px;
    }
    .user-data-label {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .modal-header {
        padding: 15px;
    }
    .modal-body {
        padding: 0 15px 15px;
    }
    .modal-body-inner {
        padding: 15px;
        margin: 0 0 15px;
    }
    /* distribution css  */
    .percentage-col .common-card .price {
        font-size: 20px;
    }
    .percentage-col .common-card h3 {
        font-size: 16px;
    }
    /* legal page css */
    .legal-sec h2 {
        font-size: 18px;
        margin: 0 0 15px;
    }
    /* visual page */
    .visual-content-inner .client-detail-inner {
        padding: 0 15px;
    }
    .visual-content-header,
    .visual-content-inner .calendar-wrp {
        padding: 15px;
    }
    .visual-content-inner .client-logo {
        padding: 15px 15px 35px 15px;
    }
    .visual-content-inner .time-section {
        padding: 0 15px 15px;
    }
    .visual-content-inner .time-section h4 {
        margin-bottom: 15px;
    }
    .visual-content-inner .calendar {
        gap: 0;
    }
    .visual-content-inner .calendar .day span {
        height: 25px;
        width: 25px;
    }
    .visual-content-inner .timezone select {
        background-position: right 7px center !important;
    }
    [dir="ltr"] .visual-content-inner .timezone select {
        background-position: left 7px center !important;
    }
}