html {
    scroll-behavior: smooth
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

a {
    text-decoration: none;
    outline: none
}

a:hover {
    outline: none
}

a:focus {
    outline: none
}

img {
    height: auto
}

body {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
}

.link {
    cursor: pointer;
    font-size: 18px;
    position: relative;
    white-space: nowrap
}

.link--iocaste {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    overflow: hidden;
    padding: 0 0;
    display: inline-block;
    position: relative;
    top: 5px
}

.link--iocaste span {
    color: #000000 !important;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 21px !important;
    overflow: hidden
}

.link-black-bkgr {
    color: #fff !important
}

.link-black-bkgr span {
    color: #fff !important
}

.link-black-bkgr .link__graphic {
    stroke: #fff
}

.link__graphic {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    fill: none;
    stroke: #000;
    stroke-width: 1px
}

.link__graphic--slide {
    top: 0;
    stroke-width: 3px;
    transition: transform 0.7s;
    transition-timing-function: cubic-bezier(0, .25, .5, 1)
}

.link:hover .link__graphic--slide {
    transform: translate3d(-66.6%, 0, 0)
}

.portfolio-item-container {
    display: flex;
    flex-direction: column;
    padding: 5px
}

.out-work-item-title p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px
}

.view {
    overflow: hidden;
    position: relative;
    text-align: center
}

.view .mask,
.view .content {
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}

.view img {
    display: block;
    position: relative
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    margin: 20px 0 0 0
}

.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}

.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000
}

.view-tenth img {
    width: 100%;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    cursor: pointer
}

.view-tenth .mask {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    background-color: #fff;
    border: 1px solid #a4a4a478;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

.view-tenth h3 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    text-align: center;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.5px;
    text-transform: uppercase;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

.view-tenth p {
    padding: 20px 20px;
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear
}

.view-tenth a.portfolio-btn {
    max-width: 139px;
    margin: 0 auto;
    text-align: center;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear
}

.view-tenth:hover img {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer
}

.view-tenth:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1
}

.view-tenth:hover h3,
.view-tenth:hover p,
.view-tenth:hover a.portfolio-btn {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

.view-tenth.hovered img {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer
}

.view-tenth.hovered .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1
}

.view-tenth.hovered h3,
.view-tenth.hovered p,
.view-tenth.hovered a.portfolio-btn {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

.service-container {
    display: flex;
    padding: 75px 80px 50px 100px;
    gap: 200px
}

.service-container .left,
.service-container .right {
    flex: 1;
    position: relative;
    padding: 20px
}

.service-container h2 span {
    font-size: 25px !important
}

.service-container .right {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    margin-top: 230px
}

.service-container .left h2 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.7px;
    padding: 10px 0
}

.padding-top {
    padding-top: 100px
}

.service-container .large-image {
    left: -10px;
    top: -40px;
    width: 96%
}

.service-container .small-image {
    top: 350px;
    left: 330px;
    width: 53%
}

.service-container .third-image {
    position: absolute;
    top: -320px;
    width: 65%
}

.service-container .right h2 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.5px;
    margin-bottom: 10px
}

.service-container .right p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 10px 0
}

.service-container .service-get-in-touch {
    margin-top: 100px;
    padding: 13px 20px;
    border-radius: 100px;
    border: 1.5px solid #000;
    background: #000;
    color: #ebebeb;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    width: 160px
}

.bottom-half-container h5 {
    color: #fff;
    text-align: left;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    margin-bottom: 30px
}

.bottom-half-container a {
    text-decoration: none;
    color: inherit;
    display: flex;
    justify-content: center
}

.our-work-title a {
    text-decoration: none;
    color: inherit;
    display: flex;
    justify-content: center
}

.our-work-title a:hover {
    text-decoration: none;
    color: #747474
}

.our-work-title a:hover svg path {
    fill: #747474;
    stroke: #747474
}

.two-columns-layout {
    display: flex;
    padding: 80px 100px 60px 80px;
    background-color: #F4F4F4
}

.wp-design-ul {
    margin-left: 20px
}

.wp-design-ul li {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 4px 0
}

.wp-design-ul-w {
    margin-left: 40px
}

.wp-design-ul-w li {
    color: #fff;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 4px 0
}

.two-columns-layout .left,
.two-columns-layout .right {
    flex: 1;
    position: relative;
    padding: 15px
}

.two-columns-layout .right {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left
}

.two-columns-layout .left h3 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.7px
}

.two-columns-layout .right h2 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.5px
}

.fw-700 {
    font-weight: 700 !important
}

.two-columns-layout .right p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 6px 0
}

.two-columns-layout .service-get-in-touch {
    margin-top: 60px;
    padding: 12px 15px;
    border-radius: 100px;
    border: 1.5px solid #000;
    background: #000;
    color: #FFF;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    width: 150px
}

.two-columns-layout .service-get-in-touch:hover {
    background-color: #333
}

.two-columns-layout .left a:hover {
    text-decoration: none
}

.three-columns {
    display: flex;
    justify-content: space-between;
    padding: 80px 60px;
    align-items: stretch
}

.service-column {
    display: flex;
    flex: 1;
    padding: 20px;
    box-sizing: border-box;
    flex-direction: column
}

.service-column h3 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.5px;
    margin-bottom: 15px
}

.service-column p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding-bottom: 15px
}

.service-wd-ul {
    padding: 20px 0 20px 40px
}

.service-wd-ul li {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.service-column img {
    width: 100%;
    margin-top: auto;
    padding-right: 30px
}

.middle-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.middle-column img {
    order: -1;
    margin-bottom: 35px
}

.testimonials {
    position: relative;
    width: 100%;
    background-color: #f4f4f4;
    padding: 100px 0
}

.testimonials .testimonials-wraper {
    width: 70%;
    margin: 0 auto;
    text-align: center
}

.testimonials-wraper .testRow {
    width: 80%;
    min-height: 240px;
    position: relative;
    overflow: hidden;
    margin: 0 auto
}

.testRow .testItem {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.testRow .testItem:not(.active) {
    top: 0;
    left: -100%
}

.testimonials-wraper h3 {
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    padding-bottom: 25px
}

.testRow .testItem p {
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px
}

.testRow .testItem span {
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    padding-top: 20px
}

.testRow .testItem .star-rating {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    margin-top: 16px;
}

.testRow .testItem .star-rating svg {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}

.testimonials-wraper .indicators {
    position: absolute;
    bottom: 90px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px;
    cursor: pointer
}

.testimonials-wraper .indicators .dot {
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.5s ease
}

.testimonials-wraper .indicators .active {
    background-color: #000
}

@keyframes next1 {
    from {
        left: 0%
    }

    to {
        left: -100%
    }
}

@keyframes next2 {
    from {
        left: 100%
    }

    to {
        left: 0%
    }
}

@keyframes prev1 {
    from {
        left: 0%
    }

    to {
        left: 100%
    }
}

@keyframes prev2 {
    from {
        left: -100%
    }

    to {
        left: 0%
    }
}

@media(max-width:550px) {
    .testimonials .testimonials-wraper {
        width: 90%
    }

    .testimonials-wraper h2 {
        font-size: 32px
    }

    .testRow .testItem p {
        font-size: 16px;
        letter-spacing: initial;
        line-height: initial
    }
}

.maintenance {
    padding: 80px
}

.maintenance h3 {
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    padding-bottom: 50px
}

.maintenance-wd h3 {
    padding-bottom: 30px
}

.maintenance-wd h4 {
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -1.6px;
    padding-bottom: 50px
}

.maintenance-wd-p {
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -.6px;
    padding-bottom: 50px;
    max-width: 850px;
    margin: 0 auto
}

.maintenance-packages {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.maintenance-package {
    display: flex;
    flex-basis: calc(33% - 10px);
    margin-bottom: 35px;
    padding: 10px;
    align-items: flex-start
}

.maintenance-package-wpd {
    display: flex;
    flex-basis: calc(50% - 50px);
    margin-bottom: 35px;
    padding: 10px;
    align-items: flex-start
}

.maintenance-info {
    margin-top: 15px;
    margin-left: 25px
}

.maintenance-info h3 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.5px;
    text-align: left;
    padding-bottom: 15px
}

.maintenance-info p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.maintenance-package img {
    width: 129px;
    height: 129px
}

.maintenance-connection-container {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    width: calc(100% - 80px);
    margin: 0 40px;
    padding-bottom: 80px
}

.maintenance-connection.no-bg {
    background: transparent;
    color: #000 !important
}

.maintenance-connection.no-bg>* {
    color: #000 !important
}

.maintenance-connection-container-wd {
    padding-bottom: 0
}

.maintenance-connection-container img {
    width: 50%;
    height: auto;
    flex: 1;
    object-fit: cover
}

.maintenance-connection {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #000;
    flex: 1;
    width: 50%;
    padding: 20px 130px 20px 70px
}

.maintenance-connection ul li {
    color: #fff;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 4px 0
}

.maintenance-connection ul {
    padding-left: 15px
}

.maintenance-connection h2 {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    padding-bottom: 20px
}

.maintenance-connection p {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding-bottom: 20px
}

.service-container-grey-bkg {
    display: flex;
    padding: 70px 100px 310px 65px;
    background-color: #F4F4F4
}

.service-container-grey-bkg a {
    text-decoration: none
}

.service-container-grey-bkg .left,
.service-container-grey-bkg .right {
    flex: 1;
    position: relative;
    padding: 15px
}

.service-container-grey-bkg .right {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left
}

.img-left,
.img-right-1,
.img-right-2 {
    position: absolute;
    transition: transform 0.1s ease-out
}

.img-left {
    right: 55px;
    bottom: -290px;
    width: 55%
}

.img-right-1 {
    top: -70px;
    left: 65px;
    width: 46%
}

.img-right-2 {
    bottom: -300px;
    right: -20px;
    width: 54%
}

.service-container-grey-bkg .left h3 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    margin-bottom: 15px
}

.service-container-grey-bkg .left p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding-bottom: 15px
}

.service-container-grey-bkg .right h2 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.5px
}

.fw-700 {
    font-weight: 700 !important
}

.service-container-grey-bkg .right p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 6px 0
}

.service-container-grey-bkg .service-get-in-touch {
    margin-top: 10px;
    padding: 12px 15px;
    border-radius: 100px;
    border: 1.5px solid #000;
    background: #000;
    color: #FFF;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    width: 150px
}

.service-container-grey-bkg .service-get-in-touch:hover {
    background-color: #292828;
    cursor: pointer
}

.post-slider-maint {
    padding: 80px 0 80px 50px;
    width: 100%
}

.slider-title-maint {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-left: 35px
}

.slider-title-maint h2 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    margin-bottom: 20px
}

.slider-controls-maint {
    display: flex;
    gap: 10px;
    padding-right: 50px
}

.slider-container-maint {
    overflow: hidden;
    position: relative
}

.slide-maint h4 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.5px;
    padding: 15px 0
}

.slide-maint p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding-bottom: 15px
}

.slider-track-maint {
    display: flex;
    transition: transform 0.3s ease
}

.slide-maint {
    min-width: 40%;
    text-align: left;
    border-right: 1px solid #ccc;
    padding: 0 40px 0 40px
}

.arrow {
    background-color: #fff;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease
}

.arrow:disabled {
    cursor: not-allowed
}

@media (max-width:1200px) {
    .slide-maint {
        min-width: 50%
    }
}

@media (max-width:768px) {
    .slide-maint {
        min-width: 100%
    }
}

.tabs-section-black {
    background-color: #000;
    padding: 60px 0
}

.tabs-title {
    position: relative;
    padding: 0 80px
}

.tabs-title svg {
    position: absolute;
    right: 80px;
    bottom: 10px
}

.tabs-title h2 {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 62px;
    font-style: normal;
    font-weight: 400;
    line-height: 96%;
    letter-spacing: -1.24px
}

.tabs-section {
    display: flex;
    padding: 70px 80px 70px 85px;
    gap: 90px;
    position: relative
}

.invert-color .tabs-section {
    padding: 130px 80px 70px 85px
}

.tabs-section h3 {
    flex: 1;
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px
}

.tabs-section-title {
    flex: 1
}

.tabs-section-title h3 {
    margin-bottom: 15px
}

.tabs-section-title h5 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.6px;
    margin-bottom: -10px
}

.tabs-section-title p {
    padding: 15px 0;
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding-bottom: 15px
}

.tabs-container {
    position: relative;
    flex: 1
}

.tabs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px
}

.tab-button {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    flex: 1;
    height: 28px;
    text-align: left;
    background: #fff;
    border: none;
    border-bottom: 2px solid #000;
    cursor: pointer;
    margin-right: 5px;
    transition: 0.25s background ease, 0.25s border ease
}

.tabs-container h4 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px
}

.invert-color .tab-button {
    color: #fff;
    background: #000;
    border-bottom: none
}

.tab-button:last-child {
    margin-right: 0
}

.invert-color .tabs {
    border-bottom: 2px solid #5c5c5c
}

.line {
    position: absolute;
    height: 2px;
    background: #f4f4f4;
    width: calc(33.33% - 5px);
    top: 26px;
    transition: 0.25s ease
}

.invert-color .line {
    background: #fff;
    top: 28px
}

.content-container {
    position: relative;
    height: 100px;
    font-size: 16px;
    max-width: 490px
}

.invert-color .content-container {
    max-width: 600px
}

.content {
    display: none;
    width: 100%
}

.content.active {
    display: block
}

.content h3 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    margin: 10px 0
}

.invert-color h3 {
    color: #fff
}

.content p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    margin: 10px 0
}

.invert-color p {
    color: #fff
}

.tabs-section-text {
    flex: 1
}

.tabs-section-text p {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding-top: 10px
}

.content-two-colum {
    display: flex;
    justify-content: space-between;
    gap: 50px;
    align-items: center
}

.content-two-colum .left-column {
    flex: 1
}

.content-two-colum .right-column h3 {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    color: #fff;
    letter-spacing: 0;
    margin: 0
}

.content-two-colum .right-column h3::before {
    content: "•";
    color: #fff;
    display: inline-block;
    width: 1em;
    margin-right: 4px;
    font-size: 15px
}

.content-two-colum .right-column a {
    margin-left: -5px
}

.horizontal-divider {
    position: absolute;
    bottom: 0;
    left: 40px;
    right: 40px;
    height: 1px;
    background-color: #B4B4B4
}

.custom-section {
    display: flex;
    justify-content: space-between;
    padding: 40px;
    gap: 10px
}

.custom-section svg {
    position: absolute;
    right: 50px
}

.custom-div {
    position: relative;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 50px 140px 50px 50px;
    flex: 1;
    max-width: calc(50% - 5px)
}

.custom-div h2 {
    text-align: left;
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px
}

.custom-div p {
    text-align: left;
    margin: 10px 0;
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

@media (max-width:768px) {
    .custom-section {
        flex-direction: column
    }

    .custom-div {
        max-width: 100%;
        margin-bottom: 10px
    }

    .custom-div:last-child {
        margin-bottom: 0
    }
}

.faqs-head-container {
    max-width: 600px;
    padding: 200px 0 130px 0;
    text-align: center;
    margin: 0 auto
}

.faqs-head-container h1 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    margin-bottom: 30px
}

.faqs-head-container p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 10px 0
}

.faq-section {
    padding: 80px
}

.faq-section.blog_faqs {
    max-width: 940px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0
}

.faq-page-section {
    display: flex;
    justify-content: center;
    padding: 150px 20px 60px 20px
}

.faq-section h3 {
    text-align: left;
    margin-bottom: 25px;
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px
}

.faq-page-section h3 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px
}

.faq-section p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.faq-page-section p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.faq-container {
    display: flex;
    justify-content: space-between;
    gap: 20px
}

.faq-page-container {
    display: flex;
    justify-content: center;
    gap: 50px;
    flex-direction: column;
    max-width: 900px
}

.faq-column {
    flex: 1;
    max-width: 48%;
    background: #F4F4F4
}

.faq-page-column {
    padding: 40px;
    width: 100%;
    border: 80px;
    background: #F4F4F4
}

.faq-item {
    margin-bottom: 10px;
    padding: 5px 0 10px 0
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding-bottom: 10px
}

.faq-question svg {
    transform: rotate(270deg)
}

.faq-answer {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease-out, padding 0.3s ease-out
}

.faq-answer.open {
    padding-top: 10px;
    padding-bottom: 10px
}

.black-container .faq-column {
    background: #000
}

.black-container .faq-section h3 {
    color: #fff
}

.black-container .faq-column p {
    color: #fff
}

.black-container svg path {
    fill: #fff;
    stroke: #fff
}

.white-container .faq-column {
    background: #fff
}

.white-container .faq-column p {
    color: #000
}

.piece-body-container {
    padding: 60px 0
}

.piece-header {
    position: relative;
    height: 80vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.piece-header-video-container {
    position: absolute;
    width: 100%;
    height: 125%
}

.piece-header-video-container video {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.columns-video {
    width: 100%;
    height: 125%;
    margin-top: 10px;
    position: relative
}

.columns-video video {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.columns-video .video-text {
    position: absolute;
    font-size: 40px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    transform: translate(-50%, -50%);
    color: #fff;
    width: 100%;
    text-align: center
}

.columns-video .video-text span {
    color: #FFF;
    font-family: hv_fitzgerald;
    font-style: italic;
    font-size: 45px;
    font-weight: 400;
    line-height: 106%;
    letter-spacing: -1.3px
}

.piece-header-content h1 {
    color: #FFF;
    font-family: hv_fitzgerald;
    font-style: italic;
    font-size: 65px;
    font-weight: 400;
    line-height: 106%;
    letter-spacing: -1.3px
}

.piece-header-content p {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 35px
}

.piece-header-image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.piece-header-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translateZ(0)
}

.piece-body-container h2 {
    margin: 0 auto;
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 40px 0;
    max-width: 731px;
    text-align: center
}

.piece-header-content {
    margin: 0 auto;
    z-index: 1;
    text-align: center;
    color: #fff
}

.piece-header-content svg {
    position: absolute;
    bottom: 40px
}

.after-columns {
    margin-top: -60px;
    padding: 0 80px 80px 80px
}

.after-columns p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

hr {
    border: none;
    border-top: 1px solid #ccc
}

@media (max-width:768px) {
    .faq-container {
        flex-direction: column
    }

    .faq-column {
        max-width: 100%
    }
}

.form-row {
    display: flex;
    margin-bottom: 10px
}

.form-row p {
    width: 100%;
    margin-right: 10px
}

.landing-contact-bottom .form-row p {
    width: 33%
}

.landing-contact-bottom .form-row p:last-child {
    margin-right: 10px
}

.form-row p:last-child {
    margin-right: 0
}

.contact-us-form-service {
    background-color: #000;
    padding: 90px 75px
}

@media (max-width:992px) {
    .landing-contact-bottom .form-row p {
        width: 100%
    }
}

@media (max-width:575px) {
    .contact-us-form-service {
        padding: 20px 20px
    }
}

.contact-us-form-service h2 {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    margin-bottom: 30px
}

.contact-us-form-service input,
.contact-us-form-service textarea {
    width: 100%;
    background-color: transparent;
    border-radius: 100px;
    border: 1.5px solid #FFF;
    padding: 14px;
    margin: 8px 0
}

.contact-us-form-service textarea {
    height: 240px;
    border-radius: 10px !important
}

.wpcf7 input::placeholder {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.wpcf7 textarea::placeholder {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.contact-us-form-service .submit-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 10px
}

.submit-area p {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .24px
}

#form-span span {
    font-size: 12px !important
}

.wpcf7 input.wpcf7-submit {
    padding: 13px 20px;
    background-color: #fff;
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
    border-radius: 100px;
    border: 1.5px solid #FFF;
    background: #FFF;
    backdrop-filter: blur(1.5px);
    margin: 0
}

.wpcf7 input.wpcf7-submit:hover {
    background-color: #f5f5f5
}

.form-info {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: .16px;
    flex: 1 1 50%;
    max-width: 50%
}

.contact-us-form-service .submit-area p:nth-of-type(2) {
    width: 200px;
    flex: none
}

.wpcf7-spinner {
    display: none
}

.pricing-section {
    padding: 85px;
    background-color: #000;
    overflow: hidden
}

.pricing-section.price-cards {
    padding-top: 42.5px
}

.pricing-section.price-cards h2 {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    color: #FFF;
    text-align: center;
    margin-bottom: 42.5px
}

.pricing-tables {
    display: flex;
    justify-content: space-between;
    text-align: center;
    gap: 17px
}

.pricing-table {
    flex: 1;
    background-color: #fff;
    padding: 50px 20px;
    display: flex;
    flex-direction: column;
    border-radius: 5px
}

.pricing-table .price {
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    padding-bottom: 15px
}

.pricing-table h2 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.5px;
    padding-bottom: 30px
}

.circle {
    width: 144px;
    height: 144px;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.5px
}

.pricing-content {
    flex-grow: 1;
    padding-bottom: 30px
}

.pricing-content p {
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px
}

.pricing-button {
    border-radius: 100px;
    border: 1.5px solid #000;
    color: #fff;
    padding: 13px 20px;
    background: #000;
    max-width: 150px;
    margin: 0 auto
}

.popular {
    position: relative;
    overflow: hidden
}

.popular-banner {
    position: absolute;
    top: 82px;
    right: -27px;
    background-color: #000;
    color: #fff;
    padding: 10px 40px;
    transform: rotate(45deg);
    transform-origin: right top;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: .98px;
    text-transform: uppercase
}

.pricing-button:hover {
    cursor: pointer;
    background-color: #292828
}

@media (max-width:768px) {
    .pricing-section {
        flex-direction: column
    }
}

.view-portfolio-btn {
    border-radius: 100px;
    border: 1.5px solid #FFF;
    background: rgba(255, 255, 255, .3);
    backdrop-filter: blur(1.5px);
    color: #FFF;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 13px 20px;
    cursor: pointer
}

.why-alt-btn {
    border-radius: 100px;
    border: 1.5px solid #FFF;
    background: #FFF;
    backdrop-filter: blur(1.5px);
    padding: 13px 20px;
    gap: 10px;
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer
}

.view-portfolio-btn:hover {
    background: rgba(255, 255, 255, .527)
}

.why-alt-btn:hover {
    background: #dfdddd
}

.our-work {
    padding: 50px 80px 60px 80px;
    background-color: #f4f4f4
}

.center-a {
    display: flex;
    margin-top: 20px;
    justify-content: center
}

.center-a .button__bg {
    border: 1.5px solid #000 !important
}

.our-work a {
    text-decoration: none
}

.our-work-title {
    display: flex;
    justify-content: space-between;
    padding: 35px 0
}

.our-work-title h3 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px
}

.our-work-title p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    display: flex;
    align-items: center
}

.our-work-title p span {
    display: inline-flex;
    align-items: center;
    margin-left: 5px;
    transition: transform 0.3s ease
}

.our-work-title p:hover span {
    transform: translateX(5px)
}

.our-work-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    align-items: stretch
}

.our-work-item {
    padding: 5px;
    cursor: pointer;
    position: relative;
    transition: transform 0.3s ease
}

.our-work-item:hover {
    transform: scale(1.02);
    transition: transform 0.3s ease
}

.our-work-item p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px
}

.our-work-item img {
    width: 100%
}

.out-work-item-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0
}

.full-portfolio-btn {
    border-radius: 100px;
    border: 1.5px solid #000;
    background: #fff;
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 15px 15px;
    cursor: pointer;
    width: 200px;
    margin: 20px auto
}

.our-work-item a {
    text-decoration: none
}

.full-portfolio-btn:hover {
    transform: scale(1.02);
    transition: transform 0.3s ease;
    background: rgba(255, 255, 255, .527)
}

.post-slider-work {
    padding: 60px 0 80px 80px;
    width: 100%
}

.slider-title-work {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px
}

.slider-title-work h3 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    margin-bottom: 20px
}

.slider-controls-work {
    display: flex;
    gap: 12px;
    padding-right: 50px
}

.slider-container-work {
    padding-left: 10px;
    overflow: hidden;
    position: relative
}

.slide-work h4 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.5px;
    padding: 15px 0
}

.slide-work p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px
}

.slide-work:hover {
    transform: scale(1.02);
    transition: transform 0.3s ease
}

.slider-track-work {
    display: flex;
    transition: transform 0.3s ease;
    gap: 13px
}

.slide-work {
    transition: all 0.3s ease;
    min-width: 31.4%;
    cursor: pointer
}

.slide-work a {
    text-decoration: none
}

.slide-work img {
    width: 100%
}

.slide-work-title {
    position: relative;
    align-items: center;
    display: flex;
    justify-content: space-between
}

.slide-work-title p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    padding-right: 20px
}

.slide-work-title svg {
    position: absolute;
    right: 0;
    top: 4px
}

.web-design {
    text-align: center;
    padding: 60px 60px
}

.web-design-title {
    max-width: 811px;
    margin: 0 auto;
    padding: 15px 0 45px 0
}

.web-design h1 {
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    margin-bottom: 30px
}

.web-design p {
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.web-design h5 {
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px
}

.web-design-items {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px
}

.web-design-item {
    max-width: 330px
}

.web-design-item p {
    padding: 15px 0
}

.front-page-header {
    padding: 0 40px;
    height: 94vh;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.front-page-header .top-half span {
    color: #FFF;
    text-shadow: 0 10px 10px rgba(0, 0, 0, .15);
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 95%;
    letter-spacing: -2px
}

.front-page-header p {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px
}

.front-page-header svg {
    position: absolute;
    bottom: 80px;
    left: 40px;
    z-index: 1
}

.top-half {
    display: flex;
    align-items: flex-end;
    height: 50%;
    z-index: 1
}

.top-half--center-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: center;
}

.top-half__logo-wrapper {
    width: 100%;
    text-align: center;
}

.top-half__logo-image {
    width: 600px;
    height: 400px;
    max-width: 100%;
    display: inline-block;
}

@media (max-width: 767px) {
    .top-half--center-logo {
        top: 40%;
    }

    .top-half__logo-image {
        width: 80%;
        height: auto;
    }

    header .logo-header img {
        width: 90px;
        height: auto;
    }
}

.bottom-half {
    position: absolute;
    bottom: 0;
    right: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 50%;
    z-index: 1;
    width: calc(100% - 100px);
}

.bottom-half-container {
    width: 522px
}

.buttons {
    display: flex;
    text-align: center;
    gap: 10px;
    margin-top: 20px
}

.front-slide-img {
    display: flex;
    padding: 80px 90px 100px 75px;
    gap: 180px;
    flex-direction: column
}

.front-slide-img .top-half,
.front-slide-img .bottom-half {
    position: relative
}

.front-slide-img .bottom-half {
    margin-right: 0
}

.front-slide-img .bottom-half p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 15px 0
}

.front-slide-img .top-half span {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 62px;
    font-style: normal;
    font-weight: 400;
    line-height: 96%;
    letter-spacing: -1.24px;
    display: block
}

.front-slide-img .top-half button {
    padding: 11px 20px;
    border-radius: 100px;
    border: 1.5px solid #000;
    background: rgba(255, 255, 255, .2);
    backdrop-filter: blur(1.5px);
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 30px
}

.front-slide-img .large-image {
    left: 10px;
    top: 190px;
    width: 39%
}

.front-slide-img .small-image {
    left: 470px;
    top: 210px;
    width: 20%
}

.front-slide-img .third-image {
    position: absolute;
    right: -10px;
    top: -250px;
    width: 30%
}

.bottom-half-container .arr-down {
    position: absolute;
    bottom: 18px;
    right: -7px
}

.center-text {
    align-items: center
}

.center-p {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease;
    text-align: center
}

.center-p span {
    display: inline-flex;
    align-items: center;
    margin-left: 5px
}

.center-p:hover {
    color: #747474 !important
}

.center-p:hover svg path {
    fill: #747474;
    stroke: #747474
}

.center-p span {
    display: inline-flex;
    align-items: center;
    margin-left: 5px;
    transition: transform 0.3s ease
}

.center-p:hover span {
    transform: translateX(5px)
}

.read-blog-container {
    width: 100%;
    display: flex;
    padding: 80px 0 60px 80px;
    position: relative
}

.blog-slide-title {
    flex-basis: 30.33%;
    flex-shrink: 0;
    position: relative;
    padding-right: 40px;
    padding-bottom: 80px
}

.blog-slide-title a {
    text-decoration: none;
    position: absolute;
    bottom: 10px;
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px
}

.blog-slide-title a:hover {
    text-decoration: none;
    color: #747474
}

.blog-slide-title a:hover svg path {
    fill: #747474;
    stroke: #747474
}

.blog-slide-controls button:hover svg path {
    fill: #747474;
    stroke: #747474
}

.blog-slide-title h3 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    padding-bottom: 20px
}

.blog-slide-title p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.slide-post-wrapper {
    padding-left: 10px;
    overflow: hidden
}

.slide-post-items {
    display: flex
}

.slide-post-item:hover {
    transform: scale(1.02);
    transition: transform 0.3s ease
}

.slide-post-items {
    display: flex;
    transition: transform 0.3s ease;
    gap: 13px
}

.slide-post-item {
    transition: all 0.3s ease;
    min-width: 45%;
    cursor: pointer;
    text-decoration: none
}

.slide-post-item img {
    width: 100%
}

.blog-slide-controls {
    position: absolute;
    right: 30px;
    bottom: 30px
}

.about-us-header {
    position: relative;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(181deg, #000 .01%, rgb(0 0 0 / 80%) 135.13%);
    opacity: .6;
    pointer-events: none
}

.about-us-header-image-container .piece-header-video {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.about-us-header-image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.desktop-image {
    display: block
}

.mobile-image {
    display: none
}

.about-us-header-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translateZ(0)
}

.svg-icon-header {
    position: absolute;
    bottom: 80px;
    left: 85px
}

.about-us-header-content {
    position: relative;
    z-index: 1;
    text-align: left;
    color: #fff;
    width: 50%;
    padding-left: 85px
}

.about-us-header-content h1 {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 65px;
    font-style: normal;
    font-weight: 400;
    line-height: 106%;
    letter-spacing: -1.3px;
    padding-bottom: 170px
}

.about-us-header-content span {
    font-family: hv_fitzgerald;
    font-style: italic;
    font-size: 67px
}

.about-us-header-content p {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 35px;
    max-width: 400px
}

.about-container {
    display: flex;
    padding: 75px 150px 110px 100px;
    gap: 180px
}

.about-container .left,
.about-container .right {
    flex: 1;
    position: relative
}

.about-container .right {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left
}

.about-container .right .about-btn {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 20px 0
}

.about-container .right h2 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px
}

.about-container .right p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 10px 0
}

.large-image,
.small-image {
    position: absolute;
    transition: transform 1.1s ease
}

.about-container .large-image {
    left: -10px;
    top: -60px;
    width: 96%
}

.about-container .small-image {
    top: 380px;
    left: 330px;
    width: 53%
}

.about-us-info {
    background-color: #000
}

.info-content {
    display: flex;
    padding: 80px;
    gap: 100px
}

.info-content .info-left,
.info-content .info-right {
    flex: 1;
    position: relative
}

.about-us-info h3 {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px
}

.about-us-info p,
.pricing-slide-text p {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 8px 0
}

.about-us-info .scroll,
.pricing-slide-text .scrol,
.front-slide-text .scrol {
    padding: 30px 0 80px 0;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.about-us-info .m-scroll,
.pricing-slide-text .m-scroll,
.front-slide-text .m-scroll {
    height: 100%;
    white-space: nowrap;
    animation: scrollText 35s infinite linear;
    margin: 0;
    display: inline-block;
    animation-fill-mode: forwards
}

.front-slide-text {
    overflow: hidden
}

.front-slide-text:hover .m-scroll {
    animation-play-state: paused
}

.front-slide-text:hover .m-scroll>span {
    transform: skewX(-10deg)
}

.about-us-info span,
.pricing-slide-text span,
.front-slide-text span {
    display: inline-block;
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -1.6px;
    transition: transform 0.3s ease
}

.about-us-info p span {
    letter-spacing: normal
}

.about-us-info p .link--iocaste span {
    overflow: unset
}

.front-slide-text {
    overflow: hidden
}

.front-slide-text span {
    color: #000 !important
}

.front-slide-text .m-scroll {
    padding: 80px 0
}

.front-slide-text .separator {
    padding: 14px 15px;
    border-radius: 100px;
    border: 1.5px solid #000;
    background: #000;
    color: #FFF !important;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-style: normal;
    font-weight: 600;
    width: 150px;
    font-size: 12px !important;
    margin: 0 60px !important;
    letter-spacing: 0;
    transform: translateY(-50%)
}

.separator {
    font-size: 70px !important;
    margin: 0 30px !important
}

@keyframes scrollText {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-50%)
    }
}

.meet-our-team {
    padding: 20px 80px 50px 80px
}

.team-heading {
    padding: 70px 10px;
    display: flex;
    align-items: center
}

.team-info,
.team-contact {
    flex: 1
}

.right-a {
    display: flex;
    justify-content: right
}

.team-contact a {
    text-decoration: none
}

.team-info {
    text-align: left
}

.team-info h3 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    margin-bottom: 20px
}

.team-info h5 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.6px;
    margin-bottom: 20px;
    padding: 10px 0
}

.team-info p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.btn-team {
    display: flex;
    padding: 13px 20px;
    border-radius: 100px;
    border: 1.5px solid #000;
    background: #000;
    color: #FFF;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: auto;
    cursor: pointer
}

.btn-team:hover {
    background-color: #333
}

.team-members {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.team-member {
    display: flex;
    flex-basis: calc(50% - 60px);
    margin-bottom: 20px;
    padding: 10px
}

.team-member-wd {
    flex-basis: calc(33% - 60px);
    flex-direction: column
}

.team-member-wd img {
    margin: 25px auto
}

.team-member-wd h3,
.team-member-wd h4 {
    text-align: center
}

.member-info {
    margin-left: 40px
}

.member-info h3 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.5px
}

.member-info h4 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.5px;
    margin-bottom: 10px
}

.member-info p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.member-image {
    width: 129px;
    height: 129px
}

.about-web-design-container {
    margin: 30px 0
}

.about-web-design-container h4 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.5px;
    margin-bottom: 10px
}

.about-web-design-container p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.parallax {
    height: 350px;
    width: 100%;
    overflow: hidden;
    position: relative
}

.parallax .parallax-image {
    width: 100%;
    position: relative;
    top: -220px
}

.client-section {
    padding: 70px 80px;
    text-align: center
}

.client-section h2 {
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    margin-bottom: 30px
}

.client-logos {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    justify-items: center;
    align-items: center
}

.client-logos img {
    max-width: 100%;
    height: auto
}

@media (max-width:768px) {
    .client-logos {
        grid-template-columns: repeat(3, 1fr)
    }
}

header {
    position: fixed;
    top: 0;
    left: 0%;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 30px 40px 30px 40px;
    background-color: transparent;
    transition: 0.6s;
    z-index: 10000
}

header .logo-header {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.logo-a {
    display: none
}

.right-group {
    padding-right: 20px
}

.right-group .no-click-desktop {
    margin-left: 20px;
    text-decoration: none
}

.hamburger-icon {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 24px;
    width: 30px
}

.hamburger-icon span {
    background-color: #000;
    height: 3px;
    width: 100%;
    display: block
}

.fixed-phone-numb {
    display: none
}

.hamburger-icon-white {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 24px;
    width: 30px
}

.hamburger-icon-white span {
    background-color: #fff;
    height: 3px;
    width: 100%;
    display: block
}

.nav-number-btn-white {
    position: initial;
    text-decoration: none;
    display: inline-flex;
    height: 34px;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 100px;
    border: 1.5px solid #fff;
    background: rgba(255, 255, 255, .2);
    backdrop-filter: blur(1.5px);
    color: #fff;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer
}

.button {
    pointer-events: auto;
    cursor: pointer;
    background: #e7e7e7;
    border: none;
    padding: 1.5rem 3rem;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    position: relative;
    display: inline-block
}

.button--bestia {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    color: #fff;
    background: none;
    padding: 0;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.button--bestia .button__bg {
    border: 1.5px solid #fff;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .2);
    border-radius: 100px;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(.1, 0, .3, 1)
}

.button--bestia:hover .button__bg {
    transform: scale3d(1.1, 1.1, 1)
}

.button--bestia .button__bg::before,
.button--bestia .button__bg::after {
    content: '';
    position: absolute;
    background: #000
}

.button--bestia .button__bg::before {
    width: 110%;
    height: 0;
    padding-bottom: 110%;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1)
}

.button--bestia:hover .button__bg::before {
    transition: transform 0.4s cubic-bezier(.1, 0, .3, 1);
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1)
}

.button--bestia .button__bg::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s
}

.button--bestia:hover .button__bg::after {
    opacity: 1;
    transition-duration: 0.01s;
    transition-delay: 0.3s
}

.button--bestia span {
    display: block;
    position: relative;
    padding: 10px 20px
}

.button--bestia:hover .button__bg {
    border: 1.5px solid #000
}

.button--bestia-white {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    color: #000;
    background: none;
    padding: 0;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.button--bestia-white .button__bg {
    border: 1.5px solid #000;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .2);
    border-radius: 100px;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(.1, 0, .3, 1)
}

.button--bestia-white:hover .button__bg {
    transform: scale3d(1.1, 1.1, 1)
}

.landing-btn-text {
    margin: 10px 0 0;
    text-align: center;
    width: 100%;
    max-width: 450.43px
}

.landing-btn-text a {
    color: #000
}

@media (max-width:767px) {
    .landing-btn-text {
        text-align: left
    }
}

.landing-header-button .button--bestia-white {
    color: #fff
}

.landing-header-button .button--bestia-white .button__bg {
    border: none;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #e5502f, #4b047e);
    border-radius: 100px;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(.1, 0, .3, 1)
}

.landing-header-button .button--bestia-white .button__bg::before,
.landing-header-button .button--bestia-white .button__bg::after {
    content: '';
    position: absolute;
    background: linear-gradient(to right, #4b047e, #e5502f)
}

.landing-header-button .button--bestia-white span {
    padding: 11px 18px !important
}

.button--bestia-white .button__bg::before,
.button--bestia-white .button__bg::after {
    content: '';
    position: absolute;
    background: #000
}

.button--bestia-white .button__bg::before {
    width: 110%;
    height: 0;
    padding-bottom: 110%;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1)
}

.button--bestia-white:hover .button__bg::before {
    transition: transform 0.4s cubic-bezier(.1, 0, .3, 1);
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1)
}

.button--bestia-white .button__bg::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s
}

.button--bestia-white:hover .button__bg::after {
    opacity: 1;
    transition-duration: 0.01s;
    transition-delay: 0.3s
}

.button--bestia-white span {
    display: block;
    position: relative;
    padding: 10px 20px
}

.button--bestia-white:hover span {
    color: #fff
}

.button--bestia-bkg {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    color: #000;
    background: none;
    padding: 0;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.button--bestia-bkg .button__bg {
    border: 1.5px solid #fff;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 100px;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(.1, 0, .3, 1)
}

.button--bestia-bkg:hover .button__bg {
    transform: scale3d(1.1, 1.1, 1)
}

.button--bestia-bkg .button__bg::before,
.button--bestia-bkg .button__bg::after {
    content: '';
    position: absolute;
    background: #000
}

.button--bestia-bkg .button__bg::before {
    width: 110%;
    height: 0;
    padding-bottom: 110%;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1)
}

.button--bestia-bkg:hover .button__bg::before {
    transition: transform 0.4s cubic-bezier(.1, 0, .3, 1);
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1)
}

.button--bestia-bkg .button__bg::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s
}

.button--bestia-bkg:hover .button__bg::after {
    opacity: 1;
    transition-duration: 0.01s;
    transition-delay: 0.3s
}

.button--bestia-bkg span {
    display: block;
    position: relative;
    padding: 10px 20px;
    transition: color 0.4s
}

.button--bestia-bkg:hover span {
    -webkit-text-fill-color: #fff;
    color: #fff
}

.m-scroll .button--bestia-black {
    transform: translateY(-50%);
    margin: 0 60px
}

.m-scroll .button--bestia-black span {
    padding: 15px 20px;
    letter-spacing: 0
}

.button--bestia-black {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    color: #fff;
    background: none;
    padding: 0;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: color 1.4s ease
}

.button--bestia-black span {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    color: #ffffff !important;
    background: none;
    padding: 0;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.button--bestia-black .button__bg {
    border: 1.5px solid #000;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    border-radius: 100px;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(.1, 0, .3, 1)
}

.button--bestia-black:hover .button__bg {
    transform: scale3d(1.1, 1.1, 1)
}

.button--bestia-black .button__bg::before,
.button--bestia-black .button__bg::after {
    content: '';
    position: absolute;
    background: #fff
}

.button--bestia-black .button__bg::before {
    width: 110%;
    height: 0;
    padding-bottom: 110%;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1)
}

.button--bestia-black:hover .button__bg::before {
    transition: transform 0.4s cubic-bezier(.1, 0, .3, 1);
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1)
}

.button--bestia-black .button__bg::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s
}

.button--bestia-black:hover .button__bg::after {
    opacity: 1;
    transition-duration: 0.01s;
    transition-delay: 0.3s
}

.button--bestia-black span {
    display: block;
    position: relative;
    padding: 10px 20px
}

.button--bestia-black:hover span {
    color: #000000 !important
}

.bestia-margin {
    margin-top: 60px
}

.bestia-top {
    margin-top: 20px
}

.bestia-padding span {
    padding: 15px 20px !important
}

header.sticky-white {
    padding: 12px 40px;
    background: #000;
    transition: all 0.4s ease
}

header.sticky {
    padding: 30px 40px;
    background: #000000;
    transition: all 0.4s ease
}

.nav-number-btn {
    position: initial;
    text-decoration: none;
    display: inline-flex;
    height: 34px;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 100px;
    border: 1.5px solid #000;
    background: rgba(255, 255, 255, .2);
    backdrop-filter: blur(1.5px);
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer
}

.nav-number-btn:hover {
    background: rgb(239 239 239 / 53%)
}

.blog-posts-header {
    margin-top: 100px;
    text-align: center
}

.margin-top {
    margin-top: 150px
}

.blog-posts-header .post-date {
    text-transform: uppercase
}

.blog-posts-header .h1,
.blog-posts-header h1 {
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.7px
}

.blog-posts-header p {
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 30px 0 20px 0
}

.blog-posts-header img {
    padding-bottom: 40px
}

.blog-posts-container {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    padding: 20px 40px 120px 40px
}

.blog-link {
    text-decoration: none;
    color: #000
}

.post-item {
    margin-bottom: 40px;
    transition: all 0.3s ease
}

.post-item h3,
.post-item p {
    transition: transform 0.3s ease
}

.post-item:hover {
    background-color: #f3f3f37a
}

.post-item:hover h3 {
    transform: scale(1.03);
    transition: transform 0.3s ease
}

.post-item:hover p {
    transform: scale(1.03);
    transition: transform 0.3s ease
}

.post-item h3 {
    display: flex;
    justify-content: space-between;
    padding: 4px 15px;
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px
}

.post-item p {
    padding: 0 15px;
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.post-item svg {
    transform: translateY(3px)
}

.post-item img {
    width: 100%;
    height: auto
}

.loadMoreBtn-label {
    color: #FFF;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 100px;
    border: 1.5px solid #000;
    background: #000;
    padding: 13px 20px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
    cursor: pointer;
    transition: transform 0.3s ease
}

.loadMoreBtn-label:hover {
    transform: translateX(-50%) scale(1.03)
}

.single-post-featured-image {
    padding: 70px 50px 60px 50px;
    margin: 0 auto
}

.single-post-featured-image img {
    width: 100%
}

.single-post-container {
    max-width: 940px;
    justify-content: center;
    margin: 0 auto
}

.single-post-container a {
    color: #000
}

.single-post-container a:hover {
    color: #b1b1b1;
    border-color: #b1b1b1
}

.single-post-container ul {
    padding-left: 40px
}

.single-post-container li {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    color: #000;
    letter-spacing: 0;
    margin: 0
}

.chapter-two-col {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.chapter-box {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    flex: 0 0 calc(50% - 10px);
    justify-content: center;
    align-items: center
}

.chapter-img {
    flex: 0 0 calc(50% - 10px)
}

.chapter-content {
    flex: 0 0 calc(50% - 10px)
}

.chapter-content h3 {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    color: #444;
    text-transform: uppercase;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.7px;
    margin-bottom: 30px
}

.chapter-content p {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    color: #444;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.chapter-content .button--bestia-black p {
    margin: 0;
    padding: 0
}

.chapter-content .button__bg p {
    display: none
}

.chapter-content .button--bestia-black br {
    display: none
}

.single-post-container .top_heading {
    text-align: center
}

.single-post-container .top_heading p {
    display: none
}

.single-post-container .chepter_sec_descri {
    max-width: 1070px;
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.single-post-container .left_contant {
    padding-right: 30px;
    flex: 0 0 calc(50% - 10px);
    margin-top: 50px
}

.single-post-container .top_heading label {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    color: #000;
    text-transform: uppercase
}

.single-post-container .top_heading h2 {
    color: #000
}

.single-post-container .left_contant p {
    color: #000
}

.dg_cs_post .dg_post_chepter_sec {
    position: relative;
    padding-top: 60px;
    padding-bottom: 50px;
    margin: 40px 0
}

.dg_cs_post .dg_post_chepter_sec .dg_post_chepter_inner_sec {
    position: relative;
    z-index: 2
}

.dg_cs_post .dg_post_chepter_sec:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 100vw;
    height: 100%;
    background-color: #F4F4F4
}

.single-post-container .right_img {
    flex: 0 0 calc(50% - 10px)
}

.single-post-containera:active {
    color: red;
    text-decoration-color: red
}

.single-post-container img {
    margin: 30px 0 20px 0;
    object-fit: cover
}

.single-post-container p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 10px 0
}

.single-post-container h2 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.5px;
    margin: 15px 0
}

.single-post-container .post-intro {
    width: 90%;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px
}

.post-navigation {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 60px 0 65px 0;
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.post-navigation svg {
    transform: translateY(2px)
}

.post-navigation a {
    text-decoration: none;
    color: #000
}

.no-prev-post,
.no-next-post {
    color: #BEBEBE
}

.post-divider {
    margin: 0 50px 70px 50px;
    border-bottom: 1px solid #B4B4B4
}

.post-person {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    max-width: 470px;
    padding: 0 0 60px 0
}

.post-person img {
    margin-bottom: 0;
    border: 1px solid lightgray;
    border-radius: 50%
}

.post-person h4 a {
    color: #000
}

.post-person h4 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 10px;
    margin-top: 20px
}

.post-person p {
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.our-goal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #000;
    padding: 80px 0
}

.our-goal h2 {
    color: #FFF;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.7px;
    margin-bottom: 30px
}

.our-goal span {
    font-weight: 700;
}

.our-goal p {
    color: #fff;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.btn-our-goal {
    padding: 8px 20px;
    margin: 15px 0 33px 0;
    color: #fff;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    background-color: transparent;
    border-radius: 100px;
    border: 1.5px solid #FFF;
    transition: all 0.3s ease;
    cursor: pointer
}

.btn-our-goal:hover {
    transform: scale(1.03);
    transition: transform 0.3s ease;
    background-color: #fff;
    color: #000
}

.our-goal-content {
    max-width: 620px;
    text-align: center
}

.our-goal-content p {
    color: #fff;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.our-goal-content a {
    display: inline-block;
    padding-top: 23px;
    text-decoration: none;
    color: #fff;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    cursor: pointer;
    transition: color 0.3s ease
}

.our-goal-content svg {
    vertical-align: middle;
    margin-left: 0;
    transition: transform 0.3s ease
}

.our-goal-content a:hover {
    color: #c8c8c8 !important
}

.our-goal-content a:hover svg path {
    fill: #c8c8c8;
    stroke: #c8c8c8
}

.our-goal-content a:hover svg {
    transform: translateX(5px)
}

.our-goal-content span {
    font-weight: 700
}

.head-divader {
    height: 100px
}

.contact-us-header {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.contact-us-info {
    width: 100%
}

.contact-us-info .right-column li a {
    text-decoration: none;
    color: #000
}

.contact-us-info h1 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.7px;
    margin-bottom: 20px
}

.contact-us-info p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.contact-us-info p:nth-of-type(1) {
    font-weight: 700
}

.contact-us-info .column li {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.contact-us-info .right-column span {
    font-weight: 700
}

.connect-social-media {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 190px;
    gap: 210px
}

.contact-us-info,
.contact-us-form {
    flex: 1;
    padding: 70px
}

.two-column-section {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 23px
}

.two-column-section .left-column {
    flex: 0 1 50%;
    max-width: 36%;
    box-sizing: border-box
}

.two-column-section .right-column {
    flex: 0 1 68%;
    max-width: 64%
}

.contact-us-info .connect-social-media svg path {
    fill: #000;
    fill: #000
}

.contact-us-info .footer-social-icons {
    margin-top: 0
}

.footer-social-icons a:first-child {
    margin-top: -7px
}

.footer-right-side .footer-social-icons a:first-child {
    margin-top: 0;
}

.contact-us-info .connect-social-media a:hover svg path {
    fill: #747474;
    stroke: #747474
}

.left-column ul,
.right-column ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.right-column .empty-row {
    height: 15px
}

.contact-us-form {
    display: flex;
    background-color: #000;
    align-items: center;
    height: 100%
}

.contact-us-form h2 {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    margin-bottom: 15px
}

.contact-us-form input,
.contact-us-form textarea {
    width: 100%;
    background-color: transparent;
    border-radius: 100px;
    border: 1.5px solid #FFF;
    padding: 14px;
    margin: 8px 0
}

.contact-us-form textarea {
    height: 160px;
    border-radius: 10px !important
}

.wpcf7 input::placeholder {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.wpcf7 textarea::placeholder {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.contact-us-form .submit-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 10px
}

.contact-check-box {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

[data-name="services"] label span {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.wpcf7 input.wpcf7-submit {
    padding: 13px 20px;
    background-color: #fff;
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
    border-radius: 100px;
    border: 1.5px solid #FFF;
    background: #FFF;
    backdrop-filter: blur(1.5px);
    margin: 0
}

.wpcf7 input.wpcf7-submit:hover {
    background-color: #f5f5f5
}

.form-info {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: .16px;
    flex: 1 1 50%;
    max-width: 50%;
    box-sizing: border-box
}

.submit-area p:nth-of-type(2) {
    flex: 0 1 27%;
    box-sizing: border-box
}

.wpcf7-spinner {
    display: none
}

.map {
    position: relative
}

.map svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.map img {
    width: 100%;
    max-height: 600px;
    object-fit: cover;
    object-position: center
}

.read-our-blog-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 40px 20px 40px
}

.read-our-blog-title h2 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px
}

.read-our-blog-title p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px
}

.read-our-blog-title a {
    cursor: pointer;
    text-decoration: none
}

.read-our-blog-title a:hover p {
    text-decoration: none;
    color: #747474
}

.read-our-blog-title a:hover svg path {
    fill: #747474;
    stroke: #747474
}

.read-our-blog-title svg {
    transform: translateY(3px)
}

.read-blog {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    padding: 20px 40px 20px 40px
}

footer {
    background-color: #000;
    padding: 50px 60px 50px 90px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #fff;
    margin-top: 0
}

.footer-left-side {
    display: flex;
    justify-content: left;
    flex-direction: column
}

.footer-left-side a {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .24px;
    text-decoration: none
}

.footer-left-side a:hover {
    color: #e4e4e4
}

.footer-left-side svg {
    margin-bottom: 25px
}

.footer-left-side p {
    color: #fff;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .24px
}

.footer-nav {
    list-style: none;
    display: grid;
    grid-template-rows: repeat(5, min-content);
    grid-auto-flow: column;
    column-gap: 95px;
    padding-right: 60px;
    height: calc(100% + 50px);
    border-right: 1px solid #fff
}

.footer-nav li a {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .24px;
    text-decoration: none
}

.footer-info {
    display: flex
}

.footer-right-side .info-left {
    margin-right: 58px;
    margin-left: 40px
}

.footer-right-side a {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .24px;
    text-decoration: none
}

.footer-right-side a:hover {
    color: #e4e4e4
}

.footer-right-side .info-rigt {
    font-weight: 700
}

.footer-right-side .info-left ul {
    list-style: none
}

.footer-right-side {
    color: #fff;
    display: flex;
    gap: 10px;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .24px
}

.footer-social-icons {
    display: flex;
    margin-top: 33px;
    gap: 7px
}

.social-link:hover {
    transform: scale(1.2)
}

.social-link svg {
    fill: #fff;
    transition: fill 0.3s ease
}

.grey-container {
    background: #F4F4F4
}

.grey-container .two-columns-layout .left a {
    text-decoration: none
}

.black-container {
    background-color: #000
}

.single-portfolio-header {
    position: relative;
    height: 75vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.single-portfolio-image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.single-portfolio-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    transform: translateZ(0)
}

.single-portfolio-header-content {
    position: absolute;
    z-index: 1;
    text-align: left;
    color: #fff;
    width: 50%;
    padding-left: 85px;
    bottom: 55px
}

.single-portfolio-header-content a {
    text-decoration: none
}

.single-portfolio-header-content h1 {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.7px;
    padding: 25px 0 45px 0
}

.single-portfolio-header-content p {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px
}

.see-live-btn {
    border-radius: 100px;
    border: 1.5px solid #000;
    background: rgb(0, 0, 0);
    backdrop-filter: blur(1.5px);
    color: #FFF;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 11px 0;
    cursor: pointer;
    width: 100px
}

.see-live-btn:hover {
    background: rgba(0, 0, 0, .527)
}

.single-portfolio-intro {
    max-width: 940px;
    margin: 0 auto;
    padding: 100px 0 85px 0
}

.single-portfolio-intro h2 {
    color: #383838;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.5px;
    padding-bottom: 50px
}

.single-portfolio-intro p {
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 10px 0
}

.single-portfoliotwo-banners {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
    flex-wrap: wrap
}

.single-portfoliotwo-banners .left-banner {
    background-color: #000;
    width: 50%;
    padding: 70px 100px 85px 70px
}

.single-portfoliotwo-banners .right-banner {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.single-portfoliotwo-banners .left-banner h2 {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.7px;
    padding-bottom: 20px
}

.single-portfoliotwo-banners .left-banner p {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 10px 0
}

.single-portfoliotwo-banners .left-banner p a {
    text-decoration: underline;
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 10px 0
}

.single-portfolio-left-text {
    max-width: 940px;
    margin: 0 auto;
    padding: 100px 0
}

.single-portfolio-left-text h2 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.7px;
    padding-bottom: 30px
}

.single-portfolio-left-text p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding-bottom: 20px
}

.single-portfolio-left-text p a {
    text-decoration: underline;
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding-bottom: 20px
}

.black-circles {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 100px 0;
    max-width: 940px;
    margin: 0 auto
}

.black-circle-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.black-circle-container p {
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.5px
}

.black-circle {
    height: 145px;
    width: 145px;
    background-color: #000;
    border-radius: 50%;
    color: #FFF;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.5px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px
}

.black-circle-container:first-child .black-circle::before {
    content: "X"
}

.black-circle-container:nth-child(2) .black-circle::after,
.black-circle-container:nth-child(3) .black-circle::after {
    content: "%"
}

.mobile-screens {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 100px;
    padding-bottom: 100px
}

.mobile-screens img {
    width: 100%;
    max-width: 300px;
    height: auto;
    object-fit: cover;
    border: 10px solid #444;
    border-radius: 40px
}

.our-work-white {
    background-color: #fff
}

.single-portfolio-scroll-image {
    position: relative;
    overflow: hidden;
    background-color: #000;
    height: 670px;
    width: 100%
}

.sp-left-image-container,
.sp-right-image-container {
    position: absolute;
    width: 50%
}

.sp-left-image-container {
    left: 80px;
    top: 90px;
    z-index: 1;
    overflow: hidden;
    transform-origin: top center
}

.sp-right-image-container {
    right: 80px;
    bottom: 90px;
    overflow: hidden;
    transform-origin: bottom center
}

.sp-left-image,
.sp-right-image {
    max-width: 100%;
    height: auto
}

.white-bkg {
    background-color: #fff
}

@keyframes moveScaleLeft {
    0% {
        transform: translateY(0) scale(1)
    }

    45% {
        transform: translateY(-500px) scale(.85)
    }

    55% {
        transform: translateY(-500px) scale(.85)
    }

    100% {
        transform: translateY(0) scale(1)
    }
}

@keyframes moveScaleRight {
    0% {
        transform: translateY(0) scale(1)
    }

    45% {
        transform: translateY(750px) scale(.85)
    }

    55% {
        transform: translateY(750px) scale(.85)
    }

    100% {
        transform: translateY(0) scale(1)
    }
}

.single-portfolio-scroll-image.animate .sp-left-image {
    animation: moveScaleLeft 12s ease-in-out forwards
}

.single-portfolio-scroll-image.animate .sp-right-image {
    animation: moveScaleRight 12s ease-in-out forwards
}

.fullscreen-menu {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 1);
    z-index: 1000;
    transform: translateY(100%)
}

.fullscreen-menu.menu-open {
    opacity: 1 !important;
    visibility: visible;
    transform: translateY(0);
    transition: transform 0.5s ease-in-out
}

.visible-arr {
    display: none
}

.fullscreen-menu.menu-close {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: transform 0.5s ease-in-out, opacity 1s ease-in-out, visibility 1s ease-in-out
}

.menu111111111 li {
    opacity: 0;
    transform: translateY(210px);
    transition: opacity 2.5s ease, transform 2.5s ease
}

.menu111111111.open li {
    opacity: 1;
    transform: translateY(0)
}

.fullscreen-menu nav {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 102%;
    z-index: 100;
    overflow-y: auto
}

.fullscreen-menu-items {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 80%;
    width: 100%
}

.fullscreen-menu-items .sub-menu {
    list-style: none;
    padding: 0;
    margin: 0
}

.submenu-toggle {
    cursor: pointer;
    margin-left: 5px
}

.black-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, .3029586834733894) 0%, rgba(0, 0, 0, .5830707282913166) 16%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 1) 100%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
    z-index: 9997
}

.black-overlay.visible {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    height: 100vh
}

.alt-menu-arrow-down {
    z-index: 9999
}

.alt-menu-arrow-down>:first-child {
    position: relative
}

.alt-menu-arrow-down svg {
    position: absolute;
    top: 50%;
    right: -40px;
    transform: translateY(-50%)
}

.alt-menu-arrow-down svg path {
    stroke: #fff;
    transition: stroke 0.3s
}

.mobile-number-link {
    display: none
}

.fullscreen-menu-items li a:hover svg path {
    stroke: #ccc
}

.sub-menu {
    display: none
}

.sub-menu.open {
    display: block
}

.menu111111111 {
    position: absolute;
    left: 3%
}

.menu111111111>li {
    text-align: left !important
}

.menu111111111>li>a {
    font-size: 40px !important;
    font-weight: 600 !important
}

.menu111111111>li>ul>li>a {
    font-size: 33px !important;
    text-align: left
}

.menu111111111>li>ul>li {
    text-align: left !important;
    padding: 5px 0px !important
}

.menu111111111>li>ul>li:nth-child(1) {
    padding-top: 20px !important
}

.menu2222222222222222 {
    position: relative;
    left: 2%
}

.menu33333333333 {
    position: relative;
    left: 2%
}

.marketing ul:first-of-type {
    position: relative;
    left: 2%
}

.noscroll {
    position: fixed;
    top: var(--st, 0);
    inline-size: 100%;
    overflow-y: scroll
}

.fullscreen-menu-items li {
    margin: 10px 0;
    text-align: center;
    padding: 12px 20px
}

.fullscreen-menu-items li a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-style: normal;
    transition: color 0.3s ease
}

.fullscreen-menu-items li a:hover {
    color: #ccc
}

.wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.transition {
    width: 100%;
    height: 100%
}

@media (min-width: 1024px) {
    .fullscreen-menu {
        left: auto;
        right: 0;
        width: 360px;
        background-color: rgba(0, 0, 0, 0.95);
    }

    .fullscreen-menu nav {
        justify-content: center;
        padding-right: 0;
    }

    .fullscreen-menu-items {
        align-items: flex-start;
        width: 320px;
    }

    .fullscreen-menu-items li {
        text-align: left;
    }

    .black-overlay {
        display: none;
    }
}

.logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px
}

.marquee {
    position: absolute;
    left: 0%;
    transform: rotate(25deg);
    z-index: 1;
    width: 200%;
    white-space: nowrap;
    overflow: visible;
    opacity: .5;
    pointer-events: none;
    --offset: 20vw;
    --move-initial: calc(-25% + var(--offset));
    --move-final: calc(-50% + var(--offset))
}

.marquee__inner {
    width: fit-content;
    display: flex;
    position: relative;
    gap: 80px;
    transform: translate3d(var(--move-initial), 0, 0);
    animation: marquee 15s linear infinite
}

@keyframes marquee {
    0% {
        transform: translate3d(var(--move-initial), 0, 0)
    }

    100% {
        transform: translate3d(var(--move-final), 0, 0)
    }
}

.marquee:nth-child(4) {
    top: 120%
}

.marquee:nth-child(2) {
    top: 30%
}

.marquee:nth-child(3) {
    top: 75%
}

.marquee:nth-child(4) .marquee__inner {
    animation-duration: 14s
}

.marquee:nth-child(2) .marquee__inner {
    animation-duration: 9s
}

.marquee:nth-child(3) .marquee__inner {
    animation-duration: 12s
}

#roll-up-wrapper {
    z-index: 10001
}

.about-us-header-content h1 span {
    color: #fff;
    font-size: 16px;
    font-size: 65px;
    font-weight: 400;
    line-height: 106%;
    letter-spacing: -1.3px;
    display: inline-block;
    font-family: hv_fitzgerald;
    font-style: italic
}

.about-us-header-content h1 span span {
    position: relative;
    transition: all 0.3s ease;
    display: inline-block;
    -webkit-animation: wave 2.4s ease infinite;
    animation: wave 2.4s ease infinite;
    letter-spacing: .01em;
    transform-origin: 100% 50%;
    transform-style: preserve-3d
}

.about-us-header-content h1 span:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.about-us-header-content h1 span:nth-child(2) {
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s
}

.about-us-header-content h1 span:nth-child(3) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s
}

.about-us-header-content h1 span:nth-child(4) {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s
}

.about-us-header-content h1 span:nth-child(5) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}

.about-us-header-content h1 span:nth-child(6) {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s
}

.about-us-header-content h1 span:nth-child(7) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

.about-us-header-content h1 span:nth-child(8) {
    -webkit-animation-delay: 0.35s;
    animation-delay: 0.35s
}

.about-us-header-content h1 span:nth-child(9) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s
}

.about-us-header-content h1 span:nth-child(10) {
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s
}

.about-us-header-content h1 span:nth-child(11) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}

.about-us-header-content h1 span:nth-child(12) {
    -webkit-animation-delay: 0.55s;
    animation-delay: 0.55s
}

.about-us-header-content h1 span:nth-child(13) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s
}

.about-us-header-content h1 span:nth-child(14) {
    -webkit-animation-delay: 0.65s;
    animation-delay: 0.65s
}

.about-us-header-content h1 span:nth-child(15) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s
}

.about-us-header-content h1 span:nth-child(16) {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s
}

.about-us-header-content h1 span:nth-child(17) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s
}

.about-us-header-content h1 span:nth-child(18) {
    -webkit-animation-delay: 0.85s;
    animation-delay: 0.85s
}

.about-us-header-content h1 span:nth-child(19) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s
}

.about-us-header-content h1 span:nth-child(20) {
    -webkit-animation-delay: 0.95s;
    animation-delay: 0.95s
}

.about-us-header-content h1 span:nth-child(21) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.copyright {
    margin: 100px auto;
    width: 100%;
    text-align: center;
    max-width: 900px;
    position: relative
}

.copyright h1 {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-weight: 500;
    color: #000;
    font-size: 30px;
    margin: 30px 0 28px
}

.copyright p {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px
}

.copyright h2 {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    margin: 20px 0;
    font-weight: 500
}

@media (min-width:768px) and (max-width:1023px) {
    .copyright {
        max-width: 750px
    }
}

@media (max-width:767px) {
    .copyright {
        padding: 0 20px
    }
}

.explore_box {
    margin: 100px 0 70px
}

.explore_box .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.explore_box h1 {
    width: 100%;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    color: #000;
    margin: 75px auto 50px;
    text-transform: uppercase
}

.explore_box h1 span {
    font-weight: 400
}

.explore_list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column
}

.explore_list>.box1 {
    padding: 0 15px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap
}

.explore_list .inr_box {
    margin-bottom: 40px;
    width: 33.33%
}

.explore_list h2,
.explore_list h2 a {
    font-size: 32px;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    color: #000;
    text-decoration: underline
}

.explore_list h2 {
    margin-bottom: 20px
}

.explore_list ul {
    padding-left: 0
}

.explore_list ul li {
    list-style: none;
    margin-bottom: 20px;
    font-size: 18px;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif
}

.explore_list ul li .link--iocaste span {
    font-size: 18px !important
}

@media (min-width:768px) {
    .explore_box .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .explore_box .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .explore_box .container {
        width: 1170px
    }
}

@media screen and (max-width:575px) {
    .explore_list .inr_box {
        width: 100%
    }
}

.alt-italic {
    white-space: nowrap
}

.top-half .alt-italic {
    font-weight: 400 !important;
    line-height: 106% !important;
    letter-spacing: -1.3px !important;
    display: inline-block !important;
    font-family: hv_fitzgerald !important;
    font-style: italic !important
}

.top-half .alt-italic span {
    font-weight: 400 !important;
    line-height: 106% !important;
    letter-spacing: -1.3px !important;
    display: inline-block !important;
    font-family: hv_fitzgerald !important;
    font-style: italic !important
}

.alt-italic span {
    position: relative;
    transition: all 0.3s ease;
    display: inline-block;
    -webkit-animation: wave 2.4s ease infinite;
    animation: wave 2.4s ease infinite;
    letter-spacing: .01em;
    transform-origin: 100% 50%;
    transform-style: preserve-3d
}

.alt-italic span:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.alt-italic span:nth-child(2) {
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s
}

.alt-italic span:nth-child(3) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s
}

.alt-italic span:nth-child(4) {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s
}

.alt-italic span:nth-child(5) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}

.alt-italic span:nth-child(6) {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s
}

.alt-italic span:nth-child(7) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

.alt-italic span:nth-child(8) {
    -webkit-animation-delay: 0.35s;
    animation-delay: 0.35s
}

.alt-italic span:nth-child(9) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s
}

.alt-italic span:nth-child(10) {
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s
}

.alt-italic span:nth-child(11) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}

.alt-italic span:nth-child(12) {
    -webkit-animation-delay: 0.55s;
    animation-delay: 0.55s
}

.alt-italic span:nth-child(13) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s
}

.alt-italic span:nth-child(14) {
    -webkit-animation-delay: 0.65s;
    animation-delay: 0.65s
}

.alt-italic span:nth-child(15) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s
}

.alt-italic span:nth-child(16) {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s
}

.alt-italic span:nth-child(17) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s
}

.alt-italic span:nth-child(18) {
    -webkit-animation-delay: 0.85s;
    animation-delay: 0.85s
}

.alt-italic span:nth-child(19) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s
}

.alt-italic span:nth-child(20) {
    -webkit-animation-delay: 0.95s;
    animation-delay: 0.95s
}

.alt-italic span:nth-child(21) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.landing-left-head .alt-italic span {
    color: #4b047e !important
}

.piece-header-content h1 span {
    color: #fff;
    font-size: 16px;
    font-size: 100px;
    font-weight: 400;
    line-height: 106%;
    letter-spacing: -1.3px;
    display: inline-block;
    font-family: hv_fitzgerald;
    font-style: italic
}

.piece-header-content h1 span span {
    position: relative;
    transition: all 0.3s ease;
    display: inline-block;
    -webkit-animation: wave 2.4s ease infinite;
    animation: wave 2.4s ease infinite;
    letter-spacing: .01em;
    transform-origin: 100% 50%;
    transform-style: preserve-3d
}

.piece-header-content h1 span:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.piece-header-content h1 span:nth-child(2) {
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s
}

.piece-header-content h1 span:nth-child(3) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s
}

.piece-header-content h1 span:nth-child(4) {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s
}

.piece-header-content h1 span:nth-child(5) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}

.piece-header-content h1 span:nth-child(6) {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s
}

.piece-header-content h1 span:nth-child(7) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

.piece-header-content h1 span:nth-child(8) {
    -webkit-animation-delay: 0.35s;
    animation-delay: 0.35s
}

.piece-header-content h1 span:nth-child(9) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s
}

.piece-header-content h1 span:nth-child(10) {
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s
}

.piece-header-content h1 span:nth-child(11) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}

.piece-header-content h1 span:nth-child(12) {
    -webkit-animation-delay: 0.55s;
    animation-delay: 0.55s
}

.piece-header-content h1 span:nth-child(13) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s
}

.piece-header-content h1 span:nth-child(14) {
    -webkit-animation-delay: 0.65s;
    animation-delay: 0.65s
}

.piece-header-content h1 span:nth-child(15) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s
}

.piece-header-content h1 span:nth-child(16) {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s
}

.piece-header-content h1 span:nth-child(17) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s
}

.piece-header-content h1 span:nth-child(18) {
    -webkit-animation-delay: 0.85s;
    animation-delay: 0.85s
}

.piece-header-content h1 span:nth-child(19) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s
}

.piece-header-content h1 span:nth-child(20) {
    -webkit-animation-delay: 0.95s;
    animation-delay: 0.95s
}

.piece-header-content h1 span:nth-child(21) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

@-webkit-keyframes wave {
    0% {
        transform: translate3D(0, 0, 0) scale(1) rotateY(0);
        color: #fff;
        text-shadow: 0 0 0 rgba(70, 175, 200, 0)
    }

    12% {
        transform: translate3D(2px, -2px, 2px) scale(1.16) rotateY(6deg);
        color: #fff
    }

    15% {
        text-shadow: 0 0 2px #fff
    }

    24% {
        transform: translate3D(0, 0, 0) scale(1) rotateY(0);
        color: #fff;
        opacity: 1
    }

    36% {
        transform: translate3D(0, 0, 0) scale(1)
    }

    100% {
        transform: scale(1);
        opacity: .8
    }
}

@keyframes wave {
    0% {
        transform: translate3D(0, 0, 0) scale(1) rotateY(0);
        color: #e4e4e4;
        text-shadow: 0 0 0 rgba(70, 175, 200, 0)
    }

    12% {
        transform: translate3D(2px, -2px, 2px) scale(1.16) rotateY(6deg);
        color: rgb(194, 194, 194)
    }

    15% {
        text-shadow: 0 0 2px #fff
    }

    24% {
        transform: translate3D(0, 0, 0) scale(1) rotateY(0);
        color: #fff;
        opacity: 1
    }

    36% {
        transform: translate3D(0, 0, 0) scale(1)
    }

    100% {
        transform: scale(1);
        opacity: .8
    }
}

.thank-you-text {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    max-width: 900px;
    margin: 0 auto;
    height: 80vh;
    padding: 120px 20px 20px 20px
}

.thank-you-text h1 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 106%;
    letter-spacing: -1.3px;
    text-align: center
}

.thank-you-text p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 6px 0;
    text-align: center;
    margin-top: 30px
}

.thank-you-text .footer-social-icons {
    transform: scale(1.5)
}

.pagination {
    text-align: center;
    margin: 0 0 60px 0;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center
}

.pagination a {
    margin: 0 2px;
    color: #333;
    text-decoration: none;
    border-radius: 50%;
    border: 1px solid #ccc;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.pagination .current {
    background-color: #333;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.pagination-pages {
    display: inline-block;
    padding-right: 10px
}

.page-numbers {
    display: inline-block
}

.page-numbers:hover {
    background-color: #f2f2f2;
    transform: scale(1.1);
    transition: transform 0.3s ease
}

.page-numbers.current:hover {
    background-color: #606060;
    transform: scale(1.1);
    transition: transform 0.3s ease
}

.portfolio-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 20px;
    left: 20px;
    width: calc(100% - 50px);
    height: calc(100% - 90px);
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transform-origin: center;
    transition: all 0.5s ease
}

.portfolio-overlay p {
    padding: 20px 20px;
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    text-align: center
}

.portfolio-overlay h3 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    text-align: center;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.5px;
    text-transform: uppercase
}

.portfolio-btn {
    border-radius: 100px
}

.portfolio-btn .button__bg {
    border: 1.5px solid #000 !important
}

.x-button {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-weight: 600;
    font-size: 12px;
    z-index: 99999;
    background-color: grey;
    padding: 10px 20px;
    border-radius: 15px;
    color: #fff;
    position: absolute;
    top: 3%;
    right: 40px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease
}

.logo-overlay {
    position: absolute;
    top: 4%;
    left: 50%;
    transform: translateX(-25px);
    z-index: 9998
}

.x-button:hover {
    background-color: #ccc;
    transform: scale(1.1)
}

nav svg {
    z-index: 1;
    position: absolute;
    top: 10%;
    cursor: pointer
}

.circle-img {
    border-radius: 50%;
    width: 350px;
    height: 350px;
    object-fit: cover;
    object-position: center;
    display: block
}

.rounded-img {
    border-radius: 130px / 50%;
    width: 900px;
    height: 350px;
    object-fit: cover;
    object-position: center;
    display: block
}

.large-image,
.small-image,
.third-image,
.img-left,
.img-right-1,
.img-right-2 {
    transition: transform 1s ease
}

.alt-italic {
    font-style: italic !important
}

.terms-container {
    padding: 150px 0 60px 0;
    text-align: center
}

.terms-links a {
    color: #337ab7;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.terms-container h1 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    margin-bottom: 30px
}

.terms-container p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 10px 0
}

.terms-p {
    margin: 30px 0
}

.privacy-container {
    text-align: center;
    padding: 150px 20px 80px 20px;
    max-width: 800px;
    margin: 0 auto
}

.privacy-container a {
    color: #337ab7;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.privacy-container h1 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    margin-bottom: 30px
}

.sitemap-links h2 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 25px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    margin: 20px 0
}

.sitemap-links p {
    text-align: center !important
}

.sitemap-links strong {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif
}

.privacy-container h3 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    margin-top: 30px;
    margin-bottom: 30px
}

.privacy-container p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 10px 0;
    text-align: left
}

.privacy-container li {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 5px 0;
    text-align: left
}

.privacy-container .last-p {
    text-align: center
}

.privacy-container ul {
    list-style-type: disc;
    text-align: left;
    margin: 0 auto;
    padding-left: 40px;
    list-style-position: inside
}

.privacy-container .bold-p {
    font-weight: 600
}

.registered-container {
    padding: 150px 0 60px 0;
    text-align: center
}

.registered-container h1 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    margin-bottom: 30px
}

.registered-container p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 10px 0
}

.testimonial-white {
    background-color: #fff
}

.testimonial-grey {
    background-color: #F4F4F4
}

.testimonial-black {
    background-color: #000
}

.testimonials-head {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-bottom: 60px
}

.testimonials-header {
    padding: 150px 0 10px 0;
    text-align: center
}

.testimonials-header h1 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    margin-bottom: 30px
}

.testimonials-header p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 10px 0;
    max-width: 600px
}

.testimonial-client {
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    position: relative;
    padding: 50px 0 50px 0
}

.testimonial-left-side {
    width: 50%;
    position: relative
}

.testimonial-left-side img {
    position: absolute;
    right: 50px;
    top: 0
}

.testimonials-divider {
    width: 1px;
    height: auto;
    background-color: #A6A6A6
}

.testimonial-right-side {
    width: 50%;
    height: 100%;
    padding: 0 20px 0 50px;
    text-align: left
}

.testimonial-right-side .testionials-quotes-big {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    padding-bottom: 30px;
    max-width: 480px
}

.testimonial-right-side .testionials-quotes-small {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    max-width: 480px
}

.testimonial-right-side .testionials-quotes-name {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 30px 0;
    max-width: 600px
}

.testimonial-black .testimonial-right-side .testionials-quotes-name,
.testimonial-black .testimonial-right-side .testionials-quotes-big,
.testimonial-black .testimonial-right-side .testionials-quotes-small {
    color: #fff
}

.web-design-terms-container {
    padding: 150px 20px 80px 20px;
    max-width: 1000px;
    margin: 0 auto
}

.web-design-terms-container p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 10px 0
}

.web-design-terms-container .wd-terms-center {
    text-align: center;
    font-weight: 700;
    padding: 30px 0
}

.web-design-terms-container .wd-terms-left {
    text-align: left
}

.web-design-terms-container span {
    font-weight: 700
}

.height-services {
    height: 80vh
}

.services-header-content {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
    margin: 0 auto
}

.services-header-content h1 {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 106%;
    letter-spacing: -1.3px;
    padding-bottom: 50px
}

.services-header-content p {
    color: #FFF;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding-bottom: 35px;
    max-width: 400px;
    margin: 0 auto
}

.row-reverse {
    padding-top: 80px;
    flex-direction: row-reverse
}

.row-reverse .bold-p {
    font-weight: 600
}

.services-help-width h3 {
    max-width: 400px
}

.single-service-text h3 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    padding-bottom: 20px
}

.single-service-text p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding-bottom: 20px
}

.single-service-container {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    width: calc(100% - 80px);
    padding: 40px;
    margin: 0 auto;
    max-width: 1600px
}

.text-right .single-service-text {
    padding: 20px 0 20px 40px
}

.single-service-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    padding: 20px 40px 20px 0
}

.single-service-img {
    width: 50%
}

.single-service-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.services-tc {
    padding-bottom: 0
}

.table-container {
    padding: 50px 0
}

.terms-table {
    max-width: 800px;
    border-collapse: collapse;
    margin: 0 auto;
    font-size: 18px;
    text-align: left
}

.terms-table thead {
    background-color: #f4f4f4
}

.terms-table th,
.terms-table td {
    border: 1px solid #ddd;
    padding: 15px 10px;
    text-align: left;
    vertical-align: top
}

.terms-table th {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    padding: 13px;
    text-align: left;
    vertical-align: top
}

.terms-table .bold-p {
    font-weight: 600
}

.terms-table td p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 5px
}

.page-template-page-landing {
    overflow-x: hidden
}

.page-template-page-landing header {
    background: #fff !important
}

.landing-logo-header {
    position: absolute;
    left: 40px
}

.landing-header-link .nav-mail {
    font-size: 19px !important
}

.landing-header-button .button--bestia-white {
    font-size: 15px
}

.landing-header-link {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.link--iocaste.landing-header-link {
    top: auto
}

.landing-head-section {
    display: flex;
    max-width: 1250px;
    margin: 0 auto;
    justify-content: center;
    height: 72vh;
    align-items: center;
    gap: 27px
}

.landing-left-head {
    flex: 2
}

.landing-left-head h1 span {
    color: #000000 !important;
    font-family: hv_fitzgerald !important;
    font-style: italic;
    font-size: 60px !important;
    font-weight: 400 !important;
    line-height: 80% !important;
    letter-spacing: -0.4px !important
}

.landing-right-head {
    flex: 1
}

.landing-left-head h1 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 53px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    padding-bottom: 40px
}

.landing-left-head h3 {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -.7px
}

.landing-left-head p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding: 30px 0;
    letter-spacing: -.7px
}

.landing-left-head button {
    padding: 11px 20px;
    border-radius: 100px;
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background-color: transparent;
    letter-spacing: -.7px;
    cursor: pointer
}

.landing-button-container {
    position: relative
}

.text-gradient {
    background: linear-gradient(to right, #e5502f, #4b047e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.gradient-banner {
    position: absolute;
    background: linear-gradient(to right, #e5502f, #4b047e);
    color: #fff;
    padding: 4px 16px;
    border-radius: 20px;
    transform: rotate(351deg);
    left: -40px;
    top: -22px;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.7px
}

.landing-slider .testimonials-wraper {
    width: 100%;
    max-width: 1200px
}

.img-container-slider {
    display: flex;
    justify-content: center;
    gap: 20px
}

.img-container-slider img {
    width: 100%;
    max-height: 450px
}

.landing-slider .testimonials-wraper .testRow {
    width: 100%;
    min-height: 420px
}

.landing-slider .testimonials-wraper h3 {
    color: #fff
}

.landing-slider {
    background-color: #000;
    padding: 70px 0 120px 0
}

.landing-slider .testRow p {
    color: #fff;
    padding-bottom: 50px
}

.landing-slider .testimonials-wraper .indicators .dot {
    border: 1px solid #fff
}

.landing-slider .testimonials-wraper .indicators .active {
    background-color: #fff
}

.landing-slider .indicators {
    bottom: 40px
}

.logos-container {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 80px 0
}

.landing-contact-first .form-row {
    flex-direction: column
}

.landing-contact-first .contact-us-form textarea {
    height: 100px
}

.landing-contact-bottom p {
    color: #fff;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.landing-contact-bottom input {
    color: #FFF
}

.landing-contact-bottom .form-row {
    margin-top: 30px;
    flex-direction: column;
    align-items: center
}

.landing-contact-bottom .submit-area {
    flex-direction: column-reverse !important
}

.landing-contact-bottom .form-info {
    margin-top: 30px;
    max-width: 70% !important;
    text-align: center
}

.landing-contact-first .contact-us-info p {
    font-weight: 400
}

.landing-contact-first button,
.landing-seo-button {
    border-radius: 100px;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px !important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer
}

.landing-seo-button {
    padding: 11px 20px;
    background-color: transparent;
    border: 1px solid #000;
    color: #000
}

.landing-contact-first button {
    border: none;
    background: linear-gradient(to right, #e5502f, #4b047e);
    color: #fff
}

.landing-seo-button:hover {
    background: linear-gradient(to right, #e5502f, #4b047e);
    border: 1px solid transparent;
    color: #fff;
    transition: background 0.3s ease, color 0.3s ease
}

.button-container {
    justify-content: center;
    display: flex;
    margin: 60px 0 40px 0
}

.two-columns-landing {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 1200px;
    gap: 40px;
    padding-top: 40px
}

.two-columns-landing-img {
    flex: 1;
    display: flex;
    justify-content: flex-start
}

.landing-reverse .two-columns-landing-img {
    justify-content: flex-end
}

.two-columns-landing-text {
    flex: 1
}

.two-columns-landing-text h2,
.landing-contact-first .contact-us-info h2 {
    color: #000;
    text-align: left;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px;
    padding-bottom: 30px;
    max-width: 540px
}

.two-columns-landing-text p {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.land-margin-two-columns {
    margin-bottom: 20px
}

.land-margin-top {
    margin-top: 0;
    margin-bottom: 20px !important
}

.land-margin-bottom {
    margin-top: 0;
    margin-bottom: 60px !important
}

.two-columns-landing-img img {
    object-fit: contain;
    width: 100%;
    padding: 60px;
    margin-left: -50px
}

.landing-reverse .two-columns-landing-img img {
    margin-right: -50px
}

.landing-text-list {
    position: relative;
    padding-left: 20px;
    padding-bottom: 20px
}

.landing-text-list::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 10px;
    height: 10px;
    border: 1px solid rgba(133, 51, 161, 1);
    border-radius: 50%;
    background-color: transparent
}

.landing-reverse {
    flex-direction: row-reverse
}

.landing-circle-section {
    padding: 70px 0 50px 0
}

.landing-circle-section h3 {
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px
}

.landing-circle-container {
    display: flex;
    max-width: 1280px;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin: 0 auto;
    gap: 40px
}

.landing-circle-container .circle {
    position: relative;
    width: 268px;
    height: 268px;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    background-color: transparent
}

.landing-circle-container .circle::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    padding: 8px;
    background: linear-gradient(180deg, #e44f2e, #4a037d);
    -webkit-mask: radial-gradient(circle, transparent 69.5%, black 69.5%);
    mask: radial-gradient(circle, transparent 69.5%, black 69.5%)
}

.landing-circle-container .circle-number {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-style: normal;
    font-size: 96px;
    background: linear-gradient(180deg, #ff7e2d, #ffaf02);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400
}

.landing-circle-container .circle-title {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px
}

.landing-circle-container .circle-text {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 10px 35px
}

.svg-arrow {
    position: absolute;
    right: -99px;
    top: 32px;
    z-index: 99
}

.svg-arrow-2 {
    position: absolute;
    right: -80px;
    top: 40px;
    transform: rotate(180deg) scaleX(-1);
    z-index: 99
}

.scrollToElmt {
    cursor: pointer
}

.footer-menu li a,
.lineSvgHover {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle
}

.footer-menu li a svg,
.lineSvgrow {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    fill: none;
    stroke: #fff;
    stroke-width: 3px;
    transition: transform 0.7s;
    transition-timing-function: ease;
    transition-timing-function: cubic-bezier(0, .25, .5, 1)
}

.footer-menu li a:hover svg,
.lineSvgHover:hover .lineSvgrow {
    transform: translate3d(-66.6%, 0, 0);
    opacity: 1
}

@media (max-width:660px) and (orientation:landscape) {
    .landscape-mode .no-mobile {
        display: block !important
    }

    .landscape-mode .fixed-phone-numb {
        display: none
    }

    .landscape-mode .front-slide-img .third-image {
        top: -350px;
        width: 50%;
        right: 0
    }

    .landscape-mode .front-slide-img .top-half {
        margin-top: 75px
    }

    .landscape-mode .front-slide-img .small-image {
        left: auto;
        right: 10px;
        top: 520px !important;
        width: 35%
    }

    .landscape-mode .front-slide-img .large-image {
        top: 450px;
        width: 50%
    }
}

@media (max-height:991px) and (orientation:landscape) and (max-width:991px) {
    .landscape-mode .front-page-header {
        height: 100vh
    }

    .landscape-mode .front-page-header .top-half span {
        font-size: 40px
    }

    .landscape-mode .bottom-half {
        justify-content: flex-end;
        margin-right: 0
    }

    .landscape-mode .bottom-half-container h5 {
        font-size: 20px;
        margin-bottom: 20px
    }

    .landscape-mode .front-page-header p {
        font-size: 14px;
        line-height: 20px
    }

    .landscape-mode .buttons {
        margin-top: 10px
    }

    .landscape-mode .front-slide-img .top-half span {
        font-size: 45px
    }

    .landscape-mode .tabs-title h2 {
        font-size: 45px
    }

    .landscape-mode .invert-color .tabs-section {
        padding: 80px 80px 70px 85px
    }

    .landscape-mode .front-slide-text .m-scroll {
        padding: 30px 0
    }

    .landscape-mode .about-us-info span,
    .pricing-slide-text span,
    .front-slide-text span {
        font-size: 50px
    }

    .landscape-mode .button--bestia-black span {
        font-size: 12px
    }

    .landscape-mode .m-scroll .button--bestia-black {
        transform: translateY(-35%);
        margin: 0 50px
    }

    .landscape-mode .front-slide-img .small-image {
        top: 600px
    }

    .landscape-mode .fullscreen-menu-items li a {
        font-size: 50px
    }

    .landscape-mode .fullscreen-menu-items li {
        padding: 3px;
        margin: 3px 0
    }

    .landscape-mode .fullscreen-menu-items {
        justify-content: flex-end
    }

    .landscape-mode .about-us-header-content h1 {
        font-size: 30px;
        padding-bottom: 30px
    }

    .landscape-mode .about-us-header-content h1 span {
        font-size: 30px
    }

    .landscape-mode .about-us-header-content p {
        margin-bottom: 20px
    }

    .landscape-mode .about-us-header-content {
        padding-top: 80px
    }

    .landscape-mode .front-page-header svg {
        display: none
    }

    .landscape-mode .menu111111111>li>a {
        font-size: 33px !important
    }

    .landscape-mode .menu111111111>li>ul>li>a {
        font-size: 28px !important
    }

    .landscape-mode .black-overlay.visible {
        height: 1050px
    }

    .landscape-mode .circle-img {
        width: 170px;
        height: 170px
    }

    .landscape-mode .rounded-img {
        width: 350px;
        height: 170px
    }

    .landscape-mode .marquee:nth-child(4) {
        top: 126%
    }

    .landscape-mode .marquee:nth-child(3) {
        top: 68%
    }

    .landscape-mode .marquee:nth-child(2) {
        top: 11%
    }

    .landscape-mode .testRow .testItem p {
        font-size: 17px;
        line-height: 25px
    }

    .landscape-mode .single-portfolio-header {
        height: 100vh
    }

    .landscape-mode .single-portfolio-header-content {
        padding-left: 40px
    }

    .landscape-mode .piece-header-content h1 span {
        font-size: 60px
    }

    .landscape-mode .piece-header-content p {
        margin-bottom: 10px
    }

    .landscape-mode .piece-header-content svg {
        bottom: 20px
    }

    .landscape-mode .service-column img {
        width: 40%
    }

    .landscape-mode .piece-body-container h2 {
        padding: 0 60px
    }

    .landscape-mode .three-columns {
        padding: 50px 40px
    }

    .landscape-mode .height-services {
        height: 100vh
    }

    .landscape-mode .two-columns-layout {
        padding: 40px 40px 60px 40px
    }

    .landscape-mode .service-column p {
        padding-bottom: 20px
    }

    .landscape-mode .testimonials {
        padding: 80px 0
    }

    .landscape-mode .testimonials-wraper .indicators {
        bottom: 100px
    }

    .maintenance h3 {
        font-size: 27px
    }

    .maintenance-wd h4 {
        font-size: 22px
    }

    .landscape-mode .maintenance-wd-p {
        font-size: 14px
    }
}

@media (max-height:450px) and (orientation:landscape) {
    .landscape-mode .front-page-header .top-half span {
        font-size: 36px
    }

    .landscape-mode nav svg {
        height: 50px
    }

    .landscape-mode .fullscreen-menu-items li a {
        font-size: 33px
    }

    .landscape-mode .x-button {
        font-size: 9px
    }

    .landscape-mode .svg-icon-header {
        position: absolute;
        bottom: 30px;
        left: 50px
    }
}

@media (max-height:340px) and (orientation:landscape) {
    .landscape-mode .front-page-header p {
        font-size: 12px;
        line-height: 16px
    }

    .landscape-mode .front-page-header .top-half span {
        font-size: 30px
    }

    .landscape-mode .button--bestia-bkg {
        font-size: 10px
    }

    .landscape-mode .button--bestia {
        font-size: 10px
    }

    .landscape-mode .button--bestia-bkg span {
        padding: 6px 15px
    }

    .landscape-mode .button--bestia span {
        padding: 6px 15px
    }

    .landscape-mode nav svg {
        height: 40px
    }

    .landscape-mode .fullscreen-menu-items li a {
        font-size: 29px
    }

    .landscape-mode .x-button {
        font-size: 8px
    }

    .landscape-mode .marquee:nth-child(4) {
        top: 170%
    }

    .landscape-mode .marquee:nth-child(3) {
        top: 87%
    }

    .landscape-mode .marquee:nth-child(2) {
        top: 4%
    }

    .landscape-mode .fullscreen-menu-items li {
        padding: 0;
        margin: 0 0
    }
}

@supports (-webkit-touch-callout:none) {
    @media only screen and (-webkit-min-device-pixel-ratio:2) and (max-height:450px) and (orientation:landscape) {
        .front-slide-img .bottom-half p {
            font-size: 10px !important;
            line-height: 11px
        }

        .landscape-mode .front-slide-img .small-image {
            left: auto;
            right: 10px;
            top: 520px !important;
            width: 27%
        }

        .landscape-mode .front-slide-img .large-image {
            top: 500px;
            width: 40%
        }

        .landscape-mode .testRow .testItem p {
            font-size: 9px;
            line-height: 15px
        }

        .landscape-mode .link--iocaste span {
            font-size: 18px !important
        }

        .landscape-mode .service-container .right p {
            font-size: 8px;
            line-height: 15px
        }

        .landscape-mode .two-columns-layout .right p {
            line-height: 16px;
            font-size: 10px !important
        }

        .landscape-mode .link--iocaste span {
            font-size: 13px !important
        }

        .landscape-mode .service-column p {
            line-height: 16px;
            font-size: 10px !important
        }

        .landscape-mode .service-wd-ul li {
            line-height: 16px;
            font-size: 10px !important
        }

        .landscape-mode .maintenance-connection p {
            line-height: 16px;
            font-size: 8px !important
        }

        .landscape-mode .faq-answer p {
            line-height: 16px;
            font-size: 8px !important
        }

        .landscape-mode .our-goal-content p {
            line-height: 16px;
            font-size: 10px !important
        }

        .landscape-mode .member-info p {
            line-height: 16px;
            font-size: 8px !important
        }

        .landscape-mode .about-web-design-container p {
            line-height: 16px;
            font-size: 8px !important
        }

        .landscape-mode .faq-question p {
            line-height: 16px;
            font-size: 14px !important
        }

        .landscape-mode .service-container-grey-bkg .left h3 {
            font-size: 25px
        }

        .landscape-mode .tabs-section h3 {
            font-size: 25px
        }

        .landscape-mode .service-container-grey-bkg .left p {
            line-height: 16px;
            font-size: 8px !important
        }
    }
}

@media (min-width:1600px) {
    .marquee:nth-child(4) {
        top: 130%
    }

    .marquee:nth-child(2) {
        top: 40%
    }

    .marquee:nth-child(3) {
        top: 85%
    }

    .after-columns {
        max-width: 1600px;
        margin: 0 auto
    }
}

@media (min-width:1441px) {
    .service-container .third-image {
        width: 345px
    }

    .service-container .small-image {
        width: 270px
    }

    .service-container .large-image {
        width: 514px
    }

    .about-container .large-image {
        width: 471px
    }

    .about-container .small-image {
        width: 258px
    }

    .front-slide-img .large-image {
        width: 496px
    }

    .front-slide-img .small-image {
        width: 258px
    }

    .front-slide-img .third-image {
        width: 381px
    }
}

@media (max-width:1300px) {

    .svg-arrow,
    .svg-arrow-2 {
        display: none
    }

    .landing-circle-container {
        gap: 10px
    }
}

@media (max-width:1300px) and (min-width:992px) {
    .landing-contact-first .landing-header-button span {
        font-size: 20px !important
    }
}

@media (max-width:1200px) {
    .landing-circle-section h3 {
        margin-bottom: 50px
    }

    .landing-circle-container .circle {
        margin-top: 0
    }

    .landing-slider {
        padding: 60px 0 90px 0
    }

    .landing-slider .testimonials-wraper {
        padding: 0 20px
    }

    .two-columns-landing {
        padding-left: 20px;
        padding-right: 20px
    }

    .landing-head-section {
        margin-top: 150px;
        flex-direction: column;
        height: auto;
        padding: 0 70px 50px 70px
    }
}

@media (min-width:1200px) {
    .our-work-item:hover .portfolio-overlay {
        display: flex;
        transform: scale(1);
        opacity: 1;
        visibility: visible;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }

    .slide-work:hover .portfolio-overlay {
        display: flex;
        transform: scale(1);
        opacity: 1;
        visibility: visible;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }

    .fullscreen-menu-items li a {
        font-size: 25px
    }
}

@media (max-width:1200px) {
    .maintenance-connection {
        padding: 40px 70px 40px 70px
    }

    .bottom-half-container {
        width: 450px
    }

    .front-slide-img {
        padding: 80px 90px 80px 75px
    }

    .front-slide-img .small-image {
        left: 370px;
        top: 300px
    }

    .front-slide-img .third-image {
        top: -250px;
        width: 33%
    }

    .about-container {
        padding: 75px 80px 80px 80px;
        gap: 75px
    }

    .about-container .large-image {
        left: -10px;
        top: -60px;
        width: 96%
    }

    .about-container .small-image {
        top: 400px;
        left: 217px;
        width: 58%
    }

    .service-container .small-image {
        left: 270px
    }

    .service-container .third-image {
        top: -280px
    }

    .service-container-grey-bkg {
        padding: 70px 100px 250px 65px
    }

    .img-left {
        right: 55px;
        bottom: -218px;
        width: 55%
    }

    .img-right-2 {
        bottom: -80px;
        right: -20px;
        width: 54%
    }

    .testimonials-wraper .testRow {
        min-height: 260px
    }

    .service-container {
        gap: 100px
    }

    .parallax .parallax-image {
        top: -120px
    }

    .marquee:nth-child(4) {
        top: 110%
    }

    .marquee:nth-child(2) {
        top: 20%
    }

    .marquee:nth-child(3) {
        top: 65%
    }

    .circle-img {
        width: 300px;
        height: 300px
    }

    .rounded-img {
        width: 800px;
        height: 300px
    }
}

@media (max-width:1024px) {
    .blog-posts-container {
        grid-template-columns: repeat(2, 1fr)
    }

    footer {
        padding: 50px 20px 50px 20px
    }

    .footer-nav {
        display: block
    }
}

@media (max-width:991px) {
    .single-service-container {
        padding: 40px
    }

    .black-overlay.visible {
        height: 1500px;
        background: linear-gradient(180deg, rgba(0, 0, 0, .3029586834733894) 0%, rgba(0, 0, 0, .5830707282913166) 0%, rgba(0, 0, 0, 1) 22%, rgba(0, 0, 0, 1) 100%)
    }

    .mobile-number-link {
        display: block
    }

    .menu111111111>:first-child {
        margin-top: 50px
    }

    .menu111111111.open li {
        padding-bottom: 50px
    }

    .menu111111111 {
        transform: translate(-40px, 30px);
        left: auto
    }

    header .logo-header {
        left: 40px;
        transform: translateX(0%)
    }

    .our-work-items {
        grid-template-columns: repeat(2, 1fr)
    }

    .single-post-container {
        padding: 0 40px
    }

    .tabs-section-black .tabs-section {
        flex-direction: column
    }

    .tabs-section {
        display: flex;
        padding: 70px 80px 70px 85px;
        gap: 90px;
        position: relative;
        flex-direction: column
    }

    .pricing-tables {
        flex-direction: column
    }

    .pricing-table {
        margin: 0 auto;
        width: 470px
    }

    .contact-us-header {
        flex-direction: column-reverse;
        padding-top: 140px
    }

    .contact-us-info h1 {
        text-align: center;
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%)
    }

    .connect-social-media {
        padding-bottom: 90px
    }

    .two-column-section .left-column {
        flex: 0 1 50%;
        max-width: 39%;
        box-sizing: border-box
    }

    .about-us-header-content {
        width: 100%;
        padding-left: 50px
    }

    .meet-our-team {
        padding: 20px 50px 50px 50px
    }

    .team-member {
        flex-basis: calc(50% - 10px);
        padding: 5px
    }

    .about-container {
        padding: 75px 30px 80px 50px;
        gap: 85px
    }

    .maintenance-package {
        flex-basis: calc(50% - 10px)
    }

    .testimonials-wraper .testRow {
        width: 100%
    }

    .service-container {
        padding: 75px 30px 50px 100px;
        gap: 50px
    }

    .service-container .large-image {
        left: -55px;
        top: 71px;
        width: 100%
    }

    .service-container .small-image {
        top: 500px;
        left: 160px;
        width: 55%
    }

    .service-container .third-image {
        top: -200px
    }

    .service-container-grey-bkg {
        padding: 70px 65px 250px 65px
    }

    .img-right-2 {
        bottom: 0
    }

    .front-slide-img {
        gap: 40px;
        padding: 80px 90px 150px 75px
    }

    .bottom-half {
        justify-content: flex-start
    }

    .front-slide-img .third-image {
        top: -150px;
        width: 38%;
        right: -20px
    }

    .front-slide-img .large-image {
        top: 450px;
        width: 43%
    }

    .front-slide-img .bottom-half {
        margin-bottom: 150px
    }

    .front-slide-img .small-image {
        left: 500px;
        top: 550px;
        width: 25%
    }

    .bottom-half-container {
        position: relative
    }

    .read-blog-container {
        padding: 80px 0 60px 20px
    }

    .blog-slide-title {
        flex-basis: 40%
    }

    .slide-post-wrapper {
        flex-basis: 60%
    }

    .slide-post-item {
        width: 75%
    }

    .parallax .parallax-image {
        top: 40px
    }

    .single-portfoliotwo-banners .left-banner,
    .single-portfoliotwo-banners .right-banner {
        width: 100%
    }

    .single-portfoliotwo-banners .right-banner {
        height: 250px
    }

    .single-portfolio-header-content {
        width: 70%
    }

    .single-portfolio-intro {
        padding: 100px 40px 85px 40px
    }

    .single-portfolio-left-text {
        padding: 100px 40px
    }

    .black-circles {
        padding: 100px 40px;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center
    }

    @keyframes moveScaleLeft {
        0% {
            transform: translateY(0) scale(1)
        }

        45% {
            transform: translateY(-400px) scale(.85)
        }

        55% {
            transform: translateY(-400px) scale(.85)
        }

        100% {
            transform: translateY(0) scale(1)
        }
    }

    @keyframes moveScaleRight {
        0% {
            transform: translateY(0) scale(1)
        }

        45% {
            transform: translateY(500px) scale(.85)
        }

        55% {
            transform: translateY(500px) scale(.85)
        }

        100% {
            transform: translateY(0) scale(1)
        }
    }

    .marquee:nth-child(4) {
        top: 100%
    }

    .marquee:nth-child(2) {
        top: 10%
    }

    .marquee:nth-child(3) {
        top: 55%
    }

    .circle-img {
        width: 250px;
        height: 250px
    }

    .rounded-img {
        width: 700px;
        height: 250px
    }

    .chapter-box {
        margin: 0 auto;
        flex: auto;
        gap: 40px;
        width: 100%
    }

    .chapter-content {
        flex: 1;
        max-width: 100%
    }

    .chapter-img {
        width: 46%;
        flex: 1
    }

    .chapter-img img {
        flex: auto
    }

    .chapter-two-col {
        flex-direction: column
    }

    .landing-slider .testimonials-wraper .testRow {
        min-height: 450px
    }

    .two-columns-landing {
        flex-direction: column-reverse;
        padding: 0 70px
    }

    .landing-reverse .two-columns-landing-img img {
        margin-right: 0
    }

    .two-columns-landing-img img {
        margin-left: 0
    }

    .landing-contact-first {
        padding-top: 0px !important
    }

    .landing-head-section {
        margin-top: 120px
    }

    .landing-left-head h1 {
        font-size: 45px
    }

    .landing-left-head h1 span {
        font-size: 52px !important
    }

    .landing-left-head h3 {
        font-size: 27px
    }

    .landing-left-head p {
        font-size: 17px
    }

    .landing-left-head button {
        padding: 11px 20px;
        font-size: 24px
    }

    .gradient-banner {
        padding: 4px 10px;
        left: -17px
    }

    .logos-container img {
        margin-top: 30px
    }

    .newsletter .contact-us-form {
        width: 100% !important;
        margin-top: 50px
    }

    .newsletter {
        padding-top: 40px
    }

    .newsletter-list {
        width: 100%
    }

    .faq-section.blog_faqs {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width:767px) {
    .desktop-image {
        display: none
    }

    .mobile-image {
        display: block
    }

    .two-columns-layout {
        padding: 80px 40px 60px 40px
    }

    .text-right {
        flex-direction: column-reverse
    }

    .single-service-container {
        width: calc(100% - 40px)
    }

    .text-right .single-service-text {
        padding: 20px 0 20px 0
    }

    .single-service-text {
        padding: 20px 0 20px 0
    }

    .services-tc {
        padding-top: 0px !important;
        padding-bottom: 0px !important
    }

    .three-columns {
        padding: 80px 40px
    }

    .three-columns .middle-column a {
        order: 2
    }

    .single-service-text {
        width: 100%
    }

    .single-service-img {
        width: 100%
    }

    .faqs-head-container {
        padding: 180px 20px 100px 20px
    }

    .faq-container {
        gap: 0
    }

    .piece-body-container h2 {
        padding: 40px 60px
    }

    .front-page-header .buttons span {
        font-size: 12px
    }

    .front-page-header p {
        font-size: 18px
    }

    .bottom-half-container h5 {
        font-size: 28px
    }

    .front-page-header svg {
        bottom: 40px
    }

    .our-work-items {
        grid-template-columns: repeat(1, 1fr)
    }

    .web-design-items {
        flex-direction: column
    }

    .maintenance-connection-container {
        flex-direction: column
    }

    .maintenance-connection {
        width: 100%
    }

    .maintenance-connection-container img {
        width: 100%
    }

    .two-columns-layout {
        flex-direction: column
    }

    .two-columns-layout .service-get-in-touch {
        margin-top: 30px
    }

    .three-columns {
        flex-direction: column
    }

    .middle-column {
        align-items: flex-start
    }

    .middle-column h2 {
        order: 1
    }

    .middle-column p {
        order: 2
    }

    .middle-column img {
        order: 3
    }

    .service-column img {
        padding-right: 0;
        margin-top: 30px
    }

    .service-column p {
        padding-bottom: 40px
    }

    .pricing-table {
        width: 100%
    }

    .blog-posts-container {
        grid-template-columns: repeat(1, 1fr)
    }

    .read-blog {
        grid-template-columns: repeat(1, 1fr)
    }

    .slide-post-item {
        min-width: 50%
    }

    .info-content {
        display: flex;
        padding: 50px;
        gap: 30px
    }

    .team-members {
        flex-direction: column
    }

    .team-member {
        flex-basis: 100%;
        padding: 10px
    }

    .contact-us-form-service .form-row {
        flex-direction: column
    }

    .about-container {
        flex-direction: column
    }

    .about-container .large-image {
        left: 20px;
        top: -60px;
        width: 65%
    }

    .about-container .small-image {
        top: 320px;
        left: 350px;
        width: 38%
    }

    .about-container .left,
    .about-container .right {
        flex: none
    }

    .about-container .left {
        height: 350px
    }

    .maintenance-package {
        flex-basis: calc(100% - 10px)
    }

    .testimonials .testimonials-wraper {
        width: 100%;
        padding: 0 20px
    }

    .service-container {
        padding: 140px 30px 50px 30px;
        gap: 50px;
        flex-direction: column
    }

    .service-container .large-image {
        left: 22px;
        top: 360px;
        width: 50%
    }

    .service-container .small-image {
        top: 620px;
        left: 330px;
        width: 26%
    }

    .service-container .right {
        margin-top: 0;
        margin-bottom: 330px
    }

    .service-container .third-image {
        width: 36%;
        top: -200px;
        right: 80px
    }

    .service-container-grey-bkg {
        flex-direction: column
    }

    .service-container-grey-bkg .left {
        margin-top: 400px;
        order: 2
    }

    .service-container-grey-bkg .right {
        order: 1
    }

    .service-container-grey-bkg .img-right-1 {
        top: -70px;
        left: 65px;
        width: 46%
    }

    .service-container-grey-bkg .img-right-2 {
        top: 230px
    }

    .front-slide-img .small-image {
        left: 350px;
        top: 720px
    }

    .front-slide-img {
        padding: 80px 20px 130px 20px
    }

    .read-blog-container {
        flex-direction: column;
        gap: 100px
    }

    .blog-slide-title a {
        bottom: -80px
    }

    .parallax {
        height: 280px
    }

    .parallax .parallax-image {
        top: -40px
    }

    .single-portfolio-scroll-image {
        height: 400px
    }

    @keyframes moveScaleLeft {
        0% {
            transform: translateY(0) scale(1)
        }

        45% {
            transform: translateY(-200px) scale(.85)
        }

        55% {
            transform: translateY(-200px) scale(.85)
        }

        100% {
            transform: translateY(0) scale(1)
        }
    }

    @keyframes moveScaleRight {
        0% {
            transform: translateY(0) scale(1)
        }

        45% {
            transform: translateY(350px) scale(.85)
        }

        55% {
            transform: translateY(350px) scale(.85)
        }

        100% {
            transform: translateY(0) scale(1)
        }
    }

    .single-post-container .right_img img {
        width: 50%;
        position: relative;
        transform: translateX(-50%);
        left: 50%
    }

    .single-post-container .chepter_sec_descri {
        flex-direction: column;
        margin-top: 0
    }

    .single-post-container .left_contant {
        margin-top: 30px;
        text-align: center
    }

    .landing-slider .testimonials-wraper .testRow {
        width: 100%;
        min-height: 440px
    }

    .landing-contact-first button,
    .landing-seo-button {
        font-size: 20px !important;
    }

    .landing-head-section {
        margin-top: 100px;
        padding: 0 40px 50px 40px
    }

    .landing-left-head button {
        padding: 10px 18px;
        font-size: 22px
    }

    .two-columns-landing {
        padding: 0 20px
    }
}

@media (max-width:670px) {
    .piece-header-content h1 span {
        font-size: 70px
    }

    .about-container .small-image {
        top: 200px;
        right: 0;
        width: 36%;
        left: auto
    }

    .about-container {
        gap: 50px
    }

    .about-container .left {
        height: 240px
    }

    .service-container .right {
        margin-bottom: 230px
    }

    .service-container .third-image {
        top: -170px
    }

    .front-page-header .top-half span {
        font-size: 60px
    }

    .bottom-half-container h5 {
        font-size: 26px
    }

    .front-page-header p {
        font-size: 16px
    }
}

@media (max-width:575px) {

    .chapter-content p,
    .chapter-content h3 {
        text-align: center !important
    }

    body {
        overflow-x: hidden
    }

    .black-overlay.visible {
        height: 1450px
    }

    header {
        padding: 15px 40px 15px 40px
    }

    .hamburger-icon-white {
        height: 20px;
        width: 25px;
        margin-right: -20px
    }

    .hamburger-icon-white span {
        height: 2px
    }

    .hamburger-icon {
        height: 20px;
        width: 25px;
        margin-right: -20px
    }

    .hamburger-icon span {
        height: 2px
    }

    .right-group .button--bestia span {
        padding: 8px 10px
    }

    .right-group .button {
        width: 135px
    }

    .right-group .button--bestia-white span {
        padding: 8px 10px
    }

    .x-button {
        padding: 8px 15px;
        border-radius: 10px;
        position: fixed;
        top: 2%;
        right: 10px;
        z-index: 9999
    }

    .logo-a {
        display: block;
        margin-left: -20px;
        width: 30px;
        height: auto
    }

    .logo-alt {
        display: none
    }

    .black-overlay {
        background: linear-gradient(180deg, rgba(0, 0, 0, .3029586834733894) 0%, rgba(0, 0, 0, .5830707282913166) 4%, rgba(0, 0, 0, 1) 23%, rgba(0, 0, 0, 1) 100%)
    }

    .right-group a {
        display: block
    }

    .right-group .button {
        width: 130px
    }

    .our-goal {
        padding: 80px 20px
    }

    .our-work-title {
        padding: 20px 0;
        flex-direction: column
    }

    .our-work-title h3 {
        margin-bottom: 10px
    }

    .web-design {
        padding: 60px 20px
    }

    footer {
        align-items: center;
        flex-direction: column
    }

    .footer-menu {
        border-bottom: 1px solid #fff
    }

    .footer-left-side {
        margin-bottom: 20px
    }

    .footer-right-side {
        flex-direction: column;
        align-items: flex-start
    }

    .footer-nav {
        display: grid;
        grid-template-rows: repeat(4, min-content);
        column-gap: 70px;
        padding-right: 0;
        border-right: 0;
        padding-bottom: 10px
    }

    .footer-right-side .info-left {
        margin-right: 58px;
        margin-left: 0
    }

    .contact-us-info,
    .contact-us-form {
        padding: 20px
    }

    .two-column-section {
        flex-direction: column
    }

    .connect-social-media {
        padding-bottom: 50px;
        gap: 10px
    }

    .two-column-section .left-column {
        max-width: 100%;
        margin-bottom: 20px
    }

    .two-column-section .right-column {
        max-width: 100%
    }

    .contact-us-form textarea {
        height: 130px
    }

    .contact-us-form h2 br {
        display: none
    }

    .about-us-header-content {
        padding-left: 20px
    }

    .about-us-header-content h1 {
        font-size: 50px;
        padding-bottom: 130px
    }

    .about-us-header-content span {
        font-size: 50px
    }

    .info-content {
        padding: 50px;
        gap: 50px;
        flex-direction: column
    }

    .about-us-info .scroll,
    .pricing-slide-text .scrol {
        padding: 20px 0 60px 0
    }

    .about-us-info span,
    .pricing-slide-text span {
        font-size: 50px
    }

    .team-heading {
        flex-direction: column
    }

    .team-info,
    .team-contact {
        margin-top: 40px
    }

    .member-image {
        width: 90px;
        height: 90px
    }

    .member-info {
        margin-left: 20px
    }

    .meet-our-team {
        padding: 20px 20px 50px 20px
    }

    .service-container {
        padding: 100px 30px 50px 30px
    }

    .service-container .large-image {
        left: 22px;
        top: 480px
    }

    .service-container .small-image {
        top: 680px;
        left: 240px
    }

    .service-container .right {
        margin-bottom: 280px
    }

    .service-container .third-image {
        top: -150px
    }

    .about-container {
        padding: 75px 30px 80px 30px;
        gap: 25px
    }

    .about-container .small-image {
        left: auto;
        right: 0;
        top: 180px
    }

    .about-container .large-image {
        top: -90px;
        left: 0;
        width: 70%
    }

    .front-slide-img .small-image {
        left: 60px;
        top: -200px;
        width: 45%
    }

    .front-slide-img .top-half {
        margin-top: 200px
    }

    .front-slide-img .third-image {
        top: -490px;
        width: 50%;
        right: 0
    }

    .front-slide-img .large-image {
        top: 450px
    }

    .front-slide-img .large-image {
        width: 50%
    }

    .front-slide-img {
        padding: 80px 20px 80px 20px
    }

    .invert-color .tabs-section {
        padding: 110px 20px 70px 20px
    }

    .tabs-title {
        padding: 0 20px
    }

    .tabs-title svg {
        position: absolute;
        right: 30px;
        bottom: 0
    }

    .slide-post-item {
        width: 90%
    }

    .parallax .parallax-image {
        top: 70px
    }

    .front-page-header span {
        font-size: 60px
    }

    .front-page-header p {
        font-size: 16px
    }

    .bottom-half-container h5 {
        font-size: 26px
    }

    .front-slide-img .top-half span {
        font-size: 57px
    }

    .tabs-title h2 {
        font-size: 60px
    }

    .single-portfoliotwo-banners .left-banner {
        padding: 50px
    }

    .single-portfoliotwo-banners .right-banner {
        padding: 0 30px
    }

    .single-portfoliotwo-banners .right-banner img {
        padding: 0 30px;
        width: 100%
    }

    .single-portfolio-header-content {
        width: 90%
    }

    .contact-us-form .submit-area {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px
    }

    .contact-us-info h1 {
        width: 70%
    }

    .fullscreen-menu-items li {
        margin: 5px 0;
        padding: 10px
    }

    .fullscreen-menu-items li a {
        font-size: 48px
    }

    .mobile-screens img {
        width: 65%;
        max-width: none
    }

    .mobile-screens {
        gap: 40px;
        padding-bottom: 80px
    }

    .no-mobile {
        display: none !important
    }

    .front-page-header svg {
        display: none
    }

    .fixed-phone-numb {
        display: block;
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 1000;
        background: linear-gradient(45deg, #F55925, #450082);
        text-align: center
    }

    .fixed-phone-numb a {
        display: inline-block;
        color: #fff;
        font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 20px 0
    }

    .testimonial-client {
        flex-direction: column
    }

    .testimonials-divider {
        display: none
    }

    .testimonial-right-side {
        width: 100%
    }

    .testimonial-left-side {
        width: 100%;
        margin-bottom: 40px
    }

    .testimonial-left-side img {
        margin: 0 auto;
        display: block;
        position: relative;
        right: 0;
        top: 0
    }

    .chapter-box {
        flex-direction: column
    }

    .landing-slider .testimonials-wraper .testRow {
        width: 100%;
        min-height: 370px
    }

    .landing-contact-first button,
    .landing-seo-button {
        font-size: 18px !important
    }

    .page-template-page-landing header {
        height: 60px
    }

    .logos-container {
        justify-content: center;
        align-items: center;
        flex-direction: column
    }

    .logos-container img {
        width: auto;
        height: auto;
        display: block;
        max-width: max-content
    }

    .landing-button-container {
        width: 300px;
        text-align: center;
        margin: 0 auto
    }

    .landing-button-container .gradient-banner {
        left: -10px
    }

    .landing-left-head button {
        border: 1px solid #000
    }

    .landing-left-head h1 {
        font-size: 37px
    }

    .landing-left-head h1 span {
        font-size: 39px !important
    }

    .landing-left-head h3 {
        font-size: 24px
    }

    .landing-left-head p {
        font-size: 16px
    }

    .landing-left-head button {
        font-size: 20px
    }

    .landing-contact-first .contact-us-form h2 {
        font-size: 23px
    }

    .two-columns-landing-text h2,
    .landing-contact-first .contact-us-info h2 {
        font-size: 23px
    }

    .testimonials-wraper h3 {
        font-size: 23px
    }

    .landing-circle-section h3 {
        font-size: 23px
    }

    .landing-contact-bottom h2 {
        font-size: 23px !important
    }

    .landing-contact-bottom .form-info {
        margin-top: 23px;
        max-width: 80% !important
    }

    .faq-section h3 {
        font-size: 23px
    }

    .landing-right-head img {
        max-width: 100%
    }
}

@media (max-width:450px) {
    .hamburger-icon-white {
        margin-right: 0
    }

    .piece-header-content h1 span {
        font-size: 40px
    }

    .contact-us-info h1 {
        width: 100%
    }

    .span-size {
        font-size: 12px !important
    }

    .m-scroll .contact-link {
        position: relative;
        top: 10px
    }

    .our-work {
        padding: 50px 20px 60px 20px
    }

    .front-page-header .top-half span {
        font-size: 45px
    }

    .front-page-header {
        padding: 0 20px
    }

    .front-page-header span {
        font-size: 14px
    }

    .top-half {
        height: 40%
    }

    .bottom-half {
        height: 60%
    }

    .invert-color .tabs-section {
        padding: 40px 20px 280px 20px
    }

    .tabs-title svg {
        right: 15px;
        bottom: -45px
    }

    .content-two-colum {
        gap: 20px
    }

    .buttons {
        margin-top: 14px
    }

    .bottom-half-container h5 {
        margin-bottom: 15px
    }

    .tabs-title h2 {
        font-size: 40px
    }

    .bottom-half-container h5 {
        font-size: 23px
    }

    .front-page-header p {
        font-size: 14px
    }

    .bottom-half {
        margin-right: 0;
        right: 0;
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box
    }

    .bottom-half-container {
        width: 100%
    }

    .bottom-half .buttons {
        flex-direction: column;
        gap: 10px
    }

    .bottom-half .buttons a {
        width: 100%
    }

    .bottom-half .buttons button {
        width: 100%
    }

    .front-slide-img .top-half span {
        font-size: 50px
    }

    .view-portfolio-btn,
    .why-alt-btn {
        font-size: 11px;
        padding: 12px 10px
    }

    .our-work-item p {
        font-size: 18px
    }

    .tabs-title h2 {
        font-size: 40px
    }

    .tabs-section-text p {
        font-size: 13px
    }

    .about-us-info span,
    .pricing-slide-text span,
    .front-slide-text span {
        font-size: 50px
    }

    .front-slide-text .m-scroll {
        padding: 40px 0
    }

    .front-slide-text .separator {
        padding: 12px 10px;
        width: 130px;
        font-size: 11px !important;
        margin: 0 40px !important;
        transform: translateY(-12px)
    }

    .slide-post-item p {
        font-size: 18px
    }

    .front-slide-img .small-image {
        left: 24px;
        top: -150px;
        width: 45%
    }

    .front-slide-img .third-image {
        top: -490px;
        width: 55%;
        right: 10px
    }

    .about-us-header-content h1 {
        font-size: 35px;
        padding-bottom: 100px
    }

    .about-us-header-content h1 span {
        color: #fff;
        font-size: 35px
    }

    .service-container .right h2 {
        font-size: 24px
    }

    .two-columns-layout {
        padding: 70px 20px 60px 20px
    }

    .two-columns-layout .left h3 {
        font-size: 33px
    }

    .two-columns-layout .service-get-in-touch {
        padding: 11px 13px;
        width: 140px
    }

    .three-columns {
        padding: 70px 20px
    }

    .pricing-section {
        padding: 70px 20px
    }

    .circle {
        width: 130px;
        height: 130px;
        font-size: 23px
    }

    .pricing-table .price {
        font-size: 28px
    }

    .pricing-button {
        padding: 12px 11px
    }

    .maintenance {
        padding: 70px 20px
    }

    .maintenance-package img {
        width: 110px;
        height: 110px
    }

    .maintenance-connection {
        padding: 40px 20px 40px 20px
    }

    .maintenance-connection-container {
        width: calc(100% - 40px);
        margin: 0 20px;
        padding-bottom: 60px
    }

    .tabs-section {
        padding: 70px 20px 150px 20px
    }

    .tabs-section h3 {
        font-size: 25px
    }

    .tab-button {
        font-size: 12px
    }

    .post-slider-work {
        padding: 70px 0 80px 20px
    }

    .custom-section {
        padding: 40px 20px
    }

    .custom-section svg {
        right: 15px
    }

    .custom-div {
        padding: 50px 60px 50px 30px
    }

    .our-goal h2 {
        font-size: 33px
    }

    .post-slider-maint {
        padding: 70px 0 70px 20px
    }

    .faq-section {
        padding: 70px 20px
    }

    .faq-section.blog_faqs {
        padding: 70px 20px
    }

    .contact-us-form-service {
        padding: 70px 20px
    }

    .contact-us-form-service .submit-area {
        flex-direction: column;
        align-items: flex-start
    }

    .landing-contact-bottom .submit-area {
        align-items: center !important
    }

    .form-info {
        max-width: 100%;
        margin-bottom: 20px
    }

    .service-container-grey-bkg .left {
        margin-top: 310px
    }

    .service-container-grey-bkg {
        padding: 70px 20px 200px 20px
    }

    .service-container-grey-bkg .img-right-1 {
        left: 40px
    }

    .service-container-grey-bkg .img-right-2 {
        top: 210px;
        right: 0
    }

    .info-content {
        padding: 50px 20px
    }

    .team-heading {
        padding: 30px 0 70px 0
    }

    .client-section {
        padding: 70px 20px
    }

    .about-container .small-image {
        left: auto;
        right: 0;
        top: 130px;
        width: 40%
    }

    .about-container {
        padding: 75px 20px 80px 20px;
        gap: 0
    }

    .about-container .left {
        height: 200px
    }

    .about-container .right {
        padding: 20px 0
    }

    .service-container {
        padding: 50px 20px 50px 20px
    }

    .service-container .third-image {
        top: -110px
    }

    .service-container .right {
        margin-bottom: 170px
    }

    .service-container .large-image {
        top: 580px
    }

    .nav-number-btn-white {
        padding: 8px 10px
    }

    .nav-number-btn {
        padding: 8px 10px
    }

    .blog-posts-container {
        padding: 20px 20px 120px 20px
    }

    .single-post-featured-image {
        padding: 70px 20px 60px 20px
    }

    .single-post-container {
        padding: 0 20px
    }

    .blog-posts-header .h1,
    .blog-posts-header h1 {
        font-size: 33px
    }

    .slide-post-item {
        min-width: 100%
    }

    footer {
        align-items: flex-start;
        padding: 50px 20px 70px 20px
    }

    .marquee:nth-child(4) {
        top: 100%
    }

    .marquee:nth-child(2) {
        top: 10%
    }

    .marquee:nth-child(3) {
        top: 55%
    }

    .circle-img {
        width: 180px;
        height: 180px
    }

    .rounded-img {
        width: 550px;
        height: 180px;
        border-radius: 100px / 50%
    }
}

@media (max-width:400px) {
    .about-container .small-image {
        width: 44%
    }
}

@media (max-width:350px) {
    .front-page-header .top-half span {
        font-size: 35px
    }

    .footer-nav {
        column-gap: 60px
    }

    .front-page-header p {
        font-size: 12px
    }

    .front-page-header .buttons span {
        font-size: 11px
    }

    .front-slide-img .top-half span {
        font-size: 35px
    }

    .front-slide-img .large-image {
        width: 65%;
        top: 506px
    }

    .front-slide-img .third-image {
        top: -450px
    }

    .front-slide-img .small-image {
        top: -100px;
        width: 48%
    }

    .service-container .large-image {
        top: 620px
    }

    .service-container .small-image {
        top: 750px
    }
}

@media (min-width:1500px) {
    .blog-posts-container {
        max-width: 1900px;
        margin: 0 auto
    }

    .single-post-container h2 {
        font-size: 28px
    }

    .single-post-container p {
        font-size: 17px
    }

    .single-post-container ul li {
        font-size: 17px
    }

    .single-post-container a span {
        font-size: 17px !important
    }

    .single-post-container {
        max-width: 1200px
    }

    .front-slide-img {
        max-width: 1600px;
        margin: 0 auto
    }

    .our-work-title {
        padding: 35px 0;
        max-width: 1270px;
        margin: 0 auto
    }

    .our-work-items {
        justify-items: normal;
        margin: 0 auto;
        max-width: 1270px
    }

    .tabs-title {
        max-width: 1600px;
        margin: 0 auto
    }

    .invert-color .tabs-section {
        max-width: 1600px;
        margin: 0 auto
    }

    .testimonials-wraper .testRow {
        width: 70%
    }

    .slide-post-item {
        min-width: 33%
    }

    .about-container {
        max-width: 1600px;
        margin: 0 auto
    }

    .about-container .small-image {
        top: 440px;
        left: 420px
    }

    .info-content {
        max-width: 1600px;
        margin: 0 auto
    }

    .meet-our-team {
        margin: 0 auto;
        max-width: 1600px
    }

    .client-logos {
        margin: 0 auto;
        max-width: 1600px
    }

    .read-our-blog-container {
        max-width: 1600px;
        margin: 0 auto
    }

    .service-container {
        max-width: 1600px;
        margin: 0 auto
    }

    .two-columns-layout {
        margin: 0 auto;
        max-width: 1600px
    }

    .three-columns {
        max-width: 1600px;
        margin: 0 auto
    }

    .pricing-tables {
        max-width: 1600px;
        margin: 0 auto
    }

    .maintenance-packages {
        max-width: 1600px;
        margin: 0 auto
    }

    .service-container-grey-bkg {
        max-width: 1600px;
        margin: 0 auto;
        gap: 200px
    }

    .tabs-section {
        max-width: 1600px;
        margin: 0 auto
    }

    .custom-section {
        max-width: 1600px;
        margin: 0 auto
    }

    .faq-section {
        max-width: 1600px;
        margin: 0 auto
    }

    .faq-section.blog_faqs {
        max-width: 1200px;
        padding-left: 0;
        padding-right: 0
    }

    .contact-us-form-service {
        margin: 0 auto;
        max-width: 1600px
    }

    .our-goal-content p {
        font-size: 16px
    }

    .parallax {
        height: 400px
    }

    .parallax .parallax-image {
        width: 100%;
        position: relative;
        top: -420px
    }

    .slide-work {
        min-width: 25%
    }
}

@media (max-height:750px) {
    .landing-head-section {
        height: auto;
        margin-top: 150px
    }

    .logos-container {
        padding: 80px 0 80px 0
    }

    .landing-right-head img {
        width: 100%
    }
}

@media (min-width:1900px) {
    .slide-post-item {
        min-width: 27%
    }
}

@media (min-width:1200px) and (max-height:1000px) {
    .landing-head-section {
        margin-top: 100px;
        height: auto
    }

    .logos-container {
        padding: 80px 0 80px 0
    }
}

@media (min-width:1200px) and (max-height:900px) {
    .fullscreen-menu-items li {
        padding: 5px
    }
}

@media (min-width:576px) and (max-height:750px) {
    .fullscreen-menu-items li {
        padding: 0
    }

    .fullscreen-menu-items li {
        margin: 5px 0
    }

    .front-page-header .top-half span {
        font-size: 60px
    }

    .front-page-header p {
        font-size: 14px;
        line-height: 21px
    }
}

@media (min-width:1200px) and (max-height:900px) {
    .fullscreen-menu-items li {
        padding: 5px
    }
}

@media (min-width:1200px) and (max-height:800px) {
    .fullscreen-menu-items li {
        padding: 0
    }
}

@media (max-height:800px) and (min-width:1180px) {
    .bottom-half-container h5 {
        font-size: 28px;
        margin-bottom: 25px
    }

    .front-page-header p {
        font-size: 17px;
        line-height: 24px
    }

    .front-page-header span {
        font-size: 70px
    }

    .front-page-header .buttons span {
        font-size: 12px !important
    }
}

@media (max-height:740px) and (max-width:575px) {
    .fullscreen-menu-items li {
        margin: 3px 0;
        padding: 5px
    }

    .fullscreen-menu-items li a {
        font-size: 40px
    }

    .black-overlay.visible {
        height: 1400px
    }

    .logo-overlay svg {
        width: 47px;
        height: auto
    }

    .black-overlay {
        background: linear-gradient(180deg, rgba(0, 0, 0, .3029586834733894) 0%, rgba(0, 0, 0, .5830707282913166) 4%, rgba(0, 0, 0, 1) 13%, rgba(0, 0, 0, 1) 100%)
    }
}

@media (max-height:630px) and (max-width:575px) {
    .black-overlay {
        background: linear-gradient(180deg, rgba(0, 0, 0, .3029586834733894) 0%, rgba(0, 0, 0, .5830707282913166) 4%, rgba(0, 0, 0, 1) 8%, rgba(0, 0, 0, 1) 100%)
    }

    .fullscreen-menu nav {
        height: 115%
    }

    .menu111111111>li>ul>li>a {
        font-size: 30px !important
    }
}

@media (min-width:992px) {
    .menu111111111.open {
        display: flex;
        justify-content: space-around;
        width: 100%;
        margin-top: 50px;
        margin-left: 6%
    }

    .menu111111111>li {
        text-align: left !important;
        width: 33.3%
    }
}

.single-post-container .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.single-post-container ul {
    padding-top: 0;
    margin-left: 35px;
    padding-bottom: 0;
    padding-left: 0;
    margin-bottom: 15px
}

.single-post-container ul li::before {
    background: url(../../../../../../themes/images/new_arrow.png) no-repeat;
    content: "";
    top: 7px;
    position: absolute;
    width: 18px;
    height: 7px;
    left: 0;
    padding: 0
}

.single-post-container ul li {
    list-style: disc;
    position: relative;
    margin-bottom: 0
}

.single-post-container h3,
.single-post-container h4,
.single-post-container h5,
.single-post-container h6 {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-weight: 400
}

.single-post-container h3 {
    color: #000;
    font-size: 22px;
    text-align: center;
    margin: 20px 0 20px
}

.single-post-container .chapter-content h3 {
    text-align: left
}

.single-post-container h3 .link--iocaste span {
    font-size: 22px !important
}

.single-post-container h4 {
    font-size: 19px;
    margin: 10px 0 10px
}

.single-post-container h5 {
    font-size: 15px;
    margin: 10px 0 10px
}

.single-post-container h6 {
    font-size: 12px;
    margin: 10px 0 10px
}

.single-post-container ol {
    padding-left: 35px
}

.single-post-container ol li {
    padding-left: 0 !important;
    margin-bottom: 0
}

.blog-posts-header {
    padding: 0 20px
}

body.single-post {
    overflow-x: hidden
}

.dg_cs_post {
    padding-top: 15px;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif
}

.dg_cs_post p:empty {
    display: none !important
}

.dg_cs_post .cs_post_top_pink_text {
    width: 100%;
    margin: 0 auto
}

.col-md-6.cp_bt_box {
    width: 50%;
    margin-bottom: 40px
}

.dg_cs_post .cs_post_top_pink_text .pink_icon_text {
    position: relative
}

.dg_cs_post .cs_post_top_pink_text .pink_icon_text .cs_post_ptext_icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -90px;
    width: auto
}

.dg_cs_post .cs_post_top_pink_text p,
.dg_cs_post .cs_post_top_pink_text h2 {
    text-align: center;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text
}

.dg_cs_post .top_af_pink_text .text_ital {
    width: 100%;
    margin: 0 auto
}

.dg_cs_post .top_af_pink_text .text_ital p {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    text-align: center;
    font-style: italic
}

.dg_cs_post .top_af_pink_text .text_nor p:last-child {
    margin-bottom: 0
}

.dg_cs_post .cp_bt_box .cbox_link {
    color: transparent
}

.dg_cs_post .chepter_box .chepter_label {
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    margin-bottom: 12px
}

.dg_cs_post .chepter_box .tite {
    color: #000;
    margin: 0;
    margin-bottom: 10px;
    display: block
}

.dg_cs_post .chepter_box .small_text {
    color: #000
}

.dg_cs_post .chepter_box .chepter_img {
    width: 100%;
    max-width: 190px
}

.dg_cs_post .chepter_box {
    display: flex;
    flex-wrap: wrap
}

.dg_cs_post .chepter_box .chepter_contant_inner {
    width: 100%
}

.dg_cs_post .chepter_box .chepter_img img {
    width: 100%;
    height: auto;
    margin: 0
}

.dg_cs_post .chepter_box .chepter_contant {
    width: 100%;
    max-width: calc(100% - 190px);
    padding-top: 22px;
    padding-left: 22px
}

.dg_cs_post .chepter_links_sec .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.dg_cs_post .cp_bt_box {
    margin-bottom: 42px
}

.dg_cs_post .chepter_links_sec {
    padding-top: 38px
}

.dg_cs_post .dg_post_chepter_sec {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    margin: 50px 0
}

.dg_cs_post .dg_post_chepter_sec .dg_post_chepter_inner_sec {
    position: relative;
    z-index: 2
}

.dg_cs_post .dg_post_chepter_sec:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 100vw;
    height: 100%;
    background-color: #fff
}

.dg_cs_post .dg_post_chepter_sec.chepter_1:before {
    background-color: #F4F4F4
}

.dg_cs_post .dg_post_chepter_sec.chepter_1_new:before {
    background-color: #F4F4F4
}

.dg_cs_post .dg_post_chepter_sec .top_heading .cs_label {
    font-weight: 400;
    margin-bottom: 0;
    text-align: center;
    display: block;
    width: 100%;
    margin-bottom: 18px;
    color: #fff
}

.dg_cs_post .dg_post_chepter_sec .top_heading .title {
    text-align: center;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    margin: 0;
    color: #fff;
    display: block !important
}

.dg_cs_post .dg_post_chepter_sec .left_contant p {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    color: #fff
}

.dg_cs_post .dg_post_chepter_sec .left_contant ul {
    list-style: none;
    margin-bottom: 25px;
    padding-left: 10px;
    margin-left: 0
}

.dg_cs_post .chepter_box .chepter_label {
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    margin-bottom: 12px;
    display: inline-block
}

.dg_cs_post .dg_post_chepter_sec .left_contant ul li {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    color: #fff
}

.dg_cs_post .dg_post_chepter_sec .left_contant p:last-child {
    margin-bottom: 0
}

.dg_cs_post .dg_post_chepter_sec .chepter_sec_descri {
    margin: 0 auto;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1070px;
    align-items: flex-start
}

.dg_cs_post .dg_post_chepter_sec .chepter_sec_descri .left_contant {
    width: 50%;
    padding-right: 30px
}

.dg_cs_post .dg_post_chepter_sec .chepter_sec_descri .right_img {
    width: 50%;
    padding-left: 30px
}

.dg_cs_post .dg_post_chepter_sec .chepter_sec_descri .right_img img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0
}

.dg_cs_post .cash_king_sec {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0
}

.single-post-container p.pink_center_text,
.single-post-container p.pink_center_text a {
    color: #000;
    text-align: center;
    font-weight: 600
}

.pink_center_text strong {
    font-weight: 600
}

.dg_cs_post .cash_king_sec .normal_text {
    color: #000;
    margin-bottom: 30px
}

.single-post-container .wp-caption {
    border: 1px solid #000;
    text-align: center;
    width: auto !important;
    display: inline-block;
    margin: 10px 0
}

.single-post-container .wp-caption img {
    margin: 0;
    padding: 10px 10px 0
}

.dg_cs_post .chepter_box .chepter_contant_inner {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif
}

.dg_cs_post .cash_king_sec .normal_text.no_margin {
    margin-bottom: 0
}

.dg_cs_post .cash_king_sec .italic_text {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    text-align: center;
    margin-bottom: 50px;
    font-style: italic
}

.dg_cs_post .cash_king_sec .cash_king_boxs_sec {
    margin-top: 42px;
    margin-bottom: 32px;
    position: relative
}

.dg_cs_post .cash_king_sec .cash_king_boxs_sec .bt_end_sign {
    position: absolute;
    top: 52px;
    left: 50%;
    transform: translateX(-50%);
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif
}

.dg_cs_post .cash_king_sec .cash_king_box {
    width: 100%;
    max-width: 320px;
    margin: 0 auto
}

.dg_cs_post .cash_king_sec .cash_king_box .cash_king_text {
    text-align: center
}

.dg_cs_post .cash_king_sec .cash_king_box .cash_king_img {
    display: flex;
    justify-content: center;
    margin-bottom: 16px
}

.dg_cs_post .cash_king_sec .cash_king_box .cash_king_img img {
    width: auto;
    max-width: 100%;
    height: auto
}

.single-post-container img {
    margin: 30px auto 20px auto;
    object-fit: cover;
    display: block;
    max-width: 100%
}

.dg_cs_post .ppc_pink_section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 100vw;
    height: 100%;
    background-color: #fff;
    border-bottom: 1px solid #fff
}

.dg_cs_post .ppc_pink_section {
    width: 100%;
    max-width: 1000px;
    margin: 30px auto;
    position: relative;
    padding-top: 70px;
    padding-bottom: 92px
}

.dg_cs_post .ppc_pink_section .ppc_pink_inner {
    z-index: 2;
    position: relative
}

.dg_cs_post .ppc_pink_section .title {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    margin: 0;
    margin-bottom: 60px;
    text-align: left
}

.dg_cs_post .ppc_pink_section p {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-style: italic;
    margin-bottom: 32px;
    font-weight: 300
}

.dg_cs_post .ppc_pink_section p:last-child {
    margin-bottom: 0
}

.dg_post_chepter_sec.chepter_2:before {
    background-color: #FFF
}

.dg_cs_post .dg_common_ser_topic .title_italic {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    text-align: center;
    font-style: italic
}

.dg_cs_post .dg_services_sec .dg_services_icon_heading .icon_img {
    display: inline-block;
    width: 100%;
    text-align: center
}

.dg_cs_post .dg_services_sec .dg_services_icon_heading .icon_img img {
    width: auto;
    max-width: 100%
}

.dg_cs_post .dg_services_sec .title {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    color: #000
}

.dg_cs_post .dg_services_sec .title span {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-image: -webkit-linear-gradient(0deg, rgb(255, 0, 90) 0%, rgb(233, 12, 142) 100%);
    position: relative;
    left: 3px
}

.dg_cs_post .dg_services_sec ul li,
.single-post-container li {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    color: #000;
    position: relative;
    margin-bottom: 15px
}

.dg_cs_post .dg_services_sec ul li strong {
    display: block;
    font-weight: 400;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif
}

.dg_cs_post .dg_services_sec p strong {
    font-weight: 400;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif
}

.dg_cs_post .dg_services_sec .dg_services_icon_heading {
    margin-top: 54px
}

.dg_cs_post .dg_services_sec {
    width: 100%;
    margin: 0 auto
}

.chapter-white-bkgr p,
.chapter-white-bkgr h2,
.chapter-white-bkgr label,
.chapter-grey-bkgr p,
.chapter-grey-bkgr h2,
.chapter-grey-bkgr label {
    color: #000 !important
}

.chapter-grey-bkgr::before {
    background-color: #F4F4F4 !important
}

.chapter-white-bkgr::before {
    background-color: #fff !important
}

.chapter-black-bkgr::before {
    background-color: #000 !important
}

.dg_cs_post .dg_post_chepter_sec.chepter_3::before {
    background-color: #000
}

.dg_cs_post .dg_post_chepter_sec.chepter_4::before {
    background-color: #B2468A
}

.dg_cs_post .dg_post_chepter_sec.chepter_4_new::before {
    background-color: #5a9d42
}

.dg_cs_post .dg_post_chepter_sec.chepter_5::before {
    background-color: #488F77
}

.dg_cs_post .dg_post_chepter_sec.chepter_5.section_6::before {
    background-color: #488F77
}

.dg_cs_post .dg_post_chepter_sec.chepter_5.section_7::before {
    background-color: #488F77
}

.dg_cs_post .dg_post_chepter_sec.chepter_5_new::before {
    background-color: #006aa4
}

.dg_cs_post .dg_post_chepter_sec.chepter_6_new::before {
    background-color: #eac05a
}

.dg_cs_post .dg_post_chepter_sec.chepter_7_new::before {
    background-color: #8555da
}

.dg_cs_post .dg_post_chepter_sec .chepter_sec_descri.align_item_top {
    align-items: flex-start
}

#post-8883 .dg_cs_post .dg_post_chepter_sec.chepter_1::before {
    background-color: #8e0600
}

#post-8883 .dg_post_chepter_sec.chepter_2::before {
    background-color: #008987
}

#post-8883 .dg_cs_post .dg_post_chepter_sec.chepter_3::before {
    background-color: #580030
}

#post-8883 .dg_cs_post .dg_post_chepter_sec.chepter_4::before {
    background-color: #540064
}

#post-8883 .dg_cs_post .dg_post_chepter_sec.chepter_5::before {
    background-color: #5b4800
}

#post-8883 .dg_cs_post .dg_post_chepter_sec.chepter_5.section_6::before {
    background-color: #930032
}

#post-8883 .dg_cs_post .dg_post_chepter_sec.chepter_5.section_7::before {
    background-color: #006aa4
}

.dg_post_chepter_sec.chepter_2 a,
.ppc_pink_inner a {
    color: #fff
}

.newsletter .contact-us-form {
    width: 50%
}

.newsletter-list {
    display: flex;
    width: 50%;
    flex-direction: column;
    align-items: center
}

.newsletter-list li {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    color: #000;
    letter-spacing: 0;
    margin: 0
}

@media (min-width:1500px) {
    .single-post-container h3 {
        font-size: 25px
    }

    .single-post-container h4 {
        font-size: 22px
    }

    .single-post-container h5 {
        font-size: 19px;
        margin: 10px 0 10px
    }

    .single-post-container h6 {
        font-size: 16px;
        margin: 10px 0 10px
    }
}

@media (max-width:1200px) {
    .dg_cs_post .cs_post_top_pink_text .pink_icon_text .cs_post_ptext_icon {
        left: 0
    }

    .dg_cs_post .cs_post_top_pink_text .pink_icon_text {
        padding-left: 75px
    }
}

@media (max-width:991px) {
    .dg_cs_post .cs_post_top_pink_text .pink_icon_text .cs_post_ptext_icon {
        max-width: 35px;
        height: auto;
        width: 35px;
        height: 35px
    }

    .dg_cs_post .dg_services_sec .dg_services_icon_heading .icon_img img {
        height: 119px;
        width: 119px
    }

    .dg_cs_post .cs_post_top_pink_text .pink_icon_text {
        padding-left: 50px;
        margin-top: 20px
    }

    .dg_cs_post {
        padding-top: 0
    }

    .dg_cs_post .top_af_pink_text .text_ital p {
        margin-bottom: 15px
    }

    .dg_cs_post .chepter_box .chepter_contant_inner {
        max-width: 100%
    }

    .dg_cs_post .chepter_box .chepter_img {
        max-width: 135px
    }

    .dg_cs_post .chepter_box .chepter_contant {
        max-width: calc(100% - 135px)
    }

    .dg_cs_post .chepter_links_sec .cp_bt_box {
        width: 50%
    }

    .dg_cs_post .dg_post_chepter_sec .chepter_sec_descri {
        align-items: flex-start
    }

    .dg_cs_post .dg_post_chepter_sec .chepter_sec_descri .left_contant {
        padding-right: 15px
    }

    .dg_cs_post .dg_post_chepter_sec .chepter_sec_descri .right_img {
        padding-left: 15px
    }

    .dg_cs_post .dg_post_chepter_sec {
        padding-top: 30px;
        padding-bottom: 30px;
        margin: 30px 0
    }

    .dg_cs_post .dg_post_chepter_sec .chepter_sec_descri {
        margin-top: 35px
    }

    .dg_cs_post .cash_king_sec .italic_text {
        margin-bottom: 25px
    }

    .dg_cs_post .cash_king_sec .normal_text {
        margin-bottom: 22px
    }

    .dg_cs_post .cash_king_sec .cash_king_boxs_sec .row {
        display: flex;
        flex-wrap: wrap
    }

    .dg_cs_post .cash_king_sec .cash_king_boxs_sec .col-md-6 {
        width: 50%
    }

    .dg_cs_post .cash_king_sec .cash_king_boxs_sec .bt_end_sign {
        top: 64px
    }

    .dg_cs_post .ppc_pink_section .title {
        margin-bottom: 30px
    }

    .dg_cs_post .ppc_pink_section p {
        margin-bottom: 16px
    }

    .dg_cs_post .ppc_pink_section {
        padding-top: 50px;
        padding-bottom: 40px
    }

    .dg_cs_post .dg_post_chepter_sec.chepter_3 {
        margin-top: 48px
    }
}

@media (max-width:767px) {
    .single-post-container img {
        display: unset
    }

    .single-post-container h3 {
        margin-bottom: 20px
    }

    .col-md-6.cp_bt_box {
        width: 100%;
        margin-bottom: 30px
    }

    .dg_cs_post .cs_post_top_pink_text .pink_icon_text .cs_post_ptext_icon {
        position: static;
        display: block
    }

    .dg_cs_post .cs_post_top_pink_text .pink_icon_text {
        padding-left: 0;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 43px
    }

    .dg_cs_post .chepter_links_sec .cp_bt_box {
        width: 100%
    }

    .dg_cs_post .dg_post_chepter_sec .chepter_sec_descri {
        flex-direction: column-reverse
    }

    .dg_cs_post .dg_post_chepter_sec .chepter_sec_descri .left_contant {
        width: 100%;
        padding-right: 0
    }

    .dg_cs_post .dg_post_chepter_sec .chepter_sec_descri .right_img {
        padding-left: 0;
        display: inline-block;
        text-align: center;
        margin-bottom: 35px;
        margin: 0 auto
    }

    .dg_cs_post .dg_post_chepter_sec .chepter_sec_descri .right_img img {
        width: 250px
    }

    .dg_cs_post .cash_king_sec .cash_king_box .cash_king_img img {
        width: 119px;
        height: 119px
    }

    .dg_cs_post .cash_king_sec .cash_king_boxs_sec .bt_end_sign {
        top: 40px
    }
}

@media (max-width:575px) {
    .single-post-container ul li::before {
        top: 8px
    }

    .single-post-container ol {
        padding-left: 25px
    }

    .single-post-container {
        padding: 0 20px
    }

    .dg_cs_post .chepter_box .chepter_contant_inner label {
        margin: 0
    }

    .dg_cs_post .top_af_pink_text .text_ital p {
        margin-bottom: 10px
    }

    .dg_cs_post .chepter_box {
        display: block
    }

    .dg_cs_post .chepter_box .chepter_img {
        max-width: 100%;
        display: inline-block;
        width: 100%;
        text-align: center
    }

    .dg_cs_post .chepter_box .chepter_img img {
        width: 140px;
        max-width: 100%
    }

    .dg_cs_post .chepter_box .chepter_contant {
        max-width: 100%;
        padding-left: 0
    }

    .dg_cs_post .chepter_box .chepter_label {
        display: block;
        text-align: center
    }

    .dg_cs_post .chepter_box .tite {
        text-align: center
    }

    .dg_cs_post .chepter_box .small_text {
        text-align: center
    }

    .dg_cs_post .cp_bt_box {
        margin-bottom: 30px
    }

    .dg_cs_post .dg_post_chepter_sec .chepter_sec_descri {
        margin-top: 35px
    }

    .dg_cs_post .dg_post_chepter_sec .left_contant p {
        margin-bottom: 15px
    }

    .dg_cs_post .dg_post_chepter_sec .left_contant ul {
        margin-bottom: 18px
    }

    .dg_cs_post .cash_king_sec .normal_text {
        text-align: center
    }

    .dg_cs_post .cash_king_sec .cash_king_boxs_sec .col-md-6 {
        width: 100%
    }

    .dg_cs_post .cash_king_sec .cash_king_boxs_sec .bt_end_sign {
        position: static;
        display: block;
        transform: unset;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .dg_cs_post .cash_king_sec .cash_king_boxs_sec .row {
        display: block
    }

    .dg_cs_post .ppc_pink_section .title {
        text-align: center
    }

    .dg_cs_post .ppc_pink_section {
        padding-bottom: 20px;
        padding-top: 40px
    }

    .dg_cs_post .dg_services_sec .title span {
        width: 4px;
        height: 4px
    }

    .dg_cs_post .dg_services_sec p {
        margin-bottom: 15px
    }

    .dg_cs_post .dg_services_sec .dg_services_icon_heading {
        margin-top: 35px
    }

    .dg_cs_post .dg_services_sec ul,
    .single-post-container ul {
        padding-left: 0
    }

    .dg_cs_post .dg_services_sec ul li,
    .single-post-container li {
        margin-bottom: 15px;
        padding-left: 20px
    }

    .dg_cs_post .dg_services_sec ul li::before {
        width: 10px;
        height: 10px;
        top: 7px
    }

    .dg_cs_post .dg_services_sec ul {
        margin-bottom: 15px;
        padding-bottom: 0
    }

    .single-post-container ul {
        margin-left: 0;
        padding-top: 0
    }

    .faq-section.blog_faqs {
        padding-left: 20px;
        padding-right: 20px
    }
}

.authorTopSec {
    max-width: calc(100% - 80px);
    margin-left: auto;
    text-align: center;
    padding: 0 15px;
    margin-right: auto
}

.authorBanner img {
    width: 100%;
    height: auto;
    display: block
}

.authorTitleRow {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif
}

.authorTitleRow p {
    font-size: 14px;
    font-weight: 400
}

.authorTitleRow h1 {
    font-size: 35px;
    font-weight: 400;
    line-height: normal;
    margin-top: 15px;
    margin-bottom: 70px
}

.authorContent {
    max-width: 1230px;
    margin: 30px auto 50px;
    padding: 0 15px;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif
}

.authorContent p {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5
}

.authorContent h2,
.authorContent h3,
.authorContent h4,
.authorContent h5,
.authorContent h6 {
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 40px
}

.authorContent h2 {
    font-size: 30px
}

.authorContent h3 {
    font-size: 28px
}

.authorContent h4 {
    font-size: 25px
}

.authorContent h5 {
    font-size: 22px
}

.authorContent h6 {
    font-size: 20px
}

.authorContent strong,
.authorContent b {
    font-weight: 500
}

.authorContent ul {
    margin-left: 15px;
    margin-bottom: 15px
}

.authorContent ul li {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.blog-posts-container.blog-postsList {
    gap: 16px;
    padding-bottom: 0
}

.load-more-wrapper {
    padding: 50px 15px 80px;
    text-align: center
}

.button.load-more-btn {
    color: #fff
}

.button.load-more-btn .button__bg::after {
    opacity: 1
}

.button.load-more-btn span {
    padding: 13px 20px
}

@media (max-width:1199px) {
    .authorTopSec {
        max-width: 100%
    }
}

@media (max-width:991px) {
    .authorTopSec {
        max-width: 100%
    }

    .authorContent h2 {
        font-size: 28px
    }

    .authorContent h3 {
        font-size: 26px
    }

    .authorContent h4 {
        font-size: 22px
    }

    .authorContent h5 {
        font-size: 20px
    }

    .authorContent h6 {
        font-size: 18px
    }
}

@media (max-width:767px) {
    .authorTitleRow h1 {
        font-size: 26px;
        margin-bottom: 25px
    }

    .authorContent {
        margin: 25px auto 25px
    }

    .authorContent h2 {
        font-size: 24px
    }

    .authorContent h3 {
        font-size: 22px
    }

    .authorContent h4 {
        font-size: 20px
    }

    .authorContent h5 {
        font-size: 18px
    }

    .authorContent h6 {
        font-size: 16px
    }

    .authorContent h2,
    .authorContent h3,
    .authorContent h4,
    .authorContent h5,
    .authorContent h6 {
        margin-bottom: 15px;
        margin-top: 25px
    }

    .blog-posts-header.latest-posts-header {
        margin-top: 50px
    }

    .blog-posts-header.latest-posts-header .h1 {
        font-size: 28px
    }

    .load-more-wrapper {
        padding: 20px 15px 60px
    }
}

.landing-left-head.wmh-left ol,
.landing-left-head.wmh-left ul {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    padding-left: 14px
}

.landing-left-head.wmh-left ul {
    list-style-type: none;
    padding-left: 0
}

.landing-left-head.wmh-left ul li {
    margin-bottom: 5px;
    position: relative;
    padding-left: 19px
}

.landing-left-head.wmh-left ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 10px;
    height: 10px;
    border: 1px solid rgba(133, 51, 161, 1);
    border-radius: 50%;
    background-color: transparent
}

.wml-tc_landing-text p,
.wml-contact-us-info p,
.landing-left-head.wmh-left p,
.landing-left-head.wmh-left ol,
.landing-left-head.wmh-left ul {
    font-size: 18px
}

.wml-contact-us-info p.landing-btn-text {
    font-size: 14px;
    max-width: 100%;
    text-align: left
}

.wml-tc_landing-text p,
.wml-contact-us-info p {
    line-height: 1.3
}

.page-template-page-maintenance-landing .hamburger-icon,
.page-template-page-maintenance-landing .right-group {
    display: none !important
}

.page-template-page-maintenance-landing header .logo-header {
    position: relative;
    left: 0;
    transform: none
}

.page-template-page-maintenance-landing header {
    justify-content: center
}

.page-template-page-maintenance-landing .landing-head-section {
    height: auto;
    margin-top: 90px
}

.page-template-page-maintenance-landing .logos-container {
    padding-top: 80px;
    align-items: center
}

@media (max-width:1199px) {
    .page-template-page-maintenance-landing .logos-container {
        padding-top: 0
    }
}

@media (max-width:991px) {

    .wml-tc_landing-text p,
    .wml-contact-us-info p,
    .landing-left-head.wmh-left p,
    .landing-left-head.wmh-left ol,
    .landing-left-head.wmh-left ul {
        font-size: 17px
    }

    .landing-left-head.wmh-left ul li::before {
        width: 8px;
        height: 8px
    }

    .landing-left-head.wmh-left ul li {
        padding-left: 16px
    }
}

@media (max-width:575px) {

    .wml-contact-us-info p,
    .wml-tc_landing-text p,
    .landing-left-head.wmh-left p,
    .landing-left-head.wmh-left ol,
    .landing-left-head.wmh-left ul {
        font-size: 16px
    }
}

.landing-head-section.landing-head2 {
    max-width: 100%;
    align-items: normal
}

.landing-head2 .contact-us-form {
    align-items: normal;
    padding: 53px 71px 45px 45px;
    flex-direction: column
}

.landing-head-section.landing-head2 .landing-left-head {
    flex: 1;
    padding-left: 80px
}

.landing-head2 .contact-us-form .wpcf7 {
    width: 100%
}

.landing-head2 .contact-us-form .form-info {
    font-size: 14px;
    max-width: 100%;
    text-align: center;
    color: #fff;
    margin-top: 15px
}

.landing-head2 .contact-us-form .submit-area {
    display: block
}

.landing-head2 .contact-us-form h2 {
    margin-bottom: 50px
}

.landing-head2 .wpcf7-not-valid-tip {
    font-size: 14px;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif
}

.landing-head2 .wpcf7-response-output {
    color: #fff;
    font-size: 14px;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif
}

.logosRow img {
    width: auto
}

.logosRow {
    padding-top: 58px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 790px;
    margin: 0 auto;
    width: 100%
}

.pb-5px {
    padding-bottom: 5px !important
}

.pt-0 {
    padding-top: 0px !important
}

.pb-0 {
    padding-bottom: 0px !important
}

.landing-head2 .landing-left-head.wmh-left ul {
    padding-left: 14px
}

.landing-head2 .landing-left-head h1 {
    font-size: 56px;
    max-width: 676px
}

.logos-container.logos-container2 {
    align-items: center
}

.landing-content2 .contact-us-info.wml-contact-us-info {
    padding-right: 0;
    padding-left: 0
}

.contact-us-header.landing-content2.landing-contact-first {
    padding: 0 80px;
    gap: 25px
}

.landing-content2 .landing-header-button .button--bestia-white .button__bg {
    background: linear-gradient(to right, #e5502f, #e5502f)
}

.landing-content2 .landing-header-button .button--bestia-white .button__bg::before,
.landing-content2 .landing-header-button .button--bestia-white .button__bg::after {
    background: linear-gradient(to right, #e5502f, #e5502f)
}

.two-columnsSec .two-columns-landing {
    max-width: 100%;
    padding-left: 80px;
    padding-right: 80px
}

.two-columnsSec .two-columns-landing .two-columns-landing-img img {
    margin-right: 0;
    padding: 0;
    margin-left: 0
}

.two-columnsSec .two-columns-landing {
    align-items: normal
}

.landing-reverse .two-columns-landing-text2 {
    margin-left: auto
}

.button-container2 {
    background: linear-gradient(90deg, #E5512D 11.8%, #4B037E 145.92%);
    margin: 15px 0 0
}

.button-container2 .button-container {
    color: #fff;
    margin: 0 auto;
    padding: 54px 80px;
    justify-content: space-between;
    max-width: 1600px;
    align-items: center
}

.button-container2 p {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.6px
}

.button-container2 .landing-seo-button {
    padding: 11px 30px;
    background-color: #fff;
    border: 1px solid #fff;
    color: #811E62
}

.button-container2 .landing-seo-button:hover {
    background: linear-gradient(to right, #e5502f, #e5502f);
    border: 1px solid #e5502f;
    color: #fff
}

.page-template-page-maintenance-landing2 .hamburger-icon,
.page-template-page-maintenance-landing2 .right-group {
    display: none !important
}

.page-template-page-maintenance-landing2 header .logo-header {
    position: relative;
    left: 0;
    transform: none
}

.page-template-page-maintenance-landing2 header {
    justify-content: center
}

.page-template-page-maintenance-landing2 .landing-head-section {
    height: auto;
    margin-top: 90px
}

.page-template-page-maintenance-landing2 .logos-container {
    padding-top: 80px;
    align-items: center
}

.contact-us-header.landing-content2.landing-contact-first {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto
}

.two-columnsSec {
    max-width: 1600px;
    margin: 0 auto
}

@media (min-width:1980px) {

    .landing-leftInnr,
    .contact-us-formInner {
        max-width: 900px;
        margin-left: 0;
        margin-right: auto;
        width: 100%
    }

    .landing-leftInnr {
        margin-left: auto;
        margin-right: 0
    }
}

@media (max-width:1199px) {
    .page-template-page-maintenance-landing2 .logos-container {
        padding-top: 0
    }

    .landing-head-section.landing-head2 .landing-left-head {
        padding-left: 0
    }

    .button-container2 p {
        font-size: 20px
    }

    .button-container2 .landing-seo-button {
        font-size: 20px !important
    }

    .page-template-page-maintenance-landing2 .testimonials-wraper .testRow {
        min-height: 270px
    }
}

@media (max-width:991px) {
    .landing-head2 .landing-left-head h1 {
        font-size: 40px;
        max-width: 100%
    }

    .landing-content2 .contact-us-info.wml-contact-us-info {
        padding-top: 0
    }

    .contact-us-header.landing-content2.landing-contact-first {
        padding-top: 50px !important
    }

    .two-columnsSec .two-columns-landing {
        flex-direction: column
    }

    .two-columnsSec .two-columns-landing.landing-reverse {
        padding-top: 50px
    }

    .two-columns-landing-text2 {
        max-width: 100%
    }

    .button-container2 .button-container {
        display: block;
        text-align: center
    }

    .button-container2 p {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .page-template-page-maintenance-landing2 .logos-container {
        gap: 15px
    }
}

@media (max-width:575px) {
    .landing-head-section.landing-head2 {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px
    }

    .landing-head2 .landing-left-head h1 {
        font-size: 26px;
        max-width: 100%
    }

    .landing-head2 .landing-left-head h1 span {
        font-size: 34px !important
    }

    .landing-head2 .landing-left-head h3 {
        font-size: 20px
    }

    .landing-head2 .contact-us-form {
        padding: 30px 15px
    }

    .landing-head2 .contact-us-form h2 {
        margin-bottom: 20px;
        font-size: 20px
    }

    .page-template-page-ppc-landing-v2 header {
        padding: 15px 20px;
        gap: 8px
    }

    .page-template-page-ppc-landing-v2 header .logo-a {
        margin-left: 0
    }

    .logosRow {
        padding-top: 20px;
        gap: 15px
    }

    .page-template-page-maintenance-landing2 .logos-container {
        padding-bottom: 30px
    }

    .page-template-page-maintenance-landing2 .testimonials {
        padding: 40px 0
    }

    .page-template-page-maintenance-landing2 .testimonials-wraper .indicators {
        bottom: 8px
    }

    .page-template-page-maintenance-landing2 .testimonials-wraper .testRow {
        min-height: 260px
    }

    .contact-us-header.landing-content2.landing-contact-first {
        padding-top: 30px !important;
        padding: 0 20px
    }

    .landing-content2 .land-margin-bottom {
        margin-bottom: 30px !important
    }

    .two-columnsSec .two-columns-landing {
        padding-left: 20px;
        padding-right: 20px
    }

    .button-container2 .button-container {
        text-align: center;
        padding: 35px 20px
    }

    .button-container2 p {
        margin-bottom: 20px;
        font-size: 18px
    }

    .button-container2 .landing-seo-button {
        font-size: 18px !important;
        padding: 11px 20px
    }

    .page-template-page-maintenance-landing2 img {
        max-width: 100%;
        height: auto
    }
}

.eCommerceForumSec {
    background-color: #000;
    padding-top: 95px
}

.eCommerceForum {
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding: 83px 90px 38vw 90px;
    background-position-y: 229px
}

.eCommerceForum:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: auto;
    height: 150%;
    left: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(180deg, #000000 0%, #000000 17.18%, rgba(0, 0, 0, .3) 38.35%, rgba(0, 0, 0, 0) 92.75%)
}

.eComforumRow {
    display: flex;
    justify-content: flex-start;
    position: relative;
    z-index: 1;
    max-width: 1642px;
    margin: 0 auto
}

.eComforumLeft,
.eComforumRight {
    width: 50%
}

.eComforumRight .contact-us-form {
    height: auto;
    padding: 0;
    background: transparent
}

.eComforumRight .form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -8px
}

.eComforumRight .formCol {
    width: 50%;
    padding: 0 8px;
    margin-bottom: 16px
}

.eComforumRight .form-info {
    max-width: 57%;
    line-height: 1.2
}

.eComforumRight .wpcf7-form-control-wrap {
    display: block
}

.eComforumRight .wpcf7-form-control-wrap input {
    margin: 0
}

.eComforumLeft h1 {
    color: #FFF;
    font-family: hv_fitzgerald;
    font-style: italic;
    font-size: 69px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0;
    max-width: 590px
}

.eComforumLogo {
    margin-bottom: 36px
}

.eComforumRight .contact-us-form h2 {
    margin-bottom: 45px;
    margin-top: 15px;
    font-size: 25px;
    line-height: 1.4
}

.page-template-page-ecommerce-forum footer {
    border: 0
}

.page-template-page-ecommerce-forum .hamburger-icon-white,
.page-template-page-ecommerce-forum .right-group a:not(.no-mobile) {
    display: none
}

.page-template-page-ecommerce-forum .fullscreen-menu {
    display: none !important
}

.page-template-page-ecommerce-forum header.sticky {
    background-color: #000
}

.eComforumRight .wpcf7-not-valid-tip {
    font-size: 14px;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif
}

.eComforumRight .wpcf7-response-output {
    color: #fff;
    padding: 3px 10px !important;
    font-size: 14px;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-weight: 400
}

.eComforumRight .form-info,
.eComforumRight .link--iocaste,
.eComforumRight .link--iocaste span {
    font-size: 12px !important;
    line-height: 1.7 !important
}

.eComforumRight .link--iocaste {
    display: inline-flex;
    top: 0
}

.eComforumRow {
    gap: 15px
}

.page-template-page-ecommerce-forum .right-group .button--bestia:hover .button__bg {
    border: 2px solid #fff
}

.eComforumRight .wpcf7 input::placeholder,
.eComforumRight .wpcf7 input[type="text"],
.eComforumRight .wpcf7 input[type="email"],
.eComforumRight .wpcf7 input[type="tel"],
.eComforumRight .wpcf7 textarea {
    font-size: 14px
}

@media (max-width:1299px) {
    .eCommerceForum {
        padding: 83px 40px 38vw 40px
    }

    .eComforumLeft h1 {
        font-size: 54px;
        max-width: 480px
    }
}

@media (max-width:1199px) {
    .eComforumRight .contact-us-form h2 {
        margin-bottom: 25px;
        margin-top: 0;
        font-size: 26px
    }

    .eComforumRight .contact-us-form .submit-area {
        flex-direction: column-reverse
    }

    .eComforumRight .form-info {
        max-width: 100%
    }

    .eComforumRight .submit-area p {
        flex: 0 1 100%;
        width: 100%
    }

    .eComforumRight .wpcf7 input.wpcf7-submit {
        margin-bottom: 15px;
        width: auto;
        margin-right: 0;
        margin-left: auto;
        display: block
    }

    .eCommerceForum {
        background-position-y: 186px
    }
}

@media (max-width:991px) {
    .eComforumRow {
        display: block
    }

    .eComforumLeft,
    .eComforumRight {
        width: 100%
    }

    .eCommerceForum {
        padding: 10px 40px 38vw 40px
    }

    .eComforumLeft h1 {
        font-size: 42px;
        max-width: 530px;
        margin-bottom: 40px
    }
}

@media (max-width:767px) {
    .eComforumRight .wpcf7 input.wpcf7-submit {
        margin-bottom: 10px
    }

    .eCommerceForum::before {
        height: 250%
    }
}

@media (max-width:575px) {
    .page-template-page-ecommerce-forum .right-group .no-mobile {
        display: block !important
    }

    .page-template-page-ecommerce-forum .right-group {
        padding-right: 0
    }

    .page-template-page-ecommerce-forum header {
        padding: 15px 15px 15px 15px
    }

    .eComforumLogo {
        margin-bottom: 25px
    }

    .eComforumLeft h1 {
        font-size: 32px;
        max-width: 290px;
        margin-bottom: 25px
    }

    .eComforumRight .contact-us-form h2 {
        margin-bottom: 25px;
        margin-top: 0;
        font-size: 18px
    }

    .eComforumRight .formCol {
        width: 100%;
        padding: 0 8px;
        margin-bottom: 16px
    }

    .eComforumRight .contact-us-form .submit-area {
        gap: 0
    }

    .eComforumRight .wpcf7 input.wpcf7-submit {
        margin-bottom: 10px;
        width: auto;
        margin-right: auto;
        margin-left: auto;
        display: block
    }

    .eCommerceForum {
        padding: 10px 15px 93vw 15px;
        background-size: 139%;
        background-position: bottom
    }

    .eCommerceForum::before {
        height: 100%;
        background: linear-gradient(180deg, #000000 0%, #000000 70.18%, rgba(0, 0, 0, .3) 80.35%, rgba(0, 0, 0, 0) 92.75%)
    }
}

.table td,
.table th {
    padding: 10px;
    font-size: 14px;
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    border: 1px solid #000
}

.table th {
    font-weight: 600;
    text-align: left
}

.table {
    border-collapse: collapse;
    margin-top: 15px;
    margin-bottom: 15px;
    max-width: 100%;
    width: 100%
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgb(221, 221, 221)
}

.table td ul li::before {
    opacity: 0;
    display: none
}

.table td ul li {
    padding-left: 0
}

.table td ul {
    padding-left: 10px
}

.post-person {
    padding-left: 15px;
    padding-right: 15px
}

.faq-section ul li {
    color: #000;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.faq-section ul {
    padding-left: 18px;
    margin-top: 10px;
    margin-bottom: 10px
}

@media (min-width:1500px) {

    .table td,
    .table th {
        font-size: 17px
    }
}

@media (max-width:575px) {
    .single-post-container ul {
        padding-left: 13px
    }

    .single-post-container ul li {
        padding-left: 0
    }
}

.ppc-template header {
    position: unset;
    background-color: #000;
    justify-content: flex-start
}

.page-template-page-ppc-landing-v2 header {
    align-items: start;
    flex-direction: column;
    gap: 5px
}

.page-template-page-ppc-landing-v2.ppc-template .about-us-header-content {
    display: flex;
    gap: 30px;
    width: 100%
}

.page-template-page-ppc-landing-v2 .about-us-header-content .right-content {
    display: flex;
    flex-direction: column;
    justify-content: end
}

.page-template-page-ppc-landing-v2 .strapline {
    font-size: 14px;
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif, sans-serif;
    color: #FFF;
    font-style: italic;
    letter-spacing: .3px;
    opacity: .9
}

.ppc-template header .hamburger-icon {
    display: none
}

.ppc-template header .logo-header {
    position: unset;
    transform: unset
}

.ppc-template header svg.logo-alt path {
    fill: #FFF
}

.ppc-template header .right-group {
    display: none
}

.ppc-template .about-us-header {
    background-color: #000;
    height: 100%
}

.ppc-template .about-us-header-content {
    padding: 82px 0 164px 155px
}

.ppc-template .about-us-header-content span.alt-italic {
    font-size: 100px;
    line-height: 106%;
    display: block;
    margin-bottom: 24px
}

.ppc-template .about-us-header-content span.small {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif, sans-serif;
    font-size: 25px;
    font-style: normal;
    line-height: 100%;
    font-weight: 300;
    margin-bottom: 14px;
    display: block
}

.ppc-template .about-us-header-content span.small strong {
    font-weight: 600
}

.ppc-template .about-us-header-content p.small {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 45px
}

.ppc-template .about-us-header-content .button span {
    font-family: inherit;
    font-size: 18px;
    color: #FFF;
    font-style: inherit;
    padding: 14px 30px
}

.ppc-template .about-us-header-content .right-group a {
    margin: 0 0
}

.ppc-template .about-us-header-content .button.button--bestia-white .button__bg {
    border-color: #FFF
}

.ppc-template .about-us-header-content p {
    font-size: 19px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 14px;
    max-width: 75%
}

.ppc-template .our-goal {
    background: url(../../../../../../themes/altagencynew/assets/images/office-workspace-with-computers-grayscale.svg) no-repeat;
    background-size: cover
}

.ppc-template .our-goal img {
    margin-bottom: 57px
}

.ppc-template .front-slide-text span {
    margin-right: 32px;
    font-weight: 700
}

.ppc-template .contact-us-form {
    flex-direction: column;
    align-items: flex-start
}

.ppc-template .contact-us-header {
    align-items: flex-start
}

.ppc-template .contact-us-info h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 17px
}

.ppc-template .contact-us-info h3 {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif, sans-serif;
    font-size: 19px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 25px
}

.ppc-template .contact-us-info ul {
    padding: 0 0;
    margin: 0 0 33px 16px;
    list-style: none
}

.ppc-template .contact-us-info ul li {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif, sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #000;
    margin-bottom: 18px
}

.ppc-template .contact-us-info ul.round-bg li span {
    color: #FFF;
    position: relative;
    margin-right: 15px
}

.ppc-template .contact-us-info ul.round-bg li span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    width: 28px;
    height: 28px;
    background-color: #000;
    border-radius: 50%
}

.ppc-template .contact-us-info ul.char li {
    margin-bottom: 12px
}

.ppc-template .contact-us-info ul.char li span {
    font-size: 24px;
    font-weight: 600;
    line-height: 100%;
    position: relative;
    margin-right: 8px;
    top: -5px
}

.ppc-template .contact-us-info .right-group {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: 8px
}

.ppc-template .contact-us-info .right-group .no-click-desktop {
    margin-left: 0
}

.ppc-template .web-design {
    padding: 64px 0
}

.ppc-template .web-design-title {
    max-width: 892px;
    padding-bottom: 64px
}

.ppc-template .web-design h1 {
    font-size: 25px;
    font-weight: 700;
    color: #383838;
    margin-bottom: 32px
}

.ppc-template .web-design h5 {
    font-size: 25px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0
}

.ppc-template .web-design p {
    font-size: 14px;
    line-height: 21px;
    font-weight: 700
}

.ppc-template .web-design-items {
    gap: 100px
}

.ppc-template .maintenance-connection-container {
    flex-direction: row-reverse;
    width: 100%;
    margin: 0 0;
    padding-bottom: 0
}

.page-template-page-ppc-landing-v2.ppc-template .maintenance-connection-container {
    flex-direction: row
}

.ppc-template .maintenance-connection {
    padding: 58px 40px 58px 86px
}

.page-template-page-ppc-landing-v2.ppc-template .maintenance-connection.no-bg ul li {
    color: #000 !important
}

.ppc-template .maintenance-connection-container img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ppc-template .maintenance-connection h2 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 32px;
    padding-bottom: 0
}

.ppc-template .maintenance-connection p {
    font-size: 20px;
    line-height: 29px;
    font-weight: 700;
    margin-bottom: 32px
}

.ppc-template .maintenance-connection span {
    font-family: "Noto Serif JP", "Noto Serif", "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif, sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #FFF;
    font-weight: 700
}

.ppc-template .maintenance-connection-img {
    flex: none;
    position: relative;
    text-align: center;
    width: 50%;
    background-color: #F3F3F3
}

.ppc-template .right-group {
    margin-top: 25px;
    padding-right: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px
}

@media (min-width:1124px) {
    .page-template-page-ppc-landing-v2.ppc-template .about-us-header-content {
        padding: 82px 100px 164px 100px
    }
}

@media (max-width:1200px) {
    .page-template-page-ppc-landing-v2.ppc-template .about-us-header-content .alt-italic {
        white-space: normal
    }

    .page-template-page-ppc-landing-v2.ppc-template .about-us-header-content {
        padding: 50px 50px 155px 50px
    }
}

@media (max-width:1124px) {
    .ppc-template .about-us-header-content {
        width: 100%
    }
}

@media (max-width:992px) {
    .ppc-template .about-us-header-content {
        padding: 50px 50px 155px 50px
    }

    .page-template-page-ppc-landing-v2.ppc-template .about-us-header-content {
        flex-direction: column
    }

    .page-template-page-ppc-landing-v2.ppc-template .maintenance-connection {
        width: 100%
    }
}

@media (max-width:768px) {
    .ppc-template .about-us-header-content span.alt-italic {
        white-space: wrap
    }

    .ppc-template .about-us-header-content br {
        display: none
    }

    .ppc-template .web-design-items {
        gap: 35px
    }

    .ppc-template .maintenance-connection-container,
    .page-template-page-ppc-landing-v2.ppc-template .maintenance-connection-container {
        flex-direction: column
    }

    .ppc-template .contact-us-header {
        margin-bottom: 0
    }

    .ppc-template .about-us-header-content span.alt-italic {
        font-size: 67px
    }

    .ppc-template .our-goal img {
        margin-bottom: 30px
    }

    .ppc-template .about-us-header-content .right-group .button {
        width: fit-content
    }

    .ppc-template header svg.logo-a path {
        fill: #FFF
    }

    .ppc-template .maintenance-connection-img {
        height: 250px;
        width: 100%
    }

    .ppc-template .front-slide-text .m-scroll {
        padding: 40px 0
    }

    .ppc-template .front-slide-text span {
        font-size: 40px
    }

    .ppc-template .contact-us-header {
        padding-top: 70px
    }

    .ppc-template .contact-us-info h1 {
        top: 10px
    }
}

@media (max-width:575px) {
    .ppc-template .about-us-header-content span.alt-italic {
        font-size: 44px
    }

    .ppc-template .about-us-header-content {
        padding: 30px 20px 100px 20px
    }

    .ppc-template .about-us-header-content .button span {
        font-size: 16px;
        padding: 10px 20px
    }

    .ppc-template .about-us-header-content p {
        max-width: 100%
    }

    .ppc-template .web-design {
        padding: 30px 15px
    }

    .ppc-template .web-design-title {
        padding-bottom: 30px
    }

    .ppc-template .web-design h5 {
        font-size: 18px
    }

    .ppc-template .maintenance-connection {
        padding: 40px 20px 40px 20px
    }

    .ppc-template .contact-us-info h3 {
        margin-bottom: 15px
    }

    .ppc-template .about-us-header-content span.small {
        font-size: 18px
    }

    .ppc-template .svg-icon-header {
        bottom: 30px;
        left: 20px
    }

    .page-template-page-ppc-landing-v2.ppc-template .client-section {
        padding: 30px 15px
    }

    .page-template-page-ppc-landing-v2.ppc-template .client-section h2 {
        margin-bottom: 0
    }

    .ppc-template .contact-us-form h2 {
        font-size: 24px
    }
}

@media (max-width:338px) {
    .ppc-template .about-us-header-content .button span {
        font-size: 14px
    }
}

.google-map-container {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.google-map-container iframe {
    display: block;
    width: 100%;
    height: 450px;
    margin: 0;
    padding: 0;
    border: 0;
    filter: grayscale(100%);
}