/*-----------------------------------------------------------------------------------

    Theme Name: Annex - ERP and HRM HTML Template
    Author: Netsol IT Solutions Pvt. Ltd.
    Created By: Netsol Web-designer Team.
    Support: noreply.netsolitsolution1@gmail.com
    Description: Annex - ERP and HRM HTML Template
    Version: 1.0

-----------------------------------------------------------------------------------

/************ TABLE OF CONTENTS ***************

  ** RESPONSIVE CSS **

  **********************************************/
/*-------------------------------------------------------------*/
/* SCREEN BELLOW 1661px
/*-------------------------------------------------------------*/
@media screen and (max-width: 1660px) {
  .anx-hero-manufacturer-erp-page-section::after {
    top: -840px;
    width: 99%;
    height: 1634px;
    -webkit-mask: radial-gradient(circle, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 744px, rgba(0, 0, 0, 1) 751px);
    mask: radial-gradient(circle, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 744px, rgba(0, 0, 0, 1) 751px)
  }
  .dropdown.anx-nav-item .anx-nav-link + .dropdown-menu {
    left: -100%;
  }
}
/*-------------------------------------------------------------*/
/* SCREEN BELLOW 1501px
/*-------------------------------------------------------------*/
  @media screen and (max-width: 1500px) {
    .anx-hero-manufacturer-erp-page-section::after {
      top: -470px;
      width: 1172px;
      height: 1176px;
      -webkit-mask: radial-gradient(circle, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 539px, rgba(0, 0, 0, 1) 553px);
      mask: radial-gradient(circle, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 539px, rgba(0, 0, 0, 1) 553px);
    }
    .anx-watch-container{
      margin: 0 15px;
      max-width: calc(100% - 30px);
    }
  }

/*-------------------------------------------------------------*/
/* SCREEN BELLOW 1471px
/*-------------------------------------------------------------*/

@media  only screen and (min-width: 1472px) {
  .anx-header::before {
    width: 55%;
  }
}
/*-------------------------------------------------------------*/
/* SCREEN BELLOW 1471px
/*-------------------------------------------------------------*/

@media  only screen and (max-width: 1470.98px) {
  .anx-hr-cta-inner-container {
    padding: 50px 25px;
    max-width: calc(100% - 30px);
  }
  .anx-accounting-erp-cta-container {
    max-width: calc(100% - 30px);
  }
  .anx-hero-accounting-page-section .anx-hero-image-column {
    right: 0;
    left: 50%;
    bottom: 125px;
  }
  .anx-hero-accounting-page-section .anx-hero-column {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .anx-hero-accounting-page-section .breadcrumb-area {
    transform: translateY(55px);
  }
  .anx-hero-shape-large{
    left: -30px;
    bottom: 85px;
  }
  .anx-hero-shape-small {
    bottom: 85px;
    left: 75px;
  }
}
/*-------------------------------------------------------------*/
/* SCREEN BELLOW 1440px
/*-------------------------------------------------------------*/

@media  only screen and (max-width: 1439.98px) {
  .anx-erp-box-container {
    column-gap: 25px;
    row-gap: 25px;
  }
  .anx-erp-box {
    flex: 2 2 270px;
  }
  .anx-erp-box-icon{
    margin-bottom: 18px;
  }
  .anx-hrm-benefits {
    gap: 50px;
  }
  .anx-hrm-benefit-item {
    column-gap: 20px;
  }
  .anx-hrm-benefit-list {
    gap: 25px;
  }
  .anx-hr-cta-inner-container {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .anx-account-erp-feature-card-column:not(:last-child) .anx-account-erp-feature-card {
    padding-right: 0;
  }
  .anx-account-erp-feature-card .anx-text-container {
    margin-top: 30px;
  }
  .anx-account-erp-feature-card .anx-title {
    margin-bottom: 20px;
  }
  .anx-pricing-cta-section .anx-cta-section-container .anx-cta-right {top: 0;}
}
/*-------------------------------------------------------------*/
/* SCREEN BELLOW 1400px and AFTER SCREEN 1300px
/*-------------------------------------------------------------*/

@media  only screen and (max-width: 1399.98px) and (min-width: 1300px) {
  .anx-image-container img {
    object-position: 82% 0px;
    max-width: 420px;
  }
}
/*-------------------------------------------------------------*/
/* SCREEN BELLOW 1300px and AFTER SCREEN 1200px
/*-------------------------------------------------------------*/

@media  only screen and (max-width: 1299.98px) and (min-width: 1200px) {
  .anx-image-container img {
    object-position: 81.5% 0px;
    max-width: 534px;
  }
}

/*-------------------------------------------------------------*/
/* SCREEN BELLOW 1300px
/*-------------------------------------------------------------*/
  
@media  only screen and (max-width: 1299.98px) {
  .account-erp-section .feature-box {max-width: calc(54% - 150px);}
  .anx-pharma-erp-counter-section .anx-counter-card-container {
    min-height: 320px;
  }
}

/*-------------------------------------------------------------*/
/* SCREEN BELLOW 1200px
/*-------------------------------------------------------------*/
  
@media  only screen and (max-width: 1199.98px) {
  .pb-80 {
    padding-bottom: 60px;
  }
  .py-80{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-100 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pt-100 {
    padding-top: 80px;
  }

  .pb-100 {
    padding-bottom: 80px;
  }
  .mb-100 {
    margin-bottom: 80px;
  }

  .py-160 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .pt-160 {
    padding-top: 120px;
  }

  .pb-160 {
    padding-bottom: 120px;
  }

  .pt-52 {
    padding-top: 45px;
  }
  .px-67 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .anx-navbar-nav .anx-nav-link.dropdown-toggle::after {
    vertical-align: 0.0em;
  }
  .anx-footer-container {
    gap: 45px;
  }
  .anx-footer-logo{
    margin-bottom: 30px;
  }
  .anx-footer-heading{
    margin-bottom: 25px;
  }
  .anx-footer-list li:not(:last-child) {
    margin-bottom: 10px;
  }
  .anx-footer-bottom {
    margin-top: 45px;
    padding: 20px 0;
  }
  .anx-section-title {
    margin-bottom: 5px;
  }
  .anx-hero-heading {
    margin-bottom: 20px;
  }
  .anx-feature-main-container {
    flex-wrap: wrap;
  }
  .anx-demo-form-modal .anx-modal-body {
    padding: 50px 50px 15px;
  }
  .anx-image-container img {
    object-position: 90% 0px;
  }
  .anx-erp-content-column {
    order: 1;
    margin-top: 30px;
  }
  .anx-trust-offer-badge {
    bottom: -40px;
  }
  .anx-right-bg-dots {
    right: -15%;
  }
  .anx-trust-image-card {
    gap: 20px;
  }
  .anx-trust-first-image {
    margin-top: 50px;
  }
  .anx-trust-feature-list {
    gap: 20px;
    margin: 30px 0 36px;
  }
  .anx-trust-feature {
    flex: 2 1 210px;
  }
  .anx-hero-retail-page-section .anx-hero-column .anx-hero-heading br{display: none;}

  .anx-billing-item.anx-billing-item-row .anx-billing-img {max-height: 260px;}

  .anx-hr-right {gap: 30px;}
  
  .anx-stats-box:not(:last-child) {padding-bottom: 25px;}
  .anx-stats-box:not(:first-child) {padding-top: 25px;}

  .anx-feature-bx:not(:last-child) {margin-bottom: 45px;}

  .anx-feature-bx-title {margin-bottom: 14px;}
  .anx-hr-cta-inner-container {
    border-radius: 25px;
  }

  .anx-hero-shape-large{
    left: -25px;
    bottom: 60px;
  }
  .anx-hero-shape-medium {
    right: 27px;
    top: 33%;
  }
  .anx-hero-shape-small {
    bottom: 50px;
    left: 75px;
  }
  .anx-hero-accounting-page-section .anx-hero-heading br{display: none;}

  .anx-icon-container {
    width: 85px;
    height: 85px;
    padding: 15px;
  }
  .anx-account-erp-feature-card .anx-text-container {
    margin-top: 20px;
  }
  .account-erp-section .container {
    padding: 84px 35px;
  }
  .anx-accounting-erp-cta-container .anx-hr-feature-section-box-icon {
    width: 60px;
    height: 60px;
  }
  .anx-accounting-support-col-1 .anx-section-heading-area {
    padding: 20px 0px 20px 20px;
  }
  .anx-hero-manufacturer-erp-page-section::after {
    top: -322px;
    width: 926px;
    height: 928px;
    -webkit-mask: radial-gradient(circle, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 423px, rgba(0, 0, 0, 1) 429px);
    mask: radial-gradient(circle, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 423px, rgba(0, 0, 0, 1) 429px);
  }
  .anx-weaving-hero-image img {
    max-height: 350px;
  }
  .anx-weaving-pills-wrapper {
    gap: 15px;
    padding: 0 15px;
  }
  .anx-weaving-card {
    padding: 15px 12px 20px;
    min-height: unset;
  }
  .anx-weaving-card .anx-icon {
    width: 55px;
    height: 55px;
  }
  .anx-weaving-card .anx-icon img {
    width: 28px;
    height: 28px;
  }
  .nav-pills-reportTabs .nav-item:not(:last-child) {
    margin-right: 30px;
    padding-right: 30px;
  }
  .anx-report-section .nav-pills-reportTabs {
    margin-top: 30px;
  }
  .anx-weaving-feature-2 .anx-weaving-feature-card {
    padding: 0px;
  }
  .anx-watch-container{
    padding: 42px 15px;
    height: 410px;
  }
  .anx-video-thumbnail-wrapper {
    max-width: 100%;
  }
}


/*-------------------------------------------------------------*/
/* SCREEN AFTER 991px
/*-------------------------------------------------------------*/

@media  only screen and (min-width: 992px) {
  .breadcrumb-area {
    transform: translateY(115px);
  }
}

/*-------------------------------------------------------------*/
/* SCREEN BELLOW 992px
/*-------------------------------------------------------------*/

@media  only screen and (max-width: 991.98px) {
  .py-100 {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .pt-100 {
    padding-top: 70px;
  }

  .pb-100 {
    padding-bottom: 70px;
  }
  .mb-100 {
    margin-bottom: 70px;
  }
  
  .py-160 {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .pt-160 {
    padding-top: 90px;
  }

  .pb-160 {
    padding-bottom: 90px;
  }

  .px-67 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .anx-header::before {
    width: calc(100% - 540px);
  }
  .anx-navbar-brand {
    max-width: 60px;
  }
  .anx-nav-link {
    padding: 8px 0px !important;
  }
  .anx-header-action {
    margin-left: 35px;
  }
  .anx-3d-btn .content {
    padding: 8.3px 50px 8.3px 24.1px;
  }
  .anx-3d-btn:focus .content {
    padding: 8.3px 24.1px 8.3px 50px;
  }
  .anx-3d-btn .icon {
    right: 15px;
  }
  @keyframes arrow {
   0% {
        opacity: 1;
    }

    50% {
        transform: translateX(60px);
        opacity: 0;
    }

    51% {
        transform: translateX(-200px);
        opacity: 0;
    }

    100% {
        transform: translateX(-118px);
        transform: translateX(0px);
        left: 15px;
        opacity: 1;
    }
  }
  .anx-footer-bottom-links a:not(:last-child) {
    margin-right: 25px;
  } 
  
  .anx-hero-column {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .anx-hero-heading {
    margin-bottom: 20px;
  }
  .anx-subtext {
    margin-bottom: 24px;
  }
  .anx-hero-image-area{
    left: 45%;
  }
  .anx-hero-image-area img {
    object-position: 55% 0px;
    height: 100%;
  }
  .anx-demo-form-modal .anx-modal-body {
    padding: 30px 30px 15px;
  }
  .anx-demo-form-modal .anx-modal-title br{
    display: none;
  }
  .anx-demo-form-modal .anx-modal-close-btn {
    margin-top: -16px;
    margin-right: -16px;
  }
  .anx-demo-form-modal .anx-modal-header {
    margin-bottom: 30px;
  }
  .anx-demo-form-modal .anx-modal-footer {
    margin-top: 15px;
  }
  .anx-feature-container {
    flex: 2 2 350px;
  }
  .anx-image-container {
    order: -1;
  }
  .anx-image-container img {
    object-position: 83% 0px;
    max-width: 300px;
  }
  .anx-erp-box-icon {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
  }
  
  .anx-erp-box {
    flex: 2 2 205px;
  }
  
  .anx-hrm-benefits {
    gap: 35px;
    flex-wrap: wrap;
  }
  .anx-hrm-image{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .anx-hrm-image img {
    max-height: 500px;
    width: 100%;
  }
  .anx-hrm-benefit-icon {
    width: 45px;
    height: 45px;
  }
  .anx-hrm-benefit-item {
    column-gap: 15px;
  }
  .anx-benefit-content {
    width: calc(100% - 45px);
  }

  .left-bg-image::before {
    background-position: -460px -45px;
    background-size: 140%;
  }

  .anx-trust-image-column {
    margin: 65px 0 75px;
  }

  .anx-hero-column {
    padding-bottom: 0;
  }
  .anx-feature-bx:not(:last-child) {margin-bottom: 30px;}

  .anx-why-choose .anx-why-image{
    margin-bottom: 30px;
  }
  .anx-why-choose .anx-why-image img{
    max-height: 480px;
  }

  .anx-hero-accounting-page-section .breadcrumb-area {
    transform: translateY(0);
  }
  .anx-hero-shape-large {
    left: -25px;
    bottom: 35px;
  }
  .anx-hero-shape-medium {
    right: 22px;
    top: 38%;
  }
  .anx-hero-shape-small {
    bottom: 37px;
    left: 55px;
  }
  .anx-hero-row{
    padding-top: 16px;
  }
  .account-erp-section .feature-box:nth-child(even) {
    margin-top: 145px;
  }
  .account-erp-section .container{padding: 50px 25px;}
  .account-erp-section .features {
    column-gap: 20px;
    margin-top: 35px;
  }
  .account-erp-section .feature-box:nth-child(odd) {
    margin-left: 40px;
    padding: 20px 20px 20px 55px;
  }
  .account-erp-section .feature-box:nth-child(even) {
    margin-right: 40px;
    padding: 20px 55px 20px 20px;
  }
  .account-erp-section .feature-box .icon {
    width: 45px;
    height: 45px;
    top: -22.5px;
    left: -22.5px;
    padding: 9px;
  }
  .account-erp-section .feature-box:nth-child(even) .icon {
    right: -22.5px;
  }

  .anx-accounting-erp-cta-container {
    padding: 45px 25px;
  }

  .anx-accounting-erp-cta-container .anx-hr-feature-section-box:first-child {
    margin-top: 17px;
  }
  .anx-accounting-erp-cta-container .anx-hr-feature-section-box:last-child {
    margin-bottom: 17px;
  }
  .anx-accounting-erp-cta-section-feature-container {
    padding-left: 17px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    padding-top: 0 !important;
  }
  .anx-accounting-erp-cta-container .anx-hr-feature-section-box{
    margin-bottom: 45px;
    flex: 2 1 320px;
  }
  .anx-accounting-erp-cta-container .anx-hr-feature-section-box:nth-child(even){
    margin-left: 7px;
  }
  .anx-accounting-erp-cta-container .anx-hr-feature-section-box-icon {
    width: 40px;
    height: 40px;
    padding: 5px;
    margin-right: 17px;
    margin-top: 17px;
  }
  .anx-accounting-erp-cta-container .anx-hr-feature-section-box-icon img{
    max-width: 90%;
  }
  .anx-accounting-erp-cta-container .anx-hr-feature-section-box-icon::before {
    top: -16px;
    bottom: -16px;
    left: -16px;
    right: -16px;
  }
  .anx-accounting-erp-cta-container .anx-hr-feature-section-box-icon::after {
    top: -8px;
    bottom: -8px;
    left: -8px;
    right: -8px;
  }
  .anx-hero-pricing-page-section .anx-hero-column {
    padding-top: 20px;
    padding-bottom: 45px;
  }
  .anx-tab-content {
    padding-top: 63px;
  }
  .anx-pricing-card.popular {
    box-shadow: 0px 12px 10px 12px rgba(0, 196, 108, 0.25);
    margin-top: -80px;
    padding: 20px 15px 12px;
  }
  .anx-pricing-card-features li i {
    margin-right: 8px;
    width: 14px;
    font-size: 10px;
    height: 14px;
  }
  .anx-pricing-card-container {
    padding: 20px 15px 12px;
    gap: 15px;
  }
  .anx-pricing-card-container .anx-3d-btn {
    font-size: 12px;
  }
  .anx-pricing-card-container .anx-3d-btn .icon div {
    width: 20px;
    height: 2px;
  }
  .anx-pricing-card-container .anx-3d-btn .icon div::before, 
  .anx-pricing-card-container.anx-3d-btn .icon div::after {
    width: 12px;
    height: 2px;
  }
  .anx-pricing-card-container .anx-3d-btn .content {
    padding: 8.3px 45px 8.3px 20.1px;
  }
  .anx-pricing-card-tag {
    margin: 10px 0;
  }
  .anx-pricing-card-tag-subtext {
    margin: 0 0 15px;
  }
  .anx-pricing-card-features li {
    margin-bottom: 7px;
  }
  .anx-pricing-card .anx-btn-area {
    margin-top: 25px;
  }

  .anx-accounting-support-wrap .people {
    width: 90px;
    height: 90px;
  }

  .anx-accounting-support-wrap .people-1 {
    bottom: -416px;
    left: -173px;
  }

  .anx-accounting-support-wrap .people-2 {
    width: 60px;
    height: 60px;
  }

  .anx-accounting-support-wrap .people-3 {
    width: 185px;
    height: 185px;
  }

  .anx-accounting-support-col-1 .anx-section-heading-area {
    padding: 20px 0px 20px 0px;
  }

  .anx-accounting-support-wrap .circle-0 {
    width: 120px;
    height: 120px;
  }
  .anx-accounting-support-wrap .circle-1 {
    width: 240px;
    height: 240px;
  }
  .anx-accounting-support-wrap .circle-2 {
    width: 360px;
    height: 360px;
  }
  .anx-accounting-support-wrap .circle-3 {
    width: 480px;
    height: 480px;
  }
  .anx-accounting-support-wrap .circle-4 {
    width: 600px;
    height: 600px;
  }
  .anx-accounting-support-wrap .people-3 {
    width: 114px;
    height: 114px;
    top: 43px;
  }
  .anx-accounting-support-wrap .people-1 {
    bottom: -361px;
    left: -173px;
  }
  .anx-accounting-support-wrap .people-2 {
    top: 204px;
    right: -90px;
  }
  .anx-hero-manufacturer-erp-page-section::after {
    top: -267px;
    width: 730px;
    height: 740px;
    -webkit-mask: radial-gradient(circle, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 330px, rgba(0, 0, 0, 1) 335px);
    mask: radial-gradient(circle, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 330px, rgba(0, 0, 0, 1) 335px)
  }

  .anx-get-in-touch-section .anx-common-card-area-wrap {
    padding: 30px 20px 0;
  }

  .anx-common-cta-form {
    padding: 30px 25px 6px;
  }

  .anx-common-cta-form ::placeholder {
    font-size: 16px;
  }

  .anx-common-cta-form label {
    font-size: 18px;
  }

  .erp-feature-box .title {
    line-height: 35px;
  }
  .anx-pricing-cta-section .anx-cta-section-container .anx-cta-right {max-width: 68%;}
  .anx-weaving-feature-card {
    gap: 15px;
    padding: 15px;
  }
  .anx-weaving-feature-card-title {margin-bottom: 15px;}
  .anx-weaving-feature-card-icon {
    width: 50px;
    height: 50px;
    margin: 8px 0 0 8px;
  }
  .anx-weaving-feature-card-icon::before{
    margin: -8px 0 6px -8px;
  }
  .anx-production-section .anx-content .anx-desc {
    line-height: 1.5;
    margin-bottom: 15px;
  }
  .anx-production-section .anx-content .anx-feature-list li {
    line-height: 1.4;
    margin-bottom: 10px;
  }
  .anx-report-section .anx-report-image-col::before {
    top: 42%;
    bottom: auto;
    left: 15px;
    right: 15px;
    height: 120px;
    transform: translateX(0);
    background: linear-gradient(90deg, rgba(0, 196, 108, 0) 0%, #00C46C 50%, rgba(0, 196, 108, 0) 100%);
    width: unset;
  }
  .anx-report-section .anx-report-image {
    padding: 35px 0 0;
  }
  .anx-report-section .nav-pills-reportTabs {
    margin-top: 15px;
    margin-bottom: 30px;
  }
  .nav-pills-reportTabs .nav-item:not(:last-child) {
    margin-right: 15px;
    padding-right: 15px;
  }
  .reportTabs-desc{
    margin-bottom: 20px;
  }
  .anx-report-section .anx-report-image img {
    max-height: 360px;
  }
  .dropdown.anx-nav-item .anx-nav-link + .dropdown-menu {
    left: -100%;
  }
  .anx-counter-bx {
    flex: 4 4 125px;
  }
  .anx-counter-title {
    letter-spacing: -10px;
  }
  .anx-about-trust-section .anx-counter-bx {
    max-width: 100%;
  }
  .anx-features-section-pharma-page .anx-hr-feature-section-image-container img {
    max-height: 450px;
  }
  .anx-form-wrapper {
    padding: 25px 15px 15px 0;
  }
  .anx-form-wrapper .anx-section-subtitle br{display: none;}
  .anx-select,
  .anx-input.anx-select,
  .anx-input {
    height: 42px;
  }
  textarea.anx-input{
    height: auto;
  }
  .anx-form-section-container {
    padding: 20px 15px 20px 15px;
    border-radius: 12px;
  }
  .anx-information-wrapper {
    border-radius: 12px;
    min-height: 580px;
    padding: 40px 15px;
  }
  .pt-80 {
    padding-top: 50px;
  }
  .anx-circle-wrap {
    width: 274px;
    height: 274px;
    margin: 41px 0 36px auto;
  }
  .anx-circle-chart {
    padding: 10px;
  }
  .anx-circle-inner {
    padding: 25px;
  }
  .anx-circle-inner::before {
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
  }
  .anx-circle-label-annex {
    bottom: -35px;
  }
  .anx-circle-chart::before {
    bottom: 63.75px;
    left: 6.759%;
    border-width: 6px;
  }
  .anx-circle-chart::after {
    right: 126px;
    border-width: 6px;
  }
  .anx-progress-block {
    margin-bottom: 35px;
  }

  .anx-progress-text {
    margin-bottom: 35px;
  }
  .anx-progress-percent {
    top: -30px;
    font-size: 10px;
    padding: 3px 10px;
    border-radius: 5px;
  }
  .anx-thumbnail-title,
  .anx-video-thumbnail-wrapper .btn-area {
    margin-bottom: 40px;
  }
  .anx-play-btn {
    width: 70px;
    height: 70px;
  }
  .anx-play-btn i {
    font-size: 38px;
    margin-left: 5px;
  }
  .anx-thumbnail-logo-wrapper::before {
    height: 50px;
  }
  .anx-thumbnail-logo-wrapper .hrm-logo,
  .anx-thumbnail-logo-wrapper .erp-logo {
    max-width: 180px;
  }
  .anx-watch-container{height: 345px;}
}

/*-------------------------------------------------------------*/
/* SCREEN AFTER 768px AND SCREEN BELLOW 992px
/*-------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .breadcrumb-area {
    transform: translateY(55px);
  }
  .anx-about-trust-section .anx-counter-container {
    border-left: 1px solid #6a6a6ae3;
    border-top: none;
  }
}

/*-------------------------------------------------------------*/
/* SCREEN BELLOW 876px
/*-------------------------------------------------------------*/

@media only screen and (max-width: 875.98px) {
  .account-erp-section .feature-box {
    max-width: calc(56% - 100px);
  }
}

/*-------------------------------------------------------------*/
/* SCREEN BELLOW 768px
/*-------------------------------------------------------------*/

@media only screen and (max-width: 767.98px) {
  .left-bg-image::before {
    background-position: -350px 0;
    background-size: 180%;
  }
  .py-100 {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .pt-100 {
    padding-top: 55px;
  }

  .pb-100 {
    padding-bottom: 55px;
  }
  .mb-100 {
    margin-bottom: 55px;
  }

  .py-160 {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .pt-160 {
    padding-top: 70px;
  }

  .pb-160 {
    padding-bottom: 70px;
  }

  .py-60 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .pt-60 {
    padding-top: 45px;
  }
  .pb-60 {
    padding-bottom: 45px;
  }
  .pb-80 {
    padding-bottom: 50px;
  }
  .py-80{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .px-67 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .anx-header::before {
    width: calc(100% - 95px);
    display: none;
  }
  .anx-offcanvas-body {
    padding-left: 35px;
  }
  .anx-offcanvas.offcanvas-start .anx-offcanvas-body {
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x) var(--bs-offcanvas-padding-y) 35px;
  }
  .anx-offcanvas .anx-navbar-brand {
    max-width: 50px;
  }
  .anx-offcanvas .anx-nav-item{
    margin-right: 0 !important;
    margin-left: 30px;
  }
  .anx-demo-form-modal .anx-modal-body {
    padding: 25px 15px 10px;
  }
  .anx-demo-form-modal .anx-modal-close-btn {
    margin-top: -12px;
    margin-right: -2px;
  }
  .anx-demo-form-modal .anx-btn {
    font-size: 16px;
  }
  .anx-demo-form-modal .anx-modal-bg img {
    object-position: -10px 0;
  }
  

  .anx-offcanvas .anx-nav-item .anx-nav-link{position: relative;}
  .anx-offcanvas .anx-nav-item .anx-nav-link::before{
    content: '';
    background-image: url(../images/icons/anx-sidebar-icon-gray.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 2.5px -26px;
    transition: all 0.3s ease-in-out;
    width: 22px;
    height: 22px;
    position: absolute;
    left: -27px;
    top: 50%;
    transform: translateY(-50%);
  }
  .anx-offcanvas .anx-nav-item .anx-nav-link:hover:before,
  .anx-offcanvas .anx-nav-item .anx-nav-link.active::before{
    background-image: url(../images/icons/anx-sidebar-icon-green.svg);
  }
  .anx-offcanvas .anx-nav-item:nth-child(2) .anx-nav-link::before{background-position: 2.5px 3px;}
  .anx-offcanvas .anx-nav-item:nth-child(3) .anx-nav-link::before{background-position: 2.5px -55px;}
  .anx-offcanvas .anx-nav-item:nth-child(4) .anx-nav-link::before{background-position: 1.5px -95px;background-size: 20px;}
  .anx-offcanvas .anx-nav-item:nth-child(5) .anx-nav-link::before{background-position: 2.5px -115px;}
  .anx-offcanvas .anx-nav-item:nth-child(6) .anx-nav-link::before{background-position: 2.5px -145px;}

  .anx-navbar-nav .anx-nav-link.dropdown-toggle::after{float: right;}
  .dropdown.anx-nav-item .anx-nav-link + .dropdown-menu {
    margin-bottom: 15px;
    margin-left: 0;
    list-style: none;
    border: none;
    padding: 20px;
    margin-top: 5px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  }
  .dropdown.anx-nav-item>.dropdown-menu .dropdown-submenu>.dropdown-menu{display: none;}
  .dropdown.anx-nav-item>.dropdown-menu .dropdown-submenu>.dropdown-menu.show{display: block;}
  .anx-nav-item>.dropdown-menu .dropdown-submenu {display: block;margin-bottom: 16px;}
  .dropdown-submenu .dropdown-toggle::after {
      content: "\f107";
  }
  .dropdown-submenu:hover .dropdown-toggle::after, 
  .dropdown-submenu .dropdown-toggle.show::after, 
  .dropdown-submenu.active .dropdown-toggle::after{
      content: "\f106";
  }
  .anx-nav-item .anx-nav-link + .dropdown-menu > li > a:not(.dropdown-submenu > li > a) {
    margin-bottom: 12px;
    font-size: 16px;
    width: auto;
  }
  .dropdown.anx-nav-item>.dropdown-menu .dropdown-submenu>.dropdown-menu::before {
    top: -12.5px;
    bottom: -7px;
    left: 0;
  }
  .anx-nav-item .anx-nav-link + .dropdown-menu > li:hover > .dropdown-toggle,
  .anx-nav-item .anx-nav-link + .dropdown-menu > li > .dropdown-toggle.show,
  .anx-nav-item .anx-nav-link + .dropdown-menu > li.active > .dropdown-toggle {
    width: auto;
  }
  .dropdown.anx-nav-item>.dropdown-menu .dropdown-submenu>.dropdown-menu.show,
  .dropdown.anx-nav-item>.dropdown-menu .dropdown-submenu:hover>.dropdown-menu {
    padding-left: 10px;
  }
  .dropdown.anx-nav-item>.dropdown-menu .dropdown-submenu>.dropdown-menu li a{
    text-wrap: auto;
  }
  .breadcrumb-item .current,
  .breadcrumb-item span,
  .breadcrumb-item a{
    font-size: clamp(0.8125rem, 1.5vw, 1.5rem);
  }
  .breadcrumb .breadcrumb-item+.breadcrumb-item:after,
  .breadcrumb-item+.breadcrumb-item::before{width: 7px;height: 7px;border-width: 1px;}
  .breadcrumb .breadcrumb-item+.breadcrumb-item {margin-left: 18px;padding-left: 5px;}
  .breadcrumb .breadcrumb-item+.breadcrumb-item:after {left: -14px;}

  .anx-nav-item>.dropdown-menu .dropdown-submenu {
    max-height: 100%;
  }
  
  .anx-header-action {
    margin-left: auto;
  }
  .anx-cta-input {
    padding: 15px 255px 15px 25px;
    height: 68px;
  }
  .anx-cta-title {
    margin-bottom: 8px;
  }
  .anx-footer-container {
    gap: 25px;
  }
  .anx-footer-bottom {
    margin-top: 25px;
    padding: 15px 0;
    column-gap: 35px;
    row-gap: 10px;
    justify-content: center;
  }
  .anx-footer-bottom-links a:not(:last-child) {
    margin-right: 15px;
  }
  .anx-footer-heading {
    margin-bottom: 15px;
  }
  .anx-footer-links {
    gap: 20px;
  }
  .anx-footer-heading {
    margin-bottom: 10px;
  }
  .anx-footer-list li:not(:last-child) {
    margin-bottom: 7px;
  }
  .anx-hero-image-area {
    position: unset;
  }
  .anx-hero-image-area img {
    object-position: top;
    height: auto;
    max-height: 330px;
    width: auto;
    margin: 0 auto;
  }
  .anx-hero-column {
    padding-top: 20px;
    padding-bottom: 0px;
  }
  .anx-image-container {
    flex: 1 1 100%;
  }

  .anx-image-container img {
    object-position: unset;
    max-width: 100%;
    max-height: 400px;
  }
  .anx-hero-retail-page-section .anx-hero-image-column {
    margin: 45px 0 20px;
  }
  .anx-billing-item.anx-billing-item-row .anx-billing-img {max-height: 180px;}
  .anx-hr-right {gap: 20px;}

  .anx-hr-feature-section-container {padding-top: 30px;}

  .anx-hr-feature-section-box .anx-hr-feature-section-box-content {width: calc(100% - 69px);}
  .anx-hr-feature-section-box {gap: 18px;margin-bottom: 25px;}
  .anx-hr-feature-section-box-title {margin-bottom: 8px;}
  .anx-hr-feature-section-box-icon {width: 50px;height: 50px;padding: 8px;}

  .anx-hr-cta-inner-container {
    padding: 30px 15px;
    max-width: calc(100% - 30px);
    border-radius: 15px;
  }
  .anx-hero-accounting-page-section .anx-hero-column {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .anx-hero-accounting-page-section .anx-hero-image-column{
    position: relative;
    right: unset;
    left: unset;
    bottom: unset;
  }
  .anx-hero-accounting-page-section.anx-bg-wave-img{padding-bottom: 0;}
  .anx-hero-accounting-page-section.anx-bg-wave-img::before{display: none;}
  .anx-hero-accounting-page-section .anx-hero-image-column::before {
    position: absolute;
    top: 0;
    bottom: -15px;
    left: 0;
    right: 0;
    z-index: -1;
    content: '';
    background: url(../images/backgrounds/annex-hero-wave-bg.svg) no-repeat !important;
    background-position: 0px 100% !important;
    background-size: 100% !important;
  }
  .anx-hero-shape-large {
    bottom: 25px;
  }
  .anx-hero-shape-small {
    bottom: 0;
    left: 55px;
  }
  
  .anx-hero-shape-medium {
    right: 15px;
    top: 9%;
    width: 80px;
    height: 80px;
  }
  .anx-account-erp-feature-card .anx-text-container {
    margin-top: 15px;
  }
  .anx-account-erp-feature-card .anx-title {
    margin-bottom: 15px;
  }
  .account-erp-section .feature-box {
    max-width: 80%;
  }
  .feature-box::before,
  .feature-box:not(:last-child)::before {display: none; }
  .account-erp-section .feature-box:nth-child(even) {
    margin-left: 40px;
    margin-top: 70px;
    margin-right: 0;
  }
  .account-erp-section .feature-box:nth-child(odd):not(:first-child) {
    margin-top: 70px;
  }
  .anx-performance-tracking-right-image-column .anx-performance-tracking-right-image {max-height: 380px;}
  .anx-accounting-erp-cta-container .anx-hr-feature-section-box{flex: 2 1 228px;}
  .anx-accounting-erp-cta-container .anx-hr-feature-section-box:nth-child(even){margin-left: 0px;}

  .anx-hero-pricing-page-section .anx-hero-column {padding-top: 0;padding-bottom: 25px;}
  .anx-tab-content {
    padding-top: 15px;
  }
  .anx-pricing-card-container {
    gap: 30px;
    flex-wrap: wrap;
    justify-content: start;
  }
  .anx-pricing-card {
    width: 100%;
  }
  .anx-pricing-card.popular {
    margin-top: 0;
    box-shadow: 0px 7px 18px 8px rgba(0, 196, 108, 0.25);
  }
  .anx-nav-pills-link {
    padding: 8px 28px 7px;
  }
  .anx-accounting-support-wrap .anx-image-area {
    margin: 0 0 0 0;
  }
  .anx-accounting-support-wrap .elips {
    width: 10px;
    height: 10px;
  }
  .anx-hero-manufacturer-erp-page-section::after {
    top: -267px;
    width: 640px;
    height: 667px;
    -webkit-mask: radial-gradient(circle, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 291px, rgba(0, 0, 0, 1) 294px);
    mask: radial-gradient(circle, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 291px, rgba(0, 0, 0, 1) 294px);
  }

  .erp-feature-box .title {
    line-height: 30px;
  }
  .anx-pricing-cta-section .anx-cta-section-container .anx-cta-left {max-width: 48%;}
  .anx-pricing-cta-section .anx-cta-section-container {
    padding: clamp(35px, 4vw, 65px) clamp(15px, 2.5vw, 38px) clamp(30px, 4vw, 65px);
  }
  .anx-pricing-cta-section .anx-cta-section-container .anx-cta-right {max-width: 66%;bottom: -155px;}
  .anx-pricing-cta-section .anx-cta-section-container .anx-cta-right img{object-position: 0 0;}

  .anx-weaving-hero-image img {max-height: 250px;}
  .anx-weaving-hero-image {margin-top: 10px;}

  .anx-production-section .anx-img-wrapper img {max-height: 418px;}

  .anx-weaving-card {
    flex: 1 1 31%;
    min-width: unset;
    border-radius: 12px;
  }
  .anx-weaving-card .anx-icon {
    width: 42px;
    height: 42px;
    margin-bottom: 10px !important;
    border-width: 1px;
  }
  .anx-weaving-card .anx-icon img {
    width: 20px;
    height: 20px;
  }
  .anx-weaving-card .anx-card-title {
    font-size: 1rem;
    font-size: clamp(1rem, 2vw, 1.75rem);
    margin-bottom: 10px;
  }
  .anx-weaving-card .anx-card-text {
    font-size: 12px;
    font-size: clamp(12px, 1.5vw, 1.125rem);
    line-height: 1.5;
    font-weight: 600;
  }
  .anx-weaving-tab-content-wrapper {
    margin-bottom: -35px;
  }
  .anx-weaving-tab-pane-wrapper img {
    border-radius: 12px;
    max-height: 250px;
  }
  .anx-weaving-card:hover, .anx-weaving-card.active {
    transform: translateY(-25px);
  }
  .anx-report-section .anx-report-image {
    padding: 25px 0 0;
  }
  .anx-report-section .anx-report-image img {
    max-height: 290px;
    box-shadow: 0px 2.13px 17.83px 0px rgba(0, 0, 0, 0.15), -1.25px -2.13px 17.83px 0px rgba(0, 0, 0, 0.15);
  }
  .anx-report-section .anx-report-image-col::before {
    top: 44%;
    height: 75px;
  }
  .anx-report-section .nav-pills-reportTabs {
    margin-top: 5px;
    margin-bottom: 25px;
  }
  .reportTabs-desc {
    margin-bottom: 15px;
  }
  .reportTabs-list {
    padding-left: 1.5rem;
  }
  .anx-vision-mission-section .anx-about-us-column{order: -1;}
  .anx-vision-mission-section .anx-counter-card-main-container {
    border-right: none;
    border-bottom: 1px solid rgba(106, 106, 106, 0.607);
    padding: 15px 0 0;
  }
  .anx-vision-mission-section .anx-counter-card {
    padding: 20px 0px 20px 0;
  }
  .anx-vision-mission-section .anx-counter-card-container .anx-counter-card .card-image img {
    max-height: 40px;
    max-width: 40px;
  }
  .anx-counter-title {
    letter-spacing: -5px;
    margin-bottom: 5px;
  }
  .anx-about-trust-section .anx-counter-container {
    border-bottom: 1px solid #6a6a6ae3;
    border-top: none;
  }
  .anx-hero-pharma-page-section .anx-hero-image-column {
    margin: 0px 0 20px;
  }
  .anx-pharma-erp-counter-section .anx-counter-card-container {
    min-height: auto;
  }
  .anx-pharma-erp-counter-section .anx-counter-card-container .right-wave{
    animation: zoom 2s linear 0.75s infinite;
  }
  .anx-pharma-erp-counter-section .anx-counter-card-container:hover .right-wave {
    height: 320px;
    width: 320px;
  }
  .anx-pharma-erp-counter-section .anx-counter-card-container:hover .right-wave:nth-child(2) {
    height: 250px;
    width: 250px;
  }
  .anx-pharma-erp-counter-section .anx-counter-card-container:hover .right-wave:nth-child(3) {
    width: 180px;
    height: 180px;
  }
  .anx-pharma-erp-counter-section .anx-counter-card-container .card-text {
    transform: translateY(0);
    margin-top: 0;
  }
  .anx-features-section-pharma-page .anx-hr-feature-section-image-container img {
    max-height: 400px;
  }
  .anx-desktop-card .anx-hr-feature-section-container {
      row-gap: 20px;
  }
  .anx-info-shape img {
    max-width: 350px;
  }
  .anx-info-shape {
    bottom: -40px;
    right: -45px;
  }
  .anx-information-wrapper {
      min-height: 490px;
  }
  .pt-80 {
    padding-top: 25px;
  } 
  .anx-hero-contact-page {
    padding-bottom: 175px;
  }
  .anx-progress-section .anx-section-heading-area{
    order: 1;
  }
  .anx-circle-wrap {
    width: 274px;
    height: 274px;
    margin: 41px auto 56px auto;
  }
  .anx-circle-chart {
    padding: 10px;
  }
  .anx-circle-inner {
    padding: 25px;
  }
  .anx-circle-inner::before {
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
  }
  .anx-circle-label-annex {
    bottom: -35px;
  }
  .anx-circle-chart::before {
    bottom: 63.75px;
    left: 6.759%;
    border-width: 6px;
  }
  .anx-circle-chart::after {
    right: 126px;
    border-width: 6px;
  }
  .anx-progress-block {
    margin-bottom: 35px;
  }

  .anx-progress-text {
    margin-bottom: 35px;
  }
  .anx-progress-percent {
    top: -30px;
    font-size: 10px;
    padding: 3px 10px;
    border-radius: 5px;
  }
  .anx-thumbnail-logo-wrapper {
    gap: 60px;
  }
  .anx-watch-container {height: 325px;}
}
/*-------------------------------------------------------------*/
/* SCREEN BELLOW 668px
/*-------------------------------------------------------------*/
@media screen and (max-width: 667px) {
  .anx-hero-manufacturer-erp-page-section::after {
    top: -222px;
    width: 546px;
    height: 574px;
    -webkit-mask: radial-gradient(circle, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 243px, rgba(0, 0, 0, 1) 248px);
    mask: radial-gradient(circle, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 243px, rgba(0, 0, 0, 1) 248px);
  }

}
/*-------------------------------------------------------------*/
/* SCREEN BELLOW 576px
/*-------------------------------------------------------------*/

@media only screen and (max-width: 575.98px) {
  .anx-demo-form-modal .col-12 + .col-12 p .wpcf7-spinner {top: 60%;}
  .left-bg-image {position: unset;}
  .left-bg-image::before {display: none;}
  .py-100 {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .pt-100 {
    padding-top: 45px;
  }

  .pb-100 {
    padding-bottom: 45px;
  }
  .mb-100 {
    margin-bottom: 45px;
  }

  .py-160 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pb-80 {
    padding-bottom: 35px;
  }
  .py-80{
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .pt-160 {
    padding-top: 50px;
  }

  .pb-160 {
    padding-bottom: 50px;
  }

  .py-60 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .pt-60 {
    padding-top: 40px;
  }
  .pb-60 {
    padding-bottom: 40px;
  }
  .px-67 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .anx-header {
    padding: 15px 0;
  }
  .anx-navbar-brand {
    max-width: 45px;
  }

  .offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl{--bs-offcanvas-width: 85%;}

  .anx-offcanvas-header .anx-navbar-brand img {max-height: 35px;}

  .anx-offcanvas-body {padding-left: 28px;}

  .anx-offcanvas.offcanvas-start .anx-offcanvas-body {padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x) var(--bs-offcanvas-padding-y) 28px;}

  .anx-cta-input {
    padding: 8px 80px 8px 25px;
    height: auto;
    line-height: 3.6rem;
  }
  .anx-demo-form-modal .row {
    --bs-gutter-x: 15px;
  }
  .anx-input{text-overflow: ellipsis;}
  .anx-input::placeholder{text-overflow: ellipsis;}
  .anx-demo-form-modal .anx-modal-bg {
    position: unset;
  }
  .anx-demo-form-modal .anx-modal-title br{
    display: block;
  }
  .anx-demo-form-modal .anx-modal-body {
    padding: 25px 15px 15px;
    max-width: 100%;
    margin-top: -5px;
    position: unset;
  }
  .anx-demo-form-modal .anx-modal-close-btn {
    margin-top: 0;
    margin-right: 0;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
  }
  .anx-demo-form-modal .anx-modal-bg img {
    object-position: left center;
  }
  .anx-demo-form-modal .anx-btn {
    margin-top: 10px;
  }
  .anx-demo-form-modal .anx-modal-header {
    margin-bottom: 25px;
  }
  .anx-demo-form-modal .anx-modal-bg {
    position: unset;
    margin-top: 25px;
    max-height: 345px;
  }
  
  .anx-footer-bottom {
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  /* scroll top btn */
  .anx_scroll_top {width: 40px;height: 40px;right: 20px;}
  .anx_scroll_top.show{bottom: 20px;}
  .anx_scroll_top img {width: 19px;height: 19px;}

  /* news leater btn */
  .anx-news-latter-btn .bg,
  .anx-news-latter-btn .wrap{
    display: none;
  }
  .anx-news-latter-btn .anx-dove-icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: url(../images/gif/dove.png) no-repeat center / cover;
    line-height: 0;
    font-size: 0;
    transition: all 0.4s ease;
    display: block;
  }
  .anx-news-latter-btn:hover .anx-dove-icon{
    background: url(../images/gif/dove.gif) no-repeat center / cover;
  }
  .anx-cta-btn-container {
    position: absolute;
    top: 54.1%;
    right: 12px;
    transform: translateY(-50%);
  }
  .anx-feature-box {
    padding: 20px 4px;
    gap: 15px;
  }
  .anx-feature-icon {
    width: 40px;
    height: 40px;
  }
  .anx-feature-icon img {
    width: 25px;
    height: 23px;
  }
  .anx-hrm-benefits {
    gap: 25px;
  }
  .anx-hrm-benefit-list {
    gap: 20px;
  }
  .anx-hrm-benefit-icon {
    width: 40px;
    height: 40px;
  }
  .anx-benefit-content {
    width: calc(100% - 40px);
  }
  .anx-trust-image-column {
    margin: 30px 0 50px;
  }
  .anx-right-bg-dots {
    right: -9%;
  }
  .anx-trust-first-image {
    margin-top: 40px;
  }
  .anx-trust-offer-badge {
    padding: 15px;
    bottom: -25px;
  }
  .anx-trust-feature-list {
    gap: 15px;
    margin: 25px 0 31px;
  }
  
  .anx-trust-feature span{
    width: calc(100% - 40px);
  }
  .anx-trust-feature-icon {
    width: 40px;
    height: 40px;
  }
  .anx-trust-feature-icon img {
    width: 23px;
    height: 23px;
  }
  .anx-counter-card {
    padding: 20px;
  }
  .anx-billing-item.anx-billing-item-row {
    flex-wrap: wrap;
  }
  .anx-billing-desc {
    line-height: 1.6;
  }
  .anx-billing-item.anx-billing-item-row:nth-child(odd) .anx-billing-item-content {
    order: 0;
  }
  .anx-cta-section-inner-container {
    flex-wrap: wrap;
  }
  .anx-cta-left {
    order: 1;
    margin-top: 30px;
  }
  .anx-hr-right {flex-wrap: wrap;gap: 35px;}
  .anx-hr-right .anx-stats{
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .anx-stats-box:not(:last-child) {
    padding-bottom: 0px;
    padding-right: 20px;
  }
  .anx-stats-box:not(:first-child) {
    padding-top: 0px;
    padding-left: 20px;
  }
  .anx-stats-box:not(:last-child)::before {
    height: 85%;
    width: 1px;
    bottom: 7.5%;
    top: 7.5%;
    left: auto;
    right: 0;
    opacity: 0.7;
  }

  .anx-hr-cta-image {
    position: unset;
    margin-bottom: 30px;
  }
  .anx-hr-cta-image img {
    max-height: 380px;
  }
  .anx-hero-row{
    padding-top: 10px;
  }

  .anx-icon-container {
    width: 65px;
    height: 65px;
  }
  .anx-account-erp-feature-card .anx-text-container {
    margin-top: 10px;
  }
  .anx-account-erp-feature-card .anx-title {
    margin-bottom: 10px;
  }
  .anx-hero-heading {
    margin-bottom: 8px;
  }
  .account-erp-section .container {
    padding: 40px 15px;
  }
  .account-erp-section .feature-box .icon::before {
    top: -16px;
    bottom: -16px;
    left: -16px;
    right: -16px;
  }
  .account-erp-section .feature-box .icon::after {
    top: -8px;
    bottom: -8px;
    left: -8px;
    right: -8px;
  }
  .account-erp-section .feature-box:nth-child(odd) {
    padding: 20px 20px 20px 38px;
    margin-left: 35px;
  }
  .account-erp-section .feature-box:nth-child(odd):not(:first-child) {
    margin-top: 55px;
  }
  .account-erp-section .feature-box:nth-child(even) {
    padding: 20px 38px 20px 20px;
    margin-left: 35px;
    margin-top: 55px;
  }
  .anx-accounting-erp-cta-container {
    padding: 40px 15px;
  }
  .anx-accounting-erp-cta-container .anx-hr-feature-section-box{
    margin-bottom: 30px;
  }
  .anx-accounting-erp-cta-container .anx-hr-feature-section-box-icon {
    width: 35px;
    height: 35px;
  }
  .anx-accounting-erp-cta-container .anx-hr-feature-section-box:first-child {
    margin-top: 0;
  }
  .anx-accounting-erp-cta-container .anx-hr-feature-section-box:last-child {
    margin-bottom: 0px;
  }
  .anx-erp-box {
    flex: 2 2 130px;
  }

  .anx-accounting-support-wrap .circle-container {
    height: 360px;
  }
  .anx-accounting-support-wrap .circle-1 {
    width: 180px;
    height: 180px;
  }
  .anx-accounting-support-wrap .circle-2 {
    width: 240px;
    height: 240px;
  }
  .anx-accounting-support-wrap .circle-3 {
    width: 300px;
    height: 300px;
  }
  .anx-accounting-support-wrap .circle-4 {
    width: 360px;
    height: 360px;
  }
  .anx-accounting-support-wrap .people-3 {
    top: 13px;
  }
 .anx-accounting-support-wrap .people-1 {
    bottom: -215px;
    left: -115px;
    width: 65px;
    height: 65px;
  }
  .anx-accounting-support-wrap .people-2 {
    top: 187px;
    right: -70px;
    width: 45px;
    height: 45px;
  }
  .anx-hero-manufacturer-erp-page-section::after {
    content: "";
    position: absolute;
    top: -130px;
    left: 50%;
    transform: translateX(-50%);
    width: 459px;
    height: 446px;
    border-radius: 50%;
    background: linear-gradient(to bottom, #ffffff 0%, #b0ffdb 30%, #0af289 45%, #4cde9cf5 60%, #ecfff6 80%, #ffffff 100%);
    background-clip: border-box;
    -webkit-mask: radial-gradient(circle, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 199px, rgba(0, 0, 0, 1) 202px);
    mask: radial-gradient(circle, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 199px, rgba(0, 0, 0, 1) 202px);
    z-index: -1;
  }

  .anx-common-card-area-wrap {
    padding: 25px 15px;
  }

  .anx-get-in-touch-section .anx-common-card-area-wrap {
    padding: 25px 5px 0;
  }

  .contact-details p a,
  .contact-details p {
    line-height: 11px;
  }

  .anx-3d-btn .content {
    padding: 6.3px 50px 5.3px 24.1px;
  }

  .anx-3d-btn {
    font-size: 16px;
  }

  .anx-3d-btn .icon div {
    width: 22px;
  }

  .anx-3d-btn .icon div::before,
  .anx-3d-btn .icon div::after {
    width: 12px;
  }

  .anx-common-cta-form {
    padding: 20px 17px 9px;
  }

  .anx-common-cta-form input,
  .anx-common-cta-form textarea {
    min-height: 42px;
    padding: 4px 15px;
    height: auto;
  }

  .anx-common-cta-form ::placeholder {
    font-size: 15px;
  }

  .anx-common-cta-form label {
    font-size: 16px;
    line-height: 26px;
  }

  .erp-feature-box .icon {
    padding: 10px;
  }

  .erp-feature-box .title {
    line-height: 30px;
  }
  .anx-pricing-cta-section .anx-cta-section-container {
    padding: clamp(25px, 4vw, 65px) clamp(15px, 2.5vw, 38px) clamp(20px, 4vw, 65px);
  }
  .anx-pricing-cta-section .anx-cta-section-container .anx-cta-left {max-width: 100%;margin-top: 0;}
  .anx-pricing-cta-section .anx-cta-section-container .anx-cta-right {
    max-width: 100%;
    position: unset;
  }
  .anx-pricing-cta-section .anx-cta-section-container .anx-cta-right img {
    max-height: 320px;
    width: auto;
  }
  .anx-production-section .anx-content .anx-feature-list{padding-left: 1.5rem;}

  /*-------------------------------------------------------------*/
  /* 37. ANX weaving section ------------> Weaving PAGE CSS
  /*-------------------------------------------------------------*/
  .anx-weaving-tab-content-wrapper {margin-bottom: 0;}
  .anx-weaving-tab-content-wrapper{z-index: 0;}
  .anx-weaving-tab-content-wrapper>.anx-weaving-tab-pane-wrapper {
      display: block;
      opacity: 1;
  }
  .anx-weaving-tab-pane-wrapper.accordion-item{
    border-radius: 12px;
    border: 2px solid #2F845E;
    margin-bottom: 25px;
  }
  .anx-weaving-tab-pane-wrapper.accordion-item:last-child{margin-bottom: 0;}
  .anx-weaving-tab-pane-wrapper.accordion-item .accordion-collapse img {
    border-radius: 0;
  }
  .anx-weaving-tab-pane-wrapper.accordion-item .accordion-collapse {
      padding: 15px 12px;
      background: #EEFFF7;
      border-bottom-right-radius: 13px;
      border-bottom-left-radius: 13px;
  }
  .anx-weaving-tab-content-wrapper .anx-weaving-card{border-radius: 9px;}
  .anx-weaving-card:not(.collapsed), 
  .anx-weaving-card:hover, 
  .anx-weaving-card.active {
      transform: translateY(0);
      background: #2F845E;
  }
  .anx-weaving-card:not(.collapsed){
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      box-shadow: none;
  }
  .anx-weaving-card:not(.collapsed) .anx-card-text,
  .anx-weaving-card:not(.collapsed) .anx-card-title{
      color: var(--anx-white);
  }
  .anx-desktop-card .anx-hr-feature-section-container .anx-hr-feature-section-box {
    flex: 2 2 100%;
  }
  .anx-features-section-pharma-page .anx-hr-feature-section-image-container img {
    max-height: 350px;
  }
  .anx-form-section-container {
    padding: 20px 15px 20px 15px;
    border-radius: 12px;
  }
  .anx-information-wrapper {
    border-radius: 12px;
    min-height: 490px;
    padding: 30px 15px;
  }
  .anx-form-wrapper {
    padding: 30px 0px 15px;
  }
  .anx-options-card .bi {
    width: 48px;
    height: 38px;
  }
  .anx-play-btn {
    width: 40px;
    height: 40px;
  }
  .anx-play-btn i {
    font-size: 22px;
    margin-left: 3px;
  }
  .anx-thumbnail-title, .anx-video-thumbnail-wrapper .btn-area {
    margin-bottom: 25px;
  }
  .anx-thumbnail-logo-wrapper {
    gap: 40px;
  }
  .anx-thumbnail-logo-wrapper::before {
    height: 30px;
  }
  .anx-thumbnail-logo-wrapper .hrm-logo, .anx-thumbnail-logo-wrapper .erp-logo {
    max-width: 107px;
  }
  .anx-watch-container {
    height: 280px;
  }
  
  /* solution archive */
  .anx-solution-item .solution-content-icon .bi {
    font-size: 6em;
    margin-bottom: 1rem !important;
    line-height: 1.1;
  }
  .anx-solution-item .solution-content-title {
    margin-bottom: 0.6rem !important;
  }
  .anx-solution-item .btn-secondary {
    padding: 10px 35px !important;
  }
}
/*-------------------------------------------------------------*/
/* SCREEN BELLOW 476px
/*-------------------------------------------------------------*/

@media only screen and (max-width: 475.98px) {
  .pb-80 {
    padding-bottom: 25px;
  }
  .py-80{
    padding-top: 25px;
    padding-bottom: 25px;
  }
  
  .anx-hero-shape-medium {
    width: 65px;
    height: 64px;
  }
  .anx-hero-manufacturer-erp-page-section::after {
    top: -90px;
    left: 50%;
    transform: translateX(-50%);
    width: 370px;
    height: 380px;
    background: linear-gradient(to bottom, #ffffff 0%, #b0ffdb 30%, #0af289 45%, #4cde9cf5 60%, #ecfff6 80%, #ffffff 100%);
    background-clip: border-box;
    -webkit-mask: radial-gradient(circle, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 155px, rgba(0, 0, 0, 1) 162px);
    mask: radial-gradient(circle, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 155px, rgba(0, 0, 0, 1) 162px);
  }
  .nav-pills-reportTabs .nav-item:not(:last-child) {
    margin-right: 10px;
    padding-right: 10px;
  }
  .nav-pills-reportTabs .nav-item .nav-link {
    font-size: clamp(1rem, 2vw, 1.5rem);
    border-width: 2px;
    padding: 8px 0;
  }
  .anx-report-section .anx-report-image img{border-radius: 8px;}
  .anx-slider-card .card-body {padding: 20px 15px;}
  .anx-features-section-pharma-page .anx-desktop-card .anx-hr-feature-section-image-container img {
    filter: drop-shadow(1.14px 1.14px 15.33px rgba(var(--anx-primary-rgb), 0.34));
  }
  .anx-features-section-pharma-page .anx-hr-feature-section-image-container img {
    filter: drop-shadow(1.14px 1.14px 13.33px rgba(var(--anx-primary-rgb), 0.2));
  }
  .anx-info-shape {
    bottom: -30px;
    right: -40px;
  }
  .anx-info-shape img {
    max-width: 260px;
  }
  .anx-information-wrapper {
    min-height: 450px;
  }
}
/*-------------------------------------------------------------*/
/* SCREEN BELLOW 400px
/*-------------------------------------------------------------*/

@media only screen and (max-width: 399.98px) {
	.anx-3d-btn .char {
		flex-wrap: wrap;
		justify-content: start;
	}
  .sticky-header .anx-header,
  .anx-header {
    padding: 8px 0;
  }
  .sticky-header .anx-navbar-brand,
  .anx-navbar-brand {
    max-width: 35px;
  }
  
  .anx-feature-bx-title {margin-bottom: 10px;}

  .anx-feature-bx:not(:last-child) {margin-bottom: 25px;}
  .anx-hr-right {gap: 40px;}

  .anx-hr-right .anx-stats{
    flex-direction: column;
    align-items: start;
  }
  .anx-stats-box:not(:last-child) {
    padding-bottom: 20px;
    padding-right: 0px;
    width: 100%;
  }
  .anx-stats-box:not(:first-child) {
    padding-top: 20px;
    padding-left: 0px;
    width: 100%;
  }
  .anx-stats-box:not(:last-child)::before {
    height: 1px;
    width: 100%;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    opacity: 0.7;
  }
  .anx-hero-shape-medium {
    width: 55px;
    height: 55px;
    top: 11%;
  }

  .anx-slider .owl-stage-outer {
    padding-left: 15px;
    margin-left: -15px;
  }

}

/*-------------------------------------------------------------*/
/* SCREEN BELLOW 361px
/*-------------------------------------------------------------*/
@media screen and (max-width: 360px) {
  .anx-hero-manufacturer-erp-page-section::after {
    top: -90px;
    left: 50%;
    transform: translateX(-50%);
    width: 320px;
    height: 320px;
    background: linear-gradient(to bottom,
        #ffffff 0%,
        #b0ffdb 30%,
        #0af289 45%,
        #4cde9cf5 60%,
        #ecfff6 80%,
        #ffffff 100%);
    background-clip: border-box;
    -webkit-mask: radial-gradient(circle,
        rgba(0, 0, 0, 0) 0px,
        rgba(0, 0, 0, 0) 136px,
        rgba(0, 0, 0, 1) 137px);
    mask: radial-gradient(circle,
        rgba(0, 0, 0, 0) 0px,
        rgba(0, 0, 0, 0) 136px,
        rgba(0, 0, 0, 1) 137px);
  }
  .erp-feature-box .title {
    font-size: clamp(18px, 2vw + 0.5rem, 40px);
  }
}