* {
    box-sizing: border-box;
}

.divider {
    display: grid;
    grid-template-columns: 3fr 1fr;
    height: 100vh;
}

.tariff-window {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#open-finax-btn {
    width: 48px;
    height: 48px;
    display: flex;
    border-radius: 0px 64px 64px 0px;
    top: 50%;
    left: 0;
    background-color: #1f0047;
    position: fixed;
    cursor: pointer;
    z-index: 200;
    justify-content: center;
    align-items: center;
    box-shadow: -3px 3px 12px 0px rgb(0 0 0) !important;
}

.finax-open-icon {
    width: 32px;
    height: 32px;
}

main {
    flex: 1;
}

.tariff-header {
    width: 100%;
    height: 68px;
    padding: 10px 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    box-sizing: border-box;
}

.nfx-main-title {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 38px;
    font-weight: bold;
    color: var(--nfx-purple);
}

.header-start, .header-middle, .header-end, .tariff-menu-link {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.header-middle {
    flex: 2;
    width: 100%;
    max-width: 550px;
    min-width: 220px;
}

.header-end {
    justify-content: flex-end;
}

.in-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.tariff-logo {
    width: auto;
    height: 48px;
}

#desktop-logo {
    display: block;
}

#mobile-logo {
    display: none;
}

.tariff-menu-icon {
    display: none;
    width: auto;
    height: 24px;
    cursor: pointer;
}

#mobile-search {
    display: none;
}

.full-search-block {
    width: 100%;
    height: auto;
    display: flex;
    position: relative;
    flex-direction: column;
    gap: 5px;
}

.search-cont {
    height: 26px;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid var(--nfx-purple);
}

.search-input {
    width: 100%;
    height: 26px;
    direction: rtl;
    margin: 0;
    padding: 0 10px;
    font-size: 16px;
    text-align: right;
    color: var(--nfx-purple);
    border: none;
    outline: none;
    background-color: #ffffff00;
}

.live-search {
    width: 100%;
    height: auto;
    top: 30px;
    display: none;
    position: absolute;
    flex-direction: column;
    background-image: linear-gradient(180deg, #fff, #f9f9f9);
    box-shadow: 0px 0px 7px -3px;
    z-index: 100;
}

.live-result-cont, .live-reuslt-cont:visited {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #d1d1d1;
}

.live-result-cont:last-child {
    border-bottom: none;
}

.live-result-cont:hover {
    background-color: #eeeeee;
}

.live-result-hscode, .live-result-title {
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 5px;
    font-weight: bold;
}

.live-result-chapter {
    color: var(--chapter-table)
}

.live-result-heading {
    color: #ed0000;
}

.live-result-subheading {
    color: #8a00dd;
}

.live-result-clause {
    color: #007acb;
}

.live-result-subclause {
    color: #e10097;
}

.live-result-description {
    display: block;
}

.live-result-title, .live-result-subtitle {
    width: 100%;
    padding: 0;
    margin: 0;
    color: #7814e4;
    font-size: 18px;
}

.live-result-subtitle {
    color: #000000;
    font-size: 16px;
}

#show-more-btn {
    width: 100%;
    height: auto;
    font-size: 16;
    font-weight: bold;
    color: var(--nfx-purple);
    border: none;
    outline: none;
    background-color: #ffffff00;
    cursor: pointer;
}

/***** Search Results Page *****/
.result-cont {
    width: 100%;
    max-width: 620px;
    height: auto;
    display: flex;
    flex-direction: column;
}

.result-row {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}

.pre-search-title {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    color: #6b6b6b;
}

.result-icon {
    width: 16px;
    height: 16px;
}

.search-link-title, .search-link-title:visited {
    width: fit-content;
    height: auto;
    margin: 5px 0 0 0;
    text-decoration: none;
    font-size: 21px;
    color: #2a84c1;
    font-weight: bold;
}

.search-link-title:hover {
    text-decoration: underline;
}

.search-description {
    width: 100%;
    height: auto;
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 16px;
    color: #000000;
}

.header-link {
    width: auto;
    height: auto;
    font-size: 16px;
    color: var(--nfx-purple);
    font-weight: bold;
    text-decoration: none;
}

.header-link:hover {
    text-decoration: underline;
}

.header-signup-btn {
    width: auto;
    height: auto;
    max-height: 35px;
    padding: 5px 15px;
    font-size: 16px;
    color: #3b3b3b;
    border: 2px solid #d1d1d1;
    border-radius: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #fff;
    cursor: pointer;
}

.header-signup-btn:hover {
    color: #fff;
    background: linear-gradient(79deg, #580db4, #ff4f81 49%, #f84f7f 55%, #faa245 77%, #f39146);
}

/***** Index *****/
.index-hero {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 20px 75px 20px;
    background-color: #e6f7ff;
}

.in-hero {
    width: 100%;
    height: auto;
    max-width: 800px;
    display: flex;
    flex-direction: column;
}

.hero-main-title, .hero-sub-title {
    width: fit-content;
    height: auto;
    display: flex;
    margin: 0;
    padding: 0;
    font-size: 52px;
    font-family: "Rubik", sans-serif;
    /*background: linear-gradient(90deg, #e600ff, #2bb7ff);*/
    background: linear-gradient(90deg, #00a8ff, #8900e1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent
}


.hero-sub-title {
    font-size: 48px;
    font-weight: bold;
}

.post-title {
    width: fit-content;
    height: auto;
    display: flex;
    margin: 0;
    padding: 0;
    font-size:42px;
    font-family: "Rubik", sans-serif;
    color: #000000ba;

}

.hero-text {
    width: 100%;
    height: auto;
    margin: 15px 0 0 0;
    padding: 0;
    font-size: 18px;
    font-family: "Rubik", sans-serif;
    color: #000000ba;
}

.index-search-block {
    margin-top: 30px;
}

.index-search-cont {
    height: 52px;    
    align-items: center;
    padding: 0 10px;
    border-radius: 50px;
    background-color: #fff;
    box-shadow: 0 .3125rem .625rem 0 rgba(0, 0, 0, 0.12) !important;
    border: 1px solid #ebebeb;
}

.index-live-search {
    top: 57px;
    border-radius: 25px;
}


.features-blocks {
    width: 100%;
    padding-top: 50px;
    align-items: center;
    background-color: #fbfeff;
    gap: 100px;
}

.index-block {
    width: 100%;
    max-width: 1200px;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 70px;
}

.index-block-description {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.index-block-graphic {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: flex-end;
    justify-content: center;
}

.index-block-title {
    width: 100%;
    height: auto;
    font-family: "Rubik", sans-serif;
    margin: 0;
    padding: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

.block-pre-title {
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: bold;
    color: #929292;
}

.block-main-title {
    font-size: 42px;
    color: #262527;
}

.index-block-img {
    width: auto;
    max-height: 350px;
    padding: 0 10px;
    object-fit: contain;
}

.index-block-text, .bulit-text {
    margin-top: 20px;
    padding: 0;
    color: #262527;
    font-size: 19px;
    font-family: "Rubik", sans-serif;
}

.lists-block {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.index-bulit-list {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.index-bulit {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    padding-bottom: 4px;
    font-size: 20px;
    border-radius: 42px;
    background-color: #fff;
    border: 1px solid #01a1ff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 .3125rem .625rem 0 rgba(0, 0, 0, 0.12) !important;
}

.bulit-text {
    margin: 0;
}

.text-link, .text-link:visited {
    color: var(--nfx-purple);
    text-decoration: none;
}

.text-link:hover {
    text-decoration: underline;
}

/***** Index Pre Footer *****/
.index-pre-footer {
    width: 100%;
    height: auto;
    min-height: 300px;
    margin-top: 200px;
    margin-bottom: -100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 150px 20px;
    background: linear-gradient(180deg, #640fd3, #3B0385, #1f0047);
    align-items: center;
    justify-items: center;
    justify-content: center;
}

.pre-footer-main-title {
    width: fit-content;
    height: auto;
    display: flex;
    margin: 0;
    padding: 0;
    font-size: 42px;
    font-family: "Rubik", sans-serif;
    text-align: center;
    background: radial-gradient(circle at -20% 0, #e93abf 31%, #f658a8 48%, #febf72);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent
}

.pre-footer-text {
    width: fit-content;
    height: auto;
    margin: 15px 0 0 0;
    padding: 0;
    font-size: 18px;
    text-align: center;
    font-family: "Rubik", sans-serif;
    color: #dadada;
}

.pre-footer-btn, .pre-footer-btn:visited {
    width: auto;
    height: auto;
    margin-top: 30px;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    border-radius: 10px;
    background: linear-gradient(360deg, #580db4, #0059ff 80%);
}

.pre-footer-btn:hover {
    background: radial-gradient(circle at -20% 0, #e93abf 31%, #f658a8 48%, #febf72);
}

.pre-footer-img {
    max-width: 500px;
    height: auto;
    margin-top: 50px;
}

/*****  HS code parents (HS Tree) *****/
.hscode-tree-cont {
    background-color: #260938;
}

.sticky-tree {
    position: sticky;
    top: 0;
}

.section-chatper-tree-cont {
    align-items: center;
}

.section-tree, .chapter-tree {
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

.section-tree {
    color: #9fd8ff;
}

.chapter-tree {
    color: #ebd8f7;
}

.hscode-tree-digit {
    width: auto;
    height: auto;
    font-size: 18px;
    font-family: monospace;
    text-decoration: none;
}

.chapter-tree-digit {
    color: var(--chapter-tree);
}

.heading-tree-digit {
    color: var(--heading-tree);
}

.subheading-tree-digit {
    color: var(--subheading-tree);
}

.clause-tree-digit {
    color: var(--clause-tree);
}

.subclause-tree-digit {
    color: var(--subclause-tree);
}

.hscodre-tree-desc {
    width: auto;
    height: auto;
    margin-top: 2px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}

#full-hscode-tree {
    cursor: cell;
}

/***** HS Codes Table *****/
.table-parent-cont {
    max-width: 100vw;
    overflow-x: auto;
}

.table-parent-cont::-webkit-scrollbar {
    display: none;
}

.table-parent-cont {
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For old IE/Edge */
}

.hscode-table {
    width: 100%;
    height: auto;
    padding: 0 10px;
    display: table;
    border-collapse: collapse;
    table-layout: auto;
}

.table-row-header  {
    border-bottom: 1px solid #d1d1d1;
}

.table-row-data {
    border-bottom: 1px solid #d1d1d1;
}

.table-row-data:nth-child(even) {
    background-color: #f7f7f7;
}

.table-row-data:hover, .table-row-data:nth-child(even):hover {
    background-color: #f8ecff;
}

.table-cell-header {
    text-align: right;
    font-weight: bold;
    color: #565656;
}

.tariff-cell-padding {
    padding: 10px;
}

.cell-padding {
    padding: 10px;
}

.tariff-table-link, .tariff-table-link:visited {
    width: auto;
    height: auto;
    font-size: 16px;
    text-decoration: none;
}

.chapter-table, .chapter-table:visited, .heading-table, .heading-table:visited, .hscode-table-link, .hscode-table-link:visited {
    font-size: 18px;
    font-weight: bold;
    font-family: monospace;
    color: var(--chapter-table);
}

.heading-table, .heading-table:visited {
    color: var(--heading-table);
    margin-left: 5px;
}

.table-desc, .table-desc:visited {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.heading-table-desc, .heading-table-desc:visited {
    font-weight: normal;
}

.hscode-table-link {
    width: auto;
    max-width: 90px;
    display: flex;
    flex-direction: row-reverse;
    gap: 5px;
    text-decoration: none;
}

.hscode-digit-subheading {
    color: var(--subheading-block);
}

.hscode-digit-clause {
    color: var(--clause-block);
}

.hscode-digit-subclause {
    color: var(--subclause-block);
}

.hscode-digit-hscode {
    font-weight: normal;
    color: #000;
}

.hscode-desc-text, .hscode-desc-text:visited {
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

.desc-table-subheading, .desc-table-subheading:visited {
    margin-right: 0;
    color: var(--subheading-block);
}

.desc-table-clause, .desc-table-clause:visited {
    margin-right: 20px;
    font-size: 15px;
    color: var(--clause-block);
}

.desc-table-subclause, .desc-table-subclause:visited {
    margin-right: 40px;
    font-size: 14px;
    color: var(--subclause-block);
}

.desc-table-hscode, .desc-table-hscode:visited {
    display: block;
    font-weight: normal;
    color: #000;
}

.margin-right-20 {margin-right: 20px;} .margin-right-40 {margin-right: 40px;} .margin-right-60 {margin-right: 60px;}


.close-hscode {
    margin: 0;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
    user-select: none;
}

#close-all-hs {
    margin: 0;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    user-select: none;
    color: #565656;
}

/***** HS Line Block *****/
.hs-line-block {
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: row;
}

.hs-line {
    width: 7px;
    height: 100%;
    padding: 0;
}

.subheading-line {
    background-color: var(--subheading-block);
    border-bottom: 1px solid var(--subheading-block);
}

.clause-line {
    background-color: var(--clause-block);
    border-bottom: 1px solid var(--clause-block);
}

.subclause-line {
    background-color: var(--subclause-block);
    border-bottom: 1px solid var(--subclause-block);
}

.main-line {
    border-top: 2px solid #fff;
}

.purchase_tax_cont, .purchase_tax_pair {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.purchase_tax_pair {
    justify-content: space-between;
    flex-direction: row;
    gap: 8px;
}

.tax-label, .tax-value {
    width: auto;
    min-width: fit-content;
    height: auto;
    font-size: 16px;
    font-weight: bold;
    color: #565656;
}

.tax-value {
    font-weight: normal;
    color: #000;
}


/***** HS Code Tax Page *****/
.tax-title, .sub-tax-title, .permit-title, .notes-title, .products-title {
    width: 100%;
    height: auto;
    margin: 10px 0;
    padding: 0;
    font-size: 24px;
    font-weight: bold;
    color: var(--nfx-purple);
}

.sub-tax-title {
    font-size: 20px;
}

.permit-title {
    color: var(--clause-block);
}

.permits-row:nth-child(even) {
    background-color: #f6f9fb;
}

.permits-row:hover, .permits-row:nth-child(even):hover {
    background-color: #e7f6ff;
}

.customs-purchase-tax-layout {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 20px;
}

.customs-tax-section, .purchase-tax-section {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.agreementFlag {
    width: 26px;
    height: 26px;
    float: right;
}

.agreementName {
    float: right;
    margin: 3.5px 8px 0 0;
}

/***** Search Results Page *****/
.page-result-block {
    width: 100%;
    max-width: 680px;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 25px;
}

.hs-link-search-results {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row-reverse;
    gap: 5px;
    text-decoration: none;
}

.pagination {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
}

.page-nav-link, .page-nav-link:visited {
    text-decoration: none;
    color: var(--nfx-purple);
}

.page-nav-link:hover {
    text-decoration: underline;
}

.active-page, .active-page:hover, .active-page:visited {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    cursor: text;
}

/***** Rules Page *****/
.rules-tabs {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #929292;
}

.rule-tab, .rule-tab:visited {
    width: auto;
    height: 40px;
    padding: 12px 16px;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
    border: 1px solid #929292;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
}

.active-rule-tab, .active-rule-tab:visited, .rule-tab:hover {
    background-color: var(--nfx-purple);
    color: #ffffff;
}

.nfx-article-view {
    max-width: 75ch;
    line-height: 21px;
    margin: 0 auto;
}

.back-to-rules-link {
    text-decoration: none;
}

.rule-title, .rule-title:visited {
    color: var(--nfx-purple);
    font-size: 32px;
}

.rule-hs-code-desc {
    width: 100%;
    height: auto;
    margin: 10px 0;
    line-height: 26px;
    padding: 0;
    font-size: 22px;
    color: #000000;
}

.nfx-exp-notes-subtitle {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: #000000;
}

.rule-text h2, .nfx-exp-notes-subtitle {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 19px;
    color: #000000;
}

.MsoNoSpacing {
    margin: 2px 0 22px 0px;
    padding: 0;
}

li.MsoNoSpacing {
    margin: 10px 0;
    padding: 0;
}

.nfx-explanatory-disclaimer {
    width: 100%;
    height: auto;
    margin-top: 25px;
    font-size: 12px;
    font-weight: bold;
    color: #565656;
    text-align: center;
}
/***** Sections Page *****/
.sectionsTable {
    margin-top: 25px;
    float: right;
}

.section {
    width: 100%;
    height: auto;
    display: flex;
    float: right;
    font-weight: bold;
    padding: 8px 0 8px 0;
    background-color: #f1daff;
    border-bottom: solid 1px #e2c9f1;
}

.sectionToggle {
    width: 32px;
    height: 32px;
    float: right;
}

.sectionCode {
    width: 50px;
    height: auto;
    float: right;
}

.sectionNumber {
    width: 20px;
    height: auto;
    float: right;
}

.sectionDesc {
    flex-grow: 1;
    height: auto;
    float: right;
    padding-right: 10px;
}

.chapter {
    width: 100%;
    height: auto;
    display: flex;
    float: right;
    padding: 8px 0 8px 0;
    color: #000;
    background-color: #f7f7f7;
    border-bottom: solid 1px #cccccc;;
    transition: all 0.3s ease-out;
}

.chapter:hover{
    background-color: #f3e6fc;
}

.chapterTitle {
    width: 82px;
    height: auto;
    float: right;
}

.chapterNumber {
    width: 20px;
    height: auto;
    float: right;
}

.chapterDesc {
    flex-grow: 1;
    height: auto;
    float: right;
    padding-right: 10px;
}

/***** Notes and products on tariff *****/
.notes-title {
    color: #f39d00;
}

.products-title {
    color: #00bb76;
}

.notes-row:nth-child(even) {
    background-color: #fffcf6;
}

.notes-row:hover, .notes-row:nth-child(even):hover {
    background-color: #fff7e7;
}

.products-row:nth-child(even) {
    background-color: #f7fffc;
}

.products-row:hover, .products-row:nth-child(even):hover {
    background-color: #e1fff5;
}

/***** FAQ *****/
.question, .ruleSubSubTitle, .ruleSubTitle {
    width: 100%;
    max-width: 860px;
    height: auto;
    margin: 40px 0 0 0;
    padding: 0;
    font-size: 22px;
    color: var(--subclause-block);
}

.termsClause {
    width: 100%;
    max-width: 860px;
    height: auto;
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 16px;
    color: #000000;
}

/***** Terms *****/
.ruleSubTitle {
    font-size: 24px;
    color: var(--clause-block);
}

.inTextLink, .inTextLink:visited {
    color: var(--nfx-purple)

}

/***** Footer *****/
.footer {
    width: 100%;
    height: auto;
    margin-top: 100px;
    padding: 50px 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    background-color: #1f0047;
}

.in-footer-row {
    width: fit-content;
    max-width: 860px;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.in-footer-col {
    width: auto;
    max-width: 860px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.justify-center {
    justify-content: center;
}

.footer-section {
    width: 200px;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer-title {
    width: 100%;
    height: auto;
    font-size: 16px;
    font-weight: bold;
    color: #b192c7;
    text-align: right;
    margin: 0;
    padding: 0;
}

.footer-logo {
    width: 100%;
    max-width: 150px;
    height: auto;
}

.footer-link, .footer-link:visited {
    width: fit-content;
    height: auto;
    font-size: 16px;
    color: #dfdbe4;
    text-decoration: none;
}

.footer-link:hover {
    text-decoration: underline;
    color: #fff;
}

.footer-text {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #b192c7;
    text-align: justify;
}

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

/***** Contact *****/
.form {
    width: 100%;
    max-width: 440px;
    height: auto;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.text-area {
    width: 100%;
    height: 100px;
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000;
    outline: none;
    border: 2px solid #ccc;
    border-radius: 10px;
    resize: none;
}

.text-area:focus {
    border-color: var(--nfx-purple);
}

.warning-contact {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #fff;
    margin: 15px 0 0 0;
    padding: 10px;
    background-color: #ff0000;
    border-radius: 10px;
}


/********** Scroll Bar **********/
::-webkit-scrollbar {
    width: 6px;
    border-radius: 5px;
  }
  
  ::-webkit-scrollbar-track {
    background: #e8c2ff;
  }
  
  ::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #741ea9;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #9d00ff;
  }

/* Style witout chat window */
@media (max-width: 1627px) {
    .divider {
        grid-template-columns: 1fr 0fr;
    }

    .finax-window {
        display: none;
        z-index: 400;
    }
}

@media (max-width: 880px) {
    /***** Footer *****/
    .footer {
        width: 100%;
        padding: 50px 20px;
    }

    .in-footer-row {
        flex-direction: column;
    }

    .footer-section {
        width: 100%;
    }
}

/***** Laptop Style *****/
@media (max-width: 640px) {
    .divider {
        grid-template-columns: 1fr 0fr;
    }

    #open-finax-btn {
        display: flex;
    }

    .customs-purchase-tax-layout {
        grid-template-columns: 1fr;
    }
}

/***** Mobile Style *****/
@media (max-width: 870px) {
    #max-window {
        display: none;
    }
}

@media (max-width: 620px) {
    .divider {
        grid-template-columns: 1fr 0fr;
    }

    .finax-window {
        width: 100%;
    }

    #open-finax-btn {
        display: flex !important;
    }

    /***** Header *****/
    .tariff-menu-icon {
        display: block;
    }

    #desktop-logo {
        display: none;
    }
    
    #mobile-logo {
        display: block;
    }

    .header-middle, .tariff-menu-link {
        display: none;
    }

    #mobile-search {
        display: flex;
    }

    .customs-purchase-tax-layout {
        grid-template-columns: 1fr;
    }

    .sticky-tree {
        position: relative;
    }

    /***** Index *****/
    .index-block {
        width: 100%;
        flex-direction: column-reverse;
        gap: 30px;
    }

    .index-block-graphic {
        align-items: center;
    }

    .index-block-img {
       max-width: 100%;
        max-height: auto;
        padding: 0 10px;
        object-fit: contain;
    }

    .pre-footer-img {
        max-width: 100%;
        height: auto;
        margin-top: 50px;
    }
    
}