@media (max-width: 768px) {

    .container {
        width: 93%;
    }

    .container-2 {
        width: 90%;
    }

    .container-3 {
        width: 90%;
    }

    .site-header {
        padding: 30px 0 12px;
    }

    .site-header .h-row {
    }

    .site-header .site-branding {
        left: inherit;
    }

    .site-header .main-navigation {
        flex: 0 0 10%;
    }

    .site-header .site-branding
    a {
    }

    .site-header .site-branding
    a img {
        width: 112px;
    }

    .site-header .main-navigation .menu-toggle {
        display: block;

        background-image: url("data:image/svg+xml,%3Csvg width='23' height='17' viewBox='0 0 23 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 1.5L8 1.5' stroke='%23131416' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M22 8.5L1 8.5' stroke='%23131416' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M22 15.5L8 15.5' stroke='%23131416' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
        display: block;
        width: 30px;
        height: 30px;
        background-color: transparent;
        border: none;
        background-repeat: no-repeat;
        background-position: 50%;
    }

    .page-template-home-page .site-header .main-navigation .menu-toggle {
        background-image: url("data:image/svg+xml,%3Csvg width='23' height='17' viewBox='0 0 23 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 1.5L8 1.5' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M22 8.5L1 8.5' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M22 15.5L8 15.5' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    }

    .site-header .main-navigation .xs-menu {
        /* display: none; */
        position: absolute;
        left: -100%;
        transition: 400ms ease;
        z-index: 100;
        background-color: #ffffff;
        width: 72%;
        top: 0px;
        height: 100vh;
    }

    .site-header .main-navigation .xs-menu .close-xs-menu {
        background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99996 1.00004L1 10M0.999962 1L9.99992 9.99996' stroke='%23131416' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
        width: 25px;
        height: 29px;
        position: absolute;
        top: 43px;
        right: 11px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .site-header .main-navigation .xs-menu .logo-xs-menu {
        position: absolute;
        left: 8%;
        top: 41px;
        width: 87px;
    }

    .site-header .main-navigation.toggled .xs-menu {
        left: 0%;
    }

    .site-header .main-navigation .nav-menu {
        padding: 127px 5% 0;
        flex-direction: column;
    }

    .site-header .main-navigation .nav-menu
    li {
        padding: 0 0 32px;
    }

    .site-header .main-navigation .nav-menu
    li a {
        color: #000000 !important;
    }

    .site-header .get-started {
        margin-left: 7%;
        padding: 15px 5.7%;
    }

    .section-1 {
    }

    .section-1 .col-w {
        padding: 42px 0 61px;
        /* width: 95%; */
    }

    .section-1 .row-1 {
        /* font-size: 27px; */
        /* line-height: 37px; */
        font-family: Space Grotesk;
        font-weight: 700;
        font-size: 51px;
        line-height: 55px;
        letter-spacing: -1px;
        vertical-align: middle;
        margin-bottom: 28px;
        width: 95%;
    }

    .section-1 .row-2 {
        font-family: Space Grotesk;
        font-weight: 400;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: 0px;
        vertical-align: middle;
        margin-bottom: 39px;
    }

    .section-1 .row-3 {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .section-1 .row-3 .our-services {
        width: 50%;
    }

    .section-1 .row-3 .contact-us {
        width: 50%;
    }

    .section-2 {
        margin-top: -1px;
    }

    .section-2 .col-w {
        padding: 0px 0 89px;
    }

    .section-2 .col-w .row-1 {
        width: 100%;
        font-size: 24px;
        line-height: 45px;
        padding: 17px 0 42px;
        font-family: Space Grotesk;
        font-weight: 700;
        font-size: 25.08px;
        line-height: 33px;
        letter-spacing: 0px;
        vertical-align: middle;
    }

    .section-2 .col-w .row-2 {
        flex-direction: column;
    }

    .section-2 .col-w .row-2 .col-1,
    .section-2 .col-w .row-2 .col-2 {
        padding: 48px 8% 78px;
    }

    .section-2 .col-w .row-2 .col-1 {
        margin-bottom: 30px;
    }

    .section-2 .col-w .row-2 .col-2 {
    }

    .section-2 .col-w .row-2 .c-row-1 {
    }

    .section-2 .col-w .row-2 .c-row-2 {
        font-size: 29px;
        padding: 23px 0 14px;
    }

    .section-2 .col-w .row-2 .c-row-2 .green {
    }

    .section-2 .col-w .row-2 .c-row-3 {
        font-size: 20px;
        line-height: 29px;
    }

    .section-1-2-bg {
    }

    .section-2:after {

    }

    .section-1-2-bg:before {
        display: none;
    }


    .section-3 {
    }

    .section-3 .row-w {
    }

    .section-3 .row-1 {
        font-size: 24px;
        line-height: 30px;
        padding: 0px 0 29px;
    }

    .section-3 .row-2 {
    }

    .section-3 .row-2
    ul {
    }

    .section-3 .row-2
    ul li {
        padding: 0 0 17px;
        flex: 1 1 49%;
    }

    .section-3 .row-2
    ul li img {
        width: 120px;
    }

    .section-4 {
        padding: 26px 0 41px;
        margin-top: -1px;
    }

    .section-4 .row-1 {
    }

    .section-4 .row-2 {
    }

    .section-4 .row-2 .slider {
    }

    .section-4 .row-2 .slider
    li {
    }

    .section-4 .row-2 .slider
    li {
    }

    .section-4 .row-2 .slider
    li .logo {
    }

    .section-4 .row-2 .slider
    li .logo img {
    }

    .section-4 .row-2 .slider
    li .desc {
    }


    .section-5 {
        padding-top: 45px;
        padding-bottom: 4px;
        margin-bottom: 0px;
    }

    .section-5 .h2 {
        font-size: 28px;
        text-align: center;
    }

    .section-5 .blur-green {
    }


    .section-5 .grid {
        flex-direction: column;
        margin-top: 24px;
    }

    .section-5 .grid .col {
        border-bottom: 1px solid #999999 !important;
    }

    .section-5 .grid .col:last-child {
        border-bottom: none !important;
    }


    .section-5 .grid .col .number {
        font-size: 65px;
    }

    .section-5 .grid .col .title {
        font-size: 18px;
        padding-bottom: 19px;
        margin-top: 10px;
    }

    .section-5 .grid .col .desc {
        font-size: 16px;
    }

    .section-5 .grid .col.col-1,
    .section-5 .grid .col.col-3 {
        padding-right: 0;
    }

    .section-5 .grid .col.col-2,
    .section-5 .grid .col.col-4 {
        padding-left: 0;
    }

    .section-5 .grid .col.col-1 {
        margin-right: 0;
        border-right: none;
        border-bottom: none;
        padding-top: 52px;
        padding-bottom: 33px;
    }

    .section-5 .grid .col.col-1:after {
        right: 41%;
        display: none;
    }

    .section-5 .grid .col.col-2 {
    }

    .section-5 .grid .col.col-3 {
    }

    .section-5 .grid .col.col-4 {
        border-left: none;
        border-top: none;
    }

    .section-9 {
        margin-top: 0px;
    }

    .section-6 {
    }

    .section-9,
    .section-6 {
    }

    .section-9 .row,
    .section-6 .row {
        flex-direction: row;
        padding: 21px 0% 43px;
        background: transparent;
    }

    .section-9 .row {
        padding: 0px 0% 43px;
    }

    .section-9 .row:after,
    .section-6 .row:after {
    }

    .section-9 .row:after {
    }

    .section-9 .row:before {
        display: none;
    }

    .section-6 .row:before {
        display: none;
    }

    .section-9 .row:before {
    }

    .section-9 .row .col-l,
    .section-6 .row .col-l {
        /* flex: 1 1 100%; */
        width: 100%;
    }

    .section-9 .row .col-l .text,
    .section-6 .row .col-l .text {
        /* font-size: 26px; */
        font-family: Space Grotesk;
        font-weight: 700;
        font-size: 41.59px;
        line-height: 45.5px;
        letter-spacing: 0px;
        vertical-align: middle;
        color: #131416;
    }

    .section-9 .row .col-r,
    .section-6 .row .col-r {
        /* flex: 1 1 100%; */
        text-align: center;
        width: 100%;
    }

    .section-9 .row .col-r a.all-projects,
    .section-6 .row .col-r a.all-projects {
        color: #17191C;
        font-size: 16px;
        background-color: transparent;
        white-space: nowrap;
    }

    .section-9 .row .col-r a.all-projects:after,
    .section-6 .row .col-r a.all-projects:after {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg width='7' height='8' viewBox='0 0 7 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.470581 7L6.33732 1M6.33732 1H0.470581M6.33732 1V7' stroke='%23131416'/%3E%3C/svg%3E%0A");
        display: block;
        width: 6px;
        height: 6px;
        background-size: 100%;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 3px;
    }

    .section-9 .row .col-r a.all-projects .all,
    .section-6 .row .col-r a.all-projects .all {
        text-decoration: underline;
        font-weight: 500;
    }

    .section-9 .row .col-r a.all-projects .sm,
    .section-6 .row .col-r a.all-projects .sm {
        font-size: 13px;
        /* text-decoration: none!important; */
    }


    .section-9 .row .col-r a.all-projects {
        position: relative;
        top: -6px;
    }

    .section-9 .row .col-r
    a#all-projects .sm,
    .section-6 .row .col-r a#all-projects .sm {
    }

    .section-10 {
    }

    .section-7 {
    }

    .section-10 .row,
    .section-7 .row {
        /* flex-direction: column; */
        padding: 16px 0 22px;
    }

    .section-10 .row
    ul,
    .section-7 .row ul {
        flex-direction: column;
    }

    .section-10 .row
    ul li,
    .section-7 .row ul li {
        margin-bottom: 60px;
    }

    .section-10 .row
    ul li .image,
    .section-7 .row ul li .image {
    }

    .section-10 .row
    ul li .image img,
    .section-7 .row ul li .image img {
    }

    .section-10 .row
    ul li .title,
    .section-7 .row ul li .title {
        font-size: 24px;
        padding: 19px 0 0px;
        line-height: 33px;
    }

    .section-10 .row
    ul li .desk,
    .section-7 .row ul li .desk {
        font-size: 16px;
        line-height: 18px;
        padding: 5px 0 0;
    }


    .section-style-8-11 {
    }

    .section-style-8-11 .row {
        flex-direction: column;
        box-shadow: 0px -44px 77px 0px #0000000D, -27px 65px 139px 0px #0000000A, 0px 314px 188px 0px #00000005, 0px 558px 223px 0px #00000003, 0px 872px 244px 0px #00000000, 5px -6px 24.1px 0px #C1C1C140;
        padding: 38px 5% 28px;
    }

    .section-style-8-11 .row:before {
        width: 87%;
        height: 33%;
        background-position: 50%;
        background-size: 104%;
        top: 25%;
        left: 4%;
    }

    .section-8 .row:before {
    }

    .section-11 .row:before {
    }

    .section-style-8-11 .row .col-l {
        flex: 0 0 100%;
        width: 100%;
    }

    .section-8 .row .col-l {
        width: 100%;
        margin-top: 0px;
    }

    .section-11 .row .col-l {
        margin-top: 16px;
    }

    .section-style-8-11 .row .col-l .title {
        font-size: 40px;
        line-height: 47px;
        font-family: Space Grotesk;
        font-weight: 700;
        font-size: 46px;
        line-height: 49px;
        letter-spacing: 0px;
        vertical-align: middle;
        padding: 0 5%;
    }

    .section-style-8-11 .row .col-l .desc {
        font-family: Space Grotesk;
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 0px;
        vertical-align: middle;
        padding: 20px 5% 35px;
    }

    .section-style-8-11 .row .col-r {
    }

    .section-style-8-11 .row .col-r {
        width: 100%;
    }


    .section-8 {
    }


    .section-style-8-11 .row .col-r .slider {
        padding: 0px 8% 48px;
        width: 86%;
        max-width: 100%;
    }

    .section-style-8-11 .row .col-r .slider {
    }


    .section-style-8-11 .row .col-r .slider .li-item {
    }

    .section-style-8-11 .row .col-r .slider .li-item img {
        width: 55%;
    }

    .section-style-8-11 .row .col-r .slider .li-item .number {
    }

    .section-style-8-11 .row .col-r .slider .li-item .title {
        padding: 0px 0 85px;
    }

    .section-style-8-11 .row .col-r .slider .li-item .title {
        padding: 0px 0 39px;
    }

    .section-style-8-11 .row .col-r .slider .li-item .title .text {
        font-size: 18px;
        line-height: 27px;
    }

    .section-style-8-11 .row .col-r .slider a.start-integration {
        font-size: 16px;
        color: #00F99F;
    }

    .section-style-8-11 .row .col-r .slider a.start-integration:after {
        border-bottom: 1px solid #00F99F;
    }

    .section-style-8-11 .row .col-r .slider ul.slick-dots {
        top: 59px;
    }

    .section-style-8-11 .row .col-r .slider ul.slick-dots li {
    }

    .section-style-8-11 .row .col-r .slider ul.slick-dots li button {
    }

    .section-style-8-11 .row .col-r .slider ul.slick-dots li.slick-active button {
    }

    .section-8 {
        margin: -28px 0 53px;
    }

    .section-11 {
        margin: 64px 0 53px;
    }


    .site-footer {
    }


    .site-footer:before {
    }

    .site-footer:after {
    }

    .site-footer .row {
        flex-direction: column;
        padding: 20px 0 15px;
    }

    .site-footer .row .col-l {
    }

    .site-footer .row .col-l .row-top {
    }

    .site-footer .row .col-l .row-top {
        margin-bottom: 132px;
    }

    .site-footer .row .col-l .row-top a {
    }

    .site-footer .row .col-l .row-top a img {
        width: 64%;
        left: 0%;
    }

    .site-footer .row .col-l .row-top a .txt {
        left: 10%;
        position: relative;
    }

    .site-footer .row .col-l .row-bottom {
        flex-direction: column;
    }

    .site-footer .row .col-l .row-bottom .address,
    .site-footer .row .col-l .row-bottom .tel,
    .site-footer .row .col-l .row-bottom .email {
    }


    .site-footer .row .col-l .row-bottom .address {
        /* order: 3; */
    }

    .site-footer .row .col-l .row-bottom .tel {
    }

    .site-footer .row .col-l .row-bottom .email {
    }

    .site-footer .row .col-r {
    }


    .site-footer .row .col-r .row-bottom {
        flex-direction: column;
        display: flex;
        font-size: 17px;
        line-height: 17px;
    }

    .site-footer .row .col-r .row-bottom .address,
    .site-footer .row .col-r .row-bottom .tel,
    .site-footer .row .col-r .row-bottom .email {
        color: #ffffff;
        text-decoration: none;
    }


    .site-footer .row .col-r .row-bottom .address {
        /* order: 3; */
    }

    .site-footer .row .col-r .row-bottom .tel {
        padding: 29px 0;
    }

    .site-footer .row .col-r .row-bottom .email {
    }


    .site-footer .row .col-r .text-1 {
        font-size: 26px;
        line-height: 100%;
    }

    .site-footer .row .col-r .text-2 {
        font-size: 16px;
        line-height: 18px;
        width: 79%;
        padding: 31px 0 44px;
    }


    .site-footer .row .col-r form#lets-talk input[type="text"],
    .site-footer .row .col-r form#lets-talk button {
    }

    .site-footer .row .col-r form#lets-talk {
        flex-direction: column;
    }

    .site-footer .row .col-r form#lets-talk input[type="text"] {
    }

    .site-footer .row .col-r form#lets-talk input[type="text"]::placeholder {
    }

    .site-footer .row .col-r form#lets-talk button {
    }


    .contact-ww .site-footer {
    }

    .contact-w {
    }

    .contact-w .row {
        flex-direction: column-reverse;
    }

    .contact-w .row .col-l {
    }

    .contact-w .row .col-r {
    }

    .contact-w .row .col-r .in {
        padding: 0 4%;
    }

    .contact-w .row .col-r:before {
        box-shadow: 0px 0px 65px 37px #00F99F;
        top: 200px;
        left: 0px;
    }

    .contact-w .row .col-l .in {
        padding: 12% 4% 7%;
    }

    .contact-w .row .col-l:before {
    }

    .contact-w .row .col-l .title {
        font-size: 26px;
        line-height: 29px;
    }

    .contact-w .row .col-l .desk {
        font-size: 16px;
        line-height: 22px;
        padding-top: 18px;
    }

    .contact-w .row .col-l .desk .txt-1 {
    }

    .contact-w .row .col-l .desk .txt-2 {
    }

    .contact-w .row .col-l .contacts {
    }

    .contact-w .row .col-l .contacts ul {
        margin-top: 22%;
    }

    .contact-w .row .col-l .contacts ul li {
    }

    .contact-w .row .col-l .contacts ul li {
    }

    .contact-w .row .col-l .contacts ul li .lirow {
    }

    .contact-w .row .col-l .contacts ul li .lirow {
    }

    .contact-w .row .col-l .contacts ul li .lirow .licol-l {
    }

    .contact-w .row .col-l .contacts ul li .lirow .licol-l img {
    }

    .contact-w .row .col-l .contacts ul li .lirow .licol-r {
    }

    .contact-w .row .col-l .contacts ul li .lirow .licol-r .text-1 {
    }

    .contact-w .row .col-l .contacts ul li .lirow .licol-r .text-2 {
    }

    .contact-w .row .col-l .contacts ul li .lirow .licol-r .text-3 {
    }

    .contact-w .row .col-l .contacts ul li .lirow .licol-r .text-1 a {
    }

    .contact-w .row .col-l .contacts ul li .lirow .licol-r .text-2 a {
    }

    .contact-w .row .col-l .contacts ul li .lirow .licol-r .text-3 a {
    }

    .contact-w .row .col-r .title {
        font-size: 32px;
        line-height: 37px;
        text-align: center;
        padding: 63px 0 0;
    }

    .contact-w .row .col-r .form-w {
        width: 100%;
    }

    .contact-w .row .col-r .form-w form {
    }

    .contact-w .row .col-r .form-w form .row {
    }

    .contact-w .row .col-r .form-w form .row.submit {
    }


    .contact-w .row .col-r .form-w form .row.firstname,
    .contact-w .row .col-r .form-w form .row.lastname {
    }

    .contact-w .row .col-r .form-w form .row.firstname {
    }

    .contact-w .row .col-r .form-w form .row.lastname {
    }

    .contact-w .row .col-r .form-w form .row input[type="text"],
    .contact-w .row .col-r .form-w form .row textarea {
    }

    .contact-w .row .col-r .form-w form .row input[type="text"] {
    }

    .contact-w .row .col-r .form-w form .row input[type="text"]::placeholder {
    }


    .contact-w .row .col-r .form-w form .row textarea {
    }

    .contact-w .row .col-r .form-w form .row button[type="submit"] {
    }


    /**/
    .one-project-w {
    }

    .one-project-w .op-head .title {
        font-size: 79px;
        line-height: 58px;
        margin-top: 49px;
    }

    .one-project-w .op-head .desc {
        font-family: Space Grotesk;
        font-weight: 400;
        font-size: 21.41px;
        line-height: 27.21px;
        letter-spacing: -1.54px;
        vertical-align: middle;
        text-transform: capitalize;
        padding-top: 24px;
    }

    #op-section-1 {
        margin-top: 37px;
    }

    #op-section-1 .op-carusel {
        padding: 34px 0;
    }

    #op-section-1 .op-carusel .item {
    }

    #op-section-1 .op-carusel .item img {
        width: 100%;
    }

    #op-section-2 .title {
        font-size: 26px;
        line-height: 26px;
        margin-top: 55px;
    }

    #op-section-2 .desc {
        width: 100%;
        font-size: 16px;
        line-height: 23px;
        padding-top: 27px;
    }

    #op-section-2 .desc b {
    }

    #op-section-3 {
    }

    #op-section-3 .title {
        margin-top: 68px;
        margin-bottom: 45px;
        font-size: 25px;
        line-height: 25px;
    }

    #op-section-3 .desc {
        width: 100%;
    }

    #op-section-3 .desc ul {
        padding-left: 7%;
    }

    #op-section-3 .desc ul li {
        font-size: 16px;
        line-height: 28px;
    }

    #op-section-4 {
        padding-top: 9px;
    }

    #op-section-4 .container-3 {
        width: 100%;
    }


    #op-section-4 img {
        width: 100%;
    }

    .op-section-5 {
    }

    .op-section-5 .h-title {
        font-size: 27px;
        line-height: 35px;
        margin-top: 80px;
        margin-bottom: 27px;
    }

    /**/
    /**/
    .about-us-w {
    }

    #au-section-1 {
    }

    #au-section-1:before {
        opacity: 0;
    }

    #au-section-1 .in {
        padding: 79px 0 32px;
    }

    #au-section-1 .title {
        padding: 0 0 23px;
    }

    #au-section-1 .title div {
        font-size: 37px;
        line-height: 42px;
    }

    #au-section-1 .desc {
        font-size: 16px;
        line-height: 27px;
        width: 91%;
    }

    #au-section-2 {
    }

    #au-section-2 #op-carousel {
    }

    #au-section-2 #op-carousel .item {
    }

    #au-section-2 #op-carousel .item img {
    }

    #au-section-3 {
    }

    .au-section-3-4-bg {
    }

    .au-section-3-4-bg:before {
        display: none;
    }

    .au-section-3-4-bg:after {
        right: -1%;
        transform: rotate(180deg);
        top: -19px;
        background-size: 66%;
    }


    #au-section-3 .in {
        padding: 77px 10% 96px;
    }

    #au-section-3 .in .title {
        font-size: 20px;
        line-height: 27px;
        padding: 0 0 28px;
        width: 81%;
        margin: 0 auto;
    }

    #au-section-3 .in .desc {
        font-size: 15px;
        line-height: 24px;
        width: 100%;
    }

    #au-section-4 {
    }

    #au-section-4 .in {
        padding: 0 5.4%;
    }

    #au-section-4 .in .title {
    }

    #au-section-4 .in .row {
        flex-direction: column;
    }

    #au-section-4 .in .row .col-l {
        flex: 1 1 100%;
    }

    #au-section-4 .in .row .col-r {
    }

    #au-section-4 .in .row .col-l .c-title {
        font-size: 31px;
        line-height: 41px;
        width: 100%;
        padding: 49px 0 22px;
    }

    #au-section-4 .in .row .col-l .c-desc {
        font-size: 15px;
        line-height: 24px;
        width: 100%;
    }

    #au-section-4 .in .row .col-l a.explore {
        margin: 31px 0 46px;
    }

    #au-section-4 .in .row .col-r img {
        width: 100%;
    }

    #au-section-5 {
    }

    #au-section-5 .row {
        flex-direction: column;
        padding: 107px 5% 0px;
    }

    #au-section-5 .col-l {
    }

    #au-section-5 .col-r {
        flex: 1 1 100%;
        padding: 45px 0% 0;
    }

    #au-section-5 .col-l img {
        width: 100%;
        margin-top: 0px;
    }

    #au-section-5 .col-r .title {
    }

    #au-section-5 .col-r .title-1 {
        font-size: 30.7px;
        line-height: 41px;
        margin: 50px 0 18px;
    }

    #au-section-5 .col-r .desc {
        font-size: 15px;
        line-height: 24px;
        width: 79%;
    }

    #au-section-5 .col-r .list {
        width: 100%;
        padding: 35px 0 0;
    }

    #au-section-5 .col-r .list li {
    }

    #au-section-5 .col-r .list li .left {
    }

    #au-section-5 .col-r .list li .middle {
        font-weight: 500;
    }

    #au-section-5 .col-r .list li .right {
        font-weight: 500;
    }

    #au-section-6 {
    }

    #au-section-6:after {
        top: -213px;
    }

    #au-section-6 .in {
        padding: 99px 5% 1px;
    }

    #au-section-6 .in .title {
        font-size: 40px;
        line-height: 34px;
        text-align: center;
    }

    #au-section-6 .in .desc {
        font-size: 15px;
        line-height: 23px;
    }

    /**/
    /**/
    .slider-volume {
    }

    .slider-volume .slick-arrow {
    }

    .slider-volume .container {
        width: 75%;
    }

    .slider-volume .slick-slider {
    }

    .slider-volume .slick-list {
    }

    .slider-volume .slick-dots {
        margin-top: 21px;
        gap: 2.31%;
    }

    .slider-volume .slick-dots li {
    }

    .slider-volume .slick-dots li.slick-active {
    }


    .slider-volume .slick-track {
    }

    .slider-volume .slick-slide {
    }

    .slider-volume .slick-snext,
    .slider-volume .slick-sprev {
    }

    .slider-volume .slick-current {
    }

    .slider-volume .slick-snext {
    }

    .slider-volume .slick-sprev {
    }

    .slider-volume .test {
    }

    .slider-volume .test .logo {
        padding: 30px 4% 0;
    }

    .slider-volume .test .logo img {
        width: 76%;
    }

    .slider-volume .test .desc {
        font-size: 13px;
    }

    /**/
    /**/
    .projects-page-w {
    }

    .projects-page-w #pr-section-1 {
        padding: 36px 5.5% 0;
    }

    .projects-page-w #pr-section-1 .title {
        font-family: Space Grotesk;
        font-weight: 500;
        font-size: 42px;
        line-height: 31.16px;
        letter-spacing: -1.5px;
        vertical-align: middle;
        text-transform: lowercase;
        margin-left: 15%;
    }

    .projects-page-w #pr-section-1 .desc {
        font-family: Space Grotesk;
        font-weight: 500;
        font-size: 43px;
        line-height: 40px;
        letter-spacing: -2.66px;
        vertical-align: middle;
        text-transform: lowercase;
        width: 99%;
    }

    .projects-page-w #pr-filter {
        display: none;
    }

    .projects-page-w #pr-filter ul {
    }

    .projects-page-w #pr-filter ul li {
    }

    .projects-page-w #pr-filter ul li a {
    }

    .projects-page-w #pr-list {
        margin: 53px 0 0;
    }

    .projects-page-w #pr-list .row {
    }

    .projects-page-w #pr-list .row ul {
    }

    .projects-page-w #pr-list .row ul li {
        padding: 0 0 35px;
        flex: 1 1 100%;
    }

    .projects-page-w #pr-list .row ul li > a {
    }

    .projects-page-w #pr-list .row ul li img {
        width: 100%;
    }

    .projects-page-w #pr-list .row ul li .title {
        font-family: Space Grotesk;
        font-weight: 700;
        font-size: 21.67px;
        line-height: 47.43px;
        letter-spacing: 0px;
        vertical-align: middle;
        padding: 13px 0 0px;
    }

    .projects-page-w #pr-list .row ul li .desc {
        font-family: Space Grotesk;
        font-weight: 400;
        font-size: 14.45px;
        line-height: 18.06px;
        letter-spacing: 0px;
        vertical-align: middle;
        margin: -6px 0 0;
    }

    /**/
    /**/
    .conatct-7-home-footer {
        width: 57%;
    }

    .conatct-7-home-footer form {
        flex-direction: column;
        align-items: baseline;
    }

    .conatct-7-home-footer form > p {
        padding-bottom: 15px;
    }

    .conatct-7-home-footer form > p > label {
    }

    .conatct-7-home-footer form > p > label br {
    }

    .conatct-7-home-footer form > p > label span {
    }

    .conatct-7-home-footer form > p > label span input {
        padding: 6px 19px;
    }

    .conatct-7-home-footer form > p > [type="submit"] {
        padding: 8px 23%;
        width: 156px;
        margin: 27px 0 44px;
    }

    .conatct-7-home-footer .wpcf7 form .wpcf7-response-output {
        bottom: 9px;
    }

    .conatct-7-home-footer form .wpcf7-spinner {
    }

    .conatct-7-home-footer form .wpcf7-not-valid-tip {
        margin: 1px 0 0;
    }

    /**/
    /**/
    .conatct-7-page {
        width: 100%;
        margin-top: 57px;
        margin-bottom: 24px;
    }

    .conatct-7-page form {
    }

    .conatct-7-page form > p {
    }

    .conatct-7-page form > p:nth-child(2),
    .conatct-7-page form > p:nth-child(3) {
    }

    .conatct-7-page form > p:nth-child(2) {
    }

    .conatct-7-page form > p:nth-child(3) {
    }

    .conatct-7-page form > p > label {
    }

    .conatct-7-page form > p > label br {
    }

    .conatct-7-page form > p > label span {
    }

    .conatct-7-page form > p > label span textarea {
        font-family: Space Grotesk;
        padding: 14px 28px;
    }


    .conatct-7-page form > p > label span input {
        padding: 16px 34px;
    }

    .conatct-7-page form > p > [type="submit"] {
    }

    .conatct-7-page .wpcf7 form .wpcf7-response-output {
        bottom: -5px;
    }

    .conatct-7-page form .wpcf7-spinner {
    }

    .conatct-7-page form .wpcf7-not-valid-tip {
    }

    /**/
    #au-section-2 .dot-b {
        background-color: #00F99F;
        width: 20px;
        height: 3px;
        margin: 31px auto 0;
    }
}