/*foc warranty*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
.view-warranty #sp-main-body {background: #f4f4f4!important;}
.view-warranty div#sp-component {font-family: 'Inter'!important;}


/*title*/
h1.warranty-header {font-family: 'Inter'!important;font-weight: 700;margin-bottom: 50px;}

@media (max-width: 767px){
h1.warranty-header {font-family: 'Inter'!important;font-weight: 700;margin-bottom: 50px;margin-left: -15px;}}

/*box*/
.row.warranty-data {background: #e1eee3;border-left: 6px solid #39b54a;padding: 15px;border-radius: 0px 15px 15px 0;margin-bottom: 30px;}

/*text color*/
.warranty-product-details, .warranty-expired-date {color: #646464;}
b.car-plate,h2.expired-date {color: #000;}

/*left side*/
b.car-plate {font-size: 22px;}h2.expired-date {margin-top: 0;font-weight: 900;letter-spacing: 0;}
@media only screen and (min-width: 992px) {
p.created-date {/* position: absolute; *//* bottom: 0; */}
.warranty-product-details, .warranty-expired-date {height: 150px;}}

/*right side*/
.warranty-expired-date {display: flex;flex-direction: column;justify-content: center;flex-wrap: nowrap;}


/*warranty page********************************************************************/


/*warranty dashboard content right*/
.view-warranty div#sp-component {background: #f4f4f4;}
.view-warranty div#sp-component {padding-top: 50px;/* background: #f1f1f1; */font-family: 'Inter';letter-spacing: 0;}
@media (max-width: 767px){
.view-warranty div#sp-component {padding-top: 0px;/* padding-left: 0px; *//* padding-right: 35px; */background: #f4f4f4;margin: 0 15px;padding-bottom: 120px;}}
@media (min-width: 768px) and (max-width: 991px){
.view-warranty div#sp-component {padding: 0 30px;}}
@media only screen and (min-width: 992px) {
.view-warranty div#sp-component {padding: 0 80px;padding-top: 80px;}}

/*content*/