@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

/* */

:root {
    /* White */
    --color-white: #fff;
  
    /* Black */
    --color-black: #222222;
  
    /* Brand Gradients */
    --color-brandGradient-1: linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%);
    --color-brandGradient-3: linear-gradient(90deg, #85eba4 0%, #9fd5ff 100%);
    --color-brandGradient-5: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%);
    --color-brandGradient-7: linear-gradient(90deg, #2abb56 0%, #3996dd 100%);
  
    /* Green */
    --color-green-1: #ebfaef;
    --color-green-3: #88e2a3;
    --color-green-5: #39ce66;
    --color-green-7: #00b538;
  
    /* Red */
    --color-red-1: #ffeceb;
    --color-red-3: #ff938e;
    --color-red-5: #ff3b30;
    --color-red-7: #ec0000;
  
    /* Yellow */
    --color-yellow-1: #fef8dd;
    --color-yellow-3: #fcea99;
    --color-yellow-5: #fadd56;
    --color-yellow-7: #e9c000;
  
    /* Orange */
    --color-orange-1: #fff5e6;
    --color-orange-3: #ffbf66;
    --color-orange-5: #ff9500;
    --color-orange-7: #da7f00;
  
    /* Blue */
    --color-blue-1: #e7f4ff;
    --color-blue-3: #7dc0f8;
    --color-blue-5: #2696f3;
    --color-blue-7: #0b78d2;
  
    /* Purple */
    --color-purple-1: #f2e9ff;
    --color-purple-3: #9e7add;
    --color-purple-5: #5e22c6;
    --color-purple-7: #4b1c9e;
  
    /* Pink */
    --color-pink-1: #ffeef3;
    --color-pink-3: #f38aa7;
    --color-pink-5: #eb3468;
    --color-pink-7: #d21f52;
  
    /* Brown */
    --color-brown-1: #f8f1e7;
    --color-brown-3: #d2aa6e;
    --color-brown-5: #b4710d;
    --color-brown-7: #8d590c;
  
    /* Teal */
    --color-teal-1: #e9f3f2;
    --color-teal-3: #6db8b3;
    --color-teal-5: #1c7e79;
    --color-teal-7: #135754;
  
    /* Cyan */
    --color-cyan-1: #edfcf8;
    --color-cyan-3: #a0e5d2;
    --color-cyan-5: #5eceb0;
    --color-cyan-7: #249677;
  
    /* Gray */
    --color-gray-1: #f2f4f6;
    --color-gray-3: #e1e5ed;
    --color-gray-5: #d0d3e5;
    --color-gray-7: #707695;

    --global-spacing-4: 4px;
    --global-spacing-8: 8px;
    --global-spacing-12: 12px;
    --global-spacing-16: 16px;
    --global-spacing-20: 20px;
    --global-spacing-24: 24px;
    --global-spacing-32: 32px;
    --global-spacing-40: 40px;
    --global-spacing-52: 52px;
    --global-spacing-60: 60px;

    --global-border-radius-small: 4px;
    --global-border-radius-medium: 8px;
    --global-border-radius-large: 12px;

    --global-transition-duration-default: 0.250s;
} 

body {
    color: var(--color-white);
}

.navbar {
    padding: 0;
    margin: 0 var(--global-spacing-60);
}

.navbar .navbar-inner {
    background: var(--color-white);
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
}

.navbar .navbar-inner .container-fluid {
	padding: 0;
}

.container-fluid {
    max-width: 1440px;
    margin: 0 auto;
}

.navbar .brand {
    margin: var(--global-spacing-40) 0;
    padding: 0;
}

.navbar .brand img {
    width: 185px;
    height: auto;
}

.navbar .nav {
    margin: var(--global-spacing-40) 0;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: var(--global-spacing-40);
}


/* .navbar .nav li {
    height: 30px;
} */

.navbar .nav li a {
    padding: 0;
    font-family: Rubik;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #0E2036;
}

.navbar .nav li.active a {
    padding-bottom: 5px;
    border-bottom: 3px solid var(--color-black);
}

.navbar .nav li.active a .caret {
    display: none;
}

/* li#versions {
    border: 1px solid #0E2036;
    padding: 8px 36px;
    border-radius: 4px;
} */

.collapse.in nav .nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
    gap: 10px;
    margin-top: 0;
}

.navbar .nav .active a, .navbar .nav .active a:focus, .navbar .nav .active a:hover {
    position: relative;
    color: #111111;
    background: none;
    transition: background-color 0.4s ease, color 0.4s ease;
}

.navbar .brand, .navbar .nav li a:hover, .navbar .nav li a:focus, .navbar .nav .active a, .navbar .nav .active a:hover, .navbar .nav .active a:focus {
    color: #111111;
}

.collapse.in nav .nav li{
    height: auto;
    padding: 5px 0;
}

.collapse.in nav .nav li a{
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .navbar {
        padding: 0;
        margin: 0 var(--global-spacing-40);
    }
}

@media (max-width: 768px) {
    body {
        padding: 0;
    }

    .navbar .btn-navbar {
        margin: 40px 0;
    }

    .navbar .nav li.active a {
        font-weight: 500;
        border-radius: 0;
    }
}

@media (max-width: 425px) {
    .navbar {
        margin: 0 var(--global-spacing-20);
    }
}

/* Custom Help Scout StyleSheet - by Devan Sabaratnam (founder of HR Partner - www.hrpartner.io) */
/* Color pallette chosen from https://coolors.co/54494b-7e8287-9da39a-b98389-db2955 */

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
/* */

:root {
    /* White */
    --color-white: #fff;
  
    /* Black */
    --color-black: #222222;
  
    /* Brand Gradients */
    --color-brandGradient-1: linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%);
    --color-brandGradient-3: linear-gradient(90deg, #85eba4 0%, #9fd5ff 100%);
    --color-brandGradient-5: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%);
    --color-brandGradient-7: linear-gradient(90deg, #2abb56 0%, #3996dd 100%);
  
    /* Green */
    --color-green-1: #ebfaef;
    --color-green-3: #88e2a3;
    --color-green-5: #39ce66;
    --color-green-7: #00b538;
  
    /* Red */
    --color-red-1: #ffeceb;
    --color-red-3: #ff938e;
    --color-red-5: #ff3b30;
    --color-red-7: #ec0000;
  
    /* Yellow */
    --color-yellow-1: #fef8dd;
    --color-yellow-3: #fcea99;
    --color-yellow-5: #fadd56;
    --color-yellow-7: #e9c000;
  
    /* Orange */
    --color-orange-1: #fff5e6;
    --color-orange-3: #ffbf66;
    --color-orange-5: #ff9500;
    --color-orange-7: #da7f00;
  
    /* Blue */
    --color-blue-1: #e7f4ff;
    --color-blue-3: #7dc0f8;
    --color-blue-5: #2696f3;
    --color-blue-7: #0b78d2;
  
    /* Purple */
    --color-purple-1: #f2e9ff;
    --color-purple-3: #9e7add;
    --color-purple-5: #5e22c6;
    --color-purple-7: #4b1c9e;
  
    /* Pink */
    --color-pink-1: #ffeef3;
    --color-pink-3: #f38aa7;
    --color-pink-5: #eb3468;
    --color-pink-7: #d21f52;
  
    /* Brown */
    --color-brown-1: #f8f1e7;
    --color-brown-3: #d2aa6e;
    --color-brown-5: #b4710d;
    --color-brown-7: #8d590c;
  
    /* Teal */
    --color-teal-1: #e9f3f2;
    --color-teal-3: #6db8b3;
    --color-teal-5: #1c7e79;
    --color-teal-7: #135754;
  
    /* Cyan */
    --color-cyan-1: #edfcf8;
    --color-cyan-3: #a0e5d2;
    --color-cyan-5: #5eceb0;
    --color-cyan-7: #249677;
  
    /* Gray */
    --color-gray-1: #f2f4f6;
    --color-gray-3: #e1e5ed;
    --color-gray-5: #d0d3e5;
    --color-gray-7: #707695;

    --global-spacing-4: 4px;
    --global-spacing-8: 8px;
    --global-spacing-12: 12px;
    --global-spacing-16: 16px;
    --global-spacing-20: 20px;
    --global-spacing-24: 24px;
    --global-spacing-32: 32px;
    --global-spacing-40: 40px;
    --global-spacing-52: 52px;
    --global-spacing-60: 60px;

    --global-border-radius-small: 4px;
    --global-border-radius-medium: 8px;
    --global-border-radius-large: 12px;

    --global-transition-duration-default: 0.250s;
}  

#docsSearch {
    border: none;
    background-image: url(https://i.postimg.cc/Hx1VSCD1/Rectangle-1681.jpg);
    /* background: linear-gradient(90deg, rgb(0 78 255) 0%, rgb(109 184 242) 100%); */
    padding: 80px 40px;
    /* border-radius: 24px; */
    max-width: 1440px;
    /* margin: 0 var(--global-spacing-60); */
}

@media (min-width: 1560px) {
    #docsSearch {
      margin: 0 calc((100% - 1440px) / 2);
    }
  }

#docsSearch h1 {
    font-family: 'Rubik';
    font-size: 44px;
    font-weight: 600;
    line-height: 49px;
    letter-spacing: -0.02em;
    color: #ffffff;
    margin: 0;
    padding: 0 0 var(--global-spacing-40) 0;
}

#docsSearch #searchBar {
    padding: 0;
    margin: 0 auto;
    width: 650px;
    text-align: left;
    max-width: 80%;
}

#docsSearch #searchBar .search-query {
    box-sizing: border-box;
    border-radius: var(--global-border-radius-large) 0 0 var(--global-border-radius-large);
    font-family: Rubik;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: left;
    height: var(--global-spacing-60);
    padding: 18px var(--global-spacing-16);
    width: 80%;
    border: 1px solid #E6E8F1;
    box-sizing: border-box;
    box-shadow: none;
    /* idk why */
    margin-bottom: 9px;
}

#docsSearch #searchBar .search-query::placeholder {
    color: var(--color-gray-7);
    font-family: Rubik;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: left;
}

#docsSearch #searchBar button {
    box-sizing: border-box;
	color: var(--color-white);
	text-shadow: none;
	background: #0079F2;
	border-radius: 0 var(--global-border-radius-large) var(--global-border-radius-large) 0;
	border: none;
	font-size: 18px;
	height: var(--global-spacing-60);
    font-family: Rubik;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: left;
    top: 0;
    right: auto;
    padding: 18px 32px;
    text-align: center;
    transition: all 1s;
    width: 20%;
}

#docsSearch #searchBar button::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border-radius: inherit;
    content: "";
    background:#003fe0;
    opacity: 0;
    transition: opacity var(--global-transition-duration-default) ease-in-out;
}

#docsSearch #searchBar button:hover::before {
    opacity: 1;
}

#docsSearch #searchBar span {
    position: relative;
    z-index: 2;
}

#serp-dd {
    box-sizing: border-box;
    width: 80%;
    border-radius: 12px;
    border: none;
    padding: 10px 0;
    top: 64px;
}

#serp-dd .result>li:first-child {
    margin-top: 0;
}

#serp-dd .result>li:last-child {
    margin-bottom: 0;
}

#serp-dd .result a {
    padding: 18px 20px;
    margin: 0;
    color: var(--color-black);
    font-family: Rubik;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.02em;
}

#serp-dd .noResults {
    color: var(--color-gray-7);
    font-family: Rubik;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.02em;
    padding: 0 16px;

}

#serp-dd .result a:hover {
    background: var(--color-gray-1);
    color: var(--color-black);
}

@media (max-width: 1024px) {
    #docsSearch {
        margin: 0 var(--global-spacing-40);
    }

    #docsSearch h1 {
        font-size: 36px;
        line-height: 32px;
    }

    #docsSearch #searchBar .search-query { 
        /* width: 70%; */
    }

    #docsSearch #searchBar button {
        /* width: 25%; */
        /* padding: 14px 20px; */
    }
}

@media (max-width: 885px) {
    #docsSearch #searchBar button {
        padding: 9px 16px;
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 768px) {
    #docsSearch {
        padding: 120px 20px;
    }

    #docsSearch h1 {
        font-size: 32px;
        line-height: 32px;
    }

    #docsSearch #searchBar{
        max-width: 90%;
    }


    #docsSearch #searchBar .search-query {
        width: 75%;
        font-size: 14px;
        line-height: 22px;
    }

    #serp-dd {
        width: 75%;
        padding: 8px;
    }

    #docsSearch #searchBar button {
        width: 25%;
    }
}

@media (max-width: 768px) and (max-width: 480px) {
    #docsSearch {
        padding: 120px 10px;
    }

    #docsSearch h1 {
        font-size: 28px;
        line-height: 32px;
    }

    #docsSearch #searchBar .search-query {
        width: 80%;
    }

    #docsSearch #searchBar button {
        /* width: 20%; */
    }

    #searchBar button .icon-search {
        color: var(--color-white);
        margin: auto 0;
    }

    #sidebar #searchBar button .icon-search {
        color: #C6C6C6;
    }

    #searchBar button span {
        display: none;
    }
}

@media (max-width: 425px) {
    #docsSearch {
        margin: 0 var(--global-spacing-20);
    }
}

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
/* */

:root {
    /* White */
    --color-white: #fff;
  
    /* Black */
    --color-black: #222222;
  
    /* Brand Gradients */
    --color-brandGradient-1: linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%);
    --color-brandGradient-3: linear-gradient(90deg, #85eba4 0%, #9fd5ff 100%);
    --color-brandGradient-5: linear-gradient(90deg, #003fe0 0%, #6db8f2 100%);
    --color-brandGradient-7: linear-gradient(90deg, #2abb56 0%, #3996dd 100%);
  
    /* Green */
    --color-green-1: #ebfaef;
    --color-green-3: #88e2a3;
    --color-green-5: #39ce66;
    --color-green-7: #00b538;
  
    /* Red */
    --color-red-1: #ffeceb;
    --color-red-3: #ff938e;
    --color-red-5: #ff3b30;
    --color-red-7: #ec0000;
  
    /* Yellow */
    --color-yellow-1: #fef8dd;
    --color-yellow-3: #fcea99;
    --color-yellow-5: #fadd56;
    --color-yellow-7: #e9c000;
  
    /* Orange */
    --color-orange-1: #fff5e6;
    --color-orange-3: #ffbf66;
    --color-orange-5: #ff9500;
    --color-orange-7: #da7f00;
  
    /* Blue */
    --color-blue-1: #e7f4ff;
    --color-blue-3: #7dc0f8;
    --color-blue-5: #2696f3;
    --color-blue-7: #0b78d2;
  
    /* Purple */
    --color-purple-1: #f2e9ff;
    --color-purple-3: #9e7add;
    --color-purple-5: #5e22c6;
    --color-purple-7: #4b1c9e;
  
    /* Pink */
    --color-pink-1: #ffeef3;
    --color-pink-3: #f38aa7;
    --color-pink-5: #eb3468;
    --color-pink-7: #d21f52;
  
    /* Brown */
    --color-brown-1: #f8f1e7;
    --color-brown-3: #d2aa6e;
    --color-brown-5: #b4710d;
    --color-brown-7: #8d590c;
  
    /* Teal */
    --color-teal-1: #e9f3f2;
    --color-teal-3: #6db8b3;
    --color-teal-5: #1c7e79;
    --color-teal-7: #135754;
  
    /* Cyan */
    --color-cyan-1: #edfcf8;
    --color-cyan-3: #a0e5d2;
    --color-cyan-5: #5eceb0;
    --color-cyan-7: #249677;
  
    /* Gray */
    --color-gray-1: #f2f4f6;
    --color-gray-3: #e1e5ed;
    --color-gray-5: #d0d3e5;
    --color-gray-7: #707695;

    --global-spacing-4: 4px;
    --global-spacing-8: 8px;
    --global-spacing-12: 12px;
    --global-spacing-16: 16px;
    --global-spacing-20: 20px;
    --global-spacing-24: 24px;
    --global-spacing-32: 32px;
    --global-spacing-40: 40px;
    --global-spacing-52: 52px;
    --global-spacing-60: 60px;

    --global-border-radius-small: 4px;
    --global-border-radius-medium: 8px;
    --global-border-radius-large: 12px;

    --global-transition-duration-default: 0.250s;
} 

#contentArea {
    padding: 0;
    margin: 0 var(--global-spacing-60);
}

@media (min-width: 1560px) {
    #contentArea {
      margin: 0 calc((100% - 1440px) / 2);
    }
}

.collection-category {
    padding: 0;
    margin: 48px 0 0 0;
}

.collection-category h2  {
    padding: 0;
    margin: 0 0 40px 0;
    font-family: Rubik;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.03em;
    text-align: left;
}

.collection-category h2 a {
    color: var(--color-black);
}

.collection-category h2 a:hover {
    text-decoration: none;
    border-bottom: none;
}

.collection-category .category-list {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    row-gap: 30px;
    column-gap: 30px;
    justify-content: space-between;
}

section#collection-category-4 .category-list {
    grid-template-columns: repeat(3, 1fr);
}

.category-list .category {
    margin: 0;
    padding: 200px 0 0 0;
    width: 100%;
    border: 1px solid var(--color-gray-3);
    border-radius: 16px;
    background-color: var(--color-white);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #00b53966;
    box-sizing: border-box;
    /* box-sizing: content-box; */
}

.category-list .category {
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}

.category-list .category:hover {
    background-repeat: no-repeat;
    background-position: top center;
    box-shadow: 0px 4px 14px 0px rgba(178, 185, 217, 0.5);
    border-color: transparent;
    transform: translateY(-10px);
}


.category-list .category:nth-child(3n-1) {
    margin: 0 auto;
}

.category-list .category:nth-child(3n) {
    margin: 0 0 0 auto;
}

.category-list h3 {
	color: var(--color-black);
	font-family: Rubik;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.04em;
    text-align: center;
    padding: 32px 24px;
    margin: 0;
    background-color: white;
    border-radius: 0 0 15px 15px;
    position: relative;
    height: calc(100% - 64px);
}

.category-list .category:hover h3::before {
    content: "";
    width: calc(100% + 2px);
    height: calc(100% + 1.3px);
    position: absolute;
    z-index: 1;
    inset: 0;
    padding: 1px;
    border-radius: 0 0 16px 16px;
    box-sizing: border-box;
    background: white;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    left: -1px;
}

/* what is it */
.category-list .category > p:empty {
    color: var(--color-red-5);
    margin: 0;
}

.category-list .category .article-count {
    /* font-family: Rubik;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.01em;
    text-align: left;
    color: var(--color-gray-7);
    margin: 0;
    padding: 0 20px 20px 20px;
    border-radius: 0 0 16px 16px;
    text-transform: lowercase;
    position: relative;
    top: -39px;
    right: 0px; */
    display: none;
}

.category-list .category:hover .article-count {
    color: var(--color-gray-7);;
}

@media (max-width: 1080px) {
    .collection-category .category-list {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .category-list .category:nth-child(odd) {
        margin: 0;
    }
    
    .category-list .category:nth-child(even) {
        margin: 0 0 0 auto;
    }
}

@media (max-width: 1024px) {
    #contentArea {
        padding: 0;
        margin: 0 var(--global-spacing-40);
    }
}

@media (max-width: 610px) {
    .collection-category .category-list {
        grid-template-columns: 1fr;
    }
    
    .category-list .category:nth-child(n) {
        margin: 0 auto;
    }
}

@media (max-width: 425px) {
    #contentArea {
        margin: 0 var(--global-spacing-20);
    }
}

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
/* */

:root {
    /* White */
    --color-white: #fff;
  
    /* Black */
    --color-black: #222222;
  
    /* Brand Gradients */
    --color-brandGradient-1: linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%);
    --color-brandGradient-3: linear-gradient(90deg, #85eba4 0%, #9fd5ff 100%);
    --color-brandGradient-5: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%);
    --color-brandGradient-7: linear-gradient(90deg, #2abb56 0%, #3996dd 100%);
  
    /* Green */
    --color-green-1: #ebfaef;
    --color-green-3: #88e2a3;
    --color-green-5: #39ce66;
    --color-green-7: #00b538;
  
    /* Red */
    --color-red-1: #ffeceb;
    --color-red-3: #ff938e;
    --color-red-5: #ff3b30;
    --color-red-7: #ec0000;
  
    /* Yellow */
    --color-yellow-1: #fef8dd;
    --color-yellow-3: #fcea99;
    --color-yellow-5: #fadd56;
    --color-yellow-7: #e9c000;
  
    /* Orange */
    --color-orange-1: #fff5e6;
    --color-orange-3: #ffbf66;
    --color-orange-5: #ff9500;
    --color-orange-7: #da7f00;
  
    /* Blue */
    --color-blue-1: #e7f4ff;
    --color-blue-3: #7dc0f8;
    --color-blue-5: #2696f3;
    --color-blue-7: #0b78d2;
  
    /* Purple */
    --color-purple-1: #f2e9ff;
    --color-purple-3: #9e7add;
    --color-purple-5: #5e22c6;
    --color-purple-7: #4b1c9e;
  
    /* Pink */
    --color-pink-1: #ffeef3;
    --color-pink-3: #f38aa7;
    --color-pink-5: #eb3468;
    --color-pink-7: #d21f52;
  
    /* Brown */
    --color-brown-1: #f8f1e7;
    --color-brown-3: #d2aa6e;
    --color-brown-5: #b4710d;
    --color-brown-7: #8d590c;
  
    /* Teal */
    --color-teal-1: #e9f3f2;
    --color-teal-3: #6db8b3;
    --color-teal-5: #1c7e79;
    --color-teal-7: #135754;
  
    /* Cyan */
    --color-cyan-1: #edfcf8;
    --color-cyan-3: #a0e5d2;
    --color-cyan-5: #5eceb0;
    --color-cyan-7: #249677;
  
    /* Gray */
    --color-gray-1: #f2f4f6;
    --color-gray-3: #e1e5ed;
    --color-gray-5: #d0d3e5;
    --color-gray-7: #707695;

    --global-spacing-4: 4px;
    --global-spacing-8: 8px;
    --global-spacing-12: 12px;
    --global-spacing-16: 16px;
    --global-spacing-20: 20px;
    --global-spacing-24: 24px;
    --global-spacing-32: 32px;
    --global-spacing-40: 40px;
    --global-spacing-52: 52px;
    --global-spacing-60: 60px;

    --global-border-radius-small: 4px;
    --global-border-radius-medium: 8px;
    --global-border-radius-large: 12px;

    --global-transition-duration-default: 0.250s;
} 

footer {
    margin: 0;
    font-family: Rubik;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: -0.02em;
    position: relative;
    bottom: 0px;
    left: 0px;
}

footer.center p {
    margin: 80px 0 40px 0;
    /* margin: 0; */
    color: var(--color-gray-7);
    text-align: left;
    font-size: 14px;
}

footer p {
    margin: 80px 0 40px 0;
    /* margin: 0; */
    color: var(--color-gray-7);
    text-align: left;
    font-size: 14px;
}

footer p a {
    color: var(--color-gray-7);
}

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
/* */

:root {
    /* White */
    --color-white: #fff;
  
    /* Black */
    --color-black: #222222;
  
    /* Brand Gradients */
    --color-brandGradient-1: linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%);
    --color-brandGradient-3: linear-gradient(90deg, #85eba4 0%, #9fd5ff 100%);
    --color-brandGradient-5: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%);
    --color-brandGradient-7: linear-gradient(90deg, #2abb56 0%, #3996dd 100%);
  
    /* Green */
    --color-green-1: #ebfaef;
    --color-green-3: #88e2a3;
    --color-green-5: #39ce66;
    --color-green-7: #00b538;
  
    /* Red */
    --color-red-1: #ffeceb;
    --color-red-3: #ff938e;
    --color-red-5: #ff3b30;
    --color-red-7: #ec0000;
  
    /* Yellow */
    --color-yellow-1: #fef8dd;
    --color-yellow-3: #fcea99;
    --color-yellow-5: #fadd56;
    --color-yellow-7: #e9c000;
  
    /* Orange */
    --color-orange-1: #fff5e6;
    --color-orange-3: #ffbf66;
    --color-orange-5: #ff9500;
    --color-orange-7: #da7f00;
  
    /* Blue */
    --color-blue-1: #e7f4ff;
    --color-blue-3: #7dc0f8;
    --color-blue-5: #2696f3;
    --color-blue-7: #0b78d2;
  
    /* Purple */
    --color-purple-1: #f2e9ff;
    --color-purple-3: #9e7add;
    --color-purple-5: #5e22c6;
    --color-purple-7: #4b1c9e;
  
    /* Pink */
    --color-pink-1: #ffeef3;
    --color-pink-3: #f38aa7;
    --color-pink-5: #eb3468;
    --color-pink-7: #d21f52;
  
    /* Brown */
    --color-brown-1: #f8f1e7;
    --color-brown-3: #d2aa6e;
    --color-brown-5: #b4710d;
    --color-brown-7: #8d590c;
  
    /* Teal */
    --color-teal-1: #e9f3f2;
    --color-teal-3: #6db8b3;
    --color-teal-5: #1c7e79;
    --color-teal-7: #135754;
  
    /* Cyan */
    --color-cyan-1: #edfcf8;
    --color-cyan-3: #a0e5d2;
    --color-cyan-5: #5eceb0;
    --color-cyan-7: #249677;
  
    /* Gray */
    --color-gray-1: #f2f4f6;
    --color-gray-3: #e1e5ed;
    --color-gray-5: #d0d3e5;
    --color-gray-7: #707695;

    --global-spacing-4: 4px;
    --global-spacing-8: 8px;
    --global-spacing-12: 12px;
    --global-spacing-16: 16px;
    --global-spacing-20: 20px;
    --global-spacing-24: 24px;
    --global-spacing-32: 32px;
    --global-spacing-40: 40px;
    --global-spacing-52: 52px;
    --global-spacing-60: 60px;

    --global-border-radius-small: 4px;
    --global-border-radius-medium: 8px;
    --global-border-radius-large: 12px;

    --global-transition-duration-default: 0.250s;
}

#sidebar {
    margin: 5px 0 0 0;
    grid-area: aside;
}

.row-fluid .span3 {
    width: 100%;
}

#searchBar.sm {
    margin-bottom: var(--global-spacing-40);
}

#sidebar form .search-query {
    border-radius: var(--global-border-radius-medium);
    border-color: var(--color-gray-5);
    padding: 12px;
    font-family: Rubik;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.01em;
    width: 100%;
    height: 48px;
    box-shadow: none;
}

#sidebar form .search-query::placeholder {
    color: var(--color-gray-7);
    font-family: Rubik;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: left;
}

#searchBar.sm button {
    height: 48px;
    width: 48px;
    top: 0;
}

#searchBar.sm button .icon-search{
    color: var(--color-gray-5);
}

#sidebar form button {
    position: absolute;
    left: calc(100% - 48px);
}

#sidebar h3 {
    margin: 0 0 28px 0;
    font-family: Rubik;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.03em;
    color: var(--color-black);
    text-transform: none;
}

#sidebar .nav-list {
    display: flex;
    gap: 28px;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 170px;
}

#sidebar .nav-list li {
    margin: 0;
}

#sidebar .nav-list li a{
    font-family: Rubik;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.03em;
    color: var(--color-gray-7);
    padding: 0;
    min-height: 25px;
}

#sidebar .nav-list li a .icon-arrow{
    display: inline-block;
}

#sidebar .nav-list li.active a {
    color: var(--color-black);
    font-weight: 500;
}

#sidebar .nav-list .active a:hover {
    font-weight: 500;
}

#sidebar .nav-list li a .icon-arrow {
    position: relative;
    top: 0px;
    right: 2px;
    transform: scaleY(1.1);
}

#sidebar .nav-list li a .icon-arrow:before {
    color: transparent;
    margin: 0;
    font-size: 18px;
}

#sidebar .nav-list li.active a .icon-arrow:before{
    color: var(--color-black);
}

#serp-dd.sb {
    top: 52px;
    width: 256px;
    border-radius: 12px;
}

@media (max-width: 1023px) {
    #serp-dd.sb {
        width: 100%;
    }
}

@media (max-width: 768px) {
    #sidebar {
        padding: 0;
    }
}

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
/* */

:root {
    /* White */
    --color-white: #fff;
  
    /* Black */
    --color-black: #222222;
  
    /* Brand Gradients */
    --color-brandGradient-1: linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%);
    --color-brandGradient-3: linear-gradient(90deg, #85eba4 0%, #9fd5ff 100%);
    --color-brandGradient-5: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%);
    --color-brandGradient-7: linear-gradient(90deg, #2abb56 0%, #3996dd 100%);
  
    /* Green */
    --color-green-1: #ebfaef;
    --color-green-3: #88e2a3;
    --color-green-5: #39ce66;
    --color-green-7: #00b538;
  
    /* Red */
    --color-red-1: #ffeceb;
    --color-red-3: #ff938e;
    --color-red-5: #ff3b30;
    --color-red-7: #ec0000;
  
    /* Yellow */
    --color-yellow-1: #fef8dd;
    --color-yellow-3: #fcea99;
    --color-yellow-5: #fadd56;
    --color-yellow-7: #e9c000;
  
    /* Orange */
    --color-orange-1: #fff5e6;
    --color-orange-3: #ffbf66;
    --color-orange-5: #ff9500;
    --color-orange-7: #da7f00;
  
    /* Blue */
    --color-blue-1: #e7f4ff;
    --color-blue-3: #7dc0f8;
    --color-blue-5: #2696f3;
    --color-blue-7: #0b78d2;
  
    /* Purple */
    --color-purple-1: #f2e9ff;
    --color-purple-3: #9e7add;
    --color-purple-5: #5e22c6;
    --color-purple-7: #4b1c9e;
  
    /* Pink */
    --color-pink-1: #ffeef3;
    --color-pink-3: #f38aa7;
    --color-pink-5: #eb3468;
    --color-pink-7: #d21f52;
  
    /* Brown */
    --color-brown-1: #f8f1e7;
    --color-brown-3: #d2aa6e;
    --color-brown-5: #b4710d;
    --color-brown-7: #8d590c;
  
    /* Teal */
    --color-teal-1: #e9f3f2;
    --color-teal-3: #6db8b3;
    --color-teal-5: #1c7e79;
    --color-teal-7: #135754;
  
    /* Cyan */
    --color-cyan-1: #edfcf8;
    --color-cyan-3: #a0e5d2;
    --color-cyan-5: #5eceb0;
    --color-cyan-7: #249677;
  
    /* Gray */
    --color-gray-1: #f2f4f6;
    --color-gray-3: #e1e5ed;
    --color-gray-5: #d0d3e5;
    --color-gray-7: #707695;

    --global-spacing-4: 4px;
    --global-spacing-8: 8px;
    --global-spacing-12: 12px;
    --global-spacing-16: 16px;
    --global-spacing-20: 20px;
    --global-spacing-24: 24px;
    --global-spacing-32: 32px;
    --global-spacing-40: 40px;
    --global-spacing-52: 52px;
    --global-spacing-60: 60px;

    --global-border-radius-small: 4px;
    --global-border-radius-medium: 8px;
    --global-border-radius-large: 12px;

    --global-transition-duration-default: 0.250s;
}

.row-fluid {
    display: grid;
    grid-template-columns: 262px auto;
    grid-template-areas: 
    "aside main";
    column-gap: 86px;
}

#main-content {
    background: 0 0;
    padding: 0;
    margin: 5px 0 0 0;
    grid-area: main;
    max-width: 1094px;
}

.row-fluid .span9 {
    width: 100%;
}

#main-content .contentWrapper {
    border-radius: 20px;
    box-shadow: 0 2px 9px 0 rgb(0 0 0 / 7%);
    border: solid 1px rgba(0, 0, 0, 0.06);
}

#main-content #categoryHead  {
    display: flex;
    justify-content: space-between;
}

#main-content h1 {
    font-family: Rubik;
    font-weight: 600;
    line-height: 49px;
    letter-spacing: -0.03em;
    color: var(--color-black);
    max-width: 750px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#categoryHead .sort {
    position: static;
}

#categoryHead .sort form{
    margin: 0;
}

#categoryHead .sort form::after{
    content: "â–¼";
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg); 
    border-color: var(--color-black);
    border-right-style: solid;
    border-top-style: solid;
    border-width: 2px;
    content: '';
    display: inline-block;
    height: 6px;
    pointer-events: none;
    position: absolute;
    right: 22px;
    top: 18px;
    width: 6px;
}

#categoryHead .sort form select{
    margin: 0;
    padding: 12px;
    width:280px;
    height: 48px;
    font-family: Rubik;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: var(--color-black);
    border-radius: var(--global-border-radius-medium);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
    border: 1px solid var(--color-gray-5);
}


#main-content .icon-article-doc {
    /* position: relative;
    top: 2px;
    left: -1px; */
    display: none;
}

#main-content .icon-article-doc:before {
    /* content: url(https://mobile.doma.ai/api/mobile/support/icons/file-text.svg);
    color: var(--color-black);
    margin-right: 0;
    font-size: 20px; */
}

#main-content .articleList {
    margin: 0;
}

#main-content .articleList li:first-child {
    margin-top: 0;
}

#main-content .articleList a {
    font-family: Rubik;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.03em;
    color: var(--color-gray-7);
    display: flex;
}

#main-content .articleList li {
    margin: 28px 0;
    padding-left: 25px;
}

#main-content .articleList li a span {
    display: block;
    padding-left: 10px;
    padding-left: 30px;
    background-image: url(https://mobile.doma.ai/api/mobile/support/icons/file-text.svg);
    background-repeat: no-repeat;
    background-position: left 2px;
}

#main-content #errorContainer::after {
    content: 'Если у вас возникла ошибка, хотя раньше вы переходили в этот раздел - попробуйте почистить кэш и куки браузера';
    font-family: Rubik;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.03em;
    color: var(--color-red-5);
}

@media (max-width: 1023px) {
    /* .row-fluid {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: flex-start;
        align-items: flex-start;
    } */
}

@media (max-width: 1023px) {
    .row-fluid {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: flex-start;
        align-items: flex-start;
    }

    #main-content {
        width: 100%;
        margin: 0 0 40px 0;
    }

    #main-content .contentWrapper {
        min-height: 0;
    }

    #main-content #categoryHead h1 {
        margin: 0 0 40px 0;
    }

    #main-content .articleList li  {
        margin: 20px 0;
    }

    #sidebar h3 {
        margin: 0 0 20px 0;
    }

    #sidebar .nav-list {
        margin-bottom: 0;
        gap: 20px
    }
}

@media (max-width: 600px) {
    #main-content #categoryHead  {
        flex-direction: column;
    }
    
    #main-content #categoryHead h1 {
        margin: 0;
    }

    #categoryHead .sort {
        position: static;
        display: block;
        margin: 20px 0;
    }

    #categoryHead .sort form::after {
        position: relative;
        top: 0px;
        right: 30px;
    }
}

@media (max-width: 425px) {
    #categoryHead .sort form select {
        width: 100%;
    }

    #categoryHead .sort form::after {
        top: -35px;
        right: calc(-1 * 100% + 22px);
    }
}

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
/* */

:root {
    /* White */
    --color-white: #fff;
  
    /* Black */
    --color-black: #222222;
  
    /* Brand Gradients */
    --color-brandGradient-1: linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%);
    --color-brandGradient-3: linear-gradient(90deg, #85eba4 0%, #9fd5ff 100%);
    --color-brandGradient-5: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%);
    --color-brandGradient-7: linear-gradient(90deg, #2abb56 0%, #3996dd 100%);
  
    /* Green */
    --color-green-1: #ebfaef;
    --color-green-3: #88e2a3;
    --color-green-5: #39ce66;
    --color-green-7: #00b538;
  
    /* Red */
    --color-red-1: #ffeceb;
    --color-red-3: #ff938e;
    --color-red-5: #ff3b30;
    --color-red-7: #ec0000;
  
    /* Yellow */
    --color-yellow-1: #fef8dd;
    --color-yellow-3: #fcea99;
    --color-yellow-5: #fadd56;
    --color-yellow-7: #e9c000;
  
    /* Orange */
    --color-orange-1: #fff5e6;
    --color-orange-3: #ffbf66;
    --color-orange-5: #ff9500;
    --color-orange-7: #da7f00;
  
    /* Blue */
    --color-blue-1: #e7f4ff;
    --color-blue-3: #7dc0f8;
    --color-blue-5: #2696f3;
    --color-blue-7: #0b78d2;
  
    /* Purple */
    --color-purple-1: #f2e9ff;
    --color-purple-3: #9e7add;
    --color-purple-5: #5e22c6;
    --color-purple-7: #4b1c9e;
  
    /* Pink */
    --color-pink-1: #ffeef3;
    --color-pink-3: #f38aa7;
    --color-pink-5: #eb3468;
    --color-pink-7: #d21f52;
  
    /* Brown */
    --color-brown-1: #f8f1e7;
    --color-brown-3: #d2aa6e;
    --color-brown-5: #b4710d;
    --color-brown-7: #8d590c;
  
    /* Teal */
    --color-teal-1: #e9f3f2;
    --color-teal-3: #6db8b3;
    --color-teal-5: #1c7e79;
    --color-teal-7: #135754;
  
    /* Cyan */
    --color-cyan-1: #edfcf8;
    --color-cyan-3: #a0e5d2;
    --color-cyan-5: #5eceb0;
    --color-cyan-7: #249677;
  
    /* Gray */
    --color-gray-1: #f2f4f6;
    --color-gray-3: #e1e5ed;
    --color-gray-5: #d0d3e5;
    --color-gray-7: #707695;

    --global-spacing-4: 4px;
    --global-spacing-8: 8px;
    --global-spacing-12: 12px;
    --global-spacing-16: 16px;
    --global-spacing-20: 20px;
    --global-spacing-24: 24px;
    --global-spacing-32: 32px;
    --global-spacing-40: 40px;
    --global-spacing-52: 52px;
    --global-spacing-60: 60px;

    --global-border-radius-small: 4px;
    --global-border-radius-medium: 8px;
    --global-border-radius-large: 12px;

    --global-transition-duration-default: 0.250s;
}


#fullArticle .printArticle {
    position: absolute;
    right: 0px;
    top: 15px;
}

/* #fullArticle .printArticle::after {
    content: "Распечатать";
    color: var(--color-gray-7);
    font-family: Rubik;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.04em;
    padding-left: 10px;

}  */


#fullArticle .printArticle .icon-print:before {
    display: none;
}

#fullArticle h2,
#fullArticle h3,
#fullArticle h4,
#fullArticle h5,
#fullArticle h6 {
    margin: 20px 0 20px 0;
    font-family: Rubik;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.03em;
    color: var(--color-black);
}

#fullArticle {
    max-width: 1000px;
}

.related {
    border: 0px solid #E9E5E5;
    border-top: 0;
    background: #ffffff;
    position: relative;
    padding: 25px 46px 25px;
}

#fullArticle p, 
#fullArticle ul, 
#fullArticle ol, 
#fullArticle li, 
#fullArticle div, 
#fullArticle blockquote, 
#fullArticle dd, 
#fullArticle table {
    font-family: Rubik;
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.03em;
    color: #313131;
}

#fullArticle li {
    margin-bottom: 3px;
}

#fullArticle p, 
#fullArticle ul, 
#fullArticle ol,
#fullArticle div, 
#fullArticle blockquote,
#fullArticle table {
    margin: 0 0 20px 0;
}

#fullArticle ul, 
#fullArticle ol {
    margin: 0 0 20px 20px;
}

#fullArticle a {
    font-weight: 500;
    color: #003fe0;
}

#fullArticle a:hover:not(.printArticle){
    text-decoration: none;
    border-bottom: 1px solid var(--color-black);
}

#fullArticle figure,
#fullArticle figure.image,
#fullArticle p:has(img) {
    height: 100%;
    background-color: var(--color-gray-1);
    border-radius: 12px;
    padding: 60px 0;
    margin: 0 0 20px 0;
    display: flex;
    flex-wrap: wrap;
}

#fullArticle figure,
#fullArticle figure.image {
    width: 100%;
}

#fullArticle p:has(img) {
    padding: 20px 20px;
}

#fullArticle figure,
#fullArticle figure.image img,
#fullArticle p:has(img) img {
    border: none;
    margin: 0 auto;
    padding: 0;
}

.articleFoot {
    margin-top: 60px;
}

.articleFoot p.lu, .articleFoot time.lu {
    margin: 0;
    color: var(--color-gray-7);
    font-family: Rubik;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.04em;
    text-align: left;
    font-style: normal;
}

#fullArticle .callout-blue {
    background: #e8f4ff;
    border-color: #bed1e6;
    border-radius: 8px;
}

#fullArticle .callout-yellow {
    border-radius: 8px;
}

#fullArticle .callout-red {
    border-radius: 8px;
}

#fullArticle .callout-green {
    border-radius: 8px;
}

#fullArticle .callout {
    border-radius: 8px;
}

@media print {
    .row-fluid {
        display: block;
    }
}

@media (max-width: 1250px) {
    #fullArticle .printArticle {
        position: relative;
        top: -20px;
        right: 0px;
    }

    #fullArticle .title {
        margin: 0 0 44px 0;
    }
}

@media (max-width: 1023px) {
    #fullArticle .printArticle {
        position: relative;
        top: -20px;
        right: 0px;
    }
}

@media (max-width: 768px) {
    #fullArticle p, 
    #fullArticle ul, 
    #fullArticle ol,
    #fullArticle div, 
    #fullArticle blockquote,
    #fullArticle table {
        margin: 0 0 20px 0;
    }

    #fullArticle ul, 
    #fullArticle ol {
        margin: 0 0 20px 10px;
    }

    #fullArticle figure.image {
        margin: 0 0 40px 0;
    }

    #fullArticle h4 {
        margin: 0 0 20px 0;
    }

    .articleFoot {
        margin: 40px 0 16px 0;
    }
}

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
/* */

:root {
    /* White */
    --color-white: #fff;
  
    /* Black */
    --color-black: #222222;
  
    /* Brand Gradients */
    --color-brandGradient-1: linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%);
    --color-brandGradient-3: linear-gradient(90deg, #85eba4 0%, #9fd5ff 100%);
    --color-brandGradient-5: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%);
    --color-brandGradient-7: linear-gradient(90deg, #2abb56 0%, #3996dd 100%);
  
    /* Green */
    --color-green-1: #ebfaef;
    --color-green-3: #88e2a3;
    --color-green-5: #39ce66;
    --color-green-7: #00b538;
  
    /* Red */
    --color-red-1: #ffeceb;
    --color-red-3: #ff938e;
    --color-red-5: #ff3b30;
    --color-red-7: #ec0000;
  
    /* Yellow */
    --color-yellow-1: #fef8dd;
    --color-yellow-3: #fcea99;
    --color-yellow-5: #fadd56;
    --color-yellow-7: #e9c000;
  
    /* Orange */
    --color-orange-1: #fff5e6;
    --color-orange-3: #ffbf66;
    --color-orange-5: #ff9500;
    --color-orange-7: #da7f00;
  
    /* Blue */
    --color-blue-1: #e7f4ff;
    --color-blue-3: #7dc0f8;
    --color-blue-5: #2696f3;
    --color-blue-7: #0b78d2;
  
    /* Purple */
    --color-purple-1: #f2e9ff;
    --color-purple-3: #9e7add;
    --color-purple-5: #5e22c6;
    --color-purple-7: #4b1c9e;
  
    /* Pink */
    --color-pink-1: #ffeef3;
    --color-pink-3: #f38aa7;
    --color-pink-5: #eb3468;
    --color-pink-7: #d21f52;
  
    /* Brown */
    --color-brown-1: #f8f1e7;
    --color-brown-3: #d2aa6e;
    --color-brown-5: #b4710d;
    --color-brown-7: #8d590c;
  
    /* Teal */
    --color-teal-1: #e9f3f2;
    --color-teal-3: #6db8b3;
    --color-teal-5: #1c7e79;
    --color-teal-7: #135754;
  
    /* Cyan */
    --color-cyan-1: #edfcf8;
    --color-cyan-3: #a0e5d2;
    --color-cyan-5: #5eceb0;
    --color-cyan-7: #249677;
  
    /* Gray */
    --color-gray-1: #f2f4f6;
    --color-gray-3: #e1e5ed;
    --color-gray-5: #d0d3e5;
    --color-gray-7: #707695;

    --global-spacing-4: 4px;
    --global-spacing-8: 8px;
    --global-spacing-12: 12px;
    --global-spacing-16: 16px;
    --global-spacing-20: 20px;
    --global-spacing-24: 24px;
    --global-spacing-32: 32px;
    --global-spacing-40: 40px;
    --global-spacing-52: 52px;
    --global-spacing-60: 60px;

    --global-border-radius-small: 4px;
    --global-border-radius-medium: 8px;
    --global-border-radius-large: 12px;

    --global-transition-duration-default: 0.250s;
}

#fullArticle:has(div[data-html-block] > ul.my-category-list) {
    max-width: none;
}

#fullArticle .my-category-list {
    list-style: none;
    margin: 0;
}

#fullArticle .my-category-list h5 {
    font-family: Rubik;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.03em;
    text-align: left;
    color: var(--color-black);
    margin: 0 0 32px 0;
}

#fullArticle .my-category-list li ul.articleList {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px 40px;
}

#fullArticle .my-category-list li {
    margin: 0 0 60px 0;
}

#fullArticle .my-category-list li ul.articleList li {
    margin: 0;
}

#fullArticle:has(.my-category-list) .printArticle{
    display: none;
}

#fullArticle .my-category-list .articleList a:hover {
    border: none;
}

@media (max-width: 1350px) {
    #fullArticle .my-category-list .title {
        margin: 0 0 40px 0;
    }
}

@media (max-width: 1023px) {
    #fullArticle .my-category-list li ul.articleList {
        display: grid;
        grid-template-columns: 1fr;
        gap: 28px 40px;
    }
}

:root {
    /* White */
    --color-white: #fff;
  
    /* Black */
    --color-black: #222222;
  
    /* Brand Gradients */
    --color-brandGradient-1: linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%);
    --color-brandGradient-3: linear-gradient(90deg, #85eba4 0%, #9fd5ff 100%);
    --color-brandGradient-5: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%);
    --color-brandGradient-7: linear-gradient(90deg, #2abb56 0%, #3996dd 100%);
  
    /* Green */
    --color-green-1: #ebfaef;
    --color-green-3: #88e2a3;
    --color-green-5: #39ce66;
    --color-green-7: #00b538;
  
    /* Red */
    --color-red-1: #ffeceb;
    --color-red-3: #ff938e;
    --color-red-5: #ff3b30;
    --color-red-7: #ec0000;
  
    /* Yellow */
    --color-yellow-1: #fef8dd;
    --color-yellow-3: #fcea99;
    --color-yellow-5: #fadd56;
    --color-yellow-7: #e9c000;
  
    /* Orange */
    --color-orange-1: #fff5e6;
    --color-orange-3: #ffbf66;
    --color-orange-5: #ff9500;
    --color-orange-7: #da7f00;
  
    /* Blue */
    --color-blue-1: #e7f4ff;
    --color-blue-3: #7dc0f8;
    --color-blue-5: #2696f3;
    --color-blue-7: #0b78d2;
  
    /* Purple */
    --color-purple-1: #f2e9ff;
    --color-purple-3: #9e7add;
    --color-purple-5: #5e22c6;
    --color-purple-7: #4b1c9e;
  
    /* Pink */
    --color-pink-1: #ffeef3;
    --color-pink-3: #f38aa7;
    --color-pink-5: #eb3468;
    --color-pink-7: #d21f52;
  
    /* Brown */
    --color-brown-1: #f8f1e7;
    --color-brown-3: #d2aa6e;
    --color-brown-5: #b4710d;
    --color-brown-7: #8d590c;
  
    /* Teal */
    --color-teal-1: #e9f3f2;
    --color-teal-3: #6db8b3;
    --color-teal-5: #1c7e79;
    --color-teal-7: #135754;
  
    /* Cyan */
    --color-cyan-1: #edfcf8;
    --color-cyan-3: #a0e5d2;
    --color-cyan-5: #5eceb0;
    --color-cyan-7: #249677;
  
    /* Gray */
    --color-gray-1: #f2f4f6;
    --color-gray-3: #e1e5ed;
    --color-gray-5: #d0d3e5;
    --color-gray-7: #707695;

    --global-spacing-4: 4px;
    --global-spacing-8: 8px;
    --global-spacing-12: 12px;
    --global-spacing-16: 16px;
    --global-spacing-20: 20px;
    --global-spacing-24: 24px;
    --global-spacing-32: 32px;
    --global-spacing-40: 40px;
    --global-spacing-52: 52px;
    --global-spacing-60: 60px;

    --global-border-radius-small: 4px;
    --global-border-radius-medium: 8px;
    --global-border-radius-large: 12px;

    --global-transition-duration-default: 0.250s;
}

#category-6 {
	background-image: url(https://i.postimg.cc/prdZxVMF/Design-sem-nome-21.png);
    background-size: 458px 200px;
    background-color: #f7f7f7;
    background-position: center top;
}

#category-5 {
	background-image: url(https://i.postimg.cc/5970t9M2/Design-sem-nome-22.png);
    background-size: 458px 200px;
    background-color: #f7f7f7;
    background-position: center top;
}

#category-254 {
	background-image: url(https://i.postimg.cc/Z5JCrYXP/General-information.png);
    background-size: 458px 200px;
    background-color: #f7f7f7;
    background-position: center top;
}

#category-255 {
	background-image: url(https://i.postimg.cc/DfqvBkrx/Getting-Started.png);
    background-size: 458px 200px;
    background-color: #f7f7f7;
    background-position: center top;
}

#category-259 {
	background-image: url(https://i.postimg.cc/yx7PqCkF/Activities-Center.png);
    background-size: 458px 200px;
    background-color: #f7f7f7;
    background-position: center top;
}

#category-257 {
	background-image: url(https://i.postimg.cc/m2X0S85d/Listing-Template.png);
    background-size: 458px 200px;
    background-color: #f7f7f7;
    background-position: center top;
}

#category-260 {
	background-image: url(https://i.postimg.cc/bvtrPGnh/Promotion-Center.png);
    background-size: 458px 200px;
    background-color: #f7f7f7;
    background-position: center top;
}

#category-261 {
	background-image: url(https://i.postimg.cc/nz2mDjhD/Configuration-Center.png);
    background-size: 458px 200px;
    background-color: #f7f7f7;
    background-position: center top;
}

#category-265 {
	background-image: url(https://i.postimg.cc/tgK1ndbJ/Mobile-Apps.png);
    background-size: 458px 200px;
    background-color: #f7f7f7;
    background-position: center top;
}

#category-258 {
	background-image: url(https://i.postimg.cc/2SN5CjzR/Design-Center.png);
    background-size: 458px 200px;
    background-color: #f7f7f7;
    background-position: center top;
}

#category-256 {
	background-image: url(https://i.postimg.cc/7LyJtMCz/Content-Manager.png);
    background-size: 458px 200px;
    background-color: #f7f7f7;
    background-position: center top;
}

#category-263 {
	background-image: url(https://i.postimg.cc/pVq2gQSj/Sponsor-Area.png);
    background-size: 458px 200px;
    background-color: #f7f7f7;
    background-position: center top;
}

#category-264 {
	background-image: url(https://i.postimg.cc/qRpTFgXQ/User-Profile-Area.png);
    background-size: 458px 200px;
    background-color: #f7f7f7;
    background-position: center top;
}

#category-262 {
	background-image: url(https://i.postimg.cc/cLK47KXn/Sitemgr-Administration-Area.png);
    background-size: 458px 200px;
    background-color: #f7f7f7;
    background-position: center top;
}

#category-266 {
	background-image: url(https://i.postimg.cc/P5H82Qvw/e-Directory-Plugins.png);
    background-size: 458px 200px;
    background-color: #f7f7f7;
    background-position: center top;
}

#category-267 {
	background-image: url(https://i.postimg.cc/qR2Tby3N/Installation-and-Hosting.png);
    background-size: 458px 200px;
    background-color: #f7f7f7;
    background-position: center top;
}

#category-268 {
	background-image: url(https://i.postimg.cc/SQ5P2J25/Your-Account-with-e-Directory.png);
    background-size: 458px 200px;
    background-color: #f7f7f7;
    background-position: center top;
}

#category-274 {
	background-image: url(https://i.postimg.cc/7PpnQX8w/v13-5.png);
    background-size: 458px 200px;
    background-color: #0079F2;
    background-position: center top;
}

#category-273 {
	background-image: url(https://i.postimg.cc/9QBP0h4Q/v13-6.png);
    background-size: 458px 200px;
    background-color: #0079F2;
    background-position: center top;
}

#category-272 {
	background-image: url(https://i.postimg.cc/zXCK2rFF/v13-7.png);
    background-size: 458px 200px;
    background-color: #0079F2;
    background-position: center top;
}

#category-527 {
	background-image: url(https://i.postimg.cc/Fs3ZbS35/v13-7.jpg);
    background-size: 458px 200px;
    background-color: #0079F2;
    background-position: center top;
}

#printprint {
	background-image: url(https://mobile.doma.ai/api/mobile/support/icons/print.svg);
}

.category-list.two-col .category {
    width: 100%;
}

#fullArticle hr {
    border-top: 2px solid #e2e2e2;
    border-bottom: 1px solid #fff;
    margin: 30px auto 30px auto;
}

@media (max-width: 1024px) {
    #docsSearch {
        margin: 0;
    }
}

@media (max-width: 610px) {
    section#collection-category-269 .category-list {
        display: grid;
        grid-template-columns: 1fr;
    }    
}

@media (min-width: 610px) and (max-width: 991px) {
    section#collection-category-269 .category-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }    
}

@media (min-width: 992px) {
    section#collection-category-269 .category-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}