.image-and-text {}

    .image-and-text.white-bg  {
        background-color: #fff;
    }

    .image-and-text.blue-gradient-bg  {
        background: linear-gradient(135deg, rgba(26,23,67,1) 0%,rgba(90,165,191,1) 100%);
        color: #fff;
        padding-top: 0;
    }

    .image-and-text.blue-gradient-bg  h5,
    .image-and-text.blue-gradient-bg  h2 {
        color: #fff;
    }

    .dotted-pattern {
        display: inline-block;
        position: absolute;
        bottom: -40px;
        right: -40px;
        content: "";
    }

    .image-text-bg svg {
        vertical-align: top;
    }

    @media(min-width: 768px) {

        .image-and-text {
            padding-top: 90px;
            padding-bottom: 40px;
        }

        .image-and-text.blue-gradient-bg {
            padding: 0 0 60px;
        }

        .image-text-bg {
            margin-bottom: 40px;
        }

    }

    @media(min-width: 1025px) {

        .image-and-text {
            padding-top: 80px;
            padding-bottom: 80px;
        }

        .image-text-bg {
            margin-bottom: 80px;
        }

        .image-and-text.blue-gradient-bg {
            padding-bottom: 120px;
        }

            .half-and-half-text {
                padding-left: 90px;
                max-width: 682px;
            }
            .half-and-half.right .half-and-half-text {
                padding-right: 90px;
                padding-left: 0;
            }

    }

    @media(min-width: 1200px) {

        .image-and-text {
            padding-top: 60px;
        }
    }