
.text-image{
    font: 17px "KIA-REGULAR", sans-serif;
    line-height: 20px;
    color: #000;
}

.text-image h1{ font: 32px "KIA-REGULAR", sans-serif; line-height: 40px; margin-top: 0px; margin-bottom: 16px; color: #05141F; }
.text-image h1 b{font-weight: 600; color: #000}

.text-image .row{margin-left: 0px; margin-right: 0px}

.text-image .row .img{padding: 50px;}
.text-image .row .img.right{padding: 72px 72px 48px 0;}
.text-image .row .img.left{padding: 0 0 72px 72px;}
.text-image .row img{border-radius: 8px;}

.text-image .row .text{padding: 72px 50px 48px 72px}
.text-image .row .text .ubi{padding-bottom: 32px}
.text-image .row .text.left{padding: 0 72px}
.text-image .row .text .btnLearnMore a{font: 600 20px "KIA-REGULAR", sans-serif; line-height: 24px; padding: 12px 0px; border: 1px solid #000; border-radius: 8px; margin-top: 16px; background: transparent; width: 60%; outline: none; color: #000; }
.text-image .row .text .btnLearnMore a:hover{color: #333; border: 1px solid #333}
.text-image .row .text .btnLearnMore a:active{color: #b3b3b3; border: 1px solid #b3b3b3}

.text-image .row.list-items{margin: 16px}
.text-image .row.list-items ul{margin-bottom: 0px; padding-inline-start: 10px}

.btn.active, .btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media ( max-width : 1024px) {
	.text-image{font-size: 12px; line-height: 16px}
	.text-image h1{font-size: 24px; line-height: 24px}
	.text-image .row .text{padding: 42px 40px 38px 42px}
	.text-image .row .text.left{padding: 0 42px}
	.text-image .row .img.right{padding: 42px 42px 38px 0;}
	.text-image .row .img.left{padding: 0 0 42px 42px;}
	.text-image .row .text .btnLearnMore a{font-size: 12px; line-height: 20px}
}

@media ( max-width : 767px) {
	.text-image{
        font: 16px "KIA-REGULAR", sans-serif;
         line-height: 24px;
		 padding: 0px 32px;
    }
	.digitalKey {
		font: 16px "KIA-REGULAR", sans-serif;
         line-height: 24px;
        padding: 0px 32px 48px 32px;
	}
	.text-image h1{font: 28px "KIA-REGULAR", sans-serif; line-height: 34px;}
	.text-image .row .col-xs-12{padding: 32px 0px}
	.text-image .row .text, .text-image .row .text.left{padding: 0px;}
	.text-image .row .text.left{margin-bottom: 32px}

	.text-image .row .img, .text-image .row .img.left{padding: 32px 0px}
	.text-image .row .img img{margin: 0 auto}

	.text-image .row .text .btnLearnMore, .text-image .row .text.center span{text-align: center}

	.text-image .row .text .btnLearnMore a{width: 100%; font-size: 15px; line-height: 18px}
}

.digitalKey ul li {
	margin-left: -10px !important;
}
.digitalKey .mt-16 {
	margin-top: 16px !important;
}
.digitalKey .text{
	font-size: 17.5px; font-weight: 400; line-height: 24px; letter-spacing: 0em; text-align: left; color: #000000;
}
