﻿.cta.cta-full {
    padding-top: 75px;
    padding-bottom: 75px;
    position: relative;
}


.cta.cta-full {
    padding: 40px;
    position: relative;
    z-index: 1;
    /*overflow: hidden;*/
    height:300px;
    border-radius: 20px;
}

.cta-bg-navy {
    background: var(--GC-Navy);
    color: var(--GC-White);
}

    .cta-bg-navy h1 {
        color: var(--bgh-light-blue);
    }

    .cta-bg-navy .btn-light-blue:hover {
        background: var(--GC-White);
        color: var(--GC-Navy);
        border-color: var(--GC-White);
    }

.cta-bg-light-blue {
    background: var(--bgh-light-blue);
    color: var(--GC-White);
}

    .cta.cta-bg-light-blue .cta-img-bg {
        filter: drop-shadow(10px 40px 0px rgba(0, 40, 86, 1));
    }

.cta-bg-orange {
    background: var(--bgh-orange);
    color: var(--GC-Navy);
}

    .cta.cta-bg-orange .cta-img-bg {
        filter: drop-shadow(10px 40px 0px rgba(0, 40, 86, 1));
    }

.cta-bg-green {
    background: var(--bgh-green);
    color: var(--GC-Navy);
}

    .cta.cta-bg-green .cta-img-bg {
        filter: drop-shadow(10px 40px 0px rgba(0, 40, 86, 1));
    }

.cta-bg-pink {
    background: var(--bgh-pink);
    color: var(--GC-Navy);
}

    .cta.cta-bg-pink .cta-img-bg {
        filter: drop-shadow(10px 40px 0px rgba(0, 40, 86, 1));
    }

.cta-bg-yellow {
    background: var(--bgh-yellow);
    color: var(--GC-Navy);
}

    .cta.cta-bg-yellow .cta-img-bg {
        filter: drop-shadow(10px 40px 0px rgba(0, 40, 86, 1));
    }

.cta-bg-purple {
    background: var(--bgh-purple);
    color: var(--GC-White);
}

    .cta.cta-bg-purple .cta-img-bg {
        filter: drop-shadow(10px 40px 0px rgba(0, 40, 86, 1));
    }

.cta .btn-pink {
    background: var(--bgh-pink);
    color: var(--GC-Navy);
    border-color: var(--bgh-pink);
}

.cta .cta-content {
    width: 600px;
    position: relative;
    z-index: 50;
}

    .cta .cta-content h1, .cta .cta-content h2, .cta .cta-content h3 {
        font-size: 28px;
    }

        .cta .cta-content p.intro {
            font-size:19.5px;
        }

        .cta .cta-content .btn {
            margin:15px 0 45px 0;
        }


.cta .cta-img {
    height: 480px;
    width: 480px;
    position: absolute;
    right: 10px;
    bottom: -50px;
    z-index: 1;
    clip-path: polygon(59% 0, 100% 33%, 91% 83%, 41% 100%, 0 67%, 9% 18%);
    background-size: cover !important;
    background-position: center !important;
}

    .cta .cta-img img {
        height: 100%;
    }

    .cta .cta-img-bg {
        filter: drop-shadow(10px 40px 0px rgba(0, 204, 255, 1));
    }

    /*.cta .cta-img:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(45deg, rgb(144, 209, 218, .95) 0%, rgba(144, 209, 218, .85) 50%);
    }*/

   .cta-simple
   {
       display:flex;
       align-items:center;
   }

@media (min-width: 768px) and (max-width: 991px) {
    .cta .cta-content {
       width:400px;
    }
}


@media screen and (max-width: 767px) {
    .cta .cta-content {
        width:100%;
    }

    .cta .cta-img, .cta .cta-img:after, .cta .cta-img:before {
        display: none;
    }

}

