.mt-8 {
    margin-top: 8rem;
}
.special-heading-d .fa-check-circle, .special-heading-e .fa-check-circle {
    position: absolute;
    left: 0;
    font-size: 2.5rem;
    top: 0.3rem;
}
.special-heading-d ul li, .special-heading-e ul li {
    padding: 0.5rem 0.5rem .5rem 4rem;
    font-size: 1.3rem;
    line-height: 1.618;
    margin: 0.5rem 0 0 0;
    list-style: none;
    display: block;
    position: relative;
}
.special-heading-d ul{
	margin: 2rem 0 0 0;
}
.mt-8 {
    margin-top: 10rem !important;
}
.mb-5, .my-5 {
    margin-bottom: 0rem!important;
}
.regular {
    font-weight: 300;
}
.productCategoryMultiGrid .p-names-price {
    padding: 1rem 1rem 2rem 2rem;
    height: 8rem;
    line-height: 1.8rem;
}
.productCategoryMultiGrid .p-names-1, .productCategoryMultiGrid .p-names-2, .productCategoryMultiGrid .p-names-3{
	margin-top: 0;
    padding-top: 2rem;
    display: block;
    font-size: 1.8rem;
    font-weight: 600;
    text-shadow: 1px 0px 0.5px rgba(0, 0, 0, 0);
}
.productCategoryMultiGrid .p-names-1{
    color: #484848;
}
.productCategoryMultiGrid .p-names-2{
	color: #fc339e;
}
.productCategoryMultiGrid .p-names-3{
	color:#45b7e7;
}
.fa-times-circle{
    color: red;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    position: absolute;
    right: 16rem;
    font-size: 4.6rem;
    top: 4rem;
}
.checklist, .badges {
    color: #419444;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    position: absolute;
    left: 10rem;
    font-size: 4.6rem;
    top: 5rem;
}
.gp-info-row-z-pattern-row2 {
    margin-bottom: 4rem;
}
.productCategoryMultiGrid{
	 margin-top: 0rem !important; 
}
.productTitleGrid .p-names.sub-heading {
    padding: 0 0 1rem !important;
    height: 8rem !important;
    font-weight: normal;
    font-size: 1.4rem;
}
.rectangle{
    width: 46rem;
    background: none;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.rectangle:hover{
	background:var(--lightBackground);
}

.horiDesign{
	color: #419444;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    position: absolute;
    left: 15rem;
    font-size: 4.6rem;
    top: 23rem;
}
.verDesign{
    color: red;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    position: absolute;
    left: 31rem;
    font-size: 4.6rem;
    top: 23rem;
}
.sub-heading{
    display: block;
    border-top: 0;
    border-radius: 0 0 0rem 0rem;
    border:0;
    padding: 1rem 1rem 2rem 1rem;
    font-size: 1.4rem;
}
.benefits-link {
    float: none !important;
}
.catlink{
    border:0;
    display: block;
    border-radius: 0 0 0.4rem 0.4rem;
    padding-bottom: 2rem;
}
a.imgAnc:hover{
    margin-top: -0.4rem;
}
.fileOrientationNote{
    padding-left: 1.5rem;
}
.bottomNote{
    margin-top: 4rem;
}
.special-heading-c-text, .special-heading-f-text {
    margin-bottom: 2rem;
}
.productCategoryMultiGrid .p-names-1 {
  color: #484848 !important;
  margin-top: 0;
  padding-top: 2rem !important;
  font-size: 1.8rem !important;
  font-weight: 600 !important;
}

/*-----------------Mobile and tablet Styling---------------------*/

@media (min-width: 320px) and (max-width: 385px) {
   #infoBanner {
    background-image: url('../img/desktop/hero_banner_mobile_check_list_business_card.jpg') !important;
   }
	.rectangle {
        width: 100%;
    }
	.horiDesign {
	    left: 10rem;
	    font-size: 3.4rem;
	    top: 15rem;
	}
	.verDesign {
	    left: 24rem;
	    font-size: 3.4rem;
	    top: 15rem;
	}
	.fa-times-circle {
	    right: 10rem;
	}
	.checklist, .badges {
	    left: 7rem;
        top: 4rem;
	}
}

@media (min-width: 386px) and (max-width: 472px) {
  #infoBanner {
    height: 40rem !important;
    margin-bottom: 8rem;
    font-family: 'Open Sans', Arial, sans-serif, Helvetica;
    background-image: url('../img/desktop/hero_banner_mobile_check_list_business_card.jpg') !important;
    background-size: cover;
  }
  .gp-info-code-view {
	    margin-top: 6rem !important;
	}	
	.mt-8 {
	    margin-top: 8rem !important;
	}
	.productCategoryMultiGrid .p-names-price {
        font-size: 1.4rem !important;
    }
	.fa-times-circle {
		color: red;
	    top: 2rem;
	    right: 11rem;
	    font-size: 4.6rem;
	}
	.checklist, .badges {
		left: 7rem;
	    font-size: 4.6rem;
	    top: 4rem;
    }
    .rectangle {
        height: 43.5rem;
        width: 100%;
    }
    .horiDesign {
        left: 12rem;
        font-size: 3.6rem;
        top: 19rem;
    }
    .verDesign {
	    left: 25rem;
	    font-size: 3.6rem;
	    top: 19rem;
	}
}
@media only screen and (width: 768px) {
	.mt-8 {
        margin-top: 5rem !important;
    }    
    .productCategoryMultiGrid .p-names-price {
        font-size: 1.3rem !important;
        line-height: 1.6rem;
	}
	.checklist, .badges {
	    font-family: 'Font Awesome 5 Pro';
	    font-weight: 900;
	    position: absolute;
	    left: 8rem;
	    font-size: 4rem;
	    top: 5rem;
	}
	.fa-times-circle {
	    color: red;
	    left: 28rem;
	    font-size: 4rem;
	}
	.rectangle {
	    height: 43.5rem;
	    width: 100%;
	}
	.horiDesign {
	    font-size: 3.6rem;
	    top: 17rem;
	    left: 12rem;
	}
	.verDesign{
	    color: red;
	    top: 17rem;
	    left: 24rem;
	    font-size: 4rem;
	}
}
