.cta-one {
    position: relative;
    z-index: 1;
    padding-top: 120px;
}

@media (max-width: 991px) {
    .cta-one {
        padding-top: 100px;
    }
}

@media (max-width: 767px) {
    .cta-one {
        padding-top: 80px;
    }
}

.cta-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    mix-blend-mode: normal;
}

.cta-one__inner {
    background: rgba(var(--digitalfirehouse-base-rgb, 202, 68, 69), 0.95);
    padding: 115px 85px 120px 100px;
    position: relative;
    z-index: 1;
}

.cta-one__inner::after {
    content: "";
    width: 146px;
    height: 119px;
    background: var(--digitalfirehouse-white, #fff);
    position: absolute;
    bottom: 0;
    right: 0;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

@media (max-width: 991px) {
    .cta-one__inner {
        padding: 80px 60px 80px 60px;
    }
}

@media (max-width: 767px) {
    .cta-one__inner {
        padding: 60px 40px 60px 40px;
    }
}

.cta-one__content__title {
    margin-top: -9px;
    font-style: normal;
    font-weight: 800;
    font-size: 40px;
    line-height: 125%;
    margin-bottom: 10px;
    padding-bottom: 0;
    color: var(--digitalfirehouse-white, #fff);
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .cta-one__content__title {
        font-size: 30px;
    }
}

.cta-one__content__text {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 188%;
    margin-bottom: 30px;
    padding-bottom: 0;
    color: var(--digitalfirehouse-white, #fff);
}

.cta-one__content__btn::after {
    background: var(--digitalfirehouse-white, #fff);
}

.cta-one__content__btn:hover {
    color: var(--digitalfirehouse-secondary, #232728);
}

.cta-one__video {
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(var(--digitalfirehouse-white-rgb, 255, 255, 255), 0.3);
    padding: 75px 0px;
    position: relative;
}

.cta-one__video::after {
    content: "";
    width: 95px;
    height: 77px;
    background: var(--digitalfirehouse-base, #CA4445);
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(100% 0, 0% 100%, 0 0);
}

.cta-one__video__icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: var(--digitalfirehouse-white, #fff);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: var(--digitalfirehouse-base, #CA4445);
    position: relative;
    z-index: 1;
}

.cta-one__video__icon i {
    transition: all 0.4s ease-in-out;
}

.cta-one__video__icon::after {
    content: "";
    animation: ping 1.5s ease-in-out infinite;
    position: absolute;
    height: 110%;
    width: 110%;
    background: var(--digitalfirehouse-white, #fff);
    opacity: 0.2;
    border-radius: 50%;
    z-index: -1;
}

.cta-one__video__icon:hover {
    background: var(--digitalfirehouse-secondary, #232728);
    color: var(--digitalfirehouse-base, #CA4445);
}

.cta-one__video__icon:hover i {
    transform: scale(1.2);
}

/** Cta Two**/
.cta-two {
    position: relative;
    z-index: 1;
    padding: 102px 0px;
    overflow: hidden;
}

@media (max-width: 991px) {
    .cta-two {
        padding: 100px 0px;
    }
}

@media (max-width: 767px) {
    .cta-two {
        padding: 80px 0px;
    }
}

.cta-two__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    filter: grayscale(100%);
}

.cta-two__bg::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(var(--digitalfirehouse-secondary-rgb, 35, 39, 40), 0.9);
    mix-blend-mode: multiply;
}

.cta-two__content .sec-title {
    padding-bottom: 37px;
}

.cta-two__content .sec-title__tagline, .cta-two__content .sec-title__title {
    text-transform: none;
    color: var(--digitalfirehouse-white, #fff);
}

.cta-two__content__btn::after {
    background: var(--digitalfirehouse-white, #fff);
}

.cta-two__content__btn:hover {
    color: var(--digitalfirehouse-secondary, #232728);
}

.cta-two__thumb__item {
    position: absolute;
    top: 0;
    left: 0;
}

.cta-two__thumb__item img {
    clip-path: polygon(0 0, 60% 0, 100% 100%, 0% 100%);
}

.cta-two__thumb__item__shape {
    position: absolute;
    top: -1px;
    right: -15%;
}

@media (max-width: 767px) {
    .cta-two__thumb__item__shape {
        display: none;
    }
}

@media (max-width: 991px) {
    .cta-two__thumb__item {
        position: relative;
    }
}

@media (max-width: 767px) {
    .cta-two__thumb__item img {
        object-fit: cover;
        width: 100%;
        clip-path: none;
    }
}

.cta-two__right {
    position: relative;
    z-index: 1;
}

.cta-two__shape {
    position: absolute;
    top: 0;
    right: 0;
}

.cta-two__image {
    position: absolute;
    right: 0;
    top: 5%;
}

.cta-two__image a {
    display: block;
}

@media (max-width: 575px) {
    .cta-two__image {
        margin-top: 30px;
        position: relative;
    }
}

/** Cta Three**/
.cta-three {
    background: var(--digitalfirehouse-secondary, #232728);
    padding: 80px 0px 95px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.cta-three__title {
    margin-top: -7px;
    font-style: normal;
    font-weight: 800;
    font-size: 40px;
    line-height: 150%;
    margin-bottom: 20px;
    padding-bottom: 25px;
    color: var(--digitalfirehouse-white, #fff);
    text-transform: uppercase;
    border-bottom: 1px solid rgba(var(--digitalfirehouse-white-rgb, 255, 255, 255), 0.1);
}

@media (max-width: 767px) {
    .cta-three__title {
        font-size: 35px;
    }
}

@media (max-width: 575px) {
    .cta-three__title {
        font-size: 30px;
    }
}

.cta-three__call {
    display: flex;
    align-items: center;
    gap: 30px;
}

.cta-three__call__icon {
    width: 73px;
    height: 73px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--digitalfirehouse-base, #CA4445);
    background: var(--digitalfirehouse-white, #fff);
    font-size: 29px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease-in-out;
}

.cta-three__call__icon::after {
    content: "";
    width: 0%;
    height: 0%;
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--digitalfirehouse-base, #CA4445);
    z-index: -1;
    transition: all 0.4s ease-in-out;
}

.cta-three__call__dec {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: normal;
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: uppercase;
    color: var(--digitalfirehouse-base, #CA4445);
}

.cta-three__call__number {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: normal;
    color: var(--digitalfirehouse-white, #fff);
    margin-bottom: 0;
    padding-bottom: 0;
    transition: all 0.4s ease-in-out;
}

.cta-three__call__number:hover {
    color: var(--digitalfirehouse-base, #CA4445);
}

@media (max-width: 575px) {
    .cta-three__call__number {
        font-size: 30px;
    }
}

.cta-three__call:hover .cta-three__call__icon {
    color: var(--digitalfirehouse-white, #fff);
}

.cta-three__call:hover .cta-three__call__icon::after {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
}

.cta-three__btn {
    margin-top: 20px;
    padding-top: 40px;
    border-top: 1px solid rgba(var(--digitalfirehouse-white-rgb, 255, 255, 255), 0.1);
}

.cta-three__btn a::after {
    background: var(--digitalfirehouse-white, #fff);
}

.cta-three__btn a:hover {
    color: var(--digitalfirehouse-secondary, #232728);
}

.cta-three__thumb__item {
    top: 0;
    position: absolute;
    width: 40%;
    overflow: hidden;
    right: 0;
    clip-path: polygon(32% 44%, 56% 0, 100% 0, 100% 54%, 85% 78%, 71% 100%, 0 100%, 0 100%);
}

@media (max-width: 1366px) {
    .cta-three__thumb__item {
        width: 50%;
    }
}

@media (max-width: 991px) {
    .cta-three__thumb__item {
        display: none;
    }
}

.cta-three__thumb::after {
    content: "";
    width: 45%;
    right: 0;
    top: 0;
    background: var(--digitalfirehouse-base, #CA4445);
    position: absolute;
    height: 100%;
    z-index: -1;
    clip-path: polygon(0 100%, 51% 0, 100% 0, 100% 84%, 90% 100%, 0 100%, 0 100%);
}

@media (max-width: 1366px) {
    .cta-three__thumb::after {
        width: 55%;
    }
}

@media (max-width: 991px) {
    .cta-three__thumb::after {
        display: none;
    }
}

.cta-three__thumb__shape {
    position: absolute;
    bottom: 60px;
    right: 0px;
    animation: topBottom 3s ease-in-out infinite;
}

@media (max-width: 991px) {
    .cta-three__thumb__shape {
        display: none;
    }
}

.cta-three__thumb__shape-two {
    position: absolute;
    bottom: 60px;
    right: 24%;
}

@media (max-width: 1366px) {
    .cta-three__thumb__shape-two {
        display: none;
    }
}

.cta-three__leftshape {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
