:is(.field_cta, .field_cta2, .field_cta_2){
    /* background-color: rgb(var(--wp-grey));
    color: var(--wp-white); */
    background-color: var(--cta-strip-bg-color, rgb(var(--wp-grey)));
    color: var(--cta-strip-text-color, var(--wp-white));
    text-align: center;
    padding-block: 32px;
    padding-inline: var(--container-spacing);
}

:where(.field_cta, .field_cta2, .field_cta_2) a {
    color: var(--main-highlight-color) !important;
    text-decoration: none;
    transition: all .3s
}

:where(.field_cta, .field_cta2, .field_cta_2) a:hover {
    color: var(--wp-white) !important
}
/*CTA BUTTON*/
.cta_buttons{
    padding-inline: var(--container-spacing);
    background-color: rgb(var(--wp-grey));
    color: var(--wp-white);
    text-align: center;
    padding-block: 5px 32px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 15px 30px;
}
.cta_buttons :is(.field_cta_primary_button, .field_cta2_primary_button, .field_contact_cta_primary_button) a{
   background-color: #fff !important;
   color: var(--main-highlight-color) !important;
   border-color: #fff !important;
}
.cta_buttons :is(.field_cta_primary_button, .field_cta2_primary_button, .field_contact_cta_primary_button) a:hover{
   background-color: var(--main-highlight-color) !important;
   color: #fff !important;
   border-color: var(--main-highlight-color) !important;
}
.cta_buttons :is(.field_cta_secondary_button, .field_cta2_secondary_button, .field_contact_cta_secondary_button, .field_contact_cta_secondary_butt) a{
   background-color: transparent !important;
   color: var(--wp-white) !important;
   border-color: var(--wp-white) !important;
}
.cta_buttons :is(.field_cta_secondary_button, .field_cta2_secondary_button, .field_contact_cta_secondary_button, .field_contact_cta_secondary_butt) a:hover{
   background-color: #fff !important;
   color: var(--main-highlight-color) !important;
   border-color: var(--wp-white) !important;
}
/*cta style one*/
.cta-style-one{
    /* background-color: rgb(var(--wp-grey));
    color: var(--wp-white); */
    background-color: var(--cta-strip-bg-color, rgb(var(--wp-grey)));
    color: var(--cta-strip-text-color, var(--wp-white));
    text-align: center;
    padding-block: 32px;
    padding-inline: var(--container-spacing);
}
.cta-style-one :is(.field_cta, .field_cta2, .field_cta_2, .contact-strip-top){
    all: revert !important;
}
/*cta secondary text*/
:is(.field_cta_secondary_text, .field_cta2_secondary_text){
    margin-top: 24px;
}
:is(.field_cta_secondary_text, .field_cta2_secondary_text) :where(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child){
    margin-top: 14px;
}
:is(.field_cta_secondary_text, .field_cta2_secondary_text) ul{
    display: grid;
    justify-content: center;
}
:is(.field_cta_secondary_text, .field_cta2_secondary_text) ul li{
    text-align: left;
    width: fit-content;
    color: #fff !important;
}
@media screen and (max-width:1080px) {
    :is(.field_cta, .field_cta2, .field_cta_2){
        padding-block: 20px
    }
    :is(.field_cta, .field_cta2, .field_cta_2) > div {
        max-width: 345px;
        margin-inline: auto
    }
    :is(.field_cta, .field_cta2, .field_cta_2) .h7 {
        font-size: 18px !important;
        line-height: 28px !important
    }
    .cta-style-one{
        padding-block: 20px
    }
}
@media screen and (max-width:767px) {
    :is(.field_cta, .field_cta2, .field_cta_2){
        padding-block: 10px
    }
    :is(.field_cta, .field_cta2, .field_cta_2)>div {
        max-width: 230px;
        margin-inline: auto
    }
    :is(.field_cta, .field_cta2, .field_cta_2) .h7{
        font-size: 12px !important;
        line-height: 17px !important
    }
    .cta-style-one{
        padding-block: 10px
    }
}
/***************************************
CONTACT STRIP
**************************************/
:is(.contact-strip-bottom, .contact-strip-top) {
    /* background-color: rgb(var(--wp-grey));
    color: var(--wp-white); */
    background-color: var(--cta-strip-bg-color, rgb(var(--wp-grey)));
    color: var(--cta-strip-text-color, var(--wp-white));
    padding-block: 30px !important;
    padding-inline: var(--container-spacing);
}

:is(.contact-strip-bottom, .contact-strip-top) .contact-details {
    display: flex;
    justify-content: space-around;
    align-items: center
}

:is(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) {
    display: flex;
    align-items: center;
    grid-gap: 15px 30px
}

:is(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--main-highlight-color);
    border-radius: 50%;
    font-size: 18px;
    font-weight: 300;
    color: var(--main-highlight-color)
}

:is(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) img {
    display: inline-block
}

:is(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) a {
    display: inline-block;
    font-size: var(--h7) !important;
    line-height: 26px;
    color: var(--wp-white) !important;
    text-decoration: none;
    transition: all .3s
}

:is(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) a:hover {
    color: var(--main-highlight-color) !important
}
:is(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) a .md {
    display: none
}
@media screen and (max-width:1080px) {
    :is(.contact-strip-bottom, .contact-strip-top) {
        padding-block: 13px !important
    }

    :is(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) {
        grid-gap: 15px 20px
    }

    :is(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) a .dd {
        display: none
    }

    :is(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) a .md {
        display: block
    }
}

@media screen and (max-width:767px) {
    :is(.contact-strip-bottom, .contact-strip-top) .contact-details:where(.phone-details, .email-details) img {
        width: 35px
    }

    :is(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) i {
        width: 30px;
        height: 30px;
        font-size: 14px
    }
}
/*if no button*/
.node-type-service-landing-page :where(.contact-strip-bottom, .contact-strip-top):not(:has(.phone-details, .email-details)) .contact-details {
    display: block;
    text-align: center;
}