html[data-theme=lightMode] .apiIntegrationFeatures__list{color:var(--hd-black)}.apiIntegration__inner{flex-direction:column;display:flex}@media screen and (min-width:1150px){.apiIntegration__inner{flex-direction:row;justify-content:space-between;align-items:center;display:flex}}.apiIntegration__image{order:-1;width:100%;max-width:25rem;margin:0 0 1rem;position:relative}@media screen and (min-width:768px){.apiIntegration__image{order:unset;max-width:37.25rem;margin:0 auto}}@media screen and (min-width:1150px){.apiIntegration__image{width:49%;margin:0 4%}.apiIntegration__info{width:43%}}.apiIntegration__title{margin-bottom:1rem}@media screen and (min-width:768px){.apiIntegration__title{margin-bottom:1.5rem}}@media screen and (min-width:1150px){.apiIntegration__title{margin-bottom:2rem}}.apiIntegrationFeatures{max-width:80rem;margin:2rem auto 0}@media screen and (min-width:768px){.apiIntegrationFeatures{margin:4.5rem auto 0}}@media screen and (min-width:1150px){.apiIntegrationFeatures{margin:6rem auto 0}}.apiIntegrationFeatures .mainHeading__title{max-width:25rem;margin-left:auto;margin-right:auto}@media screen and (min-width:768px){.apiIntegrationFeatures .mainHeading__title{max-width:40rem}}@media screen and (min-width:1150px){.apiIntegrationFeatures .mainHeading__title{max-width:56rem}}.apiIntegrationFeatures__list{flex-wrap:wrap;justify-content:center;margin:0 0 1.25rem;padding:0;list-style-type:none;display:flex}@media screen and (min-width:768px){.apiIntegrationFeatures__list{margin:0 0 2rem}}@media screen and (min-width:1150px){.apiIntegrationFeatures__list{margin:0 0 3rem}}.apiIntegrationInfo{flex-direction:column;align-items:center;max-width:80rem;margin:0 auto;display:flex}@media screen and (min-width:768px){.apiIntegrationInfo{flex-direction:row-reverse;justify-content:space-between;align-items:center}}.apiIntegrationInfo__text .mainHeading__title{text-align:start}@media screen and (min-width:768px){.apiIntegrationInfo__text{width:calc(100% - 20rem)}}@media screen and (min-width:1150px){.apiIntegrationInfo__text{width:calc(100% - 30rem)}}.apiIntegrationInfo__image{width:10rem}@media screen and (min-width:768px){.apiIntegrationInfo__image{width:15rem}}@media screen and (min-width:1150px){.apiIntegrationInfo__image{width:20rem}}.apiIntegrationInfo__image img{width:100%}.apiIntegrationFeatures__text{text-align:center}