@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Serif+Tamil&family=Roboto+Condensed:wght@300&family=Special+Elite&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@300;400&family=Noto+Serif+Tamil&display=swap');


body {
    font-family: 'Montserrat', sans-serif;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Noto Serif Tamil', serif;
    line-height: 1.6;
}

/* Menu */
.navmenu {
    background-color: #213343;
    padding-top: 15px;
}

.navmenu .toggler {
    position: unset !important;
    }

.navmenu .logo img {
    width: 100%;
    max-width: 300px;
    margin-top: -25px;
}

.navmenu .navbar-toggler {
    display: none;
}

.navmenu .nav-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #5d6476;
    padding: 20px 0;
}

.navmenu .navbar-nav,
.navmenu .navbar-home {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.navbar-nav li,
.navbar-home li {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 20px;
}

.navbar-nav li::after,
.navbar-home li::after {
    display: block;
    content: "";
    background-color: #eb9500;
    height: 5px;
    width: 5px;
    border-radius: 50px;
    position: absolute;
    right: 0;
}

.navbar-nav li:last-child::after,
.navbar-home li:last-child::after {
    display: none;
}

.navmenu .navbar-home {
    width: 100%;
    text-align: end;
    display: flex;
    justify-content: flex-end;
    align-content: center;
    margin: 0;
}


.navbar-nav a,
.navbar-home a {
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: color 150ms ease-in-out;
    -moz-transition: color 150ms ease-in-out;
    -ms-transition: color 150ms ease-in-out;
    -o-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}

.navbar-nav a:hover {
    color: #eb9500;
}

nav svg {
    max-width: 30px;
    width: 100%;
    margin: 0 5px 0 10px;
}

.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity, filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent
}

.hamburger.is-active:hover,
.hamburger:hover {
    opacity: .7
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
    background-color: #fff
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    position: absolute;
    width: 40px;
    height: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #fff
}

.hamburger-inner:after,
.hamburger-inner:before {
    display: block;
    content: ""
}

.hamburger-inner:before {
    top: -10px
}

.hamburger-inner:after {
    bottom: -10px
}

.hamburger--squeeze .hamburger-inner {
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: 75ms
}

.hamburger--squeeze .hamburger-inner:before {
    transition: top 75ms ease .12s, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner:after {
    transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: rotate(45deg)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease, opacity 75ms ease .12s;
    opacity: 0
}

.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
    transform: rotate(-90deg)
}

@keyframes slideOut {
    0% {
        width: 0%;
        opacity: 0;
    }

    100% {
        width: 100%;
        opacity: 1;
    }
}

@keyframes slideIn {
    0% {
        width: 100%;
        opacity: 1;
    }

    100% {
        width: 0;
        opacity: 0;
    }
}



/* Banner start  */
#banner {
    background-color: #213343;
    padding: 100px 0px;
}

#banner .title {
    font-family: 'Noto Serif Tamil', serif;
    color: white;
    font-size: 50px;
}

#banner .sub-title {
    color: rgb(174, 182, 200);
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 300;
    white-space: pre-line;
    margin-bottom: 7rem;
}

#banner .learnmorebtn {
    color: white;
    border: 2px solid #EB9600;
    padding: 18px 50px;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 2px;
    -webkit-transition: background-color 150ms ease-in-out;
    -moz-transition: background-color 150ms ease-in-out;
    -ms-transition: background-color 150ms ease-in-out;
    -o-transition: background-color 150ms ease-in-out;
    transition: background-color 150ms ease-in-out;
}

#banner .learnmorebtn:hover {
    background-color: #EB9600;
}

#banner .svg-inline--fa {
    color: #EB9600;
    font-size: 20px;
    margin: 0px 5px;
}

#banner span {
    font-weight: 300;
    font-size: 17px;
    color: rgb(174, 182, 200);
    font-family: 'Montserrat', sans-serif;
}

#banner .site-info {
    color: white;
    margin-left: 40px;
    font-family: 'Noto Serif Tamil', serif;
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 3rem;
}

#banner .rowcards {
    margin-top: 8rem;
}

#banner .card.text-center {
    padding: 50px 20px;
    border-radius: 0px;
    border-right: 1px;
}

#banner .card-group>.card:not(:last-child),
.card-group>.card:not(:first-child) {
    border-radius: 0;
}

#banner .card:hover {
    background-color: #EB9600;
}

#banner .card:hover .card-body {
    filter: brightness(0) invert(1);
}

#banner .card img {
    max-width: 100px;
    margin: 50px auto;
    display: block;
}

#banner h5.card-title {
    font-weight: 500;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
}

#banner p.card-text {
    color: #757575;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    position: relative;
    overflow: hidden;
    display: inline;
}

#banner p.card-text:hover {
    cursor: pointer;
}

#banner p.card-text:after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 0;
    width: 0;
    bottom: -5px;
    background: #000;
    height: 4px;
    transition-property: width;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

#banner p.card-text:hover:after,
#banner p.card-text:focus:after,
#banner p.card-text:active:after {
    left: 0;
    right: auto;
    width: 100%;
}


#banner .card:nth-child(2) {
    background-color: #EB9600;
    color: #fff;
}

#banner .card:nth-child(2) img {
    filter: brightness(0) invert(1);
}

#banner .card:nth-child(2) .card-text {
    color: #fff;
}

/* platform-tech section Start  */
#platform-tech {
    background-color: #213343;
}

#platform-tech .cards {
    height: 40vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-color: #213343;
    color: #fff;
}

#platform-tech .icon-bg {
    background: #eb9602;
}

#platform-tech .cards svg {
    width: 100%;
    max-width: 100px;
}


/* Recognition start */
#recognition {
    padding: 100px 0 0 0;
    background: #fff;
}

#recognition h2 {
    text-align: center;
    margin-bottom: 80px;
}

#recognition .avatar {
    text-align: center;
    display: block;
    clear: both;
    height: 100px;
    justify-content: center;
    align-items: center;
    display: flex;
}

#recognition .avatar img {
    max-width: 60px;
}

#recognition .col-md-3 {
    text-align: center;
}

#recognition p {
    width: 65%;
    margin: 0 auto 4rem auto;
}

@keyframes float {
    0% {
        transform: translatey(20px);
    }

    50% {
        transform: translatey(-20px);
    }

    100% {
        transform: translatey(20px);
    }
}

@keyframes floats {
    0% {
        transform: translatey(-20px);
    }

    50% {
        transform: translatey(20px);
    }

    100% {
        transform: translatey(-20px);
    }
}


#recognition .col-md-3:nth-child(odd) .avatar {
    animation: float 6s ease-in-out infinite;
}

#recognition .col-md-3:nth-child(even) .avatar {
    animation: floats 6s ease-in-out infinite;
}



/* Join Us end  */

#organization img {
    width: 100%;
}

#joinUs {
    padding-bottom: 100px;
}

#joinUs img {
    width: 100%;
    max-width: 400px;
}

#joinUs h3,
#organization h3 {
    font-family: 'Montserrat', sans-serif;
}

#joinUs image,
#organization image {
    filter: brightness(0) invert(1);
}


/* FOOTER */
#footer {
    background-color: #213343;
    padding: 60px 0px;
}

#footer .social-navbar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    max-width: 1170px;
    margin: auto;
}

#footer .footer-item {
    display: flex;
    flex-direction: row;

}


#footer .social-navbar:after,
#footer .social-navbar:before {
    width: 30%;
    position: absolute;
    content: '';
    border-top: 1px solid #7691ad;
    top: 30px;
}

#footer .social-navbar:before {
    left: 0;
}

#footer .social-navbar:after {
    right: 0;
}

#footer .navbar-icons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    list-style: none;
    padding: 0px;
}

#footer .navbar-icons .footer-link svg {
    padding: 15px;
    color: #fff;
    font-size: 30px;
}

#footer .navbar-icons .footer-link svg:hover {
    color: #EB9600;
}

#footer .footer-links {
    position: relative;
    display: flex;
    justify-content: center;
    list-style: none;
    gap: 15px;
}

#footer .footer-links>li {
    position: relative;
}

#footer .footer-links li {
    display: inline-block;
}

#footer .footer-links>li::after {
    font-size: 20px;
    color: #7691ad;
    position: absolute;
    content: '|';
    top: 15%;
    right: -0.5em;
}

#footer .footer-links>li:last-of-type::after {
    content: '';
}

#footer .footer-links li a {
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: underline;
    color: white;
    font-weight: 400;
}

#footer .footer-links li a:hover {
    text-decoration: none;
    color: #7691ad;
}

#footer p {
    color: #b6c7d6;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 0.875em;
    margin: 0px;
}

.navbar-nav a {
    color: #fff;
}

#footer .navbar-icons,
#footer .footer-links {
    margin-bottom: 0;
}

#footer .text-decoration-none img {
    max-width: 300px;
    width: 100%;
}

#footer .text-decoration-none {
    margin-bottom: 35px;
}

#footer .footer-links li a,
#footer .navbar-icons .nav-link svg {
    -webkit-transition: color 150ms ease-in-out;
    -moz-transition: color 150ms ease-in-out;
    -ms-transition: color 150ms ease-in-out;
    -o-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}

#footer .navbar-icons .nav-link svg {
    color: #fff;
}

#footer .navbar-icons .footer-item:nth-child(2) svg {
    color: #EB9600;
}

#footer .navbar-icons .footer-link:hover svg,
#footer .footer-links li a:hover {
    color: #EB9600;
}

#footer p {
    padding-bottom: 5px;
}

#footer .footer-links li a:hover {
    text-decoration: underline;
}



/* MEDIA QUERY */
.navmenu .navbar.show {
    width: 100%;
    opacity: 1;
    animation: slideOut;
    animation-duration: 0.2s;
    z-index: 100 !important;

}

.navmenu .navbar {
    width: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    animation: slideIn;
    animation-duration: 0.2s;
    max-width: 360px;
    height: 100%;
    bottom: 0;
    display: flex;
    flex-direction: column;
    background-color: #eb9500;
    align-items: center;
    justify-content: center;
}

.navmenu .navbar-toggler {
    display: block;
    margin-left: auto;
    border: none;
    outline: none;
}

.navmenu .navbar-nav {
    flex-direction: column;
}

.navmenu .nav-wrapper {
    justify-content: normal;
}

.navbar-nav li {
    padding: 0;
}

.navbar-nav a,
.navbar-nav a:hover {
    color: #fff;
    padding: 10px 15px;
}

.navbar .navbar-toggler {
    position: absolute;
    top: 40px;
    right: 40px;
}

.navbar .navbar-toggler:focus {
    box-shadow: none;
}

.navbar-nav a::after {
    display: none;
}

#footer .social-navbar:after,
#footer .social-navbar:before {
    width: 25% !important;

}

@media (max-width: 768px) {
    #banner-section h2 {
        text-align: center;
        padding: 15px 0px;
    }

    .navmenu .navbar-home {
        display: none !important;
    }

    #recognition p {
        width: 100%;
    }

    #secondbanner-section h2 {
        text-align: center;
        padding: 15px 0px;
    }

    .mobilemargin {
        margin-top: 5rem !important;
    }

    #banner .rowcards {
        margin-top: 3rem;
        padding: 15px;
    }

    #banner .card.text-center {
        padding: 20px 0px;
    }

    #banner .card-body {
        padding: 10px 0px !important;
    }

    #banner h5.card-title {
        font-size: 14px;
    }

    #banner .card img {
        max-width: 60px !important;
        margin: 35px auto;
        width: 100%;
    }

    #recognition .col-md-3:nth-child(even) .avatar {
        animation: float 6s ease-in-out infinite !important;
    }

    #footer .social-navbar:after,
    #footer .social-navbar:before {
        border-top: 0px !important;

    }

}

@media only screen and (max-width: 576px) {
    .navbar .navbar-toggler {
        right: 15px;
    }

    #footer .footer-links li a {
        padding: 0.5rem 0;
    }

    #footer .footer-links {
        padding: 0;
    }
}



/* New page  */
#features {
    --_mini: var(--mini, 0);
    --not-mini: calc(1 - var(--_mini));
    --_wide: var(--wide, 1);
    --not-wide: calc(1 - var(--_wide));
    filter: drop-shadow(2px 2px 2.5px #000);
    padding: 100px 0px;
}

#features,
#features article {
    display: grid;
}

#features h2 {
    text-transform: uppercase;
    font-size: 1.60em;
    color: white;
    font-weight: 400;
}

#features p {
    grid-row: calc(2 + var(--_mini));
    margin: 0;
    color: white;
}

#features article {
    --_p: var(--p, 0);
    --not-p: calc(1 - var(--_p));
    --sgn-p: calc(2*var(--_p) - 1);
    box-sizing: border-box;
    grid-gap: 0.5em;
    grid-template-columns: var(--narr, 1fr -webkit-max-content 1fr);
    grid-template-columns: var(--narr, 1fr max-content 1fr);
    margin: 0 0 -0.75rem;
    padding: calc(.5em + .75em) 0 calc(.5em + .75em);
    --shadow:
        conic-gradient(from calc(var(--_p)*-5deg + var(--sgn-p)*-90deg) at calc(var(--_p)*100% - var(--sgn-p)*var(--_wide)*6.25rem) -3px,
            hsla(0, 0%, 0%, calc(var(--not-p)*0.5)),
            hsla(0, 0%, 0%, calc(var(--_p)*0.5)) 5deg,
            transparent 0%), ;
    background: var(--shadow) linear-gradient(calc(var(--sgn-p)*90deg), var(--c0) 6.25rem, var(--c1));
    -webkit-clip-path: polygon(calc(var(--_p)*100%) 50%, calc(var(--_p)*100% - var(--sgn-p)*var(--_wide)*3.125rem) 0, calc(var(--not-p)*100% + var(--sgn-p)*var(--_wide)*6.25rem) 0.75rem, calc(var(--not-p)*100% + var(--sgn-p)*var(--_wide)*6.25rem) calc(100% - 0.75rem), calc(var(--_p)*100% - var(--sgn-p)*var(--_wide)*3.125rem) 100%);
    clip-path: polygon(calc(var(--_p)*100%) 50%, calc(var(--_p)*100% - var(--sgn-p)*var(--_wide)*3.125rem) 0, calc(var(--not-p)*100% + var(--sgn-p)*var(--_wide)*6.25rem) 0.75rem, calc(var(--not-p)*100% + var(--sgn-p)*var(--_wide)*6.25rem) calc(100% - 0.75rem), calc(var(--_p)*100% - var(--sgn-p)*var(--_wide)*3.125rem) 100%);
    counter-increment: c;
    position: relative;
}

#features article:first-child {
    --shadow: ;
}

#features article:nth-child(2n) {
    --p: 1;
}

#features article::before,
article::after {
    align-self: center;
}

#features article:before {
    grid-column: calc(var(--not-mini)*2 + var(--_mini)*(var(--_p) + 1));
    grid-row: calc(1 + var(--_mini))/span calc(2 - var(--_mini));
    padding: 0 0.75rem;
    font-size: calc((1.5*var(--not-mini) + 2.5)*1em);
    text-align: center;
    content: counter(c, decimal-leading-zero);
    color: white;
    font-family: 'Noto Serif Tamil', serif;
}

#features article:nth-child(1)::after {
    content: url("data:image/svg+xml,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 119.91'><title>communities-social</title><path d='M20,52a4.32,4.32,0,0,1-7.79-3.73A52.4,52.4,0,0,1,15,43.09a54.42,54.42,0,0,1,3.4-4.83l.06-.08a55.27,55.27,0,0,1,3.83-4.33,54.44,54.44,0,0,1,4.36-4l0,0a4.33,4.33,0,0,1,3.15-.93,4.27,4.27,0,0,1,2.89,1.56l0,0a4.33,4.33,0,0,1,.93,3.15,4.27,4.27,0,0,1-1.56,2.89h0a44.87,44.87,0,0,0-3.68,3.34A44.45,44.45,0,0,0,20,52ZM8.91,95.49l.25-.19c2.57-1.53,6.46-1.13,9-2.9a5.41,5.41,0,0,0,.47-.91c.24-.54.45-1.13.59-1.53a18.83,18.83,0,0,1-1.54-2.2l-1.56-2.48A4.54,4.54,0,0,1,15.23,83a1.79,1.79,0,0,1,.15-.82,1.44,1.44,0,0,1,.53-.62,1.93,1.93,0,0,1,.38-.19,41.2,41.2,0,0,1-.07-4.46,5.64,5.64,0,0,1,2.83-4.37,8.36,8.36,0,0,1,2.2-1c.5-.14-.42-1.72.09-1.77,2.48-.26,6.49,2,8.21,3.87a6,6,0,0,1,1.53,3.83l-.09,4h0a1.13,1.13,0,0,1,.82.85,3.54,3.54,0,0,1-.43,2.13h0l0,0-1.77,2.93a15.8,15.8,0,0,1-2.18,3,4,4,0,0,0,.23.34,10.37,10.37,0,0,0,1.16,1.5s0,0,0,0c2,1.45,7,1.8,8.94,2.86l.07,0,.24.19a19.11,19.11,0,0,0-1-25.74L37,69.64A19.11,19.11,0,0,0,8.91,95.49ZM23.5,59.65a23.41,23.41,0,0,1,16.61,6.88l.13.14a23.49,23.49,0,0,1-.13,33.09l-.14.13A23.49,23.49,0,1,1,23.5,59.65ZM85.56,96.11c1.91-1.68,6-2.1,8.51-3.58,2.2-1.32,1.82-2.65,1.81-4.83H92.39c-9.06,0-3.09.71-1.86-9.13,1.84-13.9,15.84-13.91,17.91,0,1.32,9.47,7,9.13-1.87,9.13H103c0,2.41-.39,3.64,2.11,5,1.86,1,6.09,1.65,8.12,3.33A19.12,19.12,0,0,0,113,69.5l-.12-.1A19.11,19.11,0,0,0,86,69.28l-.11.12a19.13,19.13,0,0,0-.31,26.71Zm13.82-36.7A23.44,23.44,0,0,1,116,66.29l.12.14A23.48,23.48,0,0,1,116,99.52l-.14.13a23.47,23.47,0,0,1-33.09-.13l-.13-.13a23.48,23.48,0,0,1,.13-33.1l.13-.13a23.44,23.44,0,0,1,16.48-6.75ZM48.72,35.84l.25-.2c2.58-1.52,6.46-1.12,9-2.89a7.53,7.53,0,0,0,.47-.91c.23-.54.45-1.13.58-1.53a20.12,20.12,0,0,1-1.54-2.2l-1.56-2.48A4.54,4.54,0,0,1,55,23.36a1.78,1.78,0,0,1,.15-.81,1.46,1.46,0,0,1,.54-.62,1.5,1.5,0,0,1,.38-.19A38.76,38.76,0,0,1,56,17.28a5.8,5.8,0,0,1,.19-1,6,6,0,0,1,2.64-3.36,8.42,8.42,0,0,1,2.21-1c.49-.14-.42-1.72.09-1.78,2.47-.25,6.48,2,8.21,3.88a6.11,6.11,0,0,1,1.53,3.82l-.1,4h0a1.13,1.13,0,0,1,.82.85,3.54,3.54,0,0,1-.43,2.13h0a.17.17,0,0,1,0,.05l-1.78,2.93a15.38,15.38,0,0,1-2.18,3l.23.34a10.29,10.29,0,0,0,1.16,1.49l0,.05c2,1.45,7,1.8,8.94,2.86l.07,0,.24.19a19.13,19.13,0,0,0-1-25.74L76.82,10a19.11,19.11,0,0,0-28.1,25.85ZM63.31,0A23.41,23.41,0,0,1,79.92,6.88l.13.14a23.47,23.47,0,0,1-.13,33.09l-.13.13A23.49,23.49,0,1,1,63.31,0Zm29,37.29a4.32,4.32,0,0,1,2.4-7.6,4.34,4.34,0,0,1,3.14,1L99.37,32l1.49,1.42c1,1,2,2,2.86,3s1.73,2.06,2.52,3.12,1.59,2.22,2.32,3.38,1.42,2.34,2,3.52l0,.12a4.31,4.31,0,0,1-5.15,6A4.23,4.23,0,0,1,103,50.51c-.52-1-1.1-2-1.71-2.94s-1.27-1.92-1.94-2.81S97.9,42.94,97.12,42s-1.52-1.68-2.3-2.45-1.65-1.55-2.53-2.3ZM76.05,109a4.27,4.27,0,0,1,3.28.23l.08,0a4.33,4.33,0,0,1,2.1,2.45v0a4.31,4.31,0,0,1-2.73,5.42c-1.37.46-2.75.86-4.15,1.21s-2.76.62-4.19.85-2.86.41-4.27.52-2.89.18-4.32.18-2.92-.06-4.38-.18-2.9-.3-4.36-.54-2.92-.55-4.31-.9-2.83-.78-4.19-1.24a4.33,4.33,0,0,1-2.48-2.2,4.28,4.28,0,0,1-.21-3.3,4.34,4.34,0,0,1,2.19-2.48,4.28,4.28,0,0,1,3.3-.21l0,0c1.13.38,2.3.73,3.49,1l0,0c1.16.29,2.33.54,3.49.73h0c1.16.19,2.37.34,3.61.44s2.43.15,3.7.15,2.46-.05,3.64-.15,2.42-.24,3.56-.43h.07c1.16-.19,2.33-.43,3.49-.72s2.32-.62,3.44-1Z'/></svg>");
}

#features article:nth-child(2)::after {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 512 429.08'><path fill-rule='nonzero' d='M364.87 24.95c5.85 3.05 10.48 6.9 14.37 11.37 3.7 4.26 6.66 9.05 9.38 14.25 2.96 5.67 5.3 12.24 7.8 19.3 3.15 8.89 6.61 18.62 11.56 27.12 4.11 7.05 13.07 12.67 22.48 18.58 11.01 6.91 22.56 14.17 30.19 25.11h32.59c5.16 0 9.85 2.12 13.25 5.51l.35.38c3.19 3.37 5.16 7.91 5.16 12.87v110.3c0 5.16-2.12 9.85-5.51 13.25-3.4 3.4-8.1 5.52-13.25 5.52H451.1c.24 12.11-.92 22.37-3.66 31.19-4.53 14.52-13.13 24.91-26.47 32.83-9.59 5.68-20.3 7.68-29.75 9.43-6.9 1.28-13.01 2.42-15.92 4.59-7.69 5.71-11.94 12.81-16.3 20.11-5.95 9.97-12.12 20.27-26.46 29.62-9.12 5.94-18.62 9.79-28.48 11.6-9.87 1.8-20.01 1.56-30.4-.67-9.33-2.01-16.42-6.81-23.16-11.37-5.45-3.69-10.62-7.2-15.69-7.84-10.69-1.35-22.27.42-33.16 2.09-12.11 1.85-23.46 3.59-33.77 1.25a76.87 76.87 0 0 1-10.94-3.33 71.481 71.481 0 0 1-10.01-4.85c-3.19-1.81-6.28-3.92-9.28-6.31a77.354 77.354 0 0 1-8.35-7.8c-7.18-7.76-11.36-18.48-15.82-29.91-3.98-10.23-8.22-21.1-14.77-29.72-3.06-4.03-8.69-6.77-14.62-9.65-7.29-3.54-14.97-7.27-21.42-14.39-4.78-5.29-8.74-10.91-11.83-16.87H18.76c-5.16 0-9.85-2.12-13.25-5.52C2.11 279.6 0 274.9 0 269.74v-110.3c0-5.16 2.11-9.86 5.51-13.25 3.39-3.4 8.08-5.51 13.25-5.51h34.93v-.22c.18-15.52 4.88-28.16 15.18-39.32 9.76-10.58 24.53-19.6 45.36-28.4 11.2-4.73 18.95-9.61 24.88-14.77 5.87-5.12 10.01-10.6 13.96-16.52l.69-1.02c8.19-12.32 16.57-24.88 37.62-35.18 24.25-11.85 44.23-1.29 62.76 8.51 9.84 5.21 19.2 10.16 27.35 10.2 9.8.04 19.97-1.84 29.27-3.56 7.41-1.37 14.32-2.65 20.61-2.91 5.84-.24 11.47-.07 17 1 5.59 1.09 11.06 3.09 16.5 6.46zM80.25 220.94H62.36v7.98h21.92v13.14H44.46v-55.92h39.37l-2.23 13.14H62.36v8.69h17.89v12.97zm28.82-34.8 6.17 14.94h.9l6.17-14.94h19.42l-12.44 27.02 12.44 28.9h-19.86l-6.72-16.1h-.8l-6.62 16.1H88.76l12.17-28.36-12.17-27.56h20.31zm75.61 39.91 1.35 15.03c-3.76 1.55-8.47 2.32-14.14 2.32s-10.22-.59-13.65-1.78c-3.43-1.2-6.13-3.08-8.1-5.64-1.96-2.57-3.34-5.58-4.11-9.04-.78-3.46-1.17-7.73-1.17-12.8s.39-9.35 1.17-12.84c.77-3.49 2.15-6.51 4.11-9.08 3.82-4.95 10.83-7.43 21.03-7.43 2.27 0 4.94.23 8.01.67 3.07.45 5.36 1 6.85 1.66l-2.69 13.69c-3.87-.83-7.42-1.25-10.64-1.25-3.23 0-5.46.3-6.72.89-1.25.6-1.87 1.79-1.87 3.58v23.45c2.32.47 4.68.71 7.06.71 5.07 0 9.58-.71 13.51-2.14zm44.75 16.01h-35.8v-55.92h17.9v41.61h17.9v14.31zm22.82-55.92v41.96h6.35c2.27 0 3.82-.28 4.65-.85.84-.56 1.26-1.86 1.26-3.89v-37.22h17.89v31.4c0 5.07-.33 9.16-.98 12.26-.66 3.11-1.88 5.73-3.67 7.88-1.79 2.15-4.24 3.64-7.34 4.47-3.1.84-7.13 1.25-12.08 1.25s-8.96-.41-12.03-1.25c-3.08-.83-5.51-2.32-7.3-4.47s-3.01-4.77-3.66-7.88c-.66-3.1-.99-7.19-.99-12.26v-31.4h17.9zm36.86 54.94 2.51-12.41c5.49 1.37 10.43 2.05 14.81 2.05 4.38 0 7.92-.18 10.6-.53v-6.83l-8.05-.72c-7.28-.65-12.27-2.4-14.99-5.23-2.71-2.83-4.07-7.02-4.07-12.57 0-7.64 1.66-12.89 4.97-15.75 3.31-2.87 8.93-4.3 16.87-4.3 7.93 0 15.09.75 21.47 2.24L330.99 199c-5.54-.9-9.99-1.34-13.33-1.34s-6.17.14-8.5.44v6.74l6.44.62c7.82.78 13.22 2.64 16.2 5.6 2.98 2.95 4.47 7.05 4.47 12.3 0 3.76-.5 6.94-1.52 9.53-1.01 2.6-2.22 4.56-3.62 5.91-1.4 1.34-3.39 2.37-5.95 3.09-2.57.71-4.82 1.14-6.76 1.29-1.94.15-4.52.22-7.74.22-7.75 0-14.94-.77-21.57-2.32zm55.22.98v-55.92h17.89v55.92h-17.89zm58.7-55.92h18.88l-13.87 55.92h-26.13l-13.87-55.92h18.88l7.61 35.52h.8l7.7-35.52zm60.49 34.8h-17.9v7.98h21.93v13.14h-39.82v-55.92h39.37l-2.24 13.14h-19.24v8.69h17.9v12.97zm-21.95-80.26c-5.58-5.02-12.2-9.18-18.61-13.21-10.91-6.85-21.3-13.37-27.16-23.42-5.62-9.63-9.3-20.01-12.67-29.5-2.36-6.67-4.57-12.88-6.97-17.48-2.23-4.27-4.64-8.17-7.56-11.54a34.33 34.33 0 0 0-10.24-8.07l-.52-.33c-3.95-2.51-7.97-3.99-12.11-4.8-4.39-.85-8.98-.98-13.81-.78-5.28.22-11.72 1.41-18.63 2.69-9.88 1.82-20.7 3.82-31.86 3.78-11.65-.05-22.48-5.78-33.86-11.8-15.5-8.2-32.22-17.04-50.02-8.34-17.59 8.6-24.9 19.57-32.06 30.32l-.73 1.08c-4.59 6.88-9.43 13.26-16.39 19.33-6.91 6.02-15.87 11.67-28.68 17.09-18.93 7.99-32.13 15.94-40.46 24.98-7.79 8.44-11.34 18.07-11.48 29.94v.06h80.71c12.75-18.65 30.31-34 51.27-44.02 3.5-1.67 7.7-.19 9.37 3.31 1.67 3.5.19 7.7-3.31 9.37-15.62 7.47-29.12 18.27-39.78 31.34h179.95l-.11-.14a116.863 116.863 0 0 0-48.52-34.95c-3.64-1.38-5.47-5.46-4.08-9.09 1.38-3.64 5.46-5.47 9.09-4.08a130.806 130.806 0 0 1 54.37 39.2c2.39 2.91 4.66 5.93 6.79 9.06h78.07zM437 288.51h-74.2l-.72 1.02c-19.3 27.16-48.97 46.95-84.43 52.94-35.43 5.99-69.95-2.95-97.11-22.26a130.766 130.766 0 0 1-31.44-31.7H67.21c1.75 2.56 3.71 5.04 5.88 7.44 4.57 5.05 11.01 8.18 17.12 11.14 7.47 3.63 14.55 7.07 19.69 13.84 7.77 10.23 12.38 22.03 16.7 33.13 3.96 10.17 7.68 19.7 13.01 25.46 2.15 2.33 4.43 4.45 6.81 6.36 2.32 1.85 4.81 3.54 7.45 5.04l.09.06c2.53 1.48 5.24 2.79 8.11 3.91 2.87 1.12 5.84 2.03 8.9 2.72 7.65 1.73 17.78.18 28.59-1.47 11.73-1.8 24.21-3.7 37.02-2.09 8.39 1.06 14.92 5.49 21.8 10.15 5.6 3.79 11.51 7.79 18.21 9.23 8.63 1.85 16.95 2.07 24.94.61 8.01-1.47 15.8-4.64 23.35-9.56 11.59-7.56 16.91-16.45 22.04-25.04 5.09-8.52 10.04-16.8 20-24.19 5.51-4.1 13.14-5.52 21.77-7.12 8.25-1.54 17.59-3.28 25.11-7.74 10.21-6.05 16.77-13.93 20.18-24.88 2.31-7.41 3.27-16.3 3.02-27zm-91.89 0h-178.3c6.42 7.67 13.78 14.47 21.89 20.23 24.21 17.22 55.01 25.19 86.64 19.84 28.41-4.8 52.66-19.55 69.77-40.07zm148.13-136.07H18.76c-1.92 0-3.67.79-4.94 2.06a6.979 6.979 0 0 0-2.06 4.94v110.3c0 1.92.8 3.67 2.06 4.94a6.979 6.979 0 0 0 4.94 2.06h474.48c1.91 0 3.66-.79 4.93-2.06 1.27-1.27 2.07-3.03 2.07-4.94v-110.3c0-1.81-.7-3.47-1.84-4.72l-.22-.22c-1.27-1.26-3.02-2.06-4.94-2.06zM251.81 63.75l6.49 15.2 16.59 1.49c.57.07 1.07.36 1.41.77.36.41.55.96.52 1.54v.1c-.03.28-.11.55-.23.79-.11.21-.26.41-.43.58l-12.58 10.99 3.7 16.2c.12.58 0 1.17-.29 1.64l-.03.05c-.31.45-.78.8-1.35.93l-.07.02c-.28.05-.56.05-.81 0l-.08-.01c-.27-.06-.53-.17-.75-.31l-14.16-8.47-14.23 8.51c-.51.31-1.12.38-1.67.25-.55-.14-1.05-.49-1.37-1.02-.14-.24-.24-.51-.28-.78l-.01-.05c-.03-.24-.02-.47.01-.69l3.72-16.27-12.49-10.91c-.45-.39-.72-.95-.75-1.51-.04-.57.14-1.15.54-1.61.2-.23.44-.41.7-.54l.05-.02c.25-.11.53-.18.8-.2l16.43-1.47 6.54-15.3a2.209 2.209 0 0 1 2.88-1.12c.28.12.52.28.7.47.21.21.37.45.48.71l.02.04z'/></svg>");
}

#features article:nth-child(3)::after {
    content: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?><svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 122.88 115.48' style='enable-background:new 0 0 122.88 115.48' xml:space='preserve'><style type='text/css'>.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g><path class='st0' d='M39.54,70.85l8.78,25.83l4.42-15.33l-2.17-2.37c-0.98-1.42-1.19-2.67-0.65-3.74c1.17-2.32,3.6-1.89,5.87-1.89 c2.38,0,5.31-0.45,6.05,2.52c0.25,0.99-0.06,2.04-0.76,3.11l-2.17,2.37l4.42,15.33l7.95-25.83c1.71,1.53,4.4,2.7,7.52,3.68 c0.47-0.56,0.97-1.11,1.49-1.63c4.51-4.51,10.75-7.31,17.64-7.31c6.89,0,13.12,2.79,17.64,7.31c4.51,4.51,7.31,10.75,7.31,17.64 s-2.79,13.12-7.31,17.64c-4.51,4.51-10.75,7.31-17.64,7.31c-5.22,0-10.07-1.61-14.08-4.35H6.07c-3.81-0.29-5.75-2.26-6.07-5.67 c0.97-6.57,1.24-15.16,5.24-20.45c1.45-1.92,3.26-3.34,5.26-4.45C16.82,77.04,33.8,76.01,39.54,70.85L39.54,70.85z M85.11,92.67 l4.54-4.76l6.55,6.3l10.2-13.59l5.07,4.09c-2.39,2.96-10.91,14.65-12.77,16.17c-1.53,1.25-3.73,1.25-5.15-0.12L85.11,92.67 L85.11,92.67z M112.95,75.52c-3.84-3.84-9.15-6.22-15.02-6.22c-5.87,0-11.18,2.38-15.02,6.22c-3.84,3.84-6.22,9.15-6.22,15.02 c0,5.87,2.38,11.18,6.22,15.02c3.84,3.84,9.15,6.22,15.02,6.22c5.87,0,11.18-2.38,15.02-6.22c3.84-3.84,6.22-9.15,6.22-15.02 C119.18,84.67,116.8,79.36,112.95,75.52L112.95,75.52z M35.32,33.91c0.68,0.19,1.38,0.21,2.11,0.06l-1.25-9.91 c0.64-2.45,1.62-4.36,2.92-5.76c1.36-1.46,3.06-2.37,5.09-2.76c2.69-0.19,3.5,1.77,6.19,3.49c8.18,5.23,15.1,6.99,25.21,7.12 l-1.25,6.32c-0.17,0.26-0.26,0.58-0.23,0.91c0,0.05,0.01,0.11,0.02,0.16l-0.18,0.9c0.28,0.02,0.55,0.03,0.82,0.02 c0.25,0.15,0.55,0.23,0.87,0.2c1.76-0.16,2.83,0,3.12,0.59c0.4,0.8,0.06,2.43-1.09,5.05l-5.53,9.11c-2.06,3.39-4.14,6.78-6.79,9.25 c-2.54,2.38-5.67,3.96-9.94,3.95c-3.95-0.01-6.93-1.53-9.4-3.78c-2.56-2.34-4.63-5.53-6.59-8.66l-4.91-7.81l0,0l-0.02-0.03 c-1.51-2.25-2.29-4.19-2.33-5.68c-0.01-0.5,0.06-0.94,0.23-1.3c0.15-0.32,0.38-0.59,0.7-0.81C33.62,34.19,34.36,33.98,35.32,33.91 L35.32,33.91L35.32,33.91z M78.98,32.1l0.31-12.72c-0.37-5.17-2.08-9.08-4.81-12.03c-6.69-7.24-19.19-9.1-28.62-5.69 c-1.59,0.57-3.09,1.3-4.46,2.17c-3.89,2.48-7.04,6.09-8.29,10.57c-0.3,1.06-0.5,2.12-0.61,3.18c-0.2,4.46-0.09,9.78,0.23,14.01 c-0.44,0.17-0.84,0.37-1.2,0.61c-0.76,0.51-1.33,1.18-1.7,1.97c-0.35,0.76-0.51,1.62-0.48,2.57c0.06,2.01,0.99,4.47,2.79,7.15 l4.91,7.8c2.07,3.28,4.24,6.64,7.08,9.24c2.94,2.69,6.53,4.51,11.3,4.53c5.11,0.01,8.84-1.88,11.87-4.71 c2.92-2.74,5.12-6.3,7.27-9.85l5.59-9.21c0.03-0.05,0.06-0.11,0.08-0.16l0,0c1.53-3.47,1.86-5.89,1.06-7.49 C80.84,33.05,80.06,32.43,78.98,32.1L78.98,32.1L78.98,32.1z'/></g></svg>");
}

#features article:nth-child(4)::after {
    content: url("data:image/svg+xml,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 66.49'><defs><style>.cls-1{fill-rule:evenodd;}</style></defs><title>leaderboard</title><path class='cls-1' d='M2.27,18.3H34.05a2.27,2.27,0,0,1,2.27,2.27V64.22a2.27,2.27,0,0,1-2.27,2.27H2.27A2.27,2.27,0,0,1,0,64.22V20.57A2.27,2.27,0,0,1,2.27,18.3ZM68.4,9.44V31H61V17.39l-4.52,1.8-2-5.3,7.66-4.45ZM26,49.45H11V43.81l2.84-2.75c.62-.57,1.21-1.13,1.77-1.7L17,38a7.69,7.69,0,0,0,1-1.24,3.52,3.52,0,0,0,.54-1,2.82,2.82,0,0,0,.09-.71,1.08,1.08,0,0,0-.5-1.08,4.54,4.54,0,0,0-1.73-.23,24,24,0,0,0-4.32.36l-.69.13L11,28.58a21.3,21.3,0,0,1,7.12-1.21A9.13,9.13,0,0,1,24,29.06a5.64,5.64,0,0,1,2.12,4.68,9.36,9.36,0,0,1-1,4.7A11.9,11.9,0,0,1,21.45,42l-2.19,1.54H26v5.9ZM103.1,37.19q4.82,0,7,1.37t2.18,4.85a6.81,6.81,0,0,1-.44,2.75,4.59,4.59,0,0,1-1.56,1.74A6.49,6.49,0,0,1,112,49.78a5.44,5.44,0,0,1,.52,2.64q0,4.09-2.13,5.65t-6.58,1.55A28.12,28.12,0,0,1,98,59l-1.08-.23L97.07,53q3.77.33,5.37.33a8,8,0,0,0,2.13-.18.76.76,0,0,0,.53-.79.91.91,0,0,0-.37-.83,2.48,2.48,0,0,0-1.37-.33H98.74v-5.8h4.32c1.18,0,1.77-.33,1.77-1s-.75-1-2.26-1c-1,0-2.53.08-4.52.23l-.85.07L97,38.14a26.29,26.29,0,0,1,6.06-1ZM45.55,0H77.33A2.27,2.27,0,0,1,79.6,2.27v62a2.27,2.27,0,0,1-2.27,2.27H45.55a2.27,2.27,0,0,1-2.27-2.27V2.27A2.27,2.27,0,0,1,45.55,0ZM88.83,30.35h31.78a2.28,2.28,0,0,1,2.27,2.27v31.6a2.27,2.27,0,0,1-2.27,2.27H88.83a2.27,2.27,0,0,1-2.27-2.27V32.62a2.27,2.27,0,0,1,2.27-2.27Z'/></svg>");
}

#features article:nth-child(5)::after {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 512 370.38'><path d='m13.51 158.13 9.57 118.61c1.29 12.26 3.94 20.14 7.68 24.48 2.96 3.43 7 4.41 11.85 3.52.39-.07.77-.1 1.15-.1l46.28-.02.69.03c6.49.11 10.98-1.82 13.8-5.45 3.29-4.23 4.89-10.9 5.14-19.51l-.02-130.76c-.17-.58-.26-1.19-.26-1.82 0-.17 0-.34.02-.51-.72-4.17-2.54-6.98-5.24-8.73-3.73-2.41-9.33-3.34-16.18-3.26h-.08v.03l-58.74-.01c-6.05.29-10.69 1.74-13.29 4.86-2.78 3.34-3.78 9.11-2.43 18.05l.06.59zm374.41-5.04c0-2.1.13-4.09.39-5.97l-21.77-14.54c-3.13-2.09-6.56-4.49-10-6.9-5.87-4.11-11.81-8.27-17.91-11.91 2.14-3.7 4.02-7.58 5.61-11.6 6.77 3.97 13.25 8.52 19.64 13 3.19 2.23 6.36 4.45 9.79 6.74l19.35 12.88c.98-1.36 2.11-2.6 3.37-3.74 5.53-4.98 13.45-7.41 23.61-7.42v-.03l55.1.02c11.52-.04 20.91 2.06 27.4 7.06 7.22 5.57 10.62 14.04 9.17 26.19l-12.18 125.89c-.89 11.23-3.86 20.05-9.15 26.13-5.63 6.47-13.47 9.66-23.74 9.23l-49.55.01c-6.94.36-12.82-1.52-17.75-5.45-3.6-2.88-6.58-6.82-8.97-11.73h-17.14c2.31 6.75 2.19 13.16.35 18.84-1.9 5.86-5.59 10.84-10.3 14.58-4.61 3.66-10.24 6.16-16.12 7.12-5.75.94-11.76.43-17.35-1.89-6.51 6.79-13.35 11.08-20.49 13.04-7.17 1.97-14.43 1.57-21.78-1-6.97 7.72-14.68 12.57-23.18 14.41-8.65 1.88-17.84.58-27.59-4.01-3.03 2.38-6.21 4.26-9.53 5.63-4.7 1.94-9.64 2.84-14.79 2.69-12.35-.36-20.67-4.02-27.29-9.94-6.31-5.64-10.57-12.89-15.35-21.23l-27.31-47.64h-21.18c-1.23 6.16-3.38 11.37-6.59 15.5-5.4 6.97-13.33 10.66-24.29 10.44l-46.21.01c-9.15 1.49-17-.76-23.14-7.88-5.44-6.3-9.16-16.51-10.75-31.53l-.06-.55L.69 159.25c-1.9-12.77.2-21.8 5.33-27.97 5.18-6.22 12.98-9.03 22.6-9.48l.79-.05h58.5v.03c9.23-.1 17.17 1.42 23.2 5.32 4.85 3.14 8.33 7.56 10.12 13.57h39.81c10-6.75 19.37-12.05 29.73-15.28 1.54-.48 3.09-.91 4.67-1.29 2.11 2.67 4.37 5.21 6.77 7.61a84.39 84.39 0 0 0 3.77 3.56c-3.99.46-7.76 1.27-11.39 2.4-9.35 2.91-18.07 7.99-27.61 14.5-1.1.87-2.49 1.38-3.99 1.38h-40.46v125.12h23.65c2.5 0 4.67 1.42 5.74 3.5l29.03 50.63c4.25 7.42 8 13.83 12.73 18.06 4.42 3.95 10.2 6.4 19.08 6.67 3.34.09 6.53-.49 9.57-1.74 1.86-.77 3.69-1.81 5.48-3.11l-18.91-35.39a6.412 6.412 0 0 1 2.64-8.68 6.41 6.41 0 0 1 8.68 2.64l20.56 38.47c7.65 3.89 14.59 5.1 20.83 3.75 5.7-1.23 11.08-4.66 16.13-10.19l-29.62-46.5a6.41 6.41 0 0 1 1.97-8.85 6.4 6.4 0 0 1 8.85 1.96l31.22 49.02c5.48 2.22 10.74 2.72 15.75 1.35 4.78-1.32 9.57-4.38 14.35-9.34l-28.29-53.25c-1.66-3.14-.47-7.04 2.67-8.7a6.44 6.44 0 0 1 8.71 2.66l29.26 55.09c3.8 2.21 8.21 2.78 12.45 2.09 3.7-.61 7.26-2.19 10.17-4.51 2.82-2.23 5-5.13 6.08-8.44 1.17-3.63 1.05-7.9-.97-12.53a6.45 6.45 0 0 1-.52-2.97 6.456 6.456 0 0 1-3.66-4.26l-64.23-115.85c-7.13-11.94-13.57-12.25-19.79-8.54-4.41 2.63-9.05 6.87-13.7 11.11-2.81 2.58-5.64 5.16-7.98 7.09l-11.4 9.39c-7.94 6.32-16.88 9.7-25.36 10.41-5.64.46-11.13-.26-16.06-2.11-5.1-1.91-9.57-5.01-12.96-9.23-3.66-4.53-6.05-10.29-6.62-17.13-.16-1.97.58-3.79 1.86-5.08l30.97-36.85c3.41 2.61 7.03 4.98 10.81 7.06l-30.47 36.27c.6 3.06 1.81 5.63 3.46 7.68 1.91 2.38 4.48 4.15 7.43 5.25 3.12 1.18 6.72 1.62 10.53 1.31 6.08-.5 12.56-2.99 18.4-7.62l11.21-9.26c2.83-2.34 5.18-4.49 7.53-6.64 5.17-4.72 10.34-9.44 15.76-12.67 12.56-7.49 25.06-7.74 37.42 13l63.39 114.32h21.54l.02-134.92zM263.53 0c38.89 0 70.4 31.53 70.4 70.4 0 38.89-31.53 70.39-70.4 70.39-38.9 0-70.4-31.52-70.4-70.39 0-38.9 31.52-70.4 70.4-70.4zm-19.64 63.86c2.44 1.4 4.45 2.69 6.33 4.15a39.47 39.47 0 0 1 4.07 3.63c3.37-4.93 9.81-13.04 16.15-19.81 5.29-5.64 10.59-10.41 14.17-11.8l.31-.12h18.79l-2.55 2.83c-9.82 10.91-17.57 19.96-24.53 29.52-6.96 9.57-13.18 19.71-19.98 32.82l-1.58 3.04-1.45-3.1c-3.51-7.51-6.83-13.86-11-19.49-4.14-5.6-9.15-10.54-16.08-15.29l-3.2-2.19 19.98-4.52.57.33zM65.73 249.69c6.11 0 11.07 4.95 11.07 11.07 0 6.11-4.96 11.07-11.07 11.07-6.12 0-11.08-4.96-11.08-11.07 0-6.12 4.96-11.07 11.08-11.07zm378.78 0c6.12 0 11.08 4.95 11.08 11.07 0 6.11-4.96 11.07-11.08 11.07-6.11 0-11.07-4.96-11.07-11.07 0-6.12 4.96-11.07 11.07-11.07z'/></svg>");
}

#features article:nth-child(6)::after {
    content: url("data:image/svg+xml,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 81.14'><defs><style>.cls-1{fill-rule:evenodd;}</style></defs><title>graph</title><path class='cls-1' d='M4.73,48.37H16.35a1.35,1.35,0,0,1,1.34,1.35V79.8a1.34,1.34,0,0,1-1.34,1.34H4.73A1.35,1.35,0,0,1,3.38,79.8V49.72a1.36,1.36,0,0,1,1.35-1.35ZM116,17.59a6.86,6.86,0,1,1-6.84,7.22L91.44,12.36a6.88,6.88,0,0,1-4.09,1.34,6.81,6.81,0,0,1-4.24-1.47L68.23,23.55a6.54,6.54,0,0,1,.06.89,6.85,6.85,0,1,1-13.58-1.28l-15.18-11a6.87,6.87,0,0,1-8.44.1L13.7,24.68a6.86,6.86,0,1,1-2.16-5.23l16.88-12c0-.2,0-.39,0-.59a6.85,6.85,0,1,1,13.7,0c0,.14,0,.28,0,.41L57.82,18.62a6.86,6.86,0,0,1,3.62-1,6.78,6.78,0,0,1,3.91,1.23L80.52,7.27c0-.14,0-.28,0-.42a6.86,6.86,0,0,1,13.71,0,5.12,5.12,0,0,1,0,.69l17.09,12A6.8,6.8,0,0,1,116,17.59Zm-9.5,28h11.62A1.36,1.36,0,0,1,119.5,47V79.8a1.35,1.35,0,0,1-1.35,1.34H106.53a1.34,1.34,0,0,1-1.34-1.34V47a1.35,1.35,0,0,1,1.34-1.35ZM81.08,28.49H92.7a1.36,1.36,0,0,1,1.35,1.35v50a1.35,1.35,0,0,1-1.35,1.34H81.08a1.34,1.34,0,0,1-1.34-1.34v-50a1.34,1.34,0,0,1,1.34-1.35ZM55.63,45.61H67.25A1.35,1.35,0,0,1,68.59,47V79.8a1.34,1.34,0,0,1-1.34,1.34H55.63a1.34,1.34,0,0,1-1.34-1.34V47a1.35,1.35,0,0,1,1.34-1.35ZM30.18,28.49H41.8a1.35,1.35,0,0,1,1.34,1.35v50a1.34,1.34,0,0,1-1.34,1.34H30.18a1.35,1.35,0,0,1-1.35-1.34v-50a1.35,1.35,0,0,1,1.35-1.35Z'/></svg>");
}

#features article:nth-child(7)::after {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 365 511.41'><path d='M312.22 319.17 365 442.58l-66.17-.77-54.38 44.12-47.7-116.25c13.79-3.35 27.44-10.32 41.22-21.13l1.66-1.22-.03-.04.9-.7-.04-.06c1.75-1.4 3.55-2.83 5.15-4.05 3.33.21 6.93.34 11.42.13 6.19-.28 12.83-1.26 20.17-3.62 6.46-2.08 12.45-4.63 17.95-7.67a92.904 92.904 0 0 0 15.92-11.07l-.04-.05 1.19-1.03zM176.94.02c6.61-.18 12.52.85 18.01 2.74 5.06 1.74 9.7 4.23 14.27 7.13 4.64 2.88 9.01 6.59 13.68 10.59 4.47 3.82 9.4 8.02 14.35 10.85l.32.19c2.04.78 7.25.99 12.7 1.18 18.99.7 39.48 1.46 54.86 24.29l.84 1.35c11.01 16.92 11.83 29.59 12.62 41.99l.04.87c.25 3.82.69 7.41 1.89 10.96 1.32 3.75 3.64 8.07 7.74 13.5 11.11 14.68 17.97 27.55 20.79 40.04 3.34 14.82 1.15 28.02-6.3 41.3-5.31 9.44-12.4 15.52-18.65 20.87-2.26 1.93-3.38 1.55-3.83 2.61l-.46 1.01c-1.07 3.17-1.14 7.07-1.19 11.04-.15 10.2-.33 20.77-7.49 34.9-4.49 8.84-10.36 16.31-17.53 22.41-7.04 6.06-15.27 10.57-24.61 13.58-9.57 3.08-17.24 2.54-24.49 2.02-2.77-.19-4.74-.67-5.07-.53-5.2 2.25-10.72 6.69-15.91 10.84l-1.2.9c-32.39 25.86-61.07 23.86-91.96-.9-5.18-4.15-10.71-8.58-15.92-10.76-.52-.23-4.25.39-5.06.45-7.26.52-14.93 1.06-24.49-2.02-9.35-3.01-17.57-7.52-24.61-13.5-7.13-6.06-12.99-13.56-17.53-22.49-7.18-14.14-7.34-24.71-7.49-34.91-.06-4.41-.14-8.72-1.57-12.04-.5-1.17-1.57-.61-3.91-2.61-6.24-5.34-13.35-11.41-18.66-20.87-7.45-13.28-9.63-26.48-6.29-41.3 2.81-12.5 9.67-25.36 20.78-40.04 4.1-5.43 6.43-9.75 7.72-13.51l.25-.7c1.03-3.31 1.43-6.68 1.65-10.25l.09-1.36c.81-12.58 1.77-25.45 13.42-42.77 15.37-22.9 35.87-23.67 54.87-24.37 5.79-.21 11.31-.43 13.04-1.33 4.94-2.87 9.86-7.07 14.35-10.91l1.22-.97c4.21-3.57 8.18-6.91 12.37-9.56 4.46-2.89 9.11-5.38 14.33-7.17C164.41.87 170.29-.16 176.94.02zm.01 17.56c8.32-.36 14.88 2.54 21.5 6.75 8.4 5.33 17.86 15.85 29.53 22.53 16.43 9.38 46.85-3.57 62.43 19.58 9.09 13.49 9.51 24.08 10.19 34.53.73 11.28 2.71 21.65 14.25 36.92 19.11 25.27 23.09 42.09 13.25 59.62-6.72 11.95-20.85 18.59-24.12 26.16-6.96 16.1.74 28.24-8.79 47.01-6.61 13.03-16.82 21.61-30.42 25.99-11.46 3.69-22.96-1.65-32.14 2.21-16.13 6.77-28.03 22.53-40.86 26.51-4.95 1.53-9.89 2.29-14.82 2.26-4.93.03-9.87-.73-14.82-2.26-12.84-3.98-24.73-19.74-40.86-26.51-9.18-3.86-20.68 1.48-32.15-2.21-13.59-4.38-23.8-12.96-30.41-25.99-9.53-18.77-1.83-30.91-8.79-47.01-3.27-7.57-17.41-14.21-24.12-26.16-9.85-17.53-5.86-34.35 13.24-59.62 11.54-15.27 13.52-25.64 14.25-36.92.68-10.45 1.11-21.04 10.19-34.53 15.58-23.15 46.01-10.2 62.43-19.58 11.68-6.68 21.13-17.2 29.54-22.53 6.62-4.21 13.18-7.11 21.5-6.75zm1.92 110.29 12.5 29.27 31.71 2.84a2.53 2.53 0 0 1 2.31 2.75 2.55 2.55 0 0 1-.86 1.7l-23.98 20.94 7.09 31.05a2.543 2.543 0 0 1-3.87 2.7l-27.25-16.29-27.33 16.34c-1.21.72-2.77.33-3.49-.88a2.53 2.53 0 0 1-.3-1.87l7.1-31.05-23.99-20.94a2.538 2.538 0 0 1-.24-3.59c.47-.54 1.12-.83 1.78-.87l31.62-2.83 12.51-29.29c.55-1.3 2.04-1.9 3.34-1.35.64.27 1.1.78 1.35 1.37zm-2.35-52.98c55.04 0 99.67 44.63 99.67 99.67 0 55.05-44.63 99.67-99.67 99.67-55.05 0-99.67-44.62-99.67-99.67 0-55.04 44.62-99.67 99.67-99.67zm0 16.83c45.75 0 82.84 37.09 82.84 82.84 0 45.76-37.09 82.84-82.84 82.84-45.76 0-82.84-37.08-82.84-82.84 0-45.75 37.08-82.84 82.84-82.84zm-.33 280.31-55.64 139.38-54.38-44.11-66.17.76 57.72-137.29 1.05.59c5.5 3.01 11.49 5.57 17.91 7.63 7.33 2.36 13.97 3.34 20.16 3.62 4.44.21 8.02.08 11.33-.12 1.63 1.23 3.51 2.73 5.31 4.18l.04.03c20.08 16.08 40.24 24.8 61.63 25.32l1.04.01z'/></svg>");
}

#features article:nth-child(8)::after {
    content: url("data:image/svg+xml,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 114.3'><defs><style>.cls-1{fill-rule:evenodd;}</style></defs><title>encrypted</title><path class='cls-1' d='M61.46,24.21c11.15,7.07,21.23,10.42,29.87,9.62C92.84,64.38,81.56,82.42,61.57,90c-19.3-7-30.72-24.31-29.87-56.58,10.15.53,20.11-1.66,29.76-9.16Zm14.14-5.3v4.38c1.16.5,2.31.95,3.45,1.37v-4h4a5.06,5.06,0,1,0,0-3.45H77.32a1.71,1.71,0,0,0-1.72,1.72ZM0,36.48a5.06,5.06,0,1,1,7.09,4.63V51.22H25.43c.2,1.17.41,2.32.64,3.45H5.37A1.71,1.71,0,0,1,3.65,53V41.34A5.05,5.05,0,0,1,0,36.48Zm13.91-3.36a5.05,5.05,0,0,1,10-.94c0,.59,0,1.18,0,1.77a5.1,5.1,0,0,1-3.31,3.94v4h3.67c.09,1.17.2,2.32.32,3.45H18.91a1.72,1.72,0,0,1-1.72-1.72V37.85a5,5,0,0,1-3.28-4.73ZM.08,64.49a5.06,5.06,0,0,1,9.81-1.73H28.16c.37,1.18.77,2.33,1.18,3.45H9.89A5.06,5.06,0,0,1,.08,64.49ZM11,85.54a5.06,5.06,0,0,1,3.26-4.73V74.16A1.72,1.72,0,0,1,16,72.44H32.05c.59,1.19,1.22,2.34,1.88,3.46H17.71v4.86A5.06,5.06,0,1,1,11,85.54ZM84.4,114.3a5.06,5.06,0,1,0-4.62-7.1H69.67V94.72q-1.68.93-3.45,1.77v12.44a1.72,1.72,0,0,0,1.72,1.72H79.55a5.05,5.05,0,0,0,4.85,3.65Zm3.37-13.91A5.06,5.06,0,1,0,83,93.66h-4V88.18q-1.67,1.45-3.45,2.76v4.45a1.71,1.71,0,0,0,1.72,1.72H83a5,5,0,0,0,4.73,3.28ZM56.4,114.21a5.05,5.05,0,0,0,1.73-9.8V97.07C57,96.56,55.8,96,54.68,95.43v9a5.05,5.05,0,0,0,1.72,9.8Zm-21-10.91A5.06,5.06,0,0,0,40.08,100h6.65a1.74,1.74,0,0,0,1.72-1.73V91.68C47.26,90.85,46.11,90,45,89v7.56H40.13a5.06,5.06,0,1,0-4.78,6.71Zm87.53-66.82a5.06,5.06,0,1,0-7.09,4.63V51.22H98c-.18,1.17-.39,2.32-.62,3.45h20.18A1.71,1.71,0,0,0,119.23,53V41.34a5.05,5.05,0,0,0,3.65-4.86ZM109,33.12a5.05,5.05,0,0,0-9.81-1.71,5.69,5.69,0,0,0,0,3.51,5.1,5.1,0,0,0,3,3v4H99c-.08,1.17-.17,2.32-.28,3.45H104a1.72,1.72,0,0,0,1.72-1.72V37.85A5,5,0,0,0,109,33.12ZM122.8,64.49A5.06,5.06,0,0,0,113,62.76H95.25c-.38,1.18-.78,2.33-1.21,3.45H113a5.06,5.06,0,0,0,9.81-1.72ZM111.88,85.54a5.06,5.06,0,0,0-3.26-4.73V74.16a1.72,1.72,0,0,0-1.73-1.72H91.28c-.61,1.19-1.26,2.34-1.93,3.46h15.82v4.86a5.06,5.06,0,1,0,6.71,4.78ZM84.4,0a5.06,5.06,0,1,1-4.62,7.09H69.67V20.48c-1.14-.6-2.29-1.22-3.45-1.88V5.37a1.71,1.71,0,0,1,1.72-1.72H79.55A5.05,5.05,0,0,1,84.4,0ZM56.4.08a5.06,5.06,0,0,1,1.73,9.81v8.22q-1.73,1.17-3.45,2.16V9.89A5.06,5.06,0,0,1,56.4.08ZM35.35,11a5.06,5.06,0,0,1,4.73,3.26h6.65A1.74,1.74,0,0,1,48.45,16v7.35c-1.15.48-2.3.91-3.46,1.29V17.71H40.13A5.06,5.06,0,1,1,35.35,11Zm15,39.13h1.11V48.08a10.61,10.61,0,0,1,2.94-7.35,9.77,9.77,0,0,1,14.28,0,10.61,10.61,0,0,1,2.94,7.35v2.05h1.11a1.66,1.66,0,0,1,1.65,1.65V69.16a1.65,1.65,0,0,1-1.65,1.64H50.37a1.65,1.65,0,0,1-1.65-1.64V51.78a1.66,1.66,0,0,1,1.65-1.65Zm9.84,11.1-1.77,4.65h6.24L63,61.17a3.24,3.24,0,1,0-2.83.06ZM54.6,50.13H68.52V48.08a7.51,7.51,0,0,0-2.06-5.2,6.7,6.7,0,0,0-9.8,0,7.51,7.51,0,0,0-2.06,5.2v2.05Z'/></svg>");
}

#features article:nth-child(9)::after {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 512 487.84'><path fill-rule='nonzero' d='M182.68 304.85c-7.81-10.75-13.81-23.09-17.46-36.69-.76-2.87-1.41-5.74-1.94-8.61l-39.23 4.55c-.39 9.45-2.97 18.95-7.92 27.75l-.36.68c-8.56 14.83-22.33 24.79-37.66 28.9-15.09 4.04-31.73 2.4-46.42-5.86l-.67-.36c-14.83-8.56-24.8-22.33-28.9-37.66-4.05-15.1-2.4-31.73 5.86-46.42l.35-.67c8.57-14.83 22.34-24.8 37.67-28.91 15.09-4.04 31.73-2.39 46.42 5.87l.67.35c13.6 7.86 23.1 20.09 27.76 33.89l40.49-4.71h.09c.41-19.03 5.7-37.37 14.97-53.43v-.05c5.75-9.95 13.03-19.03 21.61-26.84l-24.07-36.02a63.118 63.118 0 0 1-18.15 5.17l-.06.01c-17.25 2.22-33.8-2.75-46.58-12.61-12.79-9.85-21.83-24.6-24.08-41.92v-.06c-2.23-17.26 2.74-33.8 12.6-46.59C107.52 11.82 122.28 2.78 139.6.53c17.28-2.24 33.84 2.74 46.64 12.6 12.79 9.85 21.83 24.61 24.08 41.93 2.24 17.28-2.73 33.84-12.6 46.65-.82 1.07-1.68 2.11-2.57 3.13l24.38 36.48c7.62-4.16 15.86-7.49 24.62-9.84 28-7.5 56.4-3.63 80.29 8.79l12.54-18.39c-8.83-9.75-14.65-22.37-15.81-36.48l-.01-.04c-1.39-17.04 4.25-33.06 14.51-45.17 10.28-12.13 25.17-20.34 42.23-21.75 17.06-1.41 33.09 4.24 45.21 14.51 12.13 10.27 20.34 25.16 21.75 42.23 1.41 17.05-4.24 33.08-14.5 45.21-10.28 12.12-25.17 20.33-42.23 21.74l-.06.01c-10.47.85-20.57-.95-29.6-4.86l-12.18 17.85c16.23 14.09 28.57 32.99 34.54 55.28 4.86 18.1 4.95 36.38 1.05 53.5l14.09 5.12c.37-.58.76-1.14 1.15-1.7 9.29-13.24 23.63-22.93 40.81-25.93 17.17-3 33.95 1.25 47.19 10.55 13.23 9.29 22.92 23.63 25.92 40.8 3.01 17.17-1.24 33.95-10.54 47.2-9.29 13.23-23.63 22.92-40.81 25.92-17.17 3.01-33.95-1.25-47.19-10.54-13.23-9.29-22.92-23.63-25.93-40.81a63.023 63.023 0 0 1-.16-20.86l-13.39-4.88c-.52 1.04-1.04 2.07-1.59 3.09-18.8 35.16-58.7 61.31-98.98 61.31-1.82 0-3.63-.05-5.43-.14l-2.42 15.43c12.16 5.02 22.82 13.94 29.93 26.19 8.59 14.82 10.37 31.71 6.29 47.03-4.08 15.36-14.02 29.17-28.84 37.76l-.13.08c-14.78 8.52-31.62 10.28-46.9 6.22-15.36-4.08-29.16-14.02-37.76-28.84l-.14-.25c-8.47-14.76-10.2-31.55-6.15-46.79 4.08-15.36 14.02-29.16 28.84-37.75l.14-.08a61.803 61.803 0 0 1 28.75-8.27l2.44-15.55c-21.95-7.15-44.85-24.71-58.39-43.37zm148.65-2.96c6.92-6.45 12.7-14 17.12-22.28 9.88-18.46 13.02-40.6 7.16-62.46-6.12-22.84-20.88-41.01-39.79-51.93-18.94-10.94-42.09-14.64-64.93-8.52-22.81 6.11-40.98 20.9-51.92 39.84l-.03-.01c-10.91 18.93-14.61 42.06-8.49 64.89 2.79 10.42 7.39 19.88 13.37 28.11 3.12 4.3 6.61 8.27 10.41 11.87 10.64-2.3 22.13-3.49 30.65-9.44.78-1.17 1.62-2.86 2.43-4.71 1.22-2.78 2.32-5.81 3.03-7.89-2.97-3.49-5.51-7.44-7.95-11.33l-8.04-12.79c-2.94-4.38-4.47-8.39-4.57-11.69-.05-1.54.22-2.95.79-4.18.6-1.3 1.52-2.37 2.77-3.21.58-.4 1.24-.73 1.95-.99-.53-6.95-.71-15.67-.38-23 .16-1.73.51-3.47.99-5.21 2.06-7.33 7.2-13.25 13.58-17.3 3.51-2.25 7.37-3.92 11.39-5.06 2.55-.73-2.18-8.88.45-9.17 12.79-1.32 33.44 10.35 42.35 20 4.47 4.83 7.28 11.23 7.89 19.71l-.5 20.87c2.23.68 3.66 2.09 4.24 4.38.63 2.54-.05 6.12-2.21 10.98-.04.08-.09.18-.14.26l-9.16 15.1c-3.37 5.54-6.79 11.11-11.25 15.49.4.58.82 1.16 1.21 1.75 1.81 2.66 3.65 5.33 5.98 7.7.09.08.16.17.2.24 6.89 4.87 20.23 7.33 31.4 9.98zm-288.94-5.16c9.51 5.3 20.3 6.34 30.11 3.71 9.97-2.67 18.93-9.15 24.49-18.79l.3-.49c5.3-9.51 6.34-20.3 3.71-30.11-2.67-9.97-9.15-18.93-18.79-24.49l-.49-.31c-9.51-5.3-20.3-6.33-30.11-3.71-9.97 2.68-18.93 9.16-24.49 18.8l-.31.49c-5.3 9.51-6.33 20.29-3.71 30.11 2.68 9.97 9.16 18.92 18.8 24.49l.49.3zM180.56 88.45c6.47-8.41 9.74-19.3 8.26-30.67-1.46-11.32-7.41-21-15.83-27.48-8.41-6.47-19.3-9.74-30.67-8.27-11.32 1.47-21 7.42-27.48 15.84a41.344 41.344 0 0 0-8.38 29.76c.12.56.2 1.14.23 1.73 1.64 10.97 7.5 20.33 15.72 26.66 8.18 6.3 18.72 9.56 29.76 8.37.56-.12 1.14-.2 1.73-.22 10.96-1.65 20.33-7.51 26.66-15.72zm302.18 239a41.37 41.37 0 0 0 6.89-30.96c-1.97-11.28-8.33-20.69-17-26.78a41.33 41.33 0 0 0-30.96-6.9c-11.28 1.98-20.69 8.33-26.79 17.01a41.326 41.326 0 0 0-6.89 30.96c1.97 11.28 8.33 20.69 17 26.78a41.33 41.33 0 0 0 30.96 6.9c11.28-1.97 20.7-8.33 26.79-17.01zm-277.1 117.98c.25.39.49.79.7 1.21 5.6 9.29 14.39 15.53 24.13 18.12 9.79 2.6 20.55 1.54 30.04-3.75.38-.26.78-.49 1.2-.69 9.29-5.61 15.53-14.4 18.12-24.15 2.66-9.99 1.51-20.99-4.08-30.63a40.153 40.153 0 0 0-24.5-18.73c-9.78-2.6-20.55-1.54-30.03 3.75-.39.26-.79.49-1.2.69-9.3 5.61-15.54 14.4-18.13 24.15-2.6 9.78-1.55 20.54 3.75 30.03zm208.15-339.07a40.209 40.209 0 0 0 9.4-29.4c-.92-11.11-6.24-20.79-14.1-27.44-7.87-6.66-18.29-10.33-29.41-9.41-11.1.92-20.78 6.24-27.44 14.1a40.222 40.222 0 0 0-9.43 29.04l.06.72c1 10.96 6.29 20.5 14.07 27.09a40.208 40.208 0 0 0 29.04 9.43l.72-.06c10.95-1 20.5-6.29 27.09-14.07z'/></svg>");
}

#features article::after {
    grid-row: calc(1 + var(--_mini))/span calc(2 - var(--_mini));
    grid-column: calc((1 + var(--not-mini))*var(--not-p) + 1);
    padding: 0 calc(var(--not-p)*var(--_wide)*6.25rem + 0.75rem) 0 calc(var(--_p)*var(--_wide)*6.25rem + 0.75rem);
    font-size: calc((var(--not-mini)*.75 + 1.75)*1em);
    text-align: var(--p, right);
    filter: brightness(0) invert(1);
    max-width: 200px;
    width: 100%;
}

#features article:nth-child(odd)::after {
    position: absolute;
    height: fit-content;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

#features h2,
p {
    --pad: calc(var(--not-mini)*(var(--_wide)*6.25rem + var(--not-wide)*0.75rem));
    --ini: calc(var(--_mini)*.25rem);
    grid-column-end: span calc(1 + var(--_mini));
    padding: var(--ini) calc(var(--_p)*var(--pad) + var(--ini)) var(--ini) calc(var(--not-p)*var(--pad) + var(--ini));
}

/* MODAL */
#recognition .avatar button {
    background: none;
    border: none;
}

.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 520px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.right .modal-body {
    padding: 15px 15px 80px;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -520px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
}

.modal-body h3 {
    line-height: 2.5rem;
    margin-bottom: 1.5rem;
}

.modal.right .modal-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px 20px 15px 40px;
}

.modal .btn-close {
    font-size: 25px;
    top: 20px;
    position: absolute;
    right: 20px;
    z-index: 2;
}

.modal .btn-close:focus {
    box-shadow: none;
}

@media only screen and (max-width: 576px) {
    .modal.right .modal-dialog {
        width: 320px;
    }

    .modal.right.fade .modal-dialog {
        right: -320px;
    }
}

/* MODAL END */
@media (max-width: 45rem) {
    #features {
        --wide: 0;
    }
}

@media (max-width: 33.75rem) {
    #features {
        --narr: 1;
    }
}

@media (max-width: 25rem) {
    #features {
        --mini: 1;
    }
}

@media (max-width: 16.25rem) {
    #features {
        font-size: 0.75em;
    }
}

@media (max-width: 12.5rem) {
    #features {
        font-size: 0.625em;
    }
}


/* Mission and vision */

#timeline .vv-image {
    background-size: auto; 
    background-repeat: no-repeat; 
    background-color: #213343;
}

#mission {
    padding: 100px 0px;
}

#mission .row:last-child {
    margin-top: 5rem;
}

#timeline {
    padding: 100px 0;
    background: #fff;
}

.timeline-carousel {
    padding: 30px 6.9444% 50px 6.9444%;
    position: relative;
    overflow: hidden;
}

.timeline-carousel:after,
.timeline-carousel:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    height: 100%;
    width: 6.9444%;
    z-index: 3;
    width: 6.9444%;
}

.timeline-carousel:after {
    left: 0;
}

.timeline-carousel:before {
    right: 0;
    opacity: 0;
}

.timeline-carousel .slick-list {
    overflow: visible;
}


.timeline-carousel h1 {
    color: rgba(255, 255, 255, 1);
    font-size: 46px;
    line-height: 50pd;
    margin-bottom: 40px;
    font-weight: 900;
}

.timeline-carousel__image {
    padding-right: 30px;
}

.timeline-carousel__item {
    cursor: pointer;
}

.timeline-carousel__item .media-wrapper {
    opacity: 0.4;
    padding-bottom: 71.4%;
    -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.timeline-carousel__item:last-child .timeline-carousel__item-inner:after {
    width: calc(100% - 30px);
}

.timeline-carousel__item-inner {
    position: relative;
    padding-top: 45px;
}

.timeline-carousel__item-inner:after {
    position: absolute;
    width: 100%;
    top: 45px;
    left: 0;
    content: "";
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.timeline-carousel__item-inner .year {
    font-size: 36px;
    line-height: 36px;
    color: rgba(255, 255, 255, 1);
    display: table;
    letter-spacing: -1px;
    padding-right: 10px;
    background-color: #1d1d1e;
    z-index: 1;
    position: relative;
    margin: -15px 0 20px;
    font-weight: 900;
}

.timeline-carousel__item-inner .year:after {
    content: "";
    position: absolute;
    display: block;
    left: -10px;
    top: 0;
    height: 100%;
    width: 10px;
    background-color: #1d1d1e;
    z-index: 3;
}

.timeline-carousel__item-inner .month {
    font-size: 17px;
    text-transform: uppercase;
    color: #eb9602;
    display: block;
    margin-bottom: 10px;
    font-weight: 900;
}

.timeline-carousel__item-inner p {
    font-size: 14px;
    line-height: 1.6;
    color: #212121;
    width: calc(100% - 20%);
    font-weight: 400;
    margin-bottom: 15px;
}

.timeline-carousel__item-inner .read-more {
    font-size: 12px;
    color: #b38c52;
    display: table;
    margin-bottom: 10px;
    font-weight: 900;
    text-decoration: none;
    position: relative;
}

.timeline-carousel__item-inner .read-more:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    border-bottom: 2px solid #b38c52;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.timeline-carousel__item-inner .read-more:hover:after {
    width: 100%;
}

.timeline-carousel__item-inner .pointer {
    height: 29px;
    position: relative;
    z-index: 1;
    margin: -4px 0 16px;
}

.timeline-carousel__item-inner .pointer:after,
.timeline-carousel__item-inner .pointer:before {
    position: absolute;
    content: "";
}

.timeline-carousel__item-inner .pointer:after {
    width: 9px;
    height: 9px;
    border-radius: 100%;
    top: 0;
    left: 0;
    background-color: #eb9602;
}

.timeline-carousel__item-inner .pointer:before {
    width: 1px;
    height: 100%;
    top: 0;
    left: 4px;
    background-color: #eb9602;
}

.timeline-carousel .slick-active .media-wrapper {
    opacity: 1 !important;
}

.slick-dots {
    list-style: none;
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 2;
    padding: 0px;
}

.slick-dots .slick-active:nth-child(1) {
    margin: 0px 10px 0px 0px;
}

.slick-dots li {
    cursor: pointer;
    display: inline-block;
    margin: 0 10px;
    position: relative;
    width: 10px;
    height: 10px;
}

.slick-dots li:last-child {
    margin-right: 0;
}

.slick-dots li.slick-active button {
    background: #eb9602;
    border-color: #eb9602
}

.slick-dots li button {
    display: block;
    font-size: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    background-color: #ccc;
    border: 0;
    cursor: pointer;
    -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.slick-dots li button:hover {
    background: #eb9602;
    border-color: #eb9602;
}

.link {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20px;
    z-index: 9999;
}

.link a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff;
}

.link .fa {
    font-size: 28px;
    margin-right: 8px;
    color: #fff;
}

/* Product and Services*/

.bg-gray {
    background-color: #303749;
}

.top-section {
    padding: 100px 0;
}

.top-section h1 {
    padding: 30px;
    margin-bottom: 0;
}

.product h3 {
    margin-bottom: 1rem;
}

.product h5 {
    margin-bottom: 0.6rem;
}

.product ul {
    margin-bottom: 0;
}

.product ul li {
    padding-bottom: 15px;
}

.product ul li:last-child {
    padding-bottom: 0;
}

.product .right-text {
    padding-top: 50px;
    padding-bottom: 100px;
}

.buttom-wave {
    margin-top: -2px;
}

.img-holder {
    text-align: right;
    padding: 15px 0;
}

.img-holder img {
    border-radius: 50px;
    max-width: 450px;
}

.right-text .img-holder {
    text-align: left;
}

@media only screen and (max-width: 991px) {
    .product .bg-gray {
        padding: 50px 0;
    }

    .left-text .img-holder,
    .right-text .img-holder {
        text-align: center;
        padding-top: 30px;
    }

    .left-text .img-holder img {
        max-width: 100%;
        max-height: 450px;
        object-fit: cover;
    }
}

/* Flatform */
#flatform span.text-title {
    font-weight: bold;
    color: #000;
    font-family: 'Noto Serif Tamil', serif;
}

#flatform .svg-bottom {
    margin-bottom: -100px;
}

/* Flatform */

/* Gamification */
.gamification {
    padding: 100px 0;
}

.gamification h1 {
    font-family: 'Noto Serif Tamil', serif;
    font-size: 3rem;
}

.gamification h4 {
    font-family: 'Noto Serif Tamil', serif;
}

#infographic {
    padding: 80px 0 50px;
    position: relative;
}

#infographic .circle {
    width: 320px;
    height: 320px;
    border-radius: 50%;
    border: 2px solid #eb9602;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 40px;
    position: absolute;
    left: 50%;
    top: 26%;
}

#infographic .circle h4 {
    color: #213343;
}

#infographic article header h6 {
    color: #fff;
}

#infographic :not(:nth-child(even)) .circle {
    transform: translateX(-100%);
}

#infographic .circle span {
    font-size: 5em;
    margin-bottom: 20px;
    color: #eb9602;
}

#infographic article {
    max-width: 410px;
    margin-bottom: 20px;
    cursor: pointer;
    left: 50%;
    position: relative;
}

#infographic article header {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

#infographic article header span {
    display: flex;
    font-size: 2em;
    border-radius: 50%;
    background-clip: padding-box;
    padding: 14px;
    transition: transform 0.4s;
    color: #fff;
    border: 16px solid #fff;
    margin: -16px 0 -16px -20px;
}

#infographic article header h6 {
    text-transform: uppercase;
    margin: 0 30px;
    padding: 5px;
}

#infographic article .body {
    background-color: #213343;
    color: #fff;
    padding: 0 20px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    max-height: 0;
    transition: max-height 0.5s, padding 0.5s;
    overflow: hidden;
}

#infographic article .body .btn {
    padding: 5px 15px;
    text-transform: uppercase;
    border-color: #eb9602;
    background-color: #eb9602;
    border-radius: 4px;
    color: #fff;
}

#infographic article .body .btn:hover {
    border-color: #b3750d;
    background-color: #b3750d;
}

#infographic article .body .btn:active {
    box-shadow: none;
}

#infographic :nth-child(even) article {
    text-align: right;
    transform: translateX(-100%);
}

#infographic :nth-child(even) article header {
    flex-flow: row-reverse;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

#infographic :nth-child(even) article header span {
    margin: -16px -20px -16px 0;
}

#infographic article[data-step="1"] {
    margin-left: -25px;
}

#infographic article[data-step="2"] {
    margin-left: 30px;
}

#infographic article[data-step="3"] {
    margin-left: 65px;
}

#infographic article[data-step="4"] {
    margin-left: 65px;
}

#infographic article[data-step="5"] {
    margin-left: 30px;
}

#infographic article[data-step="6"] {
    margin-left: -25px;
}

#infographic .one article header {
    background-color: #213343;
}

#infographic .one article header span {
    background-color: #eb9602;
}

#infographic article:hover header span {
    transform: scale(1.2);
}

#infographic article.active header {
    border-bottom-right-radius: 0;
}

#infographic article.active header span {
    --opacity: 0.4;
    transform: scale(1) !important;
}

#infographic article.active .body {
    padding: 20px;
    max-height: 300px;
    border: 1px solid;

}

@media only screen and (max-width: 991px) {
    #infographic article {
        max-width: 320px;
    }
}

@media only screen and (max-width: 767px) {
    #infographic {
        padding: 50px 15px;
    }

    #infographic .circle {
        width: 250px;
        height: 250px;
        left: 0;
        top: 0;
        margin: 0 auto 20px;
        position: relative;
    }

    #infographic .circle span {
        margin-bottom: 0;
    }

    #infographic :not(:nth-child(even)) .circle {
        transform: translateX(0);
    }

    #infographic article:hover header span {
        transform: scale(1);
    }

    #infographic .text-primary article {
        left: 0;
        margin-left: 0;
        max-width: 100%;
        padding-left: 5px;
    }
    #timeline .vv-image {
        background-size: contain !important; 
      
    }
    
}

/* End Gamification */


/* Start Get Wallet */

#get-wallet .offcanvas {
    background-color: #213343;
    color: white;
        font-family: 'Montserrat', sans-serif;

}
#get-wallet  .container.p-5 {
position: relative;
background-color: hsla(0, 0%, 100%, 0.05);
border-radius: 5px;
}

#get-wallet .form-control {
    padding: 5px 0;
    border: none;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    background-color: transparent;
    color: #fff;
    margin-bottom: 10px;
}

#get-wallet .container.p-5 {
    position: relative;
    background-color: hsla(0, 0%, 100%, 0.05);
    border-radius: 5px;
}
#get-wallet .btn-white {
    background-color: #f3f2ee;
}


/* End Get Wallet */