h1{
    text-transform: uppercase;
}

.hero-section{
    background-color: transparent;
    background-image: url(/images/readyprint/hero-printers-new.png);
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 750px;
    align-items: flex-start;
    padding-top: 60px;
    background-position-y: bottom;
    background-color: gainsboro;
}

.tech-logo{
    width: 115px;
}

.Icon-parent {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 50%;
    flex-direction: row;
    margin-top: 150px;
}

.icon-desc {
    text-align: center;
    flex: 1;
    margin: 0 10px;
}

.icon {
    width: 48%;
    margin-bottom: 10px;
    margin: 0 auto;
}

.icon-desc {

}

.Button-Container {
    display: flex;
    justify-self: center;
    align-items: center;
    width: 100%;
    margin-top: 150px;
}

.Video-Container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    width: 100%;
}
video {
    width: 50%;
    height: auto;
}
/* .Icon-parent .iDesc {
    max-width: 400px;
} */
@media screen and (max-width: 500px) {
    .icon {
        width: 40%;
    }
}
@media (min-width: 501px) and (max-width: 767px){
	.icon {
        width: 30%;
    }
    .Icon-parent {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    video {
        width: 100%;
        height: auto;
    }
    .Icon-parent {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 80%;
    }
}
@media (min-width: 768px) and (max-width: 1400px){
	.icon {
        width: 45%;
    }
    .Icon-parent {
        width: 100%;
    }
}

@media screen and (min-width: 1401px) {
    .splide__slide.CYP.HLP {
        margin-left: 26%;
    }
}

@media screen and (min-width: 570px) {

}

#features,
#features .card{
    background-color: white;
}
#plans,
#plans .card{
    background-color: white;
}
#support,
#support .card{
    background-color: white;
}
#compare,
#compare .card{
    background-color: white;
}

.card h5{
    color: #10218b;
    
}

.rrp{
    font-weight: bold;
}

.muted{
    font-size: 12px;
}

.card-text{
    line-height: 1.5;
}

.card-text ul{
    padding-left: 20px;
}

#compatibility{
    padding: 50px 0;
}
#overview{
    padding: 50px 0;
}

@media screen and (min-width: 768px) {
    .hero-section {
        min-height: 1000px;
    }
    .models .splide.is-initialized:not(.is-active) .splide__list {
        display: flex;
    }
    .table-responsive {
        display: block !important;
    }
}

@media screen and (min-width: 992px) {
    .hero-section{
        min-height: 600px;
        background-image: url("/images/readyprint/Banner-new.png");
        padding-top: 0;
        background-position: center;
        align-items: center;
        background-size: cover;
    }

    .row.column-with-gap{
        flex-direction: row;
        gap: unset;
    }
    .column-with-gap{
        justify-content: center;
    }
    .row-cols-lg-2>*, .row-cols-xl-2>* {
        width: 50%;
    }
    .featured-image{
        height: 100%;
        object-fit: cover;
    }
    .description{
        min-height: 535px;
    }
    .description.right{
        padding-left: 30px;
    }
    .description.left{
        padding-right: 30px;
    }
    .tech-logo {
        width: 210px;
    }
    #clo .featured-image{
        object-position: right;
    }
    .mobile-slider:not(#proUHDSlide, #featuresSlide) .splide__arrows{
        display: block;
    }
    .row .card-img, .row .card-img-top {
        object-fit: contain;
    }
    #features .card-body h3{
        min-height: auto;
    }
    #plans .card-body h3{
        min-height: auto;
    }
    #support .card-body h3{
        min-height: auto;
    }
    #compare .card-body h3{
        min-height: auto;
    }
    .container-fluid{
        position: relative;
    }
    .left-image .featured-image{
        position: absolute;
        width: 50%;
        left: 0;
    }
    .right-image .featured-image{
        position: absolute;
        width: 50%;
        right: 0;
    }
}

@media screen and (min-width: 1024px) {
    .desc{
        min-height: 545px;
    }
    .tech-logo{
        width: 180px;
    }
    .mobile-slider:not(#recSlide, #featuresSlide) .splide__arrows{
        display: block;
    }
    #casual-gaming .splide__arrows {
        display: none;
    }
    #HPs .splide__arrows {
        display: none;
    }
    #BPs .splide__arrows {
        display: none;
    }
    .models .row,
    .models .row-cols-md-2{
        gap: 30px;
    }
    #features .card-body{
        padding: 20px 0 0 0;
    }
    #plans .card-body{
        padding: 20px 0 0 0;
    }
    #support .card-body{
        padding: 20px 0 0 0;
    }
    #compare .card-body{
        padding: 20px 0 0 0;
    }

}

@media screen and (min-width: 1200px) {
    #sizeMatters .desc{
        min-height: 775px;
    }
}

@media screen and (min-width: 1400px) {
    .models .row,
    .models .row-cols-md-2{
        gap: 50px;
    }
}

@media screen and (min-width: 1920px) {

}


.compare{
	padding: 3em 2em;
}
@media(max-width: 768px){
    #compare-container{
        padding-bottom: 0!important;
    }
	#compare .select-plan-btn{
		display: inline-block;
		padding: 0;
	}
}

#compare table td,
#compare table th{
	text-align: center!important;
}

#compare .text-start{
	text-align: left!important;
	font-weight: bold;
}

#compare table .text-start ul{
	list-style: disc;
	padding-left: 1em;
}
#compare .pricing-card-title{
	margin-bottom: 1em;
}
#compare td{
	vertical-align: middle;
}
/* #compare .btn{
	font-size: 1.5rem;
	padding: .675rem 2rem;
} */
#compare-container, #disclaimers-container{
	background-color: white;
}
#compare tbody, #compare tbody ul li{
	/* font-size: 1.2rem; */
}
#compare > div > table > tbody:nth-child(3) > tr:nth-child(1) > th > ul{
	list-style: disc;
	padding-left: 1rem;
}
@media (min-width: 768px) and (max-width: 1200px){
	#compare h4.my-0 {
		min-height: 120px;
		display: flex;
		flex-direction: column;
		justify-content: end;
	}
}

@media (min-width: 992px) {
    #compare .pricing-card-title {
		font-size: calc(1.6rem + .6vw);
	}
	#compare .pricing-card-title{
		margin-bottom: .3em;
	}
    #compare > div > table > tbody:nth-child(4) > tr > th{
		border-bottom: 0;
	}
	#compare .img-container {
		min-height: 140px;
	}
    #compare{
		padding-left: 2em!important;
		padding-right: 2em!important;
	}
}

@media (min-width: 1200px){
	#compare .content-container{
		max-width: 1420px;
		margin: auto;
	}
}
#compare > div > div > div.table-responsive > table > tbody:nth-child(2) > tr:nth-child(1) > th,
#compare > div > div > div.table-responsive > table > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(2),
#compare > div > div > div.table-responsive > table > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(3),
#compare > div > div > div.table-responsive > table > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(4),
#compare > div > div > div.table-responsive > table > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(5){
	border-top: 1px;
}
@media(min-width: 768px){
    #compare .pricing-card-title{
        font-size: 1.2rem;
    }
    #compare .img-container{
		min-height: 105px;
	}
    .compare-info{
		display: none;
	}
    #compare > div > table > tbody:nth-child(3) > tr:nth-child(1) > th > ul{
        list-style: disc;
        padding-left: 1rem;
    }
    
    #compare .img-container{
        min-height: 105px;
    }
    .compare-info{
		display: none;
	}
    table h4 .printer, #compare .pricing-card-title{
		font-size: 1.2rem;
	}
	.table>thead>tr>th{
		vertical-align: top;
	}
}

#compare table td,
#compare table th{
	text-align: center!important;
}

#compare .text-start{
	text-align: left!important;
	font-weight: bold;
}

#compare table .text-start ul{
	list-style: disc;
	padding-left: 1em;
}
#compare td{
	vertical-align: middle;
}
#compare .pricing-card-title{
	margin-bottom: 1em;
}
/* #compare .btn{
	font-size: 1.5rem;
	padding: .675rem 2rem;
} */
#compare-container, #disclaimers-container{
	background-color: white;
}
#compare tbody, #compare tbody ul li{
	/* font-size: 1.2rem; */
}

@media (min-width: 768px) and (max-width: 1200px){
	#compare h4.my-0 {
		min-height: 120px;
		display: flex;
		flex-direction: column;
		justify-content: end;
	}
}

@media(min-width: 992px){
    #compare .pricing-card-title {
		font-size: calc(1.6rem + .6vw);
	}
    #compare .pricing-card-title{
		margin-bottom: .3em;
	}
    #compare > div > table > tbody:nth-child(4) > tr > th{
		border-bottom: 0;
	}
	#compare .img-container {
		min-height: 140px;
	}
    #compare{
		padding-left: 2em!important;
		padding-right: 2em!important;
	}
}
@media (min-width: 1200px){
	#compare .content-container{
		max-width: 1420px;
		margin: auto;
	}
}
#compare > div > div > div.table-responsive > table > tbody:nth-child(2) > tr:nth-child(1) > th,
#compare > div > div > div.table-responsive > table > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(2),
#compare > div > div > div.table-responsive > table > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(3),
#compare > div > div > div.table-responsive > table > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(4),
#compare > div > div > div.table-responsive > table > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(5){
	border-top: 1px;
}
.table-responsive{
	display: none;
}
table th img, .icon img{
	width: 100%;
}
.card-header h4, table h4, .pricing-card-title{
	font-size: calc(2rem + .3vw);
	font-weight: bold!important;
}
.table>tbody+tbody, .table>:not(:first-child) {
    border-top: 1px solid #ddd!important;
}
.table>thead>tr>th {
    border-bottom: 1px solid #ddd!important;
}
#compare > div > table > tbody:nth-child(3) > tr:nth-child(1) > th > ul{
	list-style: disc;
	padding-left: 1rem;
}

.splide__slide.CYP {
    height: 750px !important;
}
.product-container.Model .product{
    height: 750px !important;
    display: flex;
    flex-direction: column;
}

.product-container .product.SUPP{
    height: 550px !important;
    display: flex;
    flex-direction: column;
}

#floating-button {
	position: fixed;
	/* top: 50%; */
	transform: translateY(-50%);
	width: 125px;
	height: 125px;
	background-color: #cc6633;
	color: white;
	border: none;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: right 0.3s ease-in-out, background-color 0.3s;
    z-index: 1000;
    text-decoration: none;
}
#floating-button img {
	width: 50%;
}
#floating-button:hover {
	background-color: darkorange;
}

@media(max-width: 768px){
    #floating-button {
		/* top: 5%;
		transform: translateY(-50%); */
		right: -10px;
		width: 70px;
		height: 70px;
		font-size: 10px;
		z-index: 1000;
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	}
    #partner-in-printing, #review, #casual-gaming, #HPs, #BPs, #compatibility, #compare {
        padding: 30px;
    }
}

@media screen and (min-width: 992px) {
    /* .mobile-slider:not(#reviewsSlide) .splide__arrows{
        display: block;
    } */
    .splide__arrow.eal-prev {
        left: -50px;
    }
    .splide__arrow.eal-prev svg{
        fill: #000 !important;
    }
    .splide__arrow.eal-next {
        right: -50px;
    }
    .splide__arrow.eal-next svg{
        fill: #000 !important;
    }
}

@media (min-width: 500px) and (max-width: 767px){
	#carousel-img {
        width: 80% !important;
        margin: 0 auto;
    }

    #plan-img {
        width: 65% !important;
        margin: 0 auto;
    }
    
    #support-img {
        width: 50% !important;
        margin: 0 auto;
    }
}


.alert {
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	border-radius: 0;
    padding: 1rem 1rem;
}
.alert{
	margin-bottom: 0;
	background: black;
	color: white;
	font-size: 1.3rem;
}
.alert-dark{
	--bs-alert-border-color: #000;
	--bs-alert-bg: #000000;
	--bs-alert-border-radius: 0;
	border: 0;
	font-size: 14px;
}


.sticky-nav-ul .last-child {
    border-right: 2px solid #dddddd;
}

.fs-2 {
    font-size: calc(1.5rem + .9vw)!important;
}
.fs-2{
    min-height: 65px;
}
@media (min-width: 992px) {
    .fs-2 {
        margin-bottom: .5em;
        font-weight: bold;
        min-height: 0;
        font-size: 2.1rem !important;
    }
}
@media (min-width: 768px) {
    .fs-2 {
        min-height: 65px;
    }
}
@media (min-width: 768px) {
    .feature-icon svg {
        width: 2em;
        height: 2em;
    }
    .table-responsive h4{
        font-size: 30px !important;
    }
    /* .table-responsive h4 .printer{
        font-size: 11px !important;
    } */
}

@media (min-width: 1200px) {

    .table-responsive h4{
        font-size: 20px !important;
    }
    /* .table-responsive h4 span{
        font-size: 11px !important;
    } */

}

@media (min-width: 1200px) and (max-width: 1400px){
    .table-responsive h4 span{
        font-size: 11px !important;
    }
}


@media (min-width: 768px) and (max-width: 1400px){
    /* .table-responsive h4 span{
        font-size: 11px !important;
    } */
    /* .table-responsive h4{
        font-size: 30px !important;
    } */
}


.feature-icon svg {
    width: 2.5em;
    height: 1.5em;
}

@media (max-width: 991px) {
    .material-symbols-outlined {
        color: black !important;
    }
}

@media screen and (min-width: 1200px) {
    .product.SUPP .product-image img {
        min-height: auto !important;
        max-height: none !important;
        object-fit: contain;
    }
}
@media screen and (max-width: 767px) {
    .product.SUPP .product-image img {
        width: 70% !important;
    }
}
.splide__slide.SUP {
    height: 550px !important;
}


/*Home & Business plan selector*/

.button-selection {
    display: flex;
    justify-content: center;
    gap: 0;
}

.button-selection1 {
    display: flex;
    justify-content: center;
    gap: 0;
}

.button-selection button {
    padding: 10px 20px;
    background-color: white;
    border: 1px solid #10218b;
    cursor: pointer;
    width: 300px;
    height: 50px;
}

.button-selection1 button {
    padding: 10px 20px;
    background-color: white;
    border: 1px solid #10218b;
    cursor: pointer;
    width: 300px;
    height: 50px;
}

.button-selection button.active {
    background-color: #10218b;
    color: white;
}

.button-selection1 button.active {
    background-color: #10218b;
    color: white;
}

#BPs {
    display: none;
}

section.active-section {
    display: block;
}

@media screen and (min-width: 992px) {
    .eal-section-spacing-bottom.button-selection {
        padding-bottom: 50px !important;

    }

    .eal-section-spacing-bottom.button-selection1 {
        padding-bottom: 50px !important;

    }

}

.alert:has(.temp-message){
    text-align: center;
}
.alert .temp-message * {
    margin: 0;
}
.alert-dark {
    text-align: center;
    background-color: #19212b;
}
.btn-readyprint--notify-me, .btn-dark{
    background-color: #034ea2;
    border: 2px solid;
    border-color: #034ea2;
    color: white;
}
.btn-readyprint--notify-me:hover,
.btn-dark:hover{
    background-color: transparent;
    color: white;
    border:2px solid #034ea2;
}
.btn-readyprint--login{
    background-color: transparent;
    color: white;
    border: 2px solid #034ea2;
}
.btn-readyprint--login:hover{
    background-color: #034ea2;
    border-color: #034ea2;
    color: white;
}
.temp-buttons{
    gap: 15px;
}
.temp-message {
    padding-top: 20px;
    padding-bottom: 20px;
}
.temp-message .register-link{
    color: #70bcfe;
}
.btn-unavailable{
        border: 1px solid #10218b;
    color: #10218b;
}
.btn-unavailable:hover{
    background-color: #10218b;
    color: white;
}
#plans .btn-dark{
    background-color: #10218b;
    border: unset;
}
.splide__slide.CYP:hover {
    border: 1px solid #10218b!important;
}
a[href="contact/notify-me.asp"]:not(.btn-readyprint--notify-me){
    min-width: 230px;
}