@media (max-width: 1601px) {
    .cus-container {
        max-width: 1420px;
        margin: 0px auto;
    }
    .header-section .bg-header-contain {
        padding: 21.5px 0px;
    }  
    .flex-research-box .research-card-title {
        font-size: 17px;
    }

    .desc-research .desc-details-research,
    .content-services-box .heading-services,
    .content-services-box .serv-description-details,
    .profile-request-amount .proflie-listitem-abouties .abouties-title {
        font-size: 18px;
    }

    .bg-blue-research {
        height: 85px;
        width: 85px;
    }

    .flex-research-box .reseacrh-icon-img {
        height: 65px;
        width: 65px;
    }

    .research-grid {
        gap: 50px;
    }

    .description-choose .desc-para-choose {
        font-size: 20px;
        line-height: 36px;
    }

    .footer-list-details .footer-listitem-contain .footer-title-introduction {
        font-size: 18px;
        line-height: 27px;
    }

    .agent-container,
    .user-container {
        max-width: 1510px;
    }

    .affiliates-card .affiliates-body {
        padding: 33px 55px;
    }

    .request-profile-flex {
        gap: 50px;
    }

    .profile-request-cols .profile-surename-title,
    .profile-request-cols .total-avoir,
    .profile-request-cols .profile-uat-details,
    .link-redirect-profile a,
    .drag-text .upload-frag-title,
    .drag-text .upload-img-title {
        font-size: 18px;
    }

    .drag-text {
        padding: 10px 15px;
    }

    .tab-title-statics h6 {
        font-size: 23px;
    }

    .star-rating svg {
        height: 25px;
        width: 25px;
    }

    .heading-hero-content h1 {
        font-size: 43px;
    }

    .professional-section-bg .hero-flex-row {
        grid-template-columns: 7fr 5fr;
        gap: 70px;
    }

    .ourservice-img-contain {
        max-width: 625px;
        margin-left: auto;
    }

    .request-search-title p,
    .total-request-amount .table-request-amount tr th,
    .total-request-amount .table-request-amount tfoot tr td,
    .total-request-amount .table-request-amount tr td,
    .name-foud-flex .name-found-title,
    .name-foud-flex .name-found-text,
    .flex-request-step p,
    .form-common-details .form-label,
    .form-common-details .common-value-input-show {
        font-size: 18px;
    }
}

@media (max-width: 1466px) {

    .header-section .bg-header-contain {
        padding: 18px 0px;
     }  

    .header-container,
    .header-max-contain,
    .cus-container {
        max-width: 1140px;
    }

    .modal-signup-contain{
        padding-bottom: 20px !important;
    }

    .header-max-contain {
        padding: 4px 15px;
    }

    .logo-header .logo-icon {
        height: 50px;
        width: 70px;
        object-fit: contain;
    }

    .nav-header-contain {
        gap: 54px;
    }

    .nav-header-contain .li-nav-header .link-nav-contain,
    .com-title-details p {
        font-size: 16px;
    }

    .com-title-details p {
        margin-bottom: 0px;
    }

    .hero-flex-row,
    .professional-section-bg .hero-flex-row {
        gap: 35px;
    }

    .professional-section-bg .heading-hero-content h1 {
        font-size: 35px;
    }

    .professional-section-bg .heading-hero-content {
        margin-bottom: 40px;
    }

    .professional-section-bg.hero-pd-list {
        padding: 309px 0px 120px 0px;
    }

    .li-nav-inner-details .inner-listing-menu {
        margin-bottom: 22px;
    }

    .li-nav-inner-details {
        max-width: 341px;
        width: 341px;
    }

    .btn,
    .btn:hover,
    .btn:active,
    .btn:focus,
    .inner-listing-menu .btn-primary,
    .inner-listing-menu .btn-primary:hover,
    .inner-listing-menu .btn-primary:active {
        font-size: 16px;
        border-radius: 30px;
        padding: 12px 35px;
    }

    .heading-right-card h5 {
        font-size: 35px;
        margin-bottom: 30px;
    }

    .hero-card-details .hero-pd-details {
        padding: 43px 35px 30px 35px;
    }

    .form-common-details .form-control,
    .select2-step-inner .select2-results__option--selectable,
    .select2-nationality-inner .select2-results__option--selectable,
    .select2-residence-inner .select2-results__option--selectable,
    .select2-pays-inner .select2-results__option--selectable,
    .select2-preferred-inner .select2-results__option--selectable,
    .select2-asset-inner .select2-results__option--selectable {
        font-size: 15px;
        padding: 7px 20px;
    }

    .form-common-details .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 8px 20px;
        color: var(--black-color);
        font-size: 15px;
    }

    .heading-hero-content h1 {
        font-size: 40px;
    }

    .form-common-details .form-label {
        font-size: 16px;
    }

    .form-common-details {
        margin-bottom: 30px;
    }

    .description-hero-head p {
        font-size: 16px;
    }

    .hero-section {
        min-height: 100%;
        width: 100%;
        background-size: cover;
        background-position: 86%;
    }

    .max-welcome-content .welcome-title-details {
        font-size: 44px;
        line-height: 60px;
    }

    .research-title-details .heading-research {
        font-size: 40px;
        line-height: 60px;
        margin-bottom: 30px;
    }

    .research-title-details p {
        font-size: 17px;
        max-width: 970px;
    }

    .research-title-details {
        margin-bottom: 70px;
    }

    .research-grid {
        gap: 30px;
    }

    .flex-research-box .research-card-title {
        font-size: 15px;
    }

    .desc-research .desc-details-research {
        font-size: 16px;
        line-height: 25px;
    }

    .flex-research-box .reseacrh-icon-img {
        height: 60px;
        width: 60px;
    }

    .flex-col-services .services-box-bg {
        height: 85px;
        width: 85px;
    }

    .services-icon-img {
        height: 90px;
        width: 80px;
    }

    .content-services-box .serv-description-details {
        font-size: 15px;
        line-height: 27px;
    }

    .col-services-list {
        margin-bottom: 50px;
    }

    .right-services-details .col-services-list:nth-child(2) .services-icon-img {
        width: 90px;
    }

    .right-services-details .col-services-list:nth-child(3) .services-icon-img {
        bottom: -5px;
        height: 81px;
    }

    .inner-img-contain .service-img {
        height: 412px;
    }

    .service-contain-details {
        padding: 50px 0px;
    }

    .our-services-bg .our-services-contain,
    .title-main-contain .heading-title,
    .title-solution-contain .heading-title-solution {
        font-size: 40px;
        line-height: 50px;
    }

    .list-work-roadmap .list-item-roadmap:nth-child(even) .pd-roadmap-contain-right .number-road-desc {
        margin-left: 30px;
        max-width: 850px;
        padding-right: 60px;
    }

    .number-road-desc p {
        font-size: 16px;
    }

    .number-show-roadmap .number-heading-details {
        font-size: 40px;
        margin-bottom: 50px;
    }

    .roadmap-right-img-pd .roadmap-contain-img {
        height: 351px;
    }

    .roadmap-right-img-pd {
        max-width: 497px;
    }

    .title-whychoose-contain .heading-title-choose,
    .heading-choose .heading-title-choose,
    .roadmap-customer-li .listitems-roadmap-contain .flex-list-customer .customer-roadmap-title,
    .points-forts-titles .points-forts,
    .any-question-title .heading-title-faq,
    .heading-support .heading-pour-support {
        font-size: 40px;
        line-height: 60px;
    }

    .list-details-choose .listitem-choose:nth-child(4n + 1) .heading-choose {
        padding-left: 25%;
    }

    .expertise-right {
        height: 140px;
        width: 140px;
        object-fit: contain;
    }

    .description-choose .desc-para-choose {
        font-size: 17px;
        line-height: 26px;
    }

    .list-details-choose .listitem-choose:nth-child(2) .expertise-right {
        width: 65px;
        height: 87px;
        object-fit: contain;
    }

    .list-details-choose .listitem-choose:nth-child(3) .expertise-right {
        height: 120px;
        width: 120px;
        object-fit: contain;
    }

    .list-details-choose .listitem-choose:nth-child(4) .expertise-right {
        height: 120px;
        width: 120px;
        object-fit: contain;
    }

    .heading-footer .heading-title-footer,
    .content-points-box .heading-points,
    .signature-change-btn p {
        font-size: 18px;
        line-height: 21px;
    }

    .footer-grid {
        display: grid;
        grid-template-columns: 3.5fr 3fr 5.5fr;
    }

    .footer-logo-redirect .footer-logo {
        height: 30px;
        width: unset;
    }

    .footer-list-details .footer-listitem-contain .footer-title-introduction {
        font-size: 16px;
    }

    .professional-card-bg .right-prof-img {
        max-width: 407px;
        width: 100%;
        height: 451px;
    }

    .description-title-solution,
    .flex-support-inquiry .support-heading-details {
        font-size: 18px;
    }

    .roadmap-customer-li .listitems-roadmap-contain .flex-list-customer .round-white-circle {
        height: 25px;
        width: 25px;
    }

    .flex-support-inquiry .faq-icons {
        height: 25px;
        width: 25px;
    }

    .desc-details-customer .customer-desc-title {
        font-size: 20px;
        line-height: 28px;
    }

    .customer-bg-contain .customer-pd-details {
        padding: 270px 0px 164px 0px;
    }

    .content-points-box .serv-description-details {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 34px;
    }

    .pd-points-details {
        padding: 50px 0px 50px 0px;
    }

    .fix-number-ul {
        top: 7%;
    }

    .fix-number-ul li {
        height: 46px;
        width: 46px;
        flex: 0 0 46px;
        margin-bottom: 51px;
    }

    .fix-number-ul li a {
        height: 32px;
        width: 32px;
        flex: 0 0 32px;
        font-size: 18px;
    }

    .fix-number-ul li.active:after {
        height: calc(100% - 1px);
    }

    .fix-number-ul li:after {
        top: 46px;
    }

    .usetps {
        min-height: calc(100vh - 5px);
    }

    .pc-title-details .pc-title {
        font-size: 20px;
    }

    .max-btn-center {
        max-width: 234px;
    }

    .downcontain {
        height: 25px;
        width: 25px;
    }

    .form-common-details .form-check-label,
    .description-signup-account .feedback-login-icon,
    .forgot-password .redirect-forgot-pass,
    .heading-title-request {
        font-size: 18px;
    }

    .form-common-details .form-check-input:checked[type="radio"] {
        background-repeat: no-repeat;
        background-size: 23px 23px;
        background-position: center;
    }

    .account-details-flow .account-title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 35px;
    }

    .account-details-flow .account-description,
    .upload-my-id-details .head-desc-upload,
    .drag-text .upload-frag-title,
    .thankyou-details .heading-title,
    .account-create-details .details-account-create,
    .profile-request-cols .profile-uat-details,
    .my-request-details .profile-request-cols .profile-surename-title {
        font-size: 16px;
    }

    .sign-into-details .signinto-title {
        font-size: 18px;
        padding-bottom: 13.56px;
    }

    .modal-logo-bg {
        max-width: 120px;
        height: 120px;
        flex: 0 0 120px;
    }

    .modal-logo-bg .modal-logo-icon {
        height: 76px;
        width: 100px;
        object-fit: contain;
    }

    .modal-logo-details {
        top: -60px;
    }

    .modal-signup-contain {
        padding-top: 5px;
    }

    .common-modal-body {
        padding: 72px 55px 52px 55px;
    }

    .flex-request-step {
        gap: 17px;
    }

    .user-container,
    .agent-container {
        max-width: 1240px;
    }

    .dashboard-heading .heading-mes-demandes {
        font-size: 22px;
    }

    .inner-flex-profile {
        gap: 45px;
    }

    .profile-request-cols .profile-surename-title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .modify-card-details .modify-title {
        font-size: 18px;
        line-height: 22px;
    }

    .link-redirect-profile a .shape-right,
    .modify-card-details .modify-title .shape-right {
        width: 10.25px;
        height: 16.84px;
    }

    .signup-brn-continue {
        margin-top: 30px;
    }

    .user-title-contain .heading-dashboard-contain {
        font-size: 38px;
        line-height: 48px;
    }

    .total-request-amount .table-request-amount tr th,
    .total-request-amount .table-request-amount tfoot tr td,
    .total-request-amount .table-request-amount tr td,
    .request-search-title p,
    .form-common-details .common-value-input-show,
    .name-foud-flex .name-found-text,
    .name-foud-flex .name-found-title,
    .link-redirect-profile a {
        font-size: 16px;
    }

    .request-notes-details .request-notes-title {
        font-size: 17px;
    }

    .request-listing .bg-step-request {
        height: 30px;
        width: 30px;
        flex: 0 0 30px;
    }

    .step-indicator .request-listing::after {
        height: calc(100% - 5px);
        top: 32px;
        left: 14px;
    }

    .right-icon-request {
        height: 12px;
    }

    .row-request {
        gap: 72px;
    }

    .name-foud-flex {
        gap: 20px;
    }

    .right-icon-request-exclamation {
        height: 12px;
    }

    .error {
        font-size: 16px;
        line-height: 20px;
    }

    .drag-text .front-upload-icon {
        width: 67px;
        height: 46px;
    }

    .drag-text .upload-frag-title {
        font-size: 13px;
    }

    .max-upload-doc-btn {
        max-width: 250px;
    }

    .attech-icon {
        height: 18px;
        margin-right: 3px;
    }

    .large-common-modal .modal-dialog {
        max-width: 1200px;
    }

    .row-view-status {
        display: grid;
        grid-template-columns: 9fr 3.5fr;
    }

    .large-common-modal .flex-request-step p,
    .profile-request-cols .total-avoir,
    .profile-request-amount .proflie-listitem-abouties .abouties-title,
    .profile-request-amount .proflie-listitem-abouties .abouties-number {
        font-size: 16px;
    }

    .agent-flex-gap {
        gap: 45px;
    }

    .agent-profile-details {
        gap: 70px;
    }

    .name-agent-details .company-position-title {
        font-size: 20px;
        line-height: 25px;
    }

    .name-agent-details .agent-position-show {
        font-size: 18px;
    }

    .name-agent-details .agent-caller-id,
    .name-agent-details .agent-email-id,
    .name-agent-details .company-location,
    .flex-agent-number .agent-number-name,
    .tab-title-statics p,
    .mon-manager-information .mon-manager-list li {
        font-size: 18px;
    }

    .tab-title-statics h6 {
        font-size: 20px;
    }

    .affiliates-card .affiliates-body {
        padding: 33px 35px;
    }

    .request-pd-details {
        padding: 20px 15px;
    }

    .profile-request-cols .profile-surename-title {
        font-size: 16px;
        margin-bottom: 13px;
    }

    .request-profile-flex {
        gap: 30px;
    }

    .affilies-card-details-list .inner-flex-profile {
        gap: 25px;
    }

    .form-search-details .form-control {
        font-size: 16px;
        padding: 10px 20px 10px 60px;
    }

    .filter-icon {
        height: 30px;
    }

    .agent-ul-tabing .nav-pills {
        gap: 50px;
    }

    .agent-tab-title-flex {
        font-size: 20px;
    }

    .common-modal-fade .modal-dialog {
        max-width: 670px;
        /* width: 100%;
      padding: 0px 15px; */
    }

    .user-profile-show .profile-bg-details .profile-name-show {
        font-size: 20px;
    }

    .user-profile-show .profile-bg-details {
        height: 60px;
        width: 60px;
    }
}

@media (max-width: 1195px) {
    .header-section .bg-header-contain {
        padding: 12px 0px;
    }  

    .chart-doughnut canvas {
        height: 210px !important;
        width: 210px !important;
    }

    .common-modal-body {
        padding: 62px 55px 52px 55px;
    }

    .chart-title p {
        font-size: 26px;
        line-height: 35px;
    }

    .flex-request-content {
        flex-direction: column;
    }

    .link-redirect-profile {
        display: flex;
        justify-content: end;
    }

    .agent-flex-gap {
        gap: 35px;
    }

    .agent-card-body {
        padding: 50px 30px;
    }

    .agent-profile-details {
        gap: 30px;
    }

    .name-foud-flex .name-found-title,
    .name-foud-flex .name-found-text {
        font-size: 13px;
    }

    .name-foud-flex {
        gap: 10px;
    }

    .request-user-card .request-user-body {
        padding: 42px 20px 50px 20px;
    }

    .row-request {
        gap: 20px;
        grid-template-columns: 9fr 5.6fr;
    }

    .image-upload-wrap,
    .file-upload-image {
        height: 230px;
    }

    .max-right-modify {
        max-width: 363px;
        margin-left: unset;
        margin-right: auto;
        /* padding-top: 30px; */
    }

    .inner-flex-profile {
        gap: 30px;
    }

    .request-profile-flex {
        gap: 15px;
    }

    .profile-request-cols .profile-surename-title,
    .profile-request-cols .profile-uat-details,
    .link-redirect-profile a {
        font-size: 14px;
        line-height: 21px;
    }

    .modify-card-details .modify-title {
        font-size: 16px;
        line-height: 21px;
    }

    .modify-pd-details {
        padding: 15px 15px;
    }

    .dashbaord-bg {
        min-height: 345px;
    }

    .header-contain-flex .right-header-nav {
        gap: 40px;
    }

    .hero-bg-fixed {
        height: 590px;
        width: 100%;
    }

    .signature-details-contain .signature-pad-container {
        height: 20.973vh;
    }

    .max-width-view-doc {
        max-width: 250px;
    }

    .total-request-amount .table-request-amount tr th,
    .total-request-amount .table-request-amount tfoot tr td,
    .total-request-amount .table-request-amount tr td {
        font-size: 13px;
    }

    .request-user-card .request-user-body {
        padding: 42px 38px 50px 38px;
    }

    .contact-max-btn {
        max-width: 250px;
    }

    .header-container,
    .header-max-contain,
    .cus-container {
        max-width: 960px;
    }

    .header-contain-flex {
        gap: 30px;
    }

    .nav-header-contain .li-nav-header .link-nav-contain,
    .com-title-details p {
        font-size: 14px;
    }

    .nav-header-contain {
        gap: 35px;
    }

    .heading-hero-content {
        margin-bottom: 45px;
    }

    .description-hero-head p {
        font-size: 15px;
        margin-bottom: 30px;
    }

    .heading-right-card h5 {
        font-size: 29px;
        margin-bottom: 29px;
    }

    .form-common-details {
        margin-bottom: 25px;
    }

    .right-dot-after::after {
        width: 60px;
        height: 60px;
    }

    .max-welcome-content .welcome-title-details {
        font-size: 40px;
        line-height: 56px;
    }

    .max-welcome-content {
        max-width: 802px;
    }

    .research-title-details .heading-research {
        font-size: 35px;
        line-height: 50px;
        margin-bottom: 25px;
    }

    .flex-research-box {
        gap: 15px;
    }

    .research-card .research-body {
        padding: 27px 15px;
    }

    .service-contain-details .services-grid {
        gap: 30px;
        align-items: center;
    }

    .flex-col-services {
        gap: 20px;
    }

    .ourservice-img-contain {
        max-width: 405px;
        margin-left: auto;
    }

    .inner-img-contain .service-img {
        height: 322px;
        max-width: 400px;
    }

    .ourservice-img-contain::after {
        width: 80px;
        left: -16px;
    }

    .content-services-box .serv-description-details {
        font-size: 14px;
        margin-bottom: 0px;
        line-height: 24px;
    }

    .col-services-list {
        margin-bottom: 35px;
    }

    .service-contain-details {
        padding: 35px 0px;
    }

    .our-services-bg {
        min-height: 221px;
    }

    .our-services-bg .our-services-contain,
    .title-main-contain .heading-title,
    .title-solution-contain .heading-title-solution {
        font-size: 35px;
        line-height: 45px;
    }

    .number-show-roadmap .number-title-roadmap {
        font-size: 45px;
        line-height: 55px;
    }

    .bog-post-container .blog-tab-sec .nav-tabs {
        gap: 10px;
    }

    .modal-logo-bg .modal-logo-icon {
        height: 60px;
        width: 100px;
        object-fit: contain;
    }

    .bog-post-container .bog-img-wrapper .blog-img {
        width: 100%;
        height: 180px;
    }

    .logo-header .logo-icon {
        height: 60px;
        width: 90px;
        object-fit: contain;
    }

    .blog-actualites-sec .actualites-img {
        max-height: 650px;
    }

    .actualites-wrapper .actualites-text {
        font-size: 55px;
        line-height: 78px;
        padding: 50px 60px;
    }

    .number-show-roadmap .number-heading-details {
        margin-bottom: 35px;
        font-size: 35px;
    }

    .roadmap-right-img-pd {
        max-width: 427px;
    }

    .roadmap-right-img-pd .roadmap-contain-img {
        height: 291px;
    }

    .list-work-roadmap .list-item-roadmap:nth-child(even) .pd-roadmap-contain-right .number-show-roadmap {
        margin-left: 0px;
    }

    .list-work-roadmap .list-item-roadmap:nth-child(even) .pd-roadmap-contain-right .number-road-desc {
        margin-left: 0px;
        max-width: unset;
        padding-right: 0px;
    }

    .how-to-work-details {
        padding: 10px 0px;
    }

    .list-details-choose .listitem-choose:nth-child(4n + 1) .heading-choose {
        padding-left: 10%;
    }

    .list-details-choose .listitem-choose:nth-child(4n + 1) .description-choose {
        padding-left: 5%;
    }

    .expertise-right {
        height: 120px;
        width: 120px;
    }

    .description-choose .desc-para-choose {
        font-size: 15px;
        line-height: 24px;
    }

    .list-details-choose .listitem-choose:nth-child(4n - 2) .heading-choose {
        margin-left: 10%;
        margin-top: 0;
    }

    .list-details-choose .listitem-choose:nth-child(4n - 2) .description-choose {
        margin-left: 10%;
    }

    .list-details-choose .listitem-choose:nth-child(4n - 2) .description-choose .desc-para-choose {
        max-width: 230px;
    }

    .heading-choose .heading-title-choose {
        font-size: 35px;
        line-height: 50px;
    }

    .list-details-choose .listitem-choose:nth-child(4n - 1) .heading-choose {
        padding-left: 10%;
    }

    .list-details-choose .listitem-choose:nth-child(4n - 1) .description-choose {
        padding-left: 10%;
    }

    .list-details-choose .listitem-choose:nth-child(3) .expertise-right,
    .list-details-choose .listitem-choose:nth-child(4) .expertise-right {
        height: 100px;
        width: 100px;
    }

    .list-details-choose .listitem-choose:nth-child(4n + 4) .description-choose .desc-para-choose {
        max-width: 230px;
    }

    .footer-list-details .footer-listitem-contain .footer-title-introduction {
        font-size: 14px;
        line-height: 25px;
    }

    .bottom-footer-details .footer-list-details {
        gap: 48px;
    }

    .social-list .social-listitems .social-icon {
        height: 25px;
        width: 25px;
    }

    .fix-number-ul {
        top: -17%;
    }

    .usetps {
        justify-content: flex-start;
        min-height: calc(100vh - 731px);
    }

    .hero-pd-list {
        padding: 210px 0px 80px 0px;
    }

    .heading-hero-content h1 {
        font-size: 36px;
    }

    .hero-card-details .hero-pd-details {
        padding: 33px 25px 30px 25px;
    }

    .max-welcome-content .welcome-title-details {
        font-size: 35px;
        line-height: 48px;
    }

    .services-icon-img {
        height: 70px;
        width: 70px;
    }

    .right-services-details .col-services-list:nth-child(2) .services-icon-img {
        height: 80px;
        width: 80px;
    }

    .right-services-details .col-services-list:nth-child(3) .services-icon-img {
        bottom: -7px;
        height: 70px;
    }

    .inner-listing-menu .btn-primary,
    .inner-listing-menu .btn-primary:hover,
    .inner-listing-menu .btn-primary:active {
        font-size: 18px !important;
        line-height: 20px !important;
    }

    .professional-section-bg.hero-pd-list {
        padding: 210px 0px 0px 0px;
    }

    .title-whychoose-contain .heading-title-choose,
    .heading-choose .heading-title-choose,
    .roadmap-customer-li .listitems-roadmap-contain .flex-list-customer .customer-roadmap-title,
    .points-forts-titles .points-forts,
    .any-question-title .heading-title-faq,
    .heading-support .heading-pour-support {
        font-size: 28px;
        line-height: 35px;
    }

    .roadmap-customer-li .listitems-roadmap-contain .flex-list-customer .round-white-circle {
        height: 20px;
        width: 20px;
    }

    .professional-section-bg .heading-hero-content h1 {
        font-size: 28px;
    }
}

@media (max-width: 991px) {
    .header-section .bg-header-contain {
        padding: 10px 0px;
    } 
    .max-right-modify {
        padding-top: 30px;
    }

    .pc-title-details .pc-title {
        font-size: 18px;
    }

    .btn-erase-signature{
        font-size: 20px;
    }

    .form-common-details .form-check-input:checked[type="radio"] {
        background-size: 18px 18px;
    }

    .form-common-details .form-check .form-check-input {
        height: 28px;
        width: 28px;
    }

    .pc-title-details {
        margin-bottom: 30px;
    }

    .flex-radio-contain {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .form-common-details .form-label {
        font-size: 13px;
    }

    .blog-actualites-sec .actualites-img {
        max-height: 510px;
    }

    .common-my-agent-pd {
        padding: 160px 0px 50px 0px;
    }

    .scanner-show-details svg {
        height: 151px !important;
    }

    .li-nav-header.open .li-nav-inner-details {
        display: block;
    }

    .li-nav-inner-details {
        max-width: unset;
        width: unset;
        padding: 20px 2px;
        position: unset;
    }

    li.li-nav-header:hover ul.li-nav-inner-details {
        display: none;
    }

    li.li-nav-header.submenu-mobile-open .inner-menu-active {
        display: block !important;
    }

    .inner-listing-menu .btn-primary,
    .inner-listing-menu .btn-primary:hover,
    .inner-listing-menu .btn-primary:active {
        padding: 5px 10px;
        font-size: 14px !important;
    }

    .nav-header-contain .li-nav-header .link-nav-contain {
        width: 100%;
        display: flex;
    }

    .submenu-mobile-open>a.link-nav-contain {
        position: relative;
    }

    .submenu-mobile-open>a.link-nav-contain::after {
        content: "";
        background-image: url("../images/svg/down.svg");
        background-repeat: no-repeat;
        height: 7px;
        width: 12px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .inner-menu-active {
        padding-bottom: 0px;
    }

    .submenu-mobile-open>a.link-nav-contain::after {
        content: "";
        background-image: url("../images/svg/down.svg");
        background-repeat: no-repeat;
        height: 7px;
        width: 12px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .agent-rating-show-details {
        margin-top: 20px;
    }

    .row-tab-agent .col-tab-left {
        order: 1;
        display: grid;
        max-height: max-content;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .col-tab-right .row-tab-agent {
        order: 2;
    }

    .tab-card-profile {
        height: max-content;
    }

    .row-tab-agent {
        grid-template-columns: 1fr;
    }

    .agent-flex-justify {
        flex-direction: column;
    }

    .common-my-agent-pd {
        padding: 150px 0px 50px 0px;
    }

    .agent-flex-gap {
        width: 100%;
    }

    .agent-btn-details {
        margin-left: auto;
    }

    .agent-tab-title-flex {
        font-size: 17px;
        gap: 15px;
    }

    .row-request {
        grid-template-columns: 1fr;
    }

    .request-user-card .request-user-body {
        padding: 42px 38px 42px 38px;
    }

    .col-right-request {
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        gap: 30px;
    }

    .account-details-flow .account-title {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 30px;
    }

    .create-account-card .account-cardbody {
        padding: 17px 30px;
    }

    .bg-fixed-recovery {
        display: none;
    }

    .qr-scanner svg,
    .qr-scanner {
        height: 130px;
        width: 130px;
    }

    .account-scanner {
        max-width: 130px;
    }

    .account-details-flow .account-description {
        font-size: 14px;
    }

    .image-upload-wrap,
    .file-upload-image {
        height: 200px;
    }

    .common-header-top {
        padding-top: 150px;
    }

    .usetps {
        min-height: calc(100vh - 300px);
    }

    .signature-details-contain .signature-pad-container {
        height: 23.973vh;
    }

    .btn-header-menu {
        display: block;
    }

    /* section.header-section {
      position: unset;
    }
   */
    .header-section .bg-header-contain {
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
    }

    .mobile-menu {
        height: 22px;
    }

    .btn-header-menu {
        display: block;
    }

    .btn-header-menu .btn-menu-header,
    .btn-header-menu .btn-menu-header:hover,
    .btn-header-menu .btn-menu-header:active,
    .btn-header-menu .btn-menu-header:focus {
        border: 2px solid var(--primary-color);
        padding: 8px 9px;
        border-radius: 11px;
        -webkit-border-radius: 11px;
        -moz-border-radius: 11px;
        -ms-border-radius: 11px;
        -o-border-radius: 11px;
    }

    .header-contain-flex .right-header-nav {
        gap: 20px;
    }

    .list-nav-details {
        position: fixed;
        left: 0;
        top: 0;
        background: #ffff;
        width: 250px;
        bottom: 0;
        box-shadow: rgba(50, 50, 93, 0.25) 0px -6px 12px -2px;
        left: -250px;
        transition: 0.5s ease-in-out;
        z-index: 99;
    }

    .list-nav-details .nav-header-contain {
        flex-direction: column;
        align-items: start;
        gap: 0px;
    }

    .list-nav-details .nav-header-contain .li-nav-header {
        padding: 10px 20px;
        width: 100%;
    }

    .list-nav-details.main-menu.active {
        left: 0px;
    }

    .mobile-show.active {
        display: block !important;
        z-index: 9;
    }

    .overlay-section {
        position: fixed !important;
        right: 0;
        max-width: 100% !important;
        background: rgb(20 19 19 / 50%);
        top: 0 !important;
        bottom: 0;
        display: none !important;
        width: 100% !important;
        transition: all 0.3s !important;
    }

    .header-override {
        overflow: hidden;
    }

    .header-max-contain,
    .cus-container {
        padding: 0px 15px;
    }

    .hero-pd-list {
        padding: 150px 0px 100px 0px;
    }

    .form-common-details .textarea-form-control {
        min-height: 120px;
    }

    .hero-flex-row,
    .professional-section-bg .hero-flex-row {
        gap: 30px;
    }

    .heading-hero-content h1 {
        font-size: 26px;
        line-height: 40px;
    }

    .heading-hero-content {
        margin-bottom: 35px;
    }

    .hero-card-details .hero-pd-details {
        padding: 30px 15px 30px 15px;
    }

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

    .hero-left-contain {
        padding-top: 30px;
    }

    .hero-flex-row {
        align-items: center;
    }

    .max-welcome-content .welcome-title-details {
        font-size: 30px;
        line-height: 46px;
    }

    .right-dot-after::after {
        top: -65%;
        right: 19px;
    }

    .research-bg-contain {
        padding: 50px 0px;
    }

    .research-title-details .heading-research {
        font-size: 30px;
        line-height: 45px;
    }

    .research-title-details p {
        font-size: 15px;
    }

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

    .service-contain-details .services-grid {
        grid-template-columns: 1fr;
    }

    .inner-img-contain .service-img {
        height: 450px;
        max-width: 100%;
        object-fit: cover;
    }

    .ourservice-img-contain {
        max-width: unset;
        margin-left: 20px;
    }

    .roadmap-left-contain .pd-roadmap-contain-right {
        padding: 10px 15px;
    }

    .number-show-roadmap .number-title-roadmap {
        font-size: 40px;
        line-height: 55px;
    }

    .number-show-roadmap .number-heading-details {
        margin-bottom: 27px;
        font-size: 29px;
    }

    .number-road-desc p {
        font-size: 14px;
    }

    .roadmap-right-img-pd {
        padding: 30px 15px;
    }

    .why-choose-common .list-details-choose {
        column-gap: 20px;
    }

    .title-whychoose-contain .heading-title-choose {
        font-size: 35px;
        line-height: 45px;
    }

    .list-details-choose .listitem-choose:nth-child(4n + 1) .heading-choose,
    .list-details-choose .listitem-choose:nth-child(4n + 1) .description-choose,
    .list-details-choose .listitem-choose:nth-child(4n - 1) .heading-choose,
    .list-details-choose .listitem-choose:nth-child(4n - 1) .description-choose {
        padding-left: 0px;
    }

    .list-details-choose .listitem-choose:first-child,
    .list-details-choose .listitem-choose:nth-child(2) {
        margin-top: 0px;
    }

    .list-details-choose .listitem-choose:nth-child(4n - 2) .heading-choose {
        margin-left: 0px;
        margin-top: 0px;
    }

    .list-details-choose .listitem-choose:nth-child(4n - 2) .description-choose,
    .list-details-choose .listitem-choose:nth-child(4n + 4) .heading-choose,
    .list-details-choose .listitem-choose:nth-child(4n + 4) .description-choose {
        margin-left: 0px;
    }

    .footer-list-details .footer-listitem-contain .footer-title-introduction {
        font-size: 12px;
        line-height: 22px;
    }

    .heading-footer .heading-title-footer {
        font-size: 16px;
        line-height: 20px;
    }

    .bottom-footer-details .footer-list-details {
        gap: 20px;
    }

    .common-modal-body {
        padding: 52px 55px 52px 55px;
    }

    .footer-logo-redirect .footer-logo {
        height: 50px;
        width: 70px;
        object-fit: contain;
    }

    .professional-section-bg.hero-pd-list {
        padding: 150px 0px 100px 0px;
    }

    .professional-section-bg .hero-flex-row {
        grid-template-columns: 8fr 6fr;
    }

    .professional-card-bg .right-prof-img {
        max-width: 317px;
        height: 390px;
    }

    .professional-section-bg .heading-hero-content h1 {
        font-size: 22px;
        line-height: 35px;
    }

    .professional-max-btn {
        max-width: 250px;
        margin-bottom: 0px;
    }

    .description-title-solution {
        font-size: 14px;
    }

    .title-solution-contain {
        padding-bottom: 50px;
    }

    .customer-bg-contain .customer-pd-details {
        padding: 200px 0px 80px 0px;
    }

    .desc-details-customer .customer-desc-title {
        font-size: 16px;
        line-height: 25px;
    }

    .roadmap-customer-li .listitems-roadmap-contain .flex-list-customer .customer-roadmap-title {
        font-size: 30px;
        line-height: 40px;
    }

    .roadmap-customer-li .listitems-roadmap-contain .flex-list-customer .round-white-circle {
        height: 16px;
        width: 16px;
    }

    .customer-bg-contain {
        min-height: 1040px;
    }

    .points-contain-details .services-grid {
        gap: 20px;
        grid-template-columns: 1fr;
    }

    .points-forts-titles .points-forts {
        margin-bottom: 30px;
    }

    .contact-flex-faq {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .faq-contact-form .hero-card-details .hero-pd-details {
        padding: 43px 30px 30px 30px;
    }

    .any-question-title .heading-title-faq,
    .heading-support .heading-pour-support {
        font-size: 34px;
        line-height: 41px;
    }

    .contact-max-btn {
        max-width: 250px;
        margin-bottom: 50px;
    }

    .flex-support-inquiry .support-heading-details {
        font-size: 15px;
        word-break: break-all;
    }

    .contact-bg-contain {
        padding-bottom: 50px;
        background-position: 86%;
    }

    .step-asset-recovery .fix-number-ul {
        top: -17%;
    }

    .usetps {
        justify-content: flex-start;
        min-height: calc(100vh - 760px);
    }


    .dashbaord-bg {
        min-height: 240px;
        padding: 100px 0px 30px 0px;
    }

    .user-title-contain .heading-dashboard-contain {
        font-size: 32px;
        line-height: 42px;
    }

    .user-profile-show .profile-bg-details {
        height: 55px;
        width: 55px;
    }

    .user-profile-show .profile-bg-details .profile-name-show {
        font-size: 18px;
    }

    .professional-section-bg .heading-hero-content {
        margin-bottom: 0px;
    }

    .description-hero-head p {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .our-services-bg .our-services-contain,
    .title-main-contain .heading-title,
    .title-solution-contain .heading-title-solution {
        font-size: 30px;
        line-height: 38px;
    }

}

@media (max-width: 767px) {
    .header-section .bg-header-contain {
        padding: 8px 0px;
    }  
    .downcontain {
        height: 20px;
        width: 20px;
    }

    .actualites-wrapper .actualites-text {
        font-size: 45px;
        line-height: 48px;
        padding: 50px 50px;
    }

    .sign-into-details .signup-scanner-title {
        font-size: 17px;
        line-height: 21px;
    }

    .filter-icon {
        height: 25px;
    }

    .agent-rating-show-details {
        align-items: start;
        flex-direction: column;
    }

    .agent-rating-show-details p {
        font-size: 18px;
        line-height: 21px;
    }

    .dropdown-profile-list .dropdown-listitem-profile {
        font-size: 16px;
        line-height: 17px;
        margin-bottom: 21px;
    }

    .tab-agent-profile-res.row-tab-agent .col-tab-left {
        gap: 0px;
    }

    .agent-flex-gap,
    .agent-profile-details {
        flex-direction: column;
        align-items: start;
    }

    .agent-profile-details,
    .agent-flex-gap,
    .agent-flex-justify {
        gap: 17px;
    }

    .total-request-prices {
        flex-direction: column;
        align-items: start;
    }

    .filter-agent-drop {
        margin-top: -40px;
    }

    .affiliates-card .affiliates-body {
        padding: 33px 15px;
    }

    .agent-flex-justify {
        align-items: start;
    }

    .profile-request-cols .total-avoir {
        font-size: 14px;
    }

    .total-request-prices {
        flex-direction: column;
        align-items: start;
        gap: 0px;
    }

    .search-affilies-flex {
        flex-direction: column;
        align-items: flex-end;
    }

    .mob-search {
        width: 100%;
    }

    .apply-filter-details {
        max-width: 210px;
    }

    .delete-btn-filter img {
        height: 20px;
    }

    .agent-flex-date p {
        color: var(--black-color);
        font-size: 16px;
        line-height: 24px;
    }

    .delete-btn-filter a {
        padding: 12px 20px;
        gap: 10px;
        font-size: 15px;
        line-height: 20px;
    }

    .row-tab-agent .col-tab-left {
        grid-template-columns: 1fr;
    }

    .form-search-details {
        width: 100%;
        align-items: start;
        flex-direction: column;
        gap: 15px;
    }

    .agent-btn-details {
        margin-left: unset;
    }

    .agent-ul-tabing .nav-pills {
        gap: 15px;
        grid-template-columns: 1fr;
    }

    .dropdown-menu {
        right: -10px;
        box-shadow: 0px 13px 19px #00000012;
        margin-top: 10px;
        padding: 50px 30px;
        min-width: max-content;
    }

    .hero-flex-row {
        grid-template-columns: 1fr;
    }

    .hero-flex-row .custom-col-7 {
        order: 1;
    }

    .common-my-agent-pd {
        padding: 150px 0px 50px 0px;
    }

    .hero-pd-list {
        padding: 170px 0px 50px 0px;
    }

    .hero-section {
        background-position: 66% 64%;
    }

    .btn,
    .btn:hover,
    .btn:active,
    .btn:focus,
    .inner-listing-menu .btn-primary,
    .inner-listing-menu .btn-primary:hover,
    .inner-listing-menu .btn-primary:active {
        font-size: 15px;
        border-radius: 30px;
        padding: 10px 18px;
    }

    .heading-hero-content h1 {
        font-size: 26px;
        line-height: 35px;
    }

    .description-hero-head p {
        font-size: 14px;
        margin-bottom: 20px;
        line-height: 23px;
    }

    .max-welcome-content .welcome-title-details {
        font-size: 20px;
        line-height: 33px;
        letter-spacing: 0px;
    }

    .right-dot-after::after {
        width: 30px;
        height: 30px;
        top: -50px;
    }

    .desc-research,
    .list-details-choose .listitem-choose:nth-child(4n - 2) .description-choose .desc-para-choose,
    .list-details-choose .listitem-choose:nth-child(4n + 4) .description-choose .desc-para-choose {
        max-width: 100%;
    }

    .research-title-details .heading-research {
        font-size: 25px;
        line-height: 32px;
    }

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

    .our-services-bg {
        min-height: 141px;
    }

    .inner-img-contain .service-img {
        height: 265px;
    }

    .inner-img-contain {
        padding: 30px 0px;
    }

    .ourservice-img-contain::after {
        width: 60px;
    }

    .flex-col-services {
        flex-direction: column;
    }

    .h-max-content {
        max-width: max-content;
    }

    .title-main-contain .heading-title {
        font-size: 25px;
        line-height: 31px;
    }

    .list-item-roadmap .flex-roadmap-contain {
        flex-direction: column;
    }

    .roadmap-left-contain {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .roadmap-right-conatin {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .list-work-roadmap .list-item-roadmap:nth-child(odd) .roadmap-right-img-pd img {
        padding-left: 0px;
    }

    .roadmap-right-img-pd .roadmap-contain-img {
        height: 220px;
    }

    .list-work-roadmap .list-item-roadmap:nth-child(odd) .pd-roadmap-contain-right {
        border-top: 0px;
        border-right: 0;
        border-bottom: 0px;
    }

    .list-work-roadmap .list-item-roadmap:nth-child(odd) .roadmap-right-conatin {
        border-left: 2px dashed var(--primary-color);
        border-bottom: 2px dashed var(--primary-color);
    }

    .list-work-roadmap .list-item-roadmap:nth-child(even) .pd-roadmap-contain-right {
        border: 0px;
        border-right: 2px dashed var(--primary-color);
    }

    .list-work-roadmap .list-item-roadmap:nth-child(even) .roadmap-right-conatin {
        border-right: 2px dashed var(--primary-color);
        border-radius: 2px;
        border-bottom: 2px dashed var(--primary-color);
    }

    .list-work-roadmap .list-item-roadmap:nth-child(even) .flex-roadmap-contain {
        flex-direction: column;
    }

    .list-work-roadmap .list-item-roadmap:last-child .roadmap-right-conatin {
        border-bottom: 0px;
    }

    .why-choose-common .list-details-choose {
        grid-template-columns: 1fr;
    }

    .why-choose-details-list {
        padding: 0px 0px 50px 0px;
    }

    .list-details-choose .listitem-choose:first-child,
    .list-details-choose .listitem-choose:nth-child(2),
    .list-details-choose .listitem-choose {
        margin-top: 20px;
    }

    .description-choose .desc-para-choose {
        font-size: 14px;
        line-height: 24px;
    }

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

    .bottom-footer-details .footer-list-details {
        gap: 10px;
        flex-direction: column;
        align-items: start;
    }

    .social-list {
        justify-content: start;
        margin: 15px 0px 0px;
    }

    .footer-scocial-details {
        padding: 20px 0px;
    }

    .professional-section-bg .hero-flex-row,
    .contact-flex-faq {
        grid-template-columns: 1fr;
    }

    .professional-card-bg .right-prof-img {
        max-width: 100%;
    }

    .title-solution-contain .heading-title-solution {
        font-size: 26px;
        line-height: 40px;
    }

    .roadmap-customer-li .listitems-roadmap-contain .flex-list-customer .round-white-circle {
        height: 20px;
        width: 20px;
        flex: 0 0 20px;
        margin-top: 10px;
    }

    .roadmap-customer-li .listitems-roadmap-contain .flex-list-customer .customer-roadmap-title {
        font-size: 25px;
        line-height: 35px;
    }

    .roadmap-customer-li .listitems-roadmap-contain .flex-list-customer {
        display: flex;
        align-items: start;
        gap: 15px;
    }

    .desc-details-customer {
        margin-left: 11%;
    }

    .roadmap-customer-li .listitems-roadmap-contain:nth-child(5n + 2),
    .roadmap-customer-li .listitems-roadmap-contain:nth-child(5n + 3),
    .roadmap-customer-li .listitems-roadmap-contain:nth-child(5n + 4),
    .roadmap-customer-li .listitems-roadmap-contain:nth-child(5n + 4),
    .roadmap-customer-li .listitems-roadmap-contain:nth-child(5n + 5) {
        padding-left: 0%;
    }

    .desc-details-customer .customer-desc-title {
        font-size: 15px;
        line-height: 24px;
    }

    .roadmap-customer-li .listitems-roadmap-contain {
        margin-bottom: 30px;
    }

    .hero-pd-list {
        background-image: none !important;
    }

    .faq-contact-form .hero-card-details .hero-pd-details {
        padding: 43px 15px 30px 15px;
    }

    .flex-support-inquiry {
        align-items: start;
    }

    .flex-support-inquiry .support-heading-details {
        word-break: break-all;
    }

    .heading-support .heading-pour-support {
        font-size: 35px;
        line-height: 50px;
    }

    .contact-max-btn {
        max-width: 250px;
        margin-bottom: 50px;
    }

    .contact-flex-faq {
        gap: 30px;
    }

    .fix-number-ul {
        display: none;
    }

    .pc-title-details {
        margin-bottom: 30px;
    }

    .pc-title-details .pc-title {
        font-size: 19px;
    }

    .usetps {
        margin-bottom: 30px;
        min-height: unset;
    }

    .account-flex-box {
        flex-direction: column-reverse;
    }

    .max-btn-center .cdown {
        margin-top: 30px !important;
    }

    .upload-front-side-image-contain {
        margin-bottom: 20px;
    }

    .signature-pad-details {
        margin-top: 30px;
    }

    .form-common-details .check-flex-candidate .form-check {
        align-items: start;
    }

    .form-common-details .check-flex-candidate .form-check .form-check-input {
        margin-top: 5px;
    }

    .common-modal-body {
        padding: 92px 15px 52px 15px;
    }

    .sign-into-details .signinto-title,
    .description-signup-account .feedback-login-icon {
        font-size: 15px;
        line-height: 21px;
    }

    .forgot-password .redirect-forgot-pass,
    .signup-checkbox .check-flex-candidate .form-check-label {
        font-size: 13px;
    }

    .form-common-details .form-check {
        gap: 7px;
    }

    .signup-checkbox {
        gap: 10px;
    }

    .inner-flex-profile {
        flex-direction: column;
        width: 100%;
        align-items: start;
        gap: 20px;
    }

    .user-breadcrumb-details .breadcrumb .breadcrumb-item,
    .user-breadcrumb-details .breadcrumb .breadcrumb-item a {
        font-size: 12px;
        line-height: 20px;
    }

    .dashbaord-bg {
        min-height: 200px;
        padding: 100px 0px 30px 0px;
    }

    .dashboard-heading {
        margin-bottom: 30px;
    }

    .user-title-contain .heading-dashboard-contain {
        font-size: 30px;
        line-height: 38px;
    }

    .common-user-spacing {
        padding: 50px 0px;
    }

    .flex-request-content,
    .request-profile-flex {
        flex-direction: column;
        align-items: start;
    }

    .row-request {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .request-user-card .request-user-body {
        padding: 42px 15px 80px 15px;
    }

    .flex-request-error {
        margin-bottom: 15px;
    }

    .document-details-desc {
        font-size: 15px;
        margin-bottom: 5px;
        line-height: 23px;
    }

    .request-document-upload {
        padding-top: 30px;
    }

    .col-right-request {
        grid-template-columns: 1fr;
        gap: 0px;
    }

    .table-responsive {
        overflow-x: auto;
        max-width: calc(100vw - 80px);
    }

    .table-request-amount {
        margin-bottom: 0px;
        min-width: 700px;
    }

    .name-foud-flex {
        align-items: start;
        display: inline-block;
    }


    .li-nav-inner-details .inner-listing-menu:last-child {
        margin: 0px;
    }

    .faq-contact-form {
        max-width: 100%;
    }
}

@media (max-width: 561px) {

    .hero-pd-list .hero-bg-contain {
        padding-bottom: 20px;
    }

    .name-agent-details .agent-email-id,
    .mon-manager-information .mon-manager-list li:last-child {
        word-break: break-all;
    }

    .hero-section.blog-hero-section {
        padding: 180px 0px 0px 0px !important;
    }

    .blog-actualites-sec .actualites-img {
        max-height: 440px;
    }

    .blog-actualites-sec .actualites-wrapper {
        top: 140px;
    }

    .common-modal-body {
        padding: 52px 15px 52px 15px;
    }

    .blog-hero-section .hero-bg-contain {
        padding-bottom: 30px;
    }
    .modal-signup-contain {
        padding-top: 15px;
    }

    .actualites-wrapper .actualites-text {
        font-size: 35px;
        line-height: 44px;
        padding: 40px 40px;
    }

    .signature-details-contain .signature-pad-container {
        height: 17.973vh;
    }

    .any-question-title .heading-title-faq,
    .heading-support .heading-pour-support {
        font-size: 32px;
        line-height: 38px;
    }

    .user-profile-show .profile-bg-details {
        height: 50px;
        width: 50px;
    }

    .mobile-menu {
        height: 20px;
    }

}

@media (max-width: 376px) {

    .btn,
    .btn:hover,
    .btn:active,
    .btn:focus,
    .inner-listing-menu .btn-primary,
    .inner-listing-menu .btn-primary:hover,
    .inner-listing-menu .btn-primary:active {
        font-size: 13px;
        border-radius: 30px;
        padding: 10px 16px;
    }

    .forgot-password {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .signup-checkbox {
        gap: 10px;
        flex-direction: column;
        align-items: start;
    }

    .blog-actualites-sec .actualites-img {
        max-height: 310px;
    }

    .blog-actualites-sec .actualites-wrapper {
        top: 90px;
    }

    .actualites-wrapper .actualites-text {
        font-size: 32px;
        line-height: 38px;
        padding: 35px 35px;
    }

    .blog-tab-sec .nav-tabs .nav-link {
        font-size: 20px;
        line-height: 21px;
    }
}