.banner h2, .banner h2 {
    margin-bottom: 2rem !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1.5625rem !important;
}
.banner p {
    font-size: 1rem;
}
.banner.home p {
    font-size: 1rem !important;
}
a.downloadlinkicon::after {
    background-image: url('/assets/img/icons/download.svg'); 
    background-attachment: scroll; background-repeat: no-repeat; 
    background-position: 50% 50%; background-size: 60% 60%;
}
.downloadlink.light a.downloadlinkicon::after {
    background-image: url('/assets/img/icons/download-light.svg');
}

.fb {gap: 0px 3.125rem;}
.fbcolumn {flex-basis: 40%;}
h2.fbheader {font-size: 3.125rem; line-height: 1.2;}

@media screen and (max-width: 991px){
	.fbcolumn {flex-basis: 45%;}
	.fbcolumn:nth-child(3) > div {border-bottom: 1px solid #dee2e6;}
	h2.fbheader {height: auto;}
}

@media screen and (max-width: 750px){
	.fbcolumn {flex-basis: 100%;}
	.videocontrolcontainer h2 {font-size: 2.5rem;}
}

.customised_solutions {display: grid; grid: auto / 1fr 1fr; gap: 1rem;}
.customised_solution {height: 22rem; background-size: cover !important;}
/*.customised_solution:last-child {grid-column: span 2; height: 22rem;}*/
.customised_solution.fs {background: transparent url('@/assets/img/our_solutions/financial-services.png') scroll no-repeat 50% 50%;}
.customised_solutiontext {max-width: 55%;}
/*.customised_solution:last-child .customised_solutiontext p {max-width: 45%;}*/


.form-floating {color: rgba(13, 10, 25, 1);}
.form-floating label {line-height: 1.5rem;}
.form-floating textarea {height: 5.5rem; resize: none;}
.form-control {font-size: .875rem;}

h4.thanks {font-size: 1.125rem; font-weight: 500;}
h2.thanks {margin: 0 auto; color: rgba(13, 10, 25, 1); font-size: 3.125rem; line-height: 1.1; max-width: 60%;}
p.thanks {margin: 0 auto; color: rgba(102, 102, 102, 1); font-size: 1rem; max-width: 70%;}
.thanksicon {border: 1px solid rgba(102, 102, 102, 1); border-radius: 50%; position: relative; width: 45px; height: 45px;}
.thanksicon::after {content: ''; box-sizing: content-box; border-left: 2px solid rgba(0, 171, 239, 1); border-bottom: 2px solid rgba(0, 171, 239, 1); position: absolute; top: 50%; left: 50%; width: calc(100% / 4); height: 12%; transform: translate(-55%, -75%) rotateZ(-45deg);}

@media screen and (max-width: 991px){
	h2.thanks, p.thanks {max-width: 100%;}
}


@media screen and (max-width: 991px){
	.customised_solutions {display: grid; grid: auto / 100%; gap: 1rem;}
	.customised_solution {padding: 2rem !important; height: auto;}
	.customised_solution:last-child {grid-column: span 1; height: auto;}
	.customised_solutiontext, .customised_solution:last-child .customised_solutiontext p {max-width: calc(100% - 4rem);}
}

.roadefficiency {display: flex; flex-flow: row wrap; aspect-ratio: 100 / 45; align-items: center;}
.contentbanner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: cover;
    }
.roadefficiencycontent {flex-basis: 33%; color: #ffffff;}
.roadefficiencycontent h2 {font-family: 'Daimler CAC', 'Times New Roman', serif; font-size: 3.5rem; line-height: 1;}
.roadefficiencycontent p {line-height: 1.7;}

@media screen and (max-width: 900px){
	.roadefficiency {aspect-ratio: auto;}
	.contentbanner {margin-top: 1rem; position: relative; aspect-ratio: 16 / 9; flex-basis: 100%; order: 2;}
	.contentbanner .banner-fade {display: none;}
	.roadefficiencycontent {padding: 2rem !important; flex-basis: auto; order: 1;}
}

@media screen and (max-width: 750px){
	.contentbanner {aspect-ratio: 10 / 8; background-position: 100% 50%;}
	.roadefficiencycontent {padding: 1rem !important; flex-basis: auto;}
}

.fo_header h2 {font-size: 4rem;}
.fo_header {background-color: transparent; background-attachment: scroll; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}


.fo_benefits {background-color: #f5f6f7; color: #666666;}
.fo_benefits h2 {border-color: #999999; color: rgba(13, 10, 25, 1); font-size: 3.125rem;}

.fo_offer h3 {font-family: 'Daimler CAC', 'Times New Roman', serif; font-size: 1.5rem;}

@media screen and (max-width: 750px){
	.fo_header h2 {font-size: 4rem; text-shadow: 0px 2px 4px rgba(0 0 0 / 50%);}
}

.videocontainer, .videoposter {position: relative; aspect-ratio: 16 / 9;}
.videocontainer video {width: 100%; height: 100%;}
.videoposter {background-color: transparent; background-attachment: scroll; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.videoposter.gs {background-image: url('@/assets/img/road_efficiency/greater-safety.jpg');}
.videooverlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.videocontainer.playing .videooverlay {display: none;}
.videooverlay h2 {font-size: 4rem; line-height: 1.2;}
.videocontent h2 {font-size: 3.125rem;}
.videoplaybutton {border: 0 none; width: 3.375rem; height: 3.375rem; background: #f5f6f7 url('@/assets/img/icons/play.svg') scroll no-repeat 50% 50%; background-size: 45% 45%;}
@media screen and (max-width: 1200px){
	.videooverlay {padding: 1.5rem !important;}
	.videooverlay h2 {font-size: 2.5rem;}
}
@media screen and (max-width: 991px){
	.videooverlay {padding: 1.5rem !important;}
	.videooverlay h2 {font-size: 2rem;}
	.videooverlay p {font-size: .875rem;}
	.videoplaybutton {width: 3rem; height: 3rem;}
}

    #tblspecs tbody tr td:nth-child(2), #tblspecs tbody tr td:nth-child(3), #tblspecs tbody tr td:nth-child(4)  {
		text-align: center;
	}

	#tblspecs thead tr th {
		text-align: center;
	}

    th, td {
        border: 1px solid #666666;
        padding: 8px;
    }

    thead th {
        width: 25%;
        font-weight: bold;
    }    
    
    .info-table {
        width: 100%;
        background: #fff;
        color: #202022;
    }

        .info-table thead tr th {
            text-align: center;
            font-size: 18px;
            border-bottom: 1px solid #222;
            padding: 20px;
            color: #202022;
        }

            .info-table thead tr th:first-child {
                text-align: left;
            }

        .info-table tbody tr td {
            
            border: 1px solid #222;
            padding: 20px;
            color: #202022;
            text-align: center;
        }

        

            .info-table tbody tr td:first-child {
                text-align: left;
            }
            
            
            
            

    .scheader {
        font-size: 4rem;
    }

    .scbenefit {
        border-bottom: 1px solid #999999;
        color: #ffffff;
    }

        .scbenefit:last-child {
            border-bottom: 0 none;
        }


    .tlligent {
        background: transparent url('@/assets/img/tlligent/tlligent.png') scroll no-repeat 50% 50%;
        background-size: cover;
    }

    .tlligentcontent {
        flex-basis: 49%;
    }

        .tlligentcontent h2 {
            font-size: 4rem;
        }

    .contentbanner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .contracttypes {
        gap: 15px;
    }

    .contracttype {
        flex-basis: calc((100% - 30px) / 3);
        background-color: #ffffff;
        color: rgb(13, 10, 25);
    }

        .contracttype h3 {
            color: rgb(13, 10, 25);
            font-family: 'Daimler CAC', 'Times New Roman', serif;
            font-size: 2.25rem;
            line-height: 1;
        }

    .sccompare {
        margin: 0 auto;
        background-color: #f5f6f7;
        color: rgb(13, 10, 25);
        overflow-x: auto;
    }

    .sccompareitem {
        flex-basis: 40%;
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1rem;
        font-weight: bold;
        line-height: 1.5;
    }

    .sccomparevalue {
        flex-basis: 20%;
        flex-grow: 1;
        text-align: center;
    }

        .sccomparevalue span {
            color: rgba(0, 171, 239, 1);
        }

        .sccomparevalue::after {
            content: '';
            position: absolute;
            top: 50%;
            right: 0;
            width: 1px;
            height: 1.5rem;
            background-color: rgba(153, 153, 153, .5);
            transform: translateY(-50%);
        }

        .sccomparevalue:last-child::after {
            display: none;
        }

    .scheadline {
        border-bottom: 2px solid rgb(13, 10, 25);
    }

        .scheadline .sccompareitem {
            font-family: 'Daimler CAC', 'Times New Roman', serif;
            font-size: 2.25rem;
            font-weight: normal;
            line-height: 1.2;
        }

        .scheadline .sccomparevalue {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1.375rem;
            font-weight: bold;
            line-height: 1.5;
        }

    .sctable {
        border-bottom: 1px solid rgba(153, 153, 153, .5);
    }

        .sctable:last-child {
            border-bottom: 0 none;
        }

    .fo_header {
        background-color: transparent;
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
    }

        .fo_header.choices {
            background-image: url('@/assets/img/our_solutions/fo-choices.png');
        }

        .fo_header.oplease {
            background-image: url('@/assets/img/our_solutions/fo-operatinglease.png');
        }

        .fo_header.iagreement {
            background-image: url('@/assets/img/our_solutions/fo-installmetagreement.png');
        }

    .videocontainer {
        position: relative;
        aspect-ratio: 16 / 9;
    }

        .videocontainer video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .fb {
        gap: 0px 3.125rem;
    }

    .fbcolumn {
        flex-basis: calc((100% - 3.125rem) / 2);
    }

    h2.fbheader {
        font-size: 3.125rem;
        line-height: 1.2;
        height: 6.25rem;
    }

    @media screen and (max-width: 991px) {
        /*.tlligent {padding: 2rem !important;}*/
        .tlligentcontent {
            flex-basis: 100%;
            order: 1;
        }

        .contentbanner {
            margin-top: 1rem;
            position: relative;
            aspect-ratio: 16 / 9;
            flex-basis: 100%;
            order: 2;
        }

            .contentbanner .banner-fade, .contentbanner .banner-reversefade {
                display: none;
            }
    }

    @media screen and (max-width: 750px) {
        .contracttype {
            flex-basis: 100%;
        }

        .sccomparetable {
            max-width: 100%;
        }

        .scheadline, .sctable {
            min-width: 185%;
        }

        .contentbanner {
            aspect-ratio: 10 / 6;
            background-position: 50% 50%;
        }
    }
    
    
    
    .linkblock {
    background-size: cover !important;
    color: #ffffff;
}

    .linkblock h3 {
        font-family: 'Daimler CAC', 'Times New Roman', serif;
        font-size: 2.25rem;
        line-height: 1;
    }

    .linkblock p {
        line-height: 1.5;
        height: 4.5rem;
    }

@media screen and (max-width: 991px) {
    .linkblock {
        margin-bottom: 1rem;
    }

        .linkblock.dealer {
            margin-bottom: 0;
        }
}

uptimeconnectivity {aspect-ratio: 100 / 45; background: #ffffff url('@/assets/img/uptime/uptime-banner-bg.jpg') scroll no-repeat 50% 50%; background-size: cover;}
.uptimeconnectivitycontent {flex-basis: 55%; color: #ffffff;}
.uptimebenefits {gap: 3.125rem; height: 100%;}
.uptimebenefitcolumn {flex-basis: calc((100% - 3.125rem) / 2);}
.uptimebenefitcolumn:nth-child(1) {height: 100%; background: #ffffff url('@/assets/img/uptime/csp_uptime-benefits.jpg') scroll no-repeat 50% 50%; background-size: cover;}
.uptimebenefitcolumn h3 {font-family: 'Daimler CAC', 'Times New Roman', serif; font-size: 2.25rem; line-height: 1.2;}

@media screen and (max-width: 991px){
	.uptimeconnectivity {padding: 2rem !important; aspect-ratio: auto; background-position: 40% 50%;}
	.banner-fade {display: none;}
	.uptimeconnectivitycontent {flex-basis: 100%;}
	.uptimebenefitcolumn:nth-child(1) {aspect-ratio: 1 / 1;}
}

/*CSP*/
.ytp-cued-thumbnail-overlay-image {
    background-size: contain !important;
    ackground-size: contain !important;
    -moz-background-size: contain !important;
    -webkit-background-size: contain !important;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
}
/*.csp_header {background-color: transparent; background-attachment: scroll; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.csp_header_content {}*/
.contentbanner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
}

.customerservice {
    background-image: url('@/assets/img/csp/customer-service.jpg');
    background-position: 50% 0;
}

.parts {
    background-image: url('@/assets/img/csp/parts.jpg');
}

.csp_header h2 {
    font-size: 4rem;
    line-height: 1;
}

.csp_header p {
    max-width: 40%;
}

.csp {
    gap: 0px 3.125rem;
}

.cspcolumn {
    flex-basis: calc((100% - 3.125rem) / 2);
}

h2.cspheader {
    font-size: 3.125rem;
    line-height: 1.2; /*height: 6.25rem;*/
}

.orderonline {
    background-color: #f5f6f7;
    color: rgba(13, 10, 25, 1);
}

.orderonlinebg {
    aspect-ratio: 10 / 6;
    background: transparent url('@/assets/img/csp/order-online.jpg') scroll no-repeat 50% 50%;
    background-size: cover;
}

.orderonlinetext h2 {
    color: rgba(13, 10, 25, 1);
    font-size: 4rem;
    line-height: 1;
}

.partner {
    background-color: #ffffff;
    color: #000000;
}

.partnerbg {
    aspect-ratio: 10 / 6;
    background: transparent url('@/assets/img/csp/partner-with-us.jpg') scroll no-repeat 50% 50%;
    background-position: 0 50%;
    background-size: cover;
}

.partnertext h2 {
    color: #000000;
    font-size: 4rem;
    line-height: 1;
}

@media screen and (max-width: 991px) {
    /*.csp_header, .orderonlinetext, .partnertext {padding: 2rem !important;}
	.customerservice {padding: 2rem !important;}*/
    .csp_header p {
        max-width: none;
    }

    .cspcolumn {
        flex-basis: 100%;
    }

    .contentbanner {
        margin-top: 1rem;
        position: relative;
        aspect-ratio: 16 / 9;
        flex-basis: 100%;
        order: 2;
    }

        .contentbanner .banner-fade {
            display: none;
        }
}

@media screen and (max-width: 750px) {
    .contentbanner {
        aspect-ratio: 10 / 6;
        background-position: 50% 50%;
    }

    .roadefficiencycontent {
        padding: 1rem !important;
        flex-basis: auto;
    }
}

/*Service24h*/
.urgentassistance {
    border: 1px solid #c4c4c4 !important;
}

    .urgentassistance h2 {
        font-size: 3.125rem;
    }

    .urgentassistance a {
        border-color: inherit !important;
        color: currentColor;
        font-family: 'Daimler CAC', 'Times New Roman', serif;
        font-size: 1.625rem;
        text-decoration: none;
    }

.urgentassistanceemail {
    border-left: 1px solid #c4c4c4;
}

.service24h_benefit {
    gap: 3.125rem;
    height: 100%;
}

.service24h_benefit1column {
    flex-basis: calc((100% - 3.125rem) / 2);
}

    .service24h_benefit1column:nth-child(1) {
        height: 100%;
        aspect-ratio: 10 / 7;
        background: #ffffff url('/assets/img/service24h/csp_service24h-benefit1.jpg') scroll no-repeat 50% 50%;
        background-size: cover;
    }

    .service24h_benefit1column h2 {
        font-family: 'Daimler CAC', 'Times New Roman', serif;
        font-size: 3.125rem;
        line-height: 1.2;
    }
/*.stepsforassistance {aspect-ratio: 100 / 45; background: #ffffff url('@/assets/img/uptime/uptime-banner-bg.png') scroll no-repeat 40% 50%; background-size: auto 105%;}*/
.stepsforassistancecontent h2 {
    font-size: 4rem;
}

.stepforassistance span {
    box-sizing: content-box;
    border-radius: 50%;
    padding: 8px;
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem;
    background-color: #eeeeee;
    color: rgb(13, 10, 25);
    font-family: 'Daimler CAC', 'Times New Roman', serif;
    font-size: 1.625rem;
    line-height: 1;
    text-align: center;
}

@media screen and (max-width: 991px) {
    .urgentassistanceemail {
        border-top: 1px solid #c4c4c4 !important;
        border-left: 0 none;
    }

    .service24h_benefit1column {
        flex-basis: 100%;
    }

    .stepsforassistancecontent {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
}

/*ABRC*/
.abrccriteria {
    aspect-ratio: 100 / 45;
    background: #ffffff url('/assets/img/abrc/abrc-banner-bg.jpg') scroll no-repeat 50% 50%;
    background-size: cover;
}

.abrccriteriacontent {
    flex-basis: 45%;
    color: #ffffff;
}

    .abrccriteriacontent h2 {
        font-family: 'Daimler CAC', 'Times New Roman', serif;
        font-size: 3.125rem;
        line-height: 1.2;
    }

.abrccriteriadownloads {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ffffff;
}

.abrccriteriadownload {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    flex-basis: 45%;
    color: rgb(13, 10, 25);
    font-size: .875rem;
    line-height: 1.4;
}

.abrccriteriadownloaddetails {
    display: inline-flex;
    align-items: center;
}

    .abrccriteriadownloaddetails span {
        font-size: .875rem;
    }

.abrccriteriadownloadsize {
    border-left: 1px solid #999999;
    padding-inline: 10px;
    color: #999999;
    line-height: 1.75;
    white-space: nowrap;
}

a.abrccriteriadownloadicon {
    margin-left: 10px;
    box-sizing: content-box;
    border-radius: 5px;
    padding: 5px;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #f5f6f7;
    text-decoration: none;
}

    a.abrccriteriadownloadicon::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-image: url('/assets/img/icons/download.svg');
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 60% 60%;
    }

.abrctabs {
    border: 1px solid #999999;
    border-radius: .25rem;
    padding-block: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

    .abrctabs .nav-item:focus-visible {
        border: 0 none;
        outline: none;
    }

    .abrctabs .nav-link {
        border: 0 none;
        color: #ffffff;
    }

        .abrctabs .nav-link:hover, .abrctabs .nav-link:active {
            border: 0 none;
            color: rgba(0, 171, 239, 1);
        }

        .abrctabs .nav-link.active {
            border: 0 none;
            color: rgba(0, 171, 239, 1);
            background-color: transparent;
        }

.abrclist {
    gap: 2rem;
}

.abrclistitem {
    display: flex;
    flex-flow: row nowrap;
    align-content: flex-start;
    justify-content: stretch;
    flex-basis: calc((100% - 2rem) / 2);
}

.abrc_address {
    flex-basis: 75%;
}

.abrc_contact {
    flex-basis: 25%;
    font-size: .875rem;
}

@media screen and (max-width: 991px) {
    .abrctabs {
        gap: 1rem;
    }

    .abrccriteria {
        padding: 2rem !important;
        aspect-ratio: none;
    }

    .abrccriteriacontent {
        flex-basis: 100%;
    }

    .abrccriteriadownloads {
        flex-flow: column wrap;
        gap: 1rem;
    }

    .abrccriteriadownload {
        flex-basis: 100%;
        width: 100%;
    }

    .abrclistitem {
        flex-flow: row wrap;
        gap: 1rem;
    }

    .abrc_address {
        flex-basis: 100%;
    }

    .abrc_contact {
        flex-basis: 100%;
    }
}

@media screen and (max-width: 750px) {
    .abrclistitem {
        flex-basis: 100%;
    }

    .abrctabs {
        gap: 0;
    }

        .abrctabs li {
            flex-basis: calc(100% / 3);
        }
}

/*ABOUT US*/
.aboutblock {
    background-color: #F5F6F7;
    overflow: hidden;
}

.aboutcontent {
    flex-basis: 50%;
    color: #151516;
}

    .aboutcontent h2 {
        color: #333333;
        font-family: 'Daimler CAC', 'Times New Roman', serif;
        font-size: 3.125rem;
        line-height: 1.4;
    }

    .aboutcontent p {
        color: #333333;
        line-height: 1.4;
    }

.aboutimage {
    flex-basis: 50%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: transparent url('/assets/img/about/about_quality.jpg') scroll no-repeat 75% 50%;
    background-size: auto 100%;
}

    .aboutimage img {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        height: 100%;
        object-fit: cover;
    }

.aboutdtsa {
    flex-basis: 50%; /*aspect-ratio: 4 / 3; background-color: #ffffff; overflow: hidden;*/
}

    .aboutdtsa img {
        margin: 0 auto;
        display: block;
        width: auto;
        max-width: 90%;
        height: auto;
    }

.values {
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
}

.value {
    padding: 2.5rem;
    position: relative;
    aspect-ratio: 16 / 9;
    flex-basis: calc((100% - 1rem) / 2);
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    justify-content: center;
    background-size: cover !important;
}

    .value.partnership {
        background: transparent url('/assets/img/about/about_partnership.jpg') scroll no-repeat 50% 50%;
    }

    .value.innovation {
        background: transparent url('/assets/img/about/about_innovation.jpg') scroll no-repeat 50% 50%;
    }

    .value.passion {
        background: transparent url('/assets/img/about/about_passion.jpg') scroll no-repeat 50% 50%;
    }

    .value.sustainability {
        background: transparent url('/assets/img/about/about_sustainability.jpg') scroll no-repeat 50% 50%;
    }

    .value h2 {
        display: block;
        width: 100%;
        font-family: 'Daimler CAC', 'Times New Roman', serif;
        font-size: 3.125rem;
        line-height: 1.4;
    }

    .value p {
        margin-block: 0;
        margin-inline: 0 auto;
        max-width: 55%;
    }

@media (min-width: 1024px) {
    .about {
        min-height: 100vh;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 1024px) {
    .aboutdtsa {
        flex-basis: 100%;
    }

        .aboutdtsa img {
            max-width: 50%;
        }
}

@media screen and (max-width: 991px) {
    .aboutblock {
        flex-flow: column wrap;
    }

    .aboutimage {
        flex-basis: 100%;
        width: 100%;
        aspect-ratio: 10 / 8;
    }

    .value {
        padding: 0 2rem;
    }

        .value h2 {
            display: block;
            font-size: 2.5rem;
        }

        .value p {
            max-width: 80%;
        }
}

@media screen and (max-width: 750px) {
    .aboutdtsa img {
        max-width: 75%;
    }

    .values {
        display: flex;
        flex-flow: column wrap;
        gap: 1rem;
    }

    .value {
        padding: 0 2rem;
        aspect-ratio: 16 / 9;
        flex-basis: 100%;
    }
}