.flags-ovrvw-img {
    width: 430px
}

.diamond-width {
    display: inline;
    height: 25px;
    width: 25px
}

.gt-yr {
    display: inline
}

.overview-cmp h4,.overview-cmp h6 {
    font-family: Plus Jakarta Sans,sans-serif;
    font-size: 1.125rem;
    font-weight: 700
}

.dots-line {
    border-top: 5px dotted #2a4dc0;
    display: inline-block;
    margin: 0 0 0 20px;
    opacity: 1
}

@media(max-width: 767px) {
    .flags-ovrvw-img {
        margin-left:0;
        width: 100%
    }

    .dots-line {
        border-left: 5px dotted #2a4dc0;
        border-top: none;
        display: block;
        height: 90pt;
        margin: 10px 0 0 10px;
        width: 2px
    }

    .incpn-txt {
        margin-top: -135px
    }

    .elvn-txt,.incpn-txt {
        margin-left: 30px
    }
}

@media(min-width: 1900px) {
    .flags-ovrvw-img {
        height:330px;
        width: 675px
    }

    .overview-cmp h4,.overview-cmp h6 {
        font-size: 1.5rem
    }

    .dots-line {
        margin: 0 0 0 40px
    }
}

@media only screen and (min-width: 768px)and (max-width:1024px) {
    .flags-ovrvw-img {
        height:270px;
        width: 270px
    }

    .dots-line {
        width: 30%
    }
}

.g20-doc-st {
    color: #2a4dc0;
    cursor: pointer;
    font-family: Plus Jakarta Sans,sans-serif;
    text-decoration: none
}

/*HOW G20 Works CSS*/
.image-with-text {
    background-color: #fcefdf;
    color: #fff;
    letter-spacing: 0;
    padding: 30px 0
}

.image-with-text .image-with-text-title {
    color: #191919;
    padding: 40px 0
}

.image-with-text .image-with-text-title h2 {
    font-family: Plus Jakarta Sans,sans-serif;
    font-size: 3rem;
    font-weight: 700;
    text-align: center
}

.image-with-text .image-with-text-text {
    word-wrap: break-word;
    color: #191919;
    padding: 0 40px
}

.image-with-text .image-with-text-text ul {
    list-style: none
}

.image-with-text .image-with-text-text ul li {
    padding: 15px 0;
    text-align: justify
}

.image-with-text .image-with-text-text ul li:before {
    color: #f93;
    content: "♦";
    display: inline-block;
    font-size: 1pc;
    font-weight: 700;
    margin-left: -1em;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.image-with-text#how-g20-works {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 50%
}
