.div-cta-container {
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.div-cta-layout1-row {
    height: 500px;
}

.div-cta-container-layout2 {
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
}

.div-layout3-container {
    display: table;
    width: 100%;
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.div-cta-layout3-row {
    height: 275px;
    vertical-align: middle;
    display: table-cell;
}

.div-cta-section {
    padding-top: 10.2%;
}

.p-cta-title {
    font-family: 'Aeonik-Regular', 'Open Sans', Helvetica Neue, Arial, Sans-serif;
    font-size: 40px;
    text-align: center;
}

.p-cta-layout3-title {
    font-family: 'Aeonik-Regular', 'Open Sans', Helvetica Neue, Arial, Sans-serif;
    font-size: 32px;
    text-align: center;
    padding: 0px 0px 15px 0px;
}

.p-cta-short-title {
    font-family: 'Aeonik-Regular', 'Open Sans', Helvetica Neue, Arial, Sans-serif;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
}

.div-cta-link-section .a-cta-link {
    display: block;
    padding: 13px 23px;
    border-radius: 30px;
    border: 1px solid #1c1c1c;
    background-color: #1c1c1c;
    color: #fff;
    min-width: 200px;
    text-align: center;
    width: fit-content;
    margin: 12px auto;
    font-size: 14px;
}

.div-cta-link-section .a-cta-link:hover {
    text-decoration: none;
    border: 2px solid #1c1c1c;
    background-color: transparent;
    color: #1c1c1c;
    font-weight: bold;
}

.div-cta-link-section .a-cta-gray-link {
    display: block;
    padding: 13px 23px;
    border-radius: 30px;
    border: 1px solid #aaaaaa;
    background-color: #aaaaaa;
    color: #fff;
    min-width: 200px;
    text-align: center;
    width: fit-content;
    margin: 12px auto;
    font-size: 14px;
}

.div-cta-link-section .a-cta-gray-link:hover {
    text-decoration: none;
    border: 2px solid #aaaaaa;
    background-color: transparent;
    color: #aaaaaa;
    font-weight: bold;
}

.div-cta-layout2-left-section {
    padding-top: 19.2%;
}

.p-layout2-cta-title {
    font-family: 'Aeonik-Regular', 'Open Sans', Helvetica Neue, Arial, Sans-serif;
    font-size: 32px;
}

.p-layout2-cta-sub-heading {
    font-family: 'Aeonik-Regular', 'Open Sans', Helvetica Neue, Arial, Sans-serif;
    font-size: 15px;
}

.div-cta-link-section .a-layout2-cta-link {
    display: block;
    padding: 13px 23px;
    border-radius: 30px;
    border: 1px solid #1c1c1c;
    background-color: #1c1c1c;
    color: #fff;
    min-width: 200px;
    text-align: center;
    width: fit-content;
    margin-top: 12px;
    font-size: 14px;
}

.div-cta-link-section .a-layout2-cta-link:hover {
    text-decoration: none;
    border: 2px solid #1c1c1c;
    background-color: transparent;
    color: #1c1c1c;
    font-weight: bold;
}

.div-cta-link-section .a-layout2-cta-gray-link {
    display: block;
    padding: 13px 23px;
    border-radius: 30px;
    border: 1px solid #aaaaaa;
    background-color: #aaaaaa;
    color: #fff;
    min-width: 200px;
    text-align: center;
    width: fit-content;
    margin-top: 12px;
    font-size: 14px;
}

.div-cta-link-section .a-layout2-cta-gray-link:hover {
    text-decoration: none;
    border: 2px solid #aaaaaa;
    background-color: transparent;
    color: #aaaaaa;
    font-weight: bold;
}

.div-cta-layout2-right-section {
    padding-left: 10px;
}

.img-cta-layout2 {
    height: 23em;
    display: block;
    margin: 0 auto;
    object-fit: contain;
    object-position: top;
}

.div-cta-layout2-left-section-btn-na {
    padding-top:25.2%;
}

.div-cta-layout2-left-section-title-na {
    padding-top: 28.2%;
}

.div-cta-link-section .a-cta-layout3-link {
    display: block;
    padding: 8px 10px;
    border-radius: 30px;
    border: 1px solid #1c1c1c;
    background-color: #1c1c1c;
    color: #fff;
    min-width: 200px;
    text-align: center;
    width: fit-content;
    margin: 12px auto;
    font-size: 12px;
}

.div-cta-link-section .a-cta-layout3-link:hover {
    text-decoration: none;
    border: 2px solid #1c1c1c;
    background-color: transparent;
    color: #1c1c1c;
    font-weight: bold;
}

.div-cta-link-section .a-cta-layout3-gray-link {
    display: block;
    padding: 8px 10px;
    border-radius: 30px;
    border: 1px solid #aaaaaa;
    background-color: #aaaaaa;
    color: #fff;
    min-width: 200px;
    text-align: center;
    width: fit-content;
    margin: 12px auto;
    font-size: 12px;
}

.div-cta-link-section .a-cta-layout3-gray-link:hover {
    text-decoration: none;
    border: 2px solid #aaaaaa;
    background-color: transparent;
    color: #aaaaaa;
    font-weight: bold;
}

@media (max-width: 820px) and (min-width: 540px) {
    .div-cta-section {
        padding-top: 12.2%;
    }

    .div-cta-container {
        height: 400px;
    }

    .div-cta-layout1-row {
        height: 400px;
    }

    .div-cta-layout3-row {
        height: 275px;
    }

    .div-cta-container-layout2 {
        height: 268px;
    }

    .p-cta-title {
        font-size: 34px;
    }

    .p-layout2-cta-title {
        font-size: 13px;
    }
    
    .p-layout2-cta-sub-heading {
        font-size: 9px;
    }
    
    .div-cta-link-section .a-layout2-cta-link {
        padding: 9px 23px;
        min-width: 150px;
        margin-top: 7px;
        font-size: 10px;
    }

    .div-cta-link-section .a-layout2-cta-gray-link {
        padding: 9px 23px;
        min-width: 150px;
        margin-top: 7px;
        font-size: 10px;
    }
    
    .div-cta-layout2-right-section {
        padding-left: 0px;
    }
    
    .img-cta-layout2 {
        height: 13em;
        display: block;
        margin: 0 auto;
    }
}

@media (min-width: 540px) {
    .cta-layout2-mobile {
        display: none;
    }
}

@media (max-width: 540px) {
    .cta-layout2-desktop {
        display: none;
    }

    .div-cta-container {
        height: 200px;
    }

    .div-cta-layout1-row {
        height: 200px;
    }

    .div-cta-layout3-row {
        height: 275px;
    }

    .p-cta-title {
        font-size: 18px;
    }

    .p-cta-layout3-title {
        font-size: 22px;
    }
    
    .p-cta-short-title {
        font-size: 10px;
    }
    
    .div-cta-link-section .a-cta-link {
        padding: 9px 23px;
        min-width: 150px;
        margin: 3px auto;
        font-size: 10px;
    }

    .div-cta-link-section .a-cta-gray-link {
        padding: 9px 23px;
        min-width: 150px;
        margin: 3px auto;
        font-size: 10px;
    }

    .div-cta-link-section .a-cta-layout3-link {
        padding: 8px 10px;
        min-width: 150px;
        margin: 3px auto;
        font-size: 10px;
    }

    .div-cta-link-section .a-cta-layout3-gray-link {
        padding: 8px 10px;
        min-width: 150px;
        margin: 3px auto;
        font-size: 10px;
    }

    .div-cta-container-layout2 {
        height: 485px;
    }
    .p-layout2-cta-title {
        font-size: 19px;
        padding-top: 34px;
    }
    
    .p-layout2-cta-sub-heading {
        font-size: 12px;
    }
    
    .a-layout2-cta-link {
        display: block;
        border-radius: 30px;
        border: 1px solid #1c1c1c;
        background-color: #1c1c1c;
        color: #fff;
        text-align: center;
        width: fit-content;
        padding: 9px 23px;
        min-width: 150px;
        margin-top: 7px;
        font-size: 10px;
    }

    .a-layout2-cta-gray-link {
        display: block;
        border-radius: 30px;
        border: 1px solid #aaaaaa;
        background-color: #aaaaaa;
        color: #fff;
        text-align: center;
        width: fit-content;
        padding: 9px 23px;
        min-width: 150px;
        margin-top: 7px;
        font-size: 10px;
    }
    
    .div-cta-layout2-right-section {
        padding-left: 33px;
    }
    
    .img-cta-layout2 {
        height: 14em;
        display: block;
        margin: 0 auto;
    }

    .div-cta-layout2-text {
        padding-top: 10px;
    }
}

@media (min-width: 1400px) {
    .div-cta-section {
        padding-top: 7.5%;
    }
    .p-layout2-cta-title {
        font-family: 'Aeonik-Regular', 'Open Sans', Helvetica Neue, Arial, Sans-serif;
        font-size: 40px;
    }
    .div-cta-layout2-left-section {
        padding-top: 11.8%;
    }
    .div-cta-layout2-left-section-sub-head-na {
        padding-top: 17.2%;
    }
    .div-cta-layout2-left-section-btn-na {
        padding-top: 17.2%;
    }
    .div-cta-layout2-left-section-title {
        padding-top: 21.2%;
    }
    .div-cta-layout2-left-section-title-na {
        padding-top: 20.8%;
    }
    .p-layout2-cta-sub-heading {
        font-family: 'Aeonik-Regular', 'Open Sans', Helvetica Neue, Arial, Sans-serif;
        font-size: 20px;
    }
    .div-cta-layout2-right-section {
        padding-left: 160px;
    }
    .img-cta-layout2 {
        height: 25em;
        display: block;
        margin: 0 auto;
    }
}

@media (max-width: 398px) {
    .p-layout2-cta-title {
        padding-top: 2px;
    }
}

@media (max-width: 300px) {
    .img-cta-layout2 {
        height: 10em;
    }
}

@media (max-width: 376px) {
    .img-cta-layout2 {
        height: 13em;
    }
}

@media (min-width: 1506px) {
    .p-cta-layout3-title {
        padding: 0px 108px 15px 108px;
    }
}

@media (max-width: 1505px) and (min-width: 1300px) {
    .p-cta-layout3-title {
        padding: 0px 56px 15px 56px;
    }
}

@media (max-width: 1299px) and (min-width: 1110px) {
    .p-cta-layout3-title {
        padding: 0px 6px 15px 6px;
    }
}

@media (max-width: 1109px) and (min-width: 541px) {
    .p-cta-layout3-title {
        padding: 0px 0px 15px 0px;
        font-size: 27px;
    }
}

@media (max-width: 424px) {
    .p-cta-layout3-title {
        font-size: 18px;
    }
}

@media (max-width: 370px) {
    .p-cta-layout3-title {
        font-size: 15px;
    }
}

@media (max-width: 320px) {
    .p-cta-layout3-title {
        font-size: 13px;
    }
}