/* Shared */ 
	.page-title {
	    background: #002661;
        text-align: center;
        padding-top: 2em;
        padding-bottom: 2em;
	}

    .highlight-title {
        background: #002661;
        text-align: center;
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }

    h3,
    h4 {
        font-size: 24px;
        font-weight: bold;
    }

	.page-title h2,
	.page-title h3, .highlight-title h2, .highlight-title h3 {
	    color: white !important;
	    text-align: center;
	    padding-left: 0;
	    border-left: 0;
	    max-width: 100%;
	    margin-top: 0;
	    margin-bottom: 0;
	}
    
    .row-grid {
       display: grid;
       grid-template-columns: 3fr 4fr;
       gap: 4em;
       justify-items: center;
       align-items: center;
       grid-row-gap: 7em;
   }

    .row-grid.grid-padding > div {
        padding: 1em;
    }

    .row-grid.equal {
        grid-template-columns: 1fr 1fr;
    }

    /* Machine Translation */


.features-languages-group {
    width: 15%;
}

.features-languages-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    list-style: none;
    padding-left: 0em;
    line-height: 2em;
    margin: 0;
    margin-top: 1.625em;
}

ul.features-languages {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    list-style: none;
    padding-left: 0em;
    line-height: 2em;
    font-size: 0.8em;
}

.features-languages-group:first-child {
    margin-top: 0;
}

.features-languages-group>h4,
.features-languages-group>div>h4 {
    font-weight: 800;
    color: white;
    background-color: #5587b9;
    ;
    font-size: 0.65em;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0.5em 1.2em;
    border: 0px solid;
    border-radius: 0px 30px 30px 0px;
    margin-bottom: 0.5em;
    width: max-content;
}

ul div.features-languages.group {
    width: 20%;
    display: flex;
    flex-wrap: wrap;
}

    @media (max-width: 769px) {
        .row-grid, .row-grid.equal {
            grid-template-columns: 1fr;
            grid-row-gap: 1em;
        }
    }

    /* Bottom CTN section */
    .gradient-bg {
        background-color: #002661;
        background-image: url(https://en.qrtranslator.com/wp-content/themes/QRT/images/quantum-gradient.svg);
        background-attachment: fixed;
        background-size: cover;
    }

    a.footer-ctn-btn {
        color: white;
        font-weight: bold;
        background: #ff5a29;
        padding: 12px 16px;
        border-radius: 15px;
        filter: drop-shadow(1px 3px 8px #002e7595);
    }

    a.footer-ctn-btn:hover {
        background: #fb6c42;
    }


    /* Page Specific */

    .row-grid.machine-languages {
        display: grid;
        grid-template-columns: 2fr 6fr;
        gap: 4em;
    }

    @media (max-width: 769px) {

        .row-grid.machine-languages {
            grid-template-columns: 1fr;
            grid-row-gap: 1em;
        }

        .row-grid.machine-mockup {
            grid-template-columns: 3fr 4fr;
            grid-row-gap: 1em;
        }

    }



    /* Specific Image sizing */

    /* Machine Translation */
   img.machine-mockup {
       max-width: 300px;
   }

   img.machine-glossary,
   img.machine-edit {
       max-width: 250px;
   }

   img.machine-add-redo,
   img.machine-custom {
       max-width: 400px;
   }
   
   @media (max-width: 769px) {
        img.machine-glossary,
        img.machine-edit {
            max-width: 200px;
        }

        img.machine-mockup {
            max-width: 200px;
        }

        img.machine-add-redo,
        img.machine-custom {
            max-width: 300px;
        }
   }