.inners{

    padding: 5rem 10rem 5rem 10rem;

        display: -webkit-box;

        display: -ms-flexbox;

        background: #272727;

     

        -webkit-box-pack: justify;

       

        justify-content: space-between;

}







.wp-block-audio figcaption {

    color: #555;

    font-size: 13px;

    text-align: center

}



.is-dark-theme .wp-block-audio figcaption {

    color: hsla(0, 0%, 100%, .65)

}



.wp-block-code {

    border: 1px solid #ccc;

    border-radius: 4px;

    font-family: Menlo, Consolas, monaco, monospace;

    padding: .8em 1em

}



.wp-block-embed figcaption {

    color: #555;

    font-size: 13px;

    text-align: center

}



.is-dark-theme .wp-block-embed figcaption {

    color: hsla(0, 0%, 100%, .65)

}



.blocks-gallery-caption {

    color: #555;

    font-size: 13px;

    text-align: center

}



.is-dark-theme .blocks-gallery-caption {

    color: hsla(0, 0%, 100%, .65)

}



.wp-block-image figcaption {

    color: #555;

    font-size: 13px;

    text-align: center

}



.is-dark-theme .wp-block-image figcaption {

    color: hsla(0, 0%, 100%, .65)

}



.wp-block-pullquote {

    border-top: 4px solid;

    border-bottom: 4px solid;

    margin-bottom: 1.75em;

    color: currentColor

}



.wp-block-pullquote__citation,

.wp-block-pullquote cite,

.wp-block-pullquote footer {

    color: currentColor;

    text-transform: uppercase;

    font-size: .8125em;

    font-style: normal

}



.wp-block-quote {

    border-left: .25em solid;

    margin: 0 0 1.75em;

    padding-left: 1em

}



.wp-block-quote cite,

.wp-block-quote footer {

    color: currentColor;

    font-size: .8125em;

    position: relative;

    font-style: normal

}



.wp-block-quote.has-text-align-right {

    border-left: none;

    border-right: .25em solid;

    padding-left: 0;

    padding-right: 1em

}



.wp-block-quote.has-text-align-center {

    border: none;

    padding-left: 0

}



.wp-block-quote.is-large,

.wp-block-quote.is-style-large,

.wp-block-quote.is-style-plain {

    border: none

}



.wp-block-search .wp-block-search__label {

    font-weight: 700

}



:where(.wp-block-group.has-background) {

    padding: 1.25em 2.375em

}



.wp-block-separator.has-css-opacity {

    opacity: .4

}



.wp-block-separator {

    border: none;

    border-bottom: 2px solid;

    margin-left: auto;

    margin-right: auto

}



.wp-block-separator.has-alpha-channel-opacity {

    opacity: 1

}



.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {

    width: 100px

}



.wp-block-separator.has-background:not(.is-style-dots) {

    border-bottom: none;

    height: 1px

}



.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {

    height: 2px

}



.wp-block-table thead {

    border-bottom: 3px solid

}



.wp-block-table tfoot {

    border-top: 3px solid

}



.wp-block-table td,

.wp-block-table th {

    padding: .5em;

    border: 1px solid;

    word-break: normal

}



.wp-block-table figcaption {

    color: #555;

    font-size: 13px;

    text-align: center

}



.is-dark-theme .wp-block-table figcaption {

    color: hsla(0, 0%, 100%, .65)

}



.wp-block-video figcaption {

    color: #555;

    font-size: 13px;

    text-align: center

}



.is-dark-theme .wp-block-video figcaption {

    color: hsla(0, 0%, 100%, .65)

}



.wp-block-template-part.has-background {

    padding: 1.25em 2.375em;

    margin-top: 0;

    margin-bottom: 0

}



body {

    --wp--preset--color--black: #000000;

    --wp--preset--color--cyan-bluish-gray: #abb8c3;

    --wp--preset--color--white: #ffffff;

    --wp--preset--color--pale-pink: #f78da7;

    --wp--preset--color--vivid-red: #cf2e2e;

    --wp--preset--color--luminous-vivid-orange: #ff6900;

    --wp--preset--color--luminous-vivid-amber: #fcb900;

    --wp--preset--color--light-green-cyan: #7bdcb5;

    --wp--preset--color--vivid-green-cyan: #00d084;

    --wp--preset--color--pale-cyan-blue: #8ed1fc;

    --wp--preset--color--vivid-cyan-blue: #0693e3;

    --wp--preset--color--vivid-purple: #9b51e0;

    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);

    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);

    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);

    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);

    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);

    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);

    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);

    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);

    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);

    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);

    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);

    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);

    --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');

    --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');

    --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');

    --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');

    --wp--preset--duotone--midnight: url('#wp-duotone-midnight');

    --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');

    --wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');

    --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');

    --wp--preset--font-size--small: 13px;

    --wp--preset--font-size--medium: 20px;

    --wp--preset--font-size--large: 36px;

    --wp--preset--font-size--x-large: 42px;

}



.has-black-color {

    color: var(--wp--preset--color--black) !important;

}



.has-cyan-bluish-gray-color {

    color: var(--wp--preset--color--cyan-bluish-gray) !important;

}



.has-white-color {

    color: var(--wp--preset--color--white) !important;

}



.has-pale-pink-color {

    color: var(--wp--preset--color--pale-pink) !important;

}



.has-vivid-red-color {

    color: var(--wp--preset--color--vivid-red) !important;

}



.has-luminous-vivid-orange-color {

    color: var(--wp--preset--color--luminous-vivid-orange) !important;

}



.has-luminous-vivid-amber-color {

    color: var(--wp--preset--color--luminous-vivid-amber) !important;

}



.has-light-green-cyan-color {

    color: var(--wp--preset--color--light-green-cyan) !important;

}



.has-vivid-green-cyan-color {

    color: var(--wp--preset--color--vivid-green-cyan) !important;

}



.has-pale-cyan-blue-color {

    color: var(--wp--preset--color--pale-cyan-blue) !important;

}



.has-vivid-cyan-blue-color {

    color: var(--wp--preset--color--vivid-cyan-blue) !important;

}



.has-vivid-purple-color {

    color: var(--wp--preset--color--vivid-purple) !important;

}



.has-black-background-color {

    background-color: var(--wp--preset--color--black) !important;

}



.has-cyan-bluish-gray-background-color {

    background-color: var(--wp--preset--color--cyan-bluish-gray) !important;

}



.has-white-background-color {

    background-color: var(--wp--preset--color--white) !important;

}



.has-pale-pink-background-color {

    background-color: var(--wp--preset--color--pale-pink) !important;

}



.has-vivid-red-background-color {

    background-color: var(--wp--preset--color--vivid-red) !important;

}



.has-luminous-vivid-orange-background-color {

    background-color: var(--wp--preset--color--luminous-vivid-orange) !important;

}



.has-luminous-vivid-amber-background-color {

    background-color: var(--wp--preset--color--luminous-vivid-amber) !important;

}



.has-light-green-cyan-background-color {

    background-color: var(--wp--preset--color--light-green-cyan) !important;

}



.has-vivid-green-cyan-background-color {

    background-color: var(--wp--preset--color--vivid-green-cyan) !important;

}



.has-pale-cyan-blue-background-color {

    background-color: var(--wp--preset--color--pale-cyan-blue) !important;

}



.has-vivid-cyan-blue-background-color {

    background-color: var(--wp--preset--color--vivid-cyan-blue) !important;

}



.has-vivid-purple-background-color {

    background-color: var(--wp--preset--color--vivid-purple) !important;

}



.has-black-border-color {

    border-color: var(--wp--preset--color--black) !important;

}



.has-cyan-bluish-gray-border-color {

    border-color: var(--wp--preset--color--cyan-bluish-gray) !important;

}



.has-white-border-color {

    border-color: var(--wp--preset--color--white) !important;

}



.has-pale-pink-border-color {

    border-color: var(--wp--preset--color--pale-pink) !important;

}



.has-vivid-red-border-color {

    border-color: var(--wp--preset--color--vivid-red) !important;

}



.has-luminous-vivid-orange-border-color {

    border-color: var(--wp--preset--color--luminous-vivid-orange) !important;

}



.has-luminous-vivid-amber-border-color {

    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;

}



.has-light-green-cyan-border-color {

    border-color: var(--wp--preset--color--light-green-cyan) !important;

}



.has-vivid-green-cyan-border-color {

    border-color: var(--wp--preset--color--vivid-green-cyan) !important;

}



.has-pale-cyan-blue-border-color {

    border-color: var(--wp--preset--color--pale-cyan-blue) !important;

}



.has-vivid-cyan-blue-border-color {

    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;

}



.has-vivid-purple-border-color {

    border-color: var(--wp--preset--color--vivid-purple) !important;

}



.has-vivid-cyan-blue-to-vivid-purple-gradient-background {

    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;

}



.has-light-green-cyan-to-vivid-green-cyan-gradient-background {

    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;

}



.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {

    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;

}



.has-luminous-vivid-orange-to-vivid-red-gradient-background {

    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;

}



.has-very-light-gray-to-cyan-bluish-gray-gradient-background {

    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;

}



.has-cool-to-warm-spectrum-gradient-background {

    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;

}



.has-blush-light-purple-gradient-background {

    background: var(--wp--preset--gradient--blush-light-purple) !important;

}



.has-blush-bordeaux-gradient-background {

    background: var(--wp--preset--gradient--blush-bordeaux) !important;

}



.has-luminous-dusk-gradient-background {

    background: var(--wp--preset--gradient--luminous-dusk) !important;

}



.has-pale-ocean-gradient-background {

    background: var(--wp--preset--gradient--pale-ocean) !important;

}



.has-electric-grass-gradient-background {

    background: var(--wp--preset--gradient--electric-grass) !important;

}



.has-midnight-gradient-background {

    background: var(--wp--preset--gradient--midnight) !important;

}



.has-small-font-size {

    font-size: var(--wp--preset--font-size--small) !important;

}



.has-medium-font-size {

    font-size: var(--wp--preset--font-size--medium) !important;

}



.has-large-font-size {

    font-size: var(--wp--preset--font-size--large) !important;

}



.has-x-large-font-size {

    font-size: var(--wp--preset--font-size--x-large) !important;

}





/* test */



section.testimonials {

    padding: 10rem 1.25rem;

}



.footer-col-2 {

    padding-top: 5.5rem !important;

}



@media (max-width: 478px) {

	

    section.list .box ul .right-col {

        display: inline-block !important;

    }



	section.list .box ul {

        grid-template-columns: inherit !important;

    

    }

	

    section.list .box ul li {

    

        font-size: 15px !important;

    }



	footer.site-footer .content {

        display: inline-block !important;

	}



    .footer-col-2 {

        padding-top: 0rem !important;

    }





}





@media (min-width: 768px) {

    section.testimonials {

        padding: 10rem 2.5rem;

    }

}



@media (min-width: 1025px) {

    section.testimonials {

        padding: 10rem 10rem;

    }

}



@media (min-width: 768px) {

    section.testimonials .item {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

    }

}



section.testimonials .item .infos {

    border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);

    padding: 2rem 0;

    text-align: center;

}



@media (min-width: 768px) {

    section.testimonials .item .infos {

        border-top: 1px solid hsla(0, 0%, 100%, 0.2);

        min-width: 16.5rem;

        padding: 7.75rem 0;

        text-align: left;

        margin-right: 1rem;

    }

}



@media (min-width: 1025px) {

    section.testimonials .item .infos {

        min-width: 32.5rem;

        padding: 5rem 0;

        margin-right: 1.25rem;

    }

}



section.testimonials .item .infos .avatar {

    width: 7.5rem;

    height: 7.5rem;

    border-radius: 50%;

    overflow: hidden;

    margin: 0 auto 2rem;

}



@media (min-width: 768px) {

    section.testimonials .item .infos .avatar {

        margin: 0 0 2rem;

    }

}



@media (min-width: 1025px) {

    section.testimonials .item .infos .avatar {

        margin-bottom: 3rem;

    }

}



section.testimonials .item .infos .avatar img {

    display: block;

    width: 100%;

    height: 100%;

    -o-object-fit: contain;

    object-fit: contain;

}



section.testimonials .item .infos h4 {

    font-size: 1rem;

    line-height: 1.2;

    letter-spacing: -0.03em;

    margin-bottom: 0.5rem;

}



@media (min-width: 1025px) {

    section.testimonials .item .infos h4 {

        font-size: 1.25rem;

        margin-bottom: 0.75rem;

    }

}



section.testimonials .item .infos .desc {

    color: hsla(0, 0%, 100%, 0.5);

    font-weight: 500;

    letter-spacing: -0.01em;

    font-size: 0.875rem;

}



@media (min-width: 1025px) {

    section.testimonials .item .infos .desc {

        font-size: 1rem;

    }

}



section.testimonials .item .testimonial {

    border-top: 1px solid hsla(0, 0%, 100%, 0.2);

    border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);

    padding: 2rem 3.75rem 2rem 0;

    font-size: 1.5rem;

    font-weight: 500;

    line-height: 1.1;

    letter-spacing: -0.04em;

    position: relative;

}



@media (min-width: 768px) {

    section.testimonials .item .testimonial {

        -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

        order: 2;

        font-size: 1.875rem;

        padding: 7.5rem 4.375rem 7.5rem 0;

    }

}



@media (min-width: 1025px) {

    section.testimonials .item .testimonial {

        font-size: 2.5rem;

        padding: 5rem 15.625rem 5rem 0;

    }

}



section.testimonials .item .testimonial:after {

    content: "";

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M57.74 8.162C53.392 3.41 46.813 1 38.188 1H35.09v8.81l2.492.502c4.246.857 7.199 2.541 8.78 5.013a9.123 9.123 0 011.357 4.425h-9.53c-.822 0-1.61.33-2.191.915a3.138 3.138 0 00-.908 2.21V44.75c0 3.447 2.78 6.25 6.198 6.25h18.595c.821 0 1.61-.33 2.19-.915a3.135 3.135 0 00.908-2.21V32.25l-.009-9.122c.028-.347.617-8.566-5.23-14.966zM7.198 51h18.594c.822 0 1.61-.33 2.192-.915.58-.586.907-1.381.907-2.21V32.25l-.01-9.122c.029-.347.618-8.566-5.23-14.966C19.303 3.41 12.724 1 4.099 1H1v8.81l2.492.502c4.245.857 7.199 2.541 8.78 5.013a9.124 9.124 0 011.357 4.425h-9.53c-.822 0-1.61.33-2.191.915A3.138 3.138 0 001 22.875V44.75C1 48.197 3.78 51 7.198 51z' fill='%23B4F400' fill-opacity='.16' stroke='%23808080' stroke-width='2'/%3E%3C/svg%3E");

    background-position: 50%;

    background-size: contain;

    background-repeat: no-repeat;

    width: 2rem;

    height: 1.5rem;

    position: absolute;

    right: 0;

    bottom: 2rem;

}



@media (min-width: 768px) {

    section.testimonials .item .testimonial:after {

        width: 2.5rem;

        height: 2rem;

        bottom: 5rem;

    }

}



@media (min-width: 1025px) {

    section.testimonials .item .testimonial:after {

        width: 4rem;

        height: 3.25rem;

        bottom: 5rem;

    }

}



section.faqs {

    padding: 10rem 1.25rem;

}



@media (min-width: 768px) {

    section.faqs {

        padding: 12.5rem 2.5rem;

        /* display: -webkit-box;

        display: -ms-flexbox;

        display: flex; */

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

    }

}



@media (min-width: 1025px) {

    section.faqs {

        padding: 15rem 10rem 0rem;

    }

}



section.faqs .section-title {

    margin-bottom: 3rem;

}



section.faqs .list {

    border-bottom: 1.5px solid #fff;

}



@media (min-width: 768px) {

    section.faqs .list {

        max-width: 38.25rem;

        border-width: 2px;

    }

}



@media (min-width: 1025px) {

    section.faqs .list {

        max-width: 57.75rem;

    }

}



section.faqs .list .accordion {

    width: 100%;

    border: 0;

    margin: 0;

    border-top: 1.5px solid #fff;

    color: #fff;

    padding: 1.5rem 2.75rem 1.5rem 0;

    font-size: 1.25rem;

    font-weight: 500;

    line-height: 1.2;

    cursor: pointer;

    background-color: transparent;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    text-align: left;

    position: relative;

}



@media (min-width: 768px) {

    section.faqs .list .accordion {

        border-width: 2px;

        padding-top: 2.5rem;

        padding-right: 4rem;

        padding-bottom: 1.5rem;

        font-size: 1.5rem;

    }

}



@media (min-width: 1025px) {

    section.faqs .list .accordion {

        padding-right: 4rem;

        padding-bottom: 2rem;

        font-size: 2rem;

    }

}



section.faqs .list .accordion:after,

section.faqs .list .accordion:before {

    content: "";

    background-color: #fff;

    width: 1.375rem;

    height: 2px;

    position: absolute;

    right: 0.25rem;

    top: calc(50% - 1px);

    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.15, 1);

    transition: -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.15, 1);

    -o-transition: transform 0.5s cubic-bezier(0.85, 0, 0.15, 1);

    transition: transform 0.5s cubic-bezier(0.85, 0, 0.15, 1);

    transition: transform 0.5s cubic-bezier(0.85, 0, 0.15, 1), -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.15, 1);

}



section.faqs .list .accordion:after {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

}



section.faqs .list .accordion.active:after {

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

}



section.faqs .list .panel {

    color: hsla(0, 0%, 100%, 0.5);

    font-weight: 500;

    line-height: 1.25;

    letter-spacing: -0.01em;

    max-height: 0;

    overflow: hidden;

    -webkit-transition: max-height 0.5s cubic-bezier(0.85, 0, 0.15, 1);

    -o-transition: max-height 0.5s cubic-bezier(0.85, 0, 0.15, 1);

    transition: max-height 0.5s cubic-bezier(0.85, 0, 0.15, 1);

}



@media (min-width: 768px) {

    section.faqs .list .panel {

        margin-bottom: 1rem;

        padding-right: 4rem;

    }

}



@media (min-width: 1025px) {

    section.faqs .list .panel {

        margin-bottom: 0.5rem;

    }

}



section.faqs .list .panel .inner {

    padding-bottom: 1.5rem;

}



@media (min-width: 1025px) {

    section.faqs .list .panel .inner {

        padding-bottom: 2.5rem;

    }

}



@media (min-width: 768px) {

    section.list {

        padding: 2.5rem 2.5rem 0;

    }

}



@media (min-width: 1025px) {

    section.list {

        padding: 3rem 3rem 0;

    }

}



section.list .box {

    background-color: #202020;

    padding: 10rem 1.25rem;

}



@media (min-width: 768px) {

    section.list .box {

        padding: 2.5rem;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

    }

}



@media (min-width: 1025px) {

    section.list .box {

        padding: 7rem;

    }

}



@media (min-width: 768px) {

    section.list .box .side {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        height: 100vh;

        margin: -2.5rem;

        padding: 2.5rem;

    }

}



@media (min-width: 1025px) {

    section.list .box .side {

        margin: -7rem;

        padding: 7rem;

    }

}



section.list .box .side h2 {

    margin-bottom: 1.5rem;

}



@media (min-width: 768px) {

    section.list .box .side h2 {

        max-width: 22rem;

    }

}



@media (min-width: 1025px) {

    section.list .box .side h2 {

        max-width: 41rem;

        margin-bottom: 3rem;

    }

}



section.list .box .side p {

    max-width: 90%;

    font-size: 0.875rem;

    color: hsla(0, 0%, 100%, 0.5);

    line-height: 1.25;

}



@media (min-width: 768px) {

    section.list .box .side p {

        max-width: 18.25rem;

    }

}



@media (min-width: 1025px) {

    section.list .box .side p {

        max-width: 32.5rem;

        font-size: 1.25rem;

    }

}



section.list .box .side .icon {

    width: 20.1875rem;

    height: 10.625rem;

    margin-top: auto;

    display: none;

}



@media (min-width: 768px) {

    section.list .box .side .icon {

        display: block;

    }

}



section.list .box .side .icon img {

    width: 100%;

    height: 100%;

    -o-object-fit: contain;

    object-fit: contain;

}



section.list .box ul {

    list-style: none;

    padding: 0;

    counter-reset: list;

    margin: 3rem 0 0;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-column-gap: 1.25rem;

    -webkit-column-gap: 1.25rem;

    -moz-column-gap: 1.25rem;

    column-gap: 1.25rem;

}



@media (min-width: 768px) {

    section.list .box ul {

        max-width: 18.25rem;

        display: block;

        margin-top: 0.875rem;

    }

}



@media (min-width: 1025px) {

    section.list .box ul {

        max-width: 32.5rem;

    }

}



section.list .box ul li {

    border-top: 1px solid hsla(0, 0%, 100%, 0.2);

    padding: 1.5rem 0;

    font-size: 0.8125rem;

    letter-spacing: -0.03em;

    font-weight: 500;

    line-height: 1.2;

    counter-increment: list;

}



@media (min-width: 768px) {

    section.list .box ul li {

        padding: 3rem 0;

        font-size: 1rem;

    }

}



@media (min-width: 1025px) {

    section.list .box ul li {

        padding: 3.5rem 0;

        font-size: 2rem;

    }

}





/* section.list .box ul li:before {

    content: "0" counter(list);

    display: block;

    background-color: rgba(115, 179, 226, 0.16);

    border: 1px solid #ff4500;

    width: 1.5rem;

    height: 1.5rem;

    font-size: 0.5rem;

    border-radius: 50%;

    text-align: center;

    line-height: 2.75em;

    margin-bottom: 1rem;

    color: #ff4500;

} */



@media (min-width: 1025px) {

    /* section.list .box ul li:before {

        width: 3.25rem;

        height: 3.25rem;

        font-size: 1rem;

        margin-bottom: 2.75rem;

        border-width: 2px;

    } */

}



@media (min-width: 768px) {

    section.list .box ul li:last-child {

        border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);

    }

}



.solution-form input,

.solution-form textarea {

    height: 57px;

    border: 1px solid #97999b !important;

    color: #000048;

    outline: 0;

    border-top: 0;

    border-left: 0;

    border-right: 0;

    font-family: inherit;

    font-size: 1rem;

    line-height: inherit;

    margin: 0 0 1.3rem;

    padding-top: 5px;

    padding-left: 1rem;

    padding-right: 10px;

    border-bottom: 1px solid #d0d0ce;

    border-radius: 0.5em;

    background-color: #f5f5f2;

    width: 100%;

    appearance: none;

    resize: none;

    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);

    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);

    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);

}



.solution-form input:focus,

.solution-form textarea:focus {

    outline: none;

    -webkit-box-shadow: inset 0 0 0 1px #1a1a1a;

    box-shadow: inset 0 0 0 1px #1a1a1a;

}



.solution-inner section.hero {

    border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);

    padding-bottom: 100vw;

    position: relative;

}



@media (min-width: 768px) {

    .solution-inner section.hero {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        height: 41rem;

        padding-bottom: 0;

    }

}



@media (min-width: 1025px) {

    .solution-inner section.hero {

        height: auto;

        min-height: 100vh;

    }

}



.solution-inner section.hero .top {

    padding-top: 4rem;

}



@media (min-width: 768px) {

    .solution-inner section.hero .top {

        padding-top: 0;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        -webkit-box-flex: 1;

        -ms-flex: 1;

        flex: 1;

    }

}



.solution-inner section.hero .top .title {

    padding: 2rem 1.25rem;

    margin: auto 0;

}



@media (min-width: 768px) {

    .solution-inner section.hero .top .title {

        padding: 6.25rem 2.5rem;

    }

}



@media (min-width: 1025px) {

    .solution-inner section.hero .top .title {

        padding: 13.5rem 10rem 7.75rem;

    }

}



.solution-inner section.hero .top .title .subtitle {

    font-size: 0.875rem;

    font-weight: 500;

    color: #ff4500;

    letter-spacing: -0.03em;

    margin-bottom: 0.75rem;

}



@media (min-width: 768px) {

    .solution-inner section.hero .top .title .subtitle {

        font-size: 1.5rem;

        margin-bottom: 1rem;

    }

}



@media (min-width: 1025px) {

    .solution-inner section.hero .top .title .subtitle {

        font-size: 2rem;

        margin-bottom: 1.5rem;

    }

}



.solution-inner section.hero .top .title h1 {

    max-width: 14.5rem;

    font-size: 2.5rem;

    letter-spacing: -0.04em;

    line-height: 1.1;

    margin: 0;

}



@media (min-width: 768px) {

    .solution-inner section.hero .top .title h1 {

        max-width: 21.25rem;

        font-size: 3.5rem;

    }

}



@media (min-width: 1025px) {

    .solution-inner section.hero .top .title h1 {

        max-width: 32.5rem;

        font-size: 5.625rem;

    }

}



.solution-inner section.hero .top .icon {

    width: 100vw;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: absolute;

    right: 0;

    bottom: 0;

}



@media (min-width: 768px) {

    .solution-inner section.hero .top .icon {

        border-left: 1px solid hsla(0, 0%, 100%, 0.2);

        padding-top: 5.5rem;

        width: 28.125rem;

        height: auto;

        position: relative;

    }

}



@media (min-width: 1025px) {

    .solution-inner section.hero .top .icon {

        padding-top: 7rem;

        width: calc(100vh - 17.75rem);

    }

}



.solution-inner section.hero .top .icon .circle {

    border: 1px solid hsla(0, 0%, 100%, 0.2);

    width: 100%;

    padding-top: 100%;

    border-radius: 50%;

    position: relative;

}



.solution-inner section.hero .top .icon .circle video {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -o-object-fit: contain;

    object-fit: contain;

}



.solution-inner section.hero .bottom {

    border-top: 1px solid hsla(0, 0%, 100%, 0.2);

}



@media (min-width: 768px) {

    .solution-inner section.hero .bottom {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }

}



.solution-inner section.hero .bottom .text {

    padding: 2rem 1.25rem;

    width: 100%;

    color: hsla(0, 0%, 100%, 0.5);

    font-weight: 500;

    font-size: 0.875rem;

}



@media (min-width: 768px) {

    .solution-inner section.hero .bottom .text {

        padding: 2rem 2.5rem;

        max-width: 28rem;

    }

}



@media (min-width: 1025px) {

    .solution-inner section.hero .bottom .text {

        font-size: 1rem;

        padding: 2rem 10rem;

        max-width: 46rem;

    }

}



.solution-inner section.hero .bottom .btn {

    width: 100%;

    padding: 2rem 1.25rem;

    text-align: left;

    font-size: 1rem;

    text-transform: capitalize;

    font-weight: 500;

    letter-spacing: -0.03em;

    position: relative;

}



@media (min-width: 768px) {

    .solution-inner section.hero .bottom .btn {

        width: 28.125rem;

        padding: 2.75rem 2.5rem;

        font-size: 1.5rem;

    }

}



@media (min-width: 1025px) {

    .solution-inner section.hero .bottom .btn {

        width: calc(100vh - 17.75rem);

        padding: 4.125rem 4rem;

        font-size: 2rem;

    }

}



.solution-inner section.hero .bottom .btn:after {

    content: "";

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 24h43' stroke='%231C1C1C' stroke-width='3' stroke-miterlimit='10'/%3E%3Cpath d='M31 10l14 14-14 14' stroke='%231C1C1C' stroke-width='3' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 24h43' stroke='%231C1C1C' stroke-width='3' stroke-miterlimit='10'/%3E%3Cpath d='M31 10l14 14-14 14' stroke='%231C1C1C' stroke-width='3' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/svg%3E");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: 50%, -4rem;

    width: 1.25rem;

    height: 1.25rem;

    position: absolute;

    right: 1.25rem;

    top: calc(50% - 0.625rem);

    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);

    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);

    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);

}



@media (min-width: 768px) {

    .solution-inner section.hero .bottom .btn:after {

        width: 1.5rem;

        height: 1.5rem;

        right: 3rem;

        top: calc(50% - 0.75rem);

    }

}



@media (min-width: 1025px) {

    .solution-inner section.hero .bottom .btn:after {

        width: 3rem;

        height: 3rem;

        right: 4rem;

        top: calc(50% - 1.5rem);

    }

}



.solution-inner section.hero .bottom .btn:hover:after {

    background-position: 4rem, 50%;

}



body.page-template-contact section.hero {

    padding-top: 10.75rem;

    padding-left: 1.25rem;

    padding-bottom: 19.25rem;

    position: relative;

}



@media (min-width: 768px) {

    body.page-template-contact section.hero {

        padding-top: 12.25rem;

        padding-left: 2.5rem;

        padding-bottom: 37.25rem;

    }

}



@media (min-width: 1025px) {

    body.page-template-contact section.hero {

        padding-top: 7rem;

        padding-left: 10rem;

        padding-bottom: 0;

        height: 100vh;

        min-height: 58.125rem;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }

}