.cpDtC{width: 100%}
.cpDtB{max-width: 1200px;margin: 0 auto;padding: 6rem 0;column-gap: 5rem;display: grid;grid-template-columns: 550fr 590fr;row-gap: 2rem;}
.cpDtAL{max-width: 550px;display: flex;align-items: stretch;flex-direction: column}
.cpDtVD{width: 100%;height: 0;position: relative;padding-bottom: 28.14%;padding-top: 28.14%;box-shadow: 0 4px 4px rgb(0 0 0 / 12%);border-radius: 0.375rem}
.cpDtVD iframe{position: absolute;top: 0;left:0;width:100%; height:100%;border-radius: 0.375rem}
.cpDtH1{font-size: 3rem;line-height: 3.5rem;font-weight: bold}
.cpDtP{font-size: 1.25rem;line-height: 1.75rem;font-weight: 400;margin-top:2.75rem;margin-bottom:1.75rem}
.cpDtDulB ul{list-style: none;padding: 0;margin: 0}
.cpDtDulB ul li{margin-top:.5rem;background: url(https://s.trackingmore.com/images/icons/tick.svg) no-repeat left 7px;background-size: 16px 12px;padding-left: calc(0.5rem + 18px);}
.cpDtDulB ul li+li{margin-top:1rem}

.cpDpC{width: 100%}
.cpDpB{max-width: 1200px;margin: 0 auto;padding: 3rem 0 5rem}

@media (max-width: 768px) {
    .cpDtB{display: flex;flex-direction: column;align-items: center;padding-top: 4.5rem;padding-bottom: 4.5rem}
    .cpDtVC{padding: 0 2rem;height: 100%;width: 100%}
}

@media (max-width: 425px) {
    .cpDtB{padding-left: 2rem;padding-right: 2rem}
    .cpDtAL{text-align: center}
}