/*
Theme Name: TekhFixers Child
Theme URI: http://demo.cmssuperheros.com/themeforest/wp-tekhfixers/
Author: CMSSuperHeroes
Author URI: http://themeforest.net/user/CmsSuperheroes
Description: TekhFixers is a brand new modern WordPress theme that's perfect for mobile device and electronics repair shops. It's also suited for businesses and individuals that sell devices and accessories. It's responsive design means it'll look great across all devices.Book your device in for repair quickly and easily by using the Book a Fix feature. Just select your device type, the repair you require and any extras, and pay. It's quick and simple and will help you manage your jobs too.
Version: 1.1.3
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: tekhfixers-child
Template: tekhfixers
Tags: appliance repair, computer repair, computer service, electronics repair, iphone repair, IT service, mac repair, mobile repair, modern, pc repair, phone repair, repair service, service centre, smartphone, shop
*/
#site-header-wrap.header-layout .site-header-main a.logo {
    line-height: 135px;
}a.showcoupon {
    color: #083260;
}
.bg-primary:before{
	background: linear-gradient(90deg, #122550 0%, #05b6ff 100%);
}.video_palyer .content-button {
    display: none;
}.tax-device-category .repair-item .image-item img {
    max-height: 120px;
    object-fit: contain;
}.other_details {
	    margin-top: 20px;
    display: none;
}
.cms-heading.layout2 .subtitle{
	    color: #fff;
}.common_text li,.common_text p {
    margin-bottom: 15px;
    color: rgba(3, 37, 73, 0.66);
    font-family: 'AktivGrotesk';
    font-size: 16px;
}.common_text h5 {
    margin-bottom: 10px;
    margin-top: 30px;
    font-family: 'AktivGrotesk-Medium';
}.single-device .list-options li {
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.single-device .list-options li .select-item label,.single-device .list-options li .select-item span {
    font-size: 16px;
    line-height: 1;
}

.single-device .list-options li .select-item label span {
    width: 16px;
    height: 16px;
    display: flex;
}

.single-device .list-options li .select-item label span:after {
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
    bottom: 0;
    right: 0;
    padding: 0;
}
.primary-menu > li > a{
	color: #fff;
}.fr-grid-device-category .repair-item ,.tax-device-category .repair-item{
    border: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    max-width: 100%;
    border-radius: 10px;
}

.fr-grid-device-category .repair-item h3 ,.tax-device-category .repair-item h3 {
    margin: 10px 0px;
        font-size: 16px;
    font-family: 'AktivGrotesk';
}

.fr-grid-device-category .row,.tax-device-category .site-main {
    gap: 5px;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}.tax-device-category img[src=""],img[src=""] {
  display: none;
}.tax-device-category section.no-results.not-found {
    width: 100%;
    grid-column: 2 / -2;
}
.repair-item h3 a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    padding: 10px 0px;
}

.service-options .repair-carousel .repair-item {
    position: relative;
}

.service-options .repair-carousel .repair-item h3 {
    position: initial;
}

.repair-item h3 a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    padding: 10px 0px;
}

.fr-grid-device-category .repair-item h3, .tax-device-category .repair-item h3 {
    position: initial;
}

.fr-grid-device-category .repair-item, .tax-device-category .repair-item {
    position: relative;
}

.repair-item .image-item {
    margin-bottom: 20px;
}
@media (max-width: 767px) {
	  .fr-grid-device-category .row,.tax-device-category .site-main {
		grid-template-columns: repeat(2, 1fr);
		margin: 0;
	  }.fr-service-grid-default .service-item-grid {
    margin-bottom: 0px;
}body #content {
    padding-bottom: 50px;
}.site-footer .bottom-footer .cms-footer-item:nth-child(2), .site-footer .bottom-footer .cms-footer-item {
    margin-top: 0px;
}
	.cms-heading.layout1 .title {
        font-size: 32px;
    }
    .fr-grid-device-category .repair-item h3..tax-device-category .repair-item h3 {
        font-size: 16px;
        margin: 5px 0px;
    }
    .fr-grid-device-category .repair-item,.tax-device-category .repair-item{
        padding: 5px;
    }.single-hentry-blog-post {
    max-height: 347px;
}.fr-service-grid-default .service-item-grid .item-title {
    font-size: 24px;
}.cms-heading.layout1 .title br {
    display: none;
}

.single-device .list-options li .select-item span {
    line-height: 1.4;
}
}.list-options li .select-item span sup {
    top: 0;
    font-size: 16px;
}
#cms-heading .btn{
	background: #fff;
	color: #083260 !important;
}
.single-hentry-blog-post .entry-more .read-more {
    color: #fff;
}
.overlay:before {
    background: linear-gradient(to top, #122550, #05b6ff);
}
.fr-service-carousel-default .owl-nav .owl-next,.fr-service-carousel-default .owl-nav .owl-prev{
    background: #05b6ff;
}
.cls-2{
	    fill: #05b6ff !important;
}
.fr-service-grid-default .service-item-grid .item-image:after{
	    background: linear-gradient(to top, #fcfcfc 20%, #05b6ff);
}
.fr-testimonial-carousel.default .owl-nav .owl-prev, .fr-testimonial-carousel.default .owl-nav .owl-next,.scroll-top{
	    background: #05b6ff;
}
.fr-video-popup .hover-effect{
	    background: #05b6ffd4;
}
.btn.btn-primary{
	    background: linear-gradient(to right, #122550, #122550);
}
body footer.site-footer {
    background: linear-gradient(90deg, #122550 0%, #122550 100%);
    background: -moz-linear-gradient(0deg,#122550 0%, #122550 100%);
    background: -webkit-linear-gradient(0deg, #122550 0%, #122550 100%);
}
section#media_image-3 img {
    width: 110px;
}
span.wpcf7-form-control-wrap[data-name="your-message"] {
    width: 100% !important;
}
.cms-breadcrumb a.breadcrumb-entry{
	color: #032549;
}
button.cab-prev,button.cab-next {
    padding: 10px;
    width: 40px;
    height: 40px;
}
.choose-service-repair .warranty,
.choose-service-repair .addition{
    display: none !important;
}

.pickup_store{
	display:none !important;
}.trust_budge_fix {
      margin-bottom: 20px !important;
  
    width: 120px;
    height: 120px;
    z-index: 99;
}
.fr-contact-info-default .cms-social {
    display: none;
}
.menu_phone_tab  span.link-icon.left-icon {
    border: 2px solid;
    border-radius: 50px;
    width: 40px;
    height: 40px;
      margin-right: 10px;
    align-items: center;
    padding: 7px 13px;
    font-size: 25px;
}

.menu_phone_tab span.link-icon.left-icon i {
    color: #05b6ff;
    line-height: 1;
}

.menu_phone_tab  span.menu_phone {
    font-size: 18px;
}

.fr-contact-form-default .wpcf7-form textarea {
    height: 120px;
}.google_map iframe {
    border-radius: 30px;
    overflow: hidden;
}

.google_map.wpb_gmaps_widget.vc_map_responsive .wpb_map_wraper {
    padding-bottom: 40%;
}
.cta_btn .fr-call-to-action.default.style2 {
    background: #122550;
}

.cta_btn .fr-call-to-action.default.style2 .fr-cta-content h3,.cta_btn .fr-call-to-action.default.style2 .fr-cta-content p {
    color: #fff;
}footer#colophon .cms-social a {
    background: #05b6ff;
    padding: 10px;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
	    font-size: 30px;
    justify-content: center;
}
footer .cms-social .zmdi.zmdi-rss:before {
    content: '\f405';
}footer .cms-social .zmdi.zmdi-skype:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' fill-rule='evenodd' class=''%3E%3Cg%3E%3Cpath d='M256 0c141.39 0 256 114.61 256 256S397.39 512 256 512 0 397.39 0 256 114.61 0 256 0zm57.5 106.01c.01 4.58 1.36 70.83 70.87 74.96 0 19.1.02 32.95.02 51.18-5.26.3-45.76-2.64-70.97-25.12l-.08 99.64c.96 69.16-49.93 111.24-116.46 96.7-114.71-34.31-76.59-204.44 38.59-186.24 0 54.93.03-.01.03 54.93-47.58-7-63.5 32.58-50.85 60.93 11.5 25.8 58.88 31.39 75.41-5.01 1.87-7.12 2.8-15.25 2.8-24.37V105.76z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    content: "";
    width: 30px;
    height: 30px;
    background-size: 30px;
    display: inline-block;
}a {
}

footer .cms-social a:hover .zmdi.zmdi-skype:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' fill-rule='evenodd' class=''%3E%3Cg%3E%3Cpath d='M256 0c141.39 0 256 114.61 256 256S397.39 512 256 512 0 397.39 0 256 114.61 0 256 0zm57.5 106.01c.01 4.58 1.36 70.83 70.87 74.96 0 19.1.02 32.95.02 51.18-5.26.3-45.76-2.64-70.97-25.12l-.08 99.64c.96 69.16-49.93 111.24-116.46 96.7-114.71-34.31-76.59-204.44 38.59-186.24 0 54.93.03-.01.03 54.93-47.58-7-63.5 32.58-50.85 60.93 11.5 25.8 58.88 31.39 75.41-5.01 1.87-7.12 2.8-15.25 2.8-24.37V105.76z' fill='%2305b6ff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}


.cms-footer-item .widget_cs_social_widget .cms-social {
    display: flex;
    align-items: center;
}



footer#colophon .cms-social a:hover {
    background: #ffffff;
}.footer_contact a {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.footer_contact a i {
    font-size: 20px;
    color: #05b6ff;
}.bottom-col1.text-left-lg.text-center.text-copy-right {
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #ffffff52;
    padding: 20px 0px;
    font-family: "AktivGrotesk";
}
div#fr-device-type .owl-carousel .owl-stage {
    transform: none !important;
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
       gap: 10px;
}
.service-options .repair-carousel .repair-item {
    padding: 10px;
    border: 1px solid #ddd;
    background: transparent;
}

.service-options .repair-carousel .repair-item img {
    height: 120px !important;
    object-fit: contain;
}.service-options .repair-carousel .repair-item .image-item {
    margin-bottom: 30px;
}
.service-options .repair-carousel .repair-item h3 {
    margin: 10px 0px;
        font-size: 16px;
    font-family: 'AktivGrotesk';
}


.service-options .repair-carousel .repair-item .content {
    display: none;
}
#fr-device-type .owl-carousel,
#fr-device-type .owl-stage,
#fr-device-type .owl-stage-outer {
  /* make sure owl's floats/flex don't fight grid */
  display: block !important;
}

#fr-device-type .owl-carousel .owl-stage {
  display: grid !important;
  grid-gap: 16px; /* spacing between items */
      grid-template-columns: repeat(2, 1fr);
  align-items: start;
}
.choose-device-type .service-options .repair-carousel .repair-item .image-item img {
    max-width: 100%;
}
/* Make each owl item behave like a normal grid item */
#fr-device-type .owl-carousel .owl-item {
  display: block !important;
  width: auto !important;
  margin: 0 !important;
  transform: none !important; /* cancel translation transforms */
  transition: none !important;
}
::before {}

.payment-information .pay-on-card label span:before {
    content: "";
    position: absolute;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #05b6ff;
    opacity: 0;
    height: 16px;
    width: 16px;
}.pay-on-card img {
    width: 200px;
    height: auto;
}

.payment-information .pay-on-card label {
    align-items: center;
}

.payment-information .pay-on-card input {
    display: none;
}

.payment-information .pay-on-card label {
    display: flex;
    cursor: pointer;
}
.stipr_card {
    display: none;
}
#card-element {
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    margin: 10px 0px 30px;
}
.StripeElement {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    border: 1px solid #ccd0d2;
    border-radius: 4px;
    background-color: white;
}

.StripeElement--focus {
    border-color: #6b9cff;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}
.payment-information .pay-on-card label span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: 2px solid #e3e6ea;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    margin-right: 15px;
}

.payment-information .pay-on-card input:checked+label span:before {
    opacity: 1;
}
/* Optionally hide Owl nav/dots when showing grid */
#fr-device-type .owl-carousel .owl-nav,
#fr-device-type .owl-carousel .owl-dots {
  display: none !important;
}

/* Example: only use grid on screens >= 768px */
@media (min-width: 768px) {
  #fr-device-type .owl-carousel .owl-stage {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}
.bottom-col1.text-left-lg.text-center.text-copy-right a {
    color: #05b6ff;
}
.step_1 .fr-info-inner .heading:before {
    content: "Step 01.";
    
}
.step_2 .fr-info-inner .heading:before {
    content: "Step 02.";
    
}
.step_3 .fr-info-inner .heading:before {
    content: "Step 03.";
    
}
.step_4 .fr-info-inner .heading:before {
    content: "Step 04.";
    
}
.fr-info-inner .heading:before {
    color: #ffffff;
    margin-bottom: 9px;
    display: block;
    font-size: 17px;
}


.folow_step .fr-info-box h3 i {
    display: none;
}

.folow_step .fr-info-box h3 {
    color: #fff;
}

.folow_step .fr-info-box .body p {font-family: "AktivGrotesk";}

@media (min-width: 1200px) {
	.site-footer .bottom-footer .widget_nav_menu {
		padding-left: 0;
	}
	
	.bottom-footer .cms-footer-item:nth-child(2),.bottom-footer .cms-footer-item:nth-child(3) {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.bottom-footer .cms-footer-item:last-child {
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
}
@media (max-width: 991px) {
	#site-header-wrap.header-layout .site-header-main a.logo {
		line-height: 100px;
	}footer section#media_image-3 {
		text-align: center;
	}
	.primary-menu > li > a {
		color: #032549;
	}
	.trust_budge_fix {
		width: 100px;
		height: 100px;
	}
}
@media (max-width: 575px) {
    .fr-service-carousel-default .owl-nav .owl-next {
        width: 40px;
        height: 40px;
        font-size: 22px;
    }
}

/*19-12-2025*/
.service-options .repair-carousel .repair-item .image-item {
    margin-top: -25%;
    margin-bottom: 0;
    pointer-events: none;
}

#fr-device-type .owl-carousel .owl-item, .service-options .repair-carousel .repair-item, .service-options .repair-carousel .owl-stage-outer {
    overflow: visible !important;
    position: relative;
}

.repair-item h3 a:after {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.service-options .repair-carousel .repair-item {
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
    background: #ffffff;
}

.repair-item h3 a {
    position: static;
    padding: 0;
}

#fr-device-type .owl-carousel .owl-item {
    width: auto !important;
    flex: 0 0 25%;
    max-width: 25%;
}

div#fr-device-type .owl-carousel .owl-stage {
    display: flex !important;
    justify-content: center;
    height: auto;
    gap: 70px 20px;
}

@media (max-width: 767px){
    #fr-device-type .owl-carousel .owl-item {
        flex: 0 0 45%;
        max-width: 45%;
    }
    div#fr-device-type .owl-carousel .owl-stage {
        margin-top: 30px;
        row-gap: 65px;
    }
}

@media (max-width: 420px){
    #fr-device-type .owl-carousel .owl-item {
        flex: 0 0 70%;
        max-width: 70%;
    }
}

@media (max-width: 375px){
    #fr-device-type .owl-carousel .owl-item {
        flex: 0 0 90%;
        max-width: 90%;
    }
}

.single-device  .list-options.list-repair {
    display: flex;
    flex-wrap: wrap;
    gap: 25px 20px;
}

.single-device  .list-options.list-repair li {
    flex: 0 0 calc(33.33% - 14px);
    margin-bottom: 0;
    border: 1px solid #abb8c3;
    padding: 20px 10px;
    border-radius: 10px;
    position: relative;
}

.list-options.list-repair .select-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.single-device .list-options li .select-item label span {
    position: absolute;
    top: -12px;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
    background: #ffffff;
    width: 25px;
    height: 25px;
}

.single-device .list-options li .select-item label {
    position: static;
    text-align: center;
    line-height: 1.2;
    margin: 0;
}

.single-device .list-options li .select-item label span:after {
    top: 3px;
    left: 3px;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNjguMDQ3IDQ3NkwxNjUuMzg0IDQ3MS40NzNDMTI0LjcxNyA0MDIuMzI4IDE2LjY1MDUgMjU1LjU5MiAxNS41NTg5IDI1NC4xMThMMTQgMjUyLjAwNUw1MC44MTc4IDIxNS42OTRMMTY3LjM2MyAyOTYuOTA2QzI0MC43NDMgMjAxLjg4MiAzMDkuMjAxIDEzNi42MTUgMzUzLjg1NiA5OC41MDE3QzQwMi43MDUgNTYuODA5NiA0MzQuNTAzIDM3LjYxNTkgNDM0LjgyNCAzNy40MzE5TDQzNS41NDcgMzdINDk4TDQ5Mi4wMzQgNDIuMzAxOUMzMzguNjA3IDE3OC42NzYgMTcyLjMwOCA0NjguNTI3IDE3MC42NTIgNDcxLjQzOUwxNjguMDQ3IDQ3NloiIGZpbGw9IiMwNUI2RkYiLz4KPC9zdmc+Cg==");
    border-radius: 0;
    background-size: 15px;
    background-repeat: no-repeat;
    background-color: transparent;
    transition: all 0.3s ease-in-out;
}

.single-device .list-options li .select-item span {
    margin: 0;
}

@media (max-width: 575px){
    .single-device .list-options.list-repair li {
        flex: 0 0 calc(50% - 14px);
        margin-bottom: 0;
    }
}

@media (max-width: 375px){
    .single-device .list-options.list-repair li {
        flex: 0 0 100%;
    }
}

.tax-device-category .repair-item .image-item {
    width: 100%;
    height: 270px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
}
.tax-device-category .repair-item:hover .image-item {
    box-shadow: 2px 2px 14px 2px rgba(0, 0, 0, 0.2);
}

.tax-device-category .repair-item {
    border: 0;
    padding: 0;
    justify-content: flex-start;
}

.tax-device-category .repair-item .image-item img {
    max-height: 190px;
}

.tax-device-category .site-main {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    margin-inline: 0px;
}

.fr-grid-device-category .row {
    margin-inline: 0;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.fr-grid-device-category .repair-item {
    border: 0;
    padding: 0;
}

.fr-grid-device-category .repair-item .image-item {
    width: 100%;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-bottom: 0;
}

.fr-grid-device-category .repair-item .image-item img {
    width: 80px;
}

@media (max-width: 1280px){
    .tax-device-category .site-main {
        grid-template-columns: repeat(4, 1fr);
    }
    .fr-grid-device-category .row {
        grid-template-columns: repeat(4, 1fr);
    }
    
}

@media (max-width: 767px){
    .tax-device-category .site-main {
        grid-template-columns: repeat(3, 1fr);
    }
    .tax-device-category .repair-item .image-item {
        height: 200px;
    }
    .fr-grid-device-category .row {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 575px){
    .tax-device-category .site-main {
        grid-template-columns: repeat(2, 1fr);
    }
    .fr-grid-device-category .row {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

@media (max-width: 370px){
    .tax-device-category .site-main {
        grid-template-columns: repeat(1, 1fr);
    }
    .fr-grid-device-category .row {
        grid-template-columns: repeat(1, 1fr);
    }
}

.single-product table.variations th {
    color: #032549 !important;
}


/**** improve repair layout design  ****/
.list-options {
    display: flex;
    gap: 24px;
    justify-items: center;
    flex-wrap: wrap;
}

.single-device .list-options.list-repair li {
    flex: 0 0 calc(33.33% - 16px);
    background-color: #ffffff;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    max-width: calc(33.33% - 16px);
    border: 1px solid #BDBDBD;
    border-radius: 20px;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.list-options li:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.list-options li .mr-card__header {
    padding: 10px 15px;
    background: linear-gradient(360deg, #05B6FF -25%, #030B99 80.01%);
    text-align: center;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-options li .mr-card__title {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    line-height: 1.4;
}

.list-options li .mr-card__body {
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.list-options li .mr-card__icon-wrapper {
    width: 125px;
    height: 125px;
    background-color: #f5f5f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    background: url(https://aismarttech.co.uk/wp-content/uploads/2026/01/bg.svg);
}

.list-options li .mr-card__icon {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.list-options li .mr-card__price {
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 8px;
}

.list-options li .mr-card__actions {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    justify-content: center;
}

.list-options li .mr-card__checkbox-label {
    display: block;
    flex: 1;
    position: relative;
    cursor: pointer;
}

.list-options li .mr-card__checkbox {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    appearance: none;
    cursor: pointer;
}

.list-options li .mr-card__checkbox-custom {
    display: flex;
    align-items: center;
    padding: 7px 15px;
    background: #242424;
    border-radius: 20px;
    color: #ffffff;
    justify-content: center;
    line-height: 22px;}

.list-options li .mr-card__checkbox-custom:hover {
    background-color: #5a5a5a;
}

.list-options li .mr-card__checkbox:checked + .mr-card__checkbox-custom {
    background-color: #1e3a8a;
}

.list-options li .mr-card__checkbox:checked + .mr-card__checkbox-custom:hover {
    background-color: #1e40af;
}

.list-options li .mr-card__check-icon {
    display: none;
    width: 22px;
    height: 22px;
}

.list-options li .mr-card__select-text {
    display: inline-block;
}

.list-options li .mr-card__checkbox:checked + .mr-card__checkbox-custom .mr-card__select-text {
    display: none;
}

.list-options li .mr-card__checkbox:checked + .mr-card__checkbox-custom .mr-card__check-icon {
    display: block;
}

.list-options li .mr-card__info {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.list-options li .mr-card__info-icon {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.2s ease-in-out;
}

.list-options li .mr-card__info:hover .mr-card__info-icon {
    transform: scale(1.1);
} 

.single-device .list-options.list-repair li:last-child{
    flex: 0 0 calc(66.66% - 12px);
    max-width: calc(66.66% - 12px);
}

.single-device .list-options.list-repair li:last-child .other_details {
    margin-inline: 10px;
}

.single-device .list-options.list-repair li:last-child .other_details textarea {
    height: 120px;
    margin-bottom: 0;
    padding: 10px;
    line-height: 1.4;
    border-radius: 15px;
}
@media (max-width: 767px){
    .list-options li .mr-card__title{   
        font-size: 16px;
    }
    .single-device .list-options.list-repair li {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
    
    .single-device .list-options.list-repair {
        gap: 20px;
    }
    
    .single-device .list-options.list-repair li:last-child {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .list-options li .mr-card__info {
        width: 30px;
        height: 30px;
    }

    .list-options li .mr-card__icon-wrapper {
        width: 80px;
        height: 80px;
        background-size: cover;
    }
    
    .list-options li .mr-card__icon {
        width: 70px;
        height: 70px;
    }
    
    .list-options li .mr-card__body {
        gap: 0;
    }
}
@media (max-width: 360px){
    .single-device .list-options.list-repair li {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
 
/*** End repair layout ***/